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

package/dist/index.es79.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.es79.js.map

package/dist/index.es79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es79.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.es79.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 i } from "./index.es27.js";
-import l from "./index.es14.js";
+import m from "./index.es14.js";
 import b from "./index.es31.js";
-import { useState as h, useRef as g, useCallback as m, useMemo as u, useEffect as x } from "react";
+import { useState as h, useRef as f, useCallback as l, useMemo as u, useEffect as x } from "react";
 import { Map as D } from "./index.es15.js";
 import "./index.es16.js";
 import "./index.es17.js";
@@ -13,7 +13,7 @@ import "./index.es22.js";
 import "./index.es23.js";
 import "./index.es24.js";
 import "./index.es26.js";
-import G from "./index.es35.js";
+import v from "./index.es35.js";
 import "./index.es36.js";
 import "./index.es37.js";
 import "./index.es38.js";
@@ -41,52 +41,54 @@ import "./index.es59.js";
 import "./index.es60.js";
 import "./index.es61.js";
 import "./index.es62.js";
-import w from "./index.es2.js";
-import L from "./index.es4.js";
-import O from "./index.es12.js";
+import G from "./index.es2.js";
+import w from "./index.es4.js";
+import L from "./index.es12.js";
 /* empty css           */
 /* empty css           */
-import { feature as v } from "./index.es66.js";
-l.constants.classes.CONTROL_BASE = "maplibregl-ctrl";
-l.constants.classes.CONTROL_PREFIX = "maplibregl-ctrl-";
-l.constants.classes.CONTROL_GROUP = "maplibregl-ctrl-group";
-const B = 2, E = 1e3, a = {
+import { feature as O } from "./index.es66.js";
+m.constants.classes.CONTROL_BASE = "maplibregl-ctrl";
+m.constants.classes.CONTROL_PREFIX = "maplibregl-ctrl-";
+m.constants.classes.CONTROL_GROUP = "maplibregl-ctrl-group";
+const A = 2, B = 1e3, a = {
   geometryCollection: "GeometryCollection",
   point: "Point",
   polygon: ["Polygon", "MultiPolygon"]
-}, M = (t) => {
-  const [c, d] = h(!1), e = g(), s = g(), f = m((o) => {
-    if (!o)
+}, E = (o) => {
+  const [c, d] = h(!1), t = f(), s = f(), g = l((e) => {
+    if (!e)
       return !1;
-    const { geometry: { type: n } } = o;
-    return t.geocoding === "point" && n === a.point || t.geocoding === "polygon" && a.polygon.includes(n);
-  }, [t.geocoding]), r = m(() => t.onChange(e.current.getAll()), [t.onChange]), p = m(({ detail: o }) => {
-    f(o) && (e.current.add(o.geometry), r(), t.onGeocodingSelection && t.onGeocodingSelection(o));
-  }, [f, r, t.onGeocodingSelection]), y = u(() => `${t.mapStyle}?key=${t.apiKey}`, [t.apiKey, t.mapStyle]), C = u(() => ({ height: 500, width: "100%", ...t.style || {} }), [t.style]);
+    const { geometry: { type: n } } = e;
+    return o.geocoding === "point" && n === a.point || o.geocoding === "polygon" && a.polygon.includes(n);
+  }, [o.geocoding]), r = l(() => {
+    console.log("fired callback"), console.log(t.current.getAll()), o.onChange(t.current.getAll());
+  }, [o.onChange]), p = l(({ detail: e }) => {
+    g(e) ? (console.log("valid"), console.log(e), console.log("before add"), console.log(t.current.getAll()), t.current.add(e.geometry), console.log("after add"), console.log(t.current.getAll()), r(), o.onGeocodingSelection && o.onGeocodingSelection(e)) : (console.log("invalid"), console.log(e));
+  }, [g, r, o.onGeocodingSelection]), y = u(() => `${o.mapStyle}?key=${o.apiKey}`, [o.apiKey, o.mapStyle]), C = u(() => ({ height: 500, width: "100%", ...o.style || {} }), [o.style]);
   return x(() => {
-    if (c && t.data) {
-      const o = O.getBoundingBox(t.data, t.buffer);
-      o && s.current.fitBounds(o, { duration: t.zoomDuration }), t.data.type === a.geometryCollection ? G.each(t.data.geometries, (n) => {
-        e.current.add(v(n));
-      }) : e.current.add(t.data);
+    if (c && o.data) {
+      const e = L.getBoundingBox(o.data, o.buffer);
+      e && s.current.fitBounds(e, { duration: o.zoomDuration }), o.data.type === a.geometryCollection ? v.each(o.data.geometries, (n) => {
+        t.current.add(O(n));
+      }) : t.current.add(o.data);
     }
-  }, [c, t.data]), /* @__PURE__ */ i.jsxs(
+  }, [c, o.data]), /* @__PURE__ */ i.jsxs(
     D,
     {
       attributionControl: !1,
-      cooperativeGestures: t.cooperativeGestures,
+      cooperativeGestures: o.cooperativeGestures,
       mapLib: b,
-      maxPitch: t.maxPitch,
+      maxPitch: o.maxPitch,
       onLoad: () => d(!0),
-      preserveDrawingBuffer: t.preserveDrawingBuffer,
+      preserveDrawingBuffer: o.preserveDrawingBuffer,
       ref: s,
       style: C,
       mapStyle: y,
       children: [
         /* @__PURE__ */ i.jsx(
-          w,
+          G,
           {
-            ref: e,
+            ref: t,
             controls: {
               line_string: !0,
               point: !0,
@@ -100,32 +102,32 @@ const B = 2, E = 1e3, a = {
             position: "bottom-left"
           }
         ),
-        t.geocoding && /* @__PURE__ */ i.jsx(
-          L,
+        o.geocoding && /* @__PURE__ */ i.jsx(
+          w,
           {
-            apiKey: t.apiKey,
+            apiKey: o.apiKey,
             marker: !1,
-            pickedResultStyle: t.geocoding === "polygon" ? "full-geometry" : "marker-only",
+            pickedResultStyle: o.geocoding === "polygon" ? "full-geometry" : "marker-only",
             position: "top-left",
             onSelection: p,
             showResultMarkers: !1
           },
-          t.geocoding
+          o.geocoding
         ),
-        t.navigation && /* @__PURE__ */ i.jsx(S, {}),
-        t.fullscreen && /* @__PURE__ */ i.jsx(R, {}),
-        t.children
+        o.navigation && /* @__PURE__ */ i.jsx(S, {}),
+        o.fullscreen && /* @__PURE__ */ i.jsx(R, {}),
+        o.children
       ]
     }
   );
 };
-M.defaultProps = {
-  buffer: B,
+E.defaultProps = {
+  buffer: A,
   cooperativeGestures: !0,
   preserveDrawingBuffer: !1,
-  zoomDuration: E
+  zoomDuration: B
 };
 export {
-  M as default
+  E 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, {\n  FullscreenControl,\n  type MapboxMap,\n  NavigationControl\n} from 'react-map-gl/maplibre';\nimport _ from 'underscore';\nimport DrawControl from './DrawControl';\nimport GeocodingControl from './GeocodingControl';\nimport MapUtils from '../utils/Map';\n\nimport '@maptiler/geocoding-control/style.css';\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   * If `true`, the map will require CTRL + scroll to zoom.\n   */\n  cooperativeGestures?: boolean,\n\n  /**\n   * GeoJSON structured data to be displayed on the map.\n   */\n  data: GeometryCollection | FeatureCollection,\n\n  /**\n   * If `true`, a control will be rendered to put the map in full screen mode.\n   */\n  fullscreen?: boolean,\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   * The maximum pitch of the map (0-85).\n   */\n  maxPitch?: number,\n\n  /**\n   * If `true`, the navigation controls will display.\n   */\n  navigation?: boolean,\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   * If `true`, the map's canvas can be exported to a PNG using `map.getCanvas().toDataURL()`.\n   */\n  preserveDrawingBuffer?: boolean,\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', 'MultiPolygon']\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' && GeometryTypes.polygon.includes(type));\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      if (props.onGeocodingSelection) {\n        props.onGeocodingSelection(detail);\n      }\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      cooperativeGestures={props.cooperativeGestures}\n      mapLib={maplibregl}\n      maxPitch={props.maxPitch}\n      onLoad={() => setLoaded(true)}\n      preserveDrawingBuffer={props.preserveDrawingBuffer}\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          key={props.geocoding}\n          marker={false}\n          pickedResultStyle={props.geocoding === 'polygon' ? 'full-geometry' : 'marker-only'}\n          position='top-left'\n          onSelection={onSelection}\n          showResultMarkers={false}\n        />\n      )}\n      { props.navigation && (\n        <NavigationControl />\n      )}\n      { props.fullscreen && (\n        <FullscreenControl />\n      )}\n      { props.children }\n    </Map>\n  );\n};\n\nMapDraw.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  cooperativeGestures: true,\n  preserveDrawingBuffer: false,\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","NavigationControl","FullscreenControl"],"mappings":"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"}
+{"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, {\n  FullscreenControl,\n  type MapboxMap,\n  NavigationControl\n} from 'react-map-gl/maplibre';\nimport _ from 'underscore';\nimport DrawControl from './DrawControl';\nimport GeocodingControl from './GeocodingControl';\nimport MapUtils from '../utils/Map';\n\nimport '@maptiler/geocoding-control/style.css';\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   * If `true`, the map will require CTRL + scroll to zoom.\n   */\n  cooperativeGestures?: boolean,\n\n  /**\n   * GeoJSON structured data to be displayed on the map.\n   */\n  data: GeometryCollection | FeatureCollection,\n\n  /**\n   * If `true`, a control will be rendered to put the map in full screen mode.\n   */\n  fullscreen?: boolean,\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   * The maximum pitch of the map (0-85).\n   */\n  maxPitch?: number,\n\n  /**\n   * If `true`, the navigation controls will display.\n   */\n  navigation?: boolean,\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   * If `true`, the map's canvas can be exported to a PNG using `map.getCanvas().toDataURL()`.\n   */\n  preserveDrawingBuffer?: boolean,\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', 'MultiPolygon']\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' && GeometryTypes.polygon.includes(type));\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(() => {\n    console.log(\"fired callback\");\n    console.log(drawRef.current.getAll());\n    props.onChange(drawRef.current.getAll());\n  }, [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      console.log(\"valid\");\n      console.log(detail);\n      // Add the geometry to the map\n      console.log(\"before add\");\n      console.log(drawRef.current.getAll());\n      drawRef.current.add(detail.geometry);\n      console.log(\"after add\");\n      console.log(drawRef.current.getAll());\n\n      // Trigger the onChange prop\n      onChange();\n\n      // Call the onGeocoding selection callback\n      if (props.onGeocodingSelection) {\n        props.onGeocodingSelection(detail);\n      }\n    } else {\n      console.log(\"invalid\");\n      console.log(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      cooperativeGestures={props.cooperativeGestures}\n      mapLib={maplibregl}\n      maxPitch={props.maxPitch}\n      onLoad={() => setLoaded(true)}\n      preserveDrawingBuffer={props.preserveDrawingBuffer}\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          key={props.geocoding}\n          marker={false}\n          pickedResultStyle={props.geocoding === 'polygon' ? 'full-geometry' : 'marker-only'}\n          position='top-left'\n          onSelection={onSelection}\n          showResultMarkers={false}\n        />\n      )}\n      { props.navigation && (\n        <NavigationControl />\n      )}\n      { props.fullscreen && (\n        <FullscreenControl />\n      )}\n      { props.children }\n    </Map>\n  );\n};\n\nMapDraw.defaultProps = {\n  buffer: DEFAULT_BUFFER,\n  cooperativeGestures: true,\n  preserveDrawingBuffer: false,\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","NavigationControl","FullscreenControl"],"mappings":"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"}