@rpg-engine/long-bow 0.7.49 → 0.7.51

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.7.49",
+  "version": "0.7.51",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Item/Inventory/ItemSlot.tsx

@@ -215,6 +215,13 @@ export const ItemSlot = React.memo(
         // to prevent the item from being dragged again
         target.classList.remove('react-draggable-dragging');
 
+        const isTouch = e.type.startsWith('touch');
+
+        // Threshold for considering a tap/click as a drag
+        const dragThreshold = 5; // pixels
+        const isDrag =
+          Math.abs(data.x) > dragThreshold || Math.abs(data.y) > dragThreshold;
+
         if (dragState.wasDragged && item && !isSelectingShortcut) {
           //@ts-ignore
           const classes: string[] = Array.from(e.target?.classList);
@@ -267,21 +274,15 @@ export const ItemSlot = React.memo(
             }
           }, 50);
         } else if (item) {
-          let isTouch = false;
-          if (
+          if (isTouch && !isDrag) {
+            setTooltipState(prev => ({
+              ...prev,
+              mobileVisible: true,
+            }));
+          } else if (
+            !isTouch &&
             !isContextMenuDisabled &&
-            e.type === 'touchend' &&
             !isSelectingShortcut
-          ) {
-            isTouch = true;
-            setTooltipState(prev => ({ ...prev, mobileVisible: true }));
-          }
-
-          if (
-            !isContextMenuDisabled &&
-            !isSelectingShortcut &&
-            !isTouch &&
-            !dragState.wasDragged
           ) {
             setContextMenuState(prev => ({
               ...prev,
@@ -301,8 +302,14 @@ export const ItemSlot = React.memo(
             }
           }
 
-          onPointerDown(item.type, containerType ?? null, item);
+          if (!isDrag || !isTouch) {
+            console.log('Calling onPointerDown');
+            onPointerDown(item.type, containerType ?? null, item);
+          }
         }
+
+        setDragState(prev => ({ ...prev, wasDragged: false }));
+        console.log('Final dragState:', dragState);
       };
 
       const onDraggableStart: DraggableEventHandler = () => {