gantt-task-react-v 1.1.5 → 1.1.6

package/dist/components/context-menu/index.d.ts

@@ -1,4 +1,4 @@
-import type { ReactElement } from "react";
+import type { ReactElement, RefObject } from "react";
 import type { ActionMetaType, ContextMenuOptionType, ContextMenuType, Distances, RenderTask } from "../../types";
 type ContextMenuProps = {
     checkHasCopyTasks: () => boolean;
@@ -8,6 +8,8 @@ type ContextMenuProps = {
     handleAction: (task: RenderTask, action: (meta: ActionMetaType) => void) => void;
     handleCloseContextMenu: () => void;
     options: ContextMenuOptionType[];
+    /** Optional boundary element to contain the context menu (like tooltips) */
+    boundaryElement?: RefObject<HTMLElement>;
 };
 export declare function ContextMenu(props: ContextMenuProps): ReactElement;
 export {};

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

@@ -18054,6 +18054,7 @@ function MenuOption(props) {
   );
 }
 function ContextMenu(props) {
+  var _a;
   const {
     checkHasCopyTasks,
     checkHasCutTasks,
@@ -18104,7 +18105,13 @@ function ContextMenu(props) {
     },
     strategy: "absolute",
     placement: "bottom-start",
-    middleware: [flip(), shift()],
+    middleware: [
+      flip(),
+      shift({
+        boundary: ((_a = props.boundaryElement) == null ? void 0 : _a.current) || void 0,
+        padding: 8
+      })
+    ],
     whileElementsMounted: autoUpdate
   });
   const { setFloating, setReference } = refs;
@@ -20225,7 +20232,8 @@ const Gantt = (props) => {
             distances,
             handleAction,
             handleCloseContextMenu,
-            options: contextMenuOptions
+            options: contextMenuOptions,
+            boundaryElement: taskListContainerRef
           }
         ),
         ganttContextMenu.task && !waitCommitTasks && /* @__PURE__ */ jsx(
@@ -20237,7 +20245,8 @@ const Gantt = (props) => {
             distances,
             handleAction,
             handleCloseContextMenu: handleCloseGanttContextMenu,
-            options: ganttContextMenuOptions
+            options: ganttContextMenuOptions,
+            boundaryElement: verticalGanttContainerRef
           }
         ),
         /* @__PURE__ */ jsx(GanttLoader, { loading: waitCommitTasks })

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

@@ -18071,6 +18071,7 @@
     );
   }
   function ContextMenu(props) {
+    var _a;
     const {
       checkHasCopyTasks,
       checkHasCutTasks,
@@ -18121,7 +18122,13 @@
       },
       strategy: "absolute",
       placement: "bottom-start",
-      middleware: [flip(), shift()],
+      middleware: [
+        flip(),
+        shift({
+          boundary: ((_a = props.boundaryElement) == null ? void 0 : _a.current) || void 0,
+          padding: 8
+        })
+      ],
       whileElementsMounted: autoUpdate
     });
     const { setFloating, setReference } = refs;
@@ -20242,7 +20249,8 @@
               distances,
               handleAction,
               handleCloseContextMenu,
-              options: contextMenuOptions
+              options: contextMenuOptions,
+              boundaryElement: taskListContainerRef
             }
           ),
           ganttContextMenu.task && !waitCommitTasks && /* @__PURE__ */ jsxRuntime.jsx(
@@ -20254,7 +20262,8 @@
               distances,
               handleAction,
               handleCloseContextMenu: handleCloseGanttContextMenu,
-              options: ganttContextMenuOptions
+              options: ganttContextMenuOptions,
+              boundaryElement: verticalGanttContainerRef
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(GanttLoader, { loading: waitCommitTasks })

package/package.json

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