Add queryDelay parameter to Geosuggest, defaulted to 250ms.

src/Geosuggest.jsx

@@ -2,6 +2,7 @@
 
 import React from 'react';
 import classnames from 'classnames';
+import debounce from 'lodash.debounce';
 
 import defaults from './defaults';
 import propTypes from './prop-types';
@@ -32,6 +33,14 @@ class Geosuggest extends React.Component {
       suggests: [],
       timer: null
     };
+
+    this.onInputChange = this.onInputChange.bind(this);
+    this.onAfterInputChange = this.onAfterInputChange.bind(this);
+
+    if (props.queryDelay) {
+      this.onAfterInputChange =
+        debounce(this.onAfterInputChange, props.queryDelay);
+    }
   }
 
   /**
@@ -78,10 +87,12 @@ class Geosuggest extends React.Component {
    * @param {String} userInput The input value of the user
    */
   onInputChange(userInput) {
-    this.setState({userInput}, () => {
-      this.showSuggests();
-      this.props.onChange(userInput);
-    });
+    this.setState({userInput}, this.onAfterInputChange);
+  }
+
+  onAfterInputChange() {
+    this.showSuggests();
+    this.props.onChange(this.state.userInput);
   }
 
   /**
@@ -320,7 +331,7 @@ class Geosuggest extends React.Component {
         ref='input'
         value={this.state.userInput}
         ignoreTab={this.props.ignoreTab}
-        onChange={this.onInputChange.bind(this)}
+        onChange={this.onInputChange}
         onFocus={this.onInputFocus.bind(this)}
         onBlur={this.onInputBlur.bind(this)}
         style={this.props.style.input}

src/defaults.js

@@ -13,6 +13,7 @@ export default {
   bounds: null,
   country: null,
   types: null,
+  queryDelay: 250,
   googleMaps: null,
   onActivateSuggest: () => {},
   onSuggestSelect: () => {},

src/prop-types.js

@@ -18,6 +18,7 @@ export default {
   bounds: React.PropTypes.object,
   country: React.PropTypes.string,
   types: React.PropTypes.array,
+  queryDelay: React.PropTypes.number,
   googleMaps: React.PropTypes.object,
   onSuggestSelect: React.PropTypes.func,
   onFocus: React.PropTypes.func,