| 14 | |
| 15 | @observer |
| 16 | export class DragOverlay extends React.Component<OverlayProps> { |
| 17 | render() { |
| 18 | const { selection, editorRef } = this.props |
| 19 | const dragState = selection.dragState |
| 20 | const fragment = dragState?.node |
| 21 | if (!dragState || fragment === null) { |
| 22 | return <div style={{ display: 'none' }} /> |
| 23 | } |
| 24 | return ( |
| 25 | <DragOverlayInternal |
| 26 | fragment={fragment} |
| 27 | initialX={0} |
| 28 | initialY={0} |
| 29 | onEndDrag={this.onEndDrag} |
| 30 | selection={selection} |
| 31 | editorRef={editorRef} |
| 32 | /> |
| 33 | ) |
| 34 | } |
| 35 | |
| 36 | onEndDrag = () => { |
| 37 | this.props.selection.endDrag() |
| 38 | } |
| 39 | } |
| 40 | |
| 41 | interface DragOverlayInternalProps { |
| 42 | fragment: RenderedFragment |