@mapcomponents/react-maplibre 0.1.56 → 0.1.58

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

@@ -415,158 +415,158 @@ import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecificatio
 const msPerStep = 50;
  
 interface MlTransitionGeoJsonLayerProps {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: string;
-  /**
-   * GeoJSON data that is supposed to be rendered by this component.
-   */
-  geojson: Feature | FeatureCollection | undefined;
-  /**
-   * Type of the layer that will be added to the MapLibre instance.
-   * Possible values: "line", "circle", "fill"
-   */
-  type?: "fill" | "line" | "circle";
-  /**
-   * Paint property object, that is passed to the addLayer call.
-   * Possible props depend on the layer type.
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-   */
-  paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
-  /**
-   * Layout property object, that is passed to the addLayer call.
-   * Possible props depend on the layer type.
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-   * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-   */
-  layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
-  /**
-   * Javascript object that is spread into the addLayer commands first parameter.
-   */
-  options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
-  /**
-   * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
-   */
-  defaultPaintOverrides?: { circle?: CircleLayerSpecification['paint'], fill?: FillLayerSpecification['paint'], line?: LineLayerSpecification['paint'] };
-  /**
-   * Id of an existing layer in the mapLibre instance to help specify the layer order
-   * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-   */
-  insertBeforeLayer: string;
-  /**
-   * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
-   */
-  onHover?: MapLayerMouseEvent;
-  /**
-   * Click event handler that is executed whenever a geometry rendered by this component is clicked.
-   */
-  onClick?: MapLayerMouseEvent;
-  /**
-   * Leave event handler that is executed whenever a geometry rendered by this component is
-   * left/unhovered.
-   */
-  onLeave?: MapLayerMouseEvent;
-  /**
-   * Creates transition animation whenever the geojson prop changes.
-   * Only works with layer type "line" and LineString GeoJSON data.
-   */
-  transitionTime: number;
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: string;
+	/**
+	 * GeoJSON data that is supposed to be rendered by this component.
+	 */
+	geojson: Feature | FeatureCollection | undefined;
+	/**
+	 * Type of the layer that will be added to the MapLibre instance.
+	 * Possible values: "line", "circle", "fill"
+	 */
+	type?: "fill" | "line" | "circle";
+	/**
+	 * Paint property object, that is passed to the addLayer call.
+	 * Possible props depend on the layer type.
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+	 */
+	paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+	/**
+	 * Layout property object, that is passed to the addLayer call.
+	 * Possible props depend on the layer type.
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
+	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
+	 */
+	layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
+	/**
+	 * Javascript object that is spread into the addLayer commands first parameter.
+	 */
+	options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
+	/**
+	 * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
+	 */
+	defaultPaintOverrides?: { circle?: CircleLayerSpecification['paint'], fill?: FillLayerSpecification['paint'], line?: LineLayerSpecification['paint'] };
+	/**
+	 * Id of an existing layer in the mapLibre instance to help specify the layer order
+	 * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
+	 */
+	insertBeforeLayer: string;
+	/**
+	 * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
+	 */
+	onHover?: MapLayerMouseEvent;
+	/**
+	 * Click event handler that is executed whenever a geometry rendered by this component is clicked.
+	 */
+	onClick?: MapLayerMouseEvent;
+	/**
+	 * Leave event handler that is executed whenever a geometry rendered by this component is
+	 * left/unhovered.
+	 */
+	onLeave?: MapLayerMouseEvent;
+	/**
+	 * Creates transition animation whenever the geojson prop changes.
+	 * Only works with layer type "line" and LineString GeoJSON data.
+	 */
+	transitionTime: number;
 }
  
 /**
  * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.
  */
 const MlTransitionGeoJsonLayer = (props: MlTransitionGeoJsonLayerProps) => {
-  const { geojson, ...restProps } = props;
+	const { geojson, ...restProps } = props;
  
-  const mapHook = useMap({
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
-  const initializedRef = useRef(false);
+	const mapHook = useMap({
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
+	const initializedRef = useRef(false);
  
-  // transition effect variables
-  const oldGeojsonRef = useRef<Feature | FeatureCollection>();
-  const transitionInProgressRef = useRef(false);
-  const transitionTimeoutRef = useRef(undefined);
-  const currentTransitionStepRef = useRef(false);
-  const transitionGeojsonDataRef = useRef([]);
-  const transitionGeojsonCommonDataRef = useRef([]);
-  const [displayGeojson, setDisplayGeojson] = useState(
-    turf.featureCollection([])
-  );
+	// transition effect variables
+	const oldGeojsonRef = useRef<Feature | FeatureCollection>();
+	const transitionInProgressRef = useRef(false);
+	const transitionTimeoutRef = useRef(undefined);
+	const currentTransitionStepRef = useRef(false);
+	const transitionGeojsonDataRef = useRef([]);
+	const transitionGeojsonCommonDataRef = useRef([]);
+	const [displayGeojson, setDisplayGeojson] = useState(
+		turf.featureCollection([])
+	);
  
-  useEffect(() => {
-    return () => {
-      // This is the cleanup function, it is called when this react component is removed from react-dom
-      <span class="missing-if-branch" title="if path not taken" >I</span>if (transitionTimeoutRef.current) {
-<span class="cstat-no" title="statement not covered" >        clearTimeout(transitionTimeoutRef.current);</span>
-      }
-    };
-  }, []);
+	useEffect(() =&gt; {
+		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="if path not taken" >I</span>if (transitionTimeoutRef.current) {
+<span class="cstat-no" title="statement not covered" >				clearTimeout(transitionTimeoutRef.current);</span>
+			}
+		};
+	}, []);
 &nbsp;
-  const transitionToGeojson = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >    _transitionToGeojson(</span>
-      props,
-      transitionGeojsonCommonDataRef,
-      transitionGeojsonDataRef,
-      transitionInProgressRef,
-      oldGeojsonRef,
-      msPerStep,
-      currentTransitionStepRef,
-      mapHook.map,
-      transitionTimeoutRef,
-      setDisplayGeojson
-    );
-  }, [props, mapHook.map]);
+	const transitionToGeojson = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >		_transitionToGeojson(</span>
+			props,
+			transitionGeojsonCommonDataRef,
+			transitionGeojsonDataRef,
+			transitionInProgressRef,
+			oldGeojsonRef,
+			msPerStep,
+			currentTransitionStepRef,
+			mapHook.map,
+			transitionTimeoutRef,
+			setDisplayGeojson
+		);
+	}, [props, mapHook.map]);
 &nbsp;
