@zohodesk/dot 1.0.0-temp-141 → 1.0.0-temp-142

package/lib/lookup/Lookup/useDragger.js

@@ -1,70 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = useDragger;
-var _react = require("react");
-var _DraggerUtil = require("./DraggerUtil");
-function useDragger(_ref) {
-  var _ref$ParentRef = _ref.ParentRef,
-    ParentRef = _ref$ParentRef === void 0 ? null : _ref$ParentRef;
-  var dragableEle = (0, _react.useRef)(null); //To set the Dragable Element
-  var parentEle = (0, _react.useRef)(null); // Eo set the Parent Boundary Element
-  var offset = (0, _react.useRef)({
-    x: 0,
-    y: 0
-  }); //To set the x and y Positions
-  var dragable = (0, _react.useRef)(false); // To get track of dragable
-
-  var elementDrag = function elementDrag(e) {
-    e = e || window.event;
-    e.preventDefault();
-    if (dragable.current) {
-      var left = offset.current.x + e.clientX;
-      var top = offset.current.y + e.clientY;
-      if (parentEle.current) {
-        var calcValue = (0, _DraggerUtil.DragPosCalc)({
-          x: left,
-          y: top,
-          dragwrpper: parentEle.current,
-          elmnt: dragableEle.current
-        });
-        dragableEle.current.style.left = calcValue.x + "px";
-        dragableEle.current.style.top = calcValue.y + "px";
-      } else {
-        dragableEle.current.style.left = left + "px";
-        dragableEle.current.style.top = top + "px";
-      }
-    }
-  };
-  var closeDragElement = function closeDragElement() {
-    document.removeEventListener("mouseup", closeDragElement);
-    document.removeEventListener("mousemove", elementDrag);
-  };
-  var dragMouseDown = function dragMouseDown(e) {
-    //Initial position
-    requestAnimationFrame(function () {
-      var dragableEleRect = dragableEle.current.getBoundingClientRect();
-      e = e || window.event;
-      // e.preventDefault();
-      dragableEle.current.style.top = dragableEleRect.top + "px";
-      dragableEle.current.style.left = dragableEleRect.left + "px";
-      dragableEle.current.style.width = dragableEleRect.width + "px";
-      dragableEle.current.style.position = "fixed";
-      offset.current.x = dragableEle.current.offsetLeft - e.clientX;
-      offset.current.y = dragableEle.current.offsetTop - e.clientY;
-      dragable.current = true;
-      document.addEventListener("mouseup", closeDragElement);
-      document.addEventListener("mousemove", elementDrag);
-    });
-  };
-  (0, _react.useEffect)(function () {
-    (0, _DraggerUtil.elementFinder)(ParentRef.current, "[isdraggable=true]").then(function (dragableElement) {
-      dragableEle.current = dragableElement;
-      parentEle.current = ParentRef.current;
-      var dragController = dragableEle.current && dragableEle.current.querySelector("[isdrag-header=true]") ? dragableEle.current.querySelector("[isdrag-header=true]") : dragableEle.current;
-      dragController && dragController.addEventListener("mousedown", dragMouseDown);
-    });
-  }, [ParentRef.current]);
-}