react-geosuggest - npm Package Compare versions

Comparing version 2.10.0 to 2.11.0

CHANGELOG.md

@@ -0,1 +1,9 @@
+## 2.11.0 (2019-04-05)
+
+
+#### Features
+
+* allow custom props for fixtures ([82735c11](https://github.com/ubilabs/react-geosuggest/commit/82735c11644ee99fa31e5885828dd2f49f39bcd1))
+
+
 ## 2.10.0 (2019-01-18)
@@ -2,0 +10,0 @@

dist/react-geosuggest.js

@@ -1116,13 +1116,6 @@ var Geosuggest = (function (React) {
                         fixturesSearched++;
-                        suggests.push({
-                            className: fixture.className,
-                            isFixture: true,
-                            label: fixture.label,
-                            location: fixture.location,
-                            matchedSubstrings: {
+                        suggests.push(__assign({}, fixture, { isFixture: true, matchedSubstrings: {
                                 length: userInput.length,
                                 offset: fixture.label.indexOf(userInput)
-                            },
-                            placeId: fixture.label
-                        });
+                            }, placeId: fixture.placeId || fixture.label }));
                     }
@@ -1129,0 +1122,0 @@ });

dist/react-geosuggest.min.js

@@ -1,1 +0,1 @@
-var Geosuggest=function(u){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s])})(t,e)};function n(t,e){function s(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(s.prototype=e.prototype,new s)}var a=function(){return(a=Object.assign||function(t){for(var e,s=1,o=arguments.length;s<o;s++)for(var n in e=arguments[s])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var e,r=(function(t){!function(){var r={}.hasOwnProperty;function u(){for(var t=[],e=0;e<arguments.length;e++){var s=arguments[e];if(s){var o=typeof s;if("string"===o||"number"===o)t.push(s);else if(Array.isArray(s)&&s.length){var n=u.apply(null,s);n&&t.push(n)}else if("object"===o)for(var i in s)r.call(s,i)&&s[i]&&t.push(i)}}return t.join(" ")}t.exports?(u.default=u,t.exports=u):window.classNames=u}()}(e={exports:{}},e.exports),e.exports),i=NaN,p="[object Symbol]",l=/^\s+|\s+$/g,g=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,h=/^0o[0-7]+$/i,f=parseInt,s="object"==typeof t&&t&&t.Object===Object&&t,d="object"==typeof self&&self&&self.Object===Object&&self,S=s||d||Function("return this")(),m=Object.prototype.toString,v=Math.max,y=Math.min,b=function(){return S.Date.now()};function I(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function C(t){if("number"==typeof t)return t;if("symbol"==typeof(e=t)||(s=e)&&"object"==typeof s&&m.call(e)==p)return i;var e,s;if(I(t)){var o="function"==typeof t.valueOf?t.valueOf():t;t=I(o)?o+"":o}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(l,"");var n=c.test(t);return n||h.test(t)?f(t.slice(2),n?2:8):g.test(t)?i:+t}var N=function(o,n,t){var i,r,u,a,p,l,g=0,c=!1,h=!1,e=!0;if("function"!=typeof o)throw new TypeError("Expected a function");function f(t){var e=i,s=r;return i=r=void 0,g=t,a=o.apply(s,e)}function d(t){var e=t-l;return void 0===l||n<=e||e<0||h&&u<=t-g}function S(){var t,e,s=b();if(d(s))return m(s);p=setTimeout(S,(e=n-((t=s)-l),h?y(e,u-(t-g)):e))}function m(t){return p=void 0,e&&i?f(t):(i=r=void 0,a)}function s(){var t,e=b(),s=d(e);if(i=arguments,r=this,l=e,s){if(void 0===p)return g=t=l,p=setTimeout(S,n),c?f(t):a;if(h)return p=setTimeout(S,n),f(l)}return void 0===p&&(p=setTimeout(S,n)),a}return n=C(n)||0,I(t)&&(c=!!t.leading,u=(h="maxWait"in t)?v(C(t.maxWait)||0,n):u,e="trailing"in t?!!t.trailing:e),s.cancel=function(){void 0!==p&&clearTimeout(p),i=l=r=p=void(g=0)},s.flush=function(){return void 0===p?a:m(b())},s},w={autoActivateFirstSuggest:!1,disabled:!1,fixtures:[],getSuggestLabel:function(t){return t.description},highlightMatch:!0,ignoreEnter:!1,ignoreTab:!1,initialValue:"",maxFixtures:10,minLength:1,onKeyDown:function(){},onKeyPress:function(){},placeholder:"Search places",queryDelay:250,skipSuggest:function(){return!1},style:{}},M=["autoCapitalize","autoComplete","autoCorrect","autoFocus","disabled","form","formAction","formEncType","formMethod","formNoValidate","formTarget","height","id","inputMode","maxLength","name","onClick","onContextMenu","onCopy","onCut","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onPaste","pattern","placeholder","readOnly","required","size","spellCheck","tabIndex","title","aria-atomic","aria-busy","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription","aria-activedescendant","aria-autocomplete","aria-multiline","aria-placeholder","aria-readonly","aria-required"];function x(e){var s={};return M.forEach(function(t){e[t]&&(s[t]=e[t])}),s}var T=function(s){function t(t){var e=s.call(this,t)||this;return e.input=null,e.onChange=e.onChange.bind(e),e.onInputKeyDown=e.onInputKeyDown.bind(e),e}return n(t,s),t.prototype.onChange=function(){this.input&&this.props.onChange(this.input.value)},t.prototype.onInputKeyDown=function(t){switch(this.props.onKeyDown&&this.props.onKeyDown(t),t.which){case 40:t.shiftKey||(t.preventDefault(),this.props.onNext());break;case 38:t.shiftKey||(t.preventDefault(),this.props.onPrev());break;case 13:this.props.doNotSubmitOnEnter&&t.preventDefault(),this.props.ignoreEnter||this.props.onSelect();break;case 9:this.props.ignoreTab||this.props.onSelect();break;case 27:this.props.onEscape()}},t.prototype.focus=function(){this.input&&this.input.focus()},t.prototype.blur=function(){this.input&&this.input.blur()},t.prototype.render=function(){var e=this,t=x(this.props),s=r("geosuggest__input",this.props.className);return u.createElement("input",a({className:s,ref:function(t){return e.input=t},type:"text"},t,{value:this.props.value,style:this.props.style,onKeyDown:this.onInputKeyDown,onChange:this.onChange,onKeyPress:this.props.onKeyPress,onFocus:this.props.onFocus,onBlur:this.props.onBlur}))},t.defaultProps={autoComplete:"nope",className:"",onBlur:function(){},onChange:function(){},onEscape:function(){},onFocus:function(){},onKeyDown:function(){},onKeyPress:function(){},onNext:function(){},onPrev:function(){},onSelect:function(){},value:""},t}(u.PureComponent),D=function(s){function t(t){var e=s.call(this,t)||this;return e.ref=null,e.onClick=e.onClick.bind(e),e}return n(t,s),t.prototype.makeBold=function(t,e){return u.createElement("b",{className:"geosuggest__item__matched-text",key:e},t)},t.prototype.formatMatchedText=function(t,e){if(!t||!e.matchedSubstrings)return e.label;var s=e.matchedSubstrings.offset,o=s+e.matchedSubstrings.length,n=this.makeBold(e.label.substring(s,o),e.label),i="",r="";return 0<s&&(i=e.label.slice(0,s)),o<e.label.length&&(r=e.label.slice(o)),u.createElement("span",null,i,n,r)},t.prototype.componentWillReceiveProps=function(t){t.isActive&&!this.props.isActive&&this.scrollIfNeeded()},t.prototype.scrollIfNeeded=function(){var t=this.ref,e=t&&t.parentElement;if(t&&e){var s=t.offsetTop-e.offsetTop<e.scrollTop,o=t.offsetTop-e.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight;(s||o)&&(e.scrollTop=t.offsetTop-e.offsetTop-e.clientHeight/2+t.clientHeight/2)}},t.prototype.onClick=function(t){t.preventDefault(),this.props.onSelect(this.props.suggest)},t.prototype.render=function(){var t,e=this,s=this.props.suggest,o=r("geosuggest__item",this.props.className,this.props.suggestItemClassName,{"geosuggest__item--active":this.props.isActive},((t={})[this.props.activeClassName||""]=this.props.activeClassName?this.props.isActive:null,t)),n=s.label;return this.props.renderSuggestItem?n=this.props.renderSuggestItem(s,this.props.userInput):this.props.isHighlightMatch&&(n=this.formatMatchedText(this.props.userInput,s)),u.createElement("li",{className:o,ref:function(t){return e.ref=t},style:this.props.style,onMouseDown:this.props.onMouseDown,onMouseOut:this.props.onMouseOut,onClick:this.onClick},n)},t}(u.PureComponent),O=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.isHidden=function(){return this.props.isHidden||0===this.props.suggests.length},e.prototype.componentWillReceiveProps=function(t){t.suggests!==this.props.suggests&&0===t.suggests.length&&this.props.onSuggestNoResults()},e.prototype.render=function(){var t,s=this,e=r("geosuggest__suggests",this.props.suggestsClassName,{"geosuggest__suggests--hidden":this.isHidden()},((t={})[this.props.hiddenClassName||""]=this.props.hiddenClassName?this.isHidden():null,t));return u.createElement("ul",{className:e,style:this.props.style},this.props.suggests.map(function(t){var e=s.props.activeSuggest&&t.placeId===s.props.activeSuggest.placeId||!1;return u.createElement(D,{key:t.placeId,className:t.className||"",userInput:s.props.userInput,isHighlightMatch:s.props.isHighlightMatch,suggest:t,style:s.props.suggestItemStyle,suggestItemClassName:s.props.suggestItemClassName,isActive:e,activeClassName:s.props.suggestItemActiveClassName,onMouseDown:s.props.onSuggestMouseDown,onMouseOut:s.props.onSuggestMouseOut,onSelect:s.props.onSuggestSelect,renderSuggestItem:s.props.renderSuggestItem})}))},e}(u.PureComponent);return function(s){function t(t){var e=s.call(this,t)||this;return e.googleMaps=null,e.autocompleteService=null,e.placesService=null,e.sessionToken=void 0,e.geocoder=null,e.input=null,e.state={activeSuggest:null,ignoreBlur:!1,isLoading:!1,isSuggestsHidden:!0,suggests:[],userInput:t.initialValue||""},e.onInputChange=e.onInputChange.bind(e),e.onAfterInputChange=e.onAfterInputChange.bind(e),e.onInputFocus=e.onInputFocus.bind(e),e.onInputBlur=e.onInputBlur.bind(e),e.onNext=e.onNext.bind(e),e.onPrev=e.onPrev.bind(e),e.onSelect=e.onSelect.bind(e),e.onSuggestMouseDown=e.onSuggestMouseDown.bind(e),e.onSuggestMouseOut=e.onSuggestMouseOut.bind(e),e.onSuggestNoResults=e.onSuggestNoResults.bind(e),e.hideSuggests=e.hideSuggests.bind(e),e.selectSuggest=e.selectSuggest.bind(e),t.queryDelay&&(e.onAfterInputChange=N(e.onAfterInputChange,t.queryDelay)),e}return n(t,s),t.prototype.componentWillReceiveProps=function(t){this.props.initialValue!==t.initialValue&&this.setState({userInput:t.initialValue||""})},t.prototype.componentWillMount=function(){if("undefined"!=typeof window){var t=this.props.googleMaps||window.google&&window.google.maps||this.googleMaps;t?(this.googleMaps=t,this.autocompleteService=new t.places.AutocompleteService,this.placesService=new t.places.PlacesService(document.createElement("div")),this.sessionToken=new t.places.AutocompleteSessionToken,this.geocoder=new t.Geocoder):console&&console.error("Google maps API was not found in the page.")}},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.onInputChange=function(t){t||this.props.onSuggestSelect&&this.props.onSuggestSelect(),this.setState({userInput:t},this.onAfterInputChange)},t.prototype.onAfterInputChange=function(){this.showSuggests(),this.props.onChange&&this.props.onChange(this.state.userInput)},t.prototype.onInputFocus=function(){this.props.onFocus&&this.props.onFocus(),this.showSuggests()},t.prototype.onInputBlur=function(){this.state.ignoreBlur||this.hideSuggests()},t.prototype.onNext=function(){this.activateSuggest("next")},t.prototype.onPrev=function(){this.activateSuggest("prev")},t.prototype.onSelect=function(){this.selectSuggest(this.state.activeSuggest)},t.prototype.onSuggestMouseDown=function(){this.setState({ignoreBlur:!0})},t.prototype.onSuggestMouseOut=function(){this.setState({ignoreBlur:!1})},t.prototype.onSuggestNoResults=function(){this.props.onSuggestNoResults&&this.props.onSuggestNoResults(this.state.userInput)},t.prototype.focus=function(){this.input&&this.input.focus()},t.prototype.blur=function(){this.input&&this.input.blur()},t.prototype.update=function(t){this.setState({userInput:t}),this.props.onChange&&this.props.onChange(t)},t.prototype.clear=function(){this.setState({userInput:""},this.hideSuggests)},t.prototype.searchSuggests=function(){var e=this;if(this.state.userInput){var t={input:this.state.userInput,sessionToken:this.sessionToken},s=this.state.userInput.length;if(!(this.props.minLength&&s<this.props.minLength)){var o=this.props,n=o.location,i=o.radius,r=o.bounds,u=o.types,a=o.country;n&&(t.location=n),i&&(t.radius=Number(this.props.radius)),r&&(t.bounds=r),u&&(t.types=u),a&&(t.componentRestrictions={country:a}),this.setState({isLoading:!0},function(){e.autocompleteService?e.autocompleteService.getPlacePredictions(t,function(t){e.setState({isLoading:!1}),e.updateSuggests(t||[],function(){e.props.autoActivateFirstSuggest&&!e.state.activeSuggest&&e.activateSuggest("next")})}):e.setState({isLoading:!1})})}}else this.updateSuggests()},t.prototype.updateSuggests=function(t,e){var s=this;void 0===t&&(t=[]),void 0===e&&(e=function(){});var o,n=[],i=this.state.userInput,r=this.props,u=r.skipSuggest,a=r.maxFixtures,p=r.fixtures,l=new RegExp(i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),"gim"),g=0;p&&p.forEach(function(t){a&&a<=g||u&&!u(t)&&t.label.match(l)&&(g++,n.push({className:t.className,isFixture:!0,label:t.label,location:t.location,matchedSubstrings:{length:i.length,offset:t.label.indexOf(i)},placeId:t.label}))}),t.forEach(function(t){u&&!u(t)&&n.push({description:t.description,isFixture:!1,label:s.props.getSuggestLabel?s.props.getSuggestLabel(t):"",matchedSubstrings:t.matched_substrings[0],placeId:t.place_id})}),o=this.updateActiveSuggest(n),this.props.onUpdateSuggests&&this.props.onUpdateSuggests(n,o),this.setState({suggests:n,activeSuggest:o},e)},t.prototype.updateActiveSuggest=function(t){void 0===t&&(t=[]);var e=this.state.activeSuggest;if(e){var s=t.filter(function(t){return e&&e.placeId===t.placeId&&e.isFixture===t.isFixture})[0];e=s||null}return e},t.prototype.showSuggests=function(){this.searchSuggests(),this.setState({isSuggestsHidden:!1})},t.prototype.hideSuggests=function(){var t=this;this.props.onBlur&&this.props.onBlur(this.state.userInput),this.timer=window.setTimeout(function(){t.setState({activeSuggest:null,isSuggestsHidden:!0})},100)},t.prototype.activateSuggest=function(t){if(this.state.isSuggestsHidden)this.showSuggests();else{for(var e=this.state.suggests.length-1,s="next"===t,o=null,n=0,i=0;i<=e;i++)this.state.suggests[i]===this.state.activeSuggest&&(n=s?i+1:i-1);this.state.activeSuggest||(n=s?0:e),0<=n&&n<=e&&(o=this.state.suggests[n]),this.props.onActivateSuggest&&this.props.onActivateSuggest(o),this.setState({activeSuggest:o})}},t.prototype.selectSuggest=function(t){var e=t||{isFixture:!1,label:this.state.userInput,placeId:this.state.userInput};if(this.setState({isSuggestsHidden:!0,userInput:"object"!=typeof e.label?e.label:e.description||""}),e.location)return this.setState({ignoreBlur:!1}),void(this.props.onSuggestSelect&&this.props.onSuggestSelect(e));this.geocodeSuggest(e)},t.prototype.geocodeSuggest=function(i){var r=this;if(this.geocoder)if(i.placeId&&!i.isFixture&&this.placesService){var t={placeId:i.placeId,sessionToken:this.sessionToken};this.props.placeDetailFields&&(t.fields=this.props.placeDetailFields),this.placesService.getDetails(t,function(t,e){if(e===r.googleMaps.places.PlacesServiceStatus.OK){var s=t,o=s.geometry.location,n=a({},i,{gmaps:s,location:{lat:o.lat(),lng:o.lng()}});r.sessionToken=new google.maps.places.AutocompleteSessionToken,r.props.onSuggestSelect&&r.props.onSuggestSelect(n)}})}else{t={address:i.label,bounds:this.props.bounds,componentRestrictions:this.props.country?{country:this.props.country}:void 0,location:this.props.location};this.geocoder.geocode(t,function(t,e){if(e===r.googleMaps.GeocoderStatus.OK){var s=t[0],o=s.geometry.location,n=a({},i,{gmaps:s,location:{lat:o.lat(),lng:o.lng()}});r.props.onSuggestSelect&&r.props.onSuggestSelect(n)}})}},t.prototype.render=function(){var e=this,t=x(this.props),s=r("geosuggest",this.props.className,{"geosuggest--loading":this.state.isLoading}),o=this.props.label&&t.id,n=u.createElement(T,a({className:this.props.inputClassName,ref:function(t){return e.input=t},value:this.state.userInput,doNotSubmitOnEnter:!this.state.isSuggestsHidden,ignoreTab:this.props.ignoreTab,ignoreEnter:this.props.ignoreEnter,style:this.props.style&&this.props.style.input,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.props.onKeyDown,onKeyPress:this.props.onKeyPress,onNext:this.onNext,onPrev:this.onPrev,onSelect:this.onSelect,onEscape:this.hideSuggests},t)),i=u.createElement(O,{isHidden:this.state.isSuggestsHidden,style:this.props.style&&this.props.style.suggests,suggestItemStyle:this.props.style&&this.props.style.suggestItem,userInput:this.state.userInput,isHighlightMatch:Boolean(this.props.highlightMatch),suggestsClassName:this.props.suggestsClassName,suggestItemClassName:this.props.suggestItemClassName,suggests:this.state.suggests,hiddenClassName:this.props.suggestsHiddenClassName,suggestItemActiveClassName:this.props.suggestItemActiveClassName,activeSuggest:this.state.activeSuggest,onSuggestNoResults:this.onSuggestNoResults,onSuggestMouseDown:this.onSuggestMouseDown,onSuggestMouseOut:this.onSuggestMouseOut,onSuggestSelect:this.selectSuggest,renderSuggestItem:this.props.renderSuggestItem});return u.createElement("div",{className:s},u.createElement("div",{className:"geosuggest__input-wrapper"},o&&u.createElement("label",{className:"geosuggest__label",htmlFor:t.id},this.props.label),n),u.createElement("div",{className:"geosuggest__suggests-wrapper"},i))},t.defaultProps=w,t}(u.Component)}(React);
+var Geosuggest=function(u){"use strict";var o=function(t,e){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var s in e)e.hasOwnProperty(s)&&(t[s]=e[s])})(t,e)};function n(t,e){function s(){this.constructor=t}o(t,e),t.prototype=null===e?Object.create(e):(s.prototype=e.prototype,new s)}var c=function(){return(c=Object.assign||function(t){for(var e,s=1,o=arguments.length;s<o;s++)for(var n in e=arguments[s])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},t="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};var e,r=(function(t){!function(){var r={}.hasOwnProperty;function u(){for(var t=[],e=0;e<arguments.length;e++){var s=arguments[e];if(s){var o=typeof s;if("string"===o||"number"===o)t.push(s);else if(Array.isArray(s)&&s.length){var n=u.apply(null,s);n&&t.push(n)}else if("object"===o)for(var i in s)r.call(s,i)&&s[i]&&t.push(i)}}return t.join(" ")}t.exports?(u.default=u,t.exports=u):window.classNames=u}()}(e={exports:{}},e.exports),e.exports),i=NaN,p="[object Symbol]",a=/^\s+|\s+$/g,g=/^[-+]0x[0-9a-f]+$/i,l=/^0b[01]+$/i,h=/^0o[0-7]+$/i,f=parseInt,s="object"==typeof t&&t&&t.Object===Object&&t,d="object"==typeof self&&self&&self.Object===Object&&self,S=s||d||Function("return this")(),m=Object.prototype.toString,v=Math.max,y=Math.min,b=function(){return S.Date.now()};function I(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function C(t){if("number"==typeof t)return t;if("symbol"==typeof(e=t)||(s=e)&&"object"==typeof s&&m.call(e)==p)return i;var e,s;if(I(t)){var o="function"==typeof t.valueOf?t.valueOf():t;t=I(o)?o+"":o}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(a,"");var n=l.test(t);return n||h.test(t)?f(t.slice(2),n?2:8):g.test(t)?i:+t}var w=function(o,n,t){var i,r,u,p,a,g,l=0,c=!1,h=!1,e=!0;if("function"!=typeof o)throw new TypeError("Expected a function");function f(t){var e=i,s=r;return i=r=void 0,l=t,p=o.apply(s,e)}function d(t){var e=t-g;return void 0===g||n<=e||e<0||h&&u<=t-l}function S(){var t,e,s=b();if(d(s))return m(s);a=setTimeout(S,(e=n-((t=s)-g),h?y(e,u-(t-l)):e))}function m(t){return a=void 0,e&&i?f(t):(i=r=void 0,p)}function s(){var t,e=b(),s=d(e);if(i=arguments,r=this,g=e,s){if(void 0===a)return l=t=g,a=setTimeout(S,n),c?f(t):p;if(h)return a=setTimeout(S,n),f(g)}return void 0===a&&(a=setTimeout(S,n)),p}return n=C(n)||0,I(t)&&(c=!!t.leading,u=(h="maxWait"in t)?v(C(t.maxWait)||0,n):u,e="trailing"in t?!!t.trailing:e),s.cancel=function(){void 0!==a&&clearTimeout(a),i=g=r=a=void(l=0)},s.flush=function(){return void 0===a?p:m(b())},s},N={autoActivateFirstSuggest:!1,disabled:!1,fixtures:[],getSuggestLabel:function(t){return t.description},highlightMatch:!0,ignoreEnter:!1,ignoreTab:!1,initialValue:"",maxFixtures:10,minLength:1,onKeyDown:function(){},onKeyPress:function(){},placeholder:"Search places",queryDelay:250,skipSuggest:function(){return!1},style:{}},M=["autoCapitalize","autoComplete","autoCorrect","autoFocus","disabled","form","formAction","formEncType","formMethod","formNoValidate","formTarget","height","id","inputMode","maxLength","name","onClick","onContextMenu","onCopy","onCut","onDoubleClick","onMouseDown","onMouseEnter","onMouseLeave","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onPaste","pattern","placeholder","readOnly","required","size","spellCheck","tabIndex","title","aria-atomic","aria-busy","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-dropeffect","aria-errormessage","aria-flowto","aria-grabbed","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-live","aria-owns","aria-relevant","aria-roledescription","aria-activedescendant","aria-autocomplete","aria-multiline","aria-placeholder","aria-readonly","aria-required"];function x(e){var s={};return M.forEach(function(t){e[t]&&(s[t]=e[t])}),s}var T=function(s){function t(t){var e=s.call(this,t)||this;return e.input=null,e.onChange=e.onChange.bind(e),e.onInputKeyDown=e.onInputKeyDown.bind(e),e}return n(t,s),t.prototype.onChange=function(){this.input&&this.props.onChange(this.input.value)},t.prototype.onInputKeyDown=function(t){switch(this.props.onKeyDown&&this.props.onKeyDown(t),t.which){case 40:t.shiftKey||(t.preventDefault(),this.props.onNext());break;case 38:t.shiftKey||(t.preventDefault(),this.props.onPrev());break;case 13:this.props.doNotSubmitOnEnter&&t.preventDefault(),this.props.ignoreEnter||this.props.onSelect();break;case 9:this.props.ignoreTab||this.props.onSelect();break;case 27:this.props.onEscape()}},t.prototype.focus=function(){this.input&&this.input.focus()},t.prototype.blur=function(){this.input&&this.input.blur()},t.prototype.render=function(){var e=this,t=x(this.props),s=r("geosuggest__input",this.props.className);return u.createElement("input",c({className:s,ref:function(t){return e.input=t},type:"text"},t,{value:this.props.value,style:this.props.style,onKeyDown:this.onInputKeyDown,onChange:this.onChange,onKeyPress:this.props.onKeyPress,onFocus:this.props.onFocus,onBlur:this.props.onBlur}))},t.defaultProps={autoComplete:"nope",className:"",onBlur:function(){},onChange:function(){},onEscape:function(){},onFocus:function(){},onKeyDown:function(){},onKeyPress:function(){},onNext:function(){},onPrev:function(){},onSelect:function(){},value:""},t}(u.PureComponent),D=function(s){function t(t){var e=s.call(this,t)||this;return e.ref=null,e.onClick=e.onClick.bind(e),e}return n(t,s),t.prototype.makeBold=function(t,e){return u.createElement("b",{className:"geosuggest__item__matched-text",key:e},t)},t.prototype.formatMatchedText=function(t,e){if(!t||!e.matchedSubstrings)return e.label;var s=e.matchedSubstrings.offset,o=s+e.matchedSubstrings.length,n=this.makeBold(e.label.substring(s,o),e.label),i="",r="";return 0<s&&(i=e.label.slice(0,s)),o<e.label.length&&(r=e.label.slice(o)),u.createElement("span",null,i,n,r)},t.prototype.componentWillReceiveProps=function(t){t.isActive&&!this.props.isActive&&this.scrollIfNeeded()},t.prototype.scrollIfNeeded=function(){var t=this.ref,e=t&&t.parentElement;if(t&&e){var s=t.offsetTop-e.offsetTop<e.scrollTop,o=t.offsetTop-e.offsetTop+t.clientHeight>e.scrollTop+e.clientHeight;(s||o)&&(e.scrollTop=t.offsetTop-e.offsetTop-e.clientHeight/2+t.clientHeight/2)}},t.prototype.onClick=function(t){t.preventDefault(),this.props.onSelect(this.props.suggest)},t.prototype.render=function(){var t,e=this,s=this.props.suggest,o=r("geosuggest__item",this.props.className,this.props.suggestItemClassName,{"geosuggest__item--active":this.props.isActive},((t={})[this.props.activeClassName||""]=this.props.activeClassName?this.props.isActive:null,t)),n=s.label;return this.props.renderSuggestItem?n=this.props.renderSuggestItem(s,this.props.userInput):this.props.isHighlightMatch&&(n=this.formatMatchedText(this.props.userInput,s)),u.createElement("li",{className:o,ref:function(t){return e.ref=t},style:this.props.style,onMouseDown:this.props.onMouseDown,onMouseOut:this.props.onMouseOut,onClick:this.onClick},n)},t}(u.PureComponent),O=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return n(e,t),e.prototype.isHidden=function(){return this.props.isHidden||0===this.props.suggests.length},e.prototype.componentWillReceiveProps=function(t){t.suggests!==this.props.suggests&&0===t.suggests.length&&this.props.onSuggestNoResults()},e.prototype.render=function(){var t,s=this,e=r("geosuggest__suggests",this.props.suggestsClassName,{"geosuggest__suggests--hidden":this.isHidden()},((t={})[this.props.hiddenClassName||""]=this.props.hiddenClassName?this.isHidden():null,t));return u.createElement("ul",{className:e,style:this.props.style},this.props.suggests.map(function(t){var e=s.props.activeSuggest&&t.placeId===s.props.activeSuggest.placeId||!1;return u.createElement(D,{key:t.placeId,className:t.className||"",userInput:s.props.userInput,isHighlightMatch:s.props.isHighlightMatch,suggest:t,style:s.props.suggestItemStyle,suggestItemClassName:s.props.suggestItemClassName,isActive:e,activeClassName:s.props.suggestItemActiveClassName,onMouseDown:s.props.onSuggestMouseDown,onMouseOut:s.props.onSuggestMouseOut,onSelect:s.props.onSuggestSelect,renderSuggestItem:s.props.renderSuggestItem})}))},e}(u.PureComponent);return function(s){function t(t){var e=s.call(this,t)||this;return e.googleMaps=null,e.autocompleteService=null,e.placesService=null,e.sessionToken=void 0,e.geocoder=null,e.input=null,e.state={activeSuggest:null,ignoreBlur:!1,isLoading:!1,isSuggestsHidden:!0,suggests:[],userInput:t.initialValue||""},e.onInputChange=e.onInputChange.bind(e),e.onAfterInputChange=e.onAfterInputChange.bind(e),e.onInputFocus=e.onInputFocus.bind(e),e.onInputBlur=e.onInputBlur.bind(e),e.onNext=e.onNext.bind(e),e.onPrev=e.onPrev.bind(e),e.onSelect=e.onSelect.bind(e),e.onSuggestMouseDown=e.onSuggestMouseDown.bind(e),e.onSuggestMouseOut=e.onSuggestMouseOut.bind(e),e.onSuggestNoResults=e.onSuggestNoResults.bind(e),e.hideSuggests=e.hideSuggests.bind(e),e.selectSuggest=e.selectSuggest.bind(e),t.queryDelay&&(e.onAfterInputChange=w(e.onAfterInputChange,t.queryDelay)),e}return n(t,s),t.prototype.componentWillReceiveProps=function(t){this.props.initialValue!==t.initialValue&&this.setState({userInput:t.initialValue||""})},t.prototype.componentWillMount=function(){if("undefined"!=typeof window){var t=this.props.googleMaps||window.google&&window.google.maps||this.googleMaps;t?(this.googleMaps=t,this.autocompleteService=new t.places.AutocompleteService,this.placesService=new t.places.PlacesService(document.createElement("div")),this.sessionToken=new t.places.AutocompleteSessionToken,this.geocoder=new t.Geocoder):console&&console.error("Google maps API was not found in the page.")}},t.prototype.componentWillUnmount=function(){clearTimeout(this.timer)},t.prototype.onInputChange=function(t){t||this.props.onSuggestSelect&&this.props.onSuggestSelect(),this.setState({userInput:t},this.onAfterInputChange)},t.prototype.onAfterInputChange=function(){this.showSuggests(),this.props.onChange&&this.props.onChange(this.state.userInput)},t.prototype.onInputFocus=function(){this.props.onFocus&&this.props.onFocus(),this.showSuggests()},t.prototype.onInputBlur=function(){this.state.ignoreBlur||this.hideSuggests()},t.prototype.onNext=function(){this.activateSuggest("next")},t.prototype.onPrev=function(){this.activateSuggest("prev")},t.prototype.onSelect=function(){this.selectSuggest(this.state.activeSuggest)},t.prototype.onSuggestMouseDown=function(){this.setState({ignoreBlur:!0})},t.prototype.onSuggestMouseOut=function(){this.setState({ignoreBlur:!1})},t.prototype.onSuggestNoResults=function(){this.props.onSuggestNoResults&&this.props.onSuggestNoResults(this.state.userInput)},t.prototype.focus=function(){this.input&&this.input.focus()},t.prototype.blur=function(){this.input&&this.input.blur()},t.prototype.update=function(t){this.setState({userInput:t}),this.props.onChange&&this.props.onChange(t)},t.prototype.clear=function(){this.setState({userInput:""},this.hideSuggests)},t.prototype.searchSuggests=function(){var e=this;if(this.state.userInput){var t={input:this.state.userInput,sessionToken:this.sessionToken},s=this.state.userInput.length;if(!(this.props.minLength&&s<this.props.minLength)){var o=this.props,n=o.location,i=o.radius,r=o.bounds,u=o.types,p=o.country;n&&(t.location=n),i&&(t.radius=Number(this.props.radius)),r&&(t.bounds=r),u&&(t.types=u),p&&(t.componentRestrictions={country:p}),this.setState({isLoading:!0},function(){e.autocompleteService?e.autocompleteService.getPlacePredictions(t,function(t){e.setState({isLoading:!1}),e.updateSuggests(t||[],function(){e.props.autoActivateFirstSuggest&&!e.state.activeSuggest&&e.activateSuggest("next")})}):e.setState({isLoading:!1})})}}else this.updateSuggests()},t.prototype.updateSuggests=function(t,e){var s=this;void 0===t&&(t=[]),void 0===e&&(e=function(){});var o,n=[],i=this.state.userInput,r=this.props,u=r.skipSuggest,p=r.maxFixtures,a=r.fixtures,g=new RegExp(i.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"),"gim"),l=0;a&&a.forEach(function(t){p&&p<=l||u&&!u(t)&&t.label.match(g)&&(l++,n.push(c({},t,{isFixture:!0,matchedSubstrings:{length:i.length,offset:t.label.indexOf(i)},placeId:t.placeId||t.label})))}),t.forEach(function(t){u&&!u(t)&&n.push({description:t.description,isFixture:!1,label:s.props.getSuggestLabel?s.props.getSuggestLabel(t):"",matchedSubstrings:t.matched_substrings[0],placeId:t.place_id})}),o=this.updateActiveSuggest(n),this.props.onUpdateSuggests&&this.props.onUpdateSuggests(n,o),this.setState({suggests:n,activeSuggest:o},e)},t.prototype.updateActiveSuggest=function(t){void 0===t&&(t=[]);var e=this.state.activeSuggest;if(e){var s=t.filter(function(t){return e&&e.placeId===t.placeId&&e.isFixture===t.isFixture})[0];e=s||null}return e},t.prototype.showSuggests=function(){this.searchSuggests(),this.setState({isSuggestsHidden:!1})},t.prototype.hideSuggests=function(){var t=this;this.props.onBlur&&this.props.onBlur(this.state.userInput),this.timer=window.setTimeout(function(){t.setState({activeSuggest:null,isSuggestsHidden:!0})},100)},t.prototype.activateSuggest=function(t){if(this.state.isSuggestsHidden)this.showSuggests();else{for(var e=this.state.suggests.length-1,s="next"===t,o=null,n=0,i=0;i<=e;i++)this.state.suggests[i]===this.state.activeSuggest&&(n=s?i+1:i-1);this.state.activeSuggest||(n=s?0:e),0<=n&&n<=e&&(o=this.state.suggests[n]),this.props.onActivateSuggest&&this.props.onActivateSuggest(o),this.setState({activeSuggest:o})}},t.prototype.selectSuggest=function(t){var e=t||{isFixture:!1,label:this.state.userInput,placeId:this.state.userInput};if(this.setState({isSuggestsHidden:!0,userInput:"object"!=typeof e.label?e.label:e.description||""}),e.location)return this.setState({ignoreBlur:!1}),void(this.props.onSuggestSelect&&this.props.onSuggestSelect(e));this.geocodeSuggest(e)},t.prototype.geocodeSuggest=function(i){var r=this;if(this.geocoder)if(i.placeId&&!i.isFixture&&this.placesService){var t={placeId:i.placeId,sessionToken:this.sessionToken};this.props.placeDetailFields&&(t.fields=this.props.placeDetailFields),this.placesService.getDetails(t,function(t,e){if(e===r.googleMaps.places.PlacesServiceStatus.OK){var s=t,o=s.geometry.location,n=c({},i,{gmaps:s,location:{lat:o.lat(),lng:o.lng()}});r.sessionToken=new google.maps.places.AutocompleteSessionToken,r.props.onSuggestSelect&&r.props.onSuggestSelect(n)}})}else{t={address:i.label,bounds:this.props.bounds,componentRestrictions:this.props.country?{country:this.props.country}:void 0,location:this.props.location};this.geocoder.geocode(t,function(t,e){if(e===r.googleMaps.GeocoderStatus.OK){var s=t[0],o=s.geometry.location,n=c({},i,{gmaps:s,location:{lat:o.lat(),lng:o.lng()}});r.props.onSuggestSelect&&r.props.onSuggestSelect(n)}})}},t.prototype.render=function(){var e=this,t=x(this.props),s=r("geosuggest",this.props.className,{"geosuggest--loading":this.state.isLoading}),o=this.props.label&&t.id,n=u.createElement(T,c({className:this.props.inputClassName,ref:function(t){return e.input=t},value:this.state.userInput,doNotSubmitOnEnter:!this.state.isSuggestsHidden,ignoreTab:this.props.ignoreTab,ignoreEnter:this.props.ignoreEnter,style:this.props.style&&this.props.style.input,onChange:this.onInputChange,onFocus:this.onInputFocus,onBlur:this.onInputBlur,onKeyDown:this.props.onKeyDown,onKeyPress:this.props.onKeyPress,onNext:this.onNext,onPrev:this.onPrev,onSelect:this.onSelect,onEscape:this.hideSuggests},t)),i=u.createElement(O,{isHidden:this.state.isSuggestsHidden,style:this.props.style&&this.props.style.suggests,suggestItemStyle:this.props.style&&this.props.style.suggestItem,userInput:this.state.userInput,isHighlightMatch:Boolean(this.props.highlightMatch),suggestsClassName:this.props.suggestsClassName,suggestItemClassName:this.props.suggestItemClassName,suggests:this.state.suggests,hiddenClassName:this.props.suggestsHiddenClassName,suggestItemActiveClassName:this.props.suggestItemActiveClassName,activeSuggest:this.state.activeSuggest,onSuggestNoResults:this.onSuggestNoResults,onSuggestMouseDown:this.onSuggestMouseDown,onSuggestMouseOut:this.onSuggestMouseOut,onSuggestSelect:this.selectSuggest,renderSuggestItem:this.props.renderSuggestItem});return u.createElement("div",{className:s},u.createElement("div",{className:"geosuggest__input-wrapper"},o&&u.createElement("label",{className:"geosuggest__label",htmlFor:t.id},this.props.label),n),u.createElement("div",{className:"geosuggest__suggests-wrapper"},i))},t.defaultProps=N,t}(u.Component)}(React);

