@mapcomponents/react-maplibre 0.1.36 → 0.1.39

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.66% </span>
+                <span class="strong">36.7% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>541/1607</span>
+                <span class='fraction'>617/1681</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">27.57% </span>
+                <span class="strong">30.73% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>244/885</span>
+                <span class='fraction'>288/937</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">34.09% </span>
+                <span class="strong">36.23% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>90/264</span>
+                <span class='fraction'>100/276</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">35.06% </span>
+                <span class="strong">38.33% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>519/1480</span>
+                <span class='fraction'>595/1552</span>
             </div>
         
             
@@ -95,32 +95,32 @@
 
 <tr>
 	<td class="file high" data-value="src/components/MapLibreMap"><a href="src/components/MapLibreMap/index.html">src/components/MapLibreMap</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td data-value="96" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
-	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="4" class="abs medium">3/4</td>
+	<td data-value="96" class="pct high">96%</td>
+	<td data-value="25" class="abs high">24/25</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="6" class="abs high">6/6</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
+	<td data-value="24" class="abs high">24/24</td>
 	</tr>
 
 <tr>
 	<td class="file low" data-value="src/components/MlCreatePdfButton"><a href="src/components/MlCreatePdfButton/index.html">src/components/MlCreatePdfButton</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="33.33" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 33%"></div><div class="cover-empty" style="width: 67%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="6" class="abs low">2/6</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="3" class="abs low">0/3</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="6" class="abs low">2/6</td>
 	</tr>
 
 <tr>
@@ -230,32 +230,32 @@
 
 <tr>
 	<td class="file medium" data-value="src/components/MlLayerMagnify"><a href="src/components/MlLayerMagnify/index.html">src/components/MlLayerMagnify</a></td>
-	<td data-value="75.75" class="pic medium">
+	<td data-value="75.38" class="pic medium">
 	<div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
 	</td>
-	<td data-value="75.75" class="pct medium">75.75%</td>
-	<td data-value="66" class="abs medium">50/66</td>
-	<td data-value="63.15" class="pct medium">63.15%</td>
-	<td data-value="38" class="abs medium">24/38</td>
-	<td data-value="58.33" class="pct medium">58.33%</td>
-	<td data-value="12" class="abs medium">7/12</td>
-	<td data-value="77.77" class="pct medium">77.77%</td>
-	<td data-value="63" class="abs medium">49/63</td>
+	<td data-value="75.38" class="pct medium">75.38%</td>
+	<td data-value="65" class="abs medium">49/65</td>
+	<td data-value="63.88" class="pct medium">63.88%</td>
+	<td data-value="36" class="abs medium">23/36</td>
+	<td data-value="53.84" class="pct medium">53.84%</td>
+	<td data-value="13" class="abs medium">7/13</td>
+	<td data-value="77.41" class="pct medium">77.41%</td>
+	<td data-value="62" class="abs medium">48/62</td>
 	</tr>
 
 <tr>
 	<td class="file medium" data-value="src/components/MlLayerSwipe"><a href="src/components/MlLayerSwipe/index.html">src/components/MlLayerSwipe</a></td>
-	<td data-value="77.55" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 77%"></div><div class="cover-empty" style="width: 23%"></div></div>
+	<td data-value="76.59" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 76%"></div><div class="cover-empty" style="width: 24%"></div></div>
 	</td>
-	<td data-value="77.55" class="pct medium">77.55%</td>
-	<td data-value="49" class="abs medium">38/49</td>
-	<td data-value="69.23" class="pct medium">69.23%</td>
-	<td data-value="26" class="abs medium">18/26</td>
-	<td data-value="66.66" class="pct medium">66.66%</td>
-	<td data-value="9" class="abs medium">6/9</td>
-	<td data-value="78.72" class="pct medium">78.72%</td>
-	<td data-value="47" class="abs medium">37/47</td>
+	<td data-value="76.59" class="pct medium">76.59%</td>
+	<td data-value="47" class="abs medium">36/47</td>
+	<td data-value="70.83" class="pct medium">70.83%</td>
+	<td data-value="24" class="abs medium">17/24</td>
+	<td data-value="60" class="pct medium">60%</td>
+	<td data-value="10" class="abs medium">6/10</td>
+	<td data-value="77.77" class="pct medium">77.77%</td>
+	<td data-value="45" class="abs medium">35/45</td>
 	</tr>
 
 <tr>
@@ -290,17 +290,17 @@
 
 <tr>
 	<td class="file low" data-value="src/components/MlMarker"><a href="src/components/MlMarker/index.html">src/components/MlMarker</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="9.09" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 9%"></div><div class="cover-empty" style="width: 91%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="22" class="abs low">0/22</td>
+	<td data-value="9.09" class="pct low">9.09%</td>
+	<td data-value="22" class="abs low">2/22</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="10" class="abs low">0/10</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="3" class="abs low">0/3</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="21" class="abs low">0/21</td>
+	<td data-value="9.52" class="pct low">9.52%</td>
+	<td data-value="21" class="abs low">2/21</td>
 	</tr>
 
 <tr>
