@uipath/apollo-react 4.23.0 → 4.23.2-pr663.59ff0c2

package/dist/canvas/components/LoopNode/LoopNode.cjs

@@ -30,6 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
+const shallow_namespaceObject = require("zustand/shallow");
 const index_cjs_namespaceObject = require("../../core/index.cjs");
 const external_hooks_index_cjs_namespaceObject = require("../../hooks/index.cjs");
 const adornment_resolver_cjs_namespaceObject = require("../../utils/adornment-resolver.cjs");
@@ -53,21 +54,29 @@ const EMPTY_DATA = {};
 const RESIZE_CONTROLS = [
     {
         position: 'top-left',
+        widthSide: 'left',
+        heightSide: 'top',
         cursor: 'nwse-resize',
         indicatorClassName: 'top-[-4px] left-[-4px]'
     },
     {
         position: 'top-right',
+        widthSide: 'right',
+        heightSide: 'top',
         cursor: 'nesw-resize',
         indicatorClassName: 'top-[-4px] right-[-4px]'
     },
     {
         position: 'bottom-left',
+        widthSide: 'left',
+        heightSide: 'bottom',
         cursor: 'nesw-resize',
         indicatorClassName: 'bottom-[-4px] left-[-4px]'
     },
     {
         position: 'bottom-right',
+        widthSide: 'right',
+        heightSide: 'bottom',
         cursor: 'nwse-resize',
         indicatorClassName: 'bottom-[-4px] right-[-4px]'
     }
@@ -77,6 +86,12 @@ const RESIZE_CONTROL_STYLE = {
     border: 'none',
     zIndex: 100
 };
+const DEFAULT_RESIZE_MINIMUMS = {
+    left: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
+    right: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
+    top: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT,
+    bottom: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT
+};
 const ADORNMENT_SLOT_POSITIONS = [
     'topLeft',
     'topRight',
@@ -101,6 +116,21 @@ function useHasChildNodes(id, enabled) {
         enabled
     ]));
 }
+function useContainerResizeMinimums(id, width, height, enabled) {
+    return (0, react_cjs_namespaceObject.useStore)((0, external_react_namespaceObject.useCallback)((state)=>{
+        if (!enabled) return DEFAULT_RESIZE_MINIMUMS;
+        return (0, container_cjs_namespaceObject.getContainerResizeMinimums)({
+            id,
+            width,
+            height
+        }, Array.from(state.parentLookup.get(id)?.values() ?? []));
+    }, [
+        enabled,
+        height,
+        id,
+        width
+    ]), shallow_namespaceObject.shallow);
+}
 function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -118,6 +148,10 @@ function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
         height
     ]);
 }
+function resolveLoopHandleConfigurations(manifestHandleConfigurations, data) {
+    if (Array.isArray(data.handleConfigurations)) return data.handleConfigurations;
+    return manifestHandleConfigurations ?? [];
+}
 function LoopNodeComponent(props) {
     const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp } = props;
     const nodeTypeRegistry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
@@ -170,6 +204,8 @@ function LoopNodeComponent(props) {
     const isDropTarget = true === resolvedData.isDropTarget;
     const containerWidth = width || container_cjs_namespaceObject.DEFAULT_CONTAINER_WIDTH;
     const containerHeight = height || container_cjs_namespaceObject.DEFAULT_CONTAINER_HEIGHT;
+    const showResizeControls = selected && !dragging && isDesignMode;
+    const resizeMinimums = useContainerResizeMinimums(id, containerWidth, containerHeight, showResizeControls);
     const nodeSizeStyle = {
         width: containerWidth,
         height: containerHeight,
@@ -192,8 +228,15 @@ function LoopNodeComponent(props) {
         adornmentsProp,
         statusContext
     ]);
-    const resolvedHandleGroups = (0, external_react_namespaceObject.useMemo)(()=>manifest ? (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(manifest.handleConfiguration, resolvedData) : [], [
-        manifest,
+    const resolvedHandleGroups = (0, external_react_namespaceObject.useMemo)(()=>{
+        const handleConfigurations = resolveLoopHandleConfigurations(manifest?.handleConfiguration, resolvedData);
+        return (0, manifest_resolver_cjs_namespaceObject.resolveHandles)(handleConfigurations, {
+            ...resolvedData,
+            nodeId: id
+        });
+    }, [
+        manifest?.handleConfiguration,
+        id,
         resolvedData
     ]);
     const containerHandleGroups = (0, external_react_namespaceObject.useMemo)(()=>(0, external_LoopNode_helpers_cjs_namespaceObject.resolveContainerHandleGroups)(resolvedHandleGroups), [
@@ -220,7 +263,6 @@ function LoopNodeComponent(props) {
     }, []);
     const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
     const showHandleAddButtons = isDesignMode && !multipleNodesSelected && !isConnecting && !dragging;
-    const showResizeControls = selected && !dragging && isDesignMode;
     const showEmptyStateButton = isDesignMode && !hasChildNodes && !!onAddFirstChild;
     const interactionState = resolveInteractionState(dragging, selected, isHovered);
     if (!manifest) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
@@ -262,6 +304,7 @@ function LoopNodeComponent(props) {
                 visible: showResizeControls
             }),
             showResizeControls ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResizeControls, {
+                minimums: resizeMinimums,
                 onResize: handleResize
             }) : null,
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Header, {
@@ -371,13 +414,13 @@ function BodyFrame({ isEmpty, isLoading }) {
         }) : null
     });
 }
