File Upload Part 3 - Drag sorting

[keithtxw]

Changes

• In this part, we implement the drag sorting behaviour of the file items

• Notable info

  • Drag sorting is enabled only if there are no items in edit mode
  • While dragging, all items including the upload button is disabled

• [delete] branch

Additional information

• You may refer to this ticket
• Figma

[qroll]

on testing, noticed a couple of interaction conflicts

• keyboard space on action button activates drag mode instead of triggering the action. workaround suggested here is to stop the keydown event propagation
• when initiating drag on action button, sometimes the component remains stuck in drag mode
  • to replicate, try targeting the button border rather than the icon svg
  • if I set const shouldDisableActions = false it works fine, so I suspect the drag end event isn't triggering for disabled buttons
  • I couldn't find any specific solutions for this, as a workaround is it possible to
    • disable dragging on buttons
    • or keep buttons enabled, but add checks in the event handlers to prevent them from triggering the callback props