@performant-software/geospatial 2.0.0 → 2.0.1-beta.0

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs2.js"),e=require("./index.cjs3.js"),o=require("./index.cjs4.js"),a=require("./index.cjs5.js"),t=require("./index.cjs6.js"),n=require("./index.cjs7.js"),s=require("./index.cjs8.js"),i=require("./index.cjs9.js");exports.DrawControl=r;exports.GeoJsonLayer=e;exports.LayerMenu=o;exports.LocationMarker=a;exports.MapControl=t;exports.MapDraw=n;exports.RasterLayer=s;exports.Map=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index.cjs2.js"),e=require("./index.cjs3.js"),o=require("./index.cjs4.js"),a=require("./index.cjs5.js"),t=require("./index.cjs6.js"),n=require("./index.cjs7.js"),s=require("./index.cjs8.js"),i=require("./index.cjs9.js");exports.DrawControl=r;exports.GeoJsonLayer=e;exports.LayerMenu=o;exports.LocationMarkers=a;exports.MapControl=t;exports.MapDraw=n;exports.RasterLayer=s;exports.Map=i;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs17.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.cjs15.js"),e=require("./index.cjs228.js");var t=a.supportsDataView&&e(new DataView(new ArrayBuffer(8))),r=typeof Map<"u"&&e(new Map);exports.hasStringTagBug=t;exports.isIE11=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index.cjs15.js"),e=require("./index.cjs226.js");var t=a.supportsDataView&&e(new DataView(new ArrayBuffer(8))),r=typeof Map<"u"&&e(new Map);exports.hasStringTagBug=t;exports.isIE11=r;
 //# sourceMappingURL=index.cjs17.js.map

package/dist/index.cjs193.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index.cjs226.js"),t=require("./index.cjs195.js"),r=e(t);module.exports=r;
+"use strict";const e=require("./index.cjs228.js"),t=require("./index.cjs195.js"),r=e(t);module.exports=r;
 //# sourceMappingURL=index.cjs193.js.map

package/dist/index.cjs213.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index.cjs226.js"),r=require("./index.cjs194.js"),t=e(r);module.exports=t;
+"use strict";const e=require("./index.cjs228.js"),r=require("./index.cjs194.js"),t=e(r);module.exports=t;
 //# sourceMappingURL=index.cjs213.js.map

package/dist/index.cjs226.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./index.cjs15.js");function u(r){return function(t){var e=r(t);return typeof e=="number"&&e>=0&&e<=n.MAX_ARRAY_INDEX}}module.exports=u;
+"use strict";const t=require("./index.cjs191.js"),e=t("Object");module.exports=e;
 //# sourceMappingURL=index.cjs226.js.map

package/dist/index.cjs226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs226.js","sources":["../../../node_modules/underscore/modules/_createSizePropertyCheck.js"],"sourcesContent":["import { MAX_ARRAY_INDEX } from './_setup.js';\n\n// Common internal logic for `isArrayLike` and `isBufferLike`.\nexport default function createSizePropertyCheck(getSizeProperty) {\n  return function(collection) {\n    var sizeProperty = getSizeProperty(collection);\n    return typeof sizeProperty == 'number' && sizeProperty >= 0 && sizeProperty <= MAX_ARRAY_INDEX;\n  }\n}\n"],"names":["createSizePropertyCheck","getSizeProperty","collection","sizeProperty","MAX_ARRAY_INDEX"],"mappings":"iDAGA,SAAwBA,EAAwBC,EAAiB,CAC/D,OAAO,SAASC,EAAY,CACtB,IAAAC,EAAeF,EAAgBC,CAAU,EAC7C,OAAO,OAAOC,GAAgB,UAAYA,GAAgB,GAAKA,GAAgBC,iBAAA,CAEnF","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs226.js","sources":["../../../node_modules/underscore/modules/_hasObjectTag.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Object');\n"],"names":["tagTester"],"mappings":"kDAEeA,EAAAA,EAAU,QAAQ","x_google_ignoreList":[0]}

package/dist/index.cjs228.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./index.cjs191.js"),e=t("Object");module.exports=e;
+"use strict";const n=require("./index.cjs15.js");function u(r){return function(t){var e=r(t);return typeof e=="number"&&e>=0&&e<=n.MAX_ARRAY_INDEX}}module.exports=u;
 //# sourceMappingURL=index.cjs228.js.map