-  useEffect(() =&gt; {
-    <span class="missing-if-branch" title="else path not taken" >E</span>if (!mapHook.map || !initializedRef.current) return;
+	useEffect(() =&gt; {
+		<span class="missing-if-branch" title="else path not taken" >E</span>if (!mapHook.map || !initializedRef.current) return;
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (</span>
-      typeof props.transitionTime !== "undefined" &amp;&amp;
-      props.type === "line" &amp;&amp;
-      oldGeojsonRef.current
-    ) {
-<span class="cstat-no" title="statement not covered" >      transitionInProgressRef.current = false;</span>
-<span class="cstat-no" title="statement not covered" >      currentTransitionStepRef.current = false;</span>
-<span class="cstat-no" title="statement not covered" >      transitionGeojsonDataRef.current = [];</span>
-<span class="cstat-no" title="statement not covered" >      transitionGeojsonCommonDataRef.current = [];</span>
-<span class="cstat-no" title="statement not covered" >      transitionToGeojson();</span>
-    }
-<span class="cstat-no" title="statement not covered" >    oldGeojsonRef.current = props.geojson;</span>
-  }, [mapHook.map, transitionToGeojson, props]);
+<span class="cstat-no" title="statement not covered" >		if (</span>
+			typeof props.transitionTime !== "undefined" &amp;&amp;
+			props.type === "line" &amp;&amp;
+			oldGeojsonRef.current
+		) {
+<span class="cstat-no" title="statement not covered" >			transitionInProgressRef.current = false;</span>
+<span class="cstat-no" title="statement not covered" >			currentTransitionStepRef.current = false;</span>
+<span class="cstat-no" title="statement not covered" >			transitionGeojsonDataRef.current = [];</span>
+<span class="cstat-no" title="statement not covered" >			transitionGeojsonCommonDataRef.current = [];</span>
+<span class="cstat-no" title="statement not covered" >			transitionToGeojson();</span>
+		}
+<span class="cstat-no" title="statement not covered" >		oldGeojsonRef.current = props.geojson;</span>
+	}, [mapHook.map, transitionToGeojson, props]);
 &nbsp;
-  const startTransition = useCallback(() =&gt; {
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (
-      props.type === "line" &amp;&amp;
-      typeof props.transitionTime !== "undefined" &amp;&amp;
-<span class="branch-2 cbranch-no" title="branch not covered" >      props.transitionTime </span>&amp;&amp;
-<span class="branch-3 cbranch-no" title="branch not covered" >      typeof props.geojson !== "undefined" </span>&amp;&amp;
-<span class="branch-4 cbranch-no" title="branch not covered" >      JSON.stringify(oldGeojsonRef.current) !== JSON.stringify(props.geojson)</span>
-    ) {
-<span class="cstat-no" title="statement not covered" >      transitionToGeojson();</span>
-<span class="cstat-no" title="statement not covered" >      oldGeojsonRef.current = props.geojson;</span>
-    }
-  }, [props, transitionToGeojson]);
+	const startTransition = useCallback(() =&gt; {
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (
+			props.type === "line" &amp;&amp;
+			typeof props.transitionTime !== "undefined" &amp;&amp;
+<span class="branch-2 cbranch-no" title="branch not covered" >			props.transitionTime </span>&amp;&amp;
+<span class="branch-3 cbranch-no" title="branch not covered" >			typeof props.geojson !== "undefined" </span>&amp;&amp;
+<span class="branch-4 cbranch-no" title="branch not covered" >			JSON.stringify(oldGeojsonRef.current) !== JSON.stringify(props.geojson)</span>
+		) {
+<span class="cstat-no" title="statement not covered" >			transitionToGeojson();</span>
+<span class="cstat-no" title="statement not covered" >			oldGeojsonRef.current = props.geojson;</span>
+		}
+	}, [props, transitionToGeojson]);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapHook.mapIsReady || !props.geojson) return;
+	useEffect(() =&gt; {
+		if (!mapHook.mapIsReady || !props.geojson) return;
 &nbsp;
-    initializedRef.current = true;
+		initializedRef.current = true;
 &nbsp;
-    startTransition();
-  }, [mapHook.mapIsReady, startTransition, props]);
+		startTransition();
+	}, [mapHook.mapIsReady, startTransition, props]);
 &nbsp;
