@mapcomponents/react-maplibre 0.1.57 → 0.1.58

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

@@ -718,41 +718,41 @@ import MapLibreGlWrapper from "../MapLibreMap/lib/MapLibreGlWrapper";
  
 var originShift = <span class="cstat-no" title="statement not covered" >(2 * Math.PI * 6378137) / 2.0;</span>
 const lngLatToMeters = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >fu</span>nction (lnglat: LngLat, accuracy = <span class="branch-0 cbranch-no" title="branch not covered" >{ enable: true, decimal: 1 })</span> {</span>
-  var lng = <span class="cstat-no" title="statement not covered" >lnglat.lng;</span>
-  var lat = <span class="cstat-no" title="statement not covered" >lnglat.lat;</span>
-  var x = <span class="cstat-no" title="statement not covered" >(lng * originShift) / 180.0;</span>
-  var y = <span class="cstat-no" title="statement not covered" >Math.log(Math.tan(((90 + lat) * Math.PI) / 360.0)) / (Math.PI / 180.0);</span>
-<span class="cstat-no" title="statement not covered" >  y = (y * originShift) / 180.0;</span>
-<span class="cstat-no" title="statement not covered" >  if (accuracy.enable) {</span>
-<span class="cstat-no" title="statement not covered" >    x = Number(x.toFixed(accuracy.decimal));</span>
-<span class="cstat-no" title="statement not covered" >    y = Number(y.toFixed(accuracy.decimal));</span>
-  }
-<span class="cstat-no" title="statement not covered" >  return [x, y];</span>
+	var lng = <span class="cstat-no" title="statement not covered" >lnglat.lng;</span>
+	var lat = <span class="cstat-no" title="statement not covered" >lnglat.lat;</span>
+	var x = <span class="cstat-no" title="statement not covered" >(lng * originShift) / 180.0;</span>
+	var y = <span class="cstat-no" title="statement not covered" >Math.log(Math.tan(((90 + lat) * Math.PI) / 360.0)) / (Math.PI / 180.0);</span>
+<span class="cstat-no" title="statement not covered" >	y = (y * originShift) / 180.0;</span>
+<span class="cstat-no" title="statement not covered" >	if (accuracy.enable) {</span>
+<span class="cstat-no" title="statement not covered" >		x = Number(x.toFixed(accuracy.decimal));</span>
+<span class="cstat-no" title="statement not covered" >		y = Number(y.toFixed(accuracy.decimal));</span>
+	}
+<span class="cstat-no" title="statement not covered" >	return [x, y];</span>
 };
 &nbsp;
 interface MlWmsLoaderProps {
-  /**
-   * WMS URL
-   */
-  url: string;
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: string;
-  /**
-   * URL parameters that will be used in the getCapabilities request
-   */
-  urlParameters: object;
-  /**
-   * URL parameters that will be added when requesting WMS capabilities
-   */
-  wmsUrlParameters: object;
-  /**
-   * URL parameters that will be added when requesting tiles
-   */
-  layerUrlParameters: object;
-  lngLat: LngLat;
-  idPrefix: string;
+	/**
+	 * WMS URL
+	 */
+	url: string;
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: string;
+	/**
+	 * URL parameters that will be used in the getCapabilities request
+	 */
+	urlParameters: object;
+	/**
+	 * URL parameters that will be added when requesting WMS capabilities
+	 */
+	wmsUrlParameters: object;
+	/**
+	 * URL parameters that will be added when requesting tiles
+	 */
+	layerUrlParameters: object;
+	lngLat: LngLat;
+	idPrefix: string;
 }
 &nbsp;
 /**
@@ -764,253 +764,253 @@ interface MlWmsLoaderProps {
  * @component
  */
 const MlWmsLoader = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops: MlWmsLoaderProps) =&gt; {</span>
-  // Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
-  const mapContext: MapContextType = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
-  const { capabilities, error, setUrl, getFeatureInfoUrl, wmsUrl }: any = <span class="cstat-no" title="statement not covered" >useWms({</span>
-    url: undefined,
-    urlParameters: props.urlParameters,
-  });
-  let layerType: {
-    visible: boolean;
-    queryable: boolean;
-    Name: string;
-    Title: string;
-    LatLonBoundingBox: Array&lt;number&gt;;
-    EX_GeographicBoundingBox: Array&lt;number&gt;;
-    Abstract: any;
-  };
+	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
+	const mapContext: MapContextType = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
+	const { capabilities, error, setUrl, getFeatureInfoUrl, wmsUrl }: any = <span class="cstat-no" title="statement not covered" >useWms({</span>
+		url: undefined,
+		urlParameters: props.urlParameters,
+	});
+	let layerType: {
+		visible: boolean;
+		queryable: boolean;
+		Name: string;
+		Title: string;
+		LatLonBoundingBox: Array&lt;number&gt;;
+		EX_GeographicBoundingBox: Array&lt;number&gt;;
+		Abstract: any;
+	};
 &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&lt;MapLibreGlWrapper&gt;();</span>
-  const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlWmsLoader-") + uuidv4());</span>
-  const [layers, setLayers] = <span class="cstat-no" title="statement not covered" >useState&lt;Array&lt;typeof layerType&gt;&gt;([]);</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&lt;MapLibreGlWrapper&gt;();</span>
+	const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlWmsLoader-") + uuidv4());</span>
+	const [layers, setLayers] = <span class="cstat-no" title="statement not covered" >useState&lt;Array&lt;typeof layerType&gt;&gt;([]);</span>
 &nbsp;
-  const [featureInfoLngLat, setFeatureInfoLngLat] = <span class="cstat-no" title="statement not covered" >useState&lt;{lng:number,lat:number} | undefined&gt;();</span>
-  const [featureInfoContent, setFeatureInfoContent] = <span class="cstat-no" title="statement not covered" >useState&lt;string | undefined&gt;(undefined);</span>
+	const [featureInfoLngLat, setFeatureInfoLngLat] = <span class="cstat-no" title="statement not covered" >useState&lt;{lng:number,lat:number} | undefined&gt;();</span>
+	const [featureInfoContent, setFeatureInfoContent] = <span class="cstat-no" title="statement not covered" >useState&lt;string | undefined&gt;(undefined);</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 (!initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></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 (!initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    setUrl(props.url);</span>
-  }, [props.url]);
+<span class="cstat-no" title="statement not covered" >		setUrl(props.url);</span>
+	}, [props.url]);
 &nbsp;
