@rpg-engine/long-bow 0.7.74 → 0.7.76

package/dist/components/Item/Inventory/ItemSlot.d.ts

@@ -27,5 +27,30 @@ interface IProps {
     setItemShortcut?: (item: IItem, shortcutIndex: number) => void;
     isDepotSystem?: boolean;
 }
+interface IProps {
+    slotIndex: number;
+    item: IItem | null;
+    itemContainer?: IItemContainer | null;
+    itemContainerType?: ItemContainerType | null;
+    slotSpriteMask?: ItemSlotType | null;
+    onMouseOver?: (event: any, slotIndex: number, item: IItem | null, x: number, y: number) => void;
+    onMouseOut?: () => void;
+    onPointerDown: (ItemType: ItemType, itemContainerType: ItemContainerType | null, item: IItem) => void;
+    onDragStart?: (item: IItem, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
+    onDragEnd?: (quantity?: number) => void;
+    onOutsideDrop?: (item: IItem, position: IPosition) => void;
+    dragScale?: number;
+    checkIfItemCanBeMoved?: () => boolean;
+    checkIfItemShouldDragEnd?: () => boolean;
+    openQuantitySelector?: (maxQuantity: number, callback: () => void) => void;
+    onPlaceDrop?: (item: IItem | null, slotIndex: number, itemContainerType: ItemContainerType | null) => void;
+    atlasJSON: any;
+    atlasIMG: any;
+    isContextMenuDisabled?: boolean;
+    isSelectingShortcut?: boolean;
+    equipmentSet?: IEquipmentSet | null;
+    setItemShortcut?: (item: IItem, shortcutIndex: number) => void;
+    isDepotSystem?: boolean;
+}
 export declare const ItemSlot: React.FC<IProps>;
 export {};

package/dist/components/Item/Inventory/context/ItemSlotDetailsContext.d.ts

@@ -19,7 +19,7 @@ interface IItemSlotDetailsContext {
     detailsState: IItemSlotDetailsState;
     updateDetailsState: (newState: Partial<IItemSlotDetailsState>) => void;
     clearDetailsState: () => void;
-    setContextActions: (item: IItem | null, containerType: string | null, isDepotSystem: boolean) => void;
+    setContextActions: (item: IItem | null, containerType: string | null, isDepotSystem: boolean, isContextMenuDisabled: boolean) => void;
     clearContextActions: () => void;
 }
 export declare const useItemSlotDetails: () => IItemSlotDetailsContext;

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

@@ -27706,9 +27706,11 @@ var ItemSlotDetailsProvider = function ItemSlotDetailsProvider(_ref) {
   var clearDetailsState = React.useCallback(function () {
     setDetailsState(initialDetailsState);
   }, [setDetailsState]);
-  var setContextActions = React.useCallback(function (item, containerType, isDepotSystem) {
-    if (item && containerType) {
+  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
       });
@@ -27840,19 +27842,13 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.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]);
   React.useEffect(function () {
     // Handle outside drop
     if (onDrop && item && dropPosition) {
       onDrop(item, dropPosition);
     }
-  }, [dropPosition]);
+  }, [dropPosition, onDrop, item]);
   var resetItem = function resetItem() {
     clearDraggingState();
     updateDetailsState({
@@ -27874,6 +27870,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.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({
@@ -28013,6 +28012,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
     if (!item || isSelectingShortcut) {
       return;
     }
+    refreshContextActions();
     if (onDragStart && containerType) {
       onDragStart(item, slotIndex, containerType);
     }
@@ -28101,7 +28101,7 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
 var Container$9 = /*#__PURE__*/styled__default.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) {