@mapcomponents/react-maplibre 0.1.57 → 0.1.58

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

@@ -352,134 +352,134 @@ import useMap from "../../hooks/useMap";
 import Point from "@mapbox/point-geometry";
  
 interface MlMarkerProps {
-  /**
-   * 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;
-  /**
-   * Longitude of the marker position
-   */
-  lng: number;
-  /**
-   * Latitude of the marker position
-   */
-  lat: number;
-  /**
-   * Content of the description popup
-   */
-  content?: string;
+	/**
+	 * 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;
+	/**
+	 * Longitude of the marker position
+	 */
+	lng: number;
+	/**
+	 * Latitude of the marker position
+	 */
+	lat: number;
+	/**
+	 * Content of the description popup
+	 */
+	content?: string;
 }
  
 /**
  * Adds a marker to the map and displays the contents of the "content" property in an iframe next to it
  */
 const MlMarker = <span class="fstat-no" title="function not covered" >(p</span>rops: MlMarkerProps) =&gt; {
-  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
+	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
 &nbsp;
-  const mapState = <span class="cstat-no" title="statement not covered" >useMapState({</span>
-    mapId: props.mapId,
-    watch: { viewport: true },
-  });
+	const mapState = <span class="cstat-no" title="statement not covered" >useMapState({</span>
+		mapId: props.mapId,
+		watch: { viewport: true },
+	});
 &nbsp;
-  const iframe = <span class="cstat-no" title="statement not covered" >useRef&lt;HTMLIFrameElement&gt;(null);</span>
+	const iframe = <span class="cstat-no" title="statement not covered" >useRef&lt;HTMLIFrameElement&gt;(null);</span>
 &nbsp;
-  const [iframeDimensions, setIframeDimensions] = <span class="cstat-no" title="statement not covered" >useState({</span>
-    width: "400px",
-    height: "500px",
-  });
+	const [iframeDimensions, setIframeDimensions] = <span class="cstat-no" title="statement not covered" >useState({</span>
+		width: "400px",
+		height: "500px",
+	});
 &nbsp;
-  const [markerPixelPos, setMarkerPixelPos] = <span class="cstat-no" title="statement not covered" >useState&lt;Point&gt;();</span>
+	const [markerPixelPos, setMarkerPixelPos] = <span class="cstat-no" title="statement not covered" >useState&lt;Point&gt;();</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapHook.map?.map?.project) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (!mapHook.map?.map?.project) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-    const _pixelPos = <span class="cstat-no" title="statement not covered" >mapHook.map.map.project([props.lng, props.lat]);</span>
+		const _pixelPos = <span class="cstat-no" title="statement not covered" >mapHook.map.map.project([props.lng, props.lat]);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    setMarkerPixelPos(_pixelPos);</span>
-  }, [mapHook.map, props.lng, props.lat, mapState.viewport]);
+<span class="cstat-no" title="statement not covered" >		setMarkerPixelPos(_pixelPos);</span>
+	}, [mapHook.map, props.lng, props.lat, mapState.viewport]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (</span>
-      !mapHook.map ||
-      !iframe.current?.contentWindow?.document?.body?.scrollHeight
-    )
-<span class="cstat-no" title="statement not covered" >      return;</span>
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (</span>
+			!mapHook.map ||
+			!iframe.current?.contentWindow?.document?.body?.scrollHeight
+		)
+<span class="cstat-no" title="statement not covered" >			return;</span>
 &nbsp;
-    let mapHeight = <span class="cstat-no" title="statement not covered" >mapHook.map.map._container.clientHeight;</span>
+		let mapHeight = <span class="cstat-no" title="statement not covered" >mapHook.map.map._container.clientHeight;</span>
 &nbsp;
