gantt-task-react-v 1.6.13 → 1.6.15

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

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

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

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

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

@@ -5167,8 +5167,8 @@ const DEFAULT_THEME = {
     groupProgressSelectedColor: "#388E3C",
     groupProgressCriticalColor: "#2E7D32",
     groupProgressSelectedCriticalColor: "#1B5E20",
-    groupBackgroundColor: "#0A0A0A",
-    groupBackgroundSelectedColor: "#333333",
+    groupBackgroundColor: "#29B6F6",
+    groupBackgroundSelectedColor: "#0288D1",
     groupBackgroundCriticalColor: "#0277BD",
     groupBackgroundSelectedCriticalColor: "#01579B",
     projectProgressColor: "#26C6DA",
@@ -5176,9 +5176,9 @@ const DEFAULT_THEME = {
     projectProgressCriticalColor: "#00838F",
     projectProgressSelectedCriticalColor: "#006064",
     projectBackgroundColor: "#0A0A0A",
-    projectBackgroundSelectedColor: "#333333",
-    projectBackgroundCriticalColor: "#EF6C00",
-    projectBackgroundSelectedCriticalColor: "#E65100",
+    projectBackgroundSelectedColor: "#1A1A1A",
+    projectBackgroundCriticalColor: "#2A0000",
+    projectBackgroundSelectedCriticalColor: "#3A0000",
     milestoneBackgroundColor: "#FF7043",
     milestoneBackgroundSelectedColor: "#E64A19",
     milestoneBackgroundCriticalColor: "#D84315",
@@ -12658,7 +12658,7 @@ const ProjectDisplay = ({
       },
       className: styles$8.projectWrapper,
       children: [
-        showProgress && /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(
           "rect",
           {
             fill: barColor,
@@ -12781,7 +12781,7 @@ const Bar = (props) => {
     movingAction,
     ganttRelationEvent,
     showProgress = true,
-    showProjectProgress = false,
+    hideProjectProgress = false,
     progressColor
   } = props;
   const isSmallWidth = useMemo(() => width < 30, [width]);
@@ -12830,7 +12830,7 @@ const Bar = (props) => {
     taskHeight
   );
   const renderBarDisplay = () => {
-    if (task.type === "project" || hasChildren) {
+    if (task.type === "project") {
       return /* @__PURE__ */ jsx(
         ProjectDisplay,
         {
@@ -12849,7 +12849,7 @@ const Bar = (props) => {
           isCritical,
           hasChildren,
           startMoveFullTask,
-          showProgress: showProjectProgress,
+          showProgress: hideProjectProgress ? false : showProgress,
           progressColor
         }
       );
@@ -12929,7 +12929,7 @@ const Bar = (props) => {
       }
     ),
     relationHandles,
-    (task.type !== "project" && !hasChildren || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsx(
+    isProgressChangeable(task) && /* @__PURE__ */ jsx(
       BarProgressHandle,
       {
         className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13099,7 +13099,6 @@ const TaskItemInner = (props) => {
   const {
     movingAction,
     distances: { arrowIndent, relationCircleOffset, relationCircleRadius },
-    hasChildren,
     onDeleteTask,
     isDateChangeable,
     canDelete,
@@ -13301,13 +13300,13 @@ const TaskItemInner = (props) => {
           {
             x1,
             width,
-            taskHeight: task.type === "project" || hasChildren ? taskHalfHeight : taskHeight,
+            taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
             arrowIndent,
             rtl,
             label: task.name,
             taskYOffset,
             viewMode,
-            alwaysOutline: task.type === "project" || hasChildren
+            alwaysOutline: task.type === "project"
           }
         )
       ]
@@ -13448,7 +13447,7 @@ const TaskGanttContentInner = (props) => {
     waitCommitTasks,
     viewMode,
     showProgress = true,
-    showProjectProgress = false,
+    hideProjectProgress = false,
     progressColor
   } = props;
   const renderedHolidays = useMemo(() => {
@@ -13619,7 +13618,7 @@ const TaskGanttContentInner = (props) => {
                 renderCustomLabel,
                 viewMode,
                 showProgress,
-                showProjectProgress,
+                hideProjectProgress,
                 progressColor
               }
             )
@@ -13980,7 +13979,7 @@ const TaskGanttContentInner = (props) => {
     activeArrowKey,
     activeTaskId,
     showProgress,
-    showProjectProgress,
+    hideProjectProgress,
     progressColor
   ]);
   return /* @__PURE__ */ jsxs("g", { className: "content", children: [
@@ -19789,7 +19788,7 @@ const Gantt = (props) => {
     todayLabel = "Today",
     dataDateLabel = "Data Date",
     showProgress = true,
-    showProjectProgress = false,
+    hideProjectProgress = false,
     progressColor,
     scrollToTaskId,
     drawer: drawerProps
@@ -21305,7 +21304,7 @@ const Gantt = (props) => {
       visibleTasksMirror,
       viewMode,
       showProgress,
-      showProjectProgress,
+      hideProjectProgress,
       progressColor
     }),
     [
@@ -21351,7 +21350,7 @@ const Gantt = (props) => {
       changeInProgress == null ? void 0 : changeInProgress.action,
       handleDeleteTasks,
       showProgress,
-      showProjectProgress,
+      hideProjectProgress,
       progressColor
     ]
   );

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

@@ -5184,8 +5184,8 @@
       groupProgressSelectedColor: "#388E3C",
       groupProgressCriticalColor: "#2E7D32",
       groupProgressSelectedCriticalColor: "#1B5E20",
-      groupBackgroundColor: "#0A0A0A",
-      groupBackgroundSelectedColor: "#333333",
+      groupBackgroundColor: "#29B6F6",
+      groupBackgroundSelectedColor: "#0288D1",
       groupBackgroundCriticalColor: "#0277BD",
       groupBackgroundSelectedCriticalColor: "#01579B",
       projectProgressColor: "#26C6DA",
@@ -5193,9 +5193,9 @@
       projectProgressCriticalColor: "#00838F",
       projectProgressSelectedCriticalColor: "#006064",
       projectBackgroundColor: "#0A0A0A",
-      projectBackgroundSelectedColor: "#333333",
-      projectBackgroundCriticalColor: "#EF6C00",
-      projectBackgroundSelectedCriticalColor: "#E65100",
+      projectBackgroundSelectedColor: "#1A1A1A",
+      projectBackgroundCriticalColor: "#2A0000",
+      projectBackgroundSelectedCriticalColor: "#3A0000",
       milestoneBackgroundColor: "#FF7043",
       milestoneBackgroundSelectedColor: "#E64A19",
       milestoneBackgroundCriticalColor: "#D84315",
@@ -12675,7 +12675,7 @@
         },
         className: styles$8.projectWrapper,
         children: [
-          showProgress && /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             "rect",
             {
               fill: barColor,
@@ -12798,7 +12798,7 @@
       movingAction,
       ganttRelationEvent,
       showProgress = true,
-      showProjectProgress = false,
+      hideProjectProgress = false,
       progressColor
     } = props;
     const isSmallWidth = React.useMemo(() => width < 30, [width]);
@@ -12847,7 +12847,7 @@
       taskHeight
     );
     const renderBarDisplay = () => {
-      if (task.type === "project" || hasChildren) {
+      if (task.type === "project") {
         return /* @__PURE__ */ jsxRuntime.jsx(
           ProjectDisplay,
           {
@@ -12866,7 +12866,7 @@
             isCritical,
             hasChildren,
             startMoveFullTask,
-            showProgress: showProjectProgress,
+            showProgress: hideProjectProgress ? false : showProgress,
             progressColor
           }
         );
@@ -12946,7 +12946,7 @@
         }
       ),
       relationHandles,
-      (task.type !== "project" && !hasChildren || showProjectProgress) && isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
+      isProgressChangeable(task) && /* @__PURE__ */ jsxRuntime.jsx(
         BarProgressHandle,
         {
           className: `${styles$9.barHandle} ${isMovingProgress ? styles$9.barHandleImportantVisible : ""} ${isSmallWidth || isMovingDate || isRelationDrawMode ? styles$9.barHandleImportantHidden : ""}`,
@@ -13116,7 +13116,6 @@
     const {
       movingAction,
       distances: { arrowIndent, relationCircleOffset, relationCircleRadius },
-      hasChildren,
       onDeleteTask,
       isDateChangeable,
       canDelete,
@@ -13318,13 +13317,13 @@
             {
               x1,
               width,
-              taskHeight: task.type === "project" || hasChildren ? taskHalfHeight : taskHeight,
+              taskHeight: task.type === "project" ? taskHalfHeight : taskHeight,
               arrowIndent,
               rtl,
               label: task.name,
               taskYOffset,
               viewMode,
-              alwaysOutline: task.type === "project" || hasChildren
+              alwaysOutline: task.type === "project"
             }
           )
         ]
@@ -13465,7 +13464,7 @@
       waitCommitTasks,
       viewMode,
       showProgress = true,
-      showProjectProgress = false,
+      hideProjectProgress = false,
       progressColor
     } = props;
     const renderedHolidays = React.useMemo(() => {
@@ -13636,7 +13635,7 @@
                   renderCustomLabel,
                   viewMode,
                   showProgress,
-                  showProjectProgress,
+                  hideProjectProgress,
                   progressColor
                 }
               )
@@ -13997,7 +13996,7 @@
       activeArrowKey,
       activeTaskId,
       showProgress,
-      showProjectProgress,
+      hideProjectProgress,
       progressColor
     ]);
     return /* @__PURE__ */ jsxRuntime.jsxs("g", { className: "content", children: [
@@ -19806,7 +19805,7 @@
       todayLabel = "Today",
       dataDateLabel = "Data Date",
       showProgress = true,
-      showProjectProgress = false,
+      hideProjectProgress = false,
       progressColor,
       scrollToTaskId,
       drawer: drawerProps
@@ -21322,7 +21321,7 @@
         visibleTasksMirror,
         viewMode,
         showProgress,
-        showProjectProgress,
+        hideProjectProgress,
         progressColor
       }),
       [
@@ -21368,7 +21367,7 @@
         changeInProgress == null ? void 0 : changeInProgress.action,
         handleDeleteTasks,
         showProgress,
-        showProjectProgress,
+        hideProjectProgress,
         progressColor
       ]
     );

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

@@ -408,9 +408,9 @@ export interface GanttProps {
      */
     showProgress?: boolean;
     /**
-     * Show/hide progress bar on project/WBS task bars. Defaults to false.
+     * Hide the progress bar specifically on project type task bars. Defaults to false.
      */
-    showProjectProgress?: boolean;
+    hideProjectProgress?: 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.13",
+  "version": "1.6.15",
   "description": "Interactive Gantt Chart for React with TypeScript.",
   "author": "aguilanbon",
   "homepage": "https://github.com/aguilanbon/gantt-task-react-v",