@performant-software/geospatial 2.1.2-beta.3 → 2.1.2

package/dist/index.es61.js

@@ -1,5 +1,13 @@
-var e = { exports: {} };
+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);
 export {
-  e as __module
+  t as DefaultContext,
+  d as IconContext
 };
 //# sourceMappingURL=index.es61.js.map

package/dist/index.es61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es61.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es61.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]}

package/dist/index.es8.js

@@ -1,7 +1,7 @@
-import { j as r } from "./index.es15.js";
-import m from "./index.es12.js";
+import { j as n } from "./index.es15.js";
+import l from "./index.es12.js";
 import b from "./index.es17.js";
-import { useState as h, useRef as f, useCallback as n, useMemo as d, useEffect as R } from "react";
+import { useState as h, useRef as g, useCallback as a, useMemo as d, useEffect as R } from "react";
 import { Map as D } from "./index.es13.js";
 import x from "./index.es20.js";
 import "./index.es21.js";
@@ -36,35 +36,40 @@ import O from "./index.es4.js";
 import S from "./index.es10.js";
 import "./index.es49.js";
 import { feature as E } from "./index.es50.js";
-m.constants.classes.CONTROL_BASE = "maplibregl-ctrl";
-m.constants.classes.CONTROL_PREFIX = "maplibregl-ctrl-";
-m.constants.classes.CONTROL_GROUP = "maplibregl-ctrl-group";
-const _ = 2, M = 1e3, a = {
+l.constants.classes.CONTROL_BASE = "maplibregl-ctrl";
+l.constants.classes.CONTROL_PREFIX = "maplibregl-ctrl-";
+l.constants.classes.CONTROL_GROUP = "maplibregl-ctrl-group";
+const _ = 2, w = 1e3, m = {
   geometryCollection: "GeometryCollection",
   point: "Point",
   polygon: "Polygon"
-}, U = (t) => {
-  const [l, g] = h(!1), e = f(), c = f(), s = n(({ geometry: { type: o } }) => t.geocoding === "point" && o === a.point || t.geocoding === "polygon" && o === a.polygon, [t.geocoding]), i = n(() => t.onChange(e.current.getAll()), [t.onChange]), u = n(({ detail: o }) => {
-    s(o) && (e.current.add(o.geometry), i(), t.onGeocodingSelection(o));
-  }, [s, i, t.onGeocodingSelection]), p = d(() => `${t.mapStyle}?key=${t.apiKey}`, [t.apiKey, t.mapStyle]), y = d(() => ({ height: 500, width: "100%", ...t.style || {} }), [t.style]);
+}, G = (t) => {
+  const [c, u] = h(!1), e = g(), s = g(), f = a((o) => {
+    if (!o)
+      return !1;
+    const { geometry: { type: i } } = o;
+    return t.geocoding === "point" && i === m.point || t.geocoding === "polygon" && i === m.polygon;
+  }, [t.geocoding]), r = a(() => t.onChange(e.current.getAll()), [t.onChange]), p = a(({ detail: o }) => {
+    f(o) && (e.current.add(o.geometry), r(), t.onGeocodingSelection(o));
+  }, [f, r, t.onGeocodingSelection]), y = d(() => `${t.mapStyle}?key=${t.apiKey}`, [t.apiKey, t.mapStyle]), C = d(() => ({ height: 500, width: "100%", ...t.style || {} }), [t.style]);
   return R(() => {
-    if (l && t.data) {
+    if (c && t.data) {
       const o = S.getBoundingBox(t.data, t.buffer);
-      o && c.current.fitBounds(o, { duration: t.zoomDuration }), t.data.type === a.geometryCollection ? x.each(t.data.geometries, (C) => {
-        e.current.add(E(C));
+      o && s.current.fitBounds(o, { duration: t.zoomDuration }), t.data.type === m.geometryCollection ? x.each(t.data.geometries, (i) => {
+        e.current.add(E(i));
       }) : e.current.add(t.data);
     }
-  }, [l, t.data]), /* @__PURE__ */ r.jsxs(
+  }, [c, t.data]), /* @__PURE__ */ n.jsxs(
     D,
     {
       attributionControl: !1,
-      onLoad: () => g(!0),
+      onLoad: () => u(!0),
       mapLib: b,
-      ref: c,
-      style: y,
-      mapStyle: p,
+      ref: s,
+      style: C,
+      mapStyle: y,
       children: [
-        /* @__PURE__ */ r.jsx(
+        /* @__PURE__ */ n.jsx(
           L,
           {
             ref: e,
@@ -75,19 +80,20 @@ const _ = 2, M = 1e3, a = {
               trash: !0
             },
             displayControlsDefault: !1,
-            onCreate: i,
-            onUpdate: i,
-            onDelete: i,
+            onCreate: r,
+            onUpdate: r,
+            onDelete: r,
             position: "bottom-left"
           }
         ),
-        t.geocoding && /* @__PURE__ */ r.jsx(
+        t.geocoding && /* @__PURE__ */ n.jsx(
           O,
           {
             apiKey: t.apiKey,
             marker: !1,
             position: "top-left",
-            onSelection: u,
+            onSelection: p,
+            showFullGeometry: t.geocoding === "polygon",
             showResultMarkers: !1
           }
         ),
@@ -96,11 +102,11 @@ const _ = 2, M = 1e3, a = {
     }
   );
 };
-U.defaultProps = {
+G.defaultProps = {
   buffer: _,
-  zoomDuration: M
+  zoomDuration: w
 };
 export {
-  U as default
+  G as default
 };
 //# sourceMappingURL=index.es8.js.map

package/dist/index.es8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es8.js","sources":["../src/components/MapDraw.js"],"sourcesContent":["// @flow\n\nimport MapboxDraw from '@mapbox/mapbox-gl-draw';\nimport { feature, type FeatureCollection, type GeometryCollection } from '@turf/turf';\nimport maplibregl from 'maplibre-gl';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Node\n} from 'react';\nimport Map, { type MapboxMap } from 'react-map-gl';\nimport _ from 'underscore';\nimport DrawControl from './DrawControl';\nimport GeocodingControl from './GeocodingControl';\nimport MapUtils from '../utils/Map';\nimport './MapDraw.css';\n\n// Override the MapboxDraw components to use MapLibre styles\nMapboxDraw.constants.classes.CONTROL_BASE = 'maplibregl-ctrl';\nMapboxDraw.constants.classes.CONTROL_PREFIX = 'maplibregl-ctrl-';\nMapboxDraw.constants.classes.CONTROL_GROUP = 'maplibregl-ctrl-group';\n\ntype Props = {\n  /**\n   * MapTiler API key.\n   */\n  apiKey?: string,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer?: number,\n\n  /**\n   * Additional child nodes to render.\n   */\n  children?: Node,\n\n  /**\n   * GeoJSON structured data to be displayed on the map.\n   */\n  data: GeometryCollection | FeatureCollection,\n\n  /**\n   * Controls the type of GeoJSON data returned from the MapTiler Geocoding API.\n   */\n  geocoding?: undefined | 'point' | 'polygon',\n\n  /**\n   * URL of the map style to render. This URL should contain any necessary API keys.\n   */\n  mapStyle: string,\n\n  /**\n   * Callback fired when the map geometries are changed.\n   *\n   * @param features\n   */\n  onChange: (features: Array<any>) => void,\n\n  /**\n   * Callback fired when an item is selected from the geocoding dropdown.\n   */\n  onGeocodingSelection?: (data: any) => void,\n\n  /**\n   * Map style object.\n   */\n  style?: any,\n\n  /**\n   * The time in milliseconds to zoom into the location.\n   */\n  zoomDuration?: number\n};\n\nconst DEFAULT_BUFFER = 2;\nconst DEFAULT_ZOOM_DELAY = 1000;\n\nconst GeometryTypes = {\n  geometryCollection: 'GeometryCollection',\n  point: 'Point',\n  polygon: 'Polygon'\n};\n\n/**\n * This component renders a map with controls for drawing one or more geometries. Geometries can be a point (lat/long),\n * a line, or a polygon.\n */\nconst MapDraw = (props: Props) => {\n  const [loaded, setLoaded] = useState(false);\n\n  const drawRef = useRef<MapboxDraw>();\n  const mapRef = useRef<MapboxMap>();\n\n  /**\n   * Returns true if the passed geometry type is valid. MapTiler fires the onSelection callback twice: Once after\n   * selecting the record from the list (with a point geometry), and once after making a call to the server for the\n   * full record (polygon geometry). We should on fire the onGeocodingSelection callback and add the geometry to the\n   * map once.\n   *\n   * @type {function({geometry: {type: *}}): *}\n   */\n  const isValid = useCallback(({ geometry: { type } }) => (\n    (props.geocoding === 'point' && type === GeometryTypes.point)\n    || (props.geocoding === 'polygon' && type === GeometryTypes.polygon)\n  ), [props.geocoding]);\n\n  /**\n   * Calls the onChange prop with all of the geometries in the current drawer.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);\n\n  /**\n   * Adds the selected geometry to the map.\n   *\n   * @type {(function({detail: *}): void)|*}\n   */\n  const onSelection = useCallback(({ detail }) => {\n    if (isValid(detail)) {\n      // Add the geometry to the map\n      drawRef.current.add(detail.geometry);\n\n      // Trigger the onChange prop\n      onChange();\n\n      // Call the onGeocoding selection callback\n      props.onGeocodingSelection(detail);\n    }\n  }, [isValid, onChange, props.onGeocodingSelection]);\n\n  /**\n   * Sets the map style URL.\n   *\n   * @type {string}\n   */\n  const mapStyleUrl = useMemo(() => `${props.mapStyle}?key=${props.apiKey}`, [props.apiKey, props.mapStyle]);\n\n  /**\n   * Sets the element map style.\n   *\n   * @type {{width: string, height: number}}\n   */\n  const style = useMemo(() => ({ height: 500, width: '100%', ...(props.style || {}) }), [props.style]);\n\n  /**\n   * Updates the map bounding box and drawer when the geometry is changed.\n   */\n  useEffect(() => {\n    if (loaded && props.data) {\n      // Sets the bounding box for the current geometry\n      const bbox = MapUtils.getBoundingBox(props.data, props.buffer);\n\n      if (bbox) {\n        mapRef.current.fitBounds(bbox, { duration: props.zoomDuration });\n      }\n\n      // Handle special cases for geometry collection (not supported by mabox-gl-draw) and point\n      if (props.data.type === GeometryTypes.geometryCollection) {\n        _.each(props.data.geometries, (geometry) => {\n          drawRef.current.add(feature(geometry));\n        });\n      } else {\n        drawRef.current.add(props.data);\n      }\n    }\n  }, [loaded, props.data]);\n\n  return (\n    <Map\n      attributionControl={false}\n      onLoad={() => setLoaded(true)}\n      mapLib={maplibregl}\n      ref={mapRef}\n      style={style}\n      mapStyle={mapStyleUrl}\n    >\n      <DrawControl\n        ref={drawRef}\n        controls={{\n          line_string: true,\n          point: true,\n          polygon: true,\n          trash: true\n        }}\n        displayControlsDefault={false}\n        onCreate={onChange}\n        onUpdate={onChange}\n        onDelete={onChange}\n        position='bottom-left'\n      />\n      { props.geocoding && (\n        <GeocodingControl\n          apiKey={props.apiKey}\n          marker={false}\n          position='top-left'\n          onSelection={onSelection}\n          showResultMarkers={false}\n        />\n      )}\n      { props.children }\n    </Map>\n  );\n};\n\nMapDraw.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  zoomDuration: DEFAULT_ZOOM_DELAY\n};\n\nexport default MapDraw;\n"],"names":["MapboxDraw","DEFAULT_BUFFER","DEFAULT_ZOOM_DELAY","GeometryTypes","MapDraw","props","loaded","setLoaded","useState","drawRef","useRef","mapRef","isValid","useCallback","type","onChange","onSelection","detail","mapStyleUrl","useMemo","style","useEffect","bbox","MapUtils","_","geometry","feature","jsxs","Map","maplibregl","jsx","DrawControl","GeocodingControl"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBAA,EAAW,UAAU,QAAQ,eAAe;AAC5CA,EAAW,UAAU,QAAQ,iBAAiB;AAC9CA,EAAW,UAAU,QAAQ,gBAAgB;AAwD7C,MAAMC,IAAiB,GACjBC,IAAqB,KAErBC,IAAgB;AAAA,EACpB,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AACX,GAMMC,IAAU,CAACC,MAAiB;AAChC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAUC,KACVC,IAASD,KAUTE,IAAUC,EAAY,CAAC,EAAE,UAAU,EAAE,MAAAC,EAAK,EAAA,MAC7CT,EAAM,cAAc,WAAWS,MAASX,EAAc,SACnDE,EAAM,cAAc,aAAaS,MAASX,EAAc,SAC3D,CAACE,EAAM,SAAS,CAAC,GAOdU,IAAWF,EAAY,MAAMR,EAAM,SAASI,EAAQ,QAAQ,OAAQ,CAAA,GAAG,CAACJ,EAAM,QAAQ,CAAC,GAOvFW,IAAcH,EAAY,CAAC,EAAE,QAAAI,QAAa;AAC1C,IAAAL,EAAQK,CAAM,MAERR,EAAA,QAAQ,IAAIQ,EAAO,QAAQ,GAG1BF,KAGTV,EAAM,qBAAqBY,CAAM;AAAA,KAElC,CAACL,GAASG,GAAUV,EAAM,oBAAoB,CAAC,GAO5Ca,IAAcC,EAAQ,MAAM,GAAGd,EAAM,QAAQ,QAAQA,EAAM,MAAM,IAAI,CAACA,EAAM,QAAQA,EAAM,QAAQ,CAAC,GAOnGe,IAAQD,EAAQ,OAAO,EAAE,QAAQ,KAAK,OAAO,QAAQ,GAAId,EAAM,SAAS,CAAA,MAAQ,CAACA,EAAM,KAAK,CAAC;AAKnG,SAAAgB,EAAU,MAAM;AACV,QAAAf,KAAUD,EAAM,MAAM;AAExB,YAAMiB,IAAOC,EAAS,eAAelB,EAAM,MAAMA,EAAM,MAAM;AAE7D,MAAIiB,KACFX,EAAO,QAAQ,UAAUW,GAAM,EAAE,UAAUjB,EAAM,cAAc,GAI7DA,EAAM,KAAK,SAASF,EAAc,qBACpCqB,EAAE,KAAKnB,EAAM,KAAK,YAAY,CAACoB,MAAa;AAC1C,QAAAhB,EAAQ,QAAQ,IAAIiB,EAAQD,CAAQ,CAAC;AAAA,MAAA,CACtC,IAEOhB,EAAA,QAAQ,IAAIJ,EAAM,IAAI;AAAA,IAElC;AAAA,EACC,GAAA,CAACC,GAAQD,EAAM,IAAI,CAAC,GAGrBsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,oBAAoB;AAAA,MACpB,QAAQ,MAAMrB,EAAU,EAAI;AAAA,MAC5B,QAAQsB;AAAA,MACR,KAAKlB;AAAA,MACL,OAAAS;AAAA,MACA,UAAUF;AAAA,MAEV,UAAA;AAAA,QAAAY,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKtB;AAAA,YACL,UAAU;AAAA,cACR,aAAa;AAAA,cACb,OAAO;AAAA,cACP,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YACA,wBAAwB;AAAA,YACxB,UAAUM;AAAA,YACV,UAAUA;AAAA,YACV,UAAUA;AAAA,YACV,UAAS;AAAA,UAAA;AAAA,QACX;AAAA,QACEV,EAAM,aACNyB,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,QAAQ3B,EAAM;AAAA,YACd,QAAQ;AAAA,YACR,UAAS;AAAA,YACT,aAAAW;AAAA,YACA,mBAAmB;AAAA,UAAA;AAAA,QACrB;AAAA,QAEAX,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGd;AAEAD,EAAQ,eAAe;AAAA,EACrB,QAAQH;AAAA,EACR,cAAcC;AAChB;"}
+{"version":3,"file":"index.es8.js","sources":["../src/components/MapDraw.js"],"sourcesContent":["// @flow\n\nimport MapboxDraw from '@mapbox/mapbox-gl-draw';\nimport { feature, type FeatureCollection, type GeometryCollection } from '@turf/turf';\nimport maplibregl from 'maplibre-gl';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type Node\n} from 'react';\nimport Map, { type MapboxMap } from 'react-map-gl';\nimport _ from 'underscore';\nimport DrawControl from './DrawControl';\nimport GeocodingControl from './GeocodingControl';\nimport MapUtils from '../utils/Map';\nimport './MapDraw.css';\n\n// Override the MapboxDraw components to use MapLibre styles\nMapboxDraw.constants.classes.CONTROL_BASE = 'maplibregl-ctrl';\nMapboxDraw.constants.classes.CONTROL_PREFIX = 'maplibregl-ctrl-';\nMapboxDraw.constants.classes.CONTROL_GROUP = 'maplibregl-ctrl-group';\n\ntype Props = {\n  /**\n   * MapTiler API key.\n   */\n  apiKey?: string,\n\n  /**\n   * The number of miles to buffer the GeoJSON data.\n   */\n  buffer?: number,\n\n  /**\n   * Additional child nodes to render.\n   */\n  children?: Node,\n\n  /**\n   * GeoJSON structured data to be displayed on the map.\n   */\n  data: GeometryCollection | FeatureCollection,\n\n  /**\n   * Controls the type of GeoJSON data returned from the MapTiler Geocoding API.\n   */\n  geocoding?: undefined | 'point' | 'polygon',\n\n  /**\n   * URL of the map style to render. This URL should contain any necessary API keys.\n   */\n  mapStyle: string,\n\n  /**\n   * Callback fired when the map geometries are changed.\n   *\n   * @param features\n   */\n  onChange: (features: Array<any>) => void,\n\n  /**\n   * Callback fired when an item is selected from the geocoding dropdown.\n   */\n  onGeocodingSelection?: (data: any) => void,\n\n  /**\n   * Map style object.\n   */\n  style?: any,\n\n  /**\n   * The time in milliseconds to zoom into the location.\n   */\n  zoomDuration?: number\n};\n\nconst DEFAULT_BUFFER = 2;\nconst DEFAULT_ZOOM_DELAY = 1000;\n\nconst GeometryTypes = {\n  geometryCollection: 'GeometryCollection',\n  point: 'Point',\n  polygon: 'Polygon'\n};\n\n/**\n * This component renders a map with controls for drawing one or more geometries. Geometries can be a point (lat/long),\n * a line, or a polygon.\n */\nconst MapDraw = (props: Props) => {\n  const [loaded, setLoaded] = useState(false);\n\n  const drawRef = useRef<MapboxDraw>();\n  const mapRef = useRef<MapboxMap>();\n\n  /**\n   * Returns true if the passed geometry type is valid. MapTiler fires the onSelection callback twice: Once after\n   * selecting the record from the list (with a point geometry), and once after making a call to the server for the\n   * full record (polygon geometry). We should on fire the onGeocodingSelection callback and add the geometry to the\n   * map once.\n   *\n   * @type {function({geometry: {type: *}}): *}\n   */\n  const isValid = useCallback((detail) => {\n    if (!detail) {\n      return false;\n    }\n\n    const { geometry: { type } } = detail;\n\n    return (props.geocoding === 'point' && type === GeometryTypes.point)\n      || (props.geocoding === 'polygon' && type === GeometryTypes.polygon);\n  }, [props.geocoding]);\n\n  /**\n   * Calls the onChange prop with all of the geometries in the current drawer.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);\n\n  /**\n   * Adds the selected geometry to the map.\n   *\n   * @type {(function({detail: *}): void)|*}\n   */\n  const onSelection = useCallback(({ detail }) => {\n    if (isValid(detail)) {\n      // Add the geometry to the map\n      drawRef.current.add(detail.geometry);\n\n      // Trigger the onChange prop\n      onChange();\n\n      // Call the onGeocoding selection callback\n      props.onGeocodingSelection(detail);\n    }\n  }, [isValid, onChange, props.onGeocodingSelection]);\n\n  /**\n   * Sets the map style URL.\n   *\n   * @type {string}\n   */\n  const mapStyleUrl = useMemo(() => `${props.mapStyle}?key=${props.apiKey}`, [props.apiKey, props.mapStyle]);\n\n  /**\n   * Sets the element map style.\n   *\n   * @type {{width: string, height: number}}\n   */\n  const style = useMemo(() => ({ height: 500, width: '100%', ...(props.style || {}) }), [props.style]);\n\n  /**\n   * Updates the map bounding box and drawer when the geometry is changed.\n   */\n  useEffect(() => {\n    if (loaded && props.data) {\n      // Sets the bounding box for the current geometry\n      const bbox = MapUtils.getBoundingBox(props.data, props.buffer);\n\n      if (bbox) {\n        mapRef.current.fitBounds(bbox, { duration: props.zoomDuration });\n      }\n\n      // Handle special cases for geometry collection (not supported by mabox-gl-draw) and point\n      if (props.data.type === GeometryTypes.geometryCollection) {\n        _.each(props.data.geometries, (geometry) => {\n          drawRef.current.add(feature(geometry));\n        });\n      } else {\n        drawRef.current.add(props.data);\n      }\n    }\n  }, [loaded, props.data]);\n\n  return (\n    <Map\n      attributionControl={false}\n      onLoad={() => setLoaded(true)}\n      mapLib={maplibregl}\n      ref={mapRef}\n      style={style}\n      mapStyle={mapStyleUrl}\n    >\n      <DrawControl\n        ref={drawRef}\n        controls={{\n          line_string: true,\n          point: true,\n          polygon: true,\n          trash: true\n        }}\n        displayControlsDefault={false}\n        onCreate={onChange}\n        onUpdate={onChange}\n        onDelete={onChange}\n        position='bottom-left'\n      />\n      { props.geocoding && (\n        <GeocodingControl\n          apiKey={props.apiKey}\n          marker={false}\n          position='top-left'\n          onSelection={onSelection}\n          showFullGeometry={props.geocoding === 'polygon'}\n          showResultMarkers={false}\n        />\n      )}\n      { props.children }\n    </Map>\n  );\n};\n\nMapDraw.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  zoomDuration: DEFAULT_ZOOM_DELAY\n};\n\nexport default MapDraw;\n"],"names":["MapboxDraw","DEFAULT_BUFFER","DEFAULT_ZOOM_DELAY","GeometryTypes","MapDraw","props","loaded","setLoaded","useState","drawRef","useRef","mapRef","isValid","useCallback","detail","type","onChange","onSelection","mapStyleUrl","useMemo","style","useEffect","bbox","MapUtils","_","geometry","feature","jsxs","Map","maplibregl","jsx","DrawControl","GeocodingControl"],"mappings":"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"}

package/package.json

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

package/src/components/MapDraw.js

@@ -104,10 +104,16 @@ const MapDraw = (props: Props) => {
    *
    * @type {function({geometry: {type: *}}): *}
    */
-  const isValid = useCallback(({ geometry: { type } }) => (
-    (props.geocoding === 'point' && type === GeometryTypes.point)
-    || (props.geocoding === 'polygon' && type === GeometryTypes.polygon)
-  ), [props.geocoding]);
+  const isValid = useCallback((detail) => {
+    if (!detail) {
+      return false;
+    }
+
+    const { geometry: { type } } = detail;
+
+    return (props.geocoding === 'point' && type === GeometryTypes.point)
+      || (props.geocoding === 'polygon' && type === GeometryTypes.polygon);
+  }, [props.geocoding]);
 
   /**
    * Calls the onChange prop with all of the geometries in the current drawer.
@@ -200,6 +206,7 @@ const MapDraw = (props: Props) => {
           marker={false}
           position='top-left'
           onSelection={onSelection}
+          showFullGeometry={props.geocoding === 'polygon'}
           showResultMarkers={false}
         />
       )}

package/types/components/MapDraw.js.flow

@@ -104,10 +104,16 @@ const MapDraw = (props: Props) => {
    *
    * @type {function({geometry: {type: *}}): *}
    */
-  const isValid = useCallback(({ geometry: { type } }) => (
-    (props.geocoding === 'point' && type === GeometryTypes.point)
-    || (props.geocoding === 'polygon' && type === GeometryTypes.polygon)
-  ), [props.geocoding]);
+  const isValid = useCallback((detail) => {
+    if (!detail) {
+      return false;
+    }
+
+    const { geometry: { type } } = detail;
+
+    return (props.geocoding === 'point' && type === GeometryTypes.point)
+      || (props.geocoding === 'polygon' && type === GeometryTypes.polygon);
+  }, [props.geocoding]);
 
   /**
    * Calls the onChange prop with all of the geometries in the current drawer.
@@ -200,6 +206,7 @@ const MapDraw = (props: Props) => {
           marker={false}
           position='top-left'
           onSelection={onSelection}
+          showFullGeometry={props.geocoding === 'polygon'}
           showResultMarkers={false}
         />
       )}