@mapcomponents/react-maplibre 0.1.67 → 0.1.68

package/coverage/lcov-report/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">38.52% </span>
+                <span class="strong">38.61% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>698/1812</span>
+                <span class='fraction'>699/1810</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">33.2% </span>
+                <span class="strong">33.43% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>337/1015</span>
+                <span class='fraction'>336/1005</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">31.9% </span>
+                <span class="strong">32.07% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>119/373</span>
+                <span class='fraction'>119/371</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">39.15% </span>
+                <span class="strong">39.26% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>670/1711</span>
+                <span class='fraction'>671/1709</span>
             </div>
         
             
@@ -95,17 +95,17 @@
 
 <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="87.5" class="pic high">
+	<td data-value="87.09" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 87%"></div><div class="cover-empty" style="width: 13%"></div></div>
 	</td>
-	<td data-value="87.5" class="pct high">87.5%</td>
-	<td data-value="32" class="abs high">28/32</td>
+	<td data-value="87.09" class="pct high">87.09%</td>
+	<td data-value="31" class="abs high">27/31</td>
 	<td data-value="69.23" class="pct medium">69.23%</td>
 	<td data-value="13" class="abs medium">9/13</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="7" class="abs high">7/7</td>
-	<td data-value="90.32" class="pct high">90.32%</td>
-	<td data-value="31" class="abs high">28/31</td>
+	<td data-value="90" class="pct high">90%</td>
+	<td data-value="30" class="abs high">27/30</td>
 	</tr>
 
 <tr>
@@ -116,7 +116,7 @@
 	<td data-value="16.66" class="pct low">16.66%</td>
 	<td data-value="12" class="abs low">2/12</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="4" class="abs low">0/4</td>
+	<td data-value="2" class="abs low">0/2</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="4" class="abs low">0/4</td>
 	<td data-value="16.66" class="pct low">16.66%</td>
@@ -185,17 +185,17 @@
 
 <tr>
 	<td class="file medium" data-value="src/components/MlFollowGps"><a href="src/components/MlFollowGps/index.html">src/components/MlFollowGps</a></td>
-	<td data-value="57.89" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 57%"></div><div class="cover-empty" style="width: 43%"></div></div>
+	<td data-value="56.89" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 56%"></div><div class="cover-empty" style="width: 44%"></div></div>
 	</td>
-	<td data-value="57.89" class="pct medium">57.89%</td>
-	<td data-value="57" class="abs medium">33/57</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="32" class="abs medium">16/32</td>
+	<td data-value="56.89" class="pct medium">56.89%</td>
+	<td data-value="58" class="abs medium">33/58</td>
+	<td data-value="46.87" class="pct low">46.87%</td>
+	<td data-value="32" class="abs low">15/32</td>
 	<td data-value="70" class="pct medium">70%</td>
 	<td data-value="10" class="abs medium">7/10</td>
-	<td data-value="59.25" class="pct medium">59.25%</td>
-	<td data-value="54" class="abs medium">32/54</td>
+	<td data-value="58.18" class="pct medium">58.18%</td>
+	<td data-value="55" class="abs medium">32/55</td>
 	</tr>
 
 <tr>
@@ -395,17 +395,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="5.71" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 5%"></div><div class="cover-empty" style="width: 95%"></div></div>
+	<td data-value="6.45" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
 	</td>
-	<td data-value="5.71" class="pct low">5.71%</td>
-	<td data-value="35" class="abs low">2/35</td>
+	<td data-value="6.45" class="pct low">6.45%</td>
+	<td data-value="31" class="abs low">2/31</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="44" class="abs low">0/44</td>
+	<td data-value="36" class="abs low">0/36</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="8" class="abs low">0/8</td>
-	<td data-value="6.66" class="pct low">6.66%</td>
-	<td data-value="30" class="abs low">2/30</td>
+	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="7.69" class="pct low">7.69%</td>
+	<td data-value="26" class="abs low">2/26</td>
 	</tr>
 
 <tr>
@@ -544,18 +544,18 @@
 	</tr>
 
 <tr>
-	<td class="file medium" data-value="src/components/MlVectorTileLayer"><a href="src/components/MlVectorTileLayer/index.html">src/components/MlVectorTileLayer</a></td>
-	<td data-value="79.24" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 79%"></div><div class="cover-empty" style="width: 21%"></div></div>
+	<td class="file high" data-value="src/components/MlVectorTileLayer"><a href="src/components/MlVectorTileLayer/index.html">src/components/MlVectorTileLayer</a></td>
+	<td data-value="80" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 80%"></div><div class="cover-empty" style="width: 20%"></div></div>
 	</td>
