@mapcomponents/react-maplibre 0.1.56 → 0.1.58

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

@@ -356,11 +356,11 @@
 <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, {
-  useContext,
-  useCallback,
-  useRef,
-  useEffect,
-  useState,
+	useContext,
+	useCallback,
+	useRef,
+	useEffect,
+	useState,
 } from "react";
 // @ts-ignore
 import syncMove from "@mapbox/mapbox-gl-sync-move";
@@ -368,136 +368,136 @@ import "./style.css";
 import MapContext from "../../contexts/MapContext";
 &nbsp;
 interface MlLayerSwipeProps {
-  /**
-   * Id of the first MapLibre instance.
-   */
-  map1Id: string;
-  /**
-   * Id of the second MapLibre instance.
-   */
-  map2Id: string;
+	/**
+	 * Id of the first MapLibre instance.
+	 */
+	map1Id: string;
+	/**
+	 * Id of the second MapLibre instance.
+	 */
+	map2Id: string;
 }
 &nbsp;
 /**
- *  creates a split view of 2 synchronised maplibre instances
+ *	creates a split view of 2 synchronised maplibre instances
  */
 const MlLayerSwipe = (props: MlLayerSwipeProps) =&gt; {
-  const mapContext: MapContextType = useContext(MapContext);
-  const initializedRef = useRef(false);
+	const mapContext: MapContextType = useContext(MapContext);
+	const initializedRef = useRef(false);
 &nbsp;
-  const [swipeX, setSwipeX] = useState(50);
-  const swipeXRef = useRef(0);
+	const [swipeX, setSwipeX] = useState(50);
+	const swipeXRef = useRef(0);
 &nbsp;
-  const syncCleanupFunctionRef = useRef(<span class="fstat-no" title="function not covered" >()</span> =&gt; {});
+	const syncCleanupFunctionRef = useRef(<span class="fstat-no" title="function not covered" >()</span> =&gt; {});
 &nbsp;
-  const mapExists = useCallback(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.map1Id || !props.map2Id) {
-<span class="cstat-no" title="statement not covered" >      return false;</span>
-    }
-    if (!mapContext.getMap(props.map1Id) || !mapContext.getMap(props.map2Id)) {
-      return false;
-    }
+	const mapExists = useCallback(() =&gt; {
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (!props.map1Id || !props.map2Id) {
+<span class="cstat-no" title="statement not covered" >			return false;</span>
+		}
+		if (!mapContext.getMap(props.map1Id) || !mapContext.getMap(props.map2Id)) {
+			return false;
+		}
 &nbsp;
-    return true;
-  }, [mapContext, props.map1Id, props.map2Id]);
+		return true;
+	}, [mapContext, props.map1Id, props.map2Id]);
 &nbsp;
-  const cleanup = () =&gt; {
-      syncCleanupFunctionRef.current();
-  };
+	const cleanup = () =&gt; {
+			syncCleanupFunctionRef.current();
+	};
 &nbsp;
-  const onMove = useCallback(
-    (e) =&gt; {
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (!mapExists()) <span class="cstat-no" title="statement not covered" >return;</span>
+	const onMove = useCallback(
+		(e) =&gt; {
+			<span class="missing-if-branch" title="if path not taken" >I</span>if (!mapExists()) <span class="cstat-no" title="statement not covered" >return;</span>
 &nbsp;
-      let bounds = mapContext.maps[props.map1Id]
-        .getCanvas()
-        .getBoundingClientRect();
-      let clientX =
-        e.clientX ||
-        (typeof e.touches !== "undefined" &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >typeof e.touches[0] !== "undefined"</span>
-          ? <span class="branch-0 cbranch-no" title="branch not covered" >e.touches[0].clientX</span>
-          : 0);
+			let bounds = mapContext.maps[props.map1Id]
+				.getCanvas()
+				.getBoundingClientRect();
+			let clientX =
+				e.clientX ||
+				(typeof e.touches !== "undefined" &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >typeof e.touches[0] !== "undefined"</span>
+					? <span class="branch-0 cbranch-no" title="branch not covered" >e.touches[0].clientX</span>
+					: 0);
 &nbsp;
-      clientX -= bounds.x;
-      let swipeX_tmp = parseFloat(((clientX / bounds.width) * 100).toFixed(2));
+			clientX -= bounds.x;
+			let swipeX_tmp = parseFloat(((clientX / bounds.width) * 100).toFixed(2));
 &nbsp;
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (swipeXRef.current !== swipeX_tmp) {
-        setSwipeX(swipeX_tmp);
-        swipeXRef.current = swipeX_tmp;
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (swipeXRef.current !== swipeX_tmp) {
+				setSwipeX(swipeX_tmp);
+				swipeXRef.current = swipeX_tmp;
 &nbsp;
-        var clipA =
-          "rect(0, " +
-          (swipeXRef.current * bounds.width) / 100 +
-          "px, 999em, 0)";
+				var clipA =
+					"rect(0, " +
+					(swipeXRef.current * bounds.width) / 100 +
+					"px, 999em, 0)";
 &nbsp;
-        mapContext.maps[props.map2Id].getContainer().style.clip = clipA;
-      }
-    },
-    [mapContext, mapExists, props.map1Id, props.map2Id]
-  );
+				mapContext.maps[props.map2Id].getContainer().style.clip = clipA;
+			}
+		},
+		[mapContext, mapExists, props.map1Id, props.map2Id]
+	);
 &nbsp;
