atarikcaliskan / react-beautiful-tree

Beautiful tree component for your React apps.

react-beautiful-tree

Beautiful tree component for your React apps!

This package is based on Atlassian's tree package.

Features

• Easy integration for any apps
• Ready to use tree structure
• Utility functions
• Powerful drag & drop support with react-beautiful-dnd
• Event handlers
• Virtualization support for big amount of items
• Accessible row rendering

Examples

Looking for examples? Check the storybook.

Contributing

Contributions of any kind welcome!

react-beautiful-tree's Issues

Error using virtualization

I'm trying to use the virtualization feature, in a app with material-ui, if i try without the property work fine, but if i activated the property, don't work, the error is:

react-beautiful-dnd

A setup problem was encountered.

Invariant failed:
provided.innerRef has not been provided with a HTMLElement.

You can find a guide on using the innerRef callback functions at:
https://github.com/atlassian/react-beautiful-dnd/blob/master/docs/guides/using-inner-ref.md

The code is:

const renderItem = ({ item, onExpand, onCollapse, provided, snapshot }) => {
        const keysVisibleWorkFlows = visibleWorkflows.map((w) => w.id)
        return (
            <Grid
                {...provided.draggableProps}
                {...provided.dragHandleProps}
                className={classNames(
                    classes.dragContainer,
                    snapshot.isDragging && classes.dragContainerDragging
                )}
                ref={provided.ref}
            >

D&D with Multi select items

Excellent component.
I'm a bit advanced with a feature

Does it allow to select more than one item from the tree at the same time?
If the above is possible, is there a way to drag and drop them all together?