@woosmap/ui 3.26.0 → 3.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "3.26.0",
+  "version": "3.27.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Demo/DistanceDemo.js

@@ -210,6 +210,7 @@ export default class DistanceDemo extends Component {
         }
 
         if (window.woosmap && window.woosmap.map && this.demoRef.current) {
+            window.woosmap.map.config.setApiKey(Constants.woosmapKey);
             this.map = createWoosmapMap(this.demoRef.current.getMap());
             this.requestDistance();
         } else {
@@ -218,6 +219,9 @@ export default class DistanceDemo extends Component {
     };
 
     localitiesOnChangeCallBack = (type) => (item) => {
+        if (!item) {
+            return;
+        }
         const newState = {};
         newState[`${type}Location`] = item ? item.location : {};
         this.setState(newState, this.requestDistance);
@@ -346,7 +350,7 @@ export default class DistanceDemo extends Component {
         };
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.woosmapKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     id="distance-demo"
                     className="demo--distance"

package/src/components/Demo/GeolocationDemo.js

@@ -180,6 +180,7 @@ export default class GeolocationDemo extends Component {
         }
 
         if (window.woosmap && window.woosmap.map && this.demoRef.current) {
+            window.woosmap.map.config.setApiKey(Constants.geolocationWoosmapSearchKey);
             this.map = createWoosmapMap(this.demoRef.current.getMap());
             this.requestGeolocation();
         } else {
@@ -211,7 +212,7 @@ export default class GeolocationDemo extends Component {
         }
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.geolocationWoosmapSearchKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     className="demo--geolocation"
                     docLink="https://developers.woosmap.com/products/geolocation-api/location/"

package/src/components/Demo/LocalitiesAddressDemo.js

@@ -328,6 +328,7 @@ export default class LocalitiesAddressDemo extends Component {
         }
 
         if (window.woosmap && window.woosmap.map && this.demoRef.current) {
+            window.woosmap.map.config.setApiKey(Constants.woosmapKey);
             this.map = createWoosmapMap(this.demoRef.current.getMap());
             this.requestAddress();
         } else {
@@ -344,7 +345,7 @@ export default class LocalitiesAddressDemo extends Component {
         }
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.woosmapKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     noheader={noheader}
                     header={headerLabels}

package/src/components/Demo/LocalitiesDemo.js

@@ -195,6 +195,7 @@ export default class LocalitiesDemo extends Component {
         }
 
         if (window.woosmap && window.woosmap.map && this.demoRef.current) {
+            window.woosmap.map.config.setApiKey(Constants.woosmapKey);
             this.map = createWoosmapMap(this.demoRef.current.getMap());
             this.requestLocalities();
         } else {
@@ -268,7 +269,7 @@ export default class LocalitiesDemo extends Component {
         const { noheader, headerLabels, subHeader } = this.props;
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.woosmapKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     id="localities-demo"
                     header={headerLabels}

package/src/components/Demo/MapDemo.js

@@ -2,7 +2,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import Demo from './SkeletonDemo';
-import Constants from '../../Constants';
 import Button from '../Button/Button';
 import ButtonGroup from '../Button/ButtonGroup';
 import marker from '../../images/marker.png';
@@ -253,7 +252,7 @@ storesOverlay.setMap(map);
         };
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.woosmapKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     ref={this.demoRef}
                     header={headerLabels}

package/src/components/Demo/SearchDemo.js

@@ -73,7 +73,7 @@ export default class SearchDemo extends Component {
             key: Constants.woosmapKey,
             lat: location.lat,
             lng: location.lng,
-            stores_by_page: maxStore,
+            stores_by_page: maxStore || '5',
             query,
         };
     };
@@ -190,6 +190,7 @@ export default class SearchDemo extends Component {
         if (this.timeoutMap) clearTimeout(this.timeoutMap);
 
         if (window.woosmap && window.woosmap.map && this.demoRef.current) {
+            window.woosmap.map.config.setApiKey(Constants.woosmapKey);
             this.map = createWoosmapMap(this.demoRef.current.getMap());
             this.requestSearch();
         } else {
@@ -310,7 +311,7 @@ export default class SearchDemo extends Component {
         };
         return (
             <>
-                <Script url={`https://sdk.woosmap.com/map/map.js?key=${Constants.woosmapKey}`} />
+                <Script url="https://sdk.woosmap.com/map/map.js" />
                 <Demo
                     id="search-demo"
                     className="demo--search"

package/src/components/Dropdown/Dropdown.js

@@ -313,7 +313,7 @@ class Dropdown extends Component {
             }
             this.mouseLeaveTimeout = setTimeout(() => {
                 this.setOpen(false);
-            }, 500);
+            }, 300);
         }
     };
 

package/src/components/Map/drawOnMap.js

@@ -126,6 +126,7 @@ export const createWoosmapMap = (node) => {
             ],
         });
     } catch (e) {
+        console.error('Cound not instantiate a Map');
         console.error(e);
         return null;
     }

package/src/index.js

@@ -46,6 +46,7 @@ export { default as withClickOutside } from './components/withClickOutside/withC
 export { default as withFormValidation } from './components/withFormValidation/withFormValidation';
 export { default as Marker } from './components/Map/Marker';
 export { default as LocalitiesDemo } from './components/Demo/LocalitiesDemo';
+export { default as LocalitiesAllDemo } from './components/Demo/LocalitiesAllDemo';
 export { default as MerchantDemo } from './components/Demo/MerchantDemo';
 export { default as GeolocationDemo } from './components/Demo/GeolocationDemo';
 export { default as DistanceDemo } from './components/Demo/DistanceDemo';