-  const getFeatureInfo = <span class="cstat-no" title="statement not covered" >useCallback(</span>
-<span class="fstat-no" title="function not covered" >    (e</span>v) =&gt; {
-<span class="cstat-no" title="statement not covered" >      if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-<span class="cstat-no" title="statement not covered" >      setFeatureInfoLngLat(undefined);</span>
-<span class="cstat-no" title="statement not covered" >      setFeatureInfoContent(undefined);</span>
-      let _bounds = <span class="cstat-no" title="statement not covered" >mapRef.current.map.getBounds();</span>
-      let _sw = <span class="cstat-no" title="statement not covered" >lngLatToMeters(_bounds._sw);</span>
-      let _ne = <span class="cstat-no" title="statement not covered" >lngLatToMeters(_bounds._ne);</span>
-      let bbox = <span class="cstat-no" title="statement not covered" >[_sw[0], _sw[1], _ne[0], _ne[1]];</span>
-      let _getFeatureInfoUrlParams = <span class="cstat-no" title="statement not covered" >{</span>
-        REQUEST: "GetFeatureInfo",
+	const getFeatureInfo = <span class="cstat-no" title="statement not covered" >useCallback(</span>
+<span class="fstat-no" title="function not covered" >		(e</span>v) =&gt; {
+<span class="cstat-no" title="statement not covered" >			if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >			setFeatureInfoLngLat(undefined);</span>
+<span class="cstat-no" title="statement not covered" >			setFeatureInfoContent(undefined);</span>
+			let _bounds = <span class="cstat-no" title="statement not covered" >mapRef.current.map.getBounds();</span>
+			let _sw = <span class="cstat-no" title="statement not covered" >lngLatToMeters(_bounds._sw);</span>
+			let _ne = <span class="cstat-no" title="statement not covered" >lngLatToMeters(_bounds._ne);</span>
+			let bbox = <span class="cstat-no" title="statement not covered" >[_sw[0], _sw[1], _ne[0], _ne[1]];</span>
+			let _getFeatureInfoUrlParams = <span class="cstat-no" title="statement not covered" >{</span>
+				REQUEST: "GetFeatureInfo",
 &nbsp;
-        BBOX: bbox.join(","),
-        SERVICE: "WMS",
-        INFO_FORMAT:
-          capabilities?.Capability?.Request?.GetFeatureInfo.Format.indexOf("text/html") !== -1
-            ? "text/html"
-            : "text/plain",
-        FEATURE_COUNT: "10",
-        LAYERS: layers
-          .map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType) =&gt;
-<span class="cstat-no" title="statement not covered" >            layer.visible &amp;&amp; layer.queryable ? layer.Name : undefined</span>
-          )
-          .filter(<span class="fstat-no" title="function not covered" >(n</span>) =&gt; <span class="cstat-no" title="statement not covered" >n)</span>,
-        QUERY_LAYERS: layers
-          .map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType) =&gt;
-<span class="cstat-no" title="statement not covered" >            layer.visible &amp;&amp; layer.queryable ? layer.Name : undefined</span>
-          )
-          .filter(<span class="fstat-no" title="function not covered" >(n</span>) =&gt; <span class="cstat-no" title="statement not covered" >n)</span>,
-        WIDTH: mapRef.current?.map._container.clientWidth,
-        HEIGHT: mapRef.current?.map._container.clientHeight,
-        srs: "EPSG:3857",
-        CRS: "EPSG:3857",
-        version: "1.3.0",
-        X: ev.point.x,
-        Y: ev.point.y,
-        I: ev.point.x,
-        J: ev.point.y,
-        buffer: "50",
-      };
+				BBOX: bbox.join(","),
+				SERVICE: "WMS",
+				INFO_FORMAT:
+					capabilities?.Capability?.Request?.GetFeatureInfo.Format.indexOf("text/html") !== -1
+						? "text/html"
+						: "text/plain",
+				FEATURE_COUNT: "10",
+				LAYERS: layers
+					.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType) =&gt;
+<span class="cstat-no" title="statement not covered" >						layer.visible &amp;&amp; layer.queryable ? layer.Name : undefined</span>
+					)
+					.filter(<span class="fstat-no" title="function not covered" >(n</span>) =&gt; <span class="cstat-no" title="statement not covered" >n)</span>,
+				QUERY_LAYERS: layers
+					.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType) =&gt;
+<span class="cstat-no" title="statement not covered" >						layer.visible &amp;&amp; layer.queryable ? layer.Name : undefined</span>
+					)
+					.filter(<span class="fstat-no" title="function not covered" >(n</span>) =&gt; <span class="cstat-no" title="statement not covered" >n)</span>,
+				WIDTH: mapRef.current?.map._container.clientWidth,
+				HEIGHT: mapRef.current?.map._container.clientHeight,
+				srs: "EPSG:3857",
+				CRS: "EPSG:3857",
+				version: "1.3.0",
+				X: ev.point.x,
+				Y: ev.point.y,
+				I: ev.point.x,
+				J: ev.point.y,
+				buffer: "50",
+			};
 &nbsp;
