Right angle links between nodes

[mrblenny]

Right angle links between nodes

[MrOrz]

We also need to access more data in inner component (<Port> in our case). In the end we decided to add extra properties to config prop.

Actually there was once a prop called nodeProps in config: https://github.com/MrBlenny/react-flow-chart/blob/master/src/types/config.ts#L9 . At that time the nodeProps was passed down to NodeInner and Node: 2dfa8ab . However, the latest API passes the whole config down to each component, thus codes relevant to nodeProps is removed in the code base. I guess this means that it is encouraged to put extra stuff in config...?

[dmitrygalperin]

I started working on my PR for #54. You actually have access to the port data in Link.wrapper. You can pass down the port type to Link and then use it in generateCurvePath to figure out which direction to start in

[fenech]

@MrOrz in this case, I guess it would make sense to use config to specify the link type (e.g. "curved" or "angular") but I would still need to pass the sides of the ports at link.to and link.from. Are you suggesting that I add extra properties to config from inside Link.wrapper (and @MrBlenny can I interpret that your 👍 is approving that idea)?

Something like:

config = {
   ...config,
   portConfig: {
    to: "bottom",
    from: "top"
  }
}