@performant-software/geospatial 3.1.5 → 3.1.7-beta.1

package/dist/index.es81.js

@@ -1,13 +1,5 @@
-import e from "react";
-var t = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, d = e.createContext && /* @__PURE__ */ e.createContext(t);
+var e = { exports: {} };
 export {
-  t as DefaultContext,
-  d as IconContext
+  e as __module
 };
 //# sourceMappingURL=index.es81.js.map

package/dist/index.es81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es81.js","sources":["../../../node_modules/react-icons/lib/iconContext.mjs"],"sourcesContent":["import React from \"react\";\nexport var DefaultContext = {\n  color: undefined,\n  size: undefined,\n  className: undefined,\n  style: undefined,\n  attr: undefined\n};\nexport var IconContext = React.createContext && /*#__PURE__*/React.createContext(DefaultContext);"],"names":["DefaultContext","IconContext","React"],"mappings":";AACU,IAACA,IAAiB;AAAA,EAC1B,OAAO;AAAA,EACP,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,MAAM;AACR,GACWC,IAAcC,EAAM,iBAA8BA,gBAAAA,EAAM,cAAcF,CAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es81.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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.es235.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.es209.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.es209.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.es209.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.es209.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.es209.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.es209.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.es209.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.es209.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.5",
+  "version": "3.1.7-beta.1",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",

package/src/components/MapDraw.js

@@ -151,7 +151,11 @@ const MapDraw = (props: Props) => {
    *
    * @type {(function(): void)|*}
    */
-  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);
+  const onChange = useCallback(() => {
+    console.log("fired callback");
+    console.log(drawRef.current.getAll());
+    props.onChange(drawRef.current.getAll());
+  }, [props.onChange]);
 
   /**
    * Adds the selected geometry to the map.
@@ -160,8 +164,14 @@ const MapDraw = (props: Props) => {
    */
   const onSelection = useCallback(({ detail }) => {
     if (isValid(detail)) {
+      console.log("valid");
+      console.log(detail);
       // Add the geometry to the map
+      console.log("before add");
+      console.log(drawRef.current.getAll());
       drawRef.current.add(detail.geometry);
+      console.log("after add");
+      console.log(drawRef.current.getAll());
 
       // Trigger the onChange prop
       onChange();
@@ -170,6 +180,9 @@ const MapDraw = (props: Props) => {
       if (props.onGeocodingSelection) {
         props.onGeocodingSelection(detail);
       }
+    } else {
+      console.log("invalid");
+      console.log(detail);
     }
   }, [isValid, onChange, props.onGeocodingSelection]);
 

package/types/components/MapDraw.js.flow

@@ -151,7 +151,11 @@ const MapDraw = (props: Props) => {
    *
    * @type {(function(): void)|*}
    */
-  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);
+  const onChange = useCallback(() => {
+    console.log("fired callback");
+    console.log(drawRef.current.getAll());
+    props.onChange(drawRef.current.getAll());
+  }, [props.onChange]);
 
   /**
    * Adds the selected geometry to the map.
@@ -160,8 +164,14 @@ const MapDraw = (props: Props) => {
    */
   const onSelection = useCallback(({ detail }) => {
     if (isValid(detail)) {
+      console.log("valid");
+      console.log(detail);
       // Add the geometry to the map
+      console.log("before add");
+      console.log(drawRef.current.getAll());
       drawRef.current.add(detail.geometry);
+      console.log("after add");
+      console.log(drawRef.current.getAll());
 
       // Trigger the onChange prop
       onChange();
@@ -170,6 +180,9 @@ const MapDraw = (props: Props) => {
       if (props.onGeocodingSelection) {
         props.onGeocodingSelection(detail);
       }
+    } else {
+      console.log("invalid");
+      console.log(detail);
     }
   }, [isValid, onChange, props.onGeocodingSelection]);
 

package/types/components/LocationMarker.js.flow

@@ -1,82 +0,0 @@
-// @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;