@woosmap/ui 2.1.0 → 2.5.0

package/package.json

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

package/src/components/Demo/AddressDemo.js

@@ -220,7 +220,7 @@ export default class AddressDemo extends Component {
                         key="addressAutocomplete"
                         ref={this.addressAutocompleteRef}
                         apiOrder={['address']}
-                        woosmapKey="woos-a362a591-c371-3bff-b193-c7344431a1f0"
+                        woosmapKey={Constants.woosmapKey}
                         placeholder="Start to type in an address"
                         defaultLocality={this.defaultOrigin}
                         language={language}

package/src/components/Demo/MapDemo.js

@@ -46,9 +46,9 @@ export default class MapDemo extends Component {
             styleColor = `
         {featureType: "all", stylers:[{"saturation": -100}]},`;
         }
-        if (style === 'yellow') {
+        if (style === 'blue') {
             styleColor = `
-        {featureType: "all", stylers:[{"hue": "#f3f736"}, {gamma:0.5}]},`;
+        {featureType: "all", stylers:[{"hue": "#4998ff"}, {gamma:0.5}]},`;
         }
         const styleConf = `[${styleColor}
         {featureType: "poi", stylers:[{"visibility":"${hasPois ? 'on' : 'off'}"}]}
@@ -113,11 +113,11 @@ storesOverlay.setMap(map);
                     />
                     <Button
                         type="group"
-                        active={style === 'yellow'}
+                        active={style === 'blue'}
                         onClick={() => {
-                            this.setState({ style: 'yellow' }, this.displayMap);
+                            this.setState({ style: 'blue' }, this.displayMap);
                         }}
-                        label={tr('Yellow')}
+                        label={tr('Blue')}
                     />
                     <Button
                         type="group"
@@ -214,8 +214,8 @@ storesOverlay.setMap(map);
             this.map = new window.woosmap.map.Map(this.mapDivRef.current, {
                 styles,
                 center: {
-                    lat: 51.52,
-                    lng: -0.13,
+                    lat: 51.51,
+                    lng: -0.12,
                 },
                 zoom: 14,
             });
@@ -237,8 +237,8 @@ storesOverlay.setMap(map);
         if (style === 'lightgrey') {
             return { featureType: 'all', stylers: [{ saturation: -100 }] };
         }
-        if (style === 'yellow') {
-            return { featureType: 'all', stylers: [{ hue: '#f3f736' }, { gamma: 0.3 }] };
+        if (style === 'blue') {
+            return { featureType: 'all', stylers: [{ hue: '#4998ff' }, { gamma: 0.3 }] };
         }
         return null;
     };

package/src/components/Woosmap/AddressAutocomplete.js

@@ -138,7 +138,7 @@ export default class AddressAutocomplete extends Component {
         return (
             <>
                 <Script
-                    url="https://develop-sdk.woosmap.com/multisearch/pr/address_details/multisearch.js"
+                    url="https://sdk.woosmap.com/multisearch/multisearch.js"
                     onLoad={this.multisearchScriptLoaded}
                     onError={this.multisearchScriptError}
                 />

package/src/styles/console/skeletondemo.styl

@@ -57,10 +57,13 @@ $mapHeight = 36rem
 			position relative
 			padding 1.6rem 2.6rem 3rem 2.6rem
 		.tab__content
-			height 54.1rem
-			max-height 54.1rem
+			height 49.1rem!important
+			max-height 49.1rem!important
 		.demo__map
-			height 59.5rem
+			height 54rem
+	&--map
+		.demo__map
+			width 55rem
 			
 	&__header
 		padding 0 $contentPadding