@rpg-engine/long-bow 0.7.99 → 0.8.1

package/dist/components/DPad/JoystickDPad.d.ts

@@ -12,10 +12,12 @@ 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 */
     options?: IDPadOptions;
 }
-export declare const JoystickDPad: React.MemoExoticComponent<({ onDirectionPress, disabled, options, }: IDPadProps) => JSX.Element>;
+export declare const JoystickDPad: React.MemoExoticComponent<({ onDirectionPress, onDirectionRelease, disabled, options, }: IDPadProps) => JSX.Element>;
 export {};

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

@@ -27945,15 +27945,14 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.observer(function (_ref) {
       },
       isFocused: false
     });
-  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled]);
-  React.useEffect(function () {
-    // Reset drag position and focus when item changes
     clearDraggingState();
     // Clear context actions when component unmounts or dependencies change
     return function () {
+      clearDraggingState();
+      clearDetailsState();
       clearContextActions();
     };
-  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled, updateDraggingState]);
+  }, [containerType, isDepotSystem, setContextActions, clearContextActions, isContextMenuDisabled, clearDraggingState, clearDetailsState, updateDraggingState]);
   var resetItem = function resetItem() {
     clearDraggingState();
     clearDetailsState();
@@ -29157,6 +29156,7 @@ var DPadContainer = /*#__PURE__*/React.memo( /*#__PURE__*/styled__default.div.wi
 }));
 var JoystickDPad = /*#__PURE__*/React.memo(function (_ref) {
   var onDirectionPress = _ref.onDirectionPress,
+    onDirectionRelease = _ref.onDirectionRelease,
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$options = _ref.options,
@@ -29185,11 +29185,14 @@ var JoystickDPad = /*#__PURE__*/React.memo(function (_ref) {
     activeDirectionRef.current = null;
   }, []);
   var clearAllPresses = React.useCallback(function () {
+    if (activeDirectionRef.current && onDirectionRelease) {
+      onDirectionRelease(activeDirectionRef.current);
+    }
     clearPressInterval();
     setPressedButtons(new Set());
     activeDirectionRef.current = null;
     isPressedRef.current = false;
-  }, [clearPressInterval]);
+  }, [clearPressInterval, onDirectionRelease]);
   var handleDirectionPress = React.useCallback(function (direction) {
     if (disabled) return;
     // Clear any existing presses first