module/Geosuggest.esm.js

@@ -1115,13 +1115,6 @@ import { createElement, Component, PureComponent } from 'react';
                     fixturesSearched++;
-                    suggests.push({
-                        className: fixture.className,
-                        isFixture: true,
-                        label: fixture.label,
-                        location: fixture.location,
-                        matchedSubstrings: {
+                    suggests.push(__assign({}, fixture, { isFixture: true, matchedSubstrings: {
                             length: userInput.length,
                             offset: fixture.label.indexOf(userInput)
-                        },
-                        placeId: fixture.label
-                    });
+                        }, placeId: fixture.placeId || fixture.label }));
                 }
@@ -1128,0 +1121,0 @@ });

module/Geosuggest.umd.js

@@ -1119,13 +1119,6 @@ (function (global, factory) {
                         fixturesSearched++;
-                        suggests.push({
-                            className: fixture.className,
-                            isFixture: true,
-                            label: fixture.label,
-                            location: fixture.location,
-                            matchedSubstrings: {
+                        suggests.push(__assign({}, fixture, { isFixture: true, matchedSubstrings: {
                                 length: userInput.length,
                                 offset: fixture.label.indexOf(userInput)
-                            },
-                            placeId: fixture.label
-                        });
+                            }, placeId: fixture.placeId || fixture.label }));
                     }
@@ -1132,0 +1125,0 @@ });

package.json

 {
   "name": "react-geosuggest",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "A React autosuggest for the Google Maps Places API.",
@@ -5,0 +5,0 @@ "main": "module/Geosuggest.umd.js",

No alert changes

Improved metrics

Total package byte prevSize

898747

increased by9.05%

Number of package files

721

increased by12.13%

Worsened metrics

Lines of code

3913

decreased by-0.53%

No dependency changes