Allow Persistent Results (#705)

* Allow Persistent Results

- Results from the search can be made to persist after the blur event has been fired and focus from the input is lost.

Author: haydncomley

GooglePlacesAutocomplete.d.ts

@@ -395,6 +395,7 @@ interface GooglePlacesAutocompleteProps {
   listEmptyComponent?: JSX.Element | React.ComponentType<{}>;
   listUnderlayColor?: string;
   listViewDisplayed?: 'auto' | boolean;
+  keepResultsAfterBlur?: boolean;
   minLength?: number; // minimum length of text to search
   // Which API to use: GoogleReverseGeocoding or GooglePlacesSearch
   nearbyPlacesAPI?: 'GoogleReverseGeocoding' | 'GooglePlacesSearch';

GooglePlacesAutocomplete.js

@@ -665,7 +665,9 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
   const _onBlur = (e) => {
     if (e && isNewFocusInAutocompleteResultList(e)) return;
 
-    setListViewDisplayed(false);
+    if (!props.keepResultsAfterBlur) {
+      setListViewDisplayed(false);
+    }
     inputRef?.current?.blur();
   };
 
@@ -846,6 +848,7 @@ GooglePlacesAutocomplete.propTypes = {
   listEmptyComponent: PropTypes.func,
   listUnderlayColor: PropTypes.string,
   listViewDisplayed: PropTypes.oneOf(['auto', PropTypes.bool]),
+  keepResultsAfterBlur: PropTypes.bool,
   minLength: PropTypes.number,
   nearbyPlacesAPI: PropTypes.string,
   numberOfLines: PropTypes.number,
@@ -894,6 +897,7 @@ GooglePlacesAutocomplete.defaultProps = {
   keyboardShouldPersistTaps: 'always',
   listUnderlayColor: '#c8c7cc',
   listViewDisplayed: 'auto',
+  keepResultsAfterBlur: false,
   minLength: 0,
   nearbyPlacesAPI: 'GooglePlacesSearch',
   numberOfLines: 1,