gantt-task-react-v 1.0.44 → 1.0.45

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

@@ -17050,7 +17050,7 @@ function useRole(context, props) {
     };
   }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
 }
-const useTaskTooltip = (changeInProgress) => {
+const useTaskTooltip = (changeInProgress, boundaryElement) => {
   const [hoverTooltipTask, setHoverTooltipTask] = useState(null);
   const [hoverTooltipEl, setHoverTooltipEl] = useState(null);
   const tooltipTask = useMemo(() => {
@@ -17073,7 +17073,14 @@ const useTaskTooltip = (changeInProgress) => {
     context
   } = useFloating({
     open: Boolean(tooltipTask),
-    middleware: [offset(10), flip(), shift()],
+    middleware: [
+      offset(10),
+      flip(),
+      shift({
+        boundary: (boundaryElement == null ? void 0 : boundaryElement.current) || void 0,
+        padding: 8
+      })
+    ],
     whileElementsMounted: autoUpdate,
     strategy: "absolute"
   });
@@ -19256,7 +19263,7 @@ const Gantt = (props) => {
     setFloatingRef,
     getFloatingProps,
     onChangeTooltipTask
-  } = useTaskTooltip(changeInProgress);
+  } = useTaskTooltip(changeInProgress, verticalGanttContainerRef);
   const handleDeleteTasks = useCallback(
     (tasksForDelete) => {
       onChangeTooltipTask(null, null);

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

@@ -17067,7 +17067,7 @@
       };
     }, [enabled, role, ariaRole, open, floatingId, referenceId, isNested]);
   }
-  const useTaskTooltip = (changeInProgress) => {
+  const useTaskTooltip = (changeInProgress, boundaryElement) => {
     const [hoverTooltipTask, setHoverTooltipTask] = React.useState(null);
     const [hoverTooltipEl, setHoverTooltipEl] = React.useState(null);
     const tooltipTask = React.useMemo(() => {
@@ -17090,7 +17090,14 @@
       context
     } = useFloating({
       open: Boolean(tooltipTask),
-      middleware: [offset(10), flip(), shift()],
+      middleware: [
+        offset(10),
+        flip(),
+        shift({
+          boundary: (boundaryElement == null ? void 0 : boundaryElement.current) || void 0,
+          padding: 8
+        })
+      ],
       whileElementsMounted: autoUpdate,
       strategy: "absolute"
     });
@@ -19273,7 +19280,7 @@
       setFloatingRef,
       getFloatingProps,
       onChangeTooltipTask
-    } = useTaskTooltip(changeInProgress);
+    } = useTaskTooltip(changeInProgress, verticalGanttContainerRef);
     const handleDeleteTasks = React.useCallback(
       (tasksForDelete) => {
         onChangeTooltipTask(null, null);

package/dist/helpers/use-task-tooltip.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import { RefObject } from "react";
 import type { ChangeInProgress, Task } from "../types";
-export declare const useTaskTooltip: (changeInProgress: ChangeInProgress | null) => {
+export declare const useTaskTooltip: (changeInProgress: ChangeInProgress | null, boundaryElement?: RefObject<HTMLElement>) => {
     tooltipTask: Task;
     tooltipX: number;
     tooltipY: number;

package/package.json

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