Node Resizer: add option to overwrite the resize direction

[chrtze]

Describe the Bug

Currently, the controls of the NodeResizer get their possible resize directions based on their positions. This means that it's not possible to limit a control in the bottom-right corner to resize only horizontally. Maybe we can add an option to overwrite the direction in which a control can resize the node.

Your Example Website or App

https://codesandbox.io/s/zen-wind-w9znpf?file=/ResizableNode.js

Steps to Reproduce the Bug or Issue

• Add a node resize control with variant Handle to your custom node
• Add a shouldResize function that only returns true for one resize direction
• This does work with variant="Line" but not with variant="Handle"

Expected behavior

It should be possible to limit the direction for all controls

Screenshots or Videos

No response

Platform

all

Additional context

https://github.com/wbkd/react-flow/discussions/2868

[jt6677]

shouldResize={(e, params) => params.direction[1] === 0} does not work on diagonal.

[peterkogo]

Good idea. We will add an additional prop to NodeResizeControl so the displayed position can differ from the resize direction.