@rpg-engine/long-bow 0.7.52 → 0.7.53

package/dist/long-bow.esm.js

@@ -27936,6 +27936,9 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   var _useState6 = useState(null),
     touchStartPosition = _useState6[0],
     setTouchStartPosition = _useState6[1];
+  var _useState7 = useState(false),
+    isDragging = _useState7[0],
+    setIsDragging = _useState7[1]; // New state to track dragging
   useEffect(function () {
     setDragState(function (prev) {
       return _extends({}, prev, {
@@ -27979,7 +27982,8 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   var resetItem = function resetItem() {
     setTooltipState(function (prev) {
       return _extends({}, prev, {
-        visible: false
+        visible: false,
+        mobileVisible: false
       });
     });
     setDragState(function (prev) {
@@ -27987,6 +27991,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
         wasDragged: false
       });
     });
+    setIsDragging(false); // Reset dragging flag
   };
   var onSuccessfulDrag = function onSuccessfulDrag(quantity) {
     resetItem();
@@ -28014,7 +28019,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
         setItemShortcut(item, index);
       }
     }
-    // remove the class react-draggable-dragging from the element
+    // Remove the class react-draggable-dragging from the element
     // to prevent the item from being dragged again
     target.classList.remove('react-draggable-dragging');
     var isTouch = e.type.startsWith('touch');
@@ -28098,13 +28103,19 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
         }
       }, 50);
     } else if (item) {
-      if (isTouch && !isDrag) {
+      if (isTouch && isDragging) {
+        // If it's a touch and we were dragging, do not show context menu
+        return;
+      } else if (isTouch && !isDrag) {
+        // Handle as a tap/click
         setTooltipState(function (prev) {
           return _extends({}, prev, {
             mobileVisible: true
           });
         });
+        onPointerDown(item.type, containerType != null ? containerType : null, item);
       } else if (!isTouch && !isContextMenuDisabled && !isSelectingShortcut) {
+        // Handle as context menu for mouse devices
         setContextMenuState(function (prev) {
           return _extends({}, prev, {
             visible: !contextMenuState.visible
@@ -28122,7 +28133,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
           });
         }
       }
-      if (!isDrag || !isTouch) {
+      if (!isDrag && !isTouch) {
         console.log('Calling onPointerDown');
         onPointerDown(item.type, containerType != null ? containerType : null, item);
       }
@@ -28141,6 +28152,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     if (onDragStart && containerType) {
       onDragStart(item, slotIndex, containerType);
     }
+    setIsDragging(true); // Set dragging flag on start
   };
   var onDraggableProgress = function onDraggableProgress(_e, data) {
     if (Math.abs(data.x - dragState.position.x) > 5 || Math.abs(data.y - dragState.position.y) > 5) {
@@ -28155,16 +28167,18 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
       setDraggingItem(item);
     }
   };
-  var onTouchStart = function onTouchStart(e) {
+  var onTouchStartHandler = function onTouchStartHandler(e) {
     setTouchStartTime(new Date().getTime());
     setTouchStartPosition({
       x: e.touches[0].clientX,
       y: e.touches[0].clientY
     });
   };
-  var onTouchEnd = function onTouchEnd(e) {
-    // Prevent default to stop potential unwanted behaviors
-    e.preventDefault();
+  var onTouchEndHandler = function onTouchEndHandler(e) {
+    // Only prevent default if not dragging
+    if (!isDragging) {
+      e.preventDefault();
+    }
     var touch = e.changedTouches[0];
     var touchEndTime = new Date().getTime();
     var touchDuration = touchStartTime ? touchEndTime - touchStartTime : 0;
@@ -28191,6 +28205,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
       });
       (_document$elementFrom = document.elementFromPoint(touch.clientX, touch.clientY)) == null ? void 0 : _document$elementFrom.dispatchEvent(simulatedEvent);
     }
+    setIsDragging(false); // Reset dragging flag on touch end
   };
   var bounds = getContainerBounds();
   return React.createElement(Container$b, {
@@ -28207,8 +28222,8 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
       if (item) onPointerDown(item.type, containerType != null ? containerType : null, item);
     },
     isSelectingShortcut: isSelectingShortcut && ((item == null ? void 0 : item.type) === ItemType.Consumable || (item == null ? void 0 : item.type) === ItemType.Tool || (item == null ? void 0 : item.subType) === ItemSubType.Seed),
-    onTouchStart: onTouchStart,
-    onTouchEnd: onTouchEnd
+    onTouchStart: onTouchStartHandler,
+    onTouchEnd: onTouchEndHandler
   }, React.createElement(Draggable, {
     axis: isSelectingShortcut ? 'none' : 'both',
     defaultClassName: item ? 'draggable' : 'empty-slot',
@@ -28294,8 +28309,9 @@ var Container$b = /*#__PURE__*/styled.div.withConfig({
 var ItemContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemSlot__ItemContainer",
   componentId: "sc-l2j5ef-1"
-})(["width:64px;height:64px;position:relative;", ";"], function (props) {
-  return props.isFocused && 'z-index: 100; pointer-events: none;';
+})(["width:64px;height:64px;position:relative;", ";"], function (_ref7) {
+  var isFocused = _ref7.isFocused;
+  return isFocused ? 'z-index: 100; pointer-events: none;' : '';
 });
 
 var statisticsToDisplay = [{