@rpg-engine/long-bow 0.7.99 → 0.8.1

package/package.json

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

package/src/components/DPad/JoystickDPad.tsx

@@ -28,6 +28,8 @@ interface IDPadOptions {
 interface IDPadProps {
   /** Callback fired when a direction is pressed */
   onDirectionPress?: (direction: 'up' | 'down' | 'left' | 'right') => void;
+  /** Callback fired when a direction is released */
+  onDirectionRelease?: (direction: 'up' | 'down' | 'left' | 'right') => void;
   /** Whether the component is disabled */
   disabled?: boolean;
   /** Additional options for customizing the D-pad */
@@ -179,6 +181,7 @@ const DPadContainer = memo(styled.div<IDPadContainerProps>`
 export const JoystickDPad = memo(
   ({
     onDirectionPress,
+    onDirectionRelease,
     disabled = false,
     options = {},
   }: IDPadProps): JSX.Element => {
@@ -209,11 +212,14 @@ export const JoystickDPad = memo(
     }, []);
 
     const clearAllPresses = useCallback(() => {
+      if (activeDirectionRef.current && onDirectionRelease) {
+        onDirectionRelease(activeDirectionRef.current);
+      }
       clearPressInterval();
       setPressedButtons(new Set());
       activeDirectionRef.current = null;
       isPressedRef.current = false;
-    }, [clearPressInterval]);
+    }, [clearPressInterval, onDirectionRelease]);
 
     const handleDirectionPress = useCallback(
       (direction: 'up' | 'down' | 'left' | 'right') => {

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

@@ -176,20 +176,13 @@ export const ItemSlot: React.FC<IProps> = observer(
         position: { x: 0, y: 0 },
         isFocused: false,
       });
-    }, [
-      containerType,
-      isDepotSystem,
-      setContextActions,
-      clearContextActions,
-      isContextMenuDisabled, // Added missing dependency
-    ]);
 
-    useEffect(() => {
-      // Reset drag position and focus when item changes
       clearDraggingState();
 
       // Clear context actions when component unmounts or dependencies change
       return () => {
+        clearDraggingState();
+        clearDetailsState();
         clearContextActions();
       };
     }, [
@@ -198,7 +191,9 @@ export const ItemSlot: React.FC<IProps> = observer(
       setContextActions,
       clearContextActions,
       isContextMenuDisabled,
-      updateDraggingState, // Add this dependency
+      clearDraggingState,
+      clearDetailsState,
+      updateDraggingState,
     ]);
 
     const resetItem = () => {