-	<td data-value="79.24" class="pct medium">79.24%</td>
-	<td data-value="53" class="abs medium">42/53</td>
+	<td data-value="80" class="pct high">80%</td>
+	<td data-value="55" class="abs high">44/55</td>
 	<td data-value="64.7" class="pct medium">64.7%</td>
 	<td data-value="34" class="abs medium">22/34</td>
 	<td data-value="88.88" class="pct high">88.88%</td>
 	<td data-value="9" class="abs high">8/9</td>
-	<td data-value="84.78" class="pct high">84.78%</td>
-	<td data-value="46" class="abs high">39/46</td>
+	<td data-value="85.41" class="pct high">85.41%</td>
+	<td data-value="48" class="abs high">41/48</td>
 	</tr>
 
 <tr>
@@ -716,7 +716,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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.5% </span>
+                <span class="strong">87.09% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>28/32</span>
+                <span class='fraction'>27/31</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.32% </span>
+                <span class="strong">90% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>28/31</span>
+                <span class='fraction'>27/30</span>
             </div>
         
             
@@ -184,7 +184,13 @@
 <a name='L119'></a><a href='#L119'>119</a>
 <a name='L120'></a><a href='#L120'>120</a>
 <a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L122'></a><a href='#L122'>122</a>
+<a name='L123'></a><a href='#L123'>123</a>
+<a name='L124'></a><a href='#L124'>124</a>
+<a name='L125'></a><a href='#L125'>125</a>
+<a name='L126'></a><a href='#L126'>126</a>
+<a name='L127'></a><a href='#L127'>127</a>
+<a name='L128'></a><a href='#L128'>128</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>
@@ -244,6 +250,8 @@
 <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">20x</span>
 <span class="cline-any cline-yes">273x</span>
 <span class="cline-any cline-yes">273x</span>
@@ -268,8 +276,6 @@
 <span class="cline-any cline-yes">83x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">83x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">83x</span>
 <span class="cline-any cline-yes">83x</span>
 <span class="cline-any cline-yes">83x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -302,16 +308,22 @@
 <span class="cline-any cline-yes">273x</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">20x</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, { MapContextType } from "../../contexts/MapContext";
-import MapLibreGlWrapper from "./lib/MapLibreGlWrapper";
+import MapContext, { MapContextType } from '../../contexts/MapContext';
+import MapLibreGlWrapper from './lib/MapLibreGlWrapper';
 &nbsp;
