react-simple-maps 4.0.0-beta.3 → 4.0.0-beta.4

package/dist/index.es.js

@@ -1 +1,965 @@
-import e,{createContext as r,useMemo as t,useCallback as o,useContext as n,forwardRef as a,useState as i,useEffect as c,memo as s,useRef as u,Fragment as l}from"react";import f from"prop-types";import*as p from"d3-geo";import{feature as m,mesh as d}from"topojson-client";import*as v from"d3-zoom";import*as y from"d3-selection";function g(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}function h(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?g(Object(t),!0).forEach((function(r){j(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}function b(e){return b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(e)}function j(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var o=t.call(e,r||"default");if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function E(){return E=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},E.apply(this,arguments)}function M(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}function k(e,r){return function(e){if(Array.isArray(e))return e}(e)||function(e,r){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var o,n,a,i,c=[],s=!0,u=!1;try{if(a=(t=t.call(e)).next,0===r){if(Object(t)!==t)return;s=!1}else for(;!(s=(o=a.call(t)).done)&&(c.push(o.value),c.length!==r);s=!0);}catch(e){u=!0,n=e}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(u)throw n}}return c}}(e,r)||function(e,r){if(!e)return;if("string"==typeof e)return N(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);"Object"===t&&e.constructor&&(t=e.constructor.name);if("Map"===t||"Set"===t)return Array.from(e);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return N(e,r)}(e,r)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function N(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=new Array(r);t<r;t++)o[t]=e[t];return o}var w=["width","height","projection","projectionConfig"],O=p.geoPath,x=M(p,["geoPath"]),S=r(),P=function(r){var n=r.width,a=r.height,i=r.projection,c=r.projectionConfig,s=M(r,w),u=k(c.center||[],2),l=u[0],f=u[1],p=k(c.rotate||[],3),m=p[0],d=p[1],v=p[2],y=k(c.parallels||[],2),g=y[0],h=y[1],b=c.scale||null,j=t((function(){return function(e){var r=e.projectionConfig,t=void 0===r?{}:r,o=e.projection,n=void 0===o?"geoEqualEarth":o,a=e.width,i=void 0===a?800:a,c=e.height,s=void 0===c?600:c;if("function"==typeof n)return n;var u=x[n]().translate([i/2,s/2]);return[u.center?"center":null,u.rotate?"rotate":null,u.scale?"scale":null,u.parallels?"parallels":null].forEach((function(e){e&&(u=u[e](t[e]||u[e]()))})),u}({projectionConfig:{center:l||0===l||f||0===f?[l,f]:null,rotate:m||0===m||d||0===d?[m,d,v]:null,parallels:g||0===g||h||0===h?[g,h]:null,scale:b},projection:i,width:n,height:a})}),[n,a,i,l,f,m,d,v,g,h,b]),N=o(j,[j]),P=t((function(){return{width:n,height:a,projection:N,path:O().projection(N)}}),[n,a,N]);return e.createElement(S.Provider,E({value:P},s))};P.propTypes={width:f.number,height:f.number,projection:f.oneOfType([f.string,f.func]),projectionConfig:f.object};var T=function(){return n(S)},z=["width","height","projection","projectionConfig","className"],D=a((function(r,t){var o=r.width,n=void 0===o?800:o,a=r.height,i=void 0===a?600:a,c=r.projection,s=void 0===c?"geoEqualEarth":c,u=r.projectionConfig,l=void 0===u?{}:u,f=r.className,p=void 0===f?"":f,m=M(r,z);return e.createElement(P,{width:n,height:i,projection:s,projectionConfig:l},e.createElement("svg",E({ref:t,viewBox:"0 0 ".concat(n," ").concat(i),className:"rsm-svg ".concat(p)},m)))}));function G(e,r,t){var o=(e*t.k-e)/2,n=(r*t.k-r)/2;return[e/2-(o+t.x)/t.k,r/2-(n+t.y)/t.k]}function C(e,r){if(!("Topology"===e.type))return r?r(e.features||e):e.features||e;var t=m(e,e.objects[Object.keys(e.objects)[0]]).features;return r?r(t):t}function Z(e){return"Topology"===e.type?{outline:d(e,e.objects[Object.keys(e.objects)[0]],(function(e,r){return e===r})),borders:d(e,e.objects[Object.keys(e.objects)[0]],(function(e,r){return e!==r}))}:null}function L(e,r){return e?e.map((function(e,t){return h(h({},e),{},{rsmKey:"geo-".concat(t),svgPath:r(e)})})):[]}function A(e){var r=e.geography,o=e.parseGeographies,a=n(S).path,s=k(i({}),2),u=s[0],l=s[1];c((function(){var e;"undefined"!==("undefined"==typeof window?"undefined":b(window))&&(r&&("string"==typeof r?(e=r,fetch(e).then((function(e){if(!e.ok)throw Error(e.statusText);return e.json()})).catch((function(e){console.log("There was a problem when fetching the data: ",e)}))).then((function(e){e&&l({geographies:C(e,o),mesh:Z(e)})})):l({geographies:C(r,o),mesh:Z(r)})))}),[r,o]);var f=t((function(){var e=u.mesh||{},r=function(e,r,t){return e&&r?{outline:h(h({},e),{},{rsmKey:"outline",svgPath:t(e)}),borders:h(h({},r),{},{rsmKey:"borders",svgPath:t(r)})}:{}}(e.outline,e.borders,a);return{geographies:L(u.geographies,a),outline:r.outline,borders:r.borders}}),[u,a]);return{geographies:f.geographies,outline:f.outline,borders:f.borders}}D.displayName="ComposableMap",D.propTypes={width:f.number,height:f.number,projection:f.oneOfType([f.string,f.func]),projectionConfig:f.object,className:f.string};var B=["geography","children","parseGeographies","className"],U=a((function(r,t){var o=r.geography,a=r.children,i=r.parseGeographies,c=r.className,s=void 0===c?"":c,u=M(r,B),l=n(S),f=l.path,p=l.projection,m=A({geography:o,parseGeographies:i}),d=m.geographies,v=m.outline,y=m.borders;return e.createElement("g",E({ref:t,className:"rsm-geographies ".concat(s)},u),d&&d.length>0&&a({geographies:d,outline:v,borders:y,path:f,projection:p}))}));U.displayName="Geographies",U.propTypes={geography:f.oneOfType([f.string,f.object,f.array]),children:f.func,parseGeographies:f.func,className:f.string};var F=["geography","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],W=a((function(r,t){var o=r.geography,n=r.onMouseEnter,a=r.onMouseLeave,c=r.onMouseDown,s=r.onMouseUp,u=r.onFocus,l=r.onBlur,f=r.style,p=void 0===f?{}:f,m=r.className,d=void 0===m?"":m,v=M(r,F),y=k(i(!1),2),g=y[0],h=y[1],b=k(i(!1),2),j=b[0],N=b[1];return e.createElement("path",E({ref:t,tabIndex:"0",className:"rsm-geography ".concat(d),d:o.svgPath,onMouseEnter:function(e){N(!0),n&&n(e)},onMouseLeave:function(e){N(!1),g&&h(!1),a&&a(e)},onFocus:function(e){N(!0),u&&u(e)},onBlur:function(e){N(!1),g&&h(!1),l&&l(e)},onMouseDown:function(e){h(!0),c&&c(e)},onMouseUp:function(e){h(!1),s&&s(e)},style:p[g||j?g?"pressed":"hover":"default"]},v))}));W.displayName="Geography",W.propTypes={geography:f.object,onMouseEnter:f.func,onMouseLeave:f.func,onMouseDown:f.func,onMouseUp:f.func,onFocus:f.func,onBlur:f.func,style:f.object,className:f.string};var I=s(W),K=["fill","stroke","step","className"],q=a((function(r,t){var o=r.fill,a=void 0===o?"transparent":o,i=r.stroke,c=void 0===i?"currentcolor":i,s=r.step,u=void 0===s?[10,10]:s,l=r.className,f=void 0===l?"":l,m=M(r,K),d=n(S).path;return e.createElement("path",E({ref:t,d:d(p.geoGraticule().step(u)()),fill:a,stroke:c,className:"rsm-graticule ".concat(f)},m))}));q.displayName="Graticule",q.propTypes={fill:f.string,stroke:f.string,step:f.array,className:f.string};var R=s(q),Q=["value"],$=r(),H={x:0,y:0,k:1,transformString:"translate(0 0) scale(1)"},J=function(r){var t=r.value,o=void 0===t?H:t,n=M(r,Q);return e.createElement($.Provider,E({value:o},n))};J.propTypes={x:f.number,y:f.number,k:f.number,transformString:f.string};var V=function(){return n($)};function X(e){var r=e.center,t=e.filterZoomEvent,o=e.onMoveStart,a=e.onMoveEnd,s=e.onMove,l=e.translateExtent,f=void 0===l?[[-1/0,-1/0],[1/0,1/0]]:l,p=e.scaleExtent,m=void 0===p?[1,8]:p,d=e.zoom,g=void 0===d?1:d,h=n(S),b=h.width,j=h.height,E=h.projection,M=k(r,2),N=M[0],w=M[1],O=k(i({x:0,y:0,k:1}),2),x=O[0],P=O[1],T=u({x:0,y:0,k:1}),z=u(),D=u(),C=u(!1),Z=k(f,2),L=Z[0],A=Z[1],B=k(L,2),U=B[0],F=B[1],W=k(A,2),I=W[0],K=W[1],q=k(m,2),R=q[0],Q=q[1];return c((function(){var e=y.select(z.current);var r=v.zoom().filter((function(e){return t?t(e):!!e&&(!e.ctrlKey&&!e.button)})).scaleExtent([R,Q]).translateExtent([[U,F],[I,K]]).on("start",(function(e){o&&!C.current&&o({coordinates:E.invert(G(b,j,e.transform)),zoom:e.transform.k},e)})).on("zoom",(function(e){if(!C.current){var r=e.transform,t=e.sourceEvent;P({x:r.x,y:r.y,k:r.k,dragging:t}),s&&s({x:r.x,y:r.y,zoom:r.k,dragging:t},e)}})).on("end",(function(e){if(C.current)C.current=!1;else{var r=k(E.invert(G(b,j,e.transform)),2),t=r[0],o=r[1];T.current={x:t,y:o,k:e.transform.k},a&&a({coordinates:[t,o],zoom:e.transform.k},e)}}));D.current=r,e.call(r)}),[b,j,U,F,I,K,R,Q,E,o,s,a,t]),c((function(){if(N!==T.current.x||w!==T.current.y||g!==T.current.k){var e=E([N,w]),r=e[0]*g,t=e[1]*g,o=y.select(z.current);C.current=!0,o.call(D.current.transform,v.zoomIdentity.translate(b/2-r,j/2-t).scale(g)),P({x:b/2-r,y:j/2-t,k:g}),T.current={x:N,y:w,k:g}}}),[N,w,g,b,j,E]),{mapRef:z,position:x,transformString:"translate(".concat(x.x," ").concat(x.y,") scale(").concat(x.k,")")}}var Y=["center","zoom","minZoom","maxZoom","translateExtent","filterZoomEvent","onMoveStart","onMove","onMoveEnd","className"],_=a((function(r,t){var o=r.center,a=void 0===o?[0,0]:o,i=r.zoom,c=void 0===i?1:i,s=r.minZoom,u=void 0===s?1:s,l=r.maxZoom,f=void 0===l?8:l,p=r.translateExtent,m=r.filterZoomEvent,d=r.onMoveStart,v=r.onMove,y=r.onMoveEnd,g=r.className,h=M(r,Y),b=n(S),j=b.width,k=b.height,N=X({center:a,filterZoomEvent:m,onMoveStart:d,onMove:v,onMoveEnd:y,scaleExtent:[u,f],translateExtent:p,zoom:c}),w=N.mapRef,O=N.transformString,x=N.position;return e.createElement(J,{value:{x:x.x,y:x.y,k:x.k,transformString:O}},e.createElement("g",{ref:w},e.createElement("rect",{width:j,height:k,fill:"transparent"}),e.createElement("g",E({ref:t,transform:O,className:"rsm-zoomable-group ".concat(g)},h))))}));_.displayName="ZoomableGroup",_.propTypes={center:f.array,zoom:f.number,minZoom:f.number,maxZoom:f.number,translateExtent:f.arrayOf(f.array),onMoveStart:f.func,onMove:f.func,onMoveEnd:f.func,className:f.string};var ee=["id","fill","stroke","strokeWidth","className"],re=a((function(r,o){var a=r.id,i=void 0===a?"rsm-sphere":a,c=r.fill,s=void 0===c?"transparent":c,u=r.stroke,f=void 0===u?"currentcolor":u,p=r.strokeWidth,m=void 0===p?.5:p,d=r.className,v=void 0===d?"":d,y=M(r,ee),g=n(S).path,h=t((function(){return g({type:"Sphere"})}),[g]);return e.createElement(l,null,e.createElement("defs",null,e.createElement("clipPath",{id:i},e.createElement("path",{d:h}))),e.createElement("path",E({ref:o,d:h,fill:s,stroke:f,strokeWidth:m,style:{pointerEvents:"none"},className:"rsm-sphere ".concat(v)},y)))}));re.displayName="Sphere",re.propTypes={id:f.string,fill:f.string,stroke:f.string,strokeWidth:f.number,className:f.string};var te=s(re),oe=["coordinates","children","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],ne=a((function(r,t){var o=r.coordinates,a=r.children,c=r.onMouseEnter,s=r.onMouseLeave,u=r.onMouseDown,l=r.onMouseUp,f=r.onFocus,p=r.onBlur,m=r.style,d=void 0===m?{}:m,v=r.className,y=void 0===v?"":v,g=M(r,oe),h=n(S).projection,b=k(i(!1),2),j=b[0],N=b[1],w=k(i(!1),2),O=w[0],x=w[1],P=k(h(o),2),T=P[0],z=P[1];return e.createElement("g",E({ref:t,transform:"translate(".concat(T,", ").concat(z,")"),className:"rsm-marker ".concat(y),onMouseEnter:function(e){x(!0),c&&c(e)},onMouseLeave:function(e){x(!1),j&&N(!1),s&&s(e)},onFocus:function(e){x(!0),f&&f(e)},onBlur:function(e){x(!1),j&&N(!1),p&&p(e)},onMouseDown:function(e){N(!0),u&&u(e)},onMouseUp:function(e){N(!1),l&&l(e)},style:d[j||O?j?"pressed":"hover":"default"]},g),a)}));ne.displayName="Marker",ne.propTypes={coordinates:f.array,children:f.oneOfType([f.node,f.arrayOf(f.node)]),onMouseEnter:f.func,onMouseLeave:f.func,onMouseDown:f.func,onMouseUp:f.func,onFocus:f.func,onBlur:f.func,style:f.object,className:f.string};var ae=["from","to","coordinates","stroke","strokeWidth","fill","className"],ie=a((function(r,t){var o=r.from,a=void 0===o?[0,0]:o,i=r.to,c=void 0===i?[0,0]:i,s=r.coordinates,u=r.stroke,l=void 0===u?"currentcolor":u,f=r.strokeWidth,p=void 0===f?3:f,m=r.fill,d=void 0===m?"transparent":m,v=r.className,y=void 0===v?"":v,g=M(r,ae),h=n(S).path,b={type:"LineString",coordinates:s||[a,c]};return e.createElement("path",E({ref:t,d:h(b),className:"rsm-line ".concat(y),stroke:l,strokeWidth:p,fill:d},g))}));ie.displayName="Line",ie.propTypes={from:f.array,to:f.array,coordinates:f.array,stroke:f.string,strokeWidth:f.number,fill:f.string,className:f.string};var ce=["subject","children","connectorProps","dx","dy","curve","className"],se=a((function(r,t){var o=r.subject,a=r.children,i=r.connectorProps,c=r.dx,s=void 0===c?30:c,u=r.dy,l=void 0===u?30:u,f=r.curve,p=void 0===f?0:f,m=r.className,d=void 0===m?"":m,v=M(r,ce),y=k((0,n(S).projection)(o),2),g=y[0],h=y[1],b=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,o=Array.isArray(t)?t:[t,t],n=e/2*o[0],a=r/2*o[1];return"M".concat(0,",",0," Q",-e/2-n,",").concat(-r/2+a," ").concat(-e,",").concat(-r)}(s,l,p);return e.createElement("g",E({ref:t,transform:"translate(".concat(g+s,", ").concat(h+l,")"),className:"rsm-annotation ".concat(d)},v),e.createElement("path",E({d:b,fill:"transparent",stroke:"#000"},i)),a)}));se.displayName="Annotation",se.propTypes={subject:f.array,children:f.oneOfType([f.node,f.arrayOf(f.node)]),dx:f.number,dy:f.number,curve:f.number,connectorProps:f.object,className:f.string};export{se as Annotation,D as ComposableMap,U as Geographies,I as Geography,R as Graticule,ie as Line,S as MapContext,P as MapProvider,ne as Marker,te as Sphere,$ as ZoomPanContext,J as ZoomPanProvider,_ as ZoomableGroup,A as useGeographies,T as useMapContext,X as useZoomPan,V as useZoomPanContext};
+import React, { createContext, useMemo, useCallback, useContext, forwardRef, useState, useEffect, memo, useRef, Fragment } from 'react';
+import PropTypes from 'prop-types';
+import * as d3 from 'd3-geo';
+import { feature, mesh } from 'topojson-client';
+import * as d3$1 from 'd3-selection';
+import * as d3$2 from 'd3-zoom';
+
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _typeof(obj) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+    return typeof obj;
+  } : function (obj) {
+    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+  }, _typeof(obj);
+}
+function _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;
+}
+function _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);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _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;
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+var _excluded$a = ["width", "height", "projection", "projectionConfig"];
+var geoPath = d3.geoPath,
+  projections = _objectWithoutProperties(d3, ["geoPath"]);
+var MapContext = createContext();
+var makeProjection = function makeProjection(_ref) {
+  var _ref$projectionConfig = _ref.projectionConfig,
+    projectionConfig = _ref$projectionConfig === void 0 ? {} : _ref$projectionConfig,
+    _ref$projection = _ref.projection,
+    projection = _ref$projection === void 0 ? "geoEqualEarth" : _ref$projection,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 800 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 600 : _ref$height;
+  var isFunc = typeof projection === "function";
+  if (isFunc) return projection;
+  var proj = projections[projection]().translate([width / 2, height / 2]);
+  var supported = [proj.center ? "center" : null, proj.rotate ? "rotate" : null, proj.scale ? "scale" : null, proj.parallels ? "parallels" : null];
+  supported.forEach(function (d) {
+    if (!d) return;
+    proj = proj[d](projectionConfig[d] || proj[d]());
+  });
+  return proj;
+};
+var MapProvider = function MapProvider(_ref2) {
+  var width = _ref2.width,
+    height = _ref2.height,
+    projection = _ref2.projection,
+    projectionConfig = _ref2.projectionConfig,
+    restProps = _objectWithoutProperties(_ref2, _excluded$a);
+  var _ref3 = projectionConfig.center || [],
+    _ref4 = _slicedToArray(_ref3, 2),
+    cx = _ref4[0],
+    cy = _ref4[1];
+  var _ref5 = projectionConfig.rotate || [],
+    _ref6 = _slicedToArray(_ref5, 3),
+    rx = _ref6[0],
+    ry = _ref6[1],
+    rz = _ref6[2];
+  var _ref7 = projectionConfig.parallels || [],
+    _ref8 = _slicedToArray(_ref7, 2),
+    p1 = _ref8[0],
+    p2 = _ref8[1];
+  var s = projectionConfig.scale || null;
+  var projMemo = useMemo(function () {
+    return makeProjection({
+      projectionConfig: {
+        center: cx || cx === 0 || cy || cy === 0 ? [cx, cy] : null,
+        rotate: rx || rx === 0 || ry || ry === 0 ? [rx, ry, rz] : null,
+        parallels: p1 || p1 === 0 || p2 || p2 === 0 ? [p1, p2] : null,
+        scale: s
+      },
+      projection: projection,
+      width: width,
+      height: height
+    });
+  }, [width, height, projection, cx, cy, rx, ry, rz, p1, p2, s]);
+  var proj = useCallback(projMemo, [projMemo]);
+  var value = useMemo(function () {
+    return {
+      width: width,
+      height: height,
+      projection: proj,
+      path: geoPath().projection(proj)
+    };
+  }, [width, height, proj]);
+  return /*#__PURE__*/React.createElement(MapContext.Provider, _extends({
+    value: value
+  }, restProps));
+};
+MapProvider.propTypes = {
+  width: PropTypes.number,
+  height: PropTypes.number,
+  projection: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  projectionConfig: PropTypes.object
+};
+var useMapContext = function useMapContext() {
+  return useContext(MapContext);
+};
+
+var _excluded$9 = ["width", "height", "projection", "projectionConfig", "className"];
+var ComposableMap = forwardRef(function (_ref, ref) {
+  var _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 800 : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 600 : _ref$height,
+    _ref$projection = _ref.projection,
+    projection = _ref$projection === void 0 ? "geoEqualEarth" : _ref$projection,
+    _ref$projectionConfig = _ref.projectionConfig,
+    projectionConfig = _ref$projectionConfig === void 0 ? {} : _ref$projectionConfig,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$9);
+  return /*#__PURE__*/React.createElement(MapProvider, {
+    width: width,
+    height: height,
+    projection: projection,
+    projectionConfig: projectionConfig
+  }, /*#__PURE__*/React.createElement("svg", _extends({
+    ref: ref,
+    viewBox: "0 0 ".concat(width, " ").concat(height),
+    className: "rsm-svg ".concat(className)
+  }, restProps)));
+});
+ComposableMap.displayName = "ComposableMap";
+ComposableMap.propTypes = {
+  width: PropTypes.number,
+  height: PropTypes.number,
+  projection: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
+  projectionConfig: PropTypes.object,
+  className: PropTypes.string
+};
+
+function select(ref) {
+  return d3$1.select(ref);
+}
+function getCoords(w, h, t) {
+  var xOffset = (w * t.k - w) / 2;
+  var yOffset = (h * t.k - h) / 2;
+  return [w / 2 - (xOffset + t.x) / t.k, h / 2 - (yOffset + t.y) / t.k];
+}
+function fetchGeographies(url) {
+  return fetch(url).then(function (res) {
+    if (!res.ok) {
+      throw Error(res.statusText);
+    }
+    return res.json();
+  })["catch"](function (error) {
+    console.log("There was a problem when fetching the data: ", error);
+  });
+}
+function getFeatures(geographies, parseGeographies) {
+  var isTopojson = geographies.type === "Topology";
+  if (!isTopojson) {
+    return parseGeographies ? parseGeographies(geographies.features || geographies) : geographies.features || geographies;
+  }
+  var feats = feature(geographies, geographies.objects[Object.keys(geographies.objects)[0]]).features;
+  return parseGeographies ? parseGeographies(feats) : feats;
+}
+function getMesh(geographies) {
+  var isTopojson = geographies.type === "Topology";
+  if (!isTopojson) return null;
+  var outline = mesh(geographies, geographies.objects[Object.keys(geographies.objects)[0]], function (a, b) {
+    return a === b;
+  });
+  var borders = mesh(geographies, geographies.objects[Object.keys(geographies.objects)[0]], function (a, b) {
+    return a !== b;
+  });
+  return {
+    outline: outline,
+    borders: borders
+  };
+}
+function prepareMesh(outline, borders, path) {
+  return outline && borders ? {
+    outline: _objectSpread2(_objectSpread2({}, outline), {}, {
+      rsmKey: "outline",
+      svgPath: path(outline)
+    }),
+    borders: _objectSpread2(_objectSpread2({}, borders), {}, {
+      rsmKey: "borders",
+      svgPath: path(borders)
+    })
+  } : {};
+}
+function prepareFeatures(geographies, path) {
+  return geographies ? geographies.map(function (d, i) {
+    return _objectSpread2(_objectSpread2({}, d), {}, {
+      rsmKey: "geo-".concat(i),
+      svgPath: path(d)
+    });
+  }) : [];
+}
+function createConnectorPath() {
+  var dx = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+  var dy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 30;
+  var curve = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.5;
+  var curvature = Array.isArray(curve) ? curve : [curve, curve];
+  var curveX = dx / 2 * curvature[0];
+  var curveY = dy / 2 * curvature[1];
+  return "M".concat(0, ",", 0, " Q", -dx / 2 - curveX, ",").concat(-dy / 2 + curveY, " ").concat(-dx, ",").concat(-dy);
+}
+function isString(geo) {
+  return typeof geo === "string";
+}
+
+function useGeographies(_ref) {
+  var geography = _ref.geography,
+    parseGeographies = _ref.parseGeographies;
+  var _useContext = useContext(MapContext),
+    path = _useContext.path;
+  var _useState = useState({}),
+    _useState2 = _slicedToArray(_useState, 2),
+    output = _useState2[0],
+    setOutput = _useState2[1];
+  useEffect(function () {
+    if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === "undefined") return;
+    if (!geography) return;
+    if (isString(geography)) {
+      fetchGeographies(geography).then(function (geos) {
+        if (geos) {
+          setOutput({
+            geographies: getFeatures(geos, parseGeographies),
+            mesh: getMesh(geos)
+          });
+        }
+      });
+    } else {
+      setOutput({
+        geographies: getFeatures(geography, parseGeographies),
+        mesh: getMesh(geography)
+      });
+    }
+  }, [geography, parseGeographies]);
+  var _useMemo = useMemo(function () {
+      var mesh = output.mesh || {};
+      var preparedMesh = prepareMesh(mesh.outline, mesh.borders, path);
+      return {
+        geographies: prepareFeatures(output.geographies, path),
+        outline: preparedMesh.outline,
+        borders: preparedMesh.borders
+      };
+    }, [output, path]),
+    geographies = _useMemo.geographies,
+    outline = _useMemo.outline,
+    borders = _useMemo.borders;
+  return {
+    geographies: geographies,
+    outline: outline,
+    borders: borders
+  };
+}
+
+var _excluded$8 = ["geography", "children", "parseGeographies", "className"];
+var Geographies = forwardRef(function (_ref, ref) {
+  var geography = _ref.geography,
+    children = _ref.children,
+    parseGeographies = _ref.parseGeographies,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$8);
+  var _useContext = useContext(MapContext),
+    path = _useContext.path,
+    projection = _useContext.projection;
+  var _useGeographies = useGeographies({
+      geography: geography,
+      parseGeographies: parseGeographies
+    }),
+    geographies = _useGeographies.geographies,
+    outline = _useGeographies.outline,
+    borders = _useGeographies.borders;
+  return /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
+    className: "rsm-geographies ".concat(className)
+  }, restProps), geographies && geographies.length > 0 && children({
+    geographies: geographies,
+    outline: outline,
+    borders: borders,
+    path: path,
+    projection: projection
+  }));
+});
+Geographies.displayName = "Geographies";
+Geographies.propTypes = {
+  geography: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]),
+  children: PropTypes.func,
+  parseGeographies: PropTypes.func,
+  className: PropTypes.string
+};
+
+var _excluded$7 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
+var Geography = forwardRef(function (_ref, ref) {
+  var geography = _ref.geography,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseDown = _ref.onMouseDown,
+    onMouseUp = _ref.onMouseUp,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$7);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPressed = _useState2[0],
+    setPressed = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setFocus = _useState4[1];
+  function handleMouseEnter(evt) {
+    setFocus(true);
+    if (onMouseEnter) onMouseEnter(evt);
+  }
+  function handleMouseLeave(evt) {
+    setFocus(false);
+    if (isPressed) setPressed(false);
+    if (onMouseLeave) onMouseLeave(evt);
+  }
+  function handleFocus(evt) {
+    setFocus(true);
+    if (onFocus) onFocus(evt);
+  }
+  function handleBlur(evt) {
+    setFocus(false);
+    if (isPressed) setPressed(false);
+    if (onBlur) onBlur(evt);
+  }
+  function handleMouseDown(evt) {
+    setPressed(true);
+    if (onMouseDown) onMouseDown(evt);
+  }
+  function handleMouseUp(evt) {
+    setPressed(false);
+    if (onMouseUp) onMouseUp(evt);
+  }
+  return /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
+    tabIndex: "0",
+    className: "rsm-geography ".concat(className),
+    d: geography.svgPath,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
+  }, restProps));
+});
+Geography.displayName = "Geography";
+Geography.propTypes = {
+  geography: PropTypes.object,
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  onMouseUp: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  style: PropTypes.object,
+  className: PropTypes.string
+};
+var Geography$1 = memo(Geography);
+
+var _excluded$6 = ["fill", "stroke", "step", "className"];
+var Graticule = forwardRef(function (_ref, ref) {
+  var _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? "currentcolor" : _ref$stroke,
+    _ref$step = _ref.step,
+    step = _ref$step === void 0 ? [10, 10] : _ref$step,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$6);
+  var _useContext = useContext(MapContext),
+    path = _useContext.path;
+  return /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
+    d: path(d3.geoGraticule().step(step)()),
+    fill: fill,
+    stroke: stroke,
+    className: "rsm-graticule ".concat(className)
+  }, restProps));
+});
+Graticule.displayName = "Graticule";
+Graticule.propTypes = {
+  fill: PropTypes.string,
+  stroke: PropTypes.string,
+  step: PropTypes.array,
+  className: PropTypes.string
+};
+var Graticule$1 = memo(Graticule);
+
+var _excluded$5 = ["value"];
+var ZoomPanContext = createContext();
+var defaultValue = {
+  x: 0,
+  y: 0,
+  k: 1,
+  transformString: "translate(0 0) scale(1)"
+};
+var ZoomPanProvider = function ZoomPanProvider(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? defaultValue : _ref$value,
+    restProps = _objectWithoutProperties(_ref, _excluded$5);
+  return /*#__PURE__*/React.createElement(ZoomPanContext.Provider, _extends({
+    value: value
+  }, restProps));
+};
+ZoomPanProvider.propTypes = {
+  x: PropTypes.number,
+  y: PropTypes.number,
+  k: PropTypes.number,
+  transformString: PropTypes.string
+};
+var useZoomPanContext = function useZoomPanContext() {
+  return useContext(ZoomPanContext);
+};
+
+function useZoomPan(_ref) {
+  var center = _ref.center,
+    filterZoomEvent = _ref.filterZoomEvent,
+    onMoveStart = _ref.onMoveStart,
+    onMoveEnd = _ref.onMoveEnd,
+    onMove = _ref.onMove,
+    _ref$translateExtent = _ref.translateExtent,
+    translateExtent = _ref$translateExtent === void 0 ? [[-Infinity, -Infinity], [Infinity, Infinity]] : _ref$translateExtent,
+    _ref$scaleExtent = _ref.scaleExtent,
+    scaleExtent = _ref$scaleExtent === void 0 ? [1, 8] : _ref$scaleExtent,
+    _ref$zoom = _ref.zoom,
+    zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
+  var _useContext = useContext(MapContext),
+    width = _useContext.width,
+    height = _useContext.height,
+    projection = _useContext.projection;
+  var _center = _slicedToArray(center, 2),
+    lon = _center[0],
+    lat = _center[1];
+  var _useState = useState({
+      x: 0,
+      y: 0,
+      k: 1
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    position = _useState2[0],
+    setPosition = _useState2[1];
+  var lastPosition = useRef({
+    x: 0,
+    y: 0,
+    k: 1
+  });
+  var mapRef = useRef();
+  var zoomRef = useRef();
+  var bypassEvents = useRef(false);
+  var _translateExtent = _slicedToArray(translateExtent, 2),
+    a = _translateExtent[0],
+    b = _translateExtent[1];
+  var _a = _slicedToArray(a, 2),
+    a1 = _a[0],
+    a2 = _a[1];
+  var _b = _slicedToArray(b, 2),
+    b1 = _b[0],
+    b2 = _b[1];
+  var _scaleExtent = _slicedToArray(scaleExtent, 2),
+    minZoom = _scaleExtent[0],
+    maxZoom = _scaleExtent[1];
+  useEffect(function () {
+    var svg = select(mapRef.current);
+    function handleZoomStart(d3Event) {
+      if (!onMoveStart || bypassEvents.current) return;
+      onMoveStart({
+        coordinates: projection.invert(getCoords(width, height, d3Event.transform)),
+        zoom: d3Event.transform.k
+      }, d3Event);
+    }
+    function handleZoom(d3Event) {
+      if (bypassEvents.current) return;
+      var transform = d3Event.transform,
+        sourceEvent = d3Event.sourceEvent;
+      setPosition({
+        x: transform.x,
+        y: transform.y,
+        k: transform.k,
+        dragging: sourceEvent
+      });
+      if (!onMove) return;
+      onMove({
+        x: transform.x,
+        y: transform.y,
+        zoom: transform.k,
+        dragging: sourceEvent
+      }, d3Event);
+    }
+    function handleZoomEnd(d3Event) {
+      if (bypassEvents.current) {
+        bypassEvents.current = false;
+        return;
+      }
+      var _projection$invert = projection.invert(getCoords(width, height, d3Event.transform)),
+        _projection$invert2 = _slicedToArray(_projection$invert, 2),
+        x = _projection$invert2[0],
+        y = _projection$invert2[1];
+      lastPosition.current = {
+        x: x,
+        y: y,
+        k: d3Event.transform.k
+      };
+      if (!onMoveEnd) return;
+      onMoveEnd({
+        coordinates: [x, y],
+        zoom: d3Event.transform.k
+      }, d3Event);
+    }
+    function filterFunc(d3Event) {
+      if (filterZoomEvent) {
+        return filterZoomEvent(d3Event);
+      }
+      return d3Event ? !d3Event.ctrlKey && !d3Event.button : false;
+    }
+    var zoom = d3$2.zoom().filter(filterFunc).scaleExtent([minZoom, maxZoom]).translateExtent([[a1, a2], [b1, b2]]).on("start", handleZoomStart).on("zoom", handleZoom).on("end", handleZoomEnd);
+    zoomRef.current = zoom;
+    svg.call(zoom);
+  }, [width, height, a1, a2, b1, b2, minZoom, maxZoom, projection, onMoveStart, onMove, onMoveEnd, filterZoomEvent]);
+  useEffect(function () {
+    if (lon === lastPosition.current.x && lat === lastPosition.current.y && zoom === lastPosition.current.k) return;
+    var coords = projection([lon, lat]);
+    var x = coords[0] * zoom;
+    var y = coords[1] * zoom;
+    var svg = select(mapRef.current);
+    bypassEvents.current = true;
+    svg.call(zoomRef.current.transform, d3$2.zoomIdentity.translate(width / 2 - x, height / 2 - y).scale(zoom));
+    setPosition({
+      x: width / 2 - x,
+      y: height / 2 - y,
+      k: zoom
+    });
+    lastPosition.current = {
+      x: lon,
+      y: lat,
+      k: zoom
+    };
+  }, [lon, lat, zoom, width, height, projection]);
+  return {
+    mapRef: mapRef,
+    position: position,
+    transformString: "translate(".concat(position.x, " ").concat(position.y, ") scale(").concat(position.k, ")")
+  };
+}
+
+var _excluded$4 = ["center", "zoom", "minZoom", "maxZoom", "translateExtent", "filterZoomEvent", "onMoveStart", "onMove", "onMoveEnd", "className"];
+var ZoomableGroup = forwardRef(function (_ref, ref) {
+  var _ref$center = _ref.center,
+    center = _ref$center === void 0 ? [0, 0] : _ref$center,
+    _ref$zoom = _ref.zoom,
+    zoom = _ref$zoom === void 0 ? 1 : _ref$zoom,
+    _ref$minZoom = _ref.minZoom,
+    minZoom = _ref$minZoom === void 0 ? 1 : _ref$minZoom,
+    _ref$maxZoom = _ref.maxZoom,
+    maxZoom = _ref$maxZoom === void 0 ? 8 : _ref$maxZoom,
+    translateExtent = _ref.translateExtent,
+    filterZoomEvent = _ref.filterZoomEvent,
+    onMoveStart = _ref.onMoveStart,
+    onMove = _ref.onMove,
+    onMoveEnd = _ref.onMoveEnd,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded$4);
+  var _useContext = useContext(MapContext),
+    width = _useContext.width,
+    height = _useContext.height;
+  var _useZoomPan = useZoomPan({
+      center: center,
+      filterZoomEvent: filterZoomEvent,
+      onMoveStart: onMoveStart,
+      onMove: onMove,
+      onMoveEnd: onMoveEnd,
+      scaleExtent: [minZoom, maxZoom],
+      translateExtent: translateExtent,
+      zoom: zoom
+    }),
+    mapRef = _useZoomPan.mapRef,
+    transformString = _useZoomPan.transformString,
+    position = _useZoomPan.position;
+  return /*#__PURE__*/React.createElement(ZoomPanProvider, {
+    value: {
+      x: position.x,
+      y: position.y,
+      k: position.k,
+      transformString: transformString
+    }
+  }, /*#__PURE__*/React.createElement("g", {
+    ref: mapRef
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: width,
+    height: height,
+    fill: "transparent"
+  }), /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
+    transform: transformString,
+    className: "rsm-zoomable-group ".concat(className)
+  }, restProps))));
+});
+ZoomableGroup.displayName = "ZoomableGroup";
+ZoomableGroup.propTypes = {
+  center: PropTypes.array,
+  zoom: PropTypes.number,
+  minZoom: PropTypes.number,
+  maxZoom: PropTypes.number,
+  translateExtent: PropTypes.arrayOf(PropTypes.array),
+  onMoveStart: PropTypes.func,
+  onMove: PropTypes.func,
+  onMoveEnd: PropTypes.func,
+  className: PropTypes.string
+};
+
+var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
+var Sphere = forwardRef(function (_ref, ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? "rsm-sphere" : _ref$id,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? "currentcolor" : _ref$stroke,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 0.5 : _ref$strokeWidth,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$3);
+  var _useContext = useContext(MapContext),
+    path = _useContext.path;
+  var spherePath = useMemo(function () {
+    return path({
+      type: "Sphere"
+    });
+  }, [path]);
+  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: id
+  }, /*#__PURE__*/React.createElement("path", {
+    d: spherePath
+  }))), /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
+    d: spherePath,
+    fill: fill,
+    stroke: stroke,
+    strokeWidth: strokeWidth,
+    style: {
+      pointerEvents: "none"
+    },
+    className: "rsm-sphere ".concat(className)
+  }, restProps)));
+});
+Sphere.displayName = "Sphere";
+Sphere.propTypes = {
+  id: PropTypes.string,
+  fill: PropTypes.string,
+  stroke: PropTypes.string,
+  strokeWidth: PropTypes.number,
+  className: PropTypes.string
+};
+var Sphere$1 = memo(Sphere);
+
+var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
+var Marker = forwardRef(function (_ref, ref) {
+  var coordinates = _ref.coordinates,
+    children = _ref.children,
+    onMouseEnter = _ref.onMouseEnter,
+    onMouseLeave = _ref.onMouseLeave,
+    onMouseDown = _ref.onMouseDown,
+    onMouseUp = _ref.onMouseUp,
+    onFocus = _ref.onFocus,
+    onBlur = _ref.onBlur,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? {} : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$2);
+  var _useContext = useContext(MapContext),
+    projection = _useContext.projection;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPressed = _useState2[0],
+    setPressed = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFocused = _useState4[0],
+    setFocus = _useState4[1];
+  var _projection = projection(coordinates),
+    _projection2 = _slicedToArray(_projection, 2),
+    x = _projection2[0],
+    y = _projection2[1];
+  function handleMouseEnter(evt) {
+    setFocus(true);
+    if (onMouseEnter) onMouseEnter(evt);
+  }
+  function handleMouseLeave(evt) {
+    setFocus(false);
+    if (isPressed) setPressed(false);
+    if (onMouseLeave) onMouseLeave(evt);
+  }
+  function handleFocus(evt) {
+    setFocus(true);
+    if (onFocus) onFocus(evt);
+  }
+  function handleBlur(evt) {
+    setFocus(false);
+    if (isPressed) setPressed(false);
+    if (onBlur) onBlur(evt);
+  }
+  function handleMouseDown(evt) {
+    setPressed(true);
+    if (onMouseDown) onMouseDown(evt);
+  }
+  function handleMouseUp(evt) {
+    setPressed(false);
+    if (onMouseUp) onMouseUp(evt);
+  }
+  return /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
+    transform: "translate(".concat(x, ", ").concat(y, ")"),
+    className: "rsm-marker ".concat(className),
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
+  }, restProps), children);
+});
+Marker.displayName = "Marker";
+Marker.propTypes = {
+  coordinates: PropTypes.array,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
+  onMouseEnter: PropTypes.func,
+  onMouseLeave: PropTypes.func,
+  onMouseDown: PropTypes.func,
+  onMouseUp: PropTypes.func,
+  onFocus: PropTypes.func,
+  onBlur: PropTypes.func,
+  style: PropTypes.object,
+  className: PropTypes.string
+};
+
+var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
+var Line = forwardRef(function (_ref, ref) {
+  var _ref$from = _ref.from,
+    from = _ref$from === void 0 ? [0, 0] : _ref$from,
+    _ref$to = _ref.to,
+    to = _ref$to === void 0 ? [0, 0] : _ref$to,
+    coordinates = _ref.coordinates,
+    _ref$stroke = _ref.stroke,
+    stroke = _ref$stroke === void 0 ? "currentcolor" : _ref$stroke,
+    _ref$strokeWidth = _ref.strokeWidth,
+    strokeWidth = _ref$strokeWidth === void 0 ? 3 : _ref$strokeWidth,
+    _ref$fill = _ref.fill,
+    fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded$1);
+  var _useContext = useContext(MapContext),
+    path = _useContext.path;
+  var lineData = {
+    type: "LineString",
+    coordinates: coordinates || [from, to]
+  };
+  return /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
+    d: path(lineData),
+    className: "rsm-line ".concat(className),
+    stroke: stroke,
+    strokeWidth: strokeWidth,
+    fill: fill
+  }, restProps));
+});
+Line.displayName = "Line";
+Line.propTypes = {
+  from: PropTypes.array,
+  to: PropTypes.array,
+  coordinates: PropTypes.array,
+  stroke: PropTypes.string,
+  strokeWidth: PropTypes.number,
+  fill: PropTypes.string,
+  className: PropTypes.string
+};
+
+var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
+var Annotation = forwardRef(function (_ref, ref) {
+  var subject = _ref.subject,
+    children = _ref.children,
+    connectorProps = _ref.connectorProps,
+    _ref$dx = _ref.dx,
+    dx = _ref$dx === void 0 ? 30 : _ref$dx,
+    _ref$dy = _ref.dy,
+    dy = _ref$dy === void 0 ? 30 : _ref$dy,
+    _ref$curve = _ref.curve,
+    curve = _ref$curve === void 0 ? 0 : _ref$curve,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(MapContext),
+    projection = _useContext.projection;
+  var _projection = projection(subject),
+    _projection2 = _slicedToArray(_projection, 2),
+    x = _projection2[0],
+    y = _projection2[1];
+  var connectorPath = createConnectorPath(dx, dy, curve);
+  return /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
+    transform: "translate(".concat(x + dx, ", ").concat(y + dy, ")"),
+    className: "rsm-annotation ".concat(className)
+  }, restProps), /*#__PURE__*/React.createElement("path", _extends({
+    d: connectorPath,
+    fill: "transparent",
+    stroke: "#000"
+  }, connectorProps)), children);
+});
+Annotation.displayName = "Annotation";
+Annotation.propTypes = {
+  subject: PropTypes.array,
+  children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
+  dx: PropTypes.number,
+  dy: PropTypes.number,
+  curve: PropTypes.number,
+  connectorProps: PropTypes.object,
+  className: PropTypes.string
+};
+
+export { Annotation, ComposableMap, Geographies, Geography$1 as Geography, Graticule$1 as Graticule, Line, MapContext, MapProvider, Marker, Sphere$1 as Sphere, ZoomPanContext, ZoomPanProvider, ZoomableGroup, useGeographies, useMapContext, useZoomPan, useZoomPanContext };