@@ -320,17 +320,17 @@
 
 <tr>
 	<td class="file low" data-value="src/components/MlNavigationTools"><a href="src/components/MlNavigationTools/index.html">src/components/MlNavigationTools</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="3.12" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 3%"></div><div class="cover-empty" style="width: 97%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="32" class="abs low">0/32</td>
+	<td data-value="3.12" class="pct low">3.12%</td>
+	<td data-value="32" class="abs low">1/32</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="40" class="abs low">0/40</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="27" class="abs low">0/27</td>
+	<td data-value="3.7" class="pct low">3.7%</td>
+	<td data-value="27" class="abs low">1/27</td>
 	</tr>
 
 <tr>
@@ -498,19 +498,34 @@
 	<td data-value="91" class="abs low">0/91</td>
 	</tr>
 
+<tr>
+	<td class="file high" data-value="src/contexts"><a href="src/contexts/index.html">src/contexts</a></td>
+	<td data-value="95.94" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
+	</td>
+	<td data-value="95.94" class="pct high">95.94%</td>
+	<td data-value="74" class="abs high">71/74</td>
+	<td data-value="83.33" class="pct high">83.33%</td>
+	<td data-value="54" class="abs high">45/54</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="10" class="abs high">10/10</td>
+	<td data-value="97.26" class="pct high">97.26%</td>
+	<td data-value="73" class="abs high">71/73</td>
+	</tr>
+
 <tr>
 	<td class="file medium" data-value="src/hooks"><a href="src/hooks/index.html">src/hooks</a></td>
-	<td data-value="54.54" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 54%"></div><div class="cover-empty" style="width: 46%"></div></div>
+	<td data-value="55.11" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 55%"></div><div class="cover-empty" style="width: 45%"></div></div>
 	</td>
-	<td data-value="54.54" class="pct medium">54.54%</td>
-	<td data-value="176" class="abs medium">96/176</td>
+	<td data-value="55.11" class="pct medium">55.11%</td>
+	<td data-value="176" class="abs medium">97/176</td>
 	<td data-value="53.33" class="pct medium">53.33%</td>
 	<td data-value="105" class="abs medium">56/105</td>
 	<td data-value="59.25" class="pct medium">59.25%</td>
 	<td data-value="27" class="abs medium">16/27</td>
-	<td data-value="55.02" class="pct medium">55.02%</td>
-	<td data-value="169" class="abs medium">93/169</td>
+	<td data-value="55.62" class="pct medium">55.62%</td>
+	<td data-value="169" class="abs medium">94/169</td>
 	</tr>
 
 </tbody>
@@ -521,7 +536,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 Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
+                at Thu Apr 21 2022 11:50:43 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">96% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>24/25</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>4/6</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>24/24</span>
             </div>
         
             
@@ -156,8 +156,23 @@
 <a name='L91'></a><a href='#L91'>91</a>
 <a name='L92'></a><a href='#L92'>92</a>
 <a name='L93'></a><a href='#L93'>93</a>
-<a name='L94'></a><a href='#L94'>94</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L94'></a><a href='#L94'>94</a>
+<a name='L95'></a><a href='#L95'>95</a>
+<a name='L96'></a><a href='#L96'>96</a>
+<a name='L97'></a><a href='#L97'>97</a>
+<a name='L98'></a><a href='#L98'>98</a>
+<a name='L99'></a><a href='#L99'>99</a>
+<a name='L100'></a><a href='#L100'>100</a>
+<a name='L101'></a><a href='#L101'>101</a>
+<a name='L102'></a><a href='#L102'>102</a>
+<a name='L103'></a><a href='#L103'>103</a>
+<a name='L104'></a><a href='#L104'>104</a>
+<a name='L105'></a><a href='#L105'>105</a>
+<a name='L106'></a><a href='#L106'>106</a>
+<a name='L107'></a><a href='#L107'>107</a>
+<a name='L108'></a><a href='#L108'>108</a>
+<a name='L109'></a><a href='#L109'>109</a>
+<a name='L110'></a><a href='#L110'>110</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</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>
@@ -200,6 +215,23 @@
 <span class="cline-any cline-neutral">&nbsp;</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>
+<span class="cline-any cline-neutral">&nbsp;</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>
+<span class="cline-any cline-neutral">&nbsp;</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>
+<span class="cline-any cline-neutral">&nbsp;</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>
+<span class="cline-any cline-neutral">&nbsp;</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>
 <span class="cline-any cline-yes">18x</span>
 <span class="cline-any cline-yes">247x</span>
 <span class="cline-any cline-yes">247x</span>
@@ -221,6 +253,9 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">247x</span>
 <span class="cline-any cline-yes">73x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">73x</span>
+<span class="cline-any cline-yes">73x</span>
 <span class="cline-any cline-yes">73x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -240,22 +275,18 @@
 <span class="cline-any cline-neutral">&nbsp;</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>
 <span class="cline-any cline-yes">247x</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>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">18x</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 } 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;
-// @ts-ignore
-import { MapContext } from "@mapcomponents/react-core";
-// @ts-ignore
+import MapContext from "../../contexts/MapContext";
 import MapLibreGlWrapper from "./lib/MapLibreGlWrapper";
 &nbsp;
