Add children property to Edges/Port components

[Vadorequest]

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Using children isn't currently possible for Edge/Port components.

Issue Number:

• Edges/Ports should support children property (similar to Nodes) #67

What is the new behavior?

Using children is now possible for Edge/Port components.

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

New capabilities:

• Using children to display custom React components at the center of an edge.
• Using children to display custom React components close to a port.

Used by Vadorequest/rwa-faunadb-reaflow-nextjs-magic#4 to display the following:

---

Depends on #69 for adding component tests.
Fixes #67

[Vadorequest]

@amcdnl I've started working on this, I hope you see how useful children can be. It's not mergeable yet (haven't done Port) but it's a good start and I'll implement the Port similarly.

[Vadorequest]

Here's what now possible using children in Port component:

[amcdnl]

Good overall - just a few nits

[Vadorequest]

@amcdnl LGTM. How do you want to proceed regarding testing? I'm not sure tests are necessary. if it is, I'd like #69 to be merged first because that's where I've configured Jest/TS config for components testing.

Otherwise, it can be merged as it. Your call :)

[Vadorequest]

@amcdnl Could you release a new version please? I'd like to use this. 😄

[amcdnl]

Oh crap - I forgot! doing now!

[AstralBaby]

is there any documentation on how to use this?