Version 3.4.0

What's Changed

• Drop as Sibling of Empty, Open Folder by @jameskerr in #202

This enables trees where every node can be an internal node. Many thanks to @edimov for making this happen.

Full Changelog: v3.3.1...v3.4.0

Version 3.3.1

What's Changed

• Added dragNode, dragDestinationParent and dragDestinationIndex methods to TreeApi @jameskerr in #179
• Fix aria-level and aria role violations by @sparekh0730 in #198
• Make children accessor readonly by @haines in #183
• Update Build Process by @jameskerr in #200

New Contributors

• @sparekh0730 made their first contribution in #198
• @haines made their first contribution in #183

Full Changelog: v3.2.0...v3.3.1

Version 3.2.0

What's Changed

• Add a treeApi.setSelection method in #159

Thanks to @victorvianaom, @liamdon for getting the ball rolling.

Full Changelog: v3.1.0...v3.2.0

Version 3.1.0

What's Changed

• Fix bug with closing nodes, when they are match with search string by @jameskerr in #116
• Prevent Selection Sync From Stealing Focus by @jameskerr in #118
• Mark dep as side effect free for tree shaking by @hipstersmoothie in #123
• Add dndManager prop by @kemwalsh in #147

New Contributors

• @hipstersmoothie made their first contribution in #123
• @kemwalsh made their first contribution in #147

Full Changelog: v3.0.2...v3.1.0

Version 3.0.2

The previous release introduced a bug where the <Tree> inverted the result of the disableDrop prop. For example, if you specified "true" it would allow a drop. This fixes that bug and updates the CI workflow to run unit tests and e2e tests.

What's Changed

• Invert Disable Drop by @jameskerr in #108

Full Changelog: v3.0.1...v3.0.2

Version 3.0.1

What's Changed

This is a tiny release to fix some Typescript problems. If you upgraded to version 3.0.0 and stated seeing these typescript problems then this release will fix them.

queries-tree.tsx:85:27 - error TS2339: Property 'name' does not exist on type 'unknown'.

node.data.name.toLowerCase().includes(term.toLowerCase())

• Forward Ref Assertion by @jameskerr in #103

Full Changelog: v3.0.0...v3.0.1

Version 3.0.0

Whats Changed?

Breaking Changes

• Tree Component disableDrop Prop Changed
• NodeApi isDroppable Property Removed

Features

• Disable Edit
• Disable Drop Dynamically

Extras

• Indent Lines in Cities Demo
• Cypress Integration Tests
• Removed ForwardRef Redeclare

Features

Disable Edit

The disableEdit prop was added to the tree to specify nodes that cannot be edited. This also fixed a bug when pressing the keyboard shortcut "Enter" on a node that did not render a form. The tree would get stuck in the "editing" mode and could not return to the normal mode.

Disable Drop Dynamically

The disableDrop prop now accepts a function with the arguments described below. Previously you could only provide a static list of nodes that were not droppable, but now you can determine it dynamically.

Breaking Changes

Tree Component disableDrop Prop

If you were passing a function to the disableDrop prop, you'll need to update it to use the following signature:

declare function disableDrop(args: {
  dragNodes: NodeApi[]; // The nodes being dragged
  parentNode: NodeApi; // The new parent of the dragNodes if dropped
  index: number; // The new child index of the dragNodes if dropped
}): boolean;

This lets you disallow a drop based on the items being dragged and which node you are hovering over. You might notice it matches the function signature of the onMove handler. It is still possible to pass a string or a boolean to the disableDrop prop to prevent drops statically.

NodeApi isDroppable property

The .isDroppable property has been removed from the NodeApi class. This is now determined dynamically from the tree's state. It doesn't make sense to ask an single node if it is droppable anymore.

Pull Requests

• Add vscode-style structure lines for the cities demo by @percy507 in #94
• Disable edit by @danielnilsson9 in #97
• disabledDrop and target/source drop monitoring #62 by @rmeschian in #98
• Remove forwardRef declare by @jameskerr in #99
• Disable Drop Update by @jameskerr in #100
• Prepare Release v3.0.0 by @jameskerr in #101
• Update Changelog by @jameskerr in #102

New Contributors

• @percy507 made their first contribution in #94
• @danielnilsson9 made their first contribution in #97
• @rmeschian made their first contribution in #98

Full Changelog: v2.3.0...v3.0.0

Version 2.3.0

What's Changed

• Fix: Pressing the 'a' key and onCreate is not defined by @rafma0 in #87
• Fix: Tree background color for the cities demo by @rafma0 in #84
• Feature: Add prop to pass overscanCount to react-window by @rafma0 in #88

The overscan feature can make the scrolling much smoother in some use cases. Thank you @rafma0!

New Contributors

• @rafma0 made their first contribution in #87

Full Changelog: v2.2.0...v2.3.0

Version 2.2.0

Happy New Year! Here's a small release with a new feature and a bug fix. Many thanks to the new contributors.

What's Changed

• Feature: Disable Multi Selection by @marcbouchenoire in #67
• Bug Fix: Smooth scrolling when focused node is rendered by @wrobbinz in #77

New Contributors

• @marcbouchenoire made their first contribution in #67
• @wrobbinz made their first contribution in #77

Full Changelog: v2.1.1...v2.2.0

Version 2.1.1

What's Changed

• The width prop can be a string by @nickyvanurk in #63
• Improve Prop Types by @nvie in #65

New Contributors

• @nickyvanurk made their first contribution in #63
• @nvie made their first contribution in #65

Full Changelog: v2.1.0...v2.1.1