@mapcomponents/react-maplibre 0.1.56 → 0.1.58

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">36.64% </span>
+                <span class="strong">34.29% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>653/1782</span>
+                <span class='fraction'>656/1913</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">29.62% </span>
+                <span class="strong">28.24% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>301/1016</span>
+                <span class='fraction'>305/1080</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">35.11% </span>
+                <span class="strong">32.2% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>105/299</span>
+                <span class='fraction'>105/326</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">38.19% </span>
+                <span class="strong">35.66% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>629/1647</span>
+                <span class='fraction'>632/1772</span>
             </div>
         
             
@@ -138,6 +138,21 @@
 	<td data-value="6" class="abs low">2/6</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="src/components/MlCreatePdfForm"><a href="src/components/MlCreatePdfForm/index.html">src/components/MlCreatePdfForm</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="3" class="abs low">0/3</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="0" class="abs high">0/0</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="1" class="abs low">0/1</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="3" class="abs low">0/3</td>
+	</tr>
+
 <tr>
 	<td class="file medium" data-value="src/components/MlFeatureEditor"><a href="src/components/MlFeatureEditor/index.html">src/components/MlFeatureEditor</a></td>
 	<td data-value="78.94" class="pic medium">
@@ -213,6 +228,21 @@
 	<td data-value="4" class="abs high">4/4</td>
 	</tr>
 
+<tr>
+	<td class="file low" data-value="src/components/MlGeojsonLayerWithSource"><a href="src/components/MlGeojsonLayerWithSource/index.html">src/components/MlGeojsonLayerWithSource</a></td>
+	<td data-value="0" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="16" class="abs low">0/16</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="4" class="abs low">0/4</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="2" class="abs low">0/2</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="15" class="abs low">0/15</td>
+	</tr>
+
 <tr>
 	<td class="file low" data-value="src/components/MlImageMarkerLayer"><a href="src/components/MlImageMarkerLayer/index.html">src/components/MlImageMarkerLayer</a></td>
 	<td data-value="49.2" class="pic low">
@@ -380,17 +410,17 @@
 
 <tr>
 	<td class="file low" data-value="src/components/MlScaleReference"><a href="src/components/MlScaleReference/index.html">src/components/MlScaleReference</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	<td data-value="2" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 2%"></div><div class="cover-empty" style="width: 98%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="50" class="abs low">0/50</td>
+	<td data-value="2" class="pct low">2%</td>
+	<td data-value="50" class="abs low">1/50</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="26" class="abs low">0/26</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="7" class="abs low">0/7</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="48" class="abs low">0/48</td>
+	<td data-value="2.08" class="pct low">2.08%</td>
+	<td data-value="48" class="abs low">1/48</td>
 	</tr>
 
 <tr>
@@ -544,18 +574,33 @@
 	</tr>
 
 <tr>
-	<td class="file medium" data-value="src/hooks"><a href="src/hooks/index.html">src/hooks</a></td>
-	<td data-value="56.35" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 56%"></div><div class="cover-empty" style="width: 44%"></div></div>
+	<td class="file low" data-value="src/hooks"><a href="src/hooks/index.html">src/hooks</a></td>
+	<td data-value="43.64" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 43%"></div><div class="cover-empty" style="width: 57%"></div></div>
 	</td>
