npm - @mapcomponents/react-maplibre - Versions diffs - 0.1.33 → 0.1.36 - Mend

@mapcomponents/react-maplibre 0.1.33 → 0.1.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (305) hide show

package/coverage/lcov-report/src/components/MlFollowGps/{MlFollowGps.js.html → MlFollowGps.tsx.html} RENAMED Viewed

@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
-    <title>Code coverage report for src/components/MlFollowGps/MlFollowGps.js</title>
+    <title>Code coverage report for src/components/MlFollowGps/MlFollowGps.tsx</title>
     <meta charset="utf-8" />
     <link rel="stylesheet" href="../../../prettify.css" />
     <link rel="stylesheet" href="../../../base.css" />
@@ -19,20 +19,20 @@
 <body>
 <div class='wrapper'>
     <div class='pad1'>
-        <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlFollowGps</a> MlFollowGps.js</h1>
+        <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlFollowGps</a> MlFollowGps.tsx</h1>
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">60.78% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>30/50</span>
+                <span class='fraction'>31/51</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.21% </span>
+                <span class="strong">64% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>15/23</span>
+                <span class='fraction'>16/25</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.7% </span>
+                <span class="strong">62.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>29/47</span>
+                <span class='fraction'>30/48</span>
             </div>
@@ -281,7 +281,66 @@
 <a name='L216'></a><a href='#L216'>216</a>
 <a name='L217'></a><a href='#L217'>217</a>
 <a name='L218'></a><a href='#L218'>218</a>
-<a name='L219'></a><a href='#L219'>219</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L219'></a><a href='#L219'>219</a>
+<a name='L220'></a><a href='#L220'>220</a>
+<a name='L221'></a><a href='#L221'>221</a>
+<a name='L222'></a><a href='#L222'>222</a>
+<a name='L223'></a><a href='#L223'>223</a>
+<a name='L224'></a><a href='#L224'>224</a>
+<a name='L225'></a><a href='#L225'>225</a>
+<a name='L226'></a><a href='#L226'>226</a>
+<a name='L227'></a><a href='#L227'>227</a>
+<a name='L228'></a><a href='#L228'>228</a>
+<a name='L229'></a><a href='#L229'>229</a>
+<a name='L230'></a><a href='#L230'>230</a>
+<a name='L231'></a><a href='#L231'>231</a>
+<a name='L232'></a><a href='#L232'>232</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>
+<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-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-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>
@@ -302,7 +361,11 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">9x</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">9x</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-yes">9x</span>
 <span class="cline-any cline-yes">9x</span>
@@ -332,7 +395,6 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">9x</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -347,7 +409,6 @@
 <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-yes">9x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -360,6 +421,7 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">9x</span>
@@ -368,31 +430,17 @@
 <span class="cline-any cline-yes">5x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-yes">2x</span>
-<span class="cline-any cline-yes">1x</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">9x</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">2x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">3x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-yes">9x</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>
@@ -421,7 +469,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">3x</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>
@@ -431,7 +478,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">1x</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>
@@ -445,6 +491,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">3x</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>
@@ -478,59 +525,88 @@
 <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-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></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState, useCallback, useMemo } from "react";
-import PropTypes from "prop-types";
 import useMap from "../../hooks/useMap";
-&nbsp;
-import Button from "@mui/material/Button";
-import GpsFixedIcon from "@mui/icons-material/GpsFixed";
-import { point, circle, lineArc } from "@turf/turf";
 import MlGeoJsonLayer from "../MlGeoJsonLayer/MlGeoJsonLayer";
 &nbsp;
