@mapcomponents/react-maplibre 0.1.57 → 0.1.59

package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html

@@ -525,213 +525,213 @@ import PropTypes from "prop-types";
  * @component
  */
 const MlSpatialElevationProfile = (props) => {
-  const mapContext = useContext(MapContext);
+	const mapContext = useContext(MapContext);
  
-  const componentId = useRef(
-    (props.idPrefix ? <span class="branch-0 cbranch-no" title="branch not covered" >props.idPrefix </span>: "MlSpatialElevationProfile-") + uuidv4()
-  );
-  const mapRef = useRef(null);
-  const initializedRef = useRef(false);
+	const componentId = useRef(
+		(props.idPrefix ? <span class="branch-0 cbranch-no" title="branch not covered" >props.idPrefix </span>: "MlSpatialElevationProfile-") + uuidv4()
+	);
+	const mapRef = useRef(null);
+	const initializedRef = useRef(false);
 &nbsp;
-  const dataSource = useContext(GeoJsonContext);
-  const sourceName = useRef("elevationprofile-" + uuidv4());
-  const layerName = useRef("elevationprofile-layer-" + uuidv4());
+	const dataSource = useContext(GeoJsonContext);
+	const sourceName = useRef("elevationprofile-" + uuidv4());
+	const layerName = useRef("elevationprofile-layer-" + uuidv4());
 &nbsp;
-  const createStep = useCallback(
-<span class="fstat-no" title="function not covered" >    (x</span>, y, z, x2, y2) =&gt; {
-      //const summand = 0.0002;
-      const line = <span class="cstat-no" title="statement not covered" >lineString([</span>
-        [x, y],
-        [x2, y2],
-      ]);
-      const offsetLine = <span class="cstat-no" title="statement not covered" >lineOffset(line, 5, { units: "meters" });</span>
-      const x3 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[0][0];</span>
-      const y3 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[0][1];</span>
-      const x4 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[1][0];</span>
-      const y4 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[1][1];</span>
+	const createStep = useCallback(
+<span class="fstat-no" title="function not covered" >		(x</span>, y, z, x2, y2) =&gt; {
+			//const summand = 0.0002;
+			const line = <span class="cstat-no" title="statement not covered" >lineString([</span>
+				[x, y],
+				[x2, y2],
+			]);
+			const offsetLine = <span class="cstat-no" title="statement not covered" >lineOffset(line, 5, { units: "meters" });</span>
+			const x3 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[0][0];</span>
+			const y3 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[0][1];</span>
+			const x4 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[1][0];</span>
+			const y4 = <span class="cstat-no" title="statement not covered" >offsetLine.geometry.coordinates[1][1];</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      return polygon(</span>
-        [
-          [
-            [x, y],
-            [x2, y2],
+<span class="cstat-no" title="statement not covered" >			return polygon(</span>
+				[
+					[
+						[x, y],
+						[x2, y2],
 &nbsp;
-            [x4, y4],
-            [x3, y3],
-            [x, y],
-          ],
-        ],
-        { height: z * props.elevationFactor }
-      );
-    },
-    [props.elevationFactor]
-  );
+						[x4, y4],
+						[x3, y3],
+						[x, y],
+					],
+				],
+				{ height: z * props.elevationFactor }
+			);
+		},
+		[props.elevationFactor]
+	);
 &nbsp;
-  useEffect(() =&gt; {
-    let _componentId = componentId.current;
-    return () =&gt; {
-      // This is the cleanup function, it is called when this react component is removed from react-dom
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (mapRef.current) {
-        mapRef.current.cleanup(_componentId);
+	useEffect(() =&gt; {
+		let _componentId = componentId.current;
+		return () =&gt; {
+			// This is the cleanup function, it is called when this react component is removed from react-dom
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (mapRef.current) {
+				mapRef.current.cleanup(_componentId);
 &nbsp;
-        mapRef.current = null;
-      }
-    };
-  }, []);
+				mapRef.current = null;
+			}
+		};
+	}, []);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
+	useEffect(() =&gt; {
+		if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
 &nbsp;
-    initializedRef.current = true;
-    mapRef.current = mapContext.getMap(props.mapId);
+		initializedRef.current = true;
+		mapRef.current = mapContext.getMap(props.mapId);
 &nbsp;
-    mapRef.current.addSource(
-      sourceName.current,
-      {
-        type: "geojson",
-        data: dataSource.data,
-      },
-      componentId.current
-    );
-    mapRef.current.addLayer(
-      {
-        id: layerName.current,
-        source: sourceName.current,
-        type: "fill-extrusion",
-        paint: {
-          "fill-extrusion-height": ["get", "height"],
-          "fill-extrusion-opacity": 0.9,
-          "fill-extrusion-color": [
-            "interpolate",
-            ["linear"],
-            ["get", "height"],
-            0,
-            "rgba(0, 0, 255, 0)",
-            0.1,
-            "royalblue",
-            0.3,
-            "cyan",
-            0.5,
-            "lime",
-            0.7,
-            "yellow",
-            1,
-            "yellow",
-          ],
-        },
-      },
-      props.insertBeforeLayer,
-      componentId.current
-    );
-  }, [mapContext.mapIds, props.insertBeforeLayer, props.mapId, dataSource, mapContext]);
+		mapRef.current.addSource(
+			sourceName.current,
+			{
+				type: "geojson",
+				data: dataSource.data,
+			},
+			componentId.current
+		);
+		mapRef.current.addLayer(
+			{
+				id: layerName.current,
+				source: sourceName.current,
+				type: "fill-extrusion",
+				paint: {
+					"fill-extrusion-height": ["get", "height"],
+					"fill-extrusion-opacity": 0.9,
+					"fill-extrusion-color": [
+						"interpolate",
+						["linear"],
+						["get", "height"],
+						0,
+						"rgba(0, 0, 255, 0)",
+						0.1,
+						"royalblue",
+						0.3,
+						"cyan",
+						0.5,
+						"lime",
+						0.7,
+						"yellow",
+						1,
+						"yellow",
+					],
+				},
+			},
+			props.insertBeforeLayer,
+			componentId.current
+		);
+	}, [mapContext.mapIds, props.insertBeforeLayer, props.mapId, dataSource, mapContext]);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapRef.current || !mapRef.current.getLayer(layerName.current)) return;
-    const { data } = dataSource;
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (!data || <span class="branch-1 cbranch-no" title="branch not covered" >!data.features)</span> return;
+	useEffect(() =&gt; {
+		if (!mapRef.current || !mapRef.current.getLayer(layerName.current)) return;
+		const { data } = dataSource;
+		<span class="missing-if-branch" title="else path not taken" >E</span>if (!data || <span class="branch-1 cbranch-no" title="branch not covered" >!data.features)</span> return;
 &nbsp;
-    const line = <span class="cstat-no" title="statement not covered" >data.features.find(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      return element.geometry.type === "LineString";</span>
-    });
-<span class="cstat-no" title="statement not covered" >    if (!line || !line.geometry) <span class="cstat-no" title="statement not covered" >return;</span></span>
-    const heights = <span class="cstat-no" title="statement not covered" >line.geometry.coordinates.map(<span class="fstat-no" title="function not covered" >(c</span>oordinate, index) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >      return coordinate[2];</span>
-    });
+		const line = <span class="cstat-no" title="statement not covered" >data.features.find(<span class="fstat-no" title="function not covered" >(e</span>lement) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			return element.geometry.type === "LineString";</span>
+		});
+<span class="cstat-no" title="statement not covered" >		if (!line || !line.geometry) <span class="cstat-no" title="statement not covered" >return;</span></span>
+		const heights = <span class="cstat-no" title="statement not covered" >line.geometry.coordinates.map(<span class="fstat-no" title="function not covered" >(c</span>oordinate, index) =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >			return coordinate[2];</span>
+		});
 &nbsp;
