@mapcomponents/react-maplibre 0.1.57 → 0.1.59

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

@@ -382,12 +382,12 @@ import useMap from "../../hooks/useMap";
 import PropTypes from "prop-types";
  
 interface MlVectorTileLayerProps {
-  mapId?: string;
-  insertBeforeLayer?: string;
-  layerId?: string;
-  sourceOptions?: any;
-  url?: string;
-  layers?: any;
+	mapId?: string;
+	insertBeforeLayer?: string;
+	layerId?: string;
+	sourceOptions?: any;
+	url?: string;
+	layers?: any;
 }
  
 /**
@@ -397,140 +397,140 @@ interface MlVectorTileLayerProps {
  * @component
  */
 const MlVectorTileLayer = (props: MlVectorTileLayerProps) => {
-  const mapHook = useMap({
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
+	const mapHook = useMap({
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
  
-  const layerIdsRef = useRef({});
-  const layerId = useRef(props.layerId || "MlVectorTileLayer-" + mapHook.componentId);
-  const layerPaintConfsRef = useRef({});
-  const layerLayoutConfsRef = useRef({});
-  const initializedRef = useRef(false);
+	const layerIdsRef = useRef({});
+	const layerId = useRef(props.layerId || "MlVectorTileLayer-" + mapHook.componentId);
+	const layerPaintConfsRef = useRef({});
+	const layerLayoutConfsRef = useRef({});
+	const initializedRef = useRef(false);
  
-  const createLayer = useCallback(() => {
-    if (!mapHook.map) return;
+	const createLayer = useCallback(() => {
+		if (!mapHook.map) return;
  
-    initializedRef.current = true;
+		initializedRef.current = true;
  
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (mapHook.map.map.getLayer(layerId.current)) {
-<span class="cstat-no" title="statement not covered" >      mapHook.cleanup();</span>
-    }
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (mapHook.map.map.getLayer(layerId.current)) {
+<span class="cstat-no" title="statement not covered" >			mapHook.cleanup();</span>
+		}
 &nbsp;
-    // Add the new layer to the openlayers instance once it is available
-    mapHook.map.addSource(
-      layerId.current,
-      {
-        type: "vector",
-        tiles: [props.url],
-        tileSize: 512,
-        attribution: "",
-        ...props.sourceOptions,
-      },
-      mapHook.componentId
-    );
+		// Add the new layer to the openlayers instance once it is available
+		mapHook.map.addSource(
+			layerId.current,
+			{
+				type: "vector",
+				tiles: [props.url],
+				tileSize: 512,
+				attribution: "",
+				...props.sourceOptions,
+			},
+			mapHook.componentId
+		);
 &nbsp;
-    for (let key in props.layers) {
-      let _layerId = layerId.current + "_" + key;
-      layerIdsRef.current[key] = _layerId;
+		for (let key in props.layers) {
+			let _layerId = layerId.current + "_" + key;
+			layerIdsRef.current[key] = _layerId;
 &nbsp;
-      mapHook.map.addLayer(
-        {
-          id: _layerId,
-          source: layerId.current,
-          type: "line",
-          minzoom: 0,
-          maxzoom: 22,
-          layout: {},
-          paint: {
-            "line-opacity": 0.5,
-            "line-color": "rgb(80, 80, 80)",
-            "line-width": 2,
-          },
-          ...props.layers[key],
-        },
-        props.insertBeforeLayer,
-        mapHook.componentId
-      );
-      layerPaintConfsRef.current[key] = JSON.stringify(props.layers[key].paint);
-      layerLayoutConfsRef.current[key] = JSON.stringify(props.layers[key].layout);
+			mapHook.map.addLayer(
+				{
+					id: _layerId,
+					source: layerId.current,
+					type: "line",
+					minzoom: 0,
+					maxzoom: 22,
+					layout: {},
+					paint: {
+						"line-opacity": 0.5,
+						"line-color": "rgb(80, 80, 80)",
+						"line-width": 2,
+					},
+					...props.layers[key],
+				},
+				props.insertBeforeLayer,
+				mapHook.componentId
+			);
+			layerPaintConfsRef.current[key] = JSON.stringify(props.layers[key].paint);
+			layerLayoutConfsRef.current[key] = JSON.stringify(props.layers[key].layout);
 &nbsp;
-      // recreate layer if style has changed
-      mapHook.map.on(
-        "styledata",
-<span class="fstat-no" title="function not covered" >        ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (initializedRef.current &amp;&amp; !mapHook.map?.map.getSource(layerId.current)) {</span>
-<span class="cstat-no" title="statement not covered" >            console.log("Recreate Layer " + layerId.current);</span>
-<span class="cstat-no" title="statement not covered" >            createLayer();</span>
-          }
-        },
-        mapHook.componentId
-      );
-    }
-  }, [mapHook.map, props]);
+			// recreate layer if style has changed
+			mapHook.map.on(
+				"styledata",
+<span class="fstat-no" title="function not covered" >				()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >					if (initializedRef.current &amp;&amp; !mapHook.map?.map.getSource(layerId.current)) {</span>
+<span class="cstat-no" title="statement not covered" >						console.log("Recreate Layer " + layerId.current);</span>
+<span class="cstat-no" title="statement not covered" >						createLayer();</span>
+					}
+				},
+				mapHook.componentId
+			);
+		}
+	}, [mapHook.map, props]);
 &nbsp;
-  useEffect(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
+	useEffect(() =&gt; {
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span>
 &nbsp;
-    createLayer();
-  }, [createLayer]);
+		createLayer();
+	}, [createLayer]);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapHook.map || !initializedRef.current) return;
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-    for (var key in props.layers) {
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (mapHook.map.map.getLayer(layerIdsRef.current[key])) {
-        // update changed paint property
-        let layerPaintConfString = JSON.stringify(props.layers[key].paint);
+	useEffect(() =&gt; {
+		if (!mapHook.map || !initializedRef.current) return;
+		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
+		for (var key in props.layers) {
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (mapHook.map.map.getLayer(layerIdsRef.current[key])) {
+				// update changed paint property
+				let layerPaintConfString = JSON.stringify(props.layers[key].paint);
 &nbsp;
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (layerPaintConfString !== layerPaintConfsRef.current[key]) {
-<span class="cstat-no" title="statement not covered" >          for (let paintKey in props.layers[key].paint) {</span>
-<span class="cstat-no" title="statement not covered" >            mapHook.map.map.setPaintProperty(</span>
-              layerIdsRef.current[key],
-              paintKey,
-              props.layers[key].paint[paintKey]
-            );
-          }
-        }
-        layerPaintConfsRef.current[key] = layerPaintConfString;
+				<span class="missing-if-branch" title="if path not taken" >I</span>if (layerPaintConfString !== layerPaintConfsRef.current[key]) {
+<span class="cstat-no" title="statement not covered" >					for (let paintKey in props.layers[key].paint) {</span>
+<span class="cstat-no" title="statement not covered" >						mapHook.map.map.setPaintProperty(</span>
+							layerIdsRef.current[key],
+							paintKey,
+							props.layers[key].paint[paintKey]
+						);
+					}
+				}
+				layerPaintConfsRef.current[key] = layerPaintConfString;
 &nbsp;
-        // update changed layout property
-        let layerLayoutConfString = JSON.stringify(props.layers[key].layout);
+				// update changed layout property
+				let layerLayoutConfString = JSON.stringify(props.layers[key].layout);
 &nbsp;
-        <span class="missing-if-branch" title="if path not taken" >I</span>if (layerLayoutConfString !== layerLayoutConfsRef.current[key]) {
-<span class="cstat-no" title="statement not covered" >          for (let layoutKey in props.layers[key].layout) {</span>
-<span class="cstat-no" title="statement not covered" >            mapHook.map.map.setLayoutProperty(</span>
-              layerIdsRef.current[key],
-              layoutKey,
-              props.layers[key].layout[layoutKey]
-            );
-          }
-        }
-        layerLayoutConfsRef.current[key] = layerLayoutConfString;
-      }
-    }
-  }, [props.layers, mapHook.map]);
+				<span class="missing-if-branch" title="if path not taken" >I</span>if (layerLayoutConfString !== layerLayoutConfsRef.current[key]) {
+<span class="cstat-no" title="statement not covered" >					for (let layoutKey in props.layers[key].layout) {</span>
+<span class="cstat-no" title="statement not covered" >						mapHook.map.map.setLayoutProperty(</span>
+							layerIdsRef.current[key],
+							layoutKey,
+							props.layers[key].layout[layoutKey]
+						);
+					}
+				}
+				layerLayoutConfsRef.current[key] = layerLayoutConfString;
+			}
+		}
+	}, [props.layers, mapHook.map]);
 &nbsp;