+import { MapOptions as MapOptionsType } from "maplibre-gl";
 import "maplibre-gl/dist/maplibre-gl.css";
 &nbsp;
 type MapLibreMapProps = {
@@ -268,7 +299,7 @@ type MapLibreMapProps = {
    * See https://maplibre.org/maplibre-gl-js-docs/api/map/ for a formal documentation of al
    * available properties.
    */
-  options?: object;
+  options?: MapOptionsType;
   /**
    * css style definition passed to the map container DOM element
    */
@@ -280,6 +311,23 @@ const defaultProps: MapLibreMapProps = {
   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(80,0,0,0)",
+          },
+        },
+      ],
+    },
   },
 };
 &nbsp;
@@ -294,13 +342,13 @@ const defaultProps: MapLibreMapProps = {
  * @category Map components
  */
 const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt; {
-  const map: any = useRef(null);
-  const mapContainer = useRef(null);
+  const map: any = useRef&lt;MapLibreGlWrapper&gt;(null);
+  const mapContainer = useRef&lt;HTMLDivElement&gt;();
 &nbsp;
-  const mapContext: any = useContext(MapContext);
+  const mapContext: any = useContext&lt;MapContextType&gt;(MapContext);
 &nbsp;
   const mapIdRef = useRef(props.mapId);
-  const mapOptions = props.options;
+  const initializedRef = useRef(false);
 &nbsp;
   useEffect(() =&gt; {
     let mapId = mapIdRef.current;
@@ -313,12 +361,15 @@ const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt;
   }, []);
 &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>
+&nbsp;
     <span class="missing-if-branch" title="else path not taken" >E</span>if (mapContainer.current) {
+      initializedRef.current = true;
       map.current = new MapLibreGlWrapper({
-        // @ts-ignore
         mapOptions: {
+          style: '',
           container: mapContainer.current,
-          ...mapOptions,
+          ...props.options,
         },
         onReady: (map: any, wrapper: any) =&gt; {
           map.once("load", () =&gt; {
@@ -331,12 +382,9 @@ const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt;
         },
       });
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [mapContainer]);
+  }, [props.options, props.mapId]);
 &nbsp;
-  return (
-    &lt;div ref={mapContainer} 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;
@@ -349,7 +397,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 Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
+                at Thu Apr 21 2022 11:50:43 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">100% </span>
+                <span class="strong">96% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>24/25</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">75% </span>
+                <span class="strong">66.66% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>3/4</span>
+                <span class='fraction'>4/6</span>
             </div>
         
             
@@ -46,7 +46,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>22/22</span>
+                <span class='fraction'>24/24</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file high" data-value="MapLibreMap.tsx"><a href="MapLibreMap.tsx.html">MapLibreMap.tsx</a></td>
-	<td data-value="100" class="pic high">
-	<div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
+	<td data-value="96" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 96%"></div><div class="cover-empty" style="width: 4%"></div></div>
 	</td>
-	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
-	<td data-value="75" class="pct medium">75%</td>
-	<td data-value="4" class="abs medium">3/4</td>
+	<td data-value="96" class="pct high">96%</td>
+	<td data-value="25" class="abs high">24/25</td>
+	<td data-value="66.66" class="pct medium">66.66%</td>
+	<td data-value="6" class="abs medium">4/6</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="6" class="abs high">6/6</td>
 	<td data-value="100" class="pct high">100%</td>
-	<td data-value="22" class="abs high">22/22</td>
+	<td data-value="24" class="abs high">24/24</td>
 	</tr>
 
 </tbody>
@@ -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 Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
+                at Thu Apr 21 2022 11:50:43 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/6</span>
+                <span class='fraction'>2/6</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/6</span>
+                <span class='fraction'>2/6</span>
             </div>
         
             
@@ -137,7 +137,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">10x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -160,7 +160,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">10x</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>
@@ -188,7 +188,7 @@ interface MlCreatePdfButtonProps {
 /**
  * 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="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops: MlCreatePdfButtonProps) =&gt; {</span>
+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,
@@ -211,7 +211,7 @@ const MlCreatePdfButton = <span class="cstat-no" title="statement not covered" >
   );
 };
 &nbsp;
-<span class="cstat-no" title="statement not covered" >MlCreatePdfButton.defaultProps = {</span>
+MlCreatePdfButton.defaultProps = {
   mapId: undefined,
 };
 &nbsp;
@@ -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 Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
+                at Thu Apr 21 2022 11:50:43 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/6</span>
+                <span class='fraction'>2/6</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">33.33% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/6</span>
+                <span class='fraction'>2/6</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file low" data-value="MlCreatePdfButton.tsx"><a href="MlCreatePdfButton.tsx.html">MlCreatePdfButton.tsx</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="33.33" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 33%"></div><div class="cover-empty" style="width: 67%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="6" class="abs low">2/6</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="3" class="abs low">0/3</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="33.33" class="pct low">33.33%</td>
+	<td data-value="6" class="abs low">2/6</td>
 	</tr>
 
 </tbody>
@@ -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 Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
+                at Thu Apr 21 2022 11:50:43 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>