@mapcomponents/react-maplibre 0.1.56 → 0.1.58

package/coverage/lcov-report/src/hooks/useMapState.ts.html

@@ -446,20 +446,20 @@ import PropTypes from "prop-types";
 import { v4 as uuidv4 } from "uuid";
 import MapContext from "../contexts/MapContext";
 import MapLibreGlWrapper, {
-  LayerState,
-  ViewportState,
+	LayerState,
+	ViewportState,
 } from "../components/MapLibreMap/lib/MapLibreGlWrapper";
  
 type useMapStateType = {
-  layers: (LayerState | undefined)[];
-  viewport: ViewportState | undefined;
+	layers: (LayerState | undefined)[];
+	viewport: ViewportState | undefined;
 };
 type MapContext = {
-  mapIds: [string?];
-  mapExists: Function;
-  maps: [];
-  getMap: Function;
-  setMap: Function;
+	mapIds: [string?];
+	mapExists: Function;
+	maps: [];
+	getMap: Function;
+	setMap: Function;
 };
  
 /**
@@ -468,165 +468,165 @@ type MapContext = {
  * @component
  */
 function useMapState(props: {
-  mapId?: string;
-  watch?: {
-    layers?: boolean;
-    sources?: boolean;
-    viewport?: boolean;
-  };
-  filter?: {
-    includeBaseLayers?: boolean;
-    matchLayerIds?: RegExp | string;
-    matchSourceIds?: RegExp | string;
-  };
+	mapId?: string;
+	watch?: {
+		layers?: boolean;
+		sources?: boolean;
+		viewport?: boolean;
+	};
+	filter?: {
+		includeBaseLayers?: boolean;
+		matchLayerIds?: RegExp | string;
+		matchSourceIds?: RegExp | string;
+	};
 }): useMapStateType {
-  // Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
-  const mapContext = useContext<MapContextType>(MapContext);
+	// Use a useRef hook to reference the layer object to be able to access it later inside useEffect hooks
+	const mapContext = useContext<MapContextType>(MapContext);
  
-  const initializedRef = useRef(false);
-  const mapRef = useRef<MapLibreGlWrapper>();
+	const initializedRef = useRef(false);
+	const mapRef = useRef<MapLibreGlWrapper>();
  
-  const [viewport, setViewport] = useState<ViewportState | undefined>();
-  const viewportRef = useRef(undefined);
+	const [viewport, setViewport] = useState<ViewportState | undefined>();
+	const viewportRef = useRef(undefined);
  
-  const [layers, setLayers] = useState<(LayerState | undefined)[]>([]);
-  const layersRef = useRef<string>();
-  //const mapRef = useRef(props.map);
-  const componentId = useRef(uuidv4());
+	const [layers, setLayers] = useState<(LayerState | undefined)[]>([]);
+	const layersRef = useRef<string>();
+	//const mapRef = useRef(props.map);
+	const componentId = useRef(uuidv4());
  
-  /**
-   * returns the element if it matches the defined filter criteria
-   * to be used as filter function on the layers array
-   *
-   * @param {object} layer
-   */
-  const layerIdFilter = useCallback(
-<span class="fstat-no" title="function not covered" >    (l</span>ayer) =&gt; {
-<span class="cstat-no" title="statement not covered" >      if (!props?.filter?.includeBaseLayers &amp;&amp; layer.baseLayer) {</span>
-<span class="cstat-no" title="statement not covered" >        return false;</span>
-      }
+	/**
+	 * returns the element if it matches the defined filter criteria
+	 * to be used as filter function on the layers array
+	 *
+	 * @param {object} layer
+	 */
+	const layerIdFilter = useCallback(
+<span class="fstat-no" title="function not covered" >		(l</span>ayer) =&gt; {
+<span class="cstat-no" title="statement not covered" >			if (!props?.filter?.includeBaseLayers &amp;&amp; layer.baseLayer) {</span>
+<span class="cstat-no" title="statement not covered" >				return false;</span>
+			}
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      if (typeof props.filter?.matchLayerIds !== "undefined") {</span>
-<span class="cstat-no" title="statement not covered" >        if (props.filter.matchLayerIds instanceof RegExp) {</span>
-<span class="cstat-no" title="statement not covered" >          return props.filter.matchLayerIds.test(layer.id);</span>
-        } else {
-<span class="cstat-no" title="statement not covered" >          return layer.id.includes(props.filter.matchLayerIds);</span>
-        }
-      }
+<span class="cstat-no" title="statement not covered" >			if (typeof props.filter?.matchLayerIds !== "undefined") {</span>
+<span class="cstat-no" title="statement not covered" >				if (props.filter.matchLayerIds instanceof RegExp) {</span>
+<span class="cstat-no" title="statement not covered" >					return props.filter.matchLayerIds.test(layer.id);</span>
+				} else {
+<span class="cstat-no" title="statement not covered" >					return layer.id.includes(props.filter.matchLayerIds);</span>
+				}
+			}
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      return true;</span>
-    },
-    [props.filter]
-  );
+<span class="cstat-no" title="statement not covered" >			return true;</span>
+		},
+		[props.filter]
+	);
 &nbsp;
-  const refreshLayerState = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+	const refreshLayerState = useCallback(<span class="fstat-no" title="function not covered" >()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >		if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-    let _layerState = <span class="cstat-no" title="statement not covered" >mapRef.current.wrapper.layerState.filter(layerIdFilter);</span>
-    let _layerStateString = <span class="cstat-no" title="statement not covered" >JSON.stringify(_layerState);</span>
-<span class="cstat-no" title="statement not covered" >    if (layersRef.current !== _layerStateString) {</span>
-<span class="cstat-no" title="statement not covered" >      layersRef.current = _layerStateString;</span>
-<span class="cstat-no" title="statement not covered" >      setLayers(_layerState);</span>
-    }
-  }, [layerIdFilter]);
+		let _layerState = <span class="cstat-no" title="statement not covered" >mapRef.current.wrapper.layerState.filter(layerIdFilter);</span>
+		let _layerStateString = <span class="cstat-no" title="statement not covered" >JSON.stringify(_layerState);</span>
+<span class="cstat-no" title="statement not covered" >		if (layersRef.current !== _layerStateString) {</span>
+<span class="cstat-no" title="statement not covered" >			layersRef.current = _layerStateString;</span>
+<span class="cstat-no" title="statement not covered" >			setLayers(_layerState);</span>
+		}
+	}, [layerIdFilter]);
 &nbsp;