-  return &lt;&gt;&lt;/&gt;;
+	return &lt;&gt;&lt;/&gt;;
 };
 &nbsp;
 MlVectorTileLayer.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
-  /**
-   * Options object that will be used as first parameter on the MapLibreGl.addSource call see MapLibre source options documentation.
-   */
-  sourceOptions: PropTypes.object,
-  /**
-   * Object that hold layers
-   */
-  layers: PropTypes.object,
-  /**
-   * String of the URL of a wms layer
-   */
-  url: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
+	/**
+	 * Options object that will be used as first parameter on the MapLibreGl.addSource call see MapLibre source options documentation.
+	 */
+	sourceOptions: PropTypes.object,
+	/**
+	 * Object that hold layers
+	 */
+	layers: PropTypes.object,
+	/**
+	 * String of the URL of a wms layer
+	 */
+	url: PropTypes.string,
 };
 &nbsp;
 export default MlVectorTileLayer;
@@ -541,7 +541,7 @@ export default MlVectorTileLayer;
             <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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 12:11:13 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 12:11:13 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -206,53 +206,53 @@ import { v4 as uuidv4 } from "uuid";
  * @component
  */
 const MlWmsFeatureInfoPopup = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
-  // Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
-  const mapContext = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
+	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
+	const mapContext = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
 &nbsp;
