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

wix-style-react

"use strict";

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

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

var 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
  };
};

exports.dragCoordinates = dragCoordinates;
var emptyImage;

var getEmptyImage = function getEmptyImage() {
  if (!emptyImage) {
    emptyImage = new Image();
    emptyImage.src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
  }

  return emptyImage;
};

exports.getEmptyImage = getEmptyImage;