@performant-software/geospatial 2.2.21-beta.16 → 2.2.21-beta.18

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./index.cjs17.js"),s=require("./index.cjs14.js"),C=require("./index.cjs19.js"),t=require("react"),f=require("./index.cjs15.js"),R=require("./index.cjs51.js"),b=require("./index.cjs22.js");require("./index.cjs23.js");require("./index.cjs24.js");require("./index.cjs25.js");require("./index.cjs26.js");require("./index.cjs27.js");require("./index.cjs28.js");require("./index.cjs29.js");require("./index.cjs30.js");require("./index.cjs31.js");require("./index.cjs32.js");require("./index.cjs33.js");require("./index.cjs34.js");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");const h=require("./index.cjs2.js"),D=require("./index.cjs4.js"),E=require("./index.cjs12.js");require("./index.cjs52.js");const G=require("./index.cjs53.js");s.constants.classes.CONTROL_BASE="maplibregl-ctrl";s.constants.classes.CONTROL_PREFIX="maplibregl-ctrl-";s.constants.classes.CONTROL_GROUP="maplibregl-ctrl-group";const j=2,w=1e3,a={geometryCollection:"GeometryCollection",point:"Point",polygon:"Polygon"},q=e=>{const[l,d]=t.useState(!1),o=t.useRef(),c=t.useRef(),g=t.useCallback(r=>{if(!r)return!1;const{geometry:{type:u}}=r;return e.geocoding==="point"&&u===a.point||e.geocoding==="polygon"&&u===a.polygon},[e.geocoding]),n=t.useCallback(()=>e.onChange(o.current.getAll()),[e.onChange]),m=t.useCallback(({detail:r})=>{g(r)&&(o.current.add(r.geometry),n(),e.onGeocodingSelection(r))},[g,n,e.onGeocodingSelection]),y=t.useMemo(()=>`${e.mapStyle}?key=${e.apiKey}`,[e.apiKey,e.mapStyle]),x=t.useMemo(()=>({height:500,width:"100%",...e.style||{}}),[e.style]);return t.useEffect(()=>{if(l&&e.data){const r=E.getBoundingBox(e.data,e.buffer);r&&c.current.fitBounds(r,{duration:e.zoomDuration}),e.data.type===a.geometryCollection?b.each(e.data.geometries,u=>{o.current.add(G.feature(u))}):o.current.add(e.data)}},[l,e.data]),i.jsxRuntimeExports.jsxs(f.Map,{attributionControl:!1,cooperativeGestures:e.cooperativeGestures,mapLib:C.default,maxPitch:e.maxPitch,onLoad:()=>d(!0),preserveDrawingBuffer:e.preserveDrawingBuffer,ref:c,style:x,mapStyle:y,children:[i.jsxRuntimeExports.jsx(h,{ref:o,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(D,{apiKey:e.apiKey,marker:!1,position:"top-left",onSelection:m,showFullGeometry:e.geocoding==="polygon",showResultMarkers:!1}),e.navigation&&i.jsxRuntimeExports.jsx(f.NavigationControl,{}),e.fullscreen&&i.jsxRuntimeExports.jsx(R.FullscreenControl,{}),e.children]})};q.defaultProps={buffer:j,cooperativeGestures:!0,preserveDrawingBuffer:!1,zoomDuration:w};module.exports=q;
+"use strict";const i=require("./index.cjs17.js"),l=require("./index.cjs14.js"),C=require("./index.cjs19.js"),r=require("react"),f=require("./index.cjs15.js"),R=require("./index.cjs51.js"),b=require("./index.cjs22.js");require("./index.cjs23.js");require("./index.cjs24.js");require("./index.cjs25.js");require("./index.cjs26.js");require("./index.cjs27.js");require("./index.cjs28.js");require("./index.cjs29.js");require("./index.cjs30.js");require("./index.cjs31.js");require("./index.cjs32.js");require("./index.cjs33.js");require("./index.cjs34.js");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");const h=require("./index.cjs2.js"),D=require("./index.cjs4.js"),G=require("./index.cjs12.js");require("./index.cjs52.js");const E=require("./index.cjs53.js");l.constants.classes.CONTROL_BASE="maplibregl-ctrl";l.constants.classes.CONTROL_PREFIX="maplibregl-ctrl-";l.constants.classes.CONTROL_GROUP="maplibregl-ctrl-group";const j=2,w=1e3,a={geometryCollection:"GeometryCollection",point:"Point",polygon:["Polygon","MultiPolygon"]},d=e=>{const[s,q]=r.useState(!1),o=r.useRef(),c=r.useRef(),g=r.useCallback(t=>{if(!t)return!1;const{geometry:{type:u}}=t;return e.geocoding==="point"&&u===a.point||e.geocoding==="polygon"&&a.polygon.includes(u)},[e.geocoding]),n=r.useCallback(()=>e.onChange(o.current.getAll()),[e.onChange]),m=r.useCallback(({detail:t})=>{g(t)&&(o.current.add(t.geometry),n(),e.onGeocodingSelection&&e.onGeocodingSelection(t))},[g,n,e.onGeocodingSelection]),y=r.useMemo(()=>`${e.mapStyle}?key=${e.apiKey}`,[e.apiKey,e.mapStyle]),x=r.useMemo(()=>({height:500,width:"100%",...e.style||{}}),[e.style]);return r.useEffect(()=>{if(s&&e.data){const t=G.getBoundingBox(e.data,e.buffer);t&&c.current.fitBounds(t,{duration:e.zoomDuration}),e.data.type===a.geometryCollection?b.each(e.data.geometries,u=>{o.current.add(E.feature(u))}):o.current.add(e.data)}},[s,e.data]),i.jsxRuntimeExports.jsxs(f.Map,{attributionControl:!1,cooperativeGestures:e.cooperativeGestures,mapLib:C.default,maxPitch:e.maxPitch,onLoad:()=>q(!0),preserveDrawingBuffer:e.preserveDrawingBuffer,ref:c,style:x,mapStyle:y,children:[i.jsxRuntimeExports.jsx(h,{ref:o,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(D,{apiKey:e.apiKey,marker:!1,position:"top-left",onSelection:m,showFullGeometry:e.geocoding==="polygon",showResultMarkers:!1},e.geocoding),e.navigation&&i.jsxRuntimeExports.jsx(f.NavigationControl,{}),e.fullscreen&&i.jsxRuntimeExports.jsx(R.FullscreenControl,{}),e.children]})};d.defaultProps={buffer:j,cooperativeGestures:!0,preserveDrawingBuffer:!1,zoomDuration:w};module.exports=d;
 //# 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, { type MapboxMap, NavigationControl } from 'react-map-gl';\nimport { FullscreenControl } from 'react-map-gl/maplibre';\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   * 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'\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      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          marker={false}\n          position='top-left'\n          onSelection={onSelection}\n          showFullGeometry={props.geocoding === 'polygon'}\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":"4mCAsBAA,EAAW,UAAU,QAAQ,aAAe,kBAC5CA,EAAW,UAAU,QAAQ,eAAiB,mBAC9CA,EAAW,UAAU,QAAQ,cAAgB,wBAiF7C,MAAMC,EAAiB,EACjBC,EAAqB,IAErBC,EAAgB,CACpB,mBAAoB,qBACpB,MAAO,QACP,QAAS,SACX,EAMMC,EAAWC,GAAiB,CAChC,KAAM,CAACC,EAAQC,CAAS,EAAIC,WAAS,EAAK,EAEpCC,EAAUC,EAAAA,SACVC,EAASD,EAAAA,SAUTE,EAAUC,cAAaC,GAAW,CACtC,GAAI,CAACA,EACI,MAAA,GAGT,KAAM,CAAE,SAAU,CAAE,KAAAC,IAAWD,EAEvB,OAAAT,EAAM,YAAc,SAAWU,IAASZ,EAAc,OACxDE,EAAM,YAAc,WAAaU,IAASZ,EAAc,OAAA,EAC7D,CAACE,EAAM,SAAS,CAAC,EAOdW,EAAWH,EAAA,YAAY,IAAMR,EAAM,SAASI,EAAQ,QAAQ,OAAQ,CAAA,EAAG,CAACJ,EAAM,QAAQ,CAAC,EAOvFY,EAAcJ,EAAAA,YAAY,CAAC,CAAE,OAAAC,KAAa,CAC1CF,EAAQE,CAAM,IAERL,EAAA,QAAQ,IAAIK,EAAO,QAAQ,EAG1BE,IAGTX,EAAM,qBAAqBS,CAAM,IAElC,CAACF,EAASI,EAAUX,EAAM,oBAAoB,CAAC,EAO5Ca,EAAcC,EAAAA,QAAQ,IAAM,GAAGd,EAAM,QAAQ,QAAQA,EAAM,MAAM,GAAI,CAACA,EAAM,OAAQA,EAAM,QAAQ,CAAC,EAOnGe,EAAQD,EAAAA,QAAQ,KAAO,CAAE,OAAQ,IAAK,MAAO,OAAQ,GAAId,EAAM,OAAS,CAAA,IAAQ,CAACA,EAAM,KAAK,CAAC,EAKnGgB,OAAAA,EAAAA,UAAU,IAAM,CACV,GAAAf,GAAUD,EAAM,KAAM,CAExB,MAAMiB,EAAOC,EAAS,eAAelB,EAAM,KAAMA,EAAM,MAAM,EAEzDiB,GACFX,EAAO,QAAQ,UAAUW,EAAM,CAAE,SAAUjB,EAAM,aAAc,EAI7DA,EAAM,KAAK,OAASF,EAAc,mBACpCqB,EAAE,KAAKnB,EAAM,KAAK,WAAaoB,GAAa,CAC1ChB,EAAQ,QAAQ,IAAIiB,EAAAA,QAAQD,CAAQ,CAAC,CAAA,CACtC,EAEOhB,EAAA,QAAQ,IAAIJ,EAAM,IAAI,CAElC,CACC,EAAA,CAACC,EAAQD,EAAM,IAAI,CAAC,EAGrBsB,EAAA,kBAAA,KAACC,EAAA,IAAA,CACC,mBAAoB,GACpB,oBAAqBvB,EAAM,oBAC3B,OAAQwB,EAAA,QACR,SAAUxB,EAAM,SAChB,OAAQ,IAAME,EAAU,EAAI,EAC5B,sBAAuBF,EAAM,sBAC7B,IAAKM,EACL,MAAAS,EACA,SAAUF,EAEV,SAAA,CAAAY,EAAA,kBAAA,IAACC,EAAA,CACC,IAAKtB,EACL,SAAU,CACR,YAAa,GACb,MAAO,GACP,QAAS,GACT,MAAO,EACT,EACA,uBAAwB,GACxB,SAAUO,EACV,SAAUA,EACV,SAAUA,EACV,SAAS,aAAA,CACX,EACEX,EAAM,WACNyB,EAAA,kBAAA,IAACE,EAAA,CACC,OAAQ3B,EAAM,OACd,OAAQ,GACR,SAAS,WACT,YAAAY,EACA,iBAAkBZ,EAAM,YAAc,UACtC,kBAAmB,EAAA,CACrB,EAEAA,EAAM,YACNyB,wBAACG,EAAAA,kBAAkB,CAAA,CAAA,EAEnB5B,EAAM,YACNyB,wBAACI,EAAAA,kBAAkB,CAAA,CAAA,EAEnB7B,EAAM,QAAA,CAAA,CAAA,CAGd,EAEAD,EAAQ,aAAe,CACrB,OAAQH,EACR,oBAAqB,GACrB,sBAAuB,GACvB,aAAcC,CAChB"}
+{"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, { type MapboxMap, NavigationControl } from 'react-map-gl';\nimport { FullscreenControl } from 'react-map-gl/maplibre';\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   * 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          marker={false}\n          position='top-left'\n          onSelection={onSelection}\n          showFullGeometry={props.geocoding === 'polygon'}\n          showResultMarkers={false}\n          key={props.geocoding}\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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"}

package/dist/index.es14.js

@@ -1,5 +1,5 @@
 import { commonjsGlobal as Je, getDefaultExportFromCjs as oo } from "./index.es58.js";
-import { __module as Zn } from "./index.es65.js";
+import { __module as Zn } from "./index.es59.js";
 (function(Wn, ao) {
   (function(ze, de) {
     Wn.exports = de();

package/dist/index.es15.js

@@ -1,19 +1,19 @@
 import * as i from "react";
-import p from "./index.es69.js";
+import p from "./index.es66.js";
+import "./index.es67.js";
+import "./index.es68.js";
+import "./index.es69.js";
 import "./index.es70.js";
 import "./index.es71.js";
-import "./index.es72.js";
+import m from "./index.es72.js";
 import "./index.es73.js";
-import "./index.es74.js";
-import m from "./index.es75.js";
-import "./index.es76.js";
-import a from "./index.es77.js";
-import n from "./index.es78.js";
-import { useMap as e } from "./index.es79.js";
+import a from "./index.es76.js";
+import n from "./index.es77.js";
+import { useMap as e } from "./index.es74.js";
 function C() {
   return e();
 }
-const f = import("./index.es68.js").then((o) => o.i), N = i.forwardRef(function(r, t) {
+const f = import("./index.es75.js").then((o) => o.i), N = i.forwardRef(function(r, t) {
   return p(r, t, f);
 }), R = m, S = a, b = n;
 export {

package/dist/index.es16.js

@@ -1,5 +1,5 @@
 import { useContext as p, useMemo as r, useEffect as m } from "react";
-import { MapContext as d } from "./index.es69.js";
+import { MapContext as d } from "./index.es66.js";
 function x(c, o, n, l) {
   const e = p(d), t = r(() => c(e), []);
   return m(() => {