-  useEffect(() =&gt; {
-    return cleanup;
-  }, []);
+	useEffect(() =&gt; {
+		return cleanup;
+	}, []);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapExists() || initializedRef.current) return;
+	useEffect(() =&gt; {
+		if (!mapExists() || initializedRef.current) return;
 &nbsp;
-    initializedRef.current = true;
-    syncCleanupFunctionRef.current = syncMove(
-      mapContext.getMap(props.map1Id).map,
-      mapContext.getMap(props.map2Id).map
-    );
-    onMove({
-      clientX: mapContext.maps[props.map1Id].getCanvas().clientWidth / 2,
-    });
-  }, [mapContext.mapIds, mapContext, props, onMove, mapExists]);
+		initializedRef.current = true;
+		syncCleanupFunctionRef.current = syncMove(
+			mapContext.getMap(props.map1Id).map,
+			mapContext.getMap(props.map2Id).map
+		);
+		onMove({
+			clientX: mapContext.maps[props.map1Id].getCanvas().clientWidth / 2,
+		});
+	}, [mapContext.mapIds, mapContext, props, onMove, mapExists]);
 &nbsp;
-  const onDown = <span class="fstat-no" title="function not covered" >(e</span>: any) =&gt; {
-<span class="cstat-no" title="statement not covered" >    if (e.touches) {</span>
-<span class="cstat-no" title="statement not covered" >      document.addEventListener("touchmove", onMove);</span>
-<span class="cstat-no" title="statement not covered" >      document.addEventListener("touchend", onTouchEnd);</span>
-    } else {
-<span class="cstat-no" title="statement not covered" >      document.addEventListener("mousemove", onMove);</span>
-<span class="cstat-no" title="statement not covered" >      document.addEventListener("mouseup", onMouseUp);</span>
-    }
-  };
+	const onDown = <span class="fstat-no" title="function not covered" >(e</span>: any) =&gt; {
+<span class="cstat-no" title="statement not covered" >		if (e.touches) {</span>
+<span class="cstat-no" title="statement not covered" >			document.addEventListener("touchmove", onMove);</span>
+<span class="cstat-no" title="statement not covered" >			document.addEventListener("touchend", onTouchEnd);</span>
+		} else {
+<span class="cstat-no" title="statement not covered" >			document.addEventListener("mousemove", onMove);</span>
+<span class="cstat-no" title="statement not covered" >			document.addEventListener("mouseup", onMouseUp);</span>
+		}
+	};
 &nbsp;
-  const onTouchEnd = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >    document.removeEventListener("touchmove", onMove);</span>
-<span class="cstat-no" title="statement not covered" >    document.removeEventListener("touchend", onTouchEnd);</span>
-  };
+	const onTouchEnd = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >		document.removeEventListener("touchmove", onMove);</span>
+<span class="cstat-no" title="statement not covered" >		document.removeEventListener("touchend", onTouchEnd);</span>
+	};
 &nbsp;
-  const onMouseUp = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >    document.removeEventListener("mousemove", onMove);</span>
-<span class="cstat-no" title="statement not covered" >    document.removeEventListener("mouseup", onMouseUp);</span>
-  };
+	const onMouseUp = <span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >		document.removeEventListener("mousemove", onMove);</span>
+<span class="cstat-no" title="statement not covered" >		document.removeEventListener("mouseup", onMouseUp);</span>
+	};
 &nbsp;
-  return (
-    &lt;div
-      style={{
-        position: "absolute",
-        left: swipeX + "%",
-        top: "50%",
-        borderRadius: "50%",
-        width: "100px",
-        height: "100px",
-        background: "#0066ff",
-        border: "3px solid #eaebf1",
-        cursor: "pointer",
-        zIndex: "110",
-        marginLeft: "-50px",
-        marginTop: "-50px",
-        textAlign: "center",
-        lineHeight: "91px",
-        fontSize: "2em",
-        color: "#fafafa",
-        userSelect: "none",
-      }}
-      onTouchStart={onDown}
-      onMouseDown={onDown}
-    &gt;&lt;/div&gt;
-  );
+	return (
+		&lt;div
+			style={{
+				position: "absolute",
+				left: swipeX + "%",
+				top: "50%",
+				borderRadius: "50%",
+				width: "100px",
+				height: "100px",
+				background: "#0066ff",
+				border: "3px solid #eaebf1",
+				cursor: "pointer",
+				zIndex: "110",
+				marginLeft: "-50px",
+				marginTop: "-50px",
+				textAlign: "center",
+				lineHeight: "91px",
+				fontSize: "2em",
+				color: "#fafafa",
+				userSelect: "none",
+			}}
+			onTouchStart={onDown}
+			onMouseDown={onDown}
+		&gt;&lt;/div&gt;
+	);
 };
 &nbsp;
 export default MlLayerSwipe;
@@ -508,7 +508,7 @@ export default MlLayerSwipe;
             <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 Aug 11 2022 13:20:32 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/MlLayerSwipe/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 Thu Aug 11 2022 13:20:32 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>