@rpg-engine/long-bow 0.7.66 → 0.7.68

package/dist/long-bow.esm.js

@@ -27717,23 +27717,46 @@ var ItemSlotToolTips = function ItemSlotToolTips(_ref) {
 
 var DraggingContext = /*#__PURE__*/createContext({
   item: null,
-  setDraggingItem: function setDraggingItem() {}
+  setDraggingItem: function setDraggingItem() {},
+  dragState: {
+    isFocused: false,
+    wasDragged: false,
+    position: {
+      x: 0,
+      y: 0
+    },
+    dropPosition: null
+  },
+  setDragState: function setDragState() {}
 });
-var useDragging = function useDragging() {
-  return useContext(DraggingContext);
-};
 var DraggingProvider = function DraggingProvider(_ref) {
   var children = _ref.children;
   var _useState = useState(null),
     item = _useState[0],
     setDraggingItem = _useState[1];
+  var _useState2 = useState({
+      isFocused: false,
+      wasDragged: false,
+      position: {
+        x: 0,
+        y: 0
+      },
+      dropPosition: null
+    }),
+    dragState = _useState2[0],
+    setDragState = _useState2[1];
   return React.createElement(DraggingContext.Provider, {
     value: {
       item: item,
-      setDraggingItem: setDraggingItem
+      setDraggingItem: setDraggingItem,
+      dragState: dragState,
+      setDragState: setDragState
     }
   }, children);
 };
+var useDragging = function useDragging() {
+  return useContext(DraggingContext);
+};
 
 var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
   var isDepotSystem = _ref.isDepotSystem,
@@ -27755,18 +27778,9 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
   var dragContainer = useRef(null);
   var _useDragging = useDragging(),
     draggingItem = _useDragging.item,
-    setDraggingItem = _useDragging.setDraggingItem;
-  var _useState = useState({
-      isFocused: false,
-      wasDragged: false,
-      position: {
-        x: 0,
-        y: 0
-      },
-      dropPosition: null
-    }),
-    dragState = _useState[0],
-    setDragState = _useState[1];
+    setDraggingItem = _useDragging.setDraggingItem,
+    dragState = _useDragging.dragState,
+    setDragState = _useDragging.setDragState;
   useEffect(function () {
     setDragState(function (prev) {
       return _extends({}, prev, {
@@ -27777,7 +27791,7 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
         isFocused: false
       });
     });
-  }, [item, isDepotSystem]);
+  }, [item, isDepotSystem, setDragState]);
   useEffect(function () {
     if (onDrop && item && dragState.dropPosition) {
       onDrop(item, dragState.dropPosition);
@@ -27805,11 +27819,6 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
     };
   }, []);
   var resetDragState = useCallback(function () {
-    setTooltipState(function (prev) {
-      return _extends({}, prev, {
-        visible: false
-      });
-    });
     setDragState(function (prev) {
       return _extends({}, prev, {
         wasDragged: false,
@@ -27820,8 +27829,7 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
         }
       });
     });
-    setDraggingItem(null);
-  }, [setTooltipState]);
+  }, [setTooltipState, setDragState]);
   var handleSuccessfulDrag = useCallback(function (quantity) {
     resetDragState();
     if (quantity !== -1 && item) {
@@ -27838,21 +27846,22 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
     var _dragState$position = dragState.position,
       x = _dragState$position.x,
       y = _dragState$position.y;
-    if (Math.abs(data.x - x) > 20 || Math.abs(data.y - y) > 20) {
+    if (Math.abs(data.x - x) > 5 || Math.abs(data.y - y) > 5) {
       setDragState(function (prev) {
         return _extends({}, prev, {
           wasDragged: true,
           isFocused: true
         });
       });
-    } else {
-      resetDragState();
     }
     if (!draggingItem) {
       setDraggingItem(item);
     }
-  }, [dragState.position, draggingItem, item, setDraggingItem]);
+  }, [dragState.position, draggingItem, item, setDraggingItem, setDragState]);
   var onDraggableStop = useCallback(function (e, data) {
+    setTimeout(function () {
+      setDraggingItem(null);
+    }, 50);
     var target = e.target;
     if (!target) return;
     target.classList.remove('react-draggable-dragging');
@@ -27895,14 +27904,13 @@ var useItemSlotDragAndDrop = function useItemSlotDragAndDrop(_ref) {
       }, 50);
     } else if (item) {
       var isTouch = e.type === 'touchend';
-      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) {
+      if (!isContextMenuDisabled && isTouch && !isSelectingShortcut && !draggingItem) {
         setTooltipState(function (prev) {
           return _extends({}, prev, {
             mobileVisible: true
           });
         });
-      } else if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch && !dragState.wasDragged && !dragState.isFocused) {
+      } else if (!isContextMenuDisabled && !isSelectingShortcut && !isTouch) {
         var event = e;
         setContextMenuState(function (prev) {
           return {
@@ -28198,7 +28206,6 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
     },
     onTouchEnd: function onTouchEnd(e) {
       var _document$elementFrom2;
-      handleInteractionEnd(e);
       var _e$changedTouches$ = e.changedTouches[0],
         clientX = _e$changedTouches$.clientX,
         clientY = _e$changedTouches$.clientY;
@@ -28277,7 +28284,7 @@ var ItemSlot = /*#__PURE__*/React.memo( /*#__PURE__*/observer(function (_ref) {
 var Container$b = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemSlot__Container",
   componentId: "sc-l2j5ef-0"
-})(["*{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) {
+})(["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) {