-  useEffect(() =&gt; {
-    let _componentId = componentId.current;
+	useEffect(() =&gt; {
+		let _componentId = componentId.current;
 &nbsp;
-    return () =&gt; {
-      // cleanup all event listeners
-      <span class="missing-if-branch" title="else path not taken" >E</span>if (mapRef.current) {
-        mapRef.current.cleanup(_componentId);
-        mapRef.current = undefined;
-      }
-      initializedRef.current = false;
-    };
-  }, []);
+		return () =&gt; {
+			// cleanup all event listeners
+			<span class="missing-if-branch" title="else path not taken" >E</span>if (mapRef.current) {
+				mapRef.current.cleanup(_componentId);
+				mapRef.current = undefined;
+			}
+			initializedRef.current = false;
+		};
+	}, []);
 &nbsp;
-  useEffect(() =&gt; {
-    if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
-    // the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-    initializedRef.current = true;
-    mapRef.current = mapContext.getMap(props.mapId);
+	useEffect(() =&gt; {
+		if (!mapContext.mapExists(props.mapId) || initializedRef.current) return;
+		// the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
+		// initialize the layer and add it to the MapLibre-gl instance or do something else with it
+		initializedRef.current = true;
+		mapRef.current = mapContext.getMap(props.mapId);
 &nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (!mapRef.current) {
-<span class="cstat-no" title="statement not covered" >      initializedRef.current = false;</span>
-<span class="cstat-no" title="statement not covered" >      return;</span>
-    }
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (!mapRef.current) {
+<span class="cstat-no" title="statement not covered" >			initializedRef.current = false;</span>
+<span class="cstat-no" title="statement not covered" >			return;</span>
+		}
 &nbsp;
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.viewport) {
-<span class="cstat-no" title="statement not covered" >      setViewport(mapRef.current.wrapper.viewportState);</span>
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.viewport) {
+<span class="cstat-no" title="statement not covered" >			setViewport(mapRef.current.wrapper.viewportState);</span>
 &nbsp;
-      // register viewportchange event handler
-<span class="cstat-no" title="statement not covered" >      mapRef.current.wrapper.on(</span>
-        "viewportchange",
-<span class="fstat-no" title="function not covered" >        ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >          if (viewportRef.current !== mapRef.current?.wrapper.viewportStateString) {</span>
-<span class="cstat-no" title="statement not covered" >            setViewport(mapRef.current?.wrapper.viewportState);</span>
-          }
-        },
-        componentId.current
-      );
-    }
+			// register viewportchange event handler
+<span class="cstat-no" title="statement not covered" >			mapRef.current.wrapper.on(</span>
+				"viewportchange",
+<span class="fstat-no" title="function not covered" >				()</span> =&gt; {
+<span class="cstat-no" title="statement not covered" >					if (viewportRef.current !== mapRef.current?.wrapper.viewportStateString) {</span>
+<span class="cstat-no" title="statement not covered" >						setViewport(mapRef.current?.wrapper.viewportState);</span>
+					}
+				},
+				componentId.current
+			);
+		}
 &nbsp;
-    // register layerchange event handler
-    <span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.layers) {
-<span class="cstat-no" title="statement not covered" >      refreshLayerState();</span>
+		// register layerchange event handler
+		<span class="missing-if-branch" title="if path not taken" >I</span>if (props?.watch?.layers) {
+<span class="cstat-no" title="statement not covered" >			refreshLayerState();</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      mapRef.current.wrapper.on(</span>
-        "layerchange",
-        refreshLayerState,
-        {
-          includeBaseLayers: props?.filter?.includeBaseLayers,
-          matchLayerIds: props?.filter?.matchLayerIds,
-        },
-        componentId.current
-      );
-    }
-  }, [mapContext.mapIds, mapContext, props.mapId, refreshLayerState, props]);
+<span class="cstat-no" title="statement not covered" >			mapRef.current.wrapper.on(</span>
+				"layerchange",
+				refreshLayerState,
+				{
+					includeBaseLayers: props?.filter?.includeBaseLayers,
+					matchLayerIds: props?.filter?.matchLayerIds,
+				},
+				componentId.current
+			);
+		}
+	}, [mapContext.mapIds, mapContext, props.mapId, refreshLayerState, props]);
 &nbsp;
