Split a pane dynamically.

[junsikshim]

This is an issue to discuss how to implement splitting like the one above.

I can think of two ways,

1. It's all up to the developer.

• The dropzones can be calculated with the dimensions of the panes. (Need getDimension(paneId) or similar)
• Drag&Drop implementation is irrelevant to this library.
• Pane(Row)s are only added/removed by JSX elements. (The developer must keep track of dynamic pane(row)s)

2. Let the library handle it

• Have a property enable such feature. (splittable={true} or similar)
• When some valid component is dropped into splittable pane(row), it automatically splits into pieces.
• The current status of panes and rows is now different with the JSX elements, so in order to get the current elements, some APIs may needed.

I think there can be some middle ground, so let's discuss!

[hchangjae]

In my opinion, these functionalities should be provided by react-pane-system. However, I'm concerned about the sync with JSX elements... (I might need more time to think this through 🤔)