@performant-software/geospatial 1.1.5-beta.1 → 1.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "1.1.5-beta.1",
+  "version": "1.1.5",
   "description": "TODO: ADD",
   "license": "MIT",
   "main": "./build/index.js",

package/types/components/LocationMarker.js.flow

@@ -1,7 +1,7 @@
 // @flow
 
-import React, { useEffect, useMemo } from 'react';
 import { MixedGeoJSONLayer, PulsingMarkerLayer, type Map } from '@peripleo/maplibre';
+import React, { useEffect } from 'react';
 import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';
 import MapUtils from '../utils/Map';
 
@@ -22,19 +22,19 @@ type Props = {
   fillStyle?: { [key: string]: any },
 
   /**
-   * GeoJSON layer point style.
+   * TOOD: Comment me.
    */
-  pointStyle?: { [key: string]: any },
+  map?: Map,
 
   /**
-   * GeoJSON layer stroke style
+   * GeoJSON layer point style.
    */
-  strokeStyle?: { [key: string]: any },
+  pointStyle?: { [key: string]: any },
 
   /**
-   * Hook used to retrieve the map instance.
+   * GeoJSON layer stroke style
    */
-  useMap?: () => Map
+  strokeStyle?: { [key: string]: any }
 };
 
 const DEFAULT_BUFFER = 2;
@@ -43,17 +43,15 @@ const DEFAULT_BUFFER = 2;
  * This component renders a location marker to be used in a Peripleo context.
  */
 const LocationMarker = (props: Props) => {
-  const map = useMemo(() => props.useMap(), [props.useMap]);
-
   /**
    * Sets the bounding box on the map.
    */
   useEffect(() => {
-    if (map && props.data) {
+    if (props.map && props.data) {
       const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);
-      map.fitBounds(boundingBox);
+      props.map.fitBounds(boundingBox);
     }
-  }, [map, props.buffer, props.data]);
+  }, [props.buffer, props.data, props.map]);
 
   return (
     <>