feat(DOMMaps): expose withGoogleMaps HOC [PART-1]

[samouss]

Summary

This PR introduces a new HOC for the maps package. It's now part of the public API because we export this component. The HOC gives access to the google object and the googleMapsInstance which is the instance of the map.

Users might want to leverage this to create their own layer on top of our geo search widget. It was already the case with the heatmap PR. Now it's possible to build it in user-land.

We choose the HOC over a render prop because it's easier to build a component with lifecycle hooks out of an HOC. With a render prop you have to create a layer to extract the value and provide it to the component that will use it. We can built an HOC out of render prop so if someone ask for it we can refactor the API to provide both.

Usage

const Heatmap = withGoogleMaps({ google, googleMapsInstance }) => null;

const App = () => (
  <GeoSearch google={google}>
    {() => (
      <Fragment>
        <Heatmap />
      </Fragment>
    )}
  </GeoSearch>
);

[algobot]

Deploy preview for react-instantsearch ready!

Built with commit 9b243db

https://deploy-preview-2000--react-instantsearch.netlify.com

[Haroenv]

seems good