@rpg-engine/long-bow 0.7.64 → 0.7.66

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

@@ -27826,6 +27826,7 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
         }
       });
     });
+    setDraggingItem(null);
   }, [setTooltipState]);
   var handleSuccessfulDrag = React.useCallback(function (quantity) {
     resetDragState();
@@ -27843,22 +27844,21 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
     var _dragState$position = dragState.position,
       x = _dragState$position.x,
       y = _dragState$position.y;
-    if (Math.abs(data.x - x) > 5 || Math.abs(data.y - y) > 5) {
+    if (Math.abs(data.x - x) > 20 || Math.abs(data.y - y) > 20) {
       setDragState(function (prev) {
         return _extends({}, prev, {
           wasDragged: true,
           isFocused: true
         });
       });
+    } else {
+      resetDragState();
     }
     if (!draggingItem) {
       setDraggingItem(item);
     }
   }, [dragState.position, draggingItem, item, setDraggingItem]);
   var onDraggableStop = React.useCallback(function (e, data) {
-    setTimeout(function () {
-      setDraggingItem(null);
-    }, 50);
     var target = e.target;
     if (!target) return;
     target.classList.remove('react-draggable-dragging');
@@ -27901,13 +27901,14 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
       }, 50);
     } else if (item) {
       var isTouch = e.type === 'touchend';
-      if (!isContextMenuDisabled && isTouch && !isSelectingShortcut && !draggingItem) {
+      console.log("Debug: \n          isTouch: " + isTouch + ",\n          isSelectingShortcut: " + isSelectingShortcut + ",\n          draggingItem: " + draggingItem + ",\n          dragState.wasDragged: " + dragState.wasDragged + ",\n          dragState.isFocused: " + dragState.isFocused + "\n        ");
+      if (!isContextMenuDisabled && isTouch && !isSelectingShortcut && !draggingItem && !dragState.wasDragged && !dragState.isFocused) {
         setTooltipState(function (prev) {
           return _extends({}, prev, {
             mobileVisible: true
           });
         });
-      } else if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) {
+      } else if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch && !dragState.wasDragged && !dragState.isFocused) {
         var event = e;
         setContextMenuState(function (prev) {
           return {
@@ -28282,7 +28283,7 @@ var ItemSlot = /*#__PURE__*/React__default.memo( /*#__PURE__*/mobxReactLite.obse
 var Container$b = /*#__PURE__*/styled__default.div.withConfig({
   displayName: "ItemSlot__Container",
   componentId: "sc-l2j5ef-0"
-})(["margin:0.1rem;.react-draggable-dragging{opacity:", ";}position:relative;.sprite-from-atlas-img--item{position:relative;top:1.5rem;left:1.5rem;border-color:", ";box-shadow:", " inset,", ";}&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:12px;pointer-events:none;animation:", ";@keyframes bg-color-change{0%{background-color:rgba(255 255 255 / 0.5);}50%{background-color:transparent;}100%{background-color:rgba(255 255 255 / 0.5);}}}"], function (_ref3) {
+})(["*{border:1px solid red;}margin:0.1rem;.react-draggable-dragging{opacity:", ";}position:relative;.sprite-from-atlas-img--item{position:relative;top:1.5rem;left:1.5rem;border-color:", ";box-shadow:", " inset,", ";}&::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:12px;pointer-events:none;animation:", ";@keyframes bg-color-change{0%{background-color:rgba(255 255 255 / 0.5);}50%{background-color:transparent;}100%{background-color:rgba(255 255 255 / 0.5);}}}"], function (_ref3) {
   var isDraggingItem = _ref3.isDraggingItem;
   return isDraggingItem ? 0 : 1;
 }, function (_ref4) {