-    const _pixelPos = <span class="cstat-no" title="statement not covered" >mapHook.map.map.project([props.lng, props.lat]);</span>
-    let pixelToBottom = <span class="cstat-no" title="statement not covered" >mapHeight - _pixelPos.y;</span>
-    let iframeHeight =
-<span class="cstat-no" title="statement not covered" >      iframe.current?.contentWindow?.document?.body?.scrollHeight;</span>
-    let iframeWidth =
-<span class="cstat-no" title="statement not covered" >      iframe.current?.contentWindow?.document?.body?.scrollWidth;</span>
+		const _pixelPos = <span class="cstat-no" title="statement not covered" >mapHook.map.map.project([props.lng, props.lat]);</span>
+		let pixelToBottom = <span class="cstat-no" title="statement not covered" >mapHeight - _pixelPos.y;</span>
+		let iframeHeight =
+<span class="cstat-no" title="statement not covered" >			iframe.current?.contentWindow?.document?.body?.scrollHeight;</span>
+		let iframeWidth =
+<span class="cstat-no" title="statement not covered" >			iframe.current?.contentWindow?.document?.body?.scrollWidth;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    setIframeDimensions({</span>
-      width: iframeWidth + "px",
-      height:
-        (pixelToBottom &lt; iframeHeight ? pixelToBottom : iframeHeight) + "px",
-    });
-  }, [props.lng, props.lat, props.content]);
+<span class="cstat-no" title="statement not covered" >		setIframeDimensions({</span>
+			width: iframeWidth + "px",
+			height:
+				(pixelToBottom &lt; iframeHeight ? pixelToBottom : iframeHeight) + "px",
+		});
+	}, [props.lng, props.lat, props.content]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      &lt;MlGeoJsonLayer
-        geojson={{
-          type: "Feature",
-          geometry: {
-            type: "Point",
-            coordinates: [props.lng, props.lat],
-          },
-          properties: {},
-        }}
-        paint={{
-          "circle-radius": 14,
-          "circle-color": "rgba(40,200,20,0.5)",
-        }}
-        type="circle"
-        mapId={props.mapId}
-      &gt;&lt;/MlGeoJsonLayer&gt;
-      {markerPixelPos &amp;&amp; (
-        &lt;Paper
-          sx={{
-            opacity: 0.7,
-            position: "fixed",
-            display: "flex",
-            /** TODO: fix positioning delay when moving the map */
-            left: markerPixelPos.x,
-            top: markerPixelPos.y,
-            width: iframeDimensions.width,
-            height: iframeDimensions.height,
-            "&amp;:hover": {
-              opacity: 1,
-            },
-            zIndex: -1,
-          }}
-        &gt;
-          &lt;iframe
-            style={{ width: "100%" }}
-            srcDoc={props.content}
-            ref={iframe}
-            sandbox="allow-same-origin allow-popups-to-escape-sandbox"
-            frameBorder="0"
-            title={mapHook.componentId}
-          &gt;&lt;/iframe&gt;
-        &lt;/Paper&gt;
-      )}
-    &lt;/&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			&lt;MlGeoJsonLayer
+				geojson={{
+					type: "Feature",
+					geometry: {
+						type: "Point",
+						coordinates: [props.lng, props.lat],
+					},
+					properties: {},
+				}}
+				paint={{
+					"circle-radius": 14,
+					"circle-color": "rgba(40,200,20,0.5)",
+				}}
+				type="circle"
+				mapId={props.mapId}
+			&gt;&lt;/MlGeoJsonLayer&gt;
+			{markerPixelPos &amp;&amp; (
+				&lt;Paper
+					sx={{
+						opacity: 0.7,
+						position: "fixed",
+						display: "flex",
+						/** TODO: fix positioning delay when moving the map */
+						left: markerPixelPos.x,
+						top: markerPixelPos.y,
+						width: iframeDimensions.width,
+						height: iframeDimensions.height,
+						"&amp;:hover": {
+							opacity: 1,
+						},
+						zIndex: -1,
+					}}
+				&gt;
+					&lt;iframe
+						style={{ width: "100%" }}
+						srcDoc={props.content}
+						ref={iframe}
+						sandbox="allow-same-origin allow-popups-to-escape-sandbox"
+						frameBorder="0"
+						title={mapHook.componentId}
+					&gt;&lt;/iframe&gt;
+				&lt;/Paper&gt;
+			)}
+		&lt;/&gt;
+	);
 };
 &nbsp;
 MlMarker.defaultProps = {
-  mapId: undefined,
+	mapId: undefined,
 };
 &nbsp;
 export default MlMarker;
