gantt-task-react-v 1.0.9 → 1.0.11

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

@@ -10829,10 +10829,17 @@ const TaskListInner = ({
                 ref: taskListContainerRef,
                 className: styles$d.horizontalContainer,
                 style: {
-                  height: Math.min(
-                    ganttHeight || ganttFullHeight,
-                    distances.minimumRowDisplayed * distances.rowHeight
-                  ),
+                  // visible height: clamp between minimum rows height and ganttFullHeight,
+                  // prefer explicit numeric ganttHeight when provided
+                  height: (() => {
+                    const minRowsHeight = distances.minimumRowDisplayed * distances.rowHeight;
+                    const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+                    const visible = Math.max(
+                      minRowsHeight,
+                      Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+                    );
+                    return visible;
+                  })(),
                   width: taskListWidth
                 },
                 children: /* @__PURE__ */ jsx(
@@ -13185,19 +13192,31 @@ const TaskGanttInner = (props) => {
     horizontalContainerRef,
     onVerticalScrollbarScrollX,
     verticalGanttContainerRef,
-    verticalScrollbarRef
+    verticalScrollbarRef,
+    ganttHeight
   } = props;
   const contentRef = React__default.useRef(null);
   const moveStateVertRef = useRef(null);
   const moveStateHorRef = useRef(null);
   const moveStateScrollRef = useRef(null);
-  const containerStyle = useMemo(
-    () => ({
-      height: Math.min(ganttFullHeight, minimumRowDisplayed * rowHeight),
+  const containerStyle = useMemo(() => {
+    const minRowsHeight = minimumRowDisplayed * rowHeight;
+    const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+    const visible = Math.max(
+      minRowsHeight,
+      Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+    );
+    return {
+      height: visible,
       width: fullSvgWidth
-    }),
-    [ganttFullHeight, minimumRowDisplayed, rowHeight, fullSvgWidth]
-  );
+    };
+  }, [
+    ganttFullHeight,
+    minimumRowDisplayed,
+    rowHeight,
+    fullSvgWidth,
+    ganttHeight
+  ]);
   const gridStyle = useMemo(
     () => ({
       height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
@@ -13281,15 +13300,18 @@ const TaskGanttInner = (props) => {
       moveStateHorRef.current = null;
       contentContainer.classList.remove(styles$2.calendarDragging);
     };
-    contentContainer.addEventListener("mousemove", onScrollMove);
-    contentContainer.addEventListener("mousedown", onScrollStart);
-    contentContainer.addEventListener("mouseup", onScrollEnd);
-    contentContainer.addEventListener("mouseout", onScrollEnd);
+    const moveListener = (evt) => onScrollMove(evt);
+    const startListener = (evt) => onScrollStart(evt);
+    const endListener = (evt) => onScrollEnd(evt);
+    contentContainer.addEventListener("mousemove", moveListener);
+    contentContainer.addEventListener("mousedown", startListener);
+    contentContainer.addEventListener("mouseup", endListener);
+    contentContainer.addEventListener("mouseout", endListener);
     return () => {
-      contentContainer.removeEventListener("mousemove", onScrollMove);
-      contentContainer.removeEventListener("mousedown", onScrollStart);
-      contentContainer.removeEventListener("mouseup", onScrollEnd);
-      contentContainer.removeEventListener("mouseout", onScrollEnd);
+      contentContainer.removeEventListener("mousemove", moveListener);
+      contentContainer.removeEventListener("mousedown", startListener);
+      contentContainer.removeEventListener("mouseup", endListener);
+      contentContainer.removeEventListener("mouseout", endListener);
     };
   }, [verticalScrollbarRef, horizontalContainerRef, verticalGanttContainerRef]);
   return /* @__PURE__ */ jsxs(

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

@@ -10846,10 +10846,17 @@
                   ref: taskListContainerRef,
                   className: styles$d.horizontalContainer,
                   style: {
-                    height: Math.min(
-                      ganttHeight || ganttFullHeight,
-                      distances.minimumRowDisplayed * distances.rowHeight
-                    ),
+                    // visible height: clamp between minimum rows height and ganttFullHeight,
+                    // prefer explicit numeric ganttHeight when provided
+                    height: (() => {
+                      const minRowsHeight = distances.minimumRowDisplayed * distances.rowHeight;
+                      const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+                      const visible = Math.max(
+                        minRowsHeight,
+                        Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+                      );
+                      return visible;
+                    })(),
                     width: taskListWidth
                   },
                   children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -13202,19 +13209,31 @@
       horizontalContainerRef,
       onVerticalScrollbarScrollX,
       verticalGanttContainerRef,
-      verticalScrollbarRef
+      verticalScrollbarRef,
+      ganttHeight
     } = props;
     const contentRef = React.useRef(null);
     const moveStateVertRef = React.useRef(null);
     const moveStateHorRef = React.useRef(null);
     const moveStateScrollRef = React.useRef(null);
-    const containerStyle = React.useMemo(
-      () => ({
-        height: Math.min(ganttFullHeight, minimumRowDisplayed * rowHeight),
+    const containerStyle = React.useMemo(() => {
+      const minRowsHeight = minimumRowDisplayed * rowHeight;
+      const resolved = typeof ganttHeight === "number" ? ganttHeight : void 0;
+      const visible = Math.max(
+        minRowsHeight,
+        Math.min(ganttFullHeight, resolved ?? ganttFullHeight)
+      );
+      return {
+        height: visible,
         width: fullSvgWidth
-      }),
-      [ganttFullHeight, minimumRowDisplayed, rowHeight, fullSvgWidth]
-    );
+      };
+    }, [
+      ganttFullHeight,
+      minimumRowDisplayed,
+      rowHeight,
+      fullSvgWidth,
+      ganttHeight
+    ]);
     const gridStyle = React.useMemo(
       () => ({
         height: Math.max(ganttFullHeight, minimumRowDisplayed * rowHeight),
@@ -13298,15 +13317,18 @@
         moveStateHorRef.current = null;
         contentContainer.classList.remove(styles$2.calendarDragging);
       };
-      contentContainer.addEventListener("mousemove", onScrollMove);
-      contentContainer.addEventListener("mousedown", onScrollStart);
-      contentContainer.addEventListener("mouseup", onScrollEnd);
-      contentContainer.addEventListener("mouseout", onScrollEnd);
+      const moveListener = (evt) => onScrollMove(evt);
+      const startListener = (evt) => onScrollStart(evt);
+      const endListener = (evt) => onScrollEnd(evt);
+      contentContainer.addEventListener("mousemove", moveListener);
+      contentContainer.addEventListener("mousedown", startListener);
+      contentContainer.addEventListener("mouseup", endListener);
+      contentContainer.addEventListener("mouseout", endListener);
       return () => {
-        contentContainer.removeEventListener("mousemove", onScrollMove);
-        contentContainer.removeEventListener("mousedown", onScrollStart);
-        contentContainer.removeEventListener("mouseup", onScrollEnd);
-        contentContainer.removeEventListener("mouseout", onScrollEnd);
+        contentContainer.removeEventListener("mousemove", moveListener);
+        contentContainer.removeEventListener("mousedown", startListener);
+        contentContainer.removeEventListener("mouseup", endListener);
+        contentContainer.removeEventListener("mouseout", endListener);
       };
     }, [verticalScrollbarRef, horizontalContainerRef, verticalGanttContainerRef]);
     return /* @__PURE__ */ jsxRuntime.jsxs(

package/package.json

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