-	<td data-value="56.35" class="pct medium">56.35%</td>
-	<td data-value="181" class="abs medium">102/181</td>
-	<td data-value="52.83" class="pct medium">52.83%</td>
-	<td data-value="106" class="abs medium">56/106</td>
-	<td data-value="57.14" class="pct medium">57.14%</td>
-	<td data-value="28" class="abs medium">16/28</td>
-	<td data-value="56.64" class="pct medium">56.64%</td>
-	<td data-value="173" class="abs medium">98/173</td>
+	<td data-value="43.64" class="pct low">43.64%</td>
+	<td data-value="236" class="abs low">103/236</td>
+	<td data-value="39.47" class="pct low">39.47%</td>
+	<td data-value="152" class="abs low">60/152</td>
+	<td data-value="43.24" class="pct low">43.24%</td>
+	<td data-value="37" class="abs low">16/37</td>
+	<td data-value="44.39" class="pct low">44.39%</td>
+	<td data-value="223" class="abs low">99/223</td>
+	</tr>
+
+<tr>
+	<td class="file low" data-value="src/hooks/exportMap"><a href="src/hooks/exportMap/index.html">src/hooks/exportMap</a></td>
+	<td data-value="1.75" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 1%"></div><div class="cover-empty" style="width: 99%"></div></div>
+	</td>
+	<td data-value="1.75" class="pct low">1.75%</td>
+	<td data-value="57" class="abs low">1/57</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="14" class="abs low">0/14</td>
+	<td data-value="0" class="pct low">0%</td>
+	<td data-value="15" class="abs low">0/15</td>
+	<td data-value="1.75" class="pct low">1.75%</td>
+	<td data-value="57" class="abs low">1/57</td>
 	</tr>
 
 </tbody>
@@ -566,7 +611,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 Thu Aug 11 2022 13:20:32 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/MapLibreMap/MapLibreMap.tsx.html

@@ -301,7 +301,7 @@
 <span class="cline-any cline-yes">19x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useContext, FC,  RefObject } from "react";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useContext, FC,	RefObject } from "react";
 &nbsp;
 import MapContext from "../../contexts/MapContext";
 import MapLibreGlWrapper from "./lib/MapLibreGlWrapper";