-import { MapOptions as MapOptionsType } from "maplibre-gl";
-import "maplibre-gl/dist/maplibre-gl.css";
+import { MapOptions as MapOptionsType, Map } from 'maplibre-gl';
+import 'maplibre-gl/dist/maplibre-gl.css';
 &nbsp;
 type MapLibreMapProps = {
 	/**
@@ -338,16 +350,18 @@ const defaultProps: MapLibreMapProps = {
 		container: '',
 		style: {
 			version: 8,
-			name: "blank",
+			name: 'blank',
 			center: [0, 0],
 			zoom: 0,
 			sources: {},
+			sprite: 'https://wms.wheregroup.com/tileserver/sprites/osm-bright',
+			glyphs: 'https://wms.wheregroup.com/tileserver/fonts/{fontstack}/{range}.pbf',
 			layers: [
 				{
-					id: "background",
-					type: "background",
+					id: '_background',
+					type: 'background',
 					paint: {
-						"background-color": "rgba(0,0,0,0)",
+						'background-color': 'rgba(0,0,0,0)',
 					},
 				},
 			],
@@ -388,19 +402,17 @@ const MapLibreMap: FC&lt;MapLibreMapProps&gt; = (props: MapLibreMapProps) =&gt;
 	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;
-		console.log(mapContainer.current);
-		
 		<span class="missing-if-branch" title="else path not taken" >E</span>if (mapContainer.current) {
 			initializedRef.current = true;
 			map.current = new MapLibreGlWrapper({
 				mapOptions: {
 					style: '',
 					...props.options,
-					...(props?.options?.style?{}:<span class="branch-1 cbranch-no" title="branch not covered" >{style:defaultProps?.options?.style})</span>,
+					...(props?.options?.style ? {} : <span class="branch-1 cbranch-no" title="branch not covered" >{ style: defaultProps?.options?.style })</span>,
 					container: mapContainer.current,
 				},
-				onReady: (map: any, wrapper: any) =&gt; {
-					map.once("load", () =&gt; {
+				onReady: (map: Map, wrapper: MapLibreGlWrapper) =&gt; {
+					map.once('load', () =&gt; {
 						if (props.mapId) {
 							mapContext.registerMap(props.mapId, wrapper);
 						} else {
@@ -414,13 +426,19 @@ 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 (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" >			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>
 		}
-	}, [props?.options?.style])
+	}, [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;
@@ -433,7 +451,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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">87.5% </span>
+                <span class="strong">87.09% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>28/32</span>
+                <span class='fraction'>27/31</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">90.32% </span>
+                <span class="strong">90% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>28/31</span>
+                <span class='fraction'>27/30</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="87.5" class="pic high">
+	<td data-value="87.09" class="pic high">
 	<div class="chart"><div class="cover-fill" style="width: 87%"></div><div class="cover-empty" style="width: 13%"></div></div>
 	</td>
-	<td data-value="87.5" class="pct high">87.5%</td>
-	<td data-value="32" class="abs high">28/32</td>
+	<td data-value="87.09" class="pct high">87.09%</td>
+	<td data-value="31" class="abs high">27/31</td>
 	<td data-value="69.23" class="pct medium">69.23%</td>
 	<td data-value="13" class="abs medium">9/13</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="7" class="abs high">7/7</td>
-	<td data-value="90.32" class="pct high">90.32%</td>
-	<td data-value="31" class="abs high">28/31</td>
+	<td data-value="90" class="pct high">90%</td>
+	<td data-value="30" class="abs high">27/30</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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/4</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
@@ -142,14 +142,7 @@
 <a name='L77'></a><a href='#L77'>77</a>
 <a name='L78'></a><a href='#L78'>78</a>
 <a name='L79'></a><a href='#L79'>79</a>
-<a name='L80'></a><a href='#L80'>80</a>
-<a name='L81'></a><a href='#L81'>81</a>
-<a name='L82'></a><a href='#L82'>82</a>
-<a name='L83'></a><a href='#L83'>83</a>
-<a name='L84'></a><a href='#L84'>84</a>
-<a name='L85'></a><a href='#L85'>85</a>
-<a name='L86'></a><a href='#L86'>86</a>
-<a name='L87'></a><a href='#L87'>87</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L80'></a><a href='#L80'>80</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>
@@ -187,26 +180,25 @@
 <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-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</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>
 <span class="cline-any cline-no">&nbsp;</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>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</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>
 <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-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -215,13 +207,6 @@
 <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">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>
-<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>
@@ -230,6 +215,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-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>
@@ -237,8 +223,8 @@
 <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, { useState, useCallback } from "react";
 import useMap from "../../hooks/useMap";
-import { Button, SxProps, Theme } from "@mui/material";
-import	GpsFixedIcon	from "@mui/icons-material/GpsFixed";
+import { Button, SxProps, Theme } from '@mui/material';
+import GpsFixedIcon from '@mui/icons-material/GpsFixed';
 &nbsp;
 export interface MlCenterPositionProps {
 	/**
@@ -273,52 +259,45 @@ const MlCenterPosition = <span class="fstat-no" title="function not covered" >(p
 		mapId: props.mapId,
 		waitForLayer: props.insertBeforeLayer,
 	});
+&nbsp;
 	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>
 	};
 &nbsp;
-	const getLocationSuccess = <span class="cstat-no" title="statement not covered" >useCallback(<span class="fstat-no" title="function not covered" >(l</span>ocation:GeolocationPosition) =&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>
+<span class="fstat-no" title="function not covered" >		(l</span>ocation: GeolocationPosition) =&gt; {
+<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" >		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 
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			&lt;Button
+				variant="navtools"
 				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;{" "}
+				onClick={centerCurrentLocation}
+				disabled={locationAccessDenied}
+			&gt;
+				&lt;GpsFixedIcon sx={{ fontSize: { xs: '1.4em', md: '1em' } }} /&gt;
 			&lt;/Button&gt;
-	&lt;/&gt;;
-&nbsp;
+		&lt;/&gt;
+	);
 };
 &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",
+	onColor: '#ececec',
+	offColor: '#666',
 };
 export default MlCenterPosition;
 &nbsp;</pre></td></tr></table></pre>
@@ -328,7 +307,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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -32,7 +32,7 @@
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/4</span>
+                <span class='fraction'>0/2</span>
             </div>
         
             
@@ -86,7 +86,7 @@
 	<td data-value="16.66" class="pct low">16.66%</td>
 	<td data-value="12" class="abs low">2/12</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="4" class="abs low">0/4</td>
+	<td data-value="2" class="abs low">0/2</td>
 	<td data-value="0" class="pct low">0%</td>
 	<td data-value="4" class="abs low">0/4</td>
 	<td data-value="16.66" class="pct low">16.66%</td>
@@ -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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlCreatePdfButton/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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlCreatePdfForm/MlCreatePdfForm.cy.tsx.html

@@ -133,7 +133,7 @@ const {ExampleConfig } = <span class="cstat-no" title="statement not covered" >c
             <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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -181,7 +181,7 @@ export default MlCreatePdfForm;
             <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 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-01-30T08:41:54.902Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>