@spothero/ui 13.8.0 → 13.9.0-beta.0

package/CHANGELOG.md

@@ -1,3 +1,8 @@
+# 13.9.0-beta.0 - 02/15/2022
+
+## New Features
+* [[4193a26](https://github.com/spothero/fe-ui/commit/4193a26)] - Updated Autocomplete to accept biasing options (Nathan)
+
 # 13.8.0 - 01/26/2022
 
 ## New Features

package/CHANGELOG.tmp

@@ -1,7 +1,5 @@
-# 13.8.0 - 01/26/2022
+# 13.9.0-beta.0 - 02/15/2022
 
 ## New Features
-* [[c7de948](https://github.com/spothero/fe-ui/commit/c7de948)] - Checkbox Component ([#266](https://github.com/spothero/fe-ui/pull/266)) (Max Rashes)
-	* `feat:` Checkbox component
-	* `feat:` Add focus, hover, disabled state
+* [[4193a26](https://github.com/spothero/fe-ui/commit/4193a26)] - Updated Autocomplete to accept biasing options (Nathan)
 

package/backlog/GooglePlacesSearchInput/GooglePlacesSearchInput.js

@@ -148,10 +148,13 @@ 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,
+          _this$props$biasOptio = _this$props.biasOptions,
+          location = _this$props$biasOptio.location,
+          radius = _this$props$biasOptio.radius;
       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 +164,9 @@ var GooglePlacesSearchInput = /*#__PURE__*/function (_Component) {
         }
       }), types && {
         types: types
+      }), location && {
+        location: location,
+        radius: radius
       }), {}, {
         sessionToken: autocompleteSessionToken
       });
@@ -249,5 +255,8 @@ exports.default = GooglePlacesSearchInput;
 (0, _defineProperty2.default)(GooglePlacesSearchInput, "defaultProps", {
   placeholder: 'Search Address or Venue',
   country: 'us',
-  icon: /*#__PURE__*/_react.default.createElement(_search.default, null)
+  icon: /*#__PURE__*/_react.default.createElement(_search.default, null),
+  biasOptions: {
+    radius: 8000
+  }
 });

package/package.json

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

package/styles/GooglePlacesSearchInput/GooglePlacesSearchInput.jsx

@@ -27,11 +27,26 @@ 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 */
+            radius: PropTypes.number,
+        })
     };
     static defaultProps = {
         placeholder: 'Search Address or Venue',
         country: 'us',
         icon: <IconSearch />,
+        biasOptions: {
+            radius: 8000,
+        }
     };
 
     constructor(props) {
@@ -114,7 +129,7 @@ export default class GooglePlacesSearchInput extends Component {
     };
 
     _searchSuggestions = value => {
-        const {country, types, bounds} = this.props;
+        const {country, types, bounds, biasOptions: {location, radius}} = this.props;
         const {autocompleteSessionToken} = this.state;
 
         const options = {
@@ -126,6 +141,7 @@ export default class GooglePlacesSearchInput extends Component {
                 },
             }),
             ...(types && {types}),
+            ...(location && {location, radius}),
             sessionToken: autocompleteSessionToken,
         };