package/dist/index.cjs228.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs228.js","sources":["../../../node_modules/underscore/modules/_hasObjectTag.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Object');\n"],"names":["tagTester"],"mappings":"kDAEeA,EAAAA,EAAU,QAAQ","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs228.js","sources":["../../../node_modules/underscore/modules/_createSizePropertyCheck.js"],"sourcesContent":["import { MAX_ARRAY_INDEX } from './_setup.js';\n\n// Common internal logic for `isArrayLike` and `isBufferLike`.\nexport default function createSizePropertyCheck(getSizeProperty) {\n  return function(collection) {\n    var sizeProperty = getSizeProperty(collection);\n    return typeof sizeProperty == 'number' && sizeProperty >= 0 && sizeProperty <= MAX_ARRAY_INDEX;\n  }\n}\n"],"names":["createSizePropertyCheck","getSizeProperty","collection","sizeProperty","MAX_ARRAY_INDEX"],"mappings":"iDAGA,SAAwBA,EAAwBC,EAAiB,CAC/D,OAAO,SAASC,EAAY,CACtB,IAAAC,EAAeF,EAAgBC,CAAU,EAC7C,OAAO,OAAOC,GAAgB,UAAYA,GAAgB,GAAKA,GAAgBC,iBAAA,CAEnF","x_google_ignoreList":[0]}

package/dist/index.cjs5.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("./index.cjs13.js"),r=require("@peripleo/maplibre"),u=require("react"),i=require("./index.cjs45.js"),l=require("./index.cjs9.js"),o=2,a=t=>{const n=r.useMap();return u.useEffect(()=>{if(n&&t.data){const s=l.getBoundingBox(t.data,t.buffer);n.fitBounds(s)}},[n,t.buffer,t.data]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.PulsingMarkerLayer,{id:"current",data:t.data}),e.jsxRuntimeExports.jsx(r.MixedGeoJSONLayer,{id:"current",data:t.data,fillStyle:t.fillStyle,strokeStyle:t.strokeStyle,pointStyle:t.pointStyle})]})};a.defaultProps={buffer:o,fillStyle:i.DEFAULT_FILL_STYLE,pointStyle:i.DEFAULT_POINT_STYLE,strokeStyle:i.DEFAULT_STROKE_STYLE};module.exports=a;
+"use strict";const e=require("./index.cjs13.js"),n=require("@peripleo/maplibre"),u=require("react"),i=require("./index.cjs45.js"),l=require("./index.cjs9.js"),o=2,s=t=>{const a=n.useMap();return u.useEffect(()=>{if(a&&t.data){const r=l.getBoundingBox(t.data,t.buffer);a.fitBounds(r)}},[a,t.buffer,t.data]),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.animate&&e.jsxRuntimeExports.jsx(n.PulsingMarkerLayer,{data:t.data}),e.jsxRuntimeExports.jsx(n.MixedGeoJSONLayer,{data:t.data,fillStyle:t.fillStyle,strokeStyle:t.strokeStyle,pointStyle:t.pointStyle})]})};s.defaultProps={buffer:o,fillStyle:i.DEFAULT_FILL_STYLE,pointStyle:i.DEFAULT_POINT_STYLE,strokeStyle:i.DEFAULT_STROKE_STYLE};module.exports=s;
 //# sourceMappingURL=index.cjs5.js.map

