Reporting Line Reorder

ProNew

A sortable org tree where a move means a new manager: it locks the top role, reports each change as 'X now reports to Y' and lets nothing be dropped between people. Use this when admins restructure teams by dragging.

Customize

This item has no props to tune. Use the lens above to change theme, density, direction and more.

Guide and examples

When to use it

Use it for reorganisations: HR admins move people to new managers and need the change stated plainly.

Do not use it for ordering items inside a list (use sortable-tree) or for approving the reorg (add a review step).

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`people`	`TreeNode[]`	-	The org tree; mark locked people with `disabled`.
`onManagerChange`	`(personId, managerId) => void`	-	A person's manager changed.

Accessibility

Only moves that change the manager are allowed, for pointer and keyboard alike (canDrop): under a person, or lifted to the manager's manager. Dropping among peers is refused.
Every change is a spoken sentence ("Bo now reports to Ann."); refused moves say "cannot move there".
The top role is disabled: it cannot be dragged or moved with the keys.

Testing

The pattern ships with a Testing Library test (reporting-line-reorder.test.tsx) that covers moving under a manager, refusing peer reorders, moving up and the locked top role.

Guide and examples

When to use it

Use it for reorganisations: HR admins move people to new managers and need the change stated plainly.

Do not use it for ordering items inside a list (use sortable-tree) or for approving the reorg (add a review step).

Installation

This item is part of tealmac UI Pro

The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.

Props

Prop	Type	Default	Description
`people`	`TreeNode[]`	-	The org tree; mark locked people with `disabled`.
`onManagerChange`	`(personId, managerId) => void`	-	A person's manager changed.

Accessibility

Only moves that change the manager are allowed, for pointer and keyboard alike (canDrop): under a person, or lifted to the manager's manager. Dropping among peers is refused.
Every change is a spoken sentence ("Bo now reports to Ann."); refused moves say "cannot move there".
The top role is disabled: it cannot be dragged or moved with the keys.

Testing

The pattern ships with a Testing Library test (reporting-line-reorder.test.tsx) that covers moving under a manager, refusing peer reorders, moving up and the locked top role.