@performant-software/geospatial 3.1.7-beta.4 → 3.1.7-beta.5

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(() => {\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(evt: *): void)|*}\n   */\n  const onSelection = useCallback((evt) => {\n    console.log(evt);\n    const { detail } = evt;\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","evt","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(() => props.onChange(drawRef.current.getAll()), [props.onChange]);\n\n  /**\n   * Adds the selected geometry to the map.\n   *\n   * @type {(function({feature: *}): void)|*}\n   */\n  const onSelection = useCallback(({ feature }) => {\n    if (isValid(feature)) {\n      // Add the geometry to the map\n      drawRef.current.add(feature.geometry);\n\n      // Trigger the onChange prop\n      onChange();\n\n      // Call the onGeocoding selection callback\n      if (props.onGeocodingSelection) {\n        props.onGeocodingSelection(feature);\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","feature","mapStyleUrl","useMemo","style","useEffect","bbox","MapUtils","_","geometry","jsxs","Map","maplibregl","jsx","DrawControl","GeocodingControl","NavigationControl","FullscreenControl"],"mappings":"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"}

package/dist/index.es80.js

@@ -1,109 +1,9 @@
-import l from "react";
-import { IconContext as s, DefaultContext as O } from "./index.es81.js";
-var g = ["attr", "size", "title"];
-function v(t, e) {
-  if (t == null) return {};
-  var r = y(t, e), n, i;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (i = 0; i < o.length; i++)
-      n = o[i], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
-  }
-  return r;
-}
-function y(t, e) {
-  if (t == null) return {};
-  var r = {};
-  for (var n in t)
-    if (Object.prototype.hasOwnProperty.call(t, n)) {
-      if (e.indexOf(n) >= 0) continue;
-      r[n] = t[n];
-    }
-  return r;
-}
-function c() {
-  return c = Object.assign ? Object.assign.bind() : function(t) {
-    for (var e = 1; e < arguments.length; e++) {
-      var r = arguments[e];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (t[n] = r[n]);
-    }
-    return t;
-  }, c.apply(this, arguments);
-}
-function m(t, e) {
-  var r = Object.keys(t);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(t);
-    e && (n = n.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(t, i).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function u(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var r = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? m(Object(r), !0).forEach(function(n) {
-      j(t, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : m(Object(r)).forEach(function(n) {
-      Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return t;
-}
-function j(t, e, r) {
-  return e = P(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
-}
-function P(t) {
-  var e = h(t, "string");
-  return typeof e == "symbol" ? e : e + "";
-}
-function h(t, e) {
-  if (typeof t != "object" || !t) return t;
-  var r = t[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(t, e);
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(t);
-}
-function p(t) {
-  return t && t.map((e, r) => /* @__PURE__ */ l.createElement(e.tag, u({
-    key: r
-  }, e.attr), p(e.child)));
-}
-function _(t) {
-  return (e) => /* @__PURE__ */ l.createElement(w, c({
-    attr: u({}, t.attr)
-  }, e), p(t.child));
-}
-function w(t) {
-  var e = (r) => {
-    var {
-      attr: n,
-      size: i,
-      title: o
-    } = t, b = v(t, g), f = i || r.size || "1em", a;
-    return r.className && (a = r.className), t.className && (a = (a ? a + " " : "") + t.className), /* @__PURE__ */ l.createElement("svg", c({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, r.attr, n, b, {
-      className: a,
-      style: u(u({
-        color: t.color || r.color
-      }, r.style), t.style),
-      height: f,
-      width: f,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), o && /* @__PURE__ */ l.createElement("title", null, o), t.children);
-  };
-  return s !== void 0 ? /* @__PURE__ */ l.createElement(s.Consumer, null, (r) => e(r)) : e(O);
+var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function l(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 export {
-  _ as GenIcon,
-  w as IconBase
+  o as commonjsGlobal,
+  l as getDefaultExportFromCjs
 };
 //# sourceMappingURL=index.es80.js.map

package/dist/index.es80.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es80.js","sources":["../../../node_modules/react-icons/lib/iconBase.mjs"],"sourcesContent":["var _excluded = [\"attr\", \"size\", \"title\"];\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport React from \"react\";\nimport { IconContext, DefaultContext } from \"./iconContext.mjs\";\nfunction Tree2Element(tree) {\n  return tree && tree.map((node, i) => /*#__PURE__*/React.createElement(node.tag, _objectSpread({\n    key: i\n  }, node.attr), Tree2Element(node.child)));\n}\nexport function GenIcon(data) {\n  return props => /*#__PURE__*/React.createElement(IconBase, _extends({\n    attr: _objectSpread({}, data.attr)\n  }, props), Tree2Element(data.child));\n}\nexport function IconBase(props) {\n  var elem = conf => {\n    var {\n        attr,\n        size,\n        title\n      } = props,\n      svgProps = _objectWithoutProperties(props, _excluded);\n    var computedSize = size || conf.size || \"1em\";\n    var className;\n    if (conf.className) className = conf.className;\n    if (props.className) className = (className ? className + \" \" : \"\") + props.className;\n    return /*#__PURE__*/React.createElement(\"svg\", _extends({\n      stroke: \"currentColor\",\n      fill: \"currentColor\",\n      strokeWidth: \"0\"\n    }, conf.attr, attr, svgProps, {\n      className: className,\n      style: _objectSpread(_objectSpread({\n        color: props.color || conf.color\n      }, conf.style), props.style),\n      height: computedSize,\n      width: computedSize,\n      xmlns: \"http://www.w3.org/2000/svg\"\n    }), title && /*#__PURE__*/React.createElement(\"title\", null, title), props.children);\n  };\n  return IconContext !== undefined ? /*#__PURE__*/React.createElement(IconContext.Consumer, null, conf => elem(conf)) : elem(DefaultContext);\n}"],"names":["_excluded","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","key","sourceSymbolKeys","_extends","i","ownKeys","e","r","t","o","_objectSpread","_defineProperty","obj","value","_toPropertyKey","_toPrimitive","Tree2Element","tree","node","React","GenIcon","data","props","IconBase","elem","conf","attr","size","title","svgProps","computedSize","className","IconContext","DefaultContext"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es80.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index.es81.js

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

package/dist/index.es81.js.map

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

package/package.json

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

package/src/components/MapDraw.js

@@ -151,40 +151,25 @@ const MapDraw = (props: Props) => {
    *
    * @type {(function(): void)|*}
    */
-  const onChange = useCallback(() => {
-    console.log("fired callback");
-    console.log(drawRef.current.getAll());
-    props.onChange(drawRef.current.getAll());
-  }, [props.onChange]);
+  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);
 
   /**
    * Adds the selected geometry to the map.
    *
-   * @type {(function(evt: *): void)|*}
+   * @type {(function({feature: *}): void)|*}
    */
-  const onSelection = useCallback((evt) => {
-    console.log(evt);
-    const { detail } = evt;
-    if (isValid(detail)) {
-      console.log("valid");
-      console.log(detail);
+  const onSelection = useCallback(({ feature }) => {
+    if (isValid(feature)) {
       // Add the geometry to the map
-      console.log("before add");
-      console.log(drawRef.current.getAll());
-      drawRef.current.add(detail.geometry);
-      console.log("after add");
-      console.log(drawRef.current.getAll());
+      drawRef.current.add(feature.geometry);
 
       // Trigger the onChange prop
       onChange();
 
       // Call the onGeocoding selection callback
       if (props.onGeocodingSelection) {
-        props.onGeocodingSelection(detail);
+        props.onGeocodingSelection(feature);
       }
-    } else {
-      console.log("invalid");
-      console.log(detail);
     }
   }, [isValid, onChange, props.onGeocodingSelection]);
 

package/types/components/MapDraw.js.flow

@@ -151,40 +151,25 @@ const MapDraw = (props: Props) => {
    *
    * @type {(function(): void)|*}
    */
-  const onChange = useCallback(() => {
-    console.log("fired callback");
-    console.log(drawRef.current.getAll());
-    props.onChange(drawRef.current.getAll());
-  }, [props.onChange]);
+  const onChange = useCallback(() => props.onChange(drawRef.current.getAll()), [props.onChange]);
 
   /**
    * Adds the selected geometry to the map.
    *
-   * @type {(function(evt: *): void)|*}
+   * @type {(function({feature: *}): void)|*}
    */
-  const onSelection = useCallback((evt) => {
-    console.log(evt);
-    const { detail } = evt;
-    if (isValid(detail)) {
-      console.log("valid");
-      console.log(detail);
+  const onSelection = useCallback(({ feature }) => {
+    if (isValid(feature)) {
       // Add the geometry to the map
-      console.log("before add");
-      console.log(drawRef.current.getAll());
-      drawRef.current.add(detail.geometry);
-      console.log("after add");
-      console.log(drawRef.current.getAll());
+      drawRef.current.add(feature.geometry);
 
       // Trigger the onChange prop
       onChange();
 
       // Call the onGeocoding selection callback
       if (props.onGeocodingSelection) {
-        props.onGeocodingSelection(detail);
+        props.onGeocodingSelection(feature);
       }
-    } else {
-      console.log("invalid");
-      console.log(detail);
     }
   }, [isValid, onChange, props.onGeocodingSelection]);