-  return {
-    layers,
-    viewport,
-  };
+	return {
+		layers,
+		viewport,
+	};
 }
 &nbsp;
 useMapState.defaultProps = {
-  mapId: undefined,
-  watch: {
-    layers: true,
-    sources: false,
-    viewport: false,
-  },
-  filter: {
-    includeBaseLayers: false,
-  },
+	mapId: undefined,
+	watch: {
+		layers: true,
+		sources: false,
+		viewport: false,
+	},
+	filter: {
+		includeBaseLayers: false,
+	},
 };
 &nbsp;
 useMapState.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
-  /**
-   * Defines map Resources to watch
-   */
-  watch: PropTypes.shape({
-    layers: PropTypes.bool,
-    sources: PropTypes.bool,
-    viewport: PropTypes.bool,
-  }),
-  /**
-   * Filter string or RegExp to more explicitly define the elements watched and increase performance
-   * strings will be matched using layerId.includes(matchString)
-   * RegExps will be matched using matchRegExp.test(layerId)
-   */
-  filter: PropTypes.shape({
-    includeBaseLayers: PropTypes.bool,
-    matchLayerIds: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)]),
-    matchSourceIds: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)]),
-  }),
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId: PropTypes.string,
+	/**
+	 * Defines map Resources to watch
+	 */
+	watch: PropTypes.shape({
+		layers: PropTypes.bool,
+		sources: PropTypes.bool,
+		viewport: PropTypes.bool,
+	}),
+	/**
+	 * Filter string or RegExp to more explicitly define the elements watched and increase performance
+	 * strings will be matched using layerId.includes(matchString)
+	 * RegExps will be matched using matchRegExp.test(layerId)
+	 */
+	filter: PropTypes.shape({
+		includeBaseLayers: PropTypes.bool,
+		matchLayerIds: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)]),
+		matchSourceIds: PropTypes.oneOfType([PropTypes.string, PropTypes.instanceOf(RegExp)]),
+	}),
 };
 &nbsp;
 export default useMapState;
@@ -637,7 +637,7 @@ export default useMapState;
             <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>