-      let _gfiUrl: string | undefined = <span class="cstat-no" title="statement not covered" >getFeatureInfoUrl;</span>
-      let _gfiUrlParts;
-<span class="cstat-no" title="statement not covered" >      if (_gfiUrl?.indexOf?.("?") !== -1) {</span>
-<span class="cstat-no" title="statement not covered" >        _gfiUrlParts = props.url.split("?");</span>
-<span class="cstat-no" title="statement not covered" >        _gfiUrl = _gfiUrlParts[0];</span>
-      }
-      let _urlParamsFromUrl = <span class="cstat-no" title="statement not covered" >new URLSearchParams(_gfiUrlParts?.[1]);</span>
+			let _gfiUrl: string | undefined = <span class="cstat-no" title="statement not covered" >getFeatureInfoUrl;</span>
+			let _gfiUrlParts;
+<span class="cstat-no" title="statement not covered" >			if (_gfiUrl?.indexOf?.("?") !== -1) {</span>
+<span class="cstat-no" title="statement not covered" >				_gfiUrlParts = props.url.split("?");</span>
+<span class="cstat-no" title="statement not covered" >				_gfiUrl = _gfiUrlParts[0];</span>
+			}
+			let _urlParamsFromUrl = <span class="cstat-no" title="statement not covered" >new URLSearchParams(_gfiUrlParts?.[1]);</span>
 &nbsp;
