npm - @mapcomponents/react-maplibre - Versions diffs - 0.1.66 → 0.1.68 - Mend

@mapcomponents/react-maplibre 0.1.66 → 0.1.68

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 (287) hide show

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

@@ -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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html CHANGED Viewed

@@ -748,7 +748,7 @@ export default MlNavigationCompass;
             <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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html CHANGED Viewed

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">5.71% </span>
+                <span class="strong">6.45% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/35</span>
+                <span class='fraction'>2/31</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/44</span>
+                <span class='fraction'>0/36</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/8</span>
+                <span class='fraction'>0/6</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.66% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/30</span>
+                <span class='fraction'>2/26</span>
             </div>
@@ -239,31 +239,7 @@
 <a name='L174'></a><a href='#L174'>174</a>
 <a name='L175'></a><a href='#L175'>175</a>
 <a name='L176'></a><a href='#L176'>176</a>
-<a name='L177'></a><a href='#L177'>177</a>
-<a name='L178'></a><a href='#L178'>178</a>
-<a name='L179'></a><a href='#L179'>179</a>
-<a name='L180'></a><a href='#L180'>180</a>
-<a name='L181'></a><a href='#L181'>181</a>
-<a name='L182'></a><a href='#L182'>182</a>
-<a name='L183'></a><a href='#L183'>183</a>
-<a name='L184'></a><a href='#L184'>184</a>
-<a name='L185'></a><a href='#L185'>185</a>
-<a name='L186'></a><a href='#L186'>186</a>
-<a name='L187'></a><a href='#L187'>187</a>
-<a name='L188'></a><a href='#L188'>188</a>
-<a name='L189'></a><a href='#L189'>189</a>
-<a name='L190'></a><a href='#L190'>190</a>
-<a name='L191'></a><a href='#L191'>191</a>
-<a name='L192'></a><a href='#L192'>192</a>
-<a name='L193'></a><a href='#L193'>193</a>
-<a name='L194'></a><a href='#L194'>194</a>
-<a name='L195'></a><a href='#L195'>195</a>
-<a name='L196'></a><a href='#L196'>196</a>
-<a name='L197'></a><a href='#L197'>197</a>
-<a name='L198'></a><a href='#L198'>198</a>
-<a name='L199'></a><a href='#L199'>199</a>
-<a name='L200'></a><a href='#L200'>200</a>
-<a name='L201'></a><a href='#L201'>201</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L177'></a><a href='#L177'>177</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>
@@ -316,33 +292,19 @@
 <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">10x</span>
-<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-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<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-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">10x</span>
+<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-neutral">&nbsp;</span>
 <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-no">&nbsp;</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>
@@ -417,16 +379,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-no">&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-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>
@@ -511,11 +463,16 @@ interface MlNavigationToolsProps {
 	 * Style attribute for NavigationTools container
 	 */
 	sx?: SxProps;
+	/**
+	 * Style attribute for NavigationTools container
+	 */
+	mediaIsMobile?: boolean;
 }
 &nbsp;
 /**
  * @component
  */
+&nbsp;
 const MlNavigationTools = <span class="fstat-no" title="function not covered" >(p</span>rops: MlNavigationToolsProps) =&gt; {
 	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
 		mapId: props.mapId,
@@ -523,32 +480,13 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
 	});
 &nbsp;
 	const [pitch, setPitch] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
