Animate re-ordering of items during state change

[patrickdundas]

Description

The animations in this library for user interaction of drag and drop are really nice. In my use case, I allow a user to drop items between lists, but then the lists are auto-ordered by some criteria (ie. alphabetical). My user drag and drop really just exists to allow users to transfer items between lists, not reorder.

In my onDragEnd, I re-order the items in each list alphabetically after the user drops a Draggable, but this causes the nice movement animation to where the user put the item, and then a non animated reordering of the items when the state updates to alphabetize.

How can I animate any movement / reordering of the items, whether caused by user drag or state change?