-      let urlParamsObj = <span class="cstat-no" title="statement not covered" >{</span>
-        ...Object.fromEntries(_urlParamsFromUrl),
-        ..._getFeatureInfoUrlParams,
-      };
-      // create URLSearchParams object to assemble the URL Parameters
-      // "as any" can be removed once the URLSearchParams ts spec is fixed
-      let urlParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams(urlParamsObj as any);</span>
+			let urlParamsObj = <span class="cstat-no" title="statement not covered" >{</span>
+				...Object.fromEntries(_urlParamsFromUrl),
+				..._getFeatureInfoUrlParams,
+			};
+			// create URLSearchParams object to assemble the URL Parameters
+			// "as any" can be removed once the URLSearchParams ts spec is fixed
+			let urlParams = <span class="cstat-no" title="statement not covered" >new URLSearchParams(urlParamsObj as any);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      fetch(props.url + "?" + urlParams.toString())</span>
-        .then(<span class="fstat-no" title="function not covered" >(r</span>es) =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (!res.ok) {</span>
-<span class="cstat-no" title="statement not covered" >            throw new Error("FeatureInfo could not be fetched");</span>
-          }
-<span class="cstat-no" title="statement not covered" >          return res.text();</span>
-        })
-        .then(<span class="fstat-no" title="function not covered" >(t</span>ext) =&gt; {
-<span class="cstat-no" title="statement not covered" >          setFeatureInfoLngLat(ev.lngLat);</span>
-<span class="cstat-no" title="statement not covered" >          setFeatureInfoContent(text);</span>
-        })
-        .catch(<span class="fstat-no" title="function not covered" >(e</span>rror) =&gt; <span class="cstat-no" title="statement not covered" >console.log(error))</span>;
-    },
-    [capabilities, getFeatureInfoUrl]
-  );
+<span class="cstat-no" title="statement not covered" >			fetch(props.url + "?" + urlParams.toString())</span>
+				.then(<span class="fstat-no" title="function not covered" >(r</span>es) =&gt; {
+<span class="cstat-no" title="statement not covered" >					if (!res.ok) {</span>
+<span class="cstat-no" title="statement not covered" >						throw new Error("FeatureInfo could not be fetched");</span>
+					}
+<span class="cstat-no" title="statement not covered" >					return res.text();</span>
+				})
+				.then(<span class="fstat-no" title="function not covered" >(t</span>ext) =&gt; {
+<span class="cstat-no" title="statement not covered" >					setFeatureInfoLngLat(ev.lngLat);</span>
+<span class="cstat-no" title="statement not covered" >					setFeatureInfoContent(text);</span>
+				})
+				.catch(<span class="fstat-no" title="function not covered" >(e</span>rror) =&gt; <span class="cstat-no" title="statement not covered" >console.log(error))</span>;
+		},
+		[capabilities, getFeatureInfoUrl]
+	);
 &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 (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></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 (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-    const _getFeatureInfo = <span class="cstat-no" title="statement not covered" >getFeatureInfo;</span>
+		const _getFeatureInfo = <span class="cstat-no" title="statement not covered" >getFeatureInfo;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    mapRef.current.on("click", _getFeatureInfo, componentId.current);</span>
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current?.map.off?.("click", _getFeatureInfo);</span>
-    };
-  }, [getFeatureInfo]);
+<span class="cstat-no" title="statement not covered" >		mapRef.current.on("click", _getFeatureInfo, componentId.current);</span>
+<span class="cstat-no" title="statement not covered" >		return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			mapRef.current?.map.off?.("click", _getFeatureInfo);</span>
+		};
+	}, [getFeatureInfo]);
 &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 (!capabilities?.Service) <span class="cstat-no" title="statement not covered" >return;</span></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 (!capabilities?.Service) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (capabilities?.Capability?.Layer?.SRS?.indexOf?.("EPSG:3857") === -1) {</span>
-<span class="cstat-no" title="statement not covered" >      console.log(</span>
-        "MlWmsLoader (" + capabilities.Service.Title + "): No WGS 84/Pseudo-Mercator support"
-      );
-    } else {
-<span class="cstat-no" title="statement not covered" >      console.log(</span>
-        "MlWmsLoader (" + capabilities.Service.Title + "): WGS 84/Pseudo-Mercator supported"
-      );
+<span class="cstat-no" title="statement not covered" >		if (capabilities?.Capability?.Layer?.SRS?.indexOf?.("EPSG:3857") === -1) {</span>
+<span class="cstat-no" title="statement not covered" >			console.log(</span>
+				"MlWmsLoader (" + capabilities.Service.Title + "): No WGS 84/Pseudo-Mercator support"
+			);
+		} else {
+<span class="cstat-no" title="statement not covered" >			console.log(</span>
+				"MlWmsLoader (" + capabilities.Service.Title + "): WGS 84/Pseudo-Mercator supported"
+			);
 &nbsp;
-      let _LatLonBoundingBox: Array&lt;number&gt; = <span class="cstat-no" title="statement not covered" >[];</span>
-<span class="cstat-no" title="statement not covered" >      setLayers(</span>
-        capabilities?.Capability?.Layer?.Layer.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType, idx: number) =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (idx === 0) {</span>
-<span class="cstat-no" title="statement not covered" >            _LatLonBoundingBox = layer.LatLonBoundingBox;</span>
-<span class="cstat-no" title="statement not covered" >            if (!_LatLonBoundingBox) {</span>
-<span class="cstat-no" title="statement not covered" >              _LatLonBoundingBox = layer.EX_GeographicBoundingBox;</span>
-            }
-          }
-<span class="cstat-no" title="statement not covered" >          layer.visible = capabilities?.Capability?.Layer?.Layer?.length &gt; 2 ? idx &gt; 1 : true;</span>
-<span class="cstat-no" title="statement not covered" >          return layer;</span>
-        })
-      );
+			let _LatLonBoundingBox: Array&lt;number&gt; = <span class="cstat-no" title="statement not covered" >[];</span>
+<span class="cstat-no" title="statement not covered" >			setLayers(</span>
+				capabilities?.Capability?.Layer?.Layer.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType, idx: number) =&gt; {
+<span class="cstat-no" title="statement not covered" >					if (idx === 0) {</span>
+<span class="cstat-no" title="statement not covered" >						_LatLonBoundingBox = layer.LatLonBoundingBox;</span>
+<span class="cstat-no" title="statement not covered" >						if (!_LatLonBoundingBox) {</span>
+<span class="cstat-no" title="statement not covered" >							_LatLonBoundingBox = layer.EX_GeographicBoundingBox;</span>
+						}
+					}
+<span class="cstat-no" title="statement not covered" >					layer.visible = capabilities?.Capability?.Layer?.Layer?.length &gt; 2 ? idx &gt; 1 : true;</span>
+<span class="cstat-no" title="statement not covered" >					return layer;</span>
+				})
+			);
 &nbsp;
