@mapcomponents/react-maplibre 0.1.25 → 0.1.26

package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html

@@ -262,7 +262,7 @@ export default MlWmsFeatureInfoPopup;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.js.html

@@ -568,7 +568,7 @@ export default MlWmsLayer;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLayer/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.js.html

@@ -964,7 +964,7 @@ export default MlWmsLoader;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlWmsLoader/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMap.js.html

@@ -280,7 +280,7 @@ export default useMap;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMapState.js.html

@@ -523,7 +523,7 @@ export default useMapState;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useWms.js.html

@@ -310,7 +310,7 @@ function <span class="fstat-no" title="function not covered" >useWms(</span>prop
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
 <span class="cstat-no" title="statement not covered" >    if (!capabilities?.Service) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    setWmsUrl(capabilities.Service.OnlineResource);</span>
+<span class="cstat-no" title="statement not covered" >    setWmsUrl(capabilities.Capability?.Request?.GetMap?.DCPType?.[0]?.HTTP?.Get?.OnlineResource);</span>
     // set getFeatureInfo url
 <span class="cstat-no" title="statement not covered" >    setGetFeatureInfoUrl(</span>
       capabilities.Capability?.Request?.GetFeatureInfo?.DCPType?.[0]?.HTTP?.Get?.OnlineResource
@@ -343,7 +343,7 @@ export default useWms;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/i18n.js.html

@@ -151,7 +151,7 @@ export default i18n;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/index.html

@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/translations/english.js.html

@@ -79,7 +79,7 @@ export default english;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/translations/german.js.html

@@ -79,7 +79,7 @@ export default german;</pre></td></tr></table></pre>
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/translations/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Wed Feb 02 2022 11:57:29 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov.info

@@ -276,12 +276,12 @@ BRH:22
 end_of_record
 TN:
 SF:src/components/MlFollowGps/MlFollowGps.js
-FN:22,(anonymous_0)
-FN:32,(anonymous_1)
-FN:43,(anonymous_2)
-FN:48,(anonymous_3)
-FN:54,(anonymous_4)
-FN:91,(anonymous_5)
+FN:19,(anonymous_0)
+FN:29,(anonymous_1)
+FN:45,(anonymous_2)
+FN:50,(anonymous_3)
+FN:56,(anonymous_4)
+FN:95,(anonymous_5)
 FNF:6
 FNH:4
 FNDA:9,(anonymous_0)
@@ -290,47 +290,47 @@ FNDA:0,(anonymous_2)
 FNDA:7,(anonymous_3)
 FNDA:1,(anonymous_4)
 FNDA:3,(anonymous_5)
-DA:22,1
+DA:19,1
+DA:20,9
+DA:22,9
 DA:23,9
-DA:25,9
+DA:24,9
 DA:26,9
-DA:27,9
-DA:29,9
-DA:31,9
-DA:33,0
-DA:35,0
-DA:36,0
-DA:37,0
+DA:28,9
+DA:30,0
+DA:32,0
 DA:38,0
-DA:43,9
-DA:44,0
-DA:45,0
-DA:48,9
-DA:49,7
-DA:51,5
-DA:52,2
+DA:39,0
+DA:40,0
+DA:45,9
+DA:46,0
+DA:47,0
+DA:50,9
+DA:51,7
+DA:53,5
 DA:54,2
-DA:55,1
-DA:60,9
-DA:92,3
-DA:102,1
-DA:122,1
+DA:56,2
+DA:57,1
+DA:62,9
+DA:96,3
+DA:106,1
+DA:126,1
 LF:25
 LH:18
-BRDA:33,0,0,0
-BRDA:33,0,1,0
-BRDA:49,1,0,2
-BRDA:49,1,1,5
-BRDA:51,2,0,2
-BRDA:51,2,1,3
-BRDA:62,3,0,9
-BRDA:62,3,1,2
-BRDA:62,3,2,0
-BRDA:75,4,0,9
-BRDA:75,4,1,2
-BRDA:75,4,2,0
-BRDA:89,5,0,2
-BRDA:89,5,1,7
+BRDA:30,0,0,0
+BRDA:30,0,1,0
+BRDA:51,1,0,2
+BRDA:51,1,1,5
+BRDA:53,2,0,2
+BRDA:53,2,1,3
+BRDA:64,3,0,9
+BRDA:64,3,1,2
+BRDA:64,3,2,0
+BRDA:77,4,0,9
+BRDA:77,4,1,2
+BRDA:77,4,2,0
+BRDA:93,5,0,2
+BRDA:93,5,1,7
 BRF:14
 BRH:10
 end_of_record
@@ -1265,7 +1265,7 @@ FNDA:4,(anonymous_2)
 FNDA:8,(anonymous_3)
 FNDA:0,(anonymous_4)
 FNDA:4,(anonymous_5)
-DA:5,2
+DA:5,1
 DA:6,12
 DA:8,12
 DA:9,12

package/dist/index.esm.js

@@ -1651,64 +1651,6 @@ MlGeoJsonLayer.propTypes = {
   transitionTime: PropTypes.number
 };
 
-var MlImageMarkerLayer = function MlImageMarkerLayer(props) {
-  var mapHook = useMap({
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer
-  });
-  var layerInitializedRef = useRef(false);
-  var imageIdRef = useRef(props.imageId || "img_" + new Date().getTime());
-  var layerId = useRef(props.layerId || "MlImageMarkerLayer-" + mapHook.componentId);
-  useEffect(function () {
-    if (!mapHook.mapIsReady || mapHook.map && !mapHook.map.getLayer(layerId.current) || !props.options) return; // the MapLibre-gl instance (mapContext.map) is accessible here
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-
-    var key;
-
-    if (props.options.layout) {
-      for (key in props.options.layout) {
-        mapHook.map.setLayoutProperty(layerId.current, key, props.options.layout[key]);
-      }
-    }
-
-    if (props.options.paint) {
-      for (key in props.options.paint) {
-        mapHook.map.setPaintProperty(layerId.current, key, props.options.paint[key]);
-      }
-    }
-  }, [props.options, layerId.current, props.mapId]);
-  var addLayer = useCallback(function () {
-    var tmpOptions = _objectSpread2({
-      id: layerId.current,
-      layout: {}
-    }, props.options);
-
-    tmpOptions.layout["icon-image"] = imageIdRef.current;
-    mapHook.map.addLayer(tmpOptions, props.insertBeforeLayer, mapHook.componentId);
-  }, [props, mapHook.mapIsReady, mapHook.map]);
-  useEffect(function () {
-    if (!props.options || !mapHook.mapIsReady || layerInitializedRef.current) return;
-    layerInitializedRef.current = true;
-
-    if (props.imgSrc) {
-      mapHook.map.loadImage(props.imgSrc, function (error, image) {
-        if (error) throw error;
-        mapHook.map.addImage(imageIdRef.current, image, mapHook.componentId);
-      });
-    }
-
-    addLayer();
-  }, [mapHook.mapIsReady, mapHook.map, addLayer, props]);
-  useEffect(function () {
-    if (!mapHook.mapIsReady || mapHook.map && !mapHook.map.getLayer(layerId.current) || !props.options) {
-      return;
-    }
-
-    mapHook.map.getSource(layerId.current).setData(props.options.source.data);
-  }, [props.options.source.data, props]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-};
-
 /**
  * Adds a button that makes the map follow the users GPS position using
  * navigator.geolocation.watchPosition if activated
@@ -1747,7 +1689,12 @@ var MlFollowGps = function MlFollowGps(props) {
 
   var getLocationSuccess = useCallback(function (pos) {
     if (!mapHook.map) return;
-    mapHook.map.setCenter([pos.coords.longitude, pos.coords.latitude]);
+    mapHook.map.flyTo({
+      center: [pos.coords.longitude, pos.coords.latitude],
+      zoom: 18,
+      speed: 1,
+      curve: 1
+    });
     var geoJsonPoint = point([pos.coords.longitude, pos.coords.latitude]);
     setGeoJson(geoJsonPoint);
     setAccuracyGeoJson(circle(geoJsonPoint, pos.coords.accuracy / 1000));
@@ -1773,16 +1720,18 @@ var MlFollowGps = function MlFollowGps(props) {
     geojson: accuracyGeoJson,
     type: "fill",
     paint: _objectSpread2({
-      "fill-color": "#ee7700",
-      "fill-opacity": 0.5
+      "fill-color": "#cbd300",
+      "fill-opacity": 0.3
     }, props.accuracyPaint),
     insertBeforeLayer: props.insertBeforeLayer
   }), isFollowed && geoJson && /*#__PURE__*/React__default.createElement(MlGeoJsonLayer, {
     geojson: geoJson,
     type: "circle",
     paint: _objectSpread2({
-      "circle-color": "#ee9900",
-      "circle-radius": 5
+      "circle-color": "#009ee0",
+      "circle-radius": 5,
+      "circle-stroke-color": "#fafaff",
+      "circle-stroke-width": 1
     }, props.circlePaint),
     insertBeforeLayer: props.insertBeforeLayer
   }), /*#__PURE__*/React__default.createElement(Button, {
@@ -2043,6 +1992,64 @@ MlCreatePdfButton.propTypes = {
   mapId: PropTypes.string
 };
 
+var MlImageMarkerLayer = function MlImageMarkerLayer(props) {
+  var mapHook = useMap({
+    mapId: props.mapId,
+    waitForLayer: props.insertBeforeLayer
+  });
+  var layerInitializedRef = useRef(false);
+  var imageIdRef = useRef(props.imageId || "img_" + new Date().getTime());
+  var layerId = useRef(props.layerId || "MlImageMarkerLayer-" + mapHook.componentId);
+  useEffect(function () {
+    if (!mapHook.mapIsReady || mapHook.map && !mapHook.map.getLayer(layerId.current) || !props.options) return; // the MapLibre-gl instance (mapContext.map) is accessible here
+    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
+
+    var key;
+
+    if (props.options.layout) {
+      for (key in props.options.layout) {
+        mapHook.map.setLayoutProperty(layerId.current, key, props.options.layout[key]);
+      }
+    }
+
+    if (props.options.paint) {
+      for (key in props.options.paint) {
+        mapHook.map.setPaintProperty(layerId.current, key, props.options.paint[key]);
+      }
+    }
+  }, [props.options, layerId.current, props.mapId]);
+  var addLayer = useCallback(function () {
+    var tmpOptions = _objectSpread2({
+      id: layerId.current,
+      layout: {}
+    }, props.options);
+
+    tmpOptions.layout["icon-image"] = imageIdRef.current;
+    mapHook.map.addLayer(tmpOptions, props.insertBeforeLayer, mapHook.componentId);
+  }, [props, mapHook.mapIsReady, mapHook.map]);
+  useEffect(function () {
+    if (!props.options || !mapHook.mapIsReady || layerInitializedRef.current) return;
+    layerInitializedRef.current = true;
+
+    if (props.imgSrc) {
+      mapHook.map.loadImage(props.imgSrc, function (error, image) {
+        if (error) throw error;
+        mapHook.map.addImage(imageIdRef.current, image, mapHook.componentId);
+      });
+    }
+
+    addLayer();
+  }, [mapHook.mapIsReady, mapHook.map, addLayer, props]);
+  useEffect(function () {
+    if (!mapHook.mapIsReady || mapHook.map && !mapHook.map.getLayer(layerId.current) || !props.options) {
+      return;
+    }
+
+    mapHook.map.getSource(layerId.current).setData(props.options.source.data);
+  }, [props.options.source.data, props]);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+};
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgRotateRight(props) {