+import { Button } from "@mui/material";
+import  GpsFixedIcon  from "@mui/icons-material/GpsFixed";
+&nbsp;
+import { point, circle, lineArc, Feature, Point } from "@turf/turf";
+&nbsp;
+interface MlFollowGpsProps {
+  /**
+   * Id of the target MapLibre instance in mapContext
+   */
+  mapId?: string;
+  /**
+   * The layerId of an existing layer this layer should be rendered visually beneath
+   * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
+   */
+  insertBeforeLayer?: string;
+  /**
+   * By default a dot will be shown on the map at the user's location. Set to false to disable.
+   */
+  showUserLocation?: boolean;
+  /**
+   * By default a cone will be shown on the map at the user's location to indicate the device's orientation.
+   * Set to false to disable.
+   */
+  showOrientation?: boolean;
+  /**
+   * By default, if showUserLocation is true, a transparent circle will be drawn around the user location
+   * indicating the accuracy (95% confidence level) of the user's location. Set to false to disable.
+   */
+  showAccuracyCircle?: boolean,
+  /**
+   * position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
+   * Use any available paint prop from layer type "fill".
+   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+   */
+  circlePaint?: any;
+  /**
+   * Active button font color
+   */
+  onColor?: string;
+  /**
+   * Inactive button font color
+   */
+  offColor?: string;
+  /**
+   * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
+   * Use any available paint prop from layer type "fill".
+   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+   */
+  accuracyPaint?: any;
+  /**
+   * CSS style object that is applied to the button component
+   */
+  style?: any;
+}
+&nbsp;
 /**
  * Adds a button that makes the map follow the users GPS position using
  * navigator.geolocation.watchPosition if activated
  *
- * @param {object} props
- * @param {string} props.mapId Id of the target MapLibre instance in mapContext
- *
- * @component
  */