-      // zoom to extent of first layer
-<span class="cstat-no" title="statement not covered" >      if (mapRef.current &amp;&amp; _LatLonBoundingBox.length &gt; 3) {</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current.map.fitBounds([</span>
-          [_LatLonBoundingBox[0], _LatLonBoundingBox[1]],
-          [_LatLonBoundingBox[2], _LatLonBoundingBox[3]],
-        ]);
-      }
-    }
-  }, [capabilities]);
+			// zoom to extent of first layer
+<span class="cstat-no" title="statement not covered" >			if (mapRef.current &amp;&amp; _LatLonBoundingBox.length &gt; 3) {</span>
+<span class="cstat-no" title="statement not covered" >				mapRef.current.map.fitBounds([</span>
+					[_LatLonBoundingBox[0], _LatLonBoundingBox[1]],
+					[_LatLonBoundingBox[2], _LatLonBoundingBox[3]],
+				]);
+			}
+		}
+	}, [capabilities]);
 &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.map) 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" >    console.log("set url " + props.url);</span>
-<span class="cstat-no" title="statement not covered" >    setUrl(props.url);</span>
-  }, [mapContext.mapIds, mapContext, props.mapId, props.url]);
+<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.map) 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" >		console.log("set url " + props.url);</span>
+<span class="cstat-no" title="statement not covered" >		setUrl(props.url);</span>
+	}, [mapContext.mapIds, mapContext, props.mapId, props.url]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      {error &amp;&amp; &lt;p&gt;{error}&lt;/p&gt;}
-      &lt;h3 key="title"&gt;{capabilities?.Service?.Title}&lt;/h3&gt;
-      {console.log(componentId.current)}
-      {capabilities?.Capability?.Layer?.Layer.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: any, idx: number) =&gt; (
-<span class="cstat-no" title="statement not covered" >        &lt;MlLayer</span>
-          layerId={"Order-" + componentId.current + "-" + idx}
-          key={componentId.current + "-" + idx}
-          {...(idx &gt; 0
-            ? {
-                insertBeforeLayer: "Order-" + componentId.current + "-" + (idx - 1),
-              }
-            : undefined)}
-        /&gt;
-      ))}
-      &lt;List dense key="layers"&gt;
-        {wmsUrl &amp;&amp;
-          layers?.map?.(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType, idx) =&gt; {
-<span class="cstat-no" title="statement not covered" >            return layer?.Name ? (</span>
-              &lt;ListItem
-                key={layer.Name + idx}
-                secondaryAction={
-                  &lt;IconButton
-                    edge="end"
-                    aria-label="toggle visibility"
-                    onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-                      let _layers: Array&lt;typeof layerType&gt; = <span class="cstat-no" title="statement not covered" >[...layers];</span>
-<span class="cstat-no" title="statement not covered" >                      _layers[idx].visible = !_layers[idx].visible;</span>
-<span class="cstat-no" title="statement not covered" >                      setLayers([..._layers]);</span>
-                    }}
-                  &gt;
-                    {layers[idx].visible ? &lt;VisibilityIcon /&gt; : &lt;VisibilityOffIcon /&gt;}
-                  &lt;/IconButton&gt;
-                }
-              &gt;
-                &lt;ListItemText primary={layer?.Title} secondary={layer?.Abstract} /&gt;
-                &lt;MlWmsLayer
-                  key={layer?.Name + idx}
-                  url={wmsUrl}
-                  urlParameters={{ ...props.wmsUrlParameters, layers: layer?.Name }}
-                  visible={layers[idx].visible}
-                  insertBeforeLayer={"Order-" + componentId.current + "-" + idx}
-                /&gt;
-              &lt;/ListItem&gt;
-            ) : (
-              &lt;&gt;&lt;/&gt;
-            );
-          })}
-      &lt;/List&gt;
-      &lt;p key="description" style={{ fontSize: ".7em" }}&gt;
-        {capabilities?.Capability?.Layer?.Abstract}
-      &lt;/p&gt;
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			{error &amp;&amp; &lt;p&gt;{error}&lt;/p&gt;}
+			&lt;h3 key="title"&gt;{capabilities?.Service?.Title}&lt;/h3&gt;
+			{console.log(componentId.current)}
+			{capabilities?.Capability?.Layer?.Layer.map(<span class="fstat-no" title="function not covered" >(l</span>ayer: any, idx: number) =&gt; (
+<span class="cstat-no" title="statement not covered" >				&lt;MlLayer</span>
+					layerId={"Order-" + componentId.current + "-" + idx}
+					key={componentId.current + "-" + idx}
+					{...(idx &gt; 0
+						? {
+								insertBeforeLayer: "Order-" + componentId.current + "-" + (idx - 1),
+							}
+						: undefined)}
+				/&gt;
+			))}
+			&lt;List dense key="layers"&gt;
+				{wmsUrl &amp;&amp;
+					layers?.map?.(<span class="fstat-no" title="function not covered" >(l</span>ayer: typeof layerType, idx) =&gt; {
+<span class="cstat-no" title="statement not covered" >						return layer?.Name ? (</span>
+							&lt;ListItem
+								key={layer.Name + idx}
+								secondaryAction={
+									&lt;IconButton
+										edge="end"
+										aria-label="toggle visibility"
+										onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+											let _layers: Array&lt;typeof layerType&gt; = <span class="cstat-no" title="statement not covered" >[...layers];</span>
+<span class="cstat-no" title="statement not covered" >											_layers[idx].visible = !_layers[idx].visible;</span>
+<span class="cstat-no" title="statement not covered" >											setLayers([..._layers]);</span>
+										}}
+									&gt;
+										{layers[idx].visible ? &lt;VisibilityIcon /&gt; : &lt;VisibilityOffIcon /&gt;}
+									&lt;/IconButton&gt;
+								}
+							&gt;
+								&lt;ListItemText primary={layer?.Title} secondary={layer?.Abstract} /&gt;
+								&lt;MlWmsLayer
+									key={layer?.Name + idx}
+									url={wmsUrl}
+									urlParameters={{ ...props.wmsUrlParameters, layers: layer?.Name }}
+									visible={layers[idx].visible}
+									insertBeforeLayer={"Order-" + componentId.current + "-" + idx}
+								/&gt;
+							&lt;/ListItem&gt;
+						) : (
+							&lt;&gt;&lt;/&gt;
+						);
+					})}
+			&lt;/List&gt;
+			&lt;p key="description" style={{ fontSize: ".7em" }}&gt;
+				{capabilities?.Capability?.Layer?.Abstract}
+			&lt;/p&gt;
 &nbsp;
-      {featureInfoLngLat &amp;&amp; &lt;MlMarker {...featureInfoLngLat} content={featureInfoContent} /&gt;}
-    &lt;/&gt;
-  );
+			{featureInfoLngLat &amp;&amp; &lt;MlMarker {...featureInfoLngLat} content={featureInfoContent} /&gt;}
+		&lt;/&gt;
+	);
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlWmsLoader.defaultProps = {</span>
-  url: "",
-  urlParameters: {
-    SERVICE: "WMS",
-    VERSION: "1.3.0",
-    REQUEST: "GetCapabilities",
-  },
-  wmsUrlParameters: {
-    TRANSPARENT: "TRUE",
-  },
+	url: "",
+	urlParameters: {
+		SERVICE: "WMS",
+		VERSION: "1.3.0",
+		REQUEST: "GetCapabilities",
+	},
+	wmsUrlParameters: {
+		TRANSPARENT: "TRUE",
+	},
 };
 &nbsp;
 export default MlWmsLoader;
@@ -1021,7 +1021,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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>