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

wix-style-react

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.dragCoordinates = undefined;

var _reactDom = require('react-dom');

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

  var hoverBoundingRect = (0, _reactDom.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
  };
};