@performant-software/geospatial 3.1.11 → 3.1.12-beta.1

package/dist/index.es81.js

@@ -1,5 +1,5 @@
-var e = { exports: {} };
+var a = { exports: {} };
 export {
-  e as __module
+  a as __module
 };
 //# sourceMappingURL=index.es81.js.map

package/dist/index.es85.js

@@ -2,7 +2,7 @@ import r from "./index.es40.js";
 import n from "./index.es152.js";
 import f from "./index.es113.js";
 import { push as u } from "./index.es36.js";
-import m from "./index.es237.js";
+import m from "./index.es220.js";
 function l(o) {
   return n(f(o), function(t) {
     var i = r[t] = o[t];

package/dist/index.es92.js

@@ -1,4 +1,4 @@
-import t from "./index.es211.js";
+import t from "./index.es194.js";
 const e = t("String");
 export {
   e as default

package/dist/index.es93.js

@@ -1,4 +1,4 @@
-import e from "./index.es211.js";
+import e from "./index.es194.js";
 const t = e("Number");
 export {
   t as default

package/dist/index.es94.js

@@ -1,4 +1,4 @@
-import t from "./index.es211.js";
+import t from "./index.es194.js";
 const a = t("Date");
 export {
   a as default

package/dist/index.es95.js

@@ -1,4 +1,4 @@
-import e from "./index.es211.js";
+import e from "./index.es194.js";
 const o = e("RegExp");
 export {
   o as default

package/dist/index.es96.js

@@ -1,4 +1,4 @@
-import r from "./index.es211.js";
+import r from "./index.es194.js";
 const t = r("Error");
 export {
   t as default

package/dist/index.es97.js

@@ -1,4 +1,4 @@
-import o from "./index.es211.js";
+import o from "./index.es194.js";
 const e = o("Symbol");
 export {
   e as default

package/dist/index.es98.js

@@ -1,4 +1,4 @@
-import r from "./index.es211.js";
+import r from "./index.es194.js";
 const f = r("ArrayBuffer");
 export {
   f as default

package/dist/index.es99.js

@@ -1,4 +1,4 @@
-import a from "./index.es211.js";
+import a from "./index.es194.js";
 import r from "./index.es37.js";
 import e from "./index.es98.js";
 import { hasDataViewBug as i } from "./index.es38.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "3.1.11",
+  "version": "3.1.12-beta.1",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",

package/types/components/LocationMarker.js.flow

@@ -0,0 +1,82 @@
+// @flow
+
+import { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } 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';
+
+type Props = {
+  /**
+   * If `true`, the point marker will display with a pulsing animation.
+   */
+  animate?: boolean,
+
+  /**
+   * The number of miles to buffer the GeoJSON data.
+   */
+  buffer: number,
+
+  /**
+   * The GeoJSON data representing the location.
+   */
+  data: { [key: string]: any },
+
+  /**
+   * GeoJSON layer fill style.
+   */
+  fillStyle?: { [key: string]: any },
+
+  /**
+   * GeoJSON layer point style.
+   */
+  pointStyle?: { [key: string]: any },
+
+  /**
+   * GeoJSON layer stroke style
+   */
+  strokeStyle?: { [key: string]: any }
+};
+
+const DEFAULT_BUFFER = 2;
+
+/**
+ * This component renders a location marker to be used in a Peripleo context.
+ */
+const LocationMarker = (props: Props) => {
+  const map = useMap();
+
+  /**
+   * Sets the bounding box on the map.
+   */
+  useEffect(() => {
+    if (map && props.data) {
+      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);
+      map.fitBounds(boundingBox);
+    }
+  }, [map, props.buffer, props.data]);
+
+  return (
+    <>
+      { props.animate && (
+        <PulsingMarkerLayer
+          data={props.data}
+        />
+      )}
+      <MixedGeoJSONLayer
+        data={props.data}
+        fillStyle={props.fillStyle}
+        strokeStyle={props.strokeStyle}
+        pointStyle={props.pointStyle}
+      />
+    </>
+  );
+};
+
+LocationMarker.defaultProps = {
+  buffer: DEFAULT_BUFFER,
+  fillStyle: DEFAULT_FILL_STYLE,
+  pointStyle: DEFAULT_POINT_STYLE,
+  strokeStyle: DEFAULT_STROKE_STYLE
+};
+
+export default LocationMarker;