Adding elements to the tree

Hello, I tested the demo with adding elements, everything works great.

But this addition works on the button. The task is this:

1. There is a simple html tree without dnd
2. There is your tree.
3. I need to implement adding elements from the first tree to yours using dnd

The point of the idea is that there is no need to remove an element from the first tree. The first tree is like a set of features. When dragging a feature onto your tree, I need to figure out what level I’m at and add a new element based on the dragged feature.

How can this be implemented?

Is it possible to use the react-dnd library for the first tree, and when dragging onto your tree, I could understand to which level I dragged an element from the first list?

Or do I need to create a custom node and wrap it additionally in react-dnd?

[minop1205]

Or is your tree unable to react in any way when something is dragged onto your tree?

That is correct. This is because at this time it is not possible to detect events when external elements are dragged.

[minop1205]

I have released v3.0.0 today.

In this version, you can now drop elements outside the tree and drag & drop between trees.

See the README and samples for details.

README

https://github.com/minop1205/react-dnd-treeview#external-drag-source

Demo and Examples (Storybook)

https://minop1205.github.io/react-dnd-treeview/

(See stories below)

• External element (inside react-dnd)
• External element (outside react-dnd)
• File drop
• Text drop
• Multiple tree