-function ResizeControls({ onResize }) {
+function ResizeControls({ minimums = DEFAULT_RESIZE_MINIMUMS, onResize }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
-        children: RESIZE_CONTROLS.map(({ position, cursor })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
+        children: RESIZE_CONTROLS.map(({ position, widthSide, heightSide, cursor })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
                 style: RESIZE_CONTROL_STYLE,
                 position: position,
-                minWidth: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
-                minHeight: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT,
+                minWidth: minimums[widthSide],
+                minHeight: minimums[heightSide],
                 onResize: onResize,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: "absolute bottom-0 right-0 h-5 w-5 pointer-events-auto",

package/dist/canvas/components/LoopNode/LoopNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAgO9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAsCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmItD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CA2O9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs

@@ -132,12 +132,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
     if (clickedHandle?.handleType !== 'output') return null;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     const sourceIsContainer = void 0 !== sourceNode && (0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(sourceNode));
-    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
+    const allowedContainerId = sourceIsContainer && 'inner' !== clickedHandle.boundary ? sourceNode?.parentId : void 0;
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary && !allowedContainerId) return null;
     return (0, container_cjs_namespaceObject.resolveContainerPreview)({
         source,
         sourceHandleType,
         reactFlowInstance,
         replacedEdge,
+        allowedContainerId,
         isContainerNode: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node)),
         getContainerSafeArea: container_cjs_namespaceObject.getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{

package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AA4DD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB,GAAG,qBAAqB,GAAG,IAAI,CA+C/B;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,MAAM,GAAG,SAAS,CAarB"}
+{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AA4DD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB,GAAG,qBAAqB,GAAG,IAAI,CAmD/B;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,MAAM,GAAG,SAAS,CAarB"}

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

@@ -100,12 +100,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
     if (clickedHandle?.handleType !== 'output') return null;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     const sourceIsContainer = void 0 !== sourceNode && isContainerNodeManifest(getManifestForNode(sourceNode));
-    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
+    const allowedContainerId = sourceIsContainer && 'inner' !== clickedHandle.boundary ? sourceNode?.parentId : void 0;
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary && !allowedContainerId) return null;
     return resolveContainerPreview({
         source,
         sourceHandleType,
         reactFlowInstance,
         replacedEdge,
+        allowedContainerId,
         isContainerNode: (node)=>isContainerNodeManifest(getManifestForNode(node)),
         getContainerSafeArea: getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{

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

@@ -2,10 +2,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { NodeResizeControl, useStore, useUpdateNodeInternals } from "../../xyflow/react.js";
 import { cn } from "@uipath/apollo-wind";
 import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import { shallow } from "zustand/shallow";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
-import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH } from "../../utils/container.js";
+import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, getContainerResizeMinimums } from "../../utils/container.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { selectIsConnecting, snapToGrid } from "../../utils/NodeUtils.js";
@@ -25,21 +26,29 @@ const EMPTY_DATA = {};
 const RESIZE_CONTROLS = [
     {
         position: 'top-left',
+        widthSide: 'left',
+        heightSide: 'top',
         cursor: 'nwse-resize',
         indicatorClassName: 'top-[-4px] left-[-4px]'
     },
     {
         position: 'top-right',
+        widthSide: 'right',
+        heightSide: 'top',
         cursor: 'nesw-resize',
         indicatorClassName: 'top-[-4px] right-[-4px]'
     },
     {
         position: 'bottom-left',
+        widthSide: 'left',
+        heightSide: 'bottom',
         cursor: 'nesw-resize',
         indicatorClassName: 'bottom-[-4px] left-[-4px]'
     },
     {
         position: 'bottom-right',
+        widthSide: 'right',
+        heightSide: 'bottom',
         cursor: 'nwse-resize',
         indicatorClassName: 'bottom-[-4px] right-[-4px]'
     }
@@ -49,6 +58,12 @@ const RESIZE_CONTROL_STYLE = {
     border: 'none',
     zIndex: 100
 };
+const DEFAULT_RESIZE_MINIMUMS = {
+    left: DEFAULT_CONTAINER_MIN_WIDTH,
+    right: DEFAULT_CONTAINER_MIN_WIDTH,
+    top: DEFAULT_CONTAINER_MIN_HEIGHT,
+    bottom: DEFAULT_CONTAINER_MIN_HEIGHT
+};
 const ADORNMENT_SLOT_POSITIONS = [
     'topLeft',
     'topRight',
@@ -73,6 +88,21 @@ function useHasChildNodes(id, enabled) {
         enabled
     ]));
 }
+function useContainerResizeMinimums(id, width, height, enabled) {
+    return useStore(useCallback((state)=>{
+        if (!enabled) return DEFAULT_RESIZE_MINIMUMS;
+        return getContainerResizeMinimums({
+            id,
+            width,
+            height
+        }, Array.from(state.parentLookup.get(id)?.values() ?? []));
+    }, [
+        enabled,
+        height,
+        id,
+        width
+    ]), shallow);
+}
 function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
     const updateNodeInternals = useUpdateNodeInternals();
     useEffect(()=>{
@@ -90,6 +120,10 @@ function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
         height
     ]);
 }
+function resolveLoopHandleConfigurations(manifestHandleConfigurations, data) {
+    if (Array.isArray(data.handleConfigurations)) return data.handleConfigurations;
+    return manifestHandleConfigurations ?? [];
+}
 function LoopNodeComponent(props) {
     const { id, type, data, selected = false, dragging = false, width = 0, height = 0, onAddFirstChild, onResize, toolbarConfig: toolbarConfigProp, adornments: adornmentsProp, executionStatusOverride, suggestionType: suggestionTypeProp } = props;
     const nodeTypeRegistry = useOptionalNodeTypeRegistry();
@@ -142,6 +176,8 @@ function LoopNodeComponent(props) {
     const isDropTarget = true === resolvedData.isDropTarget;
     const containerWidth = width || DEFAULT_CONTAINER_WIDTH;
     const containerHeight = height || DEFAULT_CONTAINER_HEIGHT;
+    const showResizeControls = selected && !dragging && isDesignMode;
+    const resizeMinimums = useContainerResizeMinimums(id, containerWidth, containerHeight, showResizeControls);
     const nodeSizeStyle = {
         width: containerWidth,
         height: containerHeight,
@@ -164,8 +200,15 @@ function LoopNodeComponent(props) {
         adornmentsProp,
         statusContext
     ]);
-    const resolvedHandleGroups = useMemo(()=>manifest ? resolveHandles(manifest.handleConfiguration, resolvedData) : [], [
-        manifest,
+    const resolvedHandleGroups = useMemo(()=>{
+        const handleConfigurations = resolveLoopHandleConfigurations(manifest?.handleConfiguration, resolvedData);
+        return resolveHandles(handleConfigurations, {
+            ...resolvedData,
+            nodeId: id
+        });
+    }, [
+        manifest?.handleConfiguration,
+        id,
         resolvedData
     ]);
     const containerHandleGroups = useMemo(()=>resolveContainerHandleGroups(resolvedHandleGroups), [
@@ -192,7 +235,6 @@ function LoopNodeComponent(props) {
     }, []);
     const shouldShowHandles = (isConnecting || selected || isHovered) && !dragging;
     const showHandleAddButtons = isDesignMode && !multipleNodesSelected && !isConnecting && !dragging;
-    const showResizeControls = selected && !dragging && isDesignMode;
     const showEmptyStateButton = isDesignMode && !hasChildNodes && !!onAddFirstChild;
     const interactionState = resolveInteractionState(dragging, selected, isHovered);
     if (!manifest) return /*#__PURE__*/ jsx("div", {
@@ -234,6 +276,7 @@ function LoopNodeComponent(props) {
                 visible: showResizeControls
             }),
             showResizeControls ? /*#__PURE__*/ jsx(ResizeControls, {
+                minimums: resizeMinimums,
                 onResize: handleResize
             }) : null,
             /*#__PURE__*/ jsx(Header, {
@@ -343,13 +386,13 @@ function BodyFrame({ isEmpty, isLoading }) {
         }) : null
     });
 }
-function ResizeControls({ onResize }) {
+function ResizeControls({ minimums = DEFAULT_RESIZE_MINIMUMS, onResize }) {
     return /*#__PURE__*/ jsx(Fragment, {
-        children: RESIZE_CONTROLS.map(({ position, cursor })=>/*#__PURE__*/ jsx(NodeResizeControl, {
+        children: RESIZE_CONTROLS.map(({ position, widthSide, heightSide, cursor })=>/*#__PURE__*/ jsx(NodeResizeControl, {
                 style: RESIZE_CONTROL_STYLE,
                 position: position,
-                minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
-                minHeight: DEFAULT_CONTAINER_MIN_HEIGHT,
+                minWidth: minimums[widthSide],
+                minHeight: minimums[heightSide],
                 onResize: onResize,
                 children: /*#__PURE__*/ jsx("div", {
                     className: "absolute bottom-0 right-0 h-5 w-5 pointer-events-auto",

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

@@ -10,7 +10,7 @@
   padding: 0 !important;
 }
 
-.react-flow__node:not(.parent):hover {
+.react-flow__node:not(.parent):not([data-id^="sticky-"]):hover {
   z-index: 1002 !important;
 }