@@ -310,45 +310,45 @@ import { MapOptions as MapOptionsType } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 &nbsp;
 type MapLibreMapProps = {
-  /**
-   * Id of the MapLibreGl(Wrapper) instance in mapContext
-   */
-  mapId?: string;
-  /**
-   * Config object that is passed to the MapLibreGl constructor as first parameter.
-   * See https://maplibre.org/maplibre-gl-js-docs/api/map/ for a formal documentation of al
-   * available properties.
-   */
-  options?: Partial&lt;MapOptionsType&gt;;
-  /**
-   * css style definition passed to the map container DOM element
-   */
-  style?: object;
+	/**
+	 * Id of the MapLibreGl(Wrapper) instance in mapContext
+	 */
+	mapId?: string;
+	/**
+	 * Config object that is passed to the MapLibreGl constructor as first parameter.
+	 * See https://maplibre.org/maplibre-gl-js-docs/api/map/ for a formal documentation of al
+	 * available properties.
+	 */
+	options?: Partial&lt;MapOptionsType&gt;;
+	/**
+	 * css style definition passed to the map container DOM element
+	 */
+	style?: object;
 };
 &nbsp;
 const defaultProps: MapLibreMapProps = {
-  mapId: undefined,
-  options: {
-    center: { lng: 8.607, lat: 53.1409349 },
-    zoom: 11,
-    container: '',
-    style: {
-      version: 8,
-      name: "blank",
-      center: [0, 0],
-      zoom: 0,
-      sources: {},
-      layers: [
-        {
-          id: "background",
-          type: "background",
-          paint: {
-            "background-color": "rgba(0,0,0,0)",
-          },
-        },
-      ],
-    },
-  },
+	mapId: undefined,
+	options: {
+		center: { lng: 8.607, lat: 53.1409349 },
+		zoom: 11,
+		container: '',
+		style: {
+			version: 8,
+			name: "blank",
+			center: [0, 0],
+			zoom: 0,
+			sources: {},
+			layers: [
+				{
+					id: "background",
+					type: "background",
+					paint: {
+						"background-color": "rgba(0,0,0,0)",
+					},
+				},
+			],
+		},
+	},
 };
 &nbsp;
 /**
@@ -362,59 +362,59 @@ const defaultProps: MapLibreMapProps = {
  * @category Map components
  */
 const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt; {
-  const map: any = useRef&lt;MapLibreGlWrapper&gt;(null);
-  const mapContainer = useRef&lt;HTMLDivElement&gt;();
+	const map: any = useRef&lt;MapLibreGlWrapper&gt;(null);
+	const mapContainer = useRef&lt;HTMLDivElement&gt;();
 &nbsp;
-  const mapContext: any = useContext&lt;MapContextType&gt;(MapContext);
+	const mapContext: any = useContext&lt;MapContextType&gt;(MapContext);
 &nbsp;
-  const mapIdRef = useRef(props.mapId);
-  const initializedRef = useRef(false);
-  const currentStyle = useRef(props.options?.style);
+	const mapIdRef = useRef(props.mapId);
+	const initializedRef = useRef(false);
+	const currentStyle = useRef(props.options?.style);
 &nbsp;
-  useEffect(() =&gt; {
-    let mapId = mapIdRef.current;
+	useEffect(() =&gt; {
+		let mapId = mapIdRef.current;
 &nbsp;
-    return () =&gt; {
-      mapContext.removeMap(mapId);
-      map.current?.remove?.();
-      map.current = null;
-    };
-  }, []);
+		return () =&gt; {
+			mapContext.removeMap(mapId);
+			map.current?.remove?.();
+			map.current = null;
+		};
+	}, []);
 &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;
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (mapContainer.current) {
-      initializedRef.current = true;
-      map.current = new MapLibreGlWrapper({
-        mapOptions: {
-          style: '',
-          container: mapContainer.current,
-          ...props.options,
-        },
-        onReady: (map: any, wrapper: any) =&gt; {
-          map.once("load", () =&gt; {
-            if (props.mapId) {
-              mapContext.registerMap(props.mapId, wrapper);
-            } else {
-              mapContext.setMap(wrapper);
-            }
-          });
-        },
-      });
-    }
-  }, [props.options, props.mapId]);
+		<span class="missing-if-branch" title="else path not taken" >E</span>if (mapContainer.current) {
+			initializedRef.current = true;
+			map.current = new MapLibreGlWrapper({
+				mapOptions: {
+					style: '',
+					container: mapContainer.current,
+					...props.options,
+				},
+				onReady: (map: any, wrapper: any) =&gt; {
+					map.once("load", () =&gt; {
+						if (props.mapId) {
+							mapContext.registerMap(props.mapId, wrapper);
+						} else {
+							mapContext.setMap(wrapper);
+						}
+					});
+				},
+			});
+		}
+	}, [props.options, props.mapId]);
 &nbsp;
-  useEffect(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (map.current?.map &amp;&amp; props?.options?.style &amp;&amp; currentStyle.current !== props.options.style) {
-<span class="cstat-no" title="statement not covered" >      console.log("set style");</span>
-<span class="cstat-no" title="statement not covered" >      currentStyle.current = props.options.style;</span>
-<span class="cstat-no" title="statement not covered" >      map.current.map.setStyle(props.options.style);</span>
-    }
-    // @ts-ignore: props.options is either passed or populated with default values
-  }, [props.options.style])
+	useEffect(() =&gt; {
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (map.current?.map &amp;&amp; props?.options?.style &amp;&amp; currentStyle.current !== props.options.style) {
+<span class="cstat-no" title="statement not covered" >			console.log("set style");</span>
+<span class="cstat-no" title="statement not covered" >			currentStyle.current = props.options.style;</span>
+<span class="cstat-no" title="statement not covered" >			map.current.map.setStyle(props.options.style);</span>
+		}
+		// @ts-ignore: props.options is either passed or populated with default values
+	}, [props.options.style])
 &nbsp;
