Reevaluate DragDrop implementation

[nicolethoen]

Tasks

Beta Give feedback

1. Fix animations on examples
2. convert examples to typescript
3. useDroppable to update drop area styles (including when dragging outside droppable area)
4. Make sure you can gracefully cancel a drag
5. Build basic example with handle
6. expose props to customize labels for i18n
7. Drag and drop: scroll page when dragging near top/bottom #6431
   pinned wontfix +2
   
8. Drag and Drop: Feature request for DragHandler support #6982
   wontfix +1
   
9. Draggable row table of PatternFly 4 threw an error when I drag table row in horizon direction then move in vertical direction #6723
   wontfix +1
10. Bug -DataList - drag drop results in error #7637
    bug +1

Follow up issues:

• Build basic example with multiple drop zones
• Build basic draggable table rows example
• Bug - Table - Refactor Column Management with Draggable demo  #7471

[redallen]

This is a little tricky because it also needs to be able to support rows with or without drag handle buttons.

[nicolethoen]

Also worth noting - clicking on the margin of the drag button does not drag the item.

[nicolethoen]

#6626 is the beginnings of some of the musings... It's not close to working yet.

[AlexSCorey]

We brought in the new-ish drag and drop component but ran into some accessibility issues as the user should not drag/drop via keyboard. If I remove that component in our code (PR) I then begin to get a console warning saying that onDrag api is deprecated. I'm in a loop of options that aren't great. HELP!!