@rpg-engine/long-bow 0.7.76 → 0.7.79

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

@@ -27707,10 +27707,8 @@ var ItemSlotDetailsProvider = function ItemSlotDetailsProvider(_ref) {
     setDetailsState(initialDetailsState);
   }, [setDetailsState]);
   var setContextActions = React.useCallback(function (item, containerType, isDepotSystem, isContextMenuDisabled) {
-    console.log('ITEM SLOT: Set context actions for', item == null ? void 0 : item.key);
     if (item && containerType && !isContextMenuDisabled) {
       var newContextActions = generateContextMenu(item, containerType, isDepotSystem);
-      console.log('ITEM SLOT: New context actions:', newContextActions);
       updateDetailsState({
         contextActions: newContextActions
       });
@@ -27915,21 +27913,24 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
   /**
    * Handles the logic when an item has been dragged.
    */
-  var handleDraggedItem = function handleDraggedItem(e, data) {
-    requestAnimationFrame(function () {
-      var targetClasses = Array.from(e.target.classList);
-      var isOutsideDrop = targetClasses.some(function (elm) {
-        return elm.includes('rpgui-content');
-      }) || targetClasses.length === 0;
-      if (isOutsideDrop) {
-        updateDraggingState({
-          dropPosition: {
-            x: data.x,
-            y: data.y
-          }
-        });
-      }
+  var handleDraggedItem = React.useCallback(function (e, data) {
+    var targetClasses = Array.from(e.target.classList);
+    var isOutsideDrop = targetClasses.some(function (elm) {
+      return elm.includes('rpgui-content');
+    }) || targetClasses.length === 0;
+    if (isOutsideDrop && draggingState.isDragging && draggingState.item) {
+      console.log('ITEM SLOT: Outside drop', draggingState.item.key);
+      onDrop == null ? void 0 : onDrop(draggingState.item, {
+        x: data.x,
+        y: data.y
+      });
+      clearDraggingState();
+    } else {
       updateDraggingState({
+        dropPosition: {
+          x: data.x,
+          y: data.y
+        },
         isDragging: false
       });
       var targetElement = dragContainer.current;
@@ -27944,8 +27945,8 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
         }
       });
       processDragEnd(item);
-    });
-  };
+    }
+  }, [draggingState.isDragging, draggingState.item, onDrop, clearDraggingState, updateDraggingState]);
   /**
    * Retrieves the current transform position of the dragged element.
    */