diff --git a/src/components/LocationAutocompleteInput/GeocoderGoogleMaps.js b/src/components/LocationAutocompleteInput/GeocoderGoogleMaps.js index 1ba4f2a5..9af86748 100644 --- a/src/components/LocationAutocompleteInput/GeocoderGoogleMaps.js +++ b/src/components/LocationAutocompleteInput/GeocoderGoogleMaps.js @@ -1,5 +1,6 @@ import React from 'react'; // import { types as sdkTypes } from '../../util/sdkLoader'; +import classNames from 'classnames'; import { getPlacePredictions, getPlaceDetails, locationBounds } from '../../util/googleMaps'; import { userLocation } from '../../util/maps'; import css from './LocationAutocompleteInput.css'; @@ -37,7 +38,11 @@ export const defaultPredictions = [ // When displaying data from the Google Maps Places API, and // attribution is required next to the results. // See: https://developers.google.com/places/web-service/policies#powered -export const GeocoderAttribution = () =>
; +export const GeocoderAttribution = props => { + const { rootClassName, className } = props; + const classes = classNames(rootClassName || css.poweredByGoogle, className); + return
; +}; /** * A forward geocoding (place name -> coordinates) implementation diff --git a/src/components/LocationAutocompleteInput/LocationAutocompleteInputImpl.js b/src/components/LocationAutocompleteInput/LocationAutocompleteInputImpl.js index 89e3a882..7a7d5f7e 100644 --- a/src/components/LocationAutocompleteInput/LocationAutocompleteInputImpl.js +++ b/src/components/LocationAutocompleteInput/LocationAutocompleteInputImpl.js @@ -37,6 +37,7 @@ const LocationPredictionsList = props => { const { rootClassName, className, + attributionClassName, predictions, geocoder, highlightedIndex, @@ -81,7 +82,7 @@ const LocationPredictionsList = props => { return (
    {predictions.map(item)}
- +
); }; @@ -89,12 +90,14 @@ const LocationPredictionsList = props => { LocationPredictionsList.defaultProps = { rootClassName: null, className: null, + attributionClassName: null, highlightedIndex: null, }; LocationPredictionsList.propTypes = { rootClassName: string, className: string, + attributionClassName: string, predictions: arrayOf(object).isRequired, geocoder: object.isRequired, highlightedIndex: number, @@ -391,6 +394,7 @@ class LocationAutocompleteInputImpl extends Component { iconClassName, inputClassName, predictionsClassName, + predictionsAttributionClassName, validClassName, placeholder, input, @@ -451,6 +455,7 @@ class LocationAutocompleteInputImpl extends Component { {renderPredictions ? (