react-native-google-places-autocomplete 2.5.1 → 2.5.2

package/GooglePlacesAutocomplete.d.ts

@@ -395,6 +395,7 @@ interface GooglePlacesAutocompleteProps {
   keyboardShouldPersistTaps?: 'never' | 'always' | 'handled';
   /** use the ListEmptyComponent prop when no autocomplete results are found. */
   listEmptyComponent?: JSX.Element | React.ComponentType<{}>;
+  listHoverColor?: string;
   listUnderlayColor?: string;
   listViewDisplayed?: 'auto' | boolean;
   /** minimum length of text to search */

package/GooglePlacesAutocomplete.js

@@ -16,11 +16,11 @@ import {
   Image,
   Keyboard,
   Platform,
+  Pressable,
   ScrollView,
   StyleSheet,
   Text,
   TextInput,
-  TouchableHighlight,
   View,
 } from 'react-native';
 
@@ -144,14 +144,13 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
   const inputRef = useRef();
 
   useEffect(() => {
-    // This will load the default value's search results after the view has
-    // been rendered
+    // This will load the search results after the query object ref gets changed
     _handleChangeText(stateText);
     return () => {
       _abortRequests();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [props.query]);
   useEffect(() => {
     // Update dataSource if props.predefinedPlaces changed
     setDataSource(buildRowsFromResults([]));
@@ -481,6 +480,9 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
 
   const _request = (text) => {
     _abortRequests();
+    if (!url) {
+      return;
+    }
     if (supportedPlatform() && text && text.length >= props.minLength) {
       const request = new XMLHttpRequest();
       _requests.push(request);
@@ -625,12 +627,19 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
         showsHorizontalScrollIndicator={false}
         showsVerticalScrollIndicator={false}
       >
-        <TouchableHighlight
-          style={
-            props.isRowScrollable ? { minWidth: '100%' } : { width: '100%' }
-          }
+        <Pressable
+          style={({ hovered, pressed }) => [
+            props.isRowScrollable ? { minWidth: '100%' } : { width: '100%' },
+            {
+              backgroundColor: pressed
+                ? props.listUnderlayColor
+                : hovered
+                ? props.listHoverColor
+                : undefined,
+            },
+          ]}
           onPress={() => _onPress(rowData)}
-          underlayColor={props.listUnderlayColor || '#c8c7cc'}
+          onBlur={_onBlur}
         >
           <View
             style={[
@@ -642,7 +651,7 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
             {_renderLoader(rowData)}
             {_renderRowData(rowData, index)}
           </View>
-        </TouchableHighlight>
+        </Pressable>
       </ScrollView>
     );
   };
@@ -865,6 +874,7 @@ GooglePlacesAutocomplete.propTypes = {
   isRowScrollable: PropTypes.bool,
   keyboardShouldPersistTaps: PropTypes.oneOf(['never', 'always', 'handled']),
   listEmptyComponent: PropTypes.func,
+  listHoverColor: PropTypes.string,
   listUnderlayColor: PropTypes.string,
   // Must write it this way: https://stackoverflow.com/a/54290946/7180620
   listViewDisplayed: PropTypes.oneOfType([
@@ -919,6 +929,7 @@ GooglePlacesAutocomplete.defaultProps = {
   GoogleReverseGeocodingQuery: {},
   isRowScrollable: true,
   keyboardShouldPersistTaps: 'always',
+  listHoverColor: '#ececec',
   listUnderlayColor: '#c8c7cc',
   listViewDisplayed: 'auto',
   keepResultsAfterBlur: false,

package/README.md

@@ -240,6 +240,7 @@ _This list is a work in progress. PRs welcome!_
 | keepResultsAfterBlur          | boolean  | show list of results after blur                                                                                                                                                                                                             | false                                                             | true \| false                                              |
 | keyboardShouldPersistTaps     | string   | Determines when the keyboard should stay visible after a tap https://reactnative.dev/docs/scrollview#keyboardshouldpersisttaps                                                                                                              | 'always'                                                          | 'never' \| 'always' \| 'handled'                           |
 | listEmptyComponent            | function | use FlatList's ListEmptyComponent prop when no autocomplete results are found.                                                                                                                                                              |                                                                   |                                                            |
+| listHoverColor                | string   | underlay color of the list result when hovered (web only) | '#ececec' | |
 | listUnderlayColor             | string   | underlay color of the list result when pressed https://reactnative.dev/docs/touchablehighlight#underlaycolor                                                                                                                                | '#c8c7cc'                                                         |                                                            |
 | listViewDisplayed             | string   | override the default behavior of showing the list (results) view                                                                                                                                                                            | 'auto'                                                            | 'auto' \| true \| false                                    |
 | minLength                     | number   | minimum length of text to trigger a search                                                                                                                                                                                                  | 0                                                                 |                                                            |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-google-places-autocomplete",
-  "version": "2.5.1",
+  "version": "2.5.2",
   "description": "Customizable Google Places autocomplete component for iOS and Android React-Native apps",
   "main": "GooglePlacesAutocomplete.js",
   "types": "GooglePlacesAutocomplete.d.ts",