react-native-external-keyboard 0.6.7 → 0.6.8-rc1

package/README.md

@@ -97,7 +97,7 @@ Linking is one of the best ways to set up focus order. However, there may be cas
   </View>
 </KeyboardOrderFocusGroup>
 ```
-Indexing requres `orderGroup` param for proper order set,  you can use `KeyboardOrderFocusGroup` or provide `orderGroup` to the component.
+Indexing requires `orderGroup` param for proper order set,  you can use `KeyboardOrderFocusGroup` or provide `orderGroup` to the component.
 
 ```tsx
  <Pressable
@@ -324,7 +324,7 @@ containerStyle | Style for the container | StyleProp<ViewStyle>
 containerFocusStyle?: | Style applied to the container when focused | `FocusStyle`
 tintType?: | Tint behavior type | `'default' \\| 'hover' \\| 'background' \\| 'none'`
 FocusHoverComponent?: | Component displayed on focus | `\\| ReactElement  \\| FunctionComponent  \\| (() => ReactElement);`
-onSubmitEditing?: | Extended `onSubmitEditing` for mulitline input | `(e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)`
+onSubmitEditing?: | Extended `onSubmitEditing` for multiline input | `(e: NativeSyntheticEvent<TextInputSubmitEditingEventData>) => void)`
 ...rest | Remaining TextInput props  | `TextInputProps`
 
 
@@ -336,7 +336,7 @@ import { KeyboardExtendedBaseView } from 'react-native-external-keyboard';
   <KeyboardExtendedBaseView
     onKeyDownPress={...}
     onKeyUpPress={...}
-    focussable
+    focusable
   >
     <Text>Content</Text>
   </KeyboardExtendedBaseView>

package/ios/Delegates/RNCEKVFocusDelegate/RNCEKVFocusDelegate.mm