-const MlFollowGps = (props) =&gt; {
-  const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
+const MlFollowGps = (props: MlFollowGpsProps) =&gt; {
+  const mapHook = useMap({
+    mapId: props.mapId,
+    waitForLayer: props.insertBeforeLayer,
+  });
 &nbsp;
   const [isFollowed, setIsFollowed] = useState(false);
-  const [userLocationGeoJson, setUserLocationGeoJson] = useState(undefined);
+  const [userLocationGeoJson, setUserLocationGeoJson] =
+    useState&lt;Feature&lt;Point&gt;&gt;();
   const [locationAccessDenied, setLocationAccessDenied] = useState(false);
-  const [accuracyGeoJson, setAccuracyGeoJson] = useState();
+  const [accuracyGeoJson, setAccuracyGeoJson] = useState&lt;Feature&gt;();
   const [deviceOrientation, setDeviceOrientation] = useState(0);
 &nbsp;
   const getLocationSuccess = useCallback(
 <span class="fstat-no" title="function not covered" >    (p</span>os) =&gt; {
 <span class="cstat-no" title="statement not covered" >      if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      mapHook.map.flyTo({</span>
+<span class="cstat-no" title="statement not covered" >      mapHook.map.map.flyTo({</span>
         center: [pos.coords.longitude, pos.coords.latitude],
         zoom: 18,
         speed: 1,
@@ -544,52 +620,55 @@ const MlFollowGps = (props) =&gt; {
     [mapHook.map, props]
   );
 &nbsp;
-  const getLocationError = <span class="fstat-no" title="function not covered" >(e</span>rr) =&gt; {
+  const getLocationError = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
 <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>
   };
 &nbsp;
-  const orientationCone = useMemo(
-    () =&gt; {
-      if (!userLocationGeoJson) {
-        return undefined;
-      }
-      let radius = <span class="cstat-no" title="statement not covered" >0.02;</span>
-      let bearing1 = <span class="cstat-no" title="statement not covered" >deviceOrientation - 15;</span>
-      let bearing2 = <span class="cstat-no" title="statement not covered" >deviceOrientation + 15;</span>
-      const options = <span class="cstat-no" title="statement not covered" >{steps: 65};</span>
-      let arc = <span class="cstat-no" title="statement not covered" >lineArc(userLocationGeoJson, radius, bearing1, bearing2, options);</span>
-      let copy = <span class="cstat-no" title="statement not covered" >arc;</span>
-<span class="cstat-no" title="statement not covered" >      copy.geometry.coordinates.push(userLocationGeoJson.geometry.coordinates);</span>
-<span class="cstat-no" title="statement not covered" >      copy.geometry.coordinates.slice(0, 0, userLocationGeoJson.geometry.coordinates);</span>
-<span class="cstat-no" title="statement not covered" >      return copy;</span>
-    }, [deviceOrientation, userLocationGeoJson]
-  )
+  const orientationCone = useMemo(() =&gt; {
+    <span class="missing-if-branch" title="else path not taken" >E</span>if (!userLocationGeoJson) {
+      return undefined;
+    }
+    let radius = <span class="cstat-no" title="statement not covered" >0.02;</span>
+    let bearing1 = <span class="cstat-no" title="statement not covered" >deviceOrientation - 15;</span>
+    let bearing2 = <span class="cstat-no" title="statement not covered" >deviceOrientation + 15;</span>
+    const options = <span class="cstat-no" title="statement not covered" >{ steps: 65 };</span>
+    let arc = <span class="cstat-no" title="statement not covered" >lineArc(userLocationGeoJson, radius, bearing1, bearing2, options);</span>
+    let copy = <span class="cstat-no" title="statement not covered" >arc;</span>
+<span class="cstat-no" title="statement not covered" >    copy.geometry.coordinates.push(userLocationGeoJson.geometry.coordinates);</span>
+<span class="cstat-no" title="statement not covered" >    copy.geometry.coordinates.slice(0, 0);</span>
+<span class="cstat-no" title="statement not covered" >    return copy;</span>
+  }, [deviceOrientation, userLocationGeoJson]);
 &nbsp;
-  const handleOrientation = <span class="fstat-no" title="function not covered" >(e</span>vent) =&gt; {
-<span class="cstat-no" title="statement not covered" >    setDeviceOrientation(-event.alpha)</span>
-  }
+  const handleOrientation = <span class="fstat-no" title="function not covered" >(e</span>vent: any) =&gt; {
+<span class="cstat-no" title="statement not covered" >    setDeviceOrientation(-event.alpha);</span>
+  };
 &nbsp;
   useEffect(() =&gt; {
     if (isFollowed) {
       let _handleOrientation = handleOrientation;
-      window.addEventListener('deviceorientation', _handleOrientation)
+      window.addEventListener("deviceorientation", _handleOrientation);
       return () =&gt; {
-        window.removeEventListener('deviceorientation', _handleOrientation)
-      }
+        window.removeEventListener("deviceorientation", _handleOrientation);
+      };
     }
+    return;
   }, [isFollowed]);
 &nbsp;
   useEffect(() =&gt; {
     if (!mapHook.map) return;
 &nbsp;
     if (isFollowed) {
-      let _watchId = navigator.geolocation.watchPosition(getLocationSuccess, getLocationError);
+      let _watchId = navigator.geolocation.watchPosition(
+        getLocationSuccess,
+        getLocationError
+      );
 &nbsp;
       return () =&gt; {
         navigator.geolocation.clearWatch(_watchId);
       };
     }
+    return;
   }, [mapHook.map, isFollowed, getLocationSuccess]);
 &nbsp;
   return (
@@ -636,14 +715,18 @@ const MlFollowGps = (props) =&gt; {
       )}
 &nbsp;
       &lt;Button
-        sx={{ zIndex: 1002, color: isFollowed ? props.onColor : props.offColor, ...props.style }}
+        sx={{
+          zIndex: 1002,
+          color: isFollowed ? props.onColor : props.offColor,
+          ...props.style,
+        }}
         disabled={locationAccessDenied}
         onClick={() =&gt; {
           setIsFollowed(!isFollowed);
         }}
       &gt;
         {" "}
-        &lt;GpsFixedIcon sx={{ fontSize: props.style.fontSize }} /&gt;{" "}
+        &lt;GpsFixedIcon sx={{ ...(props.style?.fontSize?{fontSize: props.style?.fontSize}:<span class="branch-1 cbranch-no" title="branch not covered" >{})</span> }} /&gt;{" "}
       &lt;/Button&gt;
     &lt;/&gt;
   );
@@ -669,53 +752,9 @@ MlFollowGps.defaultProps = {
   offColor: "#666",
   showAccuracyCircle: true,
   showUserLocation: true,
-  showOrientation: true
+  showOrientation: true,
 };
 &nbsp;
-MlFollowGps.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
-  /**
-   * CSS style object that is applied to the button component
-   */
-  style: PropTypes.object,
-  /**
-   * Active button font color
-   */
-  onColor: PropTypes.string,
-  /**
-   * Inactive button font color
-   */
-  offColor: PropTypes.string,
-  /**
-   * Accuracy paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
-   * Use any available paint prop from layer type "fill".
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-   */
-  accuracyPaint: PropTypes.object,
-  /**
-   * position circle paint property object, that is passed to the MlGeoJsonLayer responsible for drawing the accuracy circle.
-   * Use any available paint prop from layer type "fill".
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-   */
-  circlePaint: PropTypes.object,
-  /**
-   * By default, if showUserLocation is true, a transparent circle will be drawn around the user location
-   * indicating the accuracy (95% confidence level) of the user's location. Set to false to disable.
-   */
-  showAccuracyCircle: PropTypes.bool,
-  /**
-   * By default a dot will be shown on the map at the user's location. Set to false to disable.
-   */
-  showUserLocation: PropTypes.bool,
-  /**
-   * By default a cone will be shown on the map at the user's location to indicate the device's orientation.
-   * Set to false to disable.
-   */
-  showOrientation: PropTypes.bool,
-};
 export default MlFollowGps;
 &nbsp;</pre></td></tr></table></pre>
@@ -724,7 +763,7 @@ export default MlFollowGps;
             <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 Mar 24 2022 17:50:13 GMT+0000 (Coordinated Universal Time)
+                at Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlFollowGps/index.html CHANGED Viewed

@@ -23,16 +23,16 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">60.78% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>30/50</span>
+                <span class='fraction'>31/51</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.21% </span>
+                <span class="strong">64% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>15/23</span>
+                <span class='fraction'>16/25</span>
             </div>
@@ -44,9 +44,9 @@
             <div class='fl pad1y space-right2'>
-                <span class="strong">61.7% </span>
+                <span class="strong">62.5% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>29/47</span>
+                <span class='fraction'>30/48</span>
             </div>
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file medium" data-value="MlFollowGps.js"><a href="MlFollowGps.js.html">MlFollowGps.js</a></td>
-	<td data-value="60" class="pic medium">
+	<td class="file medium" data-value="MlFollowGps.tsx"><a href="MlFollowGps.tsx.html">MlFollowGps.tsx</a></td>
+	<td data-value="60.78" class="pic medium">
 	<div class="chart"><div class="cover-fill" style="width: 60%"></div><div class="cover-empty" style="width: 40%"></div></div>
 	</td>
-	<td data-value="60" class="pct medium">60%</td>
-	<td data-value="50" class="abs medium">30/50</td>
-	<td data-value="65.21" class="pct medium">65.21%</td>
-	<td data-value="23" class="abs medium">15/23</td>
+	<td data-value="60.78" class="pct medium">60.78%</td>
+	<td data-value="51" class="abs medium">31/51</td>
+	<td data-value="64" class="pct medium">64%</td>
+	<td data-value="25" class="abs medium">16/25</td>
 	<td data-value="70" class="pct medium">70%</td>
 	<td data-value="10" class="abs medium">7/10</td>
-	<td data-value="61.7" class="pct medium">61.7%</td>
-	<td data-value="47" class="abs medium">29/47</td>
+	<td data-value="62.5" class="pct medium">62.5%</td>
+	<td data-value="48" class="abs medium">30/48</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 Thu Mar 24 2022 17:50:13 GMT+0000 (Coordinated Universal Time)
+                at Wed Apr 20 2022 08:13:18 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>