@rpg-engine/long-bow 0.7.74 → 0.7.76

package/dist/long-bow.esm.js

@@ -27700,9 +27700,11 @@ var ItemSlotDetailsProvider = function ItemSlotDetailsProvider(_ref) {
   var clearDetailsState = useCallback(function () {
     setDetailsState(initialDetailsState);
   }, [setDetailsState]);
-  var setContextActions = useCallback(function (item, containerType, isDepotSystem) {
-    if (item && containerType) {
+  var setContextActions = 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
       });
@@ -27834,19 +27836,13 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
       },
       isFocused: false
     });
-    // Update context actions when item or depot system changes
-    if (item && containerType && !isContextMenuDisabled) {
-      setContextActions(item, containerType, isDepotSystem != null ? isDepotSystem : false);
-    } else {
-      clearContextActions();
-    }
-  }, [item, containerType, isDepotSystem, setContextActions, clearContextActions]);
+  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled]);
   useEffect(function () {
     // Handle outside drop
     if (onDrop && item && dropPosition) {
       onDrop(item, dropPosition);
     }
-  }, [dropPosition]);
+  }, [dropPosition, onDrop, item]);
   var resetItem = function resetItem() {
     clearDraggingState();
     updateDetailsState({
@@ -27868,6 +27864,9 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
       onDragEnd == null ? void 0 : onDragEnd(quantity);
     }
   };
+  var refreshContextActions = function refreshContextActions() {
+    setContextActions(item, containerType, isDepotSystem != null ? isDepotSystem : false, isContextMenuDisabled);
+  };
   var onDraggableStop = function onDraggableStop(e, data) {
     requestAnimationFrame(function () {
       updateDraggingState({
@@ -28007,6 +28006,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
     if (!item || isSelectingShortcut) {
       return;
     }
+    refreshContextActions();
     if (onDragStart && containerType) {
       onDragStart(item, slotIndex, containerType);
     }
@@ -28095,7 +28095,7 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
 var Container$9 = /*#__PURE__*/styled.div.withConfig({
   displayName: "ItemSlot__Container",
   componentId: "sc-l2j5ef-0"
-})(["margin:0.1rem;*{border:1px solid yellow;}.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 (_ref2) {
+})(["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 (_ref2) {
   var isDraggingItem = _ref2.isDraggingItem;
   return isDraggingItem ? 0 : 1;
 }, function (_ref3) {