@performant-software/geospatial 3.1.18-beta.3 → 3.1.18-beta.5

package/dist/index.es88.js

@@ -2,7 +2,7 @@ import r from "./index.es41.js";
 import n from "./index.es155.js";
 import f from "./index.es116.js";
 import { push as u } from "./index.es37.js";
-import m from "./index.es239.js";
+import m from "./index.es231.js";
 function l(o) {
   return n(f(o), function(t) {
     var i = r[t] = o[t];

package/dist/index.es95.js

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

package/dist/index.es96.js

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

package/dist/index.es97.js

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

package/dist/index.es98.js

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

package/dist/index.es99.js

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

package/package.json

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

package/src/components/CertaintyLayer.js

@@ -1,6 +1,6 @@
 // @flow
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Layer, Source } from 'react-map-gl/maplibre';
 import MapStyles from '../utils/MapStyles';
 import MapUtils from '../utils/Map';
@@ -14,11 +14,17 @@ type Props = {
  * Renders circles with the given certainty_radius circumference around all points in a new layer.
  */
 const CertaintyLayer = (props: Props) => {
-  const circles = MapUtils.getCertaintyCircles([props.geometry], () => props.certaintyRadius);
+  const data = useMemo(() => {
+    if (props.geometry) {
+      return MapUtils.toCertaintyCircle(props.geometry, props.certaintyRadius);
+    } else {
+      return {};
+    }
+  }, [props.geometry, props.certaintyRadius]);
 
   return (
     <Source
-      data={circles}
+      data={data}
       type='geojson'
     >
       <Layer

package/src/utils/Map.js

@@ -26,45 +26,43 @@ const buildCircle = (point, radius) => (
   circle(point.coordinates, radius, { units: 'kilometers', steps: 32 })
 );
 
-const getCertaintyCircle = (item, getCertaintyRadius: (item: any) => number | undefined) => {
-  const certaintyRadius = getCertaintyRadius(item);
-
-  if (certaintyRadius) {
-    if (item.geometry?.type === 'FeatureCollection') {
-      for (const childFeature of item.geometry.features) {
-        if (childFeature.geometry?.type === 'Point') {
-          return buildCircle(childFeature.geometry, certaintyRadius);
-        }
+const toCertaintyCircle = (item, radius: number) => {
+  if (item.geometry?.type === 'FeatureCollection') {
+    let children = [];
+
+    for (const childFeature of item.geometry.features) {
+      if (childFeature.geometry?.type === 'Point') {
+        children.push({
+          ...childFeature,
+          geometry: buildCircle(childFeature.geometry, radius)
+        });
       }
-    } else if (item.geometry?.type === 'GeometryCollection') {
-      for (const geometry of item.geometry.geometries) {
-        if (geometry.type === 'Point') {
-          return buildCircle(geometry, certaintyRadius);
-        }
-      }
-    } else if (item.geometry?.type === 'Point') {
-      return buildCircle(item.geometry, certaintyRadius);
     }
-  }
-};
 
-/**
- * Returns a GeoJSON feature collection containing circles for each item in the given array.
- */
-const getCertaintyCircleFeatureCollection = (
-  items,
-  getCertaintyRadius: (item: any) => number | undefined
-) => {
-  const features = [];
-
-  for (const item of items) {
-    const circle = getCertaintyCircle(item, getCertaintyRadius);
-    if (circle) {
-      features.push(circle);
+    return {
+      ...item,
+      geometry: {
+        type: 'GeometryCollection',
+        geometries: children
+      }
+    };
+  } else if (item.geometry?.type === 'GeometryCollection') {
+    for (const geometry of item.geometry.geometries) {
+      if (geometry.type === 'Point') {
+        return {
+          ...item,
+          geometry: buildCircle(geometry, radius)
+        };
+      }
     }
+  } else if (item.geometry?.type === 'Point') {
+    return {
+      ...item,
+      geometry: buildCircle(item.geometry, radius)
+    };
   }
 
-  return featureCollection(features);
+  return item;
 };
 
 /**
@@ -213,8 +211,7 @@ const validateCoordinates = (coordinates) => {
 
 export default {
   addGeoreferenceLayer,
-  getCertaintyCircle,
-  getCertaintyCircleFeatureCollection,
+  toCertaintyCircle,
   getBoundingBox,
   removeLayer,
   toFeature,

package/types/components/CertaintyLayer.js.flow

@@ -1,6 +1,6 @@
 // @flow
 
-import React from 'react';
+import React, { useMemo } from 'react';
 import { Layer, Source } from 'react-map-gl/maplibre';
 import MapStyles from '../utils/MapStyles';
 import MapUtils from '../utils/Map';
@@ -14,11 +14,17 @@ type Props = {
  * Renders circles with the given certainty_radius circumference around all points in a new layer.
  */
 const CertaintyLayer = (props: Props) => {
-  const circles = MapUtils.getCertaintyCircles([props.geometry], () => props.certaintyRadius);
+  const data = useMemo(() => {
+    if (props.geometry) {
+      return MapUtils.toCertaintyCircle(props.geometry, props.certaintyRadius);
+    } else {
+      return {};
+    }
+  }, [props.geometry, props.certaintyRadius]);
 
   return (
     <Source
-      data={circles}
+      data={data}
       type='geojson'
     >
       <Layer

package/types/utils/Map.js.flow

@@ -26,45 +26,43 @@ const buildCircle = (point, radius) => (
   circle(point.coordinates, radius, { units: 'kilometers', steps: 32 })
 );
 
-const getCertaintyCircle = (item, getCertaintyRadius: (item: any) => number | undefined) => {
-  const certaintyRadius = getCertaintyRadius(item);
-
-  if (certaintyRadius) {
-    if (item.geometry?.type === 'FeatureCollection') {
-      for (const childFeature of item.geometry.features) {
-        if (childFeature.geometry?.type === 'Point') {
-          return buildCircle(childFeature.geometry, certaintyRadius);
-        }
+const toCertaintyCircle = (item, radius: number) => {
+  if (item.geometry?.type === 'FeatureCollection') {
+    let children = [];
+
+    for (const childFeature of item.geometry.features) {
+      if (childFeature.geometry?.type === 'Point') {
+        children.push({
+          ...childFeature,
+          geometry: buildCircle(childFeature.geometry, radius)
+        });
       }
-    } else if (item.geometry?.type === 'GeometryCollection') {
-      for (const geometry of item.geometry.geometries) {
-        if (geometry.type === 'Point') {
-          return buildCircle(geometry, certaintyRadius);
-        }
-      }
-    } else if (item.geometry?.type === 'Point') {
-      return buildCircle(item.geometry, certaintyRadius);
     }
-  }
-};
 
-/**
- * Returns a GeoJSON feature collection containing circles for each item in the given array.
- */
-const getCertaintyCircleFeatureCollection = (
-  items,
-  getCertaintyRadius: (item: any) => number | undefined
-) => {
-  const features = [];
-
-  for (const item of items) {
-    const circle = getCertaintyCircle(item, getCertaintyRadius);
-    if (circle) {
-      features.push(circle);
+    return {
+      ...item,
+      geometry: {
+        type: 'GeometryCollection',
+        geometries: children
+      }
+    };
+  } else if (item.geometry?.type === 'GeometryCollection') {
+    for (const geometry of item.geometry.geometries) {
+      if (geometry.type === 'Point') {
+        return {
+          ...item,
+          geometry: buildCircle(geometry, radius)
+        };
+      }
     }
+  } else if (item.geometry?.type === 'Point') {
+    return {
+      ...item,
+      geometry: buildCircle(item.geometry, radius)
+    };
   }
 
-  return featureCollection(features);
+  return item;
 };
 
 /**
@@ -213,8 +211,7 @@ const validateCoordinates = (coordinates) => {
 
 export default {
   addGeoreferenceLayer,
-  getCertaintyCircle,
-  getCertaintyCircleFeatureCollection,
+  toCertaintyCircle,
   getBoundingBox,
   removeLayer,
   toFeature,