@spothero/ui 13.9.0 → 13.10.0-beta.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+# 13.10.0-beta.1 - 02/22/2022
+
+## Miscellaneous Updates
+* [[1f46e18](https://github.com/spothero/fe-ui/commit/1f46e18)] - `chore:` Added logging for suggestions, and added origin to biasing options (Nathan)
+
+# 13.10.0-beta.0 - 02/22/2022
+## Miscellaneous Updates
+
+## New Features
+* [[4193a26](https://github.com/spothero/fe-ui/commit/4193a26)] - Updated Autocomplete to accept biasing options (Nathan)
+
+## Miscellaneous Updates
+* [[3a93a18](https://github.com/spothero/fe-ui/commit/3a93a18)] - 13.9.0-beta.0 (sh-devtools-bot)
+* [[e6ab74b](https://github.com/spothero/fe-ui/commit/e6ab74b)] - `chore:` Updated location options (Nathan)
+* [[19f8451](https://github.com/spothero/fe-ui/commit/19f8451)] - `chore:` Updated PropTypes for geolocation biasing (Nathan)
+
 # 13.9.0 - 02/17/2022
 
 ## New Features

package/CHANGELOG.tmp

@@ -1,5 +1,5 @@
-# 13.9.0 - 02/17/2022
+# 13.10.0-beta.1 - 02/22/2022
 
-## New Features
-* [[5229309](https://github.com/spothero/fe-ui/commit/5229309)] - Adds Popover component ([#270](https://github.com/spothero/fe-ui/pull/270)) (Tyler Williams)
+## Miscellaneous Updates
+* [[1f46e18](https://github.com/spothero/fe-ui/commit/1f46e18)] - `chore:` Added logging for suggestions, and added origin to biasing options (Nathan)
 

package/backlog/GooglePlacesSearchInput/GooglePlacesSearchInput.js

@@ -148,10 +148,11 @@ var GooglePlacesSearchInput = /*#__PURE__*/function (_Component) {
       var _this$props = _this.props,
           country = _this$props.country,
           types = _this$props.types,
-          bounds = _this$props.bounds;
+          bounds = _this$props.bounds,
+          biasOptions = _this$props.biasOptions;
       var autocompleteSessionToken = _this.state.autocompleteSessionToken;
 
-      var options = _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+      var options = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({
         input: value
       }, bounds && {
         bounds: bounds
@@ -161,6 +162,10 @@ var GooglePlacesSearchInput = /*#__PURE__*/function (_Component) {
         }
       }), types && {
         types: types
+      }), (biasOptions === null || biasOptions === void 0 ? void 0 : biasOptions.location) && {
+        location: new _this._gmaps.LatLng(location.latitude, location.longitude),
+        radius: biasOptions === null || biasOptions === void 0 ? void 0 : biasOptions.radius,
+        origin: new _this._gmaps.LatLng(location.latitude, location.longitude)
       }), {}, {
         sessionToken: autocompleteSessionToken
       });
@@ -178,6 +183,8 @@ var GooglePlacesSearchInput = /*#__PURE__*/function (_Component) {
           });
         }
 
+        console.log('>>>>>>suggestions', suggestions);
+
         _this.setState({
           suggestions: suggestions
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "13.9.0",
+  "version": "13.10.0-beta.1",
   "description": "SpotHero's React component UI library.",
   "main": "v2/index-bundled-cjs/index.js",
   "module": "v2/index.js",

package/styles/GooglePlacesSearchInput/GooglePlacesSearchInput.jsx

@@ -27,6 +27,25 @@ export default class GooglePlacesSearchInput extends Component {
         googleMaps: PropTypes.object,
         /** A custom element (typically a PoweredByGoogle component) to display at the bottom of the suggestion list. */
         poweredByGoogleFooter: PropTypes.element.isRequired,
+        /** An object containing the bias options */
+        biasOptions: PropTypes.shape({
+            /** The location (lat and long), to bias the search results around.
+             * * @see https://developers.google.com/maps/documentation/javascript/reference/places-autocomplete-service#AutocompletionRequest.location
+             */
+            location: PropTypes.shape({
+                latitude: PropTypes.number,
+                longitude: PropTypes.number,
+            }),
+            /** The radius, in meters, to bias the search results within - required when providing a location for biasing */
+            radius: (props, propName) =>
+                props.biasOptions.location.latitude &&
+                props.biasOptions.location.longitude &&
+                (Boolean(props[propName]) === false ||
+                    typeof props[propName] !== 'number') &&
+                new Error(
+                    'A radius value is required when biasing autocomplete suggestions'
+                ),
+        }),
     };
     static defaultProps = {
         placeholder: 'Search Address or Venue',
@@ -114,7 +133,7 @@ export default class GooglePlacesSearchInput extends Component {
     };
 
     _searchSuggestions = value => {
-        const {country, types, bounds} = this.props;
+        const {country, types, bounds, biasOptions} = this.props;
         const {autocompleteSessionToken} = this.state;
 
         const options = {
@@ -126,6 +145,17 @@ export default class GooglePlacesSearchInput extends Component {
                 },
             }),
             ...(types && {types}),
+            ...(biasOptions?.location && {
+                location: new this._gmaps.LatLng(
+                    location.latitude,
+                    location.longitude
+                ),
+                radius: biasOptions?.radius,
+                origin: new this._gmaps.LatLng(
+                    location.latitude,
+                    location.longitude
+                ),
+            }),
             sessionToken: autocompleteSessionToken,
         };
 
@@ -142,6 +172,8 @@ export default class GooglePlacesSearchInput extends Component {
                 });
             }
 
+            console.log('>>>>>>suggestions', suggestions);
+
             this.setState({
                 suggestions,
             });