@rpg-engine/long-bow 0.7.50 → 0.7.51

package/dist/long-bow.esm.js

@@ -27930,9 +27930,6 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   var _useState4 = useState([]),
     contextActions = _useState4[0],
     setContextActions = _useState4[1];
-  var _useState5 = useState(null),
-    dragStartTime = _useState5[0],
-    setDragStartTime = _useState5[1];
   useEffect(function () {
     setDragState(function (prev) {
       return _extends({}, prev, {
@@ -28014,8 +28011,10 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     // remove the class react-draggable-dragging from the element
     // to prevent the item from being dragged again
     target.classList.remove('react-draggable-dragging');
-    var dragEndTime = Date.now();
-    var dragDuration = dragStartTime ? dragEndTime - dragStartTime : 0;
+    var isTouch = e.type.startsWith('touch');
+    // Threshold for considering a tap/click as a drag
+    var dragThreshold = 5; // pixels
+    var isDrag = Math.abs(data.x) > dragThreshold || Math.abs(data.y) > dragThreshold;
     if (dragState.wasDragged && item && !isSelectingShortcut) {
       var _e$target;
       //@ts-ignore
@@ -28071,18 +28070,14 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
           });
         }
       }, 50);
-    } else if (item && dragDuration < 200) {
-      // Consider it a click if drag duration is less than 200ms
-      var isTouch = false;
-      if (!isContextMenuDisabled && e.type === 'touchend' && !isSelectingShortcut) {
-        isTouch = true;
+    } else if (item) {
+      if (isTouch && !isDrag) {
         setTooltipState(function (prev) {
           return _extends({}, prev, {
             mobileVisible: true
           });
         });
-      }
-      if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch && !dragState.wasDragged) {
+      } else if (!isTouch && !isContextMenuDisabled && !isSelectingShortcut) {
         setContextMenuState(function (prev) {
           return _extends({}, prev, {
             visible: !contextMenuState.visible
@@ -28100,14 +28095,22 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
           });
         }
       }
-      onPointerDown(item.type, containerType != null ? containerType : null, item);
+      if (!isDrag || !isTouch) {
+        console.log('Calling onPointerDown');
+        onPointerDown(item.type, containerType != null ? containerType : null, item);
+      }
     }
+    setDragState(function (prev) {
+      return _extends({}, prev, {
+        wasDragged: false
+      });
+    });
+    console.log('Final dragState:', dragState);
   };
   var onDraggableStart = function onDraggableStart() {
     if (!item || isSelectingShortcut) {
       return;
     }
-    setDragStartTime(Date.now());
     if (onDragStart && containerType) {
       onDragStart(item, slotIndex, containerType);
     }