-    const min = <span class="cstat-no" title="statement not covered" >Math.min(...heights);</span>
+		const min = <span class="cstat-no" title="statement not covered" >Math.min(...heights);</span>
 &nbsp;
-    let max = <span class="cstat-no" title="statement not covered" >Math.max(...heights) - min;</span>
+		let max = <span class="cstat-no" title="statement not covered" >Math.max(...heights) - min;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    max = max === 0 ? 1 : max;</span>
+<span class="cstat-no" title="statement not covered" >		max = max === 0 ? 1 : max;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    mapRef.current.setPaintProperty(layerName.current, "fill-extrusion-color", [</span>
-      "interpolate",
-      ["linear"],
-      ["get", "height"],
-      0,
-      "rgb(0,255,55)",
-      max * props.elevationFactor,
-      "rgb(255,0,0)",
-    ]);
-    const lerp = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(x</span>, y, a) =&gt; <span class="cstat-no" title="statement not covered" >x * (1 - a) + y * a;</span></span>
-    const points = <span class="cstat-no" title="statement not covered" >[];</span>
+<span class="cstat-no" title="statement not covered" >		mapRef.current.setPaintProperty(layerName.current, "fill-extrusion-color", [</span>
+			"interpolate",
+			["linear"],
+			["get", "height"],
+			0,
+			"rgb(0,255,55)",
+			max * props.elevationFactor,
+			"rgb(255,0,0)",
+		]);
+		const lerp = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(x</span>, y, a) =&gt; <span class="cstat-no" title="statement not covered" >x * (1 - a) + y * a;</span></span>
+		const points = <span class="cstat-no" title="statement not covered" >[];</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    line.geometry.coordinates.forEach(<span class="fstat-no" title="function not covered" >(c</span>oordinate, index) =&gt; {</span>
-      //const point = createPoint(coordinate[0],coordinate[1],coordinate[2]-min);
-      //points.push(point);
-<span class="cstat-no" title="statement not covered" >      if (line.geometry.coordinates[index + 1]) {</span>
-        const wayLength = <span class="cstat-no" title="statement not covered" >distance(</span>
-          [coordinate[0], coordinate[1]],
-          [line.geometry.coordinates[index + 1][0], line.geometry.coordinates[index + 1][1]],
-          { units: "kilometers" }
-        );
-        let listLength = <span class="cstat-no" title="statement not covered" >~~((wayLength * 1000) / 10);</span>
-<span class="cstat-no" title="statement not covered" >        listLength = listLength &lt; 1 ? 1 : listLength;</span>
-<span class="cstat-no" title="statement not covered" >        for (let i = <span class="cstat-no" title="statement not covered" >0;</span> i &lt; listLength; i++) {</span>
-          const x = <span class="cstat-no" title="statement not covered" >lerp(</span>
-            line.geometry.coordinates[index][0],
-            line.geometry.coordinates[index + 1][0],
-            i / listLength
-          );
-          const y = <span class="cstat-no" title="statement not covered" >lerp(</span>
-            line.geometry.coordinates[index][1],
-            line.geometry.coordinates[index + 1][1],
-            i / listLength
-          );
-          const z = <span class="cstat-no" title="statement not covered" >lerp(</span>
-            line.geometry.coordinates[index][2] - min,
-            line.geometry.coordinates[index + 1][2] - min,
-            i / listLength
-          );
+<span class="cstat-no" title="statement not covered" >		line.geometry.coordinates.forEach(<span class="fstat-no" title="function not covered" >(c</span>oordinate, index) =&gt; {</span>
+			//const point = createPoint(coordinate[0],coordinate[1],coordinate[2]-min);
+			//points.push(point);
+<span class="cstat-no" title="statement not covered" >			if (line.geometry.coordinates[index + 1]) {</span>
+				const wayLength = <span class="cstat-no" title="statement not covered" >distance(</span>
+					[coordinate[0], coordinate[1]],
+					[line.geometry.coordinates[index + 1][0], line.geometry.coordinates[index + 1][1]],
+					{ units: "kilometers" }
+				);
+				let listLength = <span class="cstat-no" title="statement not covered" >~~((wayLength * 1000) / 10);</span>
+<span class="cstat-no" title="statement not covered" >				listLength = listLength &lt; 1 ? 1 : listLength;</span>
+<span class="cstat-no" title="statement not covered" >				for (let i = <span class="cstat-no" title="statement not covered" >0;</span> i &lt; listLength; i++) {</span>
+					const x = <span class="cstat-no" title="statement not covered" >lerp(</span>
+						line.geometry.coordinates[index][0],
+						line.geometry.coordinates[index + 1][0],
+						i / listLength
+					);
+					const y = <span class="cstat-no" title="statement not covered" >lerp(</span>
+						line.geometry.coordinates[index][1],
+						line.geometry.coordinates[index + 1][1],
+						i / listLength
+					);
+					const z = <span class="cstat-no" title="statement not covered" >lerp(</span>
+						line.geometry.coordinates[index][2] - min,
+						line.geometry.coordinates[index + 1][2] - min,
+						i / listLength
+					);
 &nbsp;
-          const x2 = <span class="cstat-no" title="statement not covered" >lerp(</span>
-            line.geometry.coordinates[index][0],
-            line.geometry.coordinates[index + 1][0],
-            (i + 1) / listLength
-          );
-          const y2 = <span class="cstat-no" title="statement not covered" >lerp(</span>
-            line.geometry.coordinates[index][1],
-            line.geometry.coordinates[index + 1][1],
-            (i + 1) / listLength
-          );
+					const x2 = <span class="cstat-no" title="statement not covered" >lerp(</span>
+						line.geometry.coordinates[index][0],
+						line.geometry.coordinates[index + 1][0],
+						(i + 1) / listLength
+					);
+					const y2 = <span class="cstat-no" title="statement not covered" >lerp(</span>
+						line.geometry.coordinates[index][1],
+						line.geometry.coordinates[index + 1][1],
+						(i + 1) / listLength
+					);
 &nbsp;
-          const point = <span class="cstat-no" title="statement not covered" >createStep(x, y, z, x2, y2);</span>
-<span class="cstat-no" title="statement not covered" >          points.push(point);</span>
-        }
-      }
-    });
+					const point = <span class="cstat-no" title="statement not covered" >createStep(x, y, z, x2, y2);</span>
+<span class="cstat-no" title="statement not covered" >					points.push(point);</span>
+				}
+			}
+		});
 &nbsp;
