wix-style-react/dist/es/src/DragAndDrop/Draggable/DragUtils.js

wix-style-react

import { findDOMNode } from 'react-dom';

export var dragCoordinates = function dragCoordinates(_ref) {
  var monitor = _ref.monitor,
      component = _ref.component;

  var hoverBoundingRect = findDOMNode(component).getBoundingClientRect();

  // Get vertical middle
  var hoverMiddleY = (hoverBoundingRect.bottom - hoverBoundingRect.top) / 2;
  var hoverMiddleX = (hoverBoundingRect.right - hoverBoundingRect.left) / 2;

  // Determine mouse position
  var clientOffset = monitor.getClientOffset();

  // Get pixels to the top
  var hoverClientY = clientOffset.y - hoverBoundingRect.top;
  var hoverClientX = clientOffset.x - hoverBoundingRect.left;

  return {
    hoverMiddleY: hoverMiddleY,
    clientOffset: clientOffset,
    hoverClientY: hoverClientY,
    hoverMiddleX: hoverMiddleX,
    hoverClientX: hoverClientX
  };
};