package/dist/index.cjs5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs5.js","sources":["../src/components/LocationMarker.js"],"sourcesContent":["// @flow\n\nimport { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } from '@peripleo/maplibre';\nimport React, { useEffect } from 'react';\nimport { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any }\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarker = (props: Props) => {\n  const map = useMap();\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && props.data) {\n      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);\n      map.fitBounds(boundingBox);\n    }\n  }, [map, props.buffer, props.data]);\n\n  return (\n    <>\n      <PulsingMarkerLayer\n        id='current'\n        data={props.data}\n      />\n      <MixedGeoJSONLayer\n        id='current'\n        data={props.data}\n        fillStyle={props.fillStyle}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n      />\n    </>\n  );\n};\n\nLocationMarker.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: DEFAULT_FILL_STYLE,\n  pointStyle: DEFAULT_POINT_STYLE,\n  strokeStyle: DEFAULT_STROKE_STYLE\n};\n\nexport default LocationMarker;\n"],"names":["DEFAULT_BUFFER","LocationMarker","props","map","useMap","useEffect","boundingBox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","MixedGeoJSONLayer","DEFAULT_FILL_STYLE","DEFAULT_POINT_STYLE","DEFAULT_STROKE_STYLE"],"mappings":"+JAkCMA,EAAiB,EAKjBC,EAAkBC,GAAiB,CACvC,MAAMC,EAAMC,EAAAA,SAKZC,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAAF,GAAOD,EAAM,KAAM,CACrB,MAAMI,EAAcC,EAAS,eAAeL,EAAM,KAAMA,EAAM,MAAM,EACpEC,EAAI,UAAUG,CAAW,CAC3B,CAAA,EACC,CAACH,EAAKD,EAAM,OAAQA,EAAM,IAAI,CAAC,EAI9BM,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,mBAAA,CACC,GAAG,UACH,KAAMT,EAAM,IAAA,CACd,EACAQ,EAAA,kBAAA,IAACE,EAAA,kBAAA,CACC,GAAG,UACH,KAAMV,EAAM,KACZ,UAAWA,EAAM,UACjB,YAAaA,EAAM,YACnB,WAAYA,EAAM,UAAA,CACpB,CACF,CAAA,CAAA,CAEJ,EAEAD,EAAe,aAAe,CAC5B,OAAQD,EACR,UAAWa,EAAA,mBACX,WAAYC,EAAA,oBACZ,YAAaC,EAAA,oBACf"}
+{"version":3,"file":"index.cjs5.js","sources":["../src/components/LocationMarkers.js"],"sourcesContent":["// @flow\n\nimport { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } from '@peripleo/maplibre';\nimport React, { useEffect } from 'react';\nimport { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * If `true`, the point marker will display with a pulsing animation.\n   */\n  animate?: boolean,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any }\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarkers = (props: Props) => {\n  const map = useMap();\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && props.data) {\n      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);\n      map.fitBounds(boundingBox);\n    }\n  }, [map, props.buffer, props.data]);\n\n  return (\n    <>\n      { props.animate && (\n        <PulsingMarkerLayer\n          data={props.data}\n        />\n      )}\n      <MixedGeoJSONLayer\n        data={props.data}\n        fillStyle={props.fillStyle}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n      />\n    </>\n  );\n};\n\nLocationMarkers.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: DEFAULT_FILL_STYLE,\n  pointStyle: DEFAULT_POINT_STYLE,\n  strokeStyle: DEFAULT_STROKE_STYLE\n};\n\nexport default LocationMarkers;\n"],"names":["DEFAULT_BUFFER","LocationMarkers","props","map","useMap","useEffect","boundingBox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","MixedGeoJSONLayer","DEFAULT_FILL_STYLE","DEFAULT_POINT_STYLE","DEFAULT_STROKE_STYLE"],"mappings":"+JAuCMA,EAAiB,EAKjBC,EAAmBC,GAAiB,CACxC,MAAMC,EAAMC,EAAAA,SAKZC,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAAF,GAAOD,EAAM,KAAM,CACrB,MAAMI,EAAcC,EAAS,eAAeL,EAAM,KAAMA,EAAM,MAAM,EACpEC,EAAI,UAAUG,CAAW,CAC3B,CAAA,EACC,CAACH,EAAKD,EAAM,OAAQA,EAAM,IAAI,CAAC,EAI5BM,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAP,EAAM,SACNQ,EAAA,kBAAA,IAACC,EAAA,mBAAA,CACC,KAAMT,EAAM,IAAA,CACd,EAEFQ,EAAA,kBAAA,IAACE,EAAA,kBAAA,CACC,KAAMV,EAAM,KACZ,UAAWA,EAAM,UACjB,YAAaA,EAAM,YACnB,WAAYA,EAAM,UAAA,CACpB,CACF,CAAA,CAAA,CAEJ,EAEAD,EAAgB,aAAe,CAC7B,OAAQD,EACR,UAAWa,EAAA,mBACX,WAAYC,EAAA,oBACZ,YAAaC,EAAA,oBACf"}

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { default as o } from "./index.es2.js";
 import { default as t } from "./index.es3.js";
 import { default as p } from "./index.es4.js";
