@uipath/apollo-react 3.68.1 → 3.68.3-pr431.8e3b0c3

package/dist/canvas/components/StageNode/TaskMenu.cjs

@@ -41,24 +41,30 @@ var apollo_core_default = /*#__PURE__*/ __webpack_require__.n(apollo_core_namesp
 const index_cjs_namespaceObject = require("../../../material/index.cjs");
 const external_react_namespaceObject = require("react");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
-    const [isMenuOpen, setIsMenuOpen] = (0, external_react_namespaceObject.useState)(false);
+const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
     const [anchorElement, setAnchorElement] = (0, external_react_namespaceObject.useState)(null);
     const menuAnchorRef = (0, external_react_namespaceObject.useRef)(null);
+    const isMenuOpen = null !== anchorElement;
+    const [menuItems, setMenuItems] = (0, external_react_namespaceObject.useState)([]);
     const handleMenuClose = (0, external_react_namespaceObject.useCallback)(()=>{
-        setIsMenuOpen(false);
         setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
+    const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
+        item.onClick();
+        handleMenuClose();
+    }, [
+        handleMenuClose
+    ]);
     const openMenu = (0, external_react_namespaceObject.useCallback)((anchor)=>{
         setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
+        setMenuItems((0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(getContextMenuItems(), handleMenuItemClick));
         onMenuOpenChange?.(true);
     }, [
-        onMenuOpen,
+        getContextMenuItems,
+        handleMenuItemClick,
         onMenuOpenChange
     ]);
     const handleMenuClick = (0, external_react_namespaceObject.useCallback)((e)=>{
@@ -86,16 +92,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
     const handleMenuMouseDown = (0, external_react_namespaceObject.useCallback)((e)=>{
         e.stopPropagation();
     }, []);
-    const handleMenuItemClick = (0, external_react_namespaceObject.useCallback)((item)=>{
-        item.onClick();
-        handleMenuClose();
-    }, [
-        handleMenuClose
-    ]);
-    const transformedMenuItems = (0, external_react_namespaceObject.useMemo)(()=>(0, external_StageNodeTaskUtilities_cjs_namespaceObject.transformMenuItems)(contextMenuItems, handleMenuItemClick), [
-        contextMenuItems,
-        handleMenuItemClick
-    ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApIconButton, {
@@ -118,7 +114,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.ApMenu, {
                 isOpen: isMenuOpen,
-                menuItems: transformedMenuItems,
+                menuItems: menuItems,
                 anchorEl: anchorElement,
                 onClose: handleMenuClose,
                 anchorOrigin: {

package/dist/canvas/components/StageNode/TaskMenu.d.ts

@@ -4,9 +4,8 @@ export interface TaskMenuHandle {
 }
 interface TaskMenuProps {
     taskId: string;
-    contextMenuItems: NodeMenuItem[];
+    getContextMenuItems: () => NodeMenuItem[];
     onMenuOpenChange?: (isOpen: boolean) => void;
-    onMenuOpen?: () => void;
     taskRef?: React.RefObject<HTMLElement | null>;
 }
 export declare const TaskMenu: import("react").NamedExoticComponent<TaskMenuProps & import("react").RefAttributes<TaskMenuHandle>>;

package/dist/canvas/components/StageNode/TaskMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAqHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}
+{"version":3,"file":"TaskMenu.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/TaskMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAkB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvE,MAAM,WAAW,cAAc;IAC7B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,mBAAmB,EAAE,MAAM,YAAY,EAAE,CAAC;IAC1C,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C;AAiHD,eAAO,MAAM,QAAQ,qGAAsC,CAAC"}

package/dist/canvas/components/StageNode/TaskMenu.js

@@ -1,26 +1,32 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import apollo_core, { Spacing } from "@uipath/apollo-core";
 import { ApIcon, ApIconButton, ApMenu } from "../../../material/index.js";
-import { forwardRef, memo, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import { forwardRef, memo, useCallback, useImperativeHandle, useRef, useState } from "react";
 import { transformMenuItems } from "./StageNodeTaskUtilities.js";
-const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuOpen, taskRef }, ref)=>{
-    const [isMenuOpen, setIsMenuOpen] = useState(false);
+const TaskMenuComponent = ({ taskId, getContextMenuItems, onMenuOpenChange, taskRef }, ref)=>{
     const [anchorElement, setAnchorElement] = useState(null);
     const menuAnchorRef = useRef(null);
+    const isMenuOpen = null !== anchorElement;
+    const [menuItems, setMenuItems] = useState([]);
     const handleMenuClose = useCallback(()=>{
-        setIsMenuOpen(false);
         setAnchorElement(null);
         onMenuOpenChange?.(false);
     }, [
         onMenuOpenChange
     ]);
+    const handleMenuItemClick = useCallback((item)=>{
+        item.onClick();
+        handleMenuClose();
+    }, [
+        handleMenuClose
+    ]);
     const openMenu = useCallback((anchor)=>{
         setAnchorElement(anchor);
-        setIsMenuOpen(true);
-        onMenuOpen?.();
+        setMenuItems(transformMenuItems(getContextMenuItems(), handleMenuItemClick));
         onMenuOpenChange?.(true);
     }, [
-        onMenuOpen,
+        getContextMenuItems,
+        handleMenuItemClick,
         onMenuOpenChange
     ]);
     const handleMenuClick = useCallback((e)=>{
@@ -48,16 +54,6 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
     const handleMenuMouseDown = useCallback((e)=>{
         e.stopPropagation();
     }, []);
-    const handleMenuItemClick = useCallback((item)=>{
-        item.onClick();
-        handleMenuClose();
-    }, [
-        handleMenuClose
-    ]);
-    const transformedMenuItems = useMemo(()=>transformMenuItems(contextMenuItems, handleMenuItemClick), [
-        contextMenuItems,
-        handleMenuItemClick
-    ]);
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(ApIconButton, {
@@ -80,7 +76,7 @@ const TaskMenuComponent = ({ taskId, contextMenuItems, onMenuOpenChange, onMenuO
             }),
             /*#__PURE__*/ jsx(ApMenu, {
                 isOpen: isMenuOpen,
-                menuItems: transformedMenuItems,
+                menuItems: menuItems,
                 anchorEl: anchorElement,
                 onClose: handleMenuClose,
                 anchorOrigin: {

package/dist/canvas/components/StageNode/index.d.ts

@@ -1,6 +1,6 @@
 export { StageConnectionEdge } from './StageConnectionEdge';
 export { StageEdge } from './StageEdge';
 export { StageNode } from './StageNode';
-export { StageHeaderChipType } from './StageNode.types';
 export type { StageHeaderChip, StageNodeProps, StageStatus, StageTaskItem, StageTaskStatus, } from './StageNode.types';
+export { StageHeaderChipType } from './StageNode.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/canvas/components/StageNode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,aAAa,EACb,eAAe,GAChB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.68.1",
+  "version": "3.68.3-pr431.8e3b0c3",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",