Blue - v0.0.24
Add Sortable Component for "dragon-drop" (drag and drop) 🐉
This update adds a new Sortable component, built using react-sortable-hoc. Sortable enhances react-sortable-hoc
a lot. Child components added to the new Sortable component automatically get wrapped with the various HOC provided by the react-sortable-hoc
library.
Example
Any child components placed inside this component automatically become sortable.
<Sortable>
<Card>Jacobim Mugatu</Card>
<Card>Lord Business</Card>
<Card>Brennan Huff</Card>
</Sortable>
The SidebarCollapsibleCard component has been enhanced with sortable abilities using the DragHandle from react-sortable-hoc
.
Finally, a new drag
SVG icon has been added for the Drag Handler UI.
Resolves: #43
Note: It doesn't look like react-sortable-hoc provides aria roles. And it looks like the library lacks tests. In terms of functionality, it most fits what we need. We may need to enhance it in the future though.
Move bind(this)
to constructor()
method for Components 🔧
This update moves the instantiation of bind(this)
from the render()
method to constructor()
for non-Stateless components. This is done for performance + best practice reasons.
Thanks to @brettjonesdev for the tip!