@uipath/apollo-react 4.13.0-pr556.e4e2855 → 4.13.1-pr556.57ef73e

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -21,7 +21,6 @@ import { NodeToolbar } from "../Toolbar/index.js";
 import { DEFAULT_LOOP_FRAME_BACKGROUND, DEFAULT_LOOP_FRAME_BORDER, DEFAULT_LOOP_ICON, DEFAULT_LOOP_MIN_HEIGHT, DEFAULT_LOOP_MIN_WIDTH, DEFAULT_LOOP_NODE_TYPE, DEFAULT_LOOP_SHELL_BACKGROUND, DEFAULT_LOOP_TITLE, LOOP_FRAME_INSET_PX, LOOP_SHELL_RADIUS_PX } from "./LoopNode.constants.js";
 import { partitionLoopHandleGroups } from "./LoopNode.helpers.js";
 const EMPTY_DATA = {};
-const NOOP_HANDLE_ACTION = (_event)=>{};
 const RESIZE_CONTROLS = [
     {
         position: 'top-left',
@@ -182,8 +181,11 @@ function LoopNodeComponent(props) {
     ]);
     const handleMouseEnter = useCallback(()=>setIsHovered(true), []);
     const handleMouseLeave = useCallback(()=>setIsHovered(false), []);
-    const shouldShowHandles = isConnecting || selected || isHovered;
-    const showHandleAddButtons = 'design' === mode && !multipleNodesSelected && !isConnecting;
+    const handleOuterHandleAction = useCallback((_event)=>{
+        setIsHovered(false);
+    }, []);
+    const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
+    const showHandleAddButtons = 'design' === mode && !multipleNodesSelected && !isConnecting && !dragging;
     const showResizeControls = selected && !dragging && 'design' === mode;
     const showEmptyStateButton = 'design' === mode && !hasChildNodes && !!onAddFirstChild;
     const interactionState = resolveInteractionState(dragging, selected, isHovered);
@@ -259,7 +261,7 @@ function LoopNodeComponent(props) {
             toolbarConfig && /*#__PURE__*/ jsx(NodeToolbar, {
                 nodeId: id,
                 config: toolbarConfig,
-                expanded: selected,
+                expanded: selected || isHovered,
                 hidden: dragging || multipleNodesSelected
             }),
             handleGroupVariants.map(([variant, groups])=>/*#__PURE__*/ jsx(HandleGroups, {
@@ -273,7 +275,8 @@ function LoopNodeComponent(props) {
                     showNotches: shouldShowHandles,
                     nodeWidth: width,
                     nodeHeight: height,
-                    connectedHandleIds: connectedHandleIds
+                    connectedHandleIds: connectedHandleIds,
+                    onOuterHandleAction: handleOuterHandleAction
                 }, variant))
         ]
     });
@@ -348,7 +351,7 @@ function ResizeCornerIndicators({ selected }) {
             }, position))
     });
 }