-  return &lt;div ref={mapContainer as RefObject&lt;HTMLDivElement&gt;} className="mapContainer" style={props.style} /&gt;;
+	return &lt;div ref={mapContainer as RefObject&lt;HTMLDivElement&gt;} className="mapContainer" style={props.style} /&gt;;
 };
 &nbsp;
 MapLibreMap.defaultProps = defaultProps;
@@ -427,7 +427,7 @@ export default MapLibreMap;
             <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 Thu Aug 11 2022 13:20:32 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/MapLibreMap/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 Thu Aug 11 2022 13:20:32 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/MlCenterPosition/MlCenterPosition.tsx.html

@@ -238,30 +238,30 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useCallback } from "react";
 import useMap from "../../hooks/useMap";
 import { Button } from "@mui/material";
-import  GpsFixedIcon  from "@mui/icons-material/GpsFixed";
+import	GpsFixedIcon	from "@mui/icons-material/GpsFixed";
 &nbsp;
 interface MlCenterPositionProps {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId?: string;
-  /**
-   * Id of an existing layer in the mapLibre instance to help specify the layer order
-   * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-   */
-  insertBeforeLayer?: string;
-  /**
-   * Active button font color
-   */
-  onColor?: string;
-  /**
-   * Inactive button font color
-   */
-  offColor?: string;
-  /**
-   * CSS style object that is applied to the button component
-   */
-  style?: any;
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId?: string;
+	/**
+	 * Id of an existing layer in the mapLibre instance to help specify the layer order
+	 * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+	 */
+	insertBeforeLayer?: string;
+	/**
+	 * Active button font color
+	 */
+	onColor?: string;
+	/**
+	 * Inactive button font color
+	 */
+	offColor?: string;
+	/**
+	 * CSS style object that is applied to the button component
+	 */
+	style?: any;
 }
 &nbsp;
 /**
@@ -269,56 +269,56 @@ interface MlCenterPositionProps {
  *
  */
 const MlCenterPosition = <span class="fstat-no" title="function not covered" >(p</span>rops: MlCenterPositionProps) =&gt; {
-  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
-  const [locationAccessDenied, setLocationAccessDenied] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
+	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
+	const [locationAccessDenied, setLocationAccessDenied] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
 &nbsp;
-  const centerCurrentLocation = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    navigator.geolocation.getCurrentPosition(getLocationSuccess, getLocationError);</span>
-  };
+	const centerCurrentLocation = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		navigator.geolocation.getCurrentPosition(getLocationSuccess, getLocationError);</span>
+	};
 &nbsp;
-  const getLocationSuccess = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >(l</span>ocation) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    mapHook.map?.map.setCenter?.([location.coords.longitude, location.coords.latitude]);</span>
-  }, [mapHook.map]);
+	const getLocationSuccess = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >(l</span>ocation) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		mapHook.map?.map.setCenter?.([location.coords.longitude, location.coords.latitude]);</span>
+	}, [mapHook.map]);
 &nbsp;