-  return (
-    &lt;&gt;
-      &lt;MlGeoJsonLayer {...restProps} geojson={displayGeojson} /&gt;
-    &lt;/&gt;
-  );
+	return (
+		&lt;&gt;
+			&lt;MlGeoJsonLayer {...restProps} geojson={displayGeojson} /&gt;
+		&lt;/&gt;
+	);
 };
 &nbsp;
 export default MlTransitionGeoJsonLayer;
@@ -577,7 +577,7 @@ export default MlTransitionGeoJsonLayer;
             <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/MlTransitionGeoJsonLayer/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>

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

@@ -227,65 +227,65 @@ import useMapState from "../../hooks/useMapState";
  * @component
  */
 const MlUseMapDebugger = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
-  const map = <span class="cstat-no" title="statement not covered" >useMapState({</span>
-    mapId: props.mapId,
-    watch: {
-      layers: true,
-      sources: false, // not yet provided
-      viewport: false,
-      ...props.watch,
-    },
-    filter: {
-      ...props.filter,
-    },
-  });
-  const renderCounter = <span class="cstat-no" title="statement not covered" >useRef(0);</span>
-<span class="cstat-no" title="statement not covered" >  renderCounter.current = renderCounter.current + 1;</span>
+	const map = <span class="cstat-no" title="statement not covered" >useMapState({</span>
+		mapId: props.mapId,
+		watch: {
+			layers: true,
+			sources: false, // not yet provided
+			viewport: false,
+			...props.watch,
+		},
+		filter: {
+			...props.filter,
+		},
+	});
+	const renderCounter = <span class="cstat-no" title="statement not covered" >useRef(0);</span>
+<span class="cstat-no" title="statement not covered" >	renderCounter.current = renderCounter.current + 1;</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;&gt;
-      {/*
-      &lt;IconButton
-        sx={{ zIndex: 10000 }}
-        aria-label="delete"
-        size="small"
-        onClick={() =&gt; setDebuggerOpen(!debuggerOpen)}
-      &gt;
-        &lt;CodeIcon fontSize="inherit" /&gt;
-      &lt;/IconButton&gt;
-      &lt;Drawer
-        anchor="top"
-        open={debuggerOpen}
-        onClose={() =&gt; setDebuggerOpen(!debuggerOpen)}
-        PaperProps={{
-          sx: {
-            opacity: 0.85,
-            maxHeight: "100px",
-            position: "relative",
-          },
-        }}
-        hideBackdrop={true}
-        variant="persistent"
-      &gt;&lt;/Drawer&gt;
-      */}
-      &lt;div style={{ overflow: "hidden", width: "100px", height: "20px" }}&gt;
-        Render: {renderCounter.current}
-        &lt;br /&gt;
-        &lt;pre&gt;{JSON.stringify(map, null, " ")}&lt;/pre&gt;
-      &lt;/div&gt;
-    &lt;/&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;&gt;
+			{/*
+			&lt;IconButton
+				sx={{ zIndex: 10000 }}
+				aria-label="delete"
+				size="small"
+				onClick={() =&gt; setDebuggerOpen(!debuggerOpen)}
+			&gt;
+				&lt;CodeIcon fontSize="inherit" /&gt;
+			&lt;/IconButton&gt;
+			&lt;Drawer
+				anchor="top"
+				open={debuggerOpen}
+				onClose={() =&gt; setDebuggerOpen(!debuggerOpen)}
+				PaperProps={{
+					sx: {
+						opacity: 0.85,
+						maxHeight: "100px",
+						position: "relative",
+					},
+				}}
+				hideBackdrop={true}
+				variant="persistent"
+			&gt;&lt;/Drawer&gt;
+			*/}
+			&lt;div style={{ overflow: "hidden", width: "100px", height: "20px" }}&gt;
+				Render: {renderCounter.current}
+				&lt;br /&gt;
+				&lt;pre&gt;{JSON.stringify(map, null, " ")}&lt;/pre&gt;
+			&lt;/div&gt;
+		&lt;/&gt;
+	);
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlUseMapDebugger.defaultProps = {</span>
-  mapId: undefined,
+	mapId: undefined,
 };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >MlUseMapDebugger.propTypes = {</span>
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
 };
 export default MlUseMapDebugger;
 &nbsp;</pre></td></tr></table></pre>
@@ -295,7 +295,7 @@ export default MlUseMapDebugger;
             <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/MlUseMapDebugger/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>