| 1328 | } |
| 1329 | |
| 1330 | const handleSetInitialPosition = (e, setPosMetaData) => { |
| 1331 | |
| 1332 | e.stopPropagation() // prevent this event from bubbling up to parents |
| 1333 | |
| 1334 | const {clientX, clientY} = e |
| 1335 | |
| 1336 | const elementRect = this.elementRef.current.getBoundingClientRect() |
| 1337 | const canvasInnerRect = this.props.canvasInnerContainerRef.current.getBoundingClientRect() |
| 1338 | |
| 1339 | // const {zoom, pan} = this.props.canvasMetaData |
| 1340 | |
| 1341 | |
| 1342 | let initialPos = { |
| 1343 | x: elementRect.left - canvasInnerRect.left, |
| 1344 | y: elementRect.top - canvasInnerRect.top |
| 1345 | } |
| 1346 | |
| 1347 | const posMetaData = { |
| 1348 | dragStartCursorPos: {x: clientX, y: clientY}, |
| 1349 | initialPos: {...initialPos} |
| 1350 | } |
| 1351 | |
| 1352 | setPosMetaData(posMetaData) |
| 1353 | |
| 1354 | } |
| 1355 | |
| 1356 | // const boundingRect = this.getBoundingRect |
| 1357 | |