-function HandleGroups({ nodeId, variant, groups, selected, hovered, shouldShowHandles, showAddButton, showNotches, nodeWidth, nodeHeight, connectedHandleIds }) {
+function HandleGroups({ nodeId, variant, groups, selected, hovered, shouldShowHandles, showAddButton, showNotches, nodeWidth, nodeHeight, connectedHandleIds, onOuterHandleAction }) {
     if (0 === groups.length) return null;
     return /*#__PURE__*/ jsx(Fragment, {
         children: groups.map((group, groupIndex)=>/*#__PURE__*/ jsx(HandleGroup, {
@@ -362,21 +365,23 @@ function HandleGroups({ nodeId, variant, groups, selected, hovered, shouldShowHa
                 showNotches: showNotches,
                 nodeWidth: nodeWidth,
                 nodeHeight: nodeHeight,
-                connectedHandleIds: connectedHandleIds
+                connectedHandleIds: connectedHandleIds,
+                onOuterHandleAction: onOuterHandleAction
             }, `${variant}:${group.position}:${groupIndex}`))
     });
 }
-function HandleGroup({ nodeId, variant, group, selected, hovered, shouldShowHandles, showAddButton, showNotches, nodeWidth, nodeHeight, connectedHandleIds }) {
+function HandleGroup({ nodeId, variant, group, selected, hovered, shouldShowHandles, showAddButton, showNotches, nodeWidth, nodeHeight, connectedHandleIds, onOuterHandleAction }) {
     const groupVisible = shouldShowHandles && (group.visible ?? true);
     const enhancedHandles = useMemo(()=>group.handles.map((handle)=>({
                 ...handle,
                 showHandle: connectedHandleIds.has(handle.id) || groupVisible,
                 showButton: 'inner' === variant && 'source' === handle.type ? false : handle.showButton,
-                onAction: handle.onAction ?? ('inner' !== variant && 'source' === handle.type && handle.showButton ? NOOP_HANDLE_ACTION : void 0)
+                onAction: handle.onAction ?? ('inner' !== variant && 'source' === handle.type && handle.showButton ? onOuterHandleAction : void 0)
             })), [
         group.handles,
         connectedHandleIds,
         groupVisible,
+        onOuterHandleAction,
         variant
     ]);
     return /*#__PURE__*/ jsx(ButtonHandles, {

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.cjs

@@ -43,17 +43,23 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         targetPosition
     });
     const handleAddNodeOnEdge = (0, external_react_namespaceObject.useCallback)((position)=>{
-        const previewEdgeData = parentId ? {
-            parentId
-        } : void 0;
-        const originalEdge = {
+        const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
+        const originalEdge = existingEdge ? {
+            ...existingEdge,
+            data: parentId ? {
+                ...existingEdge.data ?? {},
+                parentId
+            } : existingEdge.data
+        } : {
             id: edgeId,
             source,
             sourceHandle: sourceHandleId,
             target,
             targetHandle: targetHandleId,
             type: 'default',
-            data: previewEdgeData
+            data: parentId ? {
+                parentId
+            } : void 0
         };
         (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
             sourceNodeId: source,

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,EAAE,wBAAwB,GAAG,gBAAgB,CAqF7C"}
+{"version":3,"file":"useEdgeToolbarState.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,QAAQ,EAAgB,MAAM,0CAA0C,CAAC;AAKlG,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAGtF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,QAAQ,CAAC;IACzB,cAAc,EAAE,QAAQ,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,OAAO,CAAC;IACrB,kBAAkB,EAAE,uBAAuB,GAAG,IAAI,CAAC;IACnD,MAAM,EAAE,iBAAiB,CAAC;IAC1B,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC3D;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,cAAc,EACd,SAAS,EACT,MAAM,EACN,MAAM,EACN,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,gBAAgB,EAChB,QAAQ,GACT,EAAE,wBAAwB,GAAG,gBAAgB,CA+F7C"}

package/dist/canvas/components/Toolbar/EdgeToolbar/useEdgeToolbarState.js

@@ -15,17 +15,23 @@ function useEdgeToolbarState({ edgeId, pathElementRef, isHovered, source, target
         targetPosition
     });
     const handleAddNodeOnEdge = useCallback((position)=>{
-        const previewEdgeData = parentId ? {
-            parentId
-        } : void 0;
-        const originalEdge = {
+        const existingEdge = reactFlow.getEdges().find((edge)=>edge.id === edgeId);
+        const originalEdge = existingEdge ? {
+            ...existingEdge,
+            data: parentId ? {
+                ...existingEdge.data ?? {},
+                parentId
+            } : existingEdge.data
+        } : {
             id: edgeId,
             source,
             sourceHandle: sourceHandleId,
             target,
             targetHandle: targetHandleId,
             type: 'default',
-            data: previewEdgeData
+            data: parentId ? {
+                parentId
+            } : void 0
         };
         showPreviewGraph({
             sourceNodeId: source,

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.cjs

@@ -37,11 +37,12 @@ const external_NodeToolbar_utils_cjs_namespaceObject = require("./NodeToolbar.ut
 const external_useToolbarState_cjs_namespaceObject = require("./useToolbarState.cjs");
 const POSITIONER_BASE_CLASS = 'absolute flex pointer-events-none z-10';
 const POSITIONER_POSITION_CLASS = {
-    top: 'top-[-52px] left-0 right-0 flex-row',
-    bottom: 'bottom-[-52px] left-0 right-0 flex-row',
-    left: 'left-[-52px] top-0 bottom-0 flex-col',
-    right: 'right-[-52px] top-0 bottom-0 flex-col'
+    top: 'top-[calc(-52px-var(--toolbar-offset,0px))] left-0 right-0 flex-row',
+    bottom: 'bottom-[calc(-52px-var(--toolbar-offset,0px))] left-0 right-0 flex-row',
+    left: 'left-[calc(-52px-var(--toolbar-offset,0px))] top-0 bottom-0 flex-col',
+    right: 'right-[calc(-52px-var(--toolbar-offset,0px))] top-0 bottom-0 flex-col'
 };
+const TOOLBAR_OFFSET = 48;
 const POSITIONER_ALIGN_CLASS = {
     start: 'justify-start',
     center: 'justify-center',
@@ -61,7 +62,7 @@ const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[18
 const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
 const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
 const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
-const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
+const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
     const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = (0, external_useToolbarState_cjs_namespaceObject.useToolbarState)({
         config,
         expanded,
@@ -80,6 +81,14 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
     const separatorClassName = (0, external_react_namespaceObject.useMemo)(()=>(0, apollo_wind_namespaceObject.cn)(SEPARATOR_BASE_CLASS, 'horizontal' === separatorOrientation ? SEPARATOR_HORIZONTAL_CLASS : SEPARATOR_VERTICAL_CLASS), [
         separatorOrientation
     ]);
+    const offsetStyle = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (!offsetToolbar) return;
+        return {
+            '--toolbar-offset': `${TOOLBAR_OFFSET}px`
+        };
+    }, [
+        offsetToolbar
+    ]);
     const toolbarAnimationVariants = (0, external_react_namespaceObject.useMemo)(()=>{
         const offsetAxis = 'top' === position || 'bottom' === position ? 'y' : 'x';
         const offsetAmount = 'top' === position || 'left' === position ? -10 : 10;
@@ -111,6 +120,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
         children: 'hidden' !== displayState && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: positionerClassName,
+            style: offsetStyle,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_namespaceObject.motion.div, {
                 layout: "position",
                 className: containerClassName,

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts

@@ -1,3 +1,3 @@
 import type { NodeToolbarProps } from './NodeToolbar.types';
-export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden }: NodeToolbarProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden, offsetToolbar, }: NodeToolbarProps) => import("react/jsx-runtime").JSX.Element | null>;
 //# sourceMappingURL=NodeToolbar.d.ts.map

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA+N5D,eAAO,MAAM,WAAW,6EA3K4C,gBAAgB,oDA2K/B,CAAC"}
+{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8O5D,eAAO,MAAM,WAAW,6FAhLrB,gBAAgB,oDAgLkC,CAAC"}

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.js

@@ -9,11 +9,12 @@ import { isSeparator } from "./NodeToolbar.utils.js";
 import { useToolbarState } from "./useToolbarState.js";
 const POSITIONER_BASE_CLASS = 'absolute flex pointer-events-none z-10';
 const POSITIONER_POSITION_CLASS = {
-    top: 'top-[-52px] left-0 right-0 flex-row',
-    bottom: 'bottom-[-52px] left-0 right-0 flex-row',
-    left: 'left-[-52px] top-0 bottom-0 flex-col',
-    right: 'right-[-52px] top-0 bottom-0 flex-col'
+    top: 'top-[calc(-52px-var(--toolbar-offset,0px))] left-0 right-0 flex-row',
+    bottom: 'bottom-[calc(-52px-var(--toolbar-offset,0px))] left-0 right-0 flex-row',
+    left: 'left-[calc(-52px-var(--toolbar-offset,0px))] top-0 bottom-0 flex-col',
+    right: 'right-[calc(-52px-var(--toolbar-offset,0px))] top-0 bottom-0 flex-col'
 };
+const TOOLBAR_OFFSET = 48;
 const POSITIONER_ALIGN_CLASS = {
     start: 'justify-start',
     center: 'justify-center',
@@ -33,7 +34,7 @@ const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[18
 const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
 const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
 const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
-const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
+const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
     const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = useToolbarState({
         config,
         expanded,
@@ -52,6 +53,14 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
     const separatorClassName = useMemo(()=>cn(SEPARATOR_BASE_CLASS, 'horizontal' === separatorOrientation ? SEPARATOR_HORIZONTAL_CLASS : SEPARATOR_VERTICAL_CLASS), [
         separatorOrientation
     ]);
+    const offsetStyle = useMemo(()=>{
+        if (!offsetToolbar) return;
+        return {
+            '--toolbar-offset': `${TOOLBAR_OFFSET}px`
+        };
+    }, [
+        offsetToolbar
+    ]);
     const toolbarAnimationVariants = useMemo(()=>{
         const offsetAxis = 'top' === position || 'bottom' === position ? 'y' : 'x';
         const offsetAmount = 'top' === position || 'left' === position ? -10 : 10;
@@ -83,6 +92,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden })=>{
     return /*#__PURE__*/ jsx(AnimatePresence, {
         children: 'hidden' !== displayState && /*#__PURE__*/ jsx("div", {
             className: positionerClassName,
+            style: offsetStyle,
             children: /*#__PURE__*/ jsxs(motion.div, {
                 layout: "position",
                 className: containerClassName,

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts

@@ -11,5 +11,6 @@ export interface NodeToolbarProps {
     config: NodeToolbarConfig;
     expanded: boolean;
     hidden?: boolean;
+    offsetToolbar?: boolean;
 }
 //# sourceMappingURL=NodeToolbar.types.d.ts.map

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}
+{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/canvas/storybook-utils/manifests/node-definitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EA06B1C,CAAC"}
+{"version":3,"file":"node-definitions.d.ts","sourceRoot":"","sources":["../../../../src/canvas/storybook-utils/manifests/node-definitions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,eAAO,MAAM,gBAAgB,EAAE,YAAY,EAy6B1C,CAAC"}

package/dist/canvas/styles/reactflow-reset.css

@@ -10,6 +10,14 @@
   padding: 0 !important;
 }
 
+.react-flow__node:hover {
+  z-index: 1000 !important;
+}
+
+.react-flow__node.parent:hover:not(.selected) {
+  z-index: 0 !important;
+}
+
 .future-dark .apollo-canvas-background {
   background-image: linear-gradient(135deg, var(--canvas-background-overlay, var(--surface-overlay)) 0%, var(--canvas-background, var(--surface)) 100%);
 }