-  const initializedRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
-  const mapRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
-  const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlWmsFeatureInfoPopup-") + uuidv4());</span>
+	const initializedRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
+	const mapRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
+	const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlWmsFeatureInfoPopup-") + uuidv4());</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    let _componentId = <span class="cstat-no" title="statement not covered" >componentId.current;</span>
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+		let _componentId = <span class="cstat-no" title="statement not covered" >componentId.current;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-      // This is the cleanup function, it is called when this react component is removed from react-dom
-      // try to remove anything this component has added to the MapLibre-gl instance
-      // e.g.: remove the layer
-      // mapContext.getMap(props.mapId).removeLayer(layerRef.current);
-      // check for the existence of map.style before calling getLayer or getSource
+<span class="cstat-no" title="statement not covered" >		return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+			// This is the cleanup function, it is called when this react component is removed from react-dom
+			// try to remove anything this component has added to the MapLibre-gl instance
+			// e.g.: remove the layer
+			// mapContext.getMap(props.mapId).removeLayer(layerRef.current);
+			// check for the existence of map.style before calling getLayer or getSource
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      if (mapRef.current) {</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current.cleanup(_componentId);</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current = undefined;</span>
-      }
-<span class="cstat-no" title="statement not covered" >      initializedRef.current = false;</span>
-    };
-  }, []);
+<span class="cstat-no" title="statement not covered" >			if (mapRef.current) {</span>
+<span class="cstat-no" title="statement not covered" >				mapRef.current.cleanup(_componentId);</span>
+<span class="cstat-no" title="statement not covered" >				mapRef.current = undefined;</span>
+			}
+<span class="cstat-no" title="statement not covered" >			initializedRef.current = false;</span>
+		};
+	}, []);
 &nbsp;
-<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 (!mapContext.mapExists(props.mapId) || initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-    // the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-<span class="cstat-no" title="statement not covered" >    initializedRef.current = true;</span>
-<span class="cstat-no" title="statement not covered" >    mapRef.current = mapContext.getMap(props.mapId);</span>
+<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 (!mapContext.mapExists(props.mapId) || initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+		// the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
+		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
+<span class="cstat-no" title="statement not covered" >		initializedRef.current = true;</span>
+<span class="cstat-no" title="statement not covered" >		mapRef.current = mapContext.getMap(props.mapId);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    mapRef.current.setCenter([7.132122000552613, 50.716405378037706]);</span>
-  }, [mapContext.mapIds, mapContext, props.mapId]);
+<span class="cstat-no" title="statement not covered" >		mapRef.current.setCenter([7.132122000552613, 50.716405378037706]);</span>
+	}, [mapContext.mapIds, mapContext, props.mapId]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return &lt;&gt;&lt;/&gt;;</span>
+<span class="cstat-no" title="statement not covered" >	return &lt;&gt;&lt;/&gt;;</span>
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlWmsFeatureInfoPopup.defaultProps = {</span>
-  mapId: undefined,
+	mapId: undefined,
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlWmsFeatureInfoPopup.propTypes = {</span>
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
 };
 export default MlWmsFeatureInfoPopup;
 &nbsp;</pre></td></tr></table></pre>
@@ -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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 12:11:13 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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 12:11:13 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>