gantt-task-react-v 1.6.11 → 1.6.13

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

@@ -5167,16 +5167,16 @@ const DEFAULT_THEME = {
     groupProgressSelectedColor: "#388E3C",
     groupProgressCriticalColor: "#2E7D32",
     groupProgressSelectedCriticalColor: "#1B5E20",
-    groupBackgroundColor: "#29B6F6",
-    groupBackgroundSelectedColor: "#0288D1",
+    groupBackgroundColor: "#0A0A0A",
+    groupBackgroundSelectedColor: "#333333",
     groupBackgroundCriticalColor: "#0277BD",
     groupBackgroundSelectedCriticalColor: "#01579B",
     projectProgressColor: "#26C6DA",
     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]);
@@ -12829,7 +12830,7 @@ const Bar = (props) => {
     taskHeight
   );
   const renderBarDisplay = () => {
-    if (task.type === "project") {
+    if (task.type === "project" || hasChildren) {
       return /* @__PURE__ */ jsx(
         ProjectDisplay,
         {
@@ -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" && !hasChildren || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsx(
       BarProgressHandle,
       {
         className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13098,6 +13099,7 @@ const TaskItemInner = (props) => {
   const {
     movingAction,
     distances: { arrowIndent, relationCircleOffset, relationCircleRadius },
+    hasChildren,
     onDeleteTask,
     isDateChangeable,
     canDelete,
@@ -13299,13 +13301,13 @@ const TaskItemInner = (props) => {
           {
             x1,
             width,
-            taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
+            taskHeight: task.type === "project" || hasChildren ? taskHalfHeight : taskHeight,
             arrowIndent,
             rtl,
             label: task.name,
             taskYOffset,
             viewMode,
-            alwaysOutline: task.type === "project"
+            alwaysOutline: task.type === "project" || hasChildren
           }
         )
       ]
@@ -13446,6 +13448,7 @@ const TaskGanttContentInner = (props) => {
     waitCommitTasks,
     viewMode,
     showProgress = true,
+    showProjectProgress = false,
     progressColor
   } = props;
   const renderedHolidays = useMemo(() => {
@@ -13616,6 +13619,7 @@ const TaskGanttContentInner = (props) => {
                 renderCustomLabel,
                 viewMode,
                 showProgress,
+                showProjectProgress,
                 progressColor
               }
             )
@@ -13976,6 +13980,7 @@ const TaskGanttContentInner = (props) => {
     activeArrowKey,
     activeTaskId,
     showProgress,
+    showProjectProgress,
     progressColor
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
@@ -19784,6 +19789,7 @@ const Gantt = (props) => {
     todayLabel = "Today",
     dataDateLabel = "Data Date",
     showProgress = true,
+    showProjectProgress = false,
     progressColor,
     scrollToTaskId,
     drawer: drawerProps
@@ -21299,6 +21305,7 @@ const Gantt = (props) => {
       visibleTasksMirror,
       viewMode,
       showProgress,
+      showProjectProgress,
       progressColor
     }),
     [
@@ -21344,6 +21351,7 @@ const Gantt = (props) => {
       changeInProgress == null ? void 0 : changeInProgress.action,
       handleDeleteTasks,
       showProgress,
+      showProjectProgress,
       progressColor
     ]
   );

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

@@ -5184,16 +5184,16 @@
       groupProgressSelectedColor: "#388E3C",
       groupProgressCriticalColor: "#2E7D32",
       groupProgressSelectedCriticalColor: "#1B5E20",
-      groupBackgroundColor: "#29B6F6",
-      groupBackgroundSelectedColor: "#0288D1",
+      groupBackgroundColor: "#0A0A0A",
+      groupBackgroundSelectedColor: "#333333",
       groupBackgroundCriticalColor: "#0277BD",
       groupBackgroundSelectedCriticalColor: "#01579B",
       projectProgressColor: "#26C6DA",
       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]);
@@ -12846,7 +12847,7 @@
       taskHeight
     );
     const renderBarDisplay = () => {
-      if (task.type === "project") {
+      if (task.type === "project" || hasChildren) {
         return /* @__PURE__ */ jsxRuntime.jsx(
           ProjectDisplay,
           {
@@ -12865,7 +12866,7 @@
             isCritical,
             hasChildren,
             startMoveFullTask,
-            showProgress,
+            showProgress: showProjectProgress,
             progressColor
           }
         );
@@ -12945,7 +12946,7 @@
         }
       ),
       relationHandles,
-      isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
+      (task.type !== "project" && !hasChildren || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
         BarProgressHandle,
         {
           className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13115,6 +13116,7 @@
     const {
       movingAction,
       distances: { arrowIndent, relationCircleOffset, relationCircleRadius },
+      hasChildren,
       onDeleteTask,
       isDateChangeable,
       canDelete,
@@ -13316,13 +13318,13 @@
             {
               x1,
               width,
-              taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
+              taskHeight: task.type === "project" || hasChildren ? taskHalfHeight : taskHeight,
               arrowIndent,
               rtl,
               label: task.name,
               taskYOffset,
               viewMode,
-              alwaysOutline: task.type === "project"
+              alwaysOutline: task.type === "project" || hasChildren
             }
           )
         ]
@@ -13463,6 +13465,7 @@
       waitCommitTasks,
       viewMode,
       showProgress = true,
+      showProjectProgress = false,
       progressColor
     } = props;
     const renderedHolidays = React.useMemo(() => {
@@ -13633,6 +13636,7 @@
                   renderCustomLabel,
                   viewMode,
                   showProgress,
+                  showProjectProgress,
                   progressColor
                 }
               )
@@ -13993,6 +13997,7 @@
       activeArrowKey,
       activeTaskId,
       showProgress,
+      showProjectProgress,
       progressColor
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "content", children: [
@@ -19801,6 +19806,7 @@
       todayLabel = "Today",
       dataDateLabel = "Data Date",
       showProgress = true,
+      showProjectProgress = false,
       progressColor,
       scrollToTaskId,
       drawer: drawerProps
@@ -21316,6 +21322,7 @@
         visibleTasksMirror,
         viewMode,
         showProgress,
+        showProjectProgress,
         progressColor
       }),
       [
@@ -21361,6 +21368,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.11",
+  "version": "1.6.13",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",