@@ -13,46 +13,83 @@
 #import "RNCEKVFocusEffectUtility.h"
 
 @implementation RNCEKVFocusDelegate{
-    UIView<RNCEKVFocusProtocol>* _delegate;
+  UIView<RNCEKVFocusProtocol>* _delegate;
 }
 
 - (instancetype _Nonnull )initWithView:(UIView<RNCEKVFocusProtocol> *_Nonnull)delegate{
-    self = [super init];
-    if (self) {
-        _delegate = delegate;
+  self = [super init];
+  if (self) {
+    _delegate = delegate;
+  }
+  return self;
+}
+
+- (UIView*)getFirstFocusable:(UIView*)view {
+  if(view.subviews.count == 0) return nil;
+  UIView* child = view.subviews[0];
+  if(child.canBecomeFocused) {
+    return child;
+  } else {
+    return [self getFirstFocusable: child];
+  }
+}
+
+
+- (UIView *)focusingViewForGestureHandler {
+    UIView *view = _delegate.subviews.firstObject;
+    // Handle the special case for RNGestureHandlerButtonComponentView
+    if (view && [NSStringFromClass([view class]) isEqualToString:@"RNGestureHandlerButtonComponentView"] &&
+        view.subviews.count > 0) {
+        return view.subviews.firstObject;
+    }
+    return nil;
+}
+
+- (UIView *)firstObject {
+    UIView *firstChild = _delegate.subviews.firstObject;
+    if (firstChild && firstChild.canBecomeFocused) {
+        return firstChild;
     }
-    return self;
+    return nil;
 }
 
+
+
 // ToDo RNCEKV-2, Double check condition, count more then 1 means that a view can be a ViewGroup, bun when we use hover component it can be considered as ViewGroup instead of touchable component, it can be improved by flag, or by removing hover component from js implementation
-- (UIView*)getFocusingView {
-    if(_delegate.isGroup) {
+- (UIView *)getFocusingView {
+    if (_delegate.isGroup) {
         return _delegate;
     }
     
-    if(_delegate.subviews.count > 0 && _delegate.subviews[0].canBecomeFocused) {
-        return _delegate.subviews[0];
+    UIView *gestureHandlerView = [self focusingViewForGestureHandler];
+    if (gestureHandlerView) {
+        return gestureHandlerView;
+    }
+    
+    UIView *firstObject = [self firstObject];
+    if (firstObject) {
+        return firstObject;
     }
     
     return _delegate;
 }
 
 - (BOOL)canBecomeFocused {
-    if(!_delegate.canBeFocused) {
-        return false;
-    }
-    return [self getFocusingView] == _delegate;
+  if(!_delegate.canBeFocused) {
+    return false;
+  }
+  return [self getFocusingView] == _delegate;
 }
 
 - (NSNumber*)isFocusChanged:(UIFocusUpdateContext *)context {
-    UIView* view = [self getFocusingView];
-    if(context.nextFocusedView == view) {
-        return @YES;
-    } else if (context.previouslyFocusedView == view) {
-        return @NO;
-    }
-    
-    return nil;
+  UIView* view = [self getFocusingView];
+  if(context.nextFocusedView == view) {
+    return @YES;
+  } else if (context.previouslyFocusedView == view) {
+    return @NO;
+  }
+  
+  return nil;
 }
 
 

package/ios/Extensions/RCTEnhancedScrollView+RNCEKVExternalKeyboard.mm

@@ -10,13 +10,23 @@
 
 #import "RCTEnhancedScrollView.h"
 #import "RNCEKVSwizzleInstanceMethod.h"
+#import "RCTScrollViewComponentView.h"
 
 @implementation RCTEnhancedScrollView (RNCEKVExternalKeyboard)
 
 - (NSArray<id<UIFocusEnvironment>> *)preferredFocusEnvironments {
-  if(self.subviews.count) {
-    return @[self.subviews[0]];
+  @try {
+    BOOL isScrollViewComponent = self.superview &&
+    [self.superview isKindOfClass:[RCTScrollViewComponentView class]];
+    
+    if (isScrollViewComponent) {
+      RCTScrollViewComponentView *scrollViewComponent = (RCTScrollViewComponentView *)self.superview;
+      return @[scrollViewComponent.containerView];
+    }
   }
+  @catch (NSException *exception) {
+  }
+  
   return [super preferredFocusEnvironments];
 }
 

package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.android.js

@@ -9,7 +9,15 @@ const ANDROID_SPACE_KEY_CODE = exports.ANDROID_SPACE_KEY_CODE = 62;
 const ANDROID_DPAD_CENTER_CODE = exports.ANDROID_DPAD_CENTER_CODE = 23;
 const ANDROID_ENTER_CODE = exports.ANDROID_ENTER_CODE = 66;
 const ANDROID_TRIGGER_CODES = exports.ANDROID_TRIGGER_CODES = [ANDROID_SPACE_KEY_CODE, ANDROID_DPAD_CENTER_CODE, ANDROID_ENTER_CODE];
-const MILLISECOND_THRESHOLD = 20;
+const useDebouncedCallback = (callback, delay) => {
+  const timeoutRef = (0, _react.useRef)();
+  return (0, _react.useCallback)((...args) => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  }, [callback, delay]);
+};
 const useKeyboardPress = ({
   onKeyUpPress,
   onKeyDownPress,
@@ -19,7 +27,15 @@ const useKeyboardPress = ({
   onLongPress,
   triggerCodes = ANDROID_TRIGGER_CODES
 }) => {
-  const thresholdTime = (0, _react.useRef)(0);
+  const isLongPressRef = (0, _react.useRef)(false);
+  const debouncedOnPress = useDebouncedCallback(event => {
+    if (isLongPressRef.current) {
+      onLongPress === null || onLongPress === void 0 || onLongPress();
+    } else {
+      onPress === null || onPress === void 0 || onPress(event);
+    }
+    isLongPressRef.current = false;
+  }, 40);
   const onKeyUpPressHandler = (0, _react.useCallback)(e => {
     const {
       nativeEvent: {
@@ -31,11 +47,11 @@ const useKeyboardPress = ({
     onKeyUpPress === null || onKeyUpPress === void 0 || onKeyUpPress(e);
     if (triggerCodes.includes(keyCode)) {
       if (isLongPress) {
-        thresholdTime.current = e === null || e === void 0 ? void 0 : e.timeStamp;
-        onLongPress === null || onLongPress === void 0 || onLongPress({});
+        isLongPressRef.current = true;
+        debouncedOnPress();
       }
     }
-  }, [onPressOut, onKeyUpPress, triggerCodes, onLongPress]);
+  }, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress]);
   const onKeyDownPressHandler = (0, _react.useMemo)(() => {
     if (!onPressIn) return onKeyDownPress;
     return e => {
@@ -46,16 +62,13 @@ const useKeyboardPress = ({
     };
   }, [onKeyDownPress, onPressIn, triggerCodes]);
   const onPressHandler = (0, _react.useCallback)(event => {
-    const pressThreshold = ((event === null || event === void 0 ? void 0 : event.timeStamp) ?? 0) - thresholdTime.current;
-    if (pressThreshold > MILLISECOND_THRESHOLD) {
-      onPress === null || onPress === void 0 || onPress(event);
-    }
-  }, [onPress]);
+    debouncedOnPress(event);
+  }, [debouncedOnPress]);
   const hasHandler = onPressOut || onKeyUpPress || onLongPress || onPress;
   return {
-    onKeyUpPressHandler: hasHandler && onKeyUpPressHandler,
+    onKeyUpPressHandler: hasHandler ? onKeyUpPressHandler : undefined,
     onKeyDownPressHandler,
-    onPressHandler: onPress && onPressHandler
+    onPressHandler: onPress ? onPressHandler : undefined
   };
 };
 exports.useKeyboardPress = useKeyboardPress;

package/lib/commonjs/utils/useKeyboardPress/useKeyboardPress.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","ANDROID_SPACE_KEY_CODE","exports","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","MILLISECOND_THRESHOLD","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","thresholdTime","useRef","onKeyUpPressHandler","useCallback","e","nativeEvent","keyCode","isLongPress","includes","current","timeStamp","onKeyDownPressHandler","useMemo","onPressHandler","event","pressThreshold","hasHandler"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,EAAE;AACjC,MAAME,wBAAwB,GAAAD,OAAA,CAAAC,wBAAA,GAAG,EAAE;AACnC,MAAMC,kBAAkB,GAAAF,OAAA,CAAAE,kBAAA,GAAG,EAAE;AAE7B,MAAMC,qBAAqB,GAAAH,OAAA,CAAAG,qBAAA,GAAG,CACnCJ,sBAAsB,EACtBE,wBAAwB,EACxBC,kBAAkB,CACnB;AAED,MAAME,qBAAqB,GAAG,EAAE;AAEzB,MAAMC,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,YAAY,GAAGT;AACY,CAAC,KAAK;EACjC,MAAMU,aAAa,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAC/B,MAAMC,mBAAmB,GAAG,IAAAC,kBAAW,EACpCC,CAAC,IAAK;IACL,MAAM;MACJC,WAAW,EAAE;QAAEC,OAAO;QAAEC;MAAY;IACtC,CAAC,GAAGH,CAAC;IAELR,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGQ,CAAqC,CAAC;IACnDX,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGW,CAAC,CAAC;IAEjB,IAAIL,YAAY,CAACS,QAAQ,CAACF,OAAO,CAAC,EAAE;MAClC,IAAIC,WAAW,EAAE;QACfP,aAAa,CAACS,OAAO,GAAGL,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEM,SAAS;QACpCZ,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAG,CAAC,CAA0B,CAAC;MAC5C;IACF;EACF,CAAC,EACD,CAACF,UAAU,EAAEH,YAAY,EAAEM,YAAY,EAAED,WAAW,CACtD,CAAC;EAED,MAAMa,qBAAqB,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1C,IAAI,CAACjB,SAAS,EAAE,OAAOD,cAAc;IACrC,OAAQU,CAAa,IAAK;MACxBV,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGU,CAAC,CAAC;MACnB,IAAIL,YAAY,CAACS,QAAQ,CAACJ,CAAC,CAACC,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDX,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGS,CAAqC,CAAC;MACpD;IACF,CAAC;EACH,CAAC,EAAE,CAACV,cAAc,EAAEC,SAAS,EAAEI,YAAY,CAAC,CAAC;EAE7C,MAAMc,cAAc,GAAG,IAAAV,kBAAW,EAC/BW,KAA4B,IAAK;IAChC,MAAMC,cAAc,GAAG,CAAC,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEJ,SAAS,KAAI,CAAC,IAAIV,aAAa,CAACS,OAAO;IACtE,IAAIM,cAAc,GAAGxB,qBAAqB,EAAE;MAC1CM,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGiB,KAAK,CAAC;IAClB;EACF,CAAC,EACD,CAACjB,OAAO,CACV,CAAC;EAED,MAAMmB,UAAU,GAAGpB,UAAU,IAAIH,YAAY,IAAIK,WAAW,IAAID,OAAO;EACvE,OAAO;IACLK,mBAAmB,EAAEc,UAAU,IAAId,mBAAmB;IACtDS,qBAAqB;IACrBE,cAAc,EAAEhB,OAAO,IAAIgB;EAC7B,CAAC;AACH,CAAC;AAAC1B,OAAA,CAAAK,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","ANDROID_SPACE_KEY_CODE","exports","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","useRef","useCallback","args","current","clearTimeout","setTimeout","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","isLongPressRef","debouncedOnPress","event","onKeyUpPressHandler","e","nativeEvent","keyCode","isLongPress","includes","onKeyDownPressHandler","useMemo","onPressHandler","hasHandler","undefined"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/utils/useKeyboardPress/useKeyboardPress.android.js

@@ -3,7 +3,15 @@ export const ANDROID_SPACE_KEY_CODE = 62;
 export const ANDROID_DPAD_CENTER_CODE = 23;
 export const ANDROID_ENTER_CODE = 66;
 export const ANDROID_TRIGGER_CODES = [ANDROID_SPACE_KEY_CODE, ANDROID_DPAD_CENTER_CODE, ANDROID_ENTER_CODE];
-const MILLISECOND_THRESHOLD = 20;
+const useDebouncedCallback = (callback, delay) => {
+  const timeoutRef = useRef();
+  return useCallback((...args) => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    timeoutRef.current = setTimeout(() => {
+      callback(...args);
+    }, delay);
+  }, [callback, delay]);
+};
 export const useKeyboardPress = ({
   onKeyUpPress,
   onKeyDownPress,
@@ -13,7 +21,15 @@ export const useKeyboardPress = ({
   onLongPress,
   triggerCodes = ANDROID_TRIGGER_CODES
 }) => {
-  const thresholdTime = useRef(0);
+  const isLongPressRef = useRef(false);
+  const debouncedOnPress = useDebouncedCallback(event => {
+    if (isLongPressRef.current) {
+      onLongPress === null || onLongPress === void 0 || onLongPress();
+    } else {
+      onPress === null || onPress === void 0 || onPress(event);
+    }
+    isLongPressRef.current = false;
+  }, 40);
   const onKeyUpPressHandler = useCallback(e => {
     const {
       nativeEvent: {
@@ -25,11 +41,11 @@ export const useKeyboardPress = ({
     onKeyUpPress === null || onKeyUpPress === void 0 || onKeyUpPress(e);
     if (triggerCodes.includes(keyCode)) {
       if (isLongPress) {
-        thresholdTime.current = e === null || e === void 0 ? void 0 : e.timeStamp;
-        onLongPress === null || onLongPress === void 0 || onLongPress({});
+        isLongPressRef.current = true;
+        debouncedOnPress();
       }
     }
-  }, [onPressOut, onKeyUpPress, triggerCodes, onLongPress]);
+  }, [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress]);
   const onKeyDownPressHandler = useMemo(() => {
     if (!onPressIn) return onKeyDownPress;
     return e => {
@@ -40,16 +56,13 @@ export const useKeyboardPress = ({
     };
   }, [onKeyDownPress, onPressIn, triggerCodes]);
   const onPressHandler = useCallback(event => {
-    const pressThreshold = ((event === null || event === void 0 ? void 0 : event.timeStamp) ?? 0) - thresholdTime.current;
-    if (pressThreshold > MILLISECOND_THRESHOLD) {
-      onPress === null || onPress === void 0 || onPress(event);
-    }
-  }, [onPress]);
+    debouncedOnPress(event);
+  }, [debouncedOnPress]);
   const hasHandler = onPressOut || onKeyUpPress || onLongPress || onPress;
   return {
-    onKeyUpPressHandler: hasHandler && onKeyUpPressHandler,
+    onKeyUpPressHandler: hasHandler ? onKeyUpPressHandler : undefined,
     onKeyDownPressHandler,
-    onPressHandler: onPress && onPressHandler
+    onPressHandler: onPress ? onPressHandler : undefined
   };
 };
 //# sourceMappingURL=useKeyboardPress.android.js.map

package/lib/module/utils/useKeyboardPress/useKeyboardPress.android.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useMemo","useRef","ANDROID_SPACE_KEY_CODE","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","MILLISECOND_THRESHOLD","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","thresholdTime","onKeyUpPressHandler","e","nativeEvent","keyCode","isLongPress","includes","current","timeStamp","onKeyDownPressHandler","onPressHandler","event","pressThreshold","hasHandler"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":"AAAA,SAASA,WAAW,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAKpD,OAAO,MAAMC,sBAAsB,GAAG,EAAE;AACxC,OAAO,MAAMC,wBAAwB,GAAG,EAAE;AAC1C,OAAO,MAAMC,kBAAkB,GAAG,EAAE;AAEpC,OAAO,MAAMC,qBAAqB,GAAG,CACnCH,sBAAsB,EACtBC,wBAAwB,EACxBC,kBAAkB,CACnB;AAED,MAAME,qBAAqB,GAAG,EAAE;AAEhC,OAAO,MAAMC,gBAAgB,GAAGA,CAG9B;EACAC,YAAY;EACZC,cAAc;EACdC,SAAS;EACTC,UAAU;EACVC,OAAO;EACPC,WAAW;EACXC,YAAY,GAAGT;AACY,CAAC,KAAK;EACjC,MAAMU,aAAa,GAAGd,MAAM,CAAC,CAAC,CAAC;EAC/B,MAAMe,mBAAmB,GAAGjB,WAAW,CACpCkB,CAAC,IAAK;IACL,MAAM;MACJC,WAAW,EAAE;QAAEC,OAAO;QAAEC;MAAY;IACtC,CAAC,GAAGH,CAAC;IAELN,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGM,CAAqC,CAAC;IACnDT,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGS,CAAC,CAAC;IAEjB,IAAIH,YAAY,CAACO,QAAQ,CAACF,OAAO,CAAC,EAAE;MAClC,IAAIC,WAAW,EAAE;QACfL,aAAa,CAACO,OAAO,GAAGL,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEM,SAAS;QACpCV,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAG,CAAC,CAA0B,CAAC;MAC5C;IACF;EACF,CAAC,EACD,CAACF,UAAU,EAAEH,YAAY,EAAEM,YAAY,EAAED,WAAW,CACtD,CAAC;EAED,MAAMW,qBAAqB,GAAGxB,OAAO,CAAC,MAAM;IAC1C,IAAI,CAACU,SAAS,EAAE,OAAOD,cAAc;IACrC,OAAQQ,CAAa,IAAK;MACxBR,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAGQ,CAAC,CAAC;MACnB,IAAIH,YAAY,CAACO,QAAQ,CAACJ,CAAC,CAACC,WAAW,CAACC,OAAO,CAAC,EAAE;QAChDT,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGO,CAAqC,CAAC;MACpD;IACF,CAAC;EACH,CAAC,EAAE,CAACR,cAAc,EAAEC,SAAS,EAAEI,YAAY,CAAC,CAAC;EAE7C,MAAMW,cAAc,GAAG1B,WAAW,CAC/B2B,KAA4B,IAAK;IAChC,MAAMC,cAAc,GAAG,CAAC,CAAAD,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEH,SAAS,KAAI,CAAC,IAAIR,aAAa,CAACO,OAAO;IACtE,IAAIK,cAAc,GAAGrB,qBAAqB,EAAE;MAC1CM,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGc,KAAK,CAAC;IAClB;EACF,CAAC,EACD,CAACd,OAAO,CACV,CAAC;EAED,MAAMgB,UAAU,GAAGjB,UAAU,IAAIH,YAAY,IAAIK,WAAW,IAAID,OAAO;EACvE,OAAO;IACLI,mBAAmB,EAAEY,UAAU,IAAIZ,mBAAmB;IACtDQ,qBAAqB;IACrBC,cAAc,EAAEb,OAAO,IAAIa;EAC7B,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"names":["useCallback","useMemo","useRef","ANDROID_SPACE_KEY_CODE","ANDROID_DPAD_CENTER_CODE","ANDROID_ENTER_CODE","ANDROID_TRIGGER_CODES","useDebouncedCallback","callback","delay","timeoutRef","args","current","clearTimeout","setTimeout","useKeyboardPress","onKeyUpPress","onKeyDownPress","onPressIn","onPressOut","onPress","onLongPress","triggerCodes","isLongPressRef","debouncedOnPress","event","onKeyUpPressHandler","e","nativeEvent","keyCode","isLongPress","includes","onKeyDownPressHandler","onPressHandler","hasHandler","undefined"],"sourceRoot":"../../../../src","sources":["utils/useKeyboardPress/useKeyboardPress.android.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/utils/useKeyboardPress/useKeyboardPress.android.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardPress.android.d.ts","sourceRoot":"","sources":["../../../../../src/utils/useKeyboardPress/useKeyboardPress.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE7E,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,qBAAqB,UAIjC,CAAC;AAIF,eAAO,MAAM,gBAAgB,GAC3B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,EAC/B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,EAC/B,8FAQC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;;;6BAgClB,qBAAqB;CAehC,CAAC"}
+{"version":3,"file":"useKeyboardPress.android.d.ts","sourceRoot":"","sources":["../../../../../src/utils/useKeyboardPress/useKeyboardPress.android.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,KAAK,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE7E,eAAO,MAAM,sBAAsB,KAAK,CAAC;AACzC,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,qBAAqB,UAIjC,CAAC;AAkBF,eAAO,MAAM,gBAAgB,GAC3B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,EAC/B,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,EAC/B,8FAQC,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;;;6BA6ClB,qBAAqB;CAYhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-external-keyboard",
-  "version": "0.6.7",
+  "version": "0.6.8-rc1",
   "description": "Toolkit for improving physical keyboard support in React Native",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -62,7 +62,7 @@
     "@evilmartians/lefthook": "^1.5.0",
     "@react-native-community/cli": "15.0.1",
     "@react-native/eslint-config": "^0.73.1",
-    "@release-it/conventional-changelog": "^9.0.2",
+    "@release-it/conventional-changelog": "^10.0.1",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.44",
     "commitlint": "^17.0.2",
@@ -75,7 +75,7 @@
     "react": "18.3.1",
     "react-native": "0.76.5",
     "react-native-builder-bob": "^0.20.4",
-    "release-it": "^17.10.0",
+    "release-it": "^19.0.5",
     "turbo": "^1.10.7",
     "typescript": "^5.2.2"
   },

package/src/utils/useKeyboardPress/useKeyboardPress.android.ts

@@ -13,7 +13,21 @@ export const ANDROID_TRIGGER_CODES = [
   ANDROID_ENTER_CODE,
 ];
 
-const MILLISECOND_THRESHOLD = 20;
+const useDebouncedCallback = <T extends (...args: any[]) => void>(
+  callback: T,
+  delay: number
+) => {
+  const timeoutRef = useRef<ReturnType<typeof setTimeout>>();
+  return useCallback(
+    (...args: Parameters<T>) => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => {
+        callback(...args);
+      }, delay);
+    },
+    [callback, delay]
+  );
+};
 
 export const useKeyboardPress = <
   T extends (event?: any) => void,
@@ -27,7 +41,20 @@ export const useKeyboardPress = <
   onLongPress,
   triggerCodes = ANDROID_TRIGGER_CODES,
 }: UseKeyboardPressProps<T, K>) => {
-  const thresholdTime = useRef(0);
+  const isLongPressRef = useRef(false);
+
+  const debouncedOnPress = useDebouncedCallback(
+    (event?: GestureResponderEvent) => {
+      if (isLongPressRef.current) {
+        onLongPress?.();
+      } else {
+        onPress?.(event);
+      }
+      isLongPressRef.current = false;
+    },
+    40
+  );
+
   const onKeyUpPressHandler = useCallback<OnKeyPressFn>(
     (e) => {
       const {
@@ -39,12 +66,12 @@ export const useKeyboardPress = <
 
       if (triggerCodes.includes(keyCode)) {
         if (isLongPress) {
-          thresholdTime.current = e?.timeStamp;
-          onLongPress?.({} as GestureResponderEvent);
+          isLongPressRef.current = true;
+          debouncedOnPress();
         }
       }
     },
-    [onPressOut, onKeyUpPress, triggerCodes, onLongPress]
+    [onPressOut, onKeyUpPress, triggerCodes, debouncedOnPress]
   );
 
   const onKeyDownPressHandler = useMemo(() => {
@@ -59,18 +86,15 @@ export const useKeyboardPress = <
 
   const onPressHandler = useCallback(
     (event: GestureResponderEvent) => {
-      const pressThreshold = (event?.timeStamp ?? 0) - thresholdTime.current;
-      if (pressThreshold > MILLISECOND_THRESHOLD) {
-        onPress?.(event);
-      }
+      debouncedOnPress(event);
     },
-    [onPress]
+    [debouncedOnPress]
   );
 
   const hasHandler = onPressOut || onKeyUpPress || onLongPress || onPress;
   return {
-    onKeyUpPressHandler: hasHandler && onKeyUpPressHandler,
+    onKeyUpPressHandler: hasHandler ? onKeyUpPressHandler : undefined,
     onKeyDownPressHandler,
-    onPressHandler: onPress && onPressHandler,
+    onPressHandler: onPress ? onPressHandler : undefined,
   };
 };