Merge pull request #16 from Christopher2K/main

feat: Propagate onFocus/onBlur to the caller

Author: amitpdev

README.md

@@ -211,6 +211,8 @@ const PlaceDetailsExample = () => {
 | placeHolderText | string | No | - | Placeholder text for the input |
 | onPlaceSelect | (place: Place, sessionToken?: string) => void | Yes | - | Callback when a place is selected |
 | onTextChange | (text: string) => void | No | - | Callback when input text changes |
+| onFocus | (event: NativeSyntheticEvent<TextInputFocusEventData>) => void | No | - | Callback when input is focused |
+| onBlur | (event: NativeSyntheticEvent<TextInputFocusEventData>) => void | No | - | Callback when input is blurred |
 | **Search Configuration** |
 | proxyUrl | string | No | - | Custom proxy URL for API requests (Required for Expo web) |
 | languageCode | string | No | - | Language code (e.g., 'en', 'fr') |

src/GooglePlacesTextInput.tsx

@@ -5,7 +5,14 @@ import {
   useRef,
   useState,
 } from 'react';
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native';
+import type {
+  StyleProp,
+  TextStyle,
+  ViewStyle,
+  TextInputProps,
+  TextInputFocusEventData,
+  NativeSyntheticEvent,
+} from 'react-native';
 import {
   ActivityIndicator,
   FlatList,
@@ -72,7 +79,9 @@ interface GooglePlacesTextInputStyles {
   };
 }
 
-interface GooglePlacesTextInputProps {
+type TextInputInheritedProps = Pick<TextInputProps, 'onFocus' | 'onBlur'>;
+
+interface GooglePlacesTextInputProps extends TextInputInheritedProps {
   apiKey: string;
   value?: string;
   placeHolderText?: string;
@@ -139,6 +148,8 @@ const GooglePlacesTextInput = forwardRef<
       detailsFields = [],
       onError,
       enableDebug = false,
+      onFocus,
+      onBlur,
     },
     ref
   ) => {
@@ -398,7 +409,11 @@ const GooglePlacesTextInput = forwardRef<
       setSessionToken(generateSessionToken());
     };
 
-    const handleFocus = (): void => {
+    const handleFocus = (
+      event: NativeSyntheticEvent<TextInputFocusEventData>
+    ): void => {
+      onFocus?.(event);
+
       if (skipNextFocusFetch.current) {
         skipNextFocusFetch.current = false;
         return;
@@ -409,6 +424,20 @@ const GooglePlacesTextInput = forwardRef<
       }
     };
 
+    const handleBlur = (
+      event: NativeSyntheticEvent<TextInputFocusEventData>
+    ): void => {
+      onBlur?.(event);
+
+      setTimeout(() => {
+        if (suggestionPressing.current) {
+          suggestionPressing.current = false;
+        } else {
+          setShowSuggestions(false);
+        }
+      }, 10);
+    };
+
     const renderSuggestion = ({ item }: { item: PredictionItem }) => {
       const { mainText, secondaryText } = item.placePrediction.structuredFormat;
 
@@ -521,15 +550,7 @@ const GooglePlacesTextInput = forwardRef<
             value={inputText}
             onChangeText={handleTextChange}
             onFocus={handleFocus}
-            onBlur={() => {
-              setTimeout(() => {
-                if (suggestionPressing.current) {
-                  suggestionPressing.current = false;
-                } else {
-                  setShowSuggestions(false);
-                }
-              }, 10);
-            }}
+            onBlur={handleBlur}
             clearButtonMode="never" // Disable iOS native clear button
           />