-    const newData = <span class="cstat-no" title="statement not covered" >dataSource.getEmptyFeatureCollection();</span>
-<span class="cstat-no" title="statement not covered" >    newData.features = points;</span>
+		const newData = <span class="cstat-no" title="statement not covered" >dataSource.getEmptyFeatureCollection();</span>
+<span class="cstat-no" title="statement not covered" >		newData.features = points;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    mapRef.current.getSource(sourceName.current)?.setData(newData);</span>
-  }, [dataSource.data, createStep, dataSource, props.elevationFactor, mapContext]);
+<span class="cstat-no" title="statement not covered" >		mapRef.current.getSource(sourceName.current)?.setData(newData);</span>
+	}, [dataSource.data, createStep, dataSource, props.elevationFactor, mapContext]);
 &nbsp;
-  return &lt;&gt;&lt;/&gt;;
+	return &lt;&gt;&lt;/&gt;;
 };
 &nbsp;
 MlSpatialElevationProfile.defaultProps = {
-  elevationFactor: 1,
+	elevationFactor: 1,
 };
 &nbsp;
 MlSpatialElevationProfile.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
-  /**
-   * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
-   */
-  idPrefix: PropTypes.string,
-  /**
-   * Number describes the factor of the height of the elevation
-   */
-  elevationFactor: PropTypes.number,
-  /**
-   * 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: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
+	/**
+	 * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
+	 */
+	idPrefix: PropTypes.string,
+	/**
+	 * Number describes the factor of the height of the elevation
+	 */
+	elevationFactor: PropTypes.number,
+	/**
+	 * 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: PropTypes.string,
 };
 &nbsp;
 export default MlSpatialElevationProfile;
@@ -742,7 +742,7 @@ export default MlSpatialElevationProfile;
             <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 12:11:13 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlSpatialElevationProfile/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 12:11:13 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>