-import { default as s } from "./index.es5.js";
+import { default as l } from "./index.es5.js";
 import { default as d } from "./index.es6.js";
 import { default as x } from "./index.es7.js";
 import { default as M } from "./index.es8.js";
@@ -10,7 +10,7 @@ export {
   o as DrawControl,
   t as GeoJsonLayer,
   p as LayerMenu,
-  s as LocationMarker,
+  l as LocationMarkers,
   y as Map,
   d as MapControl,
   x as MapDraw,

package/dist/index.es17.js

@@ -1,5 +1,5 @@
 import { supportsDataView as e } from "./index.es15.js";
-import a from "./index.es228.js";
+import a from "./index.es226.js";
 var p = e && a(new DataView(new ArrayBuffer(8))), i = typeof Map < "u" && a(/* @__PURE__ */ new Map());
 export {
   p as hasStringTagBug,

package/dist/index.es193.js

@@ -1,4 +1,4 @@
-import e from "./index.es226.js";
+import e from "./index.es228.js";
 import t from "./index.es195.js";
 const f = e(t);
 export {

package/dist/index.es213.js

@@ -1,4 +1,4 @@
-import e from "./index.es226.js";
+import e from "./index.es228.js";
 import r from "./index.es194.js";
 const i = e(r);
 export {

package/dist/index.es226.js

@@ -1,11 +1,6 @@
-import { MAX_ARRAY_INDEX as o } from "./index.es15.js";
-function u(e) {
-  return function(t) {
-    var r = e(t);
-    return typeof r == "number" && r >= 0 && r <= o;
-  };
-}
+import t from "./index.es191.js";
+const a = t("Object");
 export {
-  u as default
+  a as default
 };
 //# sourceMappingURL=index.es226.js.map

package/dist/index.es226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es226.js","sources":["../../../node_modules/underscore/modules/_createSizePropertyCheck.js"],"sourcesContent":["import { MAX_ARRAY_INDEX } from './_setup.js';\n\n// Common internal logic for `isArrayLike` and `isBufferLike`.\nexport default function createSizePropertyCheck(getSizeProperty) {\n  return function(collection) {\n    var sizeProperty = getSizeProperty(collection);\n    return typeof sizeProperty == 'number' && sizeProperty >= 0 && sizeProperty <= MAX_ARRAY_INDEX;\n  }\n}\n"],"names":["createSizePropertyCheck","getSizeProperty","collection","sizeProperty","MAX_ARRAY_INDEX"],"mappings":";AAGA,SAAwBA,EAAwBC,GAAiB;AAC/D,SAAO,SAASC,GAAY;AACtB,QAAAC,IAAeF,EAAgBC,CAAU;AAC7C,WAAO,OAAOC,KAAgB,YAAYA,KAAgB,KAAKA,KAAgBC;AAAA,EAAA;AAEnF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es226.js","sources":["../../../node_modules/underscore/modules/_hasObjectTag.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Object');\n"],"names":["hasObjectTag","tagTester"],"mappings":";AAEA,MAAeA,IAAAC,EAAU,QAAQ;","x_google_ignoreList":[0]}

package/dist/index.es228.js

@@ -1,6 +1,11 @@
-import t from "./index.es191.js";
-const a = t("Object");
+import { MAX_ARRAY_INDEX as o } from "./index.es15.js";
+function u(e) {
+  return function(t) {
+    var r = e(t);
+    return typeof r == "number" && r >= 0 && r <= o;
+  };
+}
 export {
-  a as default
+  u as default
 };
 //# sourceMappingURL=index.es228.js.map

package/dist/index.es228.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es228.js","sources":["../../../node_modules/underscore/modules/_hasObjectTag.js"],"sourcesContent":["import tagTester from './_tagTester.js';\n\nexport default tagTester('Object');\n"],"names":["hasObjectTag","tagTester"],"mappings":";AAEA,MAAeA,IAAAC,EAAU,QAAQ;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es228.js","sources":["../../../node_modules/underscore/modules/_createSizePropertyCheck.js"],"sourcesContent":["import { MAX_ARRAY_INDEX } from './_setup.js';\n\n// Common internal logic for `isArrayLike` and `isBufferLike`.\nexport default function createSizePropertyCheck(getSizeProperty) {\n  return function(collection) {\n    var sizeProperty = getSizeProperty(collection);\n    return typeof sizeProperty == 'number' && sizeProperty >= 0 && sizeProperty <= MAX_ARRAY_INDEX;\n  }\n}\n"],"names":["createSizePropertyCheck","getSizeProperty","collection","sizeProperty","MAX_ARRAY_INDEX"],"mappings":";AAGA,SAAwBA,EAAwBC,GAAiB;AAC/D,SAAO,SAASC,GAAY;AACtB,QAAAC,IAAeF,EAAgBC,CAAU;AAC7C,WAAO,OAAOC,KAAgB,YAAYA,KAAgB,KAAKA,KAAgBC;AAAA,EAAA;AAEnF;","x_google_ignoreList":[0]}

package/dist/index.es5.js

@@ -1,27 +1,25 @@
 import { j as e } from "./index.es13.js";
-import { useMap as i, PulsingMarkerLayer as o, MixedGeoJSONLayer as f } from "@peripleo/maplibre";
-import { useEffect as l } from "react";
-import { DEFAULT_FILL_STYLE as n, DEFAULT_POINT_STYLE as d, DEFAULT_STROKE_STYLE as u } from "./index.es45.js";
+import { useMap as o, PulsingMarkerLayer as f, MixedGeoJSONLayer as l } from "@peripleo/maplibre";
+import { useEffect as n } from "react";
+import { DEFAULT_FILL_STYLE as r, DEFAULT_POINT_STYLE as d, DEFAULT_STROKE_STYLE as m } from "./index.es45.js";
 import S from "./index.es9.js";
-const m = 2, s = (t) => {
-  const a = i();
-  return l(() => {
+const u = 2, s = (t) => {
+  const a = o();
+  return n(() => {
     if (a && t.data) {
-      const r = S.getBoundingBox(t.data, t.buffer);
-      a.fitBounds(r);
+      const i = S.getBoundingBox(t.data, t.buffer);
+      a.fitBounds(i);
     }
   }, [a, t.buffer, t.data]), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      o,
+    t.animate && /* @__PURE__ */ e.jsx(
+      f,
       {
-        id: "current",
         data: t.data
       }
     ),
     /* @__PURE__ */ e.jsx(
-      f,
+      l,
       {
-        id: "current",
         data: t.data,
         fillStyle: t.fillStyle,
         strokeStyle: t.strokeStyle,
@@ -31,10 +29,10 @@ const m = 2, s = (t) => {
   ] });
 };
 s.defaultProps = {
-  buffer: m,
-  fillStyle: n,
+  buffer: u,
+  fillStyle: r,
   pointStyle: d,
-  strokeStyle: u
+  strokeStyle: m
 };
 export {
   s as default

package/dist/index.es5.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/components/LocationMarker.js"],"sourcesContent":["// @flow\n\nimport { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } from '@peripleo/maplibre';\nimport React, { useEffect } from 'react';\nimport { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any }\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarker = (props: Props) => {\n  const map = useMap();\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && props.data) {\n      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);\n      map.fitBounds(boundingBox);\n    }\n  }, [map, props.buffer, props.data]);\n\n  return (\n    <>\n      <PulsingMarkerLayer\n        id='current'\n        data={props.data}\n      />\n      <MixedGeoJSONLayer\n        id='current'\n        data={props.data}\n        fillStyle={props.fillStyle}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n      />\n    </>\n  );\n};\n\nLocationMarker.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: DEFAULT_FILL_STYLE,\n  pointStyle: DEFAULT_POINT_STYLE,\n  strokeStyle: DEFAULT_STROKE_STYLE\n};\n\nexport default LocationMarker;\n"],"names":["DEFAULT_BUFFER","LocationMarker","props","map","useMap","useEffect","boundingBox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","MixedGeoJSONLayer","DEFAULT_FILL_STYLE","DEFAULT_POINT_STYLE","DEFAULT_STROKE_STYLE"],"mappings":";;;;;AAkCA,MAAMA,IAAiB,GAKjBC,IAAiB,CAACC,MAAiB;AACvC,QAAMC,IAAMC;AAKZ,SAAAC,EAAU,MAAM;AACV,QAAAF,KAAOD,EAAM,MAAM;AACrB,YAAMI,IAAcC,EAAS,eAAeL,EAAM,MAAMA,EAAM,MAAM;AACpE,MAAAC,EAAI,UAAUG,CAAW;AAAA,IAC3B;AAAA,EAAA,GACC,CAACH,GAAKD,EAAM,QAAQA,EAAM,IAAI,CAAC,GAI9BM,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAMT,EAAM;AAAA,MAAA;AAAA,IACd;AAAA,IACAQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,MAAMV,EAAM;AAAA,QACZ,WAAWA,EAAM;AAAA,QACjB,aAAaA,EAAM;AAAA,QACnB,YAAYA,EAAM;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,EAAA,CAAA;AAEJ;AAEAD,EAAe,eAAe;AAAA,EAC5B,QAAQD;AAAA,EACR,WAAWa;AAAA,EACX,YAAYC;AAAA,EACZ,aAAaC;AACf;"}
+{"version":3,"file":"index.es5.js","sources":["../src/components/LocationMarkers.js"],"sourcesContent":["// @flow\n\nimport { MixedGeoJSONLayer, PulsingMarkerLayer, useMap } from '@peripleo/maplibre';\nimport React, { useEffect } from 'react';\nimport { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '../utils/MapStyles';\nimport MapUtils from '../utils/Map';\n\ntype Props = {\n  /**\n   * If `true`, the point marker will display with a pulsing animation.\n   */\n  animate?: boolean,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer: number,\n\n  /**\n   * The GeoJSON data representing the location.\n   */\n  data: { [key: string]: any },\n\n  /**\n   * GeoJSON layer fill style.\n   */\n  fillStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer point style.\n   */\n  pointStyle?: { [key: string]: any },\n\n  /**\n   * GeoJSON layer stroke style\n   */\n  strokeStyle?: { [key: string]: any }\n};\n\nconst DEFAULT_BUFFER = 2;\n\n/**\n * This component renders a location marker to be used in a Peripleo context.\n */\nconst LocationMarkers = (props: Props) => {\n  const map = useMap();\n\n  /**\n   * Sets the bounding box on the map.\n   */\n  useEffect(() => {\n    if (map && props.data) {\n      const boundingBox = MapUtils.getBoundingBox(props.data, props.buffer);\n      map.fitBounds(boundingBox);\n    }\n  }, [map, props.buffer, props.data]);\n\n  return (\n    <>\n      { props.animate && (\n        <PulsingMarkerLayer\n          data={props.data}\n        />\n      )}\n      <MixedGeoJSONLayer\n        data={props.data}\n        fillStyle={props.fillStyle}\n        strokeStyle={props.strokeStyle}\n        pointStyle={props.pointStyle}\n      />\n    </>\n  );\n};\n\nLocationMarkers.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  fillStyle: DEFAULT_FILL_STYLE,\n  pointStyle: DEFAULT_POINT_STYLE,\n  strokeStyle: DEFAULT_STROKE_STYLE\n};\n\nexport default LocationMarkers;\n"],"names":["DEFAULT_BUFFER","LocationMarkers","props","map","useMap","useEffect","boundingBox","MapUtils","jsxs","Fragment","jsx","PulsingMarkerLayer","MixedGeoJSONLayer","DEFAULT_FILL_STYLE","DEFAULT_POINT_STYLE","DEFAULT_STROKE_STYLE"],"mappings":";;;;;AAuCA,MAAMA,IAAiB,GAKjBC,IAAkB,CAACC,MAAiB;AACxC,QAAMC,IAAMC;AAKZ,SAAAC,EAAU,MAAM;AACV,QAAAF,KAAOD,EAAM,MAAM;AACrB,YAAMI,IAAcC,EAAS,eAAeL,EAAM,MAAMA,EAAM,MAAM;AACpE,MAAAC,EAAI,UAAUG,CAAW;AAAA,IAC3B;AAAA,EAAA,GACC,CAACH,GAAKD,EAAM,QAAQA,EAAM,IAAI,CAAC,GAI5BM,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,IAAAP,EAAM,WACNQ,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMT,EAAM;AAAA,MAAA;AAAA,IACd;AAAA,IAEFQ,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAMV,EAAM;AAAA,QACZ,WAAWA,EAAM;AAAA,QACjB,aAAaA,EAAM;AAAA,QACnB,YAAYA,EAAM;AAAA,MAAA;AAAA,IACpB;AAAA,EACF,EAAA,CAAA;AAEJ;AAEAD,EAAgB,eAAe;AAAA,EAC7B,QAAQD;AAAA,EACR,WAAWa;AAAA,EACX,YAAYC;AAAA,EACZ,aAAaC;AACf;"}

package/package.json

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

package/src/components/{LocationMarker.js → LocationMarkers.js}

@@ -6,6 +6,11 @@ import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '.
 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.
    */
@@ -37,7 +42,7 @@ const DEFAULT_BUFFER = 2;
 /**
  * This component renders a location marker to be used in a Peripleo context.
  */
-const LocationMarker = (props: Props) => {
+const LocationMarkers = (props: Props) => {
   const map = useMap();
 
   /**
@@ -52,12 +57,12 @@ const LocationMarker = (props: Props) => {
 
   return (
     <>
-      <PulsingMarkerLayer
-        id='current'
-        data={props.data}
-      />
+      { props.animate && (
+        <PulsingMarkerLayer
+          data={props.data}
+        />
+      )}
       <MixedGeoJSONLayer
-        id='current'
         data={props.data}
         fillStyle={props.fillStyle}
         strokeStyle={props.strokeStyle}
@@ -67,11 +72,11 @@ const LocationMarker = (props: Props) => {
   );
 };
 
-LocationMarker.defaultProps = {
+LocationMarkers.defaultProps = {
   buffer: DEFAULT_BUFFER,
   fillStyle: DEFAULT_FILL_STYLE,
   pointStyle: DEFAULT_POINT_STYLE,
   strokeStyle: DEFAULT_STROKE_STYLE
 };
 
-export default LocationMarker;
+export default LocationMarkers;

package/src/index.js

@@ -4,7 +4,7 @@
 export { default as DrawControl } from './components/DrawControl';
 export { default as GeoJsonLayer } from './components/GeoJsonLayer';
 export { default as LayerMenu } from './components/LayerMenu';
-export { default as LocationMarker } from './components/LocationMarker';
+export { default as LocationMarkers } from './components/LocationMarkers';
 export { default as MapControl } from './components/MapControl';
 export { default as MapDraw } from './components/MapDraw';
 export { default as RasterLayer } from './components/RasterLayer';

package/types/components/{LocationMarker.js.flow → LocationMarkers.js.flow}

@@ -6,6 +6,11 @@ import { DEFAULT_FILL_STYLE, DEFAULT_POINT_STYLE, DEFAULT_STROKE_STYLE } from '.
 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.
    */
@@ -37,7 +42,7 @@ const DEFAULT_BUFFER = 2;
 /**
  * This component renders a location marker to be used in a Peripleo context.
  */
-const LocationMarker = (props: Props) => {
+const LocationMarkers = (props: Props) => {
   const map = useMap();
 
   /**
@@ -52,12 +57,12 @@ const LocationMarker = (props: Props) => {
 
   return (
     <>
-      <PulsingMarkerLayer
-        id='current'
-        data={props.data}
-      />
+      { props.animate && (
+        <PulsingMarkerLayer
+          data={props.data}
+        />
+      )}
       <MixedGeoJSONLayer
-        id='current'
         data={props.data}
         fillStyle={props.fillStyle}
         strokeStyle={props.strokeStyle}
@@ -67,11 +72,11 @@ const LocationMarker = (props: Props) => {
   );
 };
 
-LocationMarker.defaultProps = {
+LocationMarkers.defaultProps = {
   buffer: DEFAULT_BUFFER,
   fillStyle: DEFAULT_FILL_STYLE,
   pointStyle: DEFAULT_POINT_STYLE,
   strokeStyle: DEFAULT_STROKE_STYLE
 };
 
-export default LocationMarker;
+export default LocationMarkers;

package/types/index.js.flow

@@ -4,7 +4,7 @@
 export { default as DrawControl } from './components/DrawControl';
 export { default as GeoJsonLayer } from './components/GeoJsonLayer';
 export { default as LayerMenu } from './components/LayerMenu';
-export { default as LocationMarker } from './components/LocationMarker';
+export { default as LocationMarkers } from './components/LocationMarkers';
 export { default as MapControl } from './components/MapControl';
 export { default as MapDraw } from './components/MapDraw';
 export { default as RasterLayer } from './components/RasterLayer';