@rpg-engine/long-bow 0.5.26 → 0.5.27

package/dist/long-bow.cjs.development.js

@@ -13987,8 +13987,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
       if (!item || isSelectingShortcut) {
         return;
       }
-      setDraggingItem(item);
       if (onDragStart && containerType) {
+        setDraggingItem(item);
         onDragStart(item, slotIndex, containerType);
       }
     },
@@ -14766,10 +14766,14 @@ var useCursorPosition = function useCursorPosition(_ref) {
     }),
     position = _useState[0],
     setPosition = _useState[1];
-  var setFromEvent = function setFromEvent(e) {
+  var scalePosition = React.useCallback(function (x, y) {
+    return {
+      x: (x - shared.GRID_WIDTH / 2) / scale + shared.GRID_WIDTH / 2,
+      y: (y - shared.GRID_HEIGHT / 2) / scale + shared.GRID_HEIGHT / 2
+    };
+  }, [scale]);
+  var setFromEvent = React.useCallback(function (e) {
     var x, y;
-    var viewportCenterX = window.innerWidth / 2 - shared.GRID_WIDTH;
-    var viewportCenterY = window.innerHeight / -shared.GRID_HEIGHT;
     if ('touches' in e) {
       x = e.touches[0].clientX;
       y = e.touches[0].clientY;
@@ -14777,22 +14781,30 @@ var useCursorPosition = function useCursorPosition(_ref) {
       x = e.clientX;
       y = e.clientY;
     }
-    // Adjusting for the global scale
-    // Assuming the element is centrally located
+    var scaledPosition = scalePosition(x, y);
+    setPosition(scaledPosition);
+  }, [scale, scalePosition]);
+  var cleanup = React.useCallback(function () {
     setPosition({
-      x: (x - viewportCenterX) / scale + viewportCenterX,
-      y: (y - viewportCenterY) / scale + viewportCenterY
+      x: 0,
+      y: 0
     });
-  };
+  }, []);
   React.useEffect(function () {
-    window.addEventListener('mousemove', setFromEvent);
-    window.addEventListener('touchmove', setFromEvent);
-    console.log("SCALE IS ", scale);
+    var handleEvent = function handleEvent(e) {
+      return setFromEvent(e);
+    };
+    window.addEventListener('mousemove', handleEvent);
+    window.addEventListener('touchmove', handleEvent);
+    window.addEventListener('mouseup', cleanup);
+    window.addEventListener('touchend', cleanup);
     return function () {
-      window.removeEventListener('mousemove', setFromEvent);
-      window.removeEventListener('touchmove', setFromEvent);
+      window.removeEventListener('mousemove', handleEvent);
+      window.removeEventListener('touchmove', handleEvent);
+      window.removeEventListener('mouseup', cleanup);
+      window.removeEventListener('touchend', cleanup);
     };
-  }, [scale]);
+  }, [setFromEvent, cleanup]);
   return position;
 };
 
@@ -14813,6 +14825,9 @@ var DraggedItem = function DraggedItem(_ref) {
   if (!item) {
     return null;
   }
+  if (x === 0 && y === 0) {
+    return null;
+  }
   var centeredX = x - OFFSET;
   var centeredY = y - OFFSET;
   var stackInfo = onRenderStackInfo((_item$_id = item == null ? void 0 : item._id) != null ? _item$_id : '', (_item$stackQty = item == null ? void 0 : item.stackQty) != null ? _item$stackQty : 0);