@rpg-engine/long-bow 0.7.99 → 0.8.0

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

@@ -29157,6 +29157,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 +29186,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