@mapcomponents/react-maplibre 0.1.66 → 0.1.67

package/coverage/lcov-report/src/contexts/MapContext.tsx.html

@@ -154,10 +154,18 @@
 <a name='L89'></a><a href='#L89'>89</a>
 <a name='L90'></a><a href='#L90'>90</a>
 <a name='L91'></a><a href='#L91'>91</a>
-<a name='L92'></a><a href='#L92'>92</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<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>
+<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></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>
-<span class="cline-any cline-yes">21x</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>
@@ -168,12 +176,20 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">21x</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">21x</span>
 <span class="cline-any cline-yes">188x</span>
 <span class="cline-any cline-yes">188x</span>
 <span class="cline-any cline-yes">188x</span>
 <span class="cline-any cline-yes">188x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">188x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">6x</span>
@@ -230,8 +246,8 @@
 <span class="cline-any cline-yes">596x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">256x</span>
-<span class="cline-any cline-yes">25x</span>
+<span class="cline-any cline-yes">258x</span>
+<span class="cline-any cline-yes">27x</span>
 <span class="cline-any cline-yes">231x</span>
 <span class="cline-any cline-yes">214x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -240,17 +256,26 @@
 <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">188x</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></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useRef } from "react";
+<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, useRef, ReactNode } from 'react';
 import MapLibreGlWrapper from '../components/MapLibreMap/lib/MapLibreGlWrapper';
 &nbsp;
+export interface MapContextType {
+	mapIds: string[];
+	mapExists: (map_id: string | undefined) =&gt; boolean;
+	maps: MapLibreGlWrapper[];
+	map: MapLibreGlWrapper | undefined;
+	getMap: (map_id: string | undefined) =&gt; MapLibreGlWrapper;
+	setMap: (map: MapLibreGlWrapper) =&gt; void;
+	removeMap: (map_id: string | undefined) =&gt; void;
+	registerMap: (map_id: string | undefined, map: MapLibreGlWrapper) =&gt; void;
+}
 const MapContext = React.createContext({} as MapContextType);
 &nbsp;
-&nbsp;
 /**
  * MapComponentsProvider must be imported and wrapped around component where at least one of its child nodes requires access to a MapLibre-gl or openlayers instance that is registered in this mapContext.
 MapComponentsProvider must be used one level higher than the first use of MapContext.
@@ -258,19 +283,18 @@ MapComponentsProvider must be used one level higher than the first use of MapCon
  * MapComponentsProvider requires at least one use of the MapLibreMap component somewhere down the component tree that will create the MapLibre-gl object and set the reference at MapContext.map. For MapLibre maps it is a good idea to provide a mapId attribute to the MapLibreMap Component even if you are only using a single map instance at start. It will make a later transition to using multiple instances within the same project much easier.
  */
 &nbsp;
