feat(places): add Places widget (#4167)

* feat(places): add Places widget

* fix(places): rename `placesClient` to `placesReference`

.storybook/static/storybook.css

@@ -115,7 +115,7 @@ body {
 
 .algolia-places {
   display: block !important;
-  width: 850px;
+  width: 100%;
   margin: 0 auto;
 }
 

package.json

@@ -121,7 +121,7 @@
     "jscodeshift": "0.6.4",
     "jsdom-global": "3.0.2",
     "mversion": "1.13.0",
-    "places.js": "1.16.4",
+    "places.js": "1.16.6",
     "prettier": "1.18.2",
     "rollup": "1.21.4",
     "rollup-plugin-babel": "4.3.3",
@@ -139,7 +139,7 @@
   "bundlesize": [
     {
       "path": "./dist/instantsearch.production.min.js",
-      "maxSize": "62 kB"
+      "maxSize": "63 kB"
     },
     {
       "path": "./dist/instantsearch.development.js",

src/types/widget.ts

@@ -104,6 +104,15 @@ export type IndexUiState = {
   page?: number;
   hitsPerPage?: number;
   configure?: PlainSearchParameters;
+  places?: {
+    query: string;
+    /**
+     * The central geolocation.
+     *
+     * @example '48.8546,2.3477'
+     */
+    position: string;
+  };
 };
 
 export type UiState = {
@@ -130,6 +139,7 @@ export interface Widget {
     | 'ais.menu'
     | 'ais.numericMenu'
     | 'ais.pagination'
+    | 'ais.places'
     | 'ais.poweredBy'
     | 'ais.queryRules'
     | 'ais.range'

src/widgets/index.ts

@@ -38,3 +38,4 @@ export {
   default as queryRuleContext,
 } from './query-rule-context/query-rule-context';
 export { default as index } from './index/index';
+export { default as places } from './places/places';

src/widgets/index/index.ts

@@ -380,6 +380,7 @@ const index = (props: IndexProps): Index => {
             page: ['ais.pagination', 'ais.infiniteHits'],
             hitsPerPage: ['ais.hitsPerPage'],
             configure: ['ais.configure'],
+            places: ['ais.places'],
           };
 
           const mountedWidgets = this.getWidgets()