feat(ui-tree-browser): add animation prop to TreeBrowser

[ToMESSKa]

INSTUI-4683

ISSUE:

• a prop is needed to disable the animation in TreeBrowser

TEST PLAN:

• add animation={false} or animation={true} prop to the examples in the documentation
• according to the props value, the animation should be disabled/enabled for the TreeBrowser when opening the elements
• when no animation prop is supplied, the animation should be enabled

[github-actions]

PR Preview Action v1.6.2
Preview removed because the pull request was closed.
2025-09-25 14:47 UTC

[HerrTopi]

just a nitpic: you don't have to check with !==, since animation is a boolean itself. It would look better to use just the value itself: state.animation && {...

Another nitpic of mine is false && {} fill resolve to false. Even so spreading false into an object works for some reason (that's js for you :D ) it doesn't make much sense. You could write these expressions like:

Suggested change

	...(state.animation !== false && {
	...(state.animation ? {<animation code>} : {}

This way it is clearly stated what you indend in both branches

[ToMESSKa]

@HerrTopi thanks, I made the changes you suggested

[HerrTopi]

Same as prev comments

[matyasf]

looks good, just 1 small change

[matyasf]

I think this should be true for that very edge case if someone uses these components outside of a TreeBrowser

[ToMESSKa]

@matyasf thanks, I fixed that.