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

package/dist/index.cjs79.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");var t={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},n=e.createContext&&e.createContext(t);exports.DefaultContext=t;exports.IconContext=n;
 //# sourceMappingURL=index.cjs79.js.map

package/dist/index.cjs79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs79.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.cjs79.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":"yGACU,IAACA,EAAiB,CAC1B,MAAO,OACP,KAAM,OACN,UAAW,OACX,MAAO,OACP,KAAM,MACR,EACWC,EAAcC,EAAM,eAA8BA,EAAM,cAAcF,CAAc","x_google_ignoreList":[0]}

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";const n=require("./index.cjs27.js"),l=require("./index.cjs14.js"),x=require("./index.cjs31.js"),t=require("react"),C=require("./index.cjs15.js");require("./index.cjs16.js");require("./index.cjs17.js");require("./index.cjs18.js");const R=require("./index.cjs19.js");require("./index.cjs20.js");const b=require("./index.cjs21.js");require("./index.cjs22.js");require("./index.cjs23.js");require("./index.cjs24.js");require("./index.cjs26.js");const D=require("./index.cjs35.js");require("./index.cjs36.js");require("./index.cjs37.js");require("./index.cjs38.js");require("./index.cjs39.js");require("./index.cjs40.js");require("./index.cjs41.js");require("./index.cjs42.js");require("./index.cjs43.js");require("./index.cjs44.js");require("./index.cjs45.js");require("./index.cjs46.js");require("./index.cjs47.js");require("./index.cjs48.js");require("./index.cjs49.js");require("./index.cjs50.js");require("./index.cjs51.js");require("./index.cjs52.js");require("./index.cjs53.js");require("./index.cjs54.js");require("./index.cjs55.js");require("./index.cjs56.js");require("./index.cjs57.js");require("./index.cjs58.js");require("./index.cjs59.js");require("./index.cjs60.js");require("./index.cjs61.js");require("./index.cjs62.js");const h=require("./index.cjs2.js"),E=require("./index.cjs4.js"),G=require("./index.cjs12.js");;/* empty css             */;/* empty css             */const j=require("./index.cjs66.js");l.constants.classes.CONTROL_BASE="maplibregl-ctrl";l.constants.classes.CONTROL_PREFIX="maplibregl-ctrl-";l.constants.classes.CONTROL_GROUP="maplibregl-ctrl-group";const S=2,v=1e3,a={geometryCollection:"GeometryCollection",point:"Point",polygon:["Polygon","MultiPolygon"]},g=e=>{const[s,f]=t.useState(!1),i=t.useRef(),c=t.useRef(),q=t.useCallback(r=>{if(!r)return!1;const{geometry:{type:u}}=r;return e.geocoding==="point"&&u===a.point||e.geocoding==="polygon"&&a.polygon.includes(u)},[e.geocoding]),o=t.useCallback(()=>e.onChange(i.current.getAll()),[e.onChange]),d=t.useCallback(({detail:r})=>{q(r)&&(i.current.add(r.geometry),o(),e.onGeocodingSelection&&e.onGeocodingSelection(r))},[q,o,e.onGeocodingSelection]),m=t.useMemo(()=>`${e.mapStyle}?key=${e.apiKey}`,[e.apiKey,e.mapStyle]),y=t.useMemo(()=>({height:500,width:"100%",...e.style||{}}),[e.style]);return t.useEffect(()=>{if(s&&e.data){const r=G.getBoundingBox(e.data,e.buffer);r&&c.current.fitBounds(r,{duration:e.zoomDuration}),e.data.type===a.geometryCollection?D.each(e.data.geometries,u=>{i.current.add(j.feature(u))}):i.current.add(e.data)}},[s,e.data]),n.jsxRuntimeExports.jsxs(C.Map,{attributionControl:!1,cooperativeGestures:e.cooperativeGestures,mapLib:x.default,maxPitch:e.maxPitch,onLoad:()=>f(!0),preserveDrawingBuffer:e.preserveDrawingBuffer,ref:c,style:y,mapStyle:m,children:[n.jsxRuntimeExports.jsx(h,{ref:i,controls:{line_string:!0,point:!0,polygon:!0,trash:!0},displayControlsDefault:!1,onCreate:o,onUpdate:o,onDelete:o,position:"bottom-left"}),e.geocoding&&n.jsxRuntimeExports.jsx(E,{apiKey:e.apiKey,marker:!1,pickedResultStyle:e.geocoding==="polygon"?"full-geometry":"marker-only",position:"top-left",onSelection:d,showResultMarkers:!1},e.geocoding),e.navigation&&n.jsxRuntimeExports.jsx(b.NavigationControl,{}),e.fullscreen&&n.jsxRuntimeExports.jsx(R.FullscreenControl,{}),e.children]})};g.defaultProps={buffer:S,cooperativeGestures:!0,preserveDrawingBuffer:!1,zoomDuration:v};module.exports=g;
+"use strict";const i=require("./index.cjs27.js"),a=require("./index.cjs14.js"),x=require("./index.cjs31.js"),o=require("react"),C=require("./index.cjs15.js");require("./index.cjs16.js");require("./index.cjs17.js");require("./index.cjs18.js");const R=require("./index.cjs19.js");require("./index.cjs20.js");const b=require("./index.cjs21.js");require("./index.cjs22.js");require("./index.cjs23.js");require("./index.cjs24.js");require("./index.cjs26.js");const D=require("./index.cjs35.js");require("./index.cjs36.js");require("./index.cjs37.js");require("./index.cjs38.js");require("./index.cjs39.js");require("./index.cjs40.js");require("./index.cjs41.js");require("./index.cjs42.js");require("./index.cjs43.js");require("./index.cjs44.js");require("./index.cjs45.js");require("./index.cjs46.js");require("./index.cjs47.js");require("./index.cjs48.js");require("./index.cjs49.js");require("./index.cjs50.js");require("./index.cjs51.js");require("./index.cjs52.js");require("./index.cjs53.js");require("./index.cjs54.js");require("./index.cjs55.js");require("./index.cjs56.js");require("./index.cjs57.js");require("./index.cjs58.js");require("./index.cjs59.js");require("./index.cjs60.js");require("./index.cjs61.js");require("./index.cjs62.js");const h=require("./index.cjs2.js"),E=require("./index.cjs4.js"),G=require("./index.cjs12.js");;/* empty css             */;/* empty css             */const j=require("./index.cjs66.js");a.constants.classes.CONTROL_BASE="maplibregl-ctrl";a.constants.classes.CONTROL_PREFIX="maplibregl-ctrl-";a.constants.classes.CONTROL_GROUP="maplibregl-ctrl-group";const v=2,S=1e3,u={geometryCollection:"GeometryCollection",point:"Point",polygon:["Polygon","MultiPolygon"]},q=e=>{const[c,d]=o.useState(!1),t=o.useRef(),s=o.useRef(),g=o.useCallback(r=>{if(!r)return!1;const{geometry:{type:l}}=r;return e.geocoding==="point"&&l===u.point||e.geocoding==="polygon"&&u.polygon.includes(l)},[e.geocoding]),n=o.useCallback(()=>{console.log("fired callback"),console.log(t.current.getAll()),e.onChange(t.current.getAll())},[e.onChange]),f=o.useCallback(({detail:r})=>{g(r)?(console.log("valid"),console.log(r),console.log("before add"),console.log(t.current.getAll()),t.current.add(r.geometry),console.log("after add"),console.log(t.current.getAll()),n(),e.onGeocodingSelection&&e.onGeocodingSelection(r)):(console.log("invalid"),console.log(r))},[g,n,e.onGeocodingSelection]),m=o.useMemo(()=>`${e.mapStyle}?key=${e.apiKey}`,[e.apiKey,e.mapStyle]),y=o.useMemo(()=>({height:500,width:"100%",...e.style||{}}),[e.style]);return o.useEffect(()=>{if(c&&e.data){const r=G.getBoundingBox(e.data,e.buffer);r&&s.current.fitBounds(r,{duration:e.zoomDuration}),e.data.type===u.geometryCollection?D.each(e.data.geometries,l=>{t.current.add(j.feature(l))}):t.current.add(e.data)}},[c,e.data]),i.jsxRuntimeExports.jsxs(C.Map,{attributionControl:!1,cooperativeGestures:e.cooperativeGestures,mapLib:x.default,maxPitch:e.maxPitch,onLoad:()=>d(!0),preserveDrawingBuffer:e.preserveDrawingBuffer,ref:s,style:y,mapStyle:m,children:[i.jsxRuntimeExports.jsx(h,{ref:t,controls:{line_string:!0,point:!0,polygon:!0,trash:!0},displayControlsDefault:!1,onCreate:n,onUpdate:n,onDelete:n,position:"bottom-left"}),e.geocoding&&i.jsxRuntimeExports.jsx(E,{apiKey:e.apiKey,marker:!1,pickedResultStyle:e.geocoding==="polygon"?"full-geometry":"marker-only",position:"top-left",onSelection:f,showResultMarkers:!1},e.geocoding),e.navigation&&i.jsxRuntimeExports.jsx(b.NavigationControl,{}),e.fullscreen&&i.jsxRuntimeExports.jsx(R.FullscreenControl,{}),e.children]})};q.defaultProps={buffer:v,cooperativeGestures:!0,preserveDrawingBuffer:!1,zoomDuration:S};module.exports=q;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs8.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.cjs8.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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"}