Reorder array items

[chrisvxd]

Please merge #154 first.

Closes #69.

Description

This PR primarily:

• Enables drag-and-drop of array fields
• Refreshes the UI for array fields

It also:

• Reverts Fix: position: fixed; elements escape editor #140, since this is messing with drag position (preserved fix: type so we can spot for de-dupe on release)
• Refactors InputOrGroup into smaller files
• Adds missing default item props to the ButtonGroup demo
• Prevents style pollution for select fields
• Introduces a new internal Draggable component
• Introduces a new internal DragIcon component, which should be ported to the ComponentList (along with other UI refresh)

Example

Kapture.2023-10-10.at.18.34.49.mp4

Testing

1. Go to demo deployment
2. Create a new page
3. Add a ButtonGroup
4. Add a new button by clicking the "+"
5. Try reordering the buttons, changing the values and deleting them
6. Test again with undo/redo

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
puck-demo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 17, 2023 0:04am