-	const mediaIsMobile = <span class="cstat-no" title="statement not covered" >useMediaQuery("(max-width:900px)");</span>
-	const buttonStyle = <span class="cstat-no" title="statement not covered" >{</span>
-		minWidth: "20px",
-		minHeight: "20px",
-		width: mediaIsMobile ? "50px" : "30px",
-		height: mediaIsMobile ? "50px" : "30px",
-		backgroundColor: "#414141",
-		borderRadius: "23%",
-		//border: "1px solid #bbb",
-		//boxShadow: "0px 0px 4px rgba(0,0,0,.5)",
-		margin: 0.15,
-		fontSize: mediaIsMobile ? "1.4em" : "1.2em",
-		":hover": {
-			backgroundColor: "#515151",
-		},
-		color: "#ececec",
-	};
-	const iconStyle = <span class="cstat-no" title="statement not covered" >{</span>
-		fontSize: buttonStyle.fontSize,
-	};
+	const mediaIsMobile = <span class="cstat-no" title="statement not covered" >useMediaQuery('(max-width:900px)');</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) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
 <span class="cstat-no" title="statement not covered" >		mapHook.map.on(</span>
-			"pitchend",
+			'pitchend',
 <span class="fstat-no" title="function not covered" >			()</span> =&gt; {
 <span class="cstat-no" title="statement not covered" >				if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
@@ -589,63 +527,53 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
 		&lt;Box
 			sx={{
 				zIndex: 501,
-				position: "absolute",
-				display: "flex",
-				flexDirection: "column",
-				...(mediaIsMobile ? { margin: "20px 10px 20px 10px" } : {}),
+				position: 'absolute',
+				display: 'flex',
+				flexDirection: 'column',
+				...(mediaIsMobile ? { margin: '20px 10px 20px 10px' } : {}),
 				...props.sx,
 			}}
 		&gt;
 			&lt;MlNavigationCompass
 				style={{
-					width: "31px",
-					position: "relative",
-					height: mediaIsMobile ? "55px" : "45px",
-					marginLeft: mediaIsMobile ? "3px" : "-5px",
-					transform: mediaIsMobile ? "scale(1.6)" : "scale(1)",
+					width: '31px',
+					position: 'relative',
+					height: mediaIsMobile ? '55px' : '45px',
+					marginLeft: mediaIsMobile ? '3px' : '-5px',
+					transform: mediaIsMobile ? 'scale(1.6)' : 'scale(1)',
 				}}
 				backgroundStyle={{
-					boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
+					boxShadow: '0px 0px 18px rgba(0,0,0,.5)',
 				}}
 			/&gt;
 			{props.show3DButton &amp;&amp; (
-				&lt;Button
-					sx={{ ...buttonStyle, fontSize: mediaIsMobile ? "1.4em" : "1em", fontWeight: 600 }}
-					onClick={adjustPitch}
-				&gt;
-					{pitch ? "2D" : "3D"}
+				&lt;Button variant="navtools" onClick={adjustPitch}&gt;
+					{pitch ? '2D' : '3D'}
 				&lt;/Button&gt;
 			)}
-			{props.showFollowGpsButton &amp;&amp; (
-				&lt;MlFollowGps buttonSx={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
-			)}
-			{props.showCenterLocationButton &amp;&amp; (
-				&lt;MlCenterPosition style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
-			)}
+			{props.showFollowGpsButton &amp;&amp; &lt;MlFollowGps /&gt;}
+			{props.showCenterLocationButton &amp;&amp; &lt;MlCenterPosition /&gt;}
 			&lt;ButtonGroup
 				orientation="vertical"
 				sx={{
-					width: "50px",
-					border: "none",
-					Button: { minWidth: "20px !important", border: "none", padding: 0 },
-					"Button:hover": { border: "none" },
+					width: '50px',
+					border: 'none',
+					Button: { minWidth: '20px !important', border: 'none', padding: 0 },
+					'Button:hover': { border: 'none' },
 				}}
 			&gt;
 				{props.showZoomButtons &amp;&amp; (
 					&lt;&gt;
-						&lt;Button sx={{ ...buttonStyle }} onClick={zoomIn}&gt;
-							&lt;ControlPointIcon sx={{ ...iconStyle }} /&gt;
+						&lt;Button variant="navtools" onClick={zoomIn}&gt;
+							&lt;ControlPointIcon sx={{ fontSize: { xs: '1.4em', md: '1em' } }} /&gt;
 						&lt;/Button&gt;
-						&lt;Button sx={{ ...buttonStyle }} onClick={zoomOut}&gt;
-							&lt;RemoveCircleOutlineIcon sx={{ ...iconStyle }} /&gt;
+						&lt;Button variant="navtools" onClick={zoomOut}&gt;
+							&lt;RemoveCircleOutlineIcon sx={{ fontSize: { xs: '1.4em', md: '1em' } }} /&gt;
 						&lt;/Button&gt;
 					&lt;/&gt;
 				)}
 			&lt;/ButtonGroup&gt;
-			{props.children &amp;&amp;
-				React.cloneElement(props.children, {
-					sx: { ...buttonStyle },
-				})}
+			{props.children &amp;&amp; React.cloneElement(props.children, {})}
 		&lt;/Box&gt;
 	);
 };
@@ -670,7 +598,7 @@ export default MlNavigationTools;
             <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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             <div class='fl pad1y space-right2'>
-                <span class="strong">5.71% </span>
+                <span class="strong">6.45% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>2/35</span>
+                <span class='fraction'>2/31</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/44</span>
+                <span class='fraction'>0/36</span>
             </div>
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/8</span>
+                <span class='fraction'>0/6</span>
             </div>
             <div class='fl pad1y space-right2'>
-                <span class="strong">6.66% </span>
+                <span class="strong">7.69% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>2/30</span>
+                <span class='fraction'>2/26</span>
             </div>
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file low" data-value="MlNavigationTools.tsx"><a href="MlNavigationTools.tsx.html">MlNavigationTools.tsx</a></td>
-	<td data-value="5.71" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 5%"></div><div class="cover-empty" style="width: 95%"></div></div>
+	<td data-value="6.45" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 6%"></div><div class="cover-empty" style="width: 94%"></div></div>
 	</td>
-	<td data-value="5.71" class="pct low">5.71%</td>
-	<td data-value="35" class="abs low">2/35</td>
+	<td data-value="6.45" class="pct low">6.45%</td>
+	<td data-value="31" class="abs low">2/31</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="44" class="abs low">0/44</td>
+	<td data-value="36" class="abs low">0/36</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="8" class="abs low">0/8</td>
-	<td data-value="6.66" class="pct low">6.66%</td>
-	<td data-value="30" class="abs low">2/30</td>
+	<td data-value="6" class="abs low">0/6</td>
+	<td data-value="7.69" class="pct low">7.69%</td>
+	<td data-value="26" class="abs low">2/26</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 2023-01-23T12:34:46.087Z
+                at 2023-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html CHANGED Viewed

@@ -283,7 +283,7 @@ export default MlOsmLayer;
             <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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html CHANGED Viewed

@@ -217,7 +217,7 @@ export const ExampleConfig = <span class="cstat-no" title="statement not covered
             <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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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-02-07T08:13:43.414Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>