-  const getLocationError = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    console.log("Access of user location denied");</span>
-<span class="cstat-no" title="statement not covered" >    setLocationAccessDenied(true);</span>
-  };
-<span class="cstat-no" title="statement not covered" >  return &lt;&gt;</span>
-      &lt;Button 
-        sx={{
-          zIndex: 1002,
-          color: !locationAccessDenied ? props.onColor : props.offColor,
-          ...props.style,
-        }}
-       onClick={centerCurrentLocation} disabled={locationAccessDenied}&gt;
-        &lt;GpsFixedIcon sx={{ ...(props.style?.fontSize?{fontSize: props.style?.fontSize}:{}) }} /&gt;{" "}
-      &lt;/Button&gt;
-  &lt;/&gt;;
+	const getLocationError = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		console.log("Access of user location denied");</span>
+<span class="cstat-no" title="statement not covered" >		setLocationAccessDenied(true);</span>
+	};
+<span class="cstat-no" title="statement not covered" >	return &lt;&gt;</span>
+			&lt;Button 
+				sx={{
+					zIndex: 1002,
+					color: !locationAccessDenied ? props.onColor : props.offColor,
+					...props.style,
+				}}
+			 onClick={centerCurrentLocation} disabled={locationAccessDenied}&gt;
+				&lt;GpsFixedIcon sx={{ ...(props.style?.fontSize?{fontSize: props.style?.fontSize}:{}) }} /&gt;{" "}
+			&lt;/Button&gt;
+	&lt;/&gt;;
 &nbsp;
 };
 &nbsp;
 MlCenterPosition.defaultProps = {
-  mapId: undefined,
-  style: {
-    minWidth: "30px",
-    minHeight: "30px",
-    width: "30px",
-    height: "30px",
-    backgroundColor: "#414141",
-    borderRadius: "23%",
-    margin: 0.15,
-    fontSize: "1.3em",
-    ":hover": {
-      backgroundColor: "#515151",
-      color: "#ececec",
-    },
-  },
-  onColor: "#ececec",
-  offColor: "#666",
+	mapId: undefined,
+	style: {
+		minWidth: "30px",
+		minHeight: "30px",
+		width: "30px",
+		height: "30px",
+		backgroundColor: "#414141",
+		borderRadius: "23%",
+		margin: 0.15,
+		fontSize: "1.3em",
+		":hover": {
+			backgroundColor: "#515151",
+			color: "#ececec",
+		},
+	},
+	onColor: "#ececec",
+	offColor: "#666",
 };
 export default MlCenterPosition;
 &nbsp;</pre></td></tr></table></pre>
@@ -328,7 +328,7 @@ export default MlCenterPosition;
             <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 Thu Aug 11 2022 13:20:32 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/MlCenterPosition/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 Thu Aug 11 2022 13:20:32 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/MlCreatePdfButton/MlCreatePdfButton.tsx.html

@@ -174,45 +174,45 @@ import PrinterIcon from "@mui/icons-material/Print";
 import Button from "@mui/material/Button";
  
 interface MlCreatePdfButtonProps {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId?: string;
-  /**
-   * Id of an existing layer in the mapLibre instance to help specify the layer order
-   * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-   */
-  insertBeforeLayer?: string;
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId?: string;
+	/**
+	 * Id of an existing layer in the mapLibre instance to help specify the layer order
+	 * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+	 */
+	insertBeforeLayer?: string;
 }
  
 /**
  * Renders a button that will create a PDF version of the current map view (dimensions adjusted to fit Din A4 Paper).
  */
 const MlCreatePdfButton = <span class="fstat-no" title="function not covered" >(p</span>rops: MlCreatePdfButtonProps) =&gt; {
-  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
+	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      &lt;Button
-        color="primary"
-        variant="contained"
-        onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (mapHook.map) {</span>
-<span class="cstat-no" title="statement not covered" >            createPdf(mapHook.map, null, <span class="fstat-no" title="function not covered" >()</span> =&gt; {});</span>
-          }
-        }}
-      &gt;
-        &lt;PrinterIcon /&gt;
-      &lt;/Button&gt;
-    &lt;/&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			&lt;Button
+				color="primary"
+				variant="contained"
+				onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >					if (mapHook.map) {</span>
+<span class="cstat-no" title="statement not covered" >						createPdf(mapHook.map, null, <span class="fstat-no" title="function not covered" >()</span> =&gt; {});</span>
+					}
+				}}
+			&gt;
+				&lt;PrinterIcon /&gt;
+			&lt;/Button&gt;
+		&lt;/&gt;
+	);
 };
 &nbsp;
 MlCreatePdfButton.defaultProps = {
-  mapId: undefined,
+	mapId: undefined,
 };
 &nbsp;
 export default MlCreatePdfButton;
@@ -223,7 +223,7 @@ export default MlCreatePdfButton;
             <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 Thu Aug 11 2022 13:20:32 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>