@rpg-engine/long-bow 0.7.75 → 0.7.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.7.75",
+  "version": "0.7.77",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Item/Inventory/ItemSlot.tsx

@@ -76,6 +76,50 @@ interface IProps {
   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 const ItemSlot: React.FC<IProps> = observer(
   ({
     slotIndex,
@@ -107,11 +151,7 @@ export const ItemSlot: React.FC<IProps> = observer(
       setContextActions,
     } = useItemSlotDetails();
 
-    const {
-      isContextMenuVisible,
-
-      clearContextActions,
-    } = detailsState;
+    const { isContextMenuVisible, clearContextActions } = detailsState;
 
     const dragContainer = useRef<HTMLDivElement>(null);
 
@@ -130,36 +170,27 @@ export const ItemSlot: React.FC<IProps> = observer(
 
     useEffect(() => {
       // Reset drag position and focus when item changes
-
       updateDraggingState({
         position: { x: 0, y: 0 },
         isFocused: false,
       });
-
-      // Update context actions when item or depot system changes
-      if (item && containerType && !isContextMenuDisabled) {
-        setContextActions(
-          item,
-          containerType as ItemContainerType,
-          isDepotSystem ?? false
-        );
-      } else {
-        clearContextActions();
-      }
     }, [
-      item,
       containerType,
       isDepotSystem,
       setContextActions,
       clearContextActions,
+      isContextMenuDisabled, // Added missing dependency
     ]);
 
     useEffect(() => {
       // Handle outside drop
-      if (onDrop && item && dropPosition) {
-        onDrop(item, dropPosition);
+      if (onDrop && draggingState.item && dropPosition) {
+        console.log('ITEM SLOT: Outside drop', draggingState.item.key);
+        onDrop(draggingState.item, dropPosition);
+
+        clearDraggingState();
       }
-    }, [dropPosition]);
+    }, [dropPosition, onDrop, draggingState.item]);
 
     const resetItem = () => {
       clearDraggingState();
@@ -182,6 +213,15 @@ export const ItemSlot: React.FC<IProps> = observer(
       }
     };
 
+    const refreshContextActions = () => {
+      setContextActions(
+        item,
+        containerType as ItemContainerType,
+        isDepotSystem ?? false,
+        isContextMenuDisabled
+      );
+    };
+
     const onDraggableStop: DraggableEventHandler = (e, data) => {
       requestAnimationFrame(() => {
         updateDraggingState({
@@ -338,6 +378,8 @@ export const ItemSlot: React.FC<IProps> = observer(
         return;
       }
 
+      refreshContextActions();
+
       if (onDragStart && containerType) {
         onDragStart(item, slotIndex, containerType);
       }

package/src/components/Item/Inventory/context/ItemSlotDetailsContext.tsx

@@ -31,7 +31,8 @@ interface IItemSlotDetailsContext {
   setContextActions: (
     item: IItem | null,
     containerType: string | null,
-    isDepotSystem: boolean
+    isDepotSystem: boolean,
+    isContextMenuDisabled: boolean
   ) => void;
   clearContextActions: () => void;
 }
@@ -85,14 +86,17 @@ export const ItemSlotDetailsProvider: React.FC<IProps> = ({ children }) => {
     (
       item: IItem | null,
       containerType: string | null,
-      isDepotSystem: boolean
+      isDepotSystem: boolean,
+      isContextMenuDisabled: boolean
     ): void => {
-      if (item && containerType) {
+      console.log('ITEM SLOT: Set context actions for', item?.key);
+      if (item && containerType && !isContextMenuDisabled) {
         const newContextActions = generateContextMenu(
           item,
           containerType as ItemContainerType,
           isDepotSystem
         );
+        console.log('ITEM SLOT: New context actions:', newContextActions);
         updateDetailsState({ contextActions: newContextActions });
       } else {
         updateDetailsState({ contextActions: [] });