@@ -490,7 +490,7 @@ export default MlMarker;
             <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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlMarker/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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -188,59 +188,59 @@ import MlFeatureEditor from "../MlFeatureEditor/MlFeatureEditor";
 import * as turf from "@turf/turf";
  
 interface MlMeasureToolProps {
-  /**
-   * String that specify if the Tool measures an area ("polygon") or length ("line")
-   */
-  measureType?: string;
-  /**
-   * String that dictates which unit of measurement is used
-   */
-  unit?: turf.Units;
+	/**
+	 * String that specify if the Tool measures an area ("polygon") or length ("line")
+	 */
+	measureType?: string;
+	/**
+	 * String that dictates which unit of measurement is used
+	 */
+	unit?: turf.Units;
 }
  
 //const unitSquareConvert = {
-//  kilometers: 1,
-//  miles: 1 / 2.58998811,
+//	kilometers: 1,
+//	miles: 1 / 2.58998811,
 //};
 function <span class="fstat-no" title="function not covered" >getUnitSquareMultiplier(</span>measureType:string | undefined) {
-<span class="cstat-no" title="statement not covered" >  return measureType === "miles" ? 1 / 2.58998811 : 1;</span>
+<span class="cstat-no" title="statement not covered" >	return measureType === "miles" ? 1 / 2.58998811 : 1;</span>
 }
 function <span class="fstat-no" title="function not covered" >getUnitLabel(</span>measureType:string | undefined) {
-<span class="cstat-no" title="statement not covered" >  return measureType === "miles" ? 'mi' : 'km';</span>
+<span class="cstat-no" title="statement not covered" >	return measureType === "miles" ? 'mi' : 'km';</span>
 }
 &nbsp;
 const MlMeasureTool = <span class="fstat-no" title="function not covered" >(p</span>rops: MlMeasureToolProps) =&gt; {
-  const [length, setLength] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
-  const [currentFeatures, setCurrentFeatures] = <span class="cstat-no" title="statement not covered" >useState([undefined]);</span>
+	const [length, setLength] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
+	const [currentFeatures, setCurrentFeatures] = <span class="cstat-no" title="statement not covered" >useState([undefined]);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (currentFeatures[0]) {</span>
-<span class="cstat-no" title="statement not covered" >      setLength(</span>
-        props.measureType === "polygon"
-          ? (turf.area(currentFeatures[0]) / 1000000) * getUnitSquareMultiplier(props.unit)
-          : turf.length(currentFeatures[0], { units: props.unit })
-      );
-    }
-  }, [props.unit, currentFeatures]);
+<span class="cstat-no" title="statement not covered" >	useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >		if (currentFeatures[0]) {</span>
+<span class="cstat-no" title="statement not covered" >			setLength(</span>
+				props.measureType === "polygon"
+					? (turf.area(currentFeatures[0]) / 1000000) * getUnitSquareMultiplier(props.unit)
+					: turf.length(currentFeatures[0], { units: props.unit })
+			);
+		}
+	}, [props.unit, currentFeatures]);
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      &lt;MlFeatureEditor
-        onChange={<span class="fstat-no" title="function not covered" >(f</span>eatures:any) =&gt; {
-<span class="cstat-no" title="statement not covered" >          setCurrentFeatures(features);</span>
-        }}
-        mode={props.measureType === "polygon" ? "custom_polygon" : "draw_line_string"}
-      /&gt;
-      {length.toFixed(2)} {getUnitLabel(props.unit)}
-      {props.measureType === "polygon" ? "²" : ""}
-    &lt;/&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			&lt;MlFeatureEditor
+				onChange={<span class="fstat-no" title="function not covered" >(f</span>eatures:any) =&gt; {
+<span class="cstat-no" title="statement not covered" >					setCurrentFeatures(features);</span>
+				}}
+				mode={props.measureType === "polygon" ? "custom_polygon" : "draw_line_string"}
+			/&gt;
+			{length.toFixed(2)} {getUnitLabel(props.unit)}
+			{props.measureType === "polygon" ? "²" : ""}
+		&lt;/&gt;
+	);
 };
 &nbsp;
 MlMeasureTool.defaultProps = {
-  mapId: undefined,
-  measureType: "line",
-  unit: "kilometers",
+	mapId: undefined,
+	measureType: "line",
+	unit: "kilometers",
 };
 export default MlMeasureTool;
 &nbsp;</pre></td></tr></table></pre>
@@ -250,7 +250,7 @@ export default MlMeasureTool;
             <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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlMeasureTool/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 Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>