-const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
-	const [map, setMap] = useState&lt;(MapLibreGlWrapper | undefined)&gt;(undefined);
+const MapComponentsProvider = ({ children }: { children: ReactNode }) =&gt; {
+	const [map, setMap] = useState&lt;MapLibreGlWrapper | undefined&gt;(undefined);
 	const [mapIds, setMapIds] = useState&lt;[...string[]]&gt;([]);
-	let mapIds_raw = useRef&lt;[...string[]]&gt;([]);
-	let maps = useRef&lt;any&gt;({});
+	const mapIds_raw = useRef&lt;[...string[]]&gt;([]);
+	const maps = useRef&lt;{ [key: string]: MapLibreGlWrapper }&gt;({});
 &nbsp;
-&nbsp;
-	const removeMap = (mapId:string) =&gt; {
+	const removeMap = (mapId: string) =&gt; {
 		if (mapId) {
-			<span class="missing-if-branch" title="else path not taken" >E</span>if (typeof maps.current[mapId] !== "undefined") {
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (typeof maps.current[mapId] !== 'undefined') {
 				delete maps.current[mapId];
 			}
-			let mapIdIndex = mapIds_raw.current.indexOf(mapId);
+			const mapIdIndex = mapIds_raw.current.indexOf(mapId);
 			if (mapIdIndex &gt; -1) {
 				mapIds_raw.current.splice(mapIdIndex, 1);
 			}
@@ -281,15 +305,15 @@ const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
 			}
 		} else {
 			setMap(undefined);
-			removeMap("anonymous_map");
+			removeMap('anonymous_map');
 		}
 	};
 &nbsp;
-	const setMapHandler = (mapInstance:MapLibreGlWrapper) =&gt; {
+	const setMapHandler = (mapInstance: MapLibreGlWrapper) =&gt; {
 		setMap(mapInstance);
 &nbsp;
 		<span class="missing-if-branch" title="else path not taken" >E</span>if (mapIds.length === 0) {
-			let mapId = "anonymous_map";
+			const mapId = 'anonymous_map';
 			setMapIds([...mapIds, mapId]);
 			maps.current[mapId] = mapInstance;
 		}
@@ -300,7 +324,7 @@ const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
 		setMap: setMapHandler,
 		maps: maps.current,
 		mapIds: mapIds,
-		registerMap: (mapId:string, mapInstance:MapLibreGlWrapper) =&gt; {
+		registerMap: (mapId: string, mapInstance: MapLibreGlWrapper) =&gt; {
 			<span class="missing-if-branch" title="else path not taken" >E</span>if (mapId &amp;&amp; mapInstance) {
 				maps.current[mapId] = mapInstance;
 				mapIds_raw.current.push(mapId);
@@ -312,7 +336,7 @@ const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
 			}
 		},
 		removeMap,
-		mapExists: (mapId:string) =&gt; {
+		mapExists: (mapId: string) =&gt; {
 			if (mapId &amp;&amp; Object.keys(maps.current).indexOf(mapId) === -1) {
 				return false;
 			} else if (!mapId &amp;&amp; !map) {
@@ -320,7 +344,7 @@ const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
 			}
 			return true;
 		},
-		getMap: (mapId:string):(MapLibreGlWrapper | null) =&gt; {
+		getMap: (mapId: string): MapLibreGlWrapper | null =&gt; {
 			if (mapId &amp;&amp; mapIds.indexOf(mapId) !== -1) {
 				return maps.current[mapId];
 			} else if (!mapId &amp;&amp; map) {
@@ -329,21 +353,21 @@ const MapComponentsProvider = ({ children }:{children:any}) =&gt; {
 &nbsp;
 			return null;
 		},
-	};
+	} as unknown as MapContextType;
 &nbsp;
-	//@ts-ignore
 	return &lt;MapContext.Provider value={value}&gt;{children}&lt;/MapContext.Provider&gt;;
 };
 &nbsp;
 export { MapComponentsProvider };
-export default MapContext;</pre></td></tr></table></pre>
+export default MapContext;
+&nbsp;</pre></td></tr></table></pre>
 
                 <div class='push'></div><!-- for sticky footer -->
             </div><!-- /wrapper -->
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html

@@ -88,7 +88,7 @@ export default SimpleDataContext;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html

@@ -262,7 +262,7 @@ export default SimpleDataProvider;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/contexts/index.html

@@ -131,7 +131,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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/index.html

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">59.16% </span>
+                <span class="strong">59.58% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>142/240</span>
+                <span class='fraction'>143/240</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">53.89% </span>
+                <span class="strong">53.84% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>83/154</span>
+                <span class='fraction'>84/156</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">59.73% </span>
+                <span class="strong">60.17% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>135/226</span>
+                <span class='fraction'>136/226</span>
             </div>
         
             
@@ -95,17 +95,17 @@
 
 <tr>
 	<td class="file low" data-value="useLayerEvent.js"><a href="useLayerEvent.js.html">useLayerEvent.js</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="8.69" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 8%"></div><div class="cover-empty" style="width: 92%"></div></div>
 	</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="23" class="abs low">0/23</td>
+	<td data-value="8.69" class="pct low">8.69%</td>
+	<td data-value="23" class="abs low">2/23</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="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>
@@ -140,17 +140,17 @@
 
 <tr>
 	<td class="file medium" data-value="useSource.ts"><a href="useSource.ts.html">useSource.ts</a></td>
-	<td data-value="79.31" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 79%"></div><div class="cover-empty" style="width: 21%"></div></div>
+	<td data-value="75.86" 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="79.31" class="pct medium">79.31%</td>
-	<td data-value="29" class="abs medium">23/29</td>
-	<td data-value="55" class="pct medium">55%</td>
-	<td data-value="20" class="abs medium">11/20</td>
+	<td data-value="75.86" class="pct medium">75.86%</td>
+	<td data-value="29" class="abs medium">22/29</td>
+	<td data-value="54.54" class="pct medium">54.54%</td>
+	<td data-value="22" class="abs medium">12/22</td>
 	<td data-value="100" class="pct high">100%</td>
 	<td data-value="6" class="abs high">6/6</td>
-	<td data-value="80.76" class="pct high">80.76%</td>
-	<td data-value="26" class="abs high">21/26</td>
+	<td data-value="76.92" class="pct medium">76.92%</td>
+	<td data-value="26" class="abs medium">20/26</td>
 	</tr>
 
 <tr>
@@ -176,7 +176,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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useCameraFollowPath/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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useCameraFollowPath/useCameraFollowPath.tsx.html

@@ -646,7 +646,7 @@ export default useCameraFollowPath;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useExportMap/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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useExportMap/index.ts.html

@@ -160,7 +160,7 @@ export default function <span class="fstat-no" title="function not covered" >use
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useExportMap/lib.ts.html

@@ -544,7 +544,7 @@ export { createExport };
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useGpx/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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useGpx/useGpx.tsx.html

@@ -280,7 +280,7 @@ export default useGpx;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayer.ts.html

@@ -772,7 +772,7 @@ export default useLayer;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayerEvent.js.html

@@ -23,9 +23,9 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">8.69% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/23</span>
+                <span class='fraction'>2/23</span>
             </div>
         
             
@@ -44,9 +44,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">9.52% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/21</span>
+                <span class='fraction'>2/21</span>
             </div>
         
             
@@ -117,12 +117,12 @@
 <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>
 <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-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -166,12 +166,12 @@ import { useEffect } from 'react';
 import useMapState from './useMapState';
 import useMap from './useMap';
 &nbsp;
-const touchEquivalents = <span class="cstat-no" title="statement not covered" >{</span>
+const touchEquivalents = {
 	mousedown: 'touchstart',
 	mouseup: 'touchend',
 	mousemove: 'touchmove',
 };
-const touchEquivalentsKeys = <span class="cstat-no" title="statement not covered" >Object.keys(touchEquivalents);</span>
+const touchEquivalentsKeys = Object.keys(touchEquivalents);
 function <span class="fstat-no" title="function not covered" >useLayerEvent(</span>props) {
 	const mapState = <span class="cstat-no" title="statement not covered" >useMapState({ mapId: props.mapId, watch: { layers: true } });</span>
 	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({ mapId: props.mapId });</span>
@@ -217,7 +217,7 @@ export default useLayerEvent;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayerFilter/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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayerFilter/useLayerFilter.ts.html

@@ -169,7 +169,7 @@ export default useLayerFilter;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayerHoverPopup/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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useLayerHoverPopup/useLayerHoverPopup.tsx.html

@@ -145,7 +145,9 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L83'></a><a href='#L83'>83</a>
+<a name='L84'></a><a href='#L84'>84</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>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -229,8 +231,9 @@
 <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 } from 'react';
 import useMap from '../../hooks/useMap';
+import { GeoJSONFeature } from 'maplibre-gl';
 import {
-	GeoJSONFeature,
+	LngLatLike,
 	Popup,
 	MapEventType,
 } from 'maplibre-gl';
@@ -270,7 +273,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 			props.layerId,
 <span class="fstat-no" title="function not covered" >			(</span>
 				e: MapEventType &amp; {
-					features?: GeoJSONFeature[] | undefined;
+					features?: ({[key:string]:string} &amp; { geometry:{coordinates:[number,number]}})[] | undefined;
 					lngLat: { lng: number; lat: number };
 				}
 			) =&gt; {
@@ -281,7 +284,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 				//const description = e.features[0].properties.desc;
 				let content = <span class="cstat-no" title="statement not covered" >'';</span>
 <span class="cstat-no" title="statement not covered" >				if (e?.features?.[0] &amp;&amp; typeof props.getPopupContent === 'function') {</span>
-<span class="cstat-no" title="statement not covered" >					content = props.getPopupContent(e.features[0]);</span>
+<span class="cstat-no" title="statement not covered" >					content = props.getPopupContent(e.features[0] as unknown as GeoJSONFeature);</span>
 				}
 &nbsp;
 <span class="cstat-no" title="statement not covered" >				if (coordinates?.[0]) {</span>
@@ -295,7 +298,7 @@ const useLayerHoverPopup = (props: useLayerHoverPopupProps) =&gt; {
 					// Populate the popup and set its coordinates
 &nbsp;
 					// based on the feature found.
-<span class="cstat-no" title="statement not covered" >					popup.current.setLngLat(coordinates).setHTML(content).addTo(mapHook.map.map);</span>
+<span class="cstat-no" title="statement not covered" >					popup.current.setLngLat(coordinates as LngLatLike).setHTML(content).addTo(mapHook.map.map);</span>
 				}
 			},
 			mapHook.componentId
@@ -316,7 +319,7 @@ export default useLayerHoverPopup;
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/hooks/useMap.ts.html

@@ -247,7 +247,7 @@
 <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 { useContext, useState, useEffect, useRef } from "react";
 import { v4 as uuidv4 } from "uuid";
-import MapContext from "../contexts/MapContext";
+import MapContext, { MapContextType } from "../contexts/MapContext";
 import useMapState from "./useMapState";
 import MapLibreGlWrapper, { LayerState } from "../components/MapLibreMap/lib/MapLibreGlWrapper";
 &nbsp;
@@ -343,7 +343,7 @@ export type { useMapType };
             <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-23T12:34:46.087Z
+                at 2023-01-30T08:41:54.902Z
             </div>
         <script src="../../prettify.js"></script>
         <script>