@rpg-engine/long-bow 0.7.40 → 0.7.42

package/dist/long-bow.esm.js

@@ -27931,6 +27931,12 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
   var _useState4 = useState([]),
     contextActions = _useState4[0],
     setContextActions = _useState4[1];
+  var _useState5 = useState(false),
+    isClicking = _useState5[0],
+    setIsClicking = _useState5[1];
+  var clickTimeoutRef = useRef(null);
+  // Add a ref to track touch events
+  var isTouchEventRef = useRef(false);
   useEffect(function () {
     setDragState(function (prev) {
       return _extends({}, prev, {
@@ -28119,22 +28125,69 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
       setDraggingItem(item);
     }
   };
+  var handleMouseDown = function handleMouseDown(_e) {
+    setIsClicking(true);
+    clickTimeoutRef.current = setTimeout(function () {
+      setIsClicking(false);
+      // Allow dragging by setting wasDragged to true
+      setDragState(function (prev) {
+        return _extends({}, prev, {
+          wasDragged: true,
+          isFocused: true
+        });
+      });
+    }, 200); // 200ms threshold for distinguishing click vs. hold
+  };
+  var handleMouseUp = function handleMouseUp(_e) {
+    if (clickTimeoutRef.current) {
+      clearTimeout(clickTimeoutRef.current);
+      clickTimeoutRef.current = null;
+    }
+    if (isClicking && item) {
+      // Always open the mobile menu when clicking an item
+      setTooltipState(function (prev) {
+        return _extends({}, prev, {
+          mobileVisible: true
+        });
+      });
+      setContextMenuState(function (prev) {
+        return _extends({}, prev, {
+          visible: false
+        });
+      }); // Ensure desktop menu is closed
+      onPointerDown(item.type, containerType != null ? containerType : null, item);
+      setIsClicking(false);
+    } else if (onPlaceDrop && containerType) {
+      // Handle item placement if not clicking (i.e., after dragging)
+      var data = item ? item : null;
+      onPlaceDrop(data, slotIndex, containerType);
+    }
+    // Reset drag state
+    setDragState(function (prev) {
+      return _extends({}, prev, {
+        wasDragged: false
+      });
+    });
+  };
+  var handleMouseLeave = function handleMouseLeave() {
+    if (clickTimeoutRef.current) {
+      clearTimeout(clickTimeoutRef.current);
+      clickTimeoutRef.current = null;
+    }
+    setIsClicking(false);
+  };
   var bounds = getContainerBounds();
   return React.createElement(Container$b, {
     isDraggingItem: !!draggingItem,
     item: item,
     className: "rpgui-icon empty-slot",
-    onMouseUp: function onMouseUp() {
-      var data = item ? item : null;
-      if (onPlaceDrop && containerType) {
-        onPlaceDrop(data, slotIndex, containerType);
-      }
-    },
     onTouchEnd: function onTouchEnd(e) {
       var _document$elementFrom;
       var _e$changedTouches$ = e.changedTouches[0],
         clientX = _e$changedTouches$.clientX,
         clientY = _e$changedTouches$.clientY;
+      // Set the flag to indicate a touch event
+      isTouchEventRef.current = true;
       var simulatedEvent = new MouseEvent('mouseup', {
         clientX: clientX,
         clientY: clientY,
@@ -28145,12 +28198,15 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     onPointerDown: onDragStart !== undefined && onDragEnd !== undefined ? undefined : function () {
       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)
+    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),
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    onMouseLeave: handleMouseLeave
   }, React.createElement(Draggable, {
     axis: isSelectingShortcut ? 'none' : 'both',
     defaultClassName: item ? 'draggable' : 'empty-slot',
     scale: dragScale,
-    disabled: onDragStart === undefined || onDragEnd === undefined,
+    disabled: isClicking || onDragStart === undefined || onDragEnd === undefined,
     onStop: onDraggableStop,
     onStart: onDraggableStart,
     onDrag: onDraggableProgress,
@@ -29130,7 +29186,7 @@ var EquipmentSet = function EquipmentSet(_ref) {
 var EquipmentSetContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "EquipmentSet__EquipmentSetContainer",
   componentId: "sc-1wuddg2-0"
-})(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;touch-action:none;"]);
+})(["width:inherit;display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;touch-action:none;overflow:hidden;"]);
 var EquipmentColumn = /*#__PURE__*/styled.div.withConfig({
   displayName: "EquipmentSet__EquipmentColumn",
   componentId: "sc-1wuddg2-1"