react-simple-maps 3.0.0-beta.4 → 3.0.0-beta.7

package/README.md

@@ -1,7 +1,7 @@
-
 <img src="https://img.shields.io/bundlephobia/minzip/react-simple-maps?color=%2328cb95&label=gzip" />
 
 # react-simple-maps
+
 Create beautiful SVG maps in react with d3-geo and topojson using a declarative api.
 
 Read the [docs](https://www.react-simple-maps.io/docs/getting-started/), or check out the [examples](https://www.react-simple-maps.io/examples/).
@@ -28,38 +28,36 @@ $ yarn add react-simple-maps
 
 ### Usage
 
-`React-simple-maps` exposes a set of components that can be combined to create svg maps with markers and annotations. In order to render a map you have to provide a reference to a valid topojson file. You can find example topojson files in the [`topojson-maps` folder](https://github.com/zcreativelabs/react-simple-maps/tree/master/topojson-maps) or on [topojson world-atlas](https://github.com/topojson/world-atlas). To learn how to make your own topojson maps from shapefiles, please read ["How to convert and prepare TopoJSON files for interactive mapping with d3"](https://hackernoon.com/how-to-convert-and-prepare-topojson-files-for-interactive-mapping-with-d3-499cf0ced5f) on medium.
+`React-simple-maps` exposes a set of components that can be combined to create svg maps with markers and annotations. In order to render a map you have to provide a reference to a valid topojson file. You can find example topojson files on [here](https://github.com/topojson/world-atlas) or [here](https://github.com/deldersveld/topojson). To learn how to make your own topojson maps from shapefiles, please read ["How to convert and prepare TopoJSON files for interactive mapping with d3"](https://hackernoon.com/how-to-convert-and-prepare-topojson-files-for-interactive-mapping-with-d3-499cf0ced5f) on medium.
 
 ```jsx
-import React from "react"
-import ReactDOM from "react-dom"
-import {
-  ComposableMap,
-  Geographies,
-  Geography,
-} from "react-simple-maps"
+import React from "react";
+import ReactDOM from "react-dom";
+import { ComposableMap, Geographies, Geography } from "react-simple-maps";
 
 // url to a valid topojson file
 const geoUrl =
-  "https://raw.githubusercontent.com/zcreativelabs/react-simple-maps/master/topojson-maps/world-110m.json"
+  "https://raw.githubusercontent.com/deldersveld/topojson/master/world-countries.json";
 
 const App = () => {
   return (
     <div>
       <ComposableMap>
         <Geographies geography={geoUrl}>
-          {({geographies}) => geographies.map(geo =>
-            <Geography key={geo.rsmKey} geography={geo} />
-          )}
+          {({ geographies }) =>
+            geographies.map((geo) => (
+              <Geography key={geo.rsmKey} geography={geo} />
+            ))
+          }
         </Geographies>
       </ComposableMap>
     </div>
-  )
-}
+  );
+};
 
 document.addEventListener("DOMContentLoaded", () => {
-  ReactDOM.render(<App />, document.getElementById("app"))
-})
+  ReactDOM.render(<App />, document.getElementById("app"));
+});
 ```
 
 Check out the [live example](https://codesandbox.io/s/basic-map-wvlol)
@@ -68,5 +66,16 @@ The above will render a world map using the [equal earth projection](https://obs
 
 For other examples and components, check out the [documentation](https://www.react-simple-maps.io/docs/getting-started).
 
+### Map files
+
+React-simple-maps does not restrict you to one specific map and relies on custom map files that you can modify in any way necessary for the project. This means that you can visualise countries, regions, and continents in various resolutions, as long as they can be represented using geojson/topojson.
+
+In order for this to work properly, you will however need to provide these valid map files to react-simple-maps yourself. Luckily, there are decent sources for map files on github and elsewhere. Here are some you can check out:
+
+* [Natural Earth](https://github.com/nvkelso/natural-earth-vector)
+* [Topojson maps by @deldersveld](https://github.com/deldersveld/topojson)
+* [Topojson world atlas](https://github.com/topojson/world-atlas)
+
 ### License
+
 MIT licensed. Copyright (c) Richard Zimerman 2017. See [LICENSE.md](https://github.com/zcreativelabs/react-simple-maps/blob/master/LICENSE) for more details.

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import React, { createContext, useMemo, useCallback, useContext, useState, useEffect, memo, useRef, Fragment } from 'react';
+import React, { createContext, useMemo, useCallback, useContext, forwardRef, useState, useEffect, memo, useRef, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import * as d3Geo from 'd3-geo';
 import { geoGraticule } from 'd3-geo';
@@ -169,7 +169,7 @@ 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.");
 }
 
-var _excluded$9 = ["width", "height", "projection", "projectionConfig"];
+var _excluded$a = ["width", "height", "projection", "projectionConfig"];
 
 var geoPath = d3Geo.geoPath,
     projections = _objectWithoutProperties(d3Geo, ["geoPath"]);
@@ -201,7 +201,7 @@ var MapProvider = function MapProvider(_ref2) {
       height = _ref2.height,
       projection = _ref2.projection,
       projectionConfig = _ref2.projectionConfig,
-      restProps = _objectWithoutProperties(_ref2, _excluded$9);
+      restProps = _objectWithoutProperties(_ref2, _excluded$a);
 
   var _ref3 = projectionConfig.center || [],
       _ref4 = _slicedToArray(_ref3, 2),
@@ -254,9 +254,12 @@ MapProvider.propTypes = {
   projectionConfig: PropTypes.object
 };
 
-var _excluded$8 = ["width", "height", "projection", "projectionConfig", "className"];
+var useMapContext = function useMapContext() {
+  return useContext(MapContext);
+};
 
-var ComposableMap = function ComposableMap(_ref) {
+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,
@@ -267,7 +270,7 @@ var ComposableMap = function ComposableMap(_ref) {
       projectionConfig = _ref$projectionConfig === void 0 ? {} : _ref$projectionConfig,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$8);
+      restProps = _objectWithoutProperties(_ref, _excluded$9);
 
   return /*#__PURE__*/React.createElement(MapProvider, {
     width: width,
@@ -275,11 +278,12 @@ var ComposableMap = function ComposableMap(_ref) {
     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,
@@ -414,15 +418,14 @@ function useGeographies(_ref) {
   };
 }
 
-var _excluded$7 = ["geography", "children", "parseGeographies", "className"];
-
-var Geographies = function Geographies(_ref) {
+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$7);
+      restProps = _objectWithoutProperties(_ref, _excluded$8);
 
   var _useContext = useContext(MapContext),
       path = _useContext.path,
@@ -437,6 +440,7 @@ var Geographies = function Geographies(_ref) {
       borders = _useGeographies.borders;
 
   return /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
     className: "rsm-geographies ".concat(className)
   }, restProps), geographies && geographies.length > 0 && children({
     geographies: geographies,
@@ -445,8 +449,8 @@ var Geographies = function Geographies(_ref) {
     path: path,
     projection: projection
   }));
-};
-
+});
+Geographies.displayName = "Geographies";
 Geographies.propTypes = {
   geography: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]),
   children: PropTypes.func,
@@ -454,9 +458,8 @@ Geographies.propTypes = {
   className: PropTypes.string
 };
 
-var _excluded$6 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
-
-var Geography = function Geography(_ref) {
+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,
@@ -468,7 +471,7 @@ var Geography = function Geography(_ref) {
       style = _ref$style === void 0 ? {} : _ref$style,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$6);
+      restProps = _objectWithoutProperties(_ref, _excluded$7);
 
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -513,6 +516,7 @@ var Geography = function Geography(_ref) {
   }
 
   return /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
     tabIndex: "0",
     className: "rsm-geography ".concat(className),
     d: geography.svgPath,
@@ -524,8 +528,8 @@ var Geography = function Geography(_ref) {
     onMouseUp: handleMouseUp,
     style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
   }, restProps));
-};
-
+});
+Geography.displayName = "Geography";
 Geography.propTypes = {
   geography: PropTypes.object,
   onMouseEnter: PropTypes.func,
@@ -539,9 +543,8 @@ Geography.propTypes = {
 };
 var Geography$1 = memo(Geography);
 
-var _excluded$5 = ["fill", "stroke", "step", "className"];
-
-var Graticule = function Graticule(_ref) {
+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,
@@ -550,19 +553,20 @@ var Graticule = function Graticule(_ref) {
       step = _ref$step === void 0 ? [10, 10] : _ref$step,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$5);
+      restProps = _objectWithoutProperties(_ref, _excluded$6);
 
   var _useContext = useContext(MapContext),
       path = _useContext.path;
 
   return /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
     d: path(geoGraticule().step(step)()),
     fill: fill,
     stroke: stroke,
     className: "rsm-graticule ".concat(className)
   }, restProps));
-};
-
+});
+Graticule.displayName = "Graticule";
 Graticule.propTypes = {
   fill: PropTypes.string,
   stroke: PropTypes.string,
@@ -571,6 +575,36 @@ Graticule.propTypes = {
 };
 var Graticule$1 = memo(Graticule);
 
+var _excluded$5 = ["value"];
+var ZoomContext = createContext();
+var defaultValue = {
+  x: 0,
+  y: 0,
+  k: 1,
+  transformString: "translate(0 0) scale(1)"
+};
+
+var ZoomProvider = function ZoomProvider(_ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? defaultValue : _ref$value,
+      restProps = _objectWithoutProperties(_ref, _excluded$5);
+
+  return /*#__PURE__*/React.createElement(ZoomContext.Provider, _extends({
+    value: value
+  }, restProps));
+};
+
+ZoomProvider.propTypes = {
+  x: PropTypes.number,
+  y: PropTypes.number,
+  k: PropTypes.number,
+  transformString: PropTypes.string
+};
+
+var useZoomPanContext = function useZoomPanContext() {
+  return useContext(ZoomContext);
+};
+
 function useZoomPan(_ref) {
   var center = _ref.center,
       filterZoomEvent = _ref.filterZoomEvent,
@@ -719,8 +753,7 @@ function useZoomPan(_ref) {
 }
 
 var _excluded$4 = ["center", "zoom", "minZoom", "maxZoom", "translateExtent", "filterZoomEvent", "onMoveStart", "onMove", "onMoveEnd", "className"];
-
-var ZoomableGroup = function ZoomableGroup(_ref) {
+var ZoomableGroup = forwardRef(function (_ref, ref) {
   var _ref$center = _ref.center,
       center = _ref$center === void 0 ? [0, 0] : _ref$center,
       _ref$zoom = _ref.zoom,
@@ -752,20 +785,29 @@ var ZoomableGroup = function ZoomableGroup(_ref) {
     zoom: zoom
   }),
       mapRef = _useZoomPan.mapRef,
-      transformString = _useZoomPan.transformString;
-
-  return /*#__PURE__*/React.createElement("g", {
+      transformString = _useZoomPan.transformString,
+      position = _useZoomPan.position;
+
+  return /*#__PURE__*/React.createElement(ZoomProvider, {
+    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)));
-};
-
+  }, restProps))));
+});
+ZoomableGroup.displayName = "ZoomableGroup";
 ZoomableGroup.propTypes = {
   center: PropTypes.array,
   zoom: PropTypes.number,
@@ -779,8 +821,7 @@ ZoomableGroup.propTypes = {
 };
 
 var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
-
-var Sphere = function Sphere(_ref) {
+var Sphere = forwardRef(function (_ref, ref) {
   var _ref$id = _ref.id,
       id = _ref$id === void 0 ? "rsm-sphere" : _ref$id,
       _ref$fill = _ref.fill,
@@ -806,6 +847,7 @@ var Sphere = function Sphere(_ref) {
   }, /*#__PURE__*/React.createElement("path", {
     d: spherePath
   }))), /*#__PURE__*/React.createElement("path", _extends({
+    ref: ref,
     d: spherePath,
     fill: fill,
     stroke: stroke,
@@ -815,8 +857,8 @@ var Sphere = function Sphere(_ref) {
     },
     className: "rsm-sphere ".concat(className)
   }, restProps)));
-};
-
+});
+Sphere.displayName = "Sphere";
 Sphere.propTypes = {
   id: PropTypes.string,
   fill: PropTypes.string,
@@ -827,8 +869,7 @@ Sphere.propTypes = {
 var Sphere$1 = memo(Sphere);
 
 var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
-
-var Marker = function Marker(_ref) {
+var Marker = forwardRef(function (_ref, ref) {
   var coordinates = _ref.coordinates,
       children = _ref.children,
       onMouseEnter = _ref.onMouseEnter,
@@ -894,6 +935,7 @@ var Marker = function Marker(_ref) {
   }
 
   return /*#__PURE__*/React.createElement("g", _extends({
+    ref: ref,
     transform: "translate(".concat(x, ", ").concat(y, ")"),
     className: "rsm-marker ".concat(className),
     onMouseEnter: handleMouseEnter,
@@ -904,8 +946,8 @@ var Marker = function Marker(_ref) {
     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)]),
@@ -920,8 +962,7 @@ Marker.propTypes = {
 };
 
 var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
-
-var Line = function Line(_ref) {
+var Line = forwardRef(function (_ref, ref) {
   var _ref$from = _ref.from,
       from = _ref$from === void 0 ? [0, 0] : _ref$from,
       _ref$to = _ref.to,
@@ -945,14 +986,15 @@ var Line = function Line(_ref) {
     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,
@@ -964,8 +1006,7 @@ Line.propTypes = {
 };
 
 var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
-
-var Annotation = function Annotation(_ref) {
+var Annotation = forwardRef(function (_ref, ref) {
   var subject = _ref.subject,
       children = _ref.children,
       connectorProps = _ref.connectorProps,
@@ -989,6 +1030,7 @@ var Annotation = function Annotation(_ref) {
 
   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({
@@ -996,8 +1038,8 @@ var Annotation = function Annotation(_ref) {
     fill: "transparent",
     stroke: "#000"
   }, connectorProps)), children);
-};
-
+});
+Annotation.displayName = "Annotation";
 Annotation.propTypes = {
   subject: PropTypes.array,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
@@ -1008,4 +1050,4 @@ Annotation.propTypes = {
   className: PropTypes.string
 };
 
-export { Annotation, ComposableMap, Geographies, Geography$1 as Geography, Graticule$1 as Graticule, Line, MapContext, MapProvider, Marker, Sphere$1 as Sphere, ZoomableGroup, useGeographies, useZoomPan };
+export { Annotation, ComposableMap, Geographies, Geography$1 as Geography, Graticule$1 as Graticule, Line, MapContext, MapProvider, Marker, Sphere$1 as Sphere, ZoomContext, ZoomProvider, ZoomableGroup, useGeographies, useMapContext, useZoomPan, useZoomPanContext };

package/dist/index.js

@@ -196,7 +196,7 @@ 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.");
 }
 
-var _excluded$9 = ["width", "height", "projection", "projectionConfig"];
+var _excluded$a = ["width", "height", "projection", "projectionConfig"];
 
 var geoPath = d3Geo__namespace.geoPath,
     projections = _objectWithoutProperties(d3Geo__namespace, ["geoPath"]);
@@ -228,7 +228,7 @@ var MapProvider = function MapProvider(_ref2) {
       height = _ref2.height,
       projection = _ref2.projection,
       projectionConfig = _ref2.projectionConfig,
-      restProps = _objectWithoutProperties(_ref2, _excluded$9);
+      restProps = _objectWithoutProperties(_ref2, _excluded$a);
 
   var _ref3 = projectionConfig.center || [],
       _ref4 = _slicedToArray(_ref3, 2),
@@ -281,9 +281,12 @@ MapProvider.propTypes = {
   projectionConfig: PropTypes__default["default"].object
 };
 
-var _excluded$8 = ["width", "height", "projection", "projectionConfig", "className"];
+var useMapContext = function useMapContext() {
+  return React.useContext(MapContext);
+};
 
-var ComposableMap = function ComposableMap(_ref) {
+var _excluded$9 = ["width", "height", "projection", "projectionConfig", "className"];
+var ComposableMap = React.forwardRef(function (_ref, ref) {
   var _ref$width = _ref.width,
       width = _ref$width === void 0 ? 800 : _ref$width,
       _ref$height = _ref.height,
@@ -294,7 +297,7 @@ var ComposableMap = function ComposableMap(_ref) {
       projectionConfig = _ref$projectionConfig === void 0 ? {} : _ref$projectionConfig,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$8);
+      restProps = _objectWithoutProperties(_ref, _excluded$9);
 
   return /*#__PURE__*/React__default["default"].createElement(MapProvider, {
     width: width,
@@ -302,11 +305,12 @@ var ComposableMap = function ComposableMap(_ref) {
     projection: projection,
     projectionConfig: projectionConfig
   }, /*#__PURE__*/React__default["default"].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__default["default"].number,
   height: PropTypes__default["default"].number,
@@ -441,15 +445,14 @@ function useGeographies(_ref) {
   };
 }
 
-var _excluded$7 = ["geography", "children", "parseGeographies", "className"];
-
-var Geographies = function Geographies(_ref) {
+var _excluded$8 = ["geography", "children", "parseGeographies", "className"];
+var Geographies = React.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$7);
+      restProps = _objectWithoutProperties(_ref, _excluded$8);
 
   var _useContext = React.useContext(MapContext),
       path = _useContext.path,
@@ -464,6 +467,7 @@ var Geographies = function Geographies(_ref) {
       borders = _useGeographies.borders;
 
   return /*#__PURE__*/React__default["default"].createElement("g", _extends({
+    ref: ref,
     className: "rsm-geographies ".concat(className)
   }, restProps), geographies && geographies.length > 0 && children({
     geographies: geographies,
@@ -472,8 +476,8 @@ var Geographies = function Geographies(_ref) {
     path: path,
     projection: projection
   }));
-};
-
+});
+Geographies.displayName = "Geographies";
 Geographies.propTypes = {
   geography: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object, PropTypes__default["default"].array]),
   children: PropTypes__default["default"].func,
@@ -481,9 +485,8 @@ Geographies.propTypes = {
   className: PropTypes__default["default"].string
 };
 
-var _excluded$6 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
-
-var Geography = function Geography(_ref) {
+var _excluded$7 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
+var Geography = React.forwardRef(function (_ref, ref) {
   var geography = _ref.geography,
       onMouseEnter = _ref.onMouseEnter,
       onMouseLeave = _ref.onMouseLeave,
@@ -495,7 +498,7 @@ var Geography = function Geography(_ref) {
       style = _ref$style === void 0 ? {} : _ref$style,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$6);
+      restProps = _objectWithoutProperties(_ref, _excluded$7);
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -540,6 +543,7 @@ var Geography = function Geography(_ref) {
   }
 
   return /*#__PURE__*/React__default["default"].createElement("path", _extends({
+    ref: ref,
     tabIndex: "0",
     className: "rsm-geography ".concat(className),
     d: geography.svgPath,
@@ -551,8 +555,8 @@ var Geography = function Geography(_ref) {
     onMouseUp: handleMouseUp,
     style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
   }, restProps));
-};
-
+});
+Geography.displayName = "Geography";
 Geography.propTypes = {
   geography: PropTypes__default["default"].object,
   onMouseEnter: PropTypes__default["default"].func,
@@ -566,9 +570,8 @@ Geography.propTypes = {
 };
 var Geography$1 = React.memo(Geography);
 
-var _excluded$5 = ["fill", "stroke", "step", "className"];
-
-var Graticule = function Graticule(_ref) {
+var _excluded$6 = ["fill", "stroke", "step", "className"];
+var Graticule = React.forwardRef(function (_ref, ref) {
   var _ref$fill = _ref.fill,
       fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
       _ref$stroke = _ref.stroke,
@@ -577,19 +580,20 @@ var Graticule = function Graticule(_ref) {
       step = _ref$step === void 0 ? [10, 10] : _ref$step,
       _ref$className = _ref.className,
       className = _ref$className === void 0 ? "" : _ref$className,
-      restProps = _objectWithoutProperties(_ref, _excluded$5);
+      restProps = _objectWithoutProperties(_ref, _excluded$6);
 
   var _useContext = React.useContext(MapContext),
       path = _useContext.path;
 
   return /*#__PURE__*/React__default["default"].createElement("path", _extends({
+    ref: ref,
     d: path(d3Geo.geoGraticule().step(step)()),
     fill: fill,
     stroke: stroke,
     className: "rsm-graticule ".concat(className)
   }, restProps));
-};
-
+});
+Graticule.displayName = "Graticule";
 Graticule.propTypes = {
   fill: PropTypes__default["default"].string,
   stroke: PropTypes__default["default"].string,
@@ -598,6 +602,36 @@ Graticule.propTypes = {
 };
 var Graticule$1 = React.memo(Graticule);
 
+var _excluded$5 = ["value"];
+var ZoomContext = React.createContext();
+var defaultValue = {
+  x: 0,
+  y: 0,
+  k: 1,
+  transformString: "translate(0 0) scale(1)"
+};
+
+var ZoomProvider = function ZoomProvider(_ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? defaultValue : _ref$value,
+      restProps = _objectWithoutProperties(_ref, _excluded$5);
+
+  return /*#__PURE__*/React__default["default"].createElement(ZoomContext.Provider, _extends({
+    value: value
+  }, restProps));
+};
+
+ZoomProvider.propTypes = {
+  x: PropTypes__default["default"].number,
+  y: PropTypes__default["default"].number,
+  k: PropTypes__default["default"].number,
+  transformString: PropTypes__default["default"].string
+};
+
+var useZoomPanContext = function useZoomPanContext() {
+  return React.useContext(ZoomContext);
+};
+
 function useZoomPan(_ref) {
   var center = _ref.center,
       filterZoomEvent = _ref.filterZoomEvent,
@@ -746,8 +780,7 @@ function useZoomPan(_ref) {
 }
 
 var _excluded$4 = ["center", "zoom", "minZoom", "maxZoom", "translateExtent", "filterZoomEvent", "onMoveStart", "onMove", "onMoveEnd", "className"];
-
-var ZoomableGroup = function ZoomableGroup(_ref) {
+var ZoomableGroup = React.forwardRef(function (_ref, ref) {
   var _ref$center = _ref.center,
       center = _ref$center === void 0 ? [0, 0] : _ref$center,
       _ref$zoom = _ref.zoom,
@@ -779,20 +812,29 @@ var ZoomableGroup = function ZoomableGroup(_ref) {
     zoom: zoom
   }),
       mapRef = _useZoomPan.mapRef,
-      transformString = _useZoomPan.transformString;
-
-  return /*#__PURE__*/React__default["default"].createElement("g", {
+      transformString = _useZoomPan.transformString,
+      position = _useZoomPan.position;
+
+  return /*#__PURE__*/React__default["default"].createElement(ZoomProvider, {
+    value: {
+      x: position.x,
+      y: position.y,
+      k: position.k,
+      transformString: transformString
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("g", {
     ref: mapRef
   }, /*#__PURE__*/React__default["default"].createElement("rect", {
     width: width,
     height: height,
     fill: "transparent"
   }), /*#__PURE__*/React__default["default"].createElement("g", _extends({
+    ref: ref,
     transform: transformString,
     className: "rsm-zoomable-group ".concat(className)
-  }, restProps)));
-};
-
+  }, restProps))));
+});
+ZoomableGroup.displayName = "ZoomableGroup";
 ZoomableGroup.propTypes = {
   center: PropTypes__default["default"].array,
   zoom: PropTypes__default["default"].number,
@@ -806,8 +848,7 @@ ZoomableGroup.propTypes = {
 };
 
 var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
-
-var Sphere = function Sphere(_ref) {
+var Sphere = React.forwardRef(function (_ref, ref) {
   var _ref$id = _ref.id,
       id = _ref$id === void 0 ? "rsm-sphere" : _ref$id,
       _ref$fill = _ref.fill,
@@ -833,6 +874,7 @@ var Sphere = function Sphere(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: spherePath
   }))), /*#__PURE__*/React__default["default"].createElement("path", _extends({
+    ref: ref,
     d: spherePath,
     fill: fill,
     stroke: stroke,
@@ -842,8 +884,8 @@ var Sphere = function Sphere(_ref) {
     },
     className: "rsm-sphere ".concat(className)
   }, restProps)));
-};
-
+});
+Sphere.displayName = "Sphere";
 Sphere.propTypes = {
   id: PropTypes__default["default"].string,
   fill: PropTypes__default["default"].string,
@@ -854,8 +896,7 @@ Sphere.propTypes = {
 var Sphere$1 = React.memo(Sphere);
 
 var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
-
-var Marker = function Marker(_ref) {
+var Marker = React.forwardRef(function (_ref, ref) {
   var coordinates = _ref.coordinates,
       children = _ref.children,
       onMouseEnter = _ref.onMouseEnter,
@@ -921,6 +962,7 @@ var Marker = function Marker(_ref) {
   }
 
   return /*#__PURE__*/React__default["default"].createElement("g", _extends({
+    ref: ref,
     transform: "translate(".concat(x, ", ").concat(y, ")"),
     className: "rsm-marker ".concat(className),
     onMouseEnter: handleMouseEnter,
@@ -931,8 +973,8 @@ var Marker = function Marker(_ref) {
     onMouseUp: handleMouseUp,
     style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
   }, restProps), children);
-};
-
+});
+Marker.displayName = "Marker";
 Marker.propTypes = {
   coordinates: PropTypes__default["default"].array,
   children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
@@ -947,8 +989,7 @@ Marker.propTypes = {
 };
 
 var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
-
-var Line = function Line(_ref) {
+var Line = React.forwardRef(function (_ref, ref) {
   var _ref$from = _ref.from,
       from = _ref$from === void 0 ? [0, 0] : _ref$from,
       _ref$to = _ref.to,
@@ -972,14 +1013,15 @@ var Line = function Line(_ref) {
     coordinates: coordinates || [from, to]
   };
   return /*#__PURE__*/React__default["default"].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__default["default"].array,
   to: PropTypes__default["default"].array,
@@ -991,8 +1033,7 @@ Line.propTypes = {
 };
 
 var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
-
-var Annotation = function Annotation(_ref) {
+var Annotation = React.forwardRef(function (_ref, ref) {
   var subject = _ref.subject,
       children = _ref.children,
       connectorProps = _ref.connectorProps,
@@ -1016,6 +1057,7 @@ var Annotation = function Annotation(_ref) {
 
   var connectorPath = createConnectorPath(dx, dy, curve);
   return /*#__PURE__*/React__default["default"].createElement("g", _extends({
+    ref: ref,
     transform: "translate(".concat(x + dx, ", ").concat(y + dy, ")"),
     className: "rsm-annotation ".concat(className)
   }, restProps), /*#__PURE__*/React__default["default"].createElement("path", _extends({
@@ -1023,8 +1065,8 @@ var Annotation = function Annotation(_ref) {
     fill: "transparent",
     stroke: "#000"
   }, connectorProps)), children);
-};
-
+});
+Annotation.displayName = "Annotation";
 Annotation.propTypes = {
   subject: PropTypes__default["default"].array,
   children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
@@ -1045,6 +1087,10 @@ exports.MapContext = MapContext;
 exports.MapProvider = MapProvider;
 exports.Marker = Marker;
 exports.Sphere = Sphere$1;
+exports.ZoomContext = ZoomContext;
+exports.ZoomProvider = ZoomProvider;
 exports.ZoomableGroup = ZoomableGroup;
 exports.useGeographies = useGeographies;
+exports.useMapContext = useMapContext;
 exports.useZoomPan = useZoomPan;
+exports.useZoomPanContext = useZoomPanContext;

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("d3-geo"),require("topojson-client"),require("d3-zoom"),require("d3-selection")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","d3-geo","topojson-client","d3-zoom","d3-selection"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).reactSimpleMaps=e.reactSimpleMaps||{},e.React,e.PropTypes,e.d3,e.topojson,e.d3,e.d3)}(this,(function(e,t,o,r,n,a,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(o){if("default"!==o){var r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:function(){return e[o]}})}})),t.default=e,Object.freeze(t)}var l=s(t),i=s(o),f=c(r);function d(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function p(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?d(Object(o),!0).forEach((function(t){g(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):d(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}function m(e){return m="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},m(e)}function g(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},h.apply(this,arguments)}function v(e,t){if(null==e)return{};var o,r,n=function(e,t){if(null==e)return{};var o,r,n={},a=Object.keys(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)o=a[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o])}return n}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==o)return;var r,n,a=[],u=!0,s=!1;try{for(o=o.call(e);!(u=(r=o.next()).done)&&(a.push(r.value),!t||a.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{u||null==o.return||o.return()}finally{if(s)throw n}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var o=Object.prototype.toString.call(e).slice(8,-1);"Object"===o&&e.constructor&&(o=e.constructor.name);if("Map"===o||"Set"===o)return Array.from(e);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return b(e,t)}(e,t)||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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,r=new Array(t);o<t;o++)r[o]=e[o];return r}var j=["width","height","projection","projectionConfig"],M=f.geoPath,E=v(f,["geoPath"]),O=t.createContext(),k=function(e){var o=e.width,r=e.height,n=e.projection,a=e.projectionConfig,u=v(e,j),s=y(a.center||[],2),c=s[0],i=s[1],f=y(a.rotate||[],3),d=f[0],p=f[1],m=f[2],g=y(a.parallels||[],2),b=g[0],k=g[1],x=a.scale||null,w=t.useMemo((function(){return function(e){var t=e.projectionConfig,o=void 0===t?{}:t,r=e.projection,n=void 0===r?"geoEqualEarth":r,a=e.width,u=void 0===a?800:a,s=e.height,c=void 0===s?600:s;if("function"==typeof n)return n;var l=E[n]().translate([u/2,c/2]);return[l.center?"center":null,l.rotate?"rotate":null,l.scale?"scale":null,l.parallels?"parallels":null].forEach((function(e){e&&(l=l[e](o[e]||l[e]()))})),l}({projectionConfig:{center:c||0===c||i||0===i?[c,i]:null,rotate:d||0===d||p||0===p?[d,p,m]:null,parallels:b||0===b||k||0===k?[b,k]:null,scale:x},projection:n,width:o,height:r})}),[o,r,n,c,i,d,p,m,b,k,x]),N=t.useCallback(w,[w]),S=t.useMemo((function(){return{width:o,height:r,projection:N,path:M().projection(N)}}),[o,r,N]);return l.default.createElement(O.Provider,h({value:S},u))};k.propTypes={width:i.default.number,height:i.default.number,projection:i.default.oneOfType([i.default.string,i.default.func]),projectionConfig:i.default.object};var x=["width","height","projection","projectionConfig","className"],w=function(e){var t=e.width,o=void 0===t?800:t,r=e.height,n=void 0===r?600:r,a=e.projection,u=void 0===a?"geoEqualEarth":a,s=e.projectionConfig,c=void 0===s?{}:s,i=e.className,f=void 0===i?"":i,d=v(e,x);return l.default.createElement(k,{width:o,height:n,projection:u,projectionConfig:c},l.default.createElement("svg",h({viewBox:"0 0 ".concat(o," ").concat(n),className:"rsm-svg ".concat(f)},d)))};function N(e,t,o){var r=(e*o.k-e)/2,n=(t*o.k-t)/2;return[e/2-(r+o.x)/o.k,t/2-(n+o.y)/o.k]}function S(e,t){if(!("Topology"===e.type))return t?t(e.features||e):e.features||e;var o=n.feature(e,e.objects[Object.keys(e.objects)[0]]).features;return t?t(o):o}function P(e){return"Topology"===e.type?{outline:n.mesh(e,e.objects[Object.keys(e.objects)[0]],(function(e,t){return e===t})),borders:n.mesh(e,e.objects[Object.keys(e.objects)[0]],(function(e,t){return e!==t}))}:null}function C(e,t){return e?e.map((function(e,o){return p(p({},e),{},{rsmKey:"geo-".concat(o),svgPath:t(e)})})):[]}function T(e){var o=e.geography,r=e.parseGeographies,n=t.useContext(O).path,a=y(t.useState({}),2),u=a[0],s=a[1];t.useEffect((function(){var e;"undefined"!==("undefined"==typeof window?"undefined":m(window))&&(o&&("string"==typeof o?(e=o,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&&s({geographies:S(e,r),mesh:P(e)})})):s({geographies:S(o,r),mesh:P(o)})))}),[o,r]);var c=t.useMemo((function(){var e=u.mesh||{},t=function(e,t,o){return e&&t?{outline:p(p({},e),{},{rsmKey:"outline",svgPath:o(e)}),borders:p(p({},t),{},{rsmKey:"borders",svgPath:o(t)})}:{}}(e.outline,e.borders,n);return{geographies:C(u.geographies,n),outline:t.outline,borders:t.borders}}),[u,n]);return{geographies:c.geographies,outline:c.outline,borders:c.borders}}w.propTypes={width:i.default.number,height:i.default.number,projection:i.default.oneOfType([i.default.string,i.default.func]),projectionConfig:i.default.object,className:i.default.string};var z=["geography","children","parseGeographies","className"],D=function(e){var o=e.geography,r=e.children,n=e.parseGeographies,a=e.className,u=void 0===a?"":a,s=v(e,z),c=t.useContext(O),i=c.path,f=c.projection,d=T({geography:o,parseGeographies:n}),p=d.geographies,m=d.outline,g=d.borders;return l.default.createElement("g",h({className:"rsm-geographies ".concat(u)},s),p&&p.length>0&&r({geographies:p,outline:m,borders:g,path:i,projection:f}))};D.propTypes={geography:i.default.oneOfType([i.default.string,i.default.object,i.default.array]),children:i.default.func,parseGeographies:i.default.func,className:i.default.string};var Z=["geography","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],G=function(e){var o=e.geography,r=e.onMouseEnter,n=e.onMouseLeave,a=e.onMouseDown,u=e.onMouseUp,s=e.onFocus,c=e.onBlur,i=e.style,f=void 0===i?{}:i,d=e.className,p=void 0===d?"":d,m=v(e,Z),g=y(t.useState(!1),2),b=g[0],j=g[1],M=y(t.useState(!1),2),E=M[0],O=M[1];return l.default.createElement("path",h({tabIndex:"0",className:"rsm-geography ".concat(p),d:o.svgPath,onMouseEnter:function(e){O(!0),r&&r(e)},onMouseLeave:function(e){O(!1),b&&j(!1),n&&n(e)},onFocus:function(e){O(!0),s&&s(e)},onBlur:function(e){O(!1),b&&j(!1),c&&c(e)},onMouseDown:function(e){j(!0),a&&a(e)},onMouseUp:function(e){j(!1),u&&u(e)},style:f[b||E?b?"pressed":"hover":"default"]},m))};G.propTypes={geography:i.default.object,onMouseEnter:i.default.func,onMouseLeave:i.default.func,onMouseDown:i.default.func,onMouseUp:i.default.func,onFocus:i.default.func,onBlur:i.default.func,style:i.default.object,className:i.default.string};var L=t.memo(G),A=["fill","stroke","step","className"],B=function(e){var o=e.fill,n=void 0===o?"transparent":o,a=e.stroke,u=void 0===a?"currentcolor":a,s=e.step,c=void 0===s?[10,10]:s,i=e.className,f=void 0===i?"":i,d=v(e,A),p=t.useContext(O).path;return l.default.createElement("path",h({d:p(r.geoGraticule().step(c)()),fill:n,stroke:u,className:"rsm-graticule ".concat(f)},d))};B.propTypes={fill:i.default.string,stroke:i.default.string,step:i.default.array,className:i.default.string};var F=t.memo(B);function U(e){var o=e.center,r=e.filterZoomEvent,n=e.onMoveStart,s=e.onMoveEnd,c=e.onMove,l=e.translateExtent,i=void 0===l?[[-1/0,-1/0],[1/0,1/0]]:l,f=e.scaleExtent,d=void 0===f?[1,8]:f,p=e.zoom,m=void 0===p?1:p,g=t.useContext(O),h=g.width,v=g.height,b=g.projection,j=y(o,2),M=j[0],E=j[1],k=y(t.useState({x:0,y:0,k:1}),2),x=k[0],w=k[1],S=t.useRef({x:0,y:0,k:1}),P=t.useRef(),C=t.useRef(),T=t.useRef(!1),z=y(i,2),D=z[0],Z=z[1],G=y(D,2),L=G[0],A=G[1],B=y(Z,2),F=B[0],U=B[1],q=y(d,2),W=q[0],R=q[1];return t.useEffect((function(){var e=u.select(P.current);var t=a.zoom().filter((function(e){return r?r(e):!!e&&(!e.ctrlKey&&!e.button)})).scaleExtent([W,R]).translateExtent([[L,A],[F,U]]).on("start",(function(e){n&&!T.current&&n({coordinates:b.invert(N(h,v,e.transform)),zoom:e.transform.k},e)})).on("zoom",(function(e){if(!T.current){var t=e.transform,o=e.sourceEvent;w({x:t.x,y:t.y,k:t.k,dragging:o}),c&&c({x:t.x,y:t.y,zoom:t.k,dragging:o},e)}})).on("end",(function(e){if(T.current)T.current=!1;else{var t=y(b.invert(N(h,v,e.transform)),2),o=t[0],r=t[1];S.current={x:o,y:r,k:e.transform.k},s&&s({coordinates:[o,r],zoom:e.transform.k},e)}}));C.current=t,e.call(t)}),[h,v,L,A,F,U,W,R,b,n,c,s,r]),t.useEffect((function(){if(M!==S.current.x||E!==S.current.y||m!==S.current.k){var e=b([M,E]),t=e[0]*m,o=e[1]*m,r=u.select(P.current);T.current=!0,r.call(C.current.transform,a.zoomIdentity.translate(h/2-t,v/2-o).scale(m)),w({x:h/2-t,y:v/2-o,k:m}),S.current={x:M,y:E,k:m}}}),[M,E,m,h,v,b]),{mapRef:P,position:x,transformString:"translate(".concat(x.x," ").concat(x.y,") scale(").concat(x.k,")")}}var q=["center","zoom","minZoom","maxZoom","translateExtent","filterZoomEvent","onMoveStart","onMove","onMoveEnd","className"],W=function(e){var o=e.center,r=void 0===o?[0,0]:o,n=e.zoom,a=void 0===n?1:n,u=e.minZoom,s=void 0===u?1:u,c=e.maxZoom,i=void 0===c?8:c,f=e.translateExtent,d=e.filterZoomEvent,p=e.onMoveStart,m=e.onMove,g=e.onMoveEnd,y=e.className,b=v(e,q),j=t.useContext(O),M=j.width,E=j.height,k=U({center:r,filterZoomEvent:d,onMoveStart:p,onMove:m,onMoveEnd:g,scaleExtent:[s,i],translateExtent:f,zoom:a}),x=k.mapRef,w=k.transformString;return l.default.createElement("g",{ref:x},l.default.createElement("rect",{width:M,height:E,fill:"transparent"}),l.default.createElement("g",h({transform:w,className:"rsm-zoomable-group ".concat(y)},b)))};W.propTypes={center:i.default.array,zoom:i.default.number,minZoom:i.default.number,maxZoom:i.default.number,translateExtent:i.default.arrayOf(i.default.array),onMoveStart:i.default.func,onMove:i.default.func,onMoveEnd:i.default.func,className:i.default.string};var R=["id","fill","stroke","strokeWidth","className"],I=function(e){var o=e.id,r=void 0===o?"rsm-sphere":o,n=e.fill,a=void 0===n?"transparent":n,u=e.stroke,s=void 0===u?"currentcolor":u,c=e.strokeWidth,i=void 0===c?.5:c,f=e.className,d=void 0===f?"":f,p=v(e,R),m=t.useContext(O).path,g=t.useMemo((function(){return m({type:"Sphere"})}),[m]);return l.default.createElement(t.Fragment,null,l.default.createElement("defs",null,l.default.createElement("clipPath",{id:r},l.default.createElement("path",{d:g}))),l.default.createElement("path",h({d:g,fill:a,stroke:s,strokeWidth:i,style:{pointerEvents:"none"},className:"rsm-sphere ".concat(d)},p)))};I.propTypes={id:i.default.string,fill:i.default.string,stroke:i.default.string,strokeWidth:i.default.number,className:i.default.string};var K=t.memo(I),_=["coordinates","children","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],Q=function(e){var o=e.coordinates,r=e.children,n=e.onMouseEnter,a=e.onMouseLeave,u=e.onMouseDown,s=e.onMouseUp,c=e.onFocus,i=e.onBlur,f=e.style,d=void 0===f?{}:f,p=e.className,m=void 0===p?"":p,g=v(e,_),b=t.useContext(O).projection,j=y(t.useState(!1),2),M=j[0],E=j[1],k=y(t.useState(!1),2),x=k[0],w=k[1],N=y(b(o),2),S=N[0],P=N[1];return l.default.createElement("g",h({transform:"translate(".concat(S,", ").concat(P,")"),className:"rsm-marker ".concat(m),onMouseEnter:function(e){w(!0),n&&n(e)},onMouseLeave:function(e){w(!1),M&&E(!1),a&&a(e)},onFocus:function(e){w(!0),c&&c(e)},onBlur:function(e){w(!1),M&&E(!1),i&&i(e)},onMouseDown:function(e){E(!0),u&&u(e)},onMouseUp:function(e){E(!1),s&&s(e)},style:d[M||x?M?"pressed":"hover":"default"]},g),r)};Q.propTypes={coordinates:i.default.array,children:i.default.oneOfType([i.default.node,i.default.arrayOf(i.default.node)]),onMouseEnter:i.default.func,onMouseLeave:i.default.func,onMouseDown:i.default.func,onMouseUp:i.default.func,onFocus:i.default.func,onBlur:i.default.func,style:i.default.object,className:i.default.string};var $=["from","to","coordinates","stroke","strokeWidth","fill","className"],H=function(e){var o=e.from,r=void 0===o?[0,0]:o,n=e.to,a=void 0===n?[0,0]:n,u=e.coordinates,s=e.stroke,c=void 0===s?"currentcolor":s,i=e.strokeWidth,f=void 0===i?3:i,d=e.fill,p=void 0===d?"transparent":d,m=e.className,g=void 0===m?"":m,y=v(e,$),b=t.useContext(O).path,j={type:"LineString",coordinates:u||[r,a]};return l.default.createElement("path",h({d:b(j),className:"rsm-line ".concat(g),stroke:c,strokeWidth:f,fill:p},y))};H.propTypes={from:i.default.array,to:i.default.array,coordinates:i.default.array,stroke:i.default.string,strokeWidth:i.default.number,fill:i.default.string,className:i.default.string};var J=["subject","children","connectorProps","dx","dy","curve","className"],V=function(e){var o=e.subject,r=e.children,n=e.connectorProps,a=e.dx,u=void 0===a?30:a,s=e.dy,c=void 0===s?30:s,i=e.curve,f=void 0===i?0:i,d=e.className,p=void 0===d?"":d,m=v(e,J),g=y((0,t.useContext(O).projection)(o),2),b=g[0],j=g[1],M=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,r=Array.isArray(o)?o:[o,o],n=e/2*r[0],a=t/2*r[1];return"M".concat(0,",",0," Q",-e/2-n,",").concat(-t/2+a," ").concat(-e,",").concat(-t)}(u,c,f);return l.default.createElement("g",h({transform:"translate(".concat(b+u,", ").concat(j+c,")"),className:"rsm-annotation ".concat(p)},m),l.default.createElement("path",h({d:M,fill:"transparent",stroke:"#000"},n)),r)};V.propTypes={subject:i.default.array,children:i.default.oneOfType([i.default.node,i.default.arrayOf(i.default.node)]),dx:i.default.number,dy:i.default.number,curve:i.default.number,connectorProps:i.default.object,className:i.default.string},e.Annotation=V,e.ComposableMap=w,e.Geographies=D,e.Geography=L,e.Graticule=F,e.Line=H,e.MapContext=O,e.MapProvider=k,e.Marker=Q,e.Sphere=K,e.ZoomableGroup=W,e.useGeographies=T,e.useZoomPan=U,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("d3-geo"),require("topojson-client"),require("d3-zoom"),require("d3-selection")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","d3-geo","topojson-client","d3-zoom","d3-selection"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).reactSimpleMaps=e.reactSimpleMaps||{},e.React,e.PropTypes,e.d3,e.topojson,e.d3,e.d3)}(this,(function(e,t,r,o,n,a,u){"use strict";function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function l(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=s(t),c=s(r),f=l(o);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach((function(t){y(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function m(e){return m="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},m(e)}function y(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},g.apply(this,arguments)}function v(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},a=Object.keys(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)r=a[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var o,n,a=[],u=!0,s=!1;try{for(r=r.call(e);!(u=(o=r.next()).done)&&(a.push(o.value),!t||a.length!==t);u=!0);}catch(e){s=!0,n=e}finally{try{u||null==r.return||r.return()}finally{if(s)throw n}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return b(e,t)}(e,t)||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 b(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}var j=["width","height","projection","projectionConfig"],M=f.geoPath,E=v(f,["geoPath"]),x=t.createContext(),k=function(e){var r=e.width,o=e.height,n=e.projection,a=e.projectionConfig,u=v(e,j),s=h(a.center||[],2),l=s[0],c=s[1],f=h(a.rotate||[],3),d=f[0],p=f[1],m=f[2],y=h(a.parallels||[],2),b=y[0],k=y[1],w=a.scale||null,O=t.useMemo((function(){return function(e){var t=e.projectionConfig,r=void 0===t?{}:t,o=e.projection,n=void 0===o?"geoEqualEarth":o,a=e.width,u=void 0===a?800:a,s=e.height,l=void 0===s?600:s;if("function"==typeof n)return n;var i=E[n]().translate([u/2,l/2]);return[i.center?"center":null,i.rotate?"rotate":null,i.scale?"scale":null,i.parallels?"parallels":null].forEach((function(e){e&&(i=i[e](r[e]||i[e]()))})),i}({projectionConfig:{center:l||0===l||c||0===c?[l,c]:null,rotate:d||0===d||p||0===p?[d,p,m]:null,parallels:b||0===b||k||0===k?[b,k]:null,scale:w},projection:n,width:r,height:o})}),[r,o,n,l,c,d,p,m,b,k,w]),N=t.useCallback(O,[O]),S=t.useMemo((function(){return{width:r,height:o,projection:N,path:M().projection(N)}}),[r,o,N]);return i.default.createElement(x.Provider,g({value:S},u))};k.propTypes={width:c.default.number,height:c.default.number,projection:c.default.oneOfType([c.default.string,c.default.func]),projectionConfig:c.default.object};var w=["width","height","projection","projectionConfig","className"],O=t.forwardRef((function(e,t){var r=e.width,o=void 0===r?800:r,n=e.height,a=void 0===n?600:n,u=e.projection,s=void 0===u?"geoEqualEarth":u,l=e.projectionConfig,c=void 0===l?{}:l,f=e.className,d=void 0===f?"":f,p=v(e,w);return i.default.createElement(k,{width:o,height:a,projection:s,projectionConfig:c},i.default.createElement("svg",g({ref:t,viewBox:"0 0 ".concat(o," ").concat(a),className:"rsm-svg ".concat(d)},p)))}));function N(e,t,r){var o=(e*r.k-e)/2,n=(t*r.k-t)/2;return[e/2-(o+r.x)/r.k,t/2-(n+r.y)/r.k]}function S(e,t){if(!("Topology"===e.type))return t?t(e.features||e):e.features||e;var r=n.feature(e,e.objects[Object.keys(e.objects)[0]]).features;return t?t(r):r}function P(e){return"Topology"===e.type?{outline:n.mesh(e,e.objects[Object.keys(e.objects)[0]],(function(e,t){return e===t})),borders:n.mesh(e,e.objects[Object.keys(e.objects)[0]],(function(e,t){return e!==t}))}:null}function C(e,t){return e?e.map((function(e,r){return p(p({},e),{},{rsmKey:"geo-".concat(r),svgPath:t(e)})})):[]}function T(e){var r=e.geography,o=e.parseGeographies,n=t.useContext(x).path,a=h(t.useState({}),2),u=a[0],s=a[1];t.useEffect((function(){var e;"undefined"!==("undefined"==typeof window?"undefined":m(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&&s({geographies:S(e,o),mesh:P(e)})})):s({geographies:S(r,o),mesh:P(r)})))}),[r,o]);var l=t.useMemo((function(){var e=u.mesh||{},t=function(e,t,r){return e&&t?{outline:p(p({},e),{},{rsmKey:"outline",svgPath:r(e)}),borders:p(p({},t),{},{rsmKey:"borders",svgPath:r(t)})}:{}}(e.outline,e.borders,n);return{geographies:C(u.geographies,n),outline:t.outline,borders:t.borders}}),[u,n]);return{geographies:l.geographies,outline:l.outline,borders:l.borders}}O.displayName="ComposableMap",O.propTypes={width:c.default.number,height:c.default.number,projection:c.default.oneOfType([c.default.string,c.default.func]),projectionConfig:c.default.object,className:c.default.string};var R=["geography","children","parseGeographies","className"],Z=t.forwardRef((function(e,r){var o=e.geography,n=e.children,a=e.parseGeographies,u=e.className,s=void 0===u?"":u,l=v(e,R),c=t.useContext(x),f=c.path,d=c.projection,p=T({geography:o,parseGeographies:a}),m=p.geographies,y=p.outline,h=p.borders;return i.default.createElement("g",g({ref:r,className:"rsm-geographies ".concat(s)},l),m&&m.length>0&&n({geographies:m,outline:y,borders:h,path:f,projection:d}))}));Z.displayName="Geographies",Z.propTypes={geography:c.default.oneOfType([c.default.string,c.default.object,c.default.array]),children:c.default.func,parseGeographies:c.default.func,className:c.default.string};var z=["geography","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],G=t.forwardRef((function(e,r){var o=e.geography,n=e.onMouseEnter,a=e.onMouseLeave,u=e.onMouseDown,s=e.onMouseUp,l=e.onFocus,c=e.onBlur,f=e.style,d=void 0===f?{}:f,p=e.className,m=void 0===p?"":p,y=v(e,z),b=h(t.useState(!1),2),j=b[0],M=b[1],E=h(t.useState(!1),2),x=E[0],k=E[1];return i.default.createElement("path",g({ref:r,tabIndex:"0",className:"rsm-geography ".concat(m),d:o.svgPath,onMouseEnter:function(e){k(!0),n&&n(e)},onMouseLeave:function(e){k(!1),j&&M(!1),a&&a(e)},onFocus:function(e){k(!0),l&&l(e)},onBlur:function(e){k(!1),j&&M(!1),c&&c(e)},onMouseDown:function(e){M(!0),u&&u(e)},onMouseUp:function(e){M(!1),s&&s(e)},style:d[j||x?j?"pressed":"hover":"default"]},y))}));G.displayName="Geography",G.propTypes={geography:c.default.object,onMouseEnter:c.default.func,onMouseLeave:c.default.func,onMouseDown:c.default.func,onMouseUp:c.default.func,onFocus:c.default.func,onBlur:c.default.func,style:c.default.object,className:c.default.string};var D=t.memo(G),L=["fill","stroke","step","className"],A=t.forwardRef((function(e,r){var n=e.fill,a=void 0===n?"transparent":n,u=e.stroke,s=void 0===u?"currentcolor":u,l=e.step,c=void 0===l?[10,10]:l,f=e.className,d=void 0===f?"":f,p=v(e,L),m=t.useContext(x).path;return i.default.createElement("path",g({ref:r,d:m(o.geoGraticule().step(c)()),fill:a,stroke:s,className:"rsm-graticule ".concat(d)},p))}));A.displayName="Graticule",A.propTypes={fill:c.default.string,stroke:c.default.string,step:c.default.array,className:c.default.string};var B=t.memo(A),F=["value"],U=t.createContext(),q={x:0,y:0,k:1,transformString:"translate(0 0) scale(1)"},W=function(e){var t=e.value,r=void 0===t?q:t,o=v(e,F);return i.default.createElement(U.Provider,g({value:r},o))};W.propTypes={x:c.default.number,y:c.default.number,k:c.default.number,transformString:c.default.string};function I(e){var r=e.center,o=e.filterZoomEvent,n=e.onMoveStart,s=e.onMoveEnd,l=e.onMove,i=e.translateExtent,c=void 0===i?[[-1/0,-1/0],[1/0,1/0]]:i,f=e.scaleExtent,d=void 0===f?[1,8]:f,p=e.zoom,m=void 0===p?1:p,y=t.useContext(x),g=y.width,v=y.height,b=y.projection,j=h(r,2),M=j[0],E=j[1],k=h(t.useState({x:0,y:0,k:1}),2),w=k[0],O=k[1],S=t.useRef({x:0,y:0,k:1}),P=t.useRef(),C=t.useRef(),T=t.useRef(!1),R=h(c,2),Z=R[0],z=R[1],G=h(Z,2),D=G[0],L=G[1],A=h(z,2),B=A[0],F=A[1],U=h(d,2),q=U[0],W=U[1];return t.useEffect((function(){var e=u.select(P.current);var t=a.zoom().filter((function(e){return o?o(e):!!e&&(!e.ctrlKey&&!e.button)})).scaleExtent([q,W]).translateExtent([[D,L],[B,F]]).on("start",(function(e){n&&!T.current&&n({coordinates:b.invert(N(g,v,e.transform)),zoom:e.transform.k},e)})).on("zoom",(function(e){if(!T.current){var t=e.transform,r=e.sourceEvent;O({x:t.x,y:t.y,k:t.k,dragging:r}),l&&l({x:t.x,y:t.y,zoom:t.k,dragging:r},e)}})).on("end",(function(e){if(T.current)T.current=!1;else{var t=h(b.invert(N(g,v,e.transform)),2),r=t[0],o=t[1];S.current={x:r,y:o,k:e.transform.k},s&&s({coordinates:[r,o],zoom:e.transform.k},e)}}));C.current=t,e.call(t)}),[g,v,D,L,B,F,q,W,b,n,l,s,o]),t.useEffect((function(){if(M!==S.current.x||E!==S.current.y||m!==S.current.k){var e=b([M,E]),t=e[0]*m,r=e[1]*m,o=u.select(P.current);T.current=!0,o.call(C.current.transform,a.zoomIdentity.translate(g/2-t,v/2-r).scale(m)),O({x:g/2-t,y:v/2-r,k:m}),S.current={x:M,y:E,k:m}}}),[M,E,m,g,v,b]),{mapRef:P,position:w,transformString:"translate(".concat(w.x," ").concat(w.y,") scale(").concat(w.k,")")}}var K=["center","zoom","minZoom","maxZoom","translateExtent","filterZoomEvent","onMoveStart","onMove","onMoveEnd","className"],_=t.forwardRef((function(e,r){var o=e.center,n=void 0===o?[0,0]:o,a=e.zoom,u=void 0===a?1:a,s=e.minZoom,l=void 0===s?1:s,c=e.maxZoom,f=void 0===c?8:c,d=e.translateExtent,p=e.filterZoomEvent,m=e.onMoveStart,y=e.onMove,h=e.onMoveEnd,b=e.className,j=v(e,K),M=t.useContext(x),E=M.width,k=M.height,w=I({center:n,filterZoomEvent:p,onMoveStart:m,onMove:y,onMoveEnd:h,scaleExtent:[l,f],translateExtent:d,zoom:u}),O=w.mapRef,N=w.transformString,S=w.position;return i.default.createElement(W,{value:{x:S.x,y:S.y,k:S.k,transformString:N}},i.default.createElement("g",{ref:O},i.default.createElement("rect",{width:E,height:k,fill:"transparent"}),i.default.createElement("g",g({ref:r,transform:N,className:"rsm-zoomable-group ".concat(b)},j))))}));_.displayName="ZoomableGroup",_.propTypes={center:c.default.array,zoom:c.default.number,minZoom:c.default.number,maxZoom:c.default.number,translateExtent:c.default.arrayOf(c.default.array),onMoveStart:c.default.func,onMove:c.default.func,onMoveEnd:c.default.func,className:c.default.string};var Q=["id","fill","stroke","strokeWidth","className"],$=t.forwardRef((function(e,r){var o=e.id,n=void 0===o?"rsm-sphere":o,a=e.fill,u=void 0===a?"transparent":a,s=e.stroke,l=void 0===s?"currentcolor":s,c=e.strokeWidth,f=void 0===c?.5:c,d=e.className,p=void 0===d?"":d,m=v(e,Q),y=t.useContext(x).path,h=t.useMemo((function(){return y({type:"Sphere"})}),[y]);return i.default.createElement(t.Fragment,null,i.default.createElement("defs",null,i.default.createElement("clipPath",{id:n},i.default.createElement("path",{d:h}))),i.default.createElement("path",g({ref:r,d:h,fill:u,stroke:l,strokeWidth:f,style:{pointerEvents:"none"},className:"rsm-sphere ".concat(p)},m)))}));$.displayName="Sphere",$.propTypes={id:c.default.string,fill:c.default.string,stroke:c.default.string,strokeWidth:c.default.number,className:c.default.string};var H=t.memo($),J=["coordinates","children","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],V=t.forwardRef((function(e,r){var o=e.coordinates,n=e.children,a=e.onMouseEnter,u=e.onMouseLeave,s=e.onMouseDown,l=e.onMouseUp,c=e.onFocus,f=e.onBlur,d=e.style,p=void 0===d?{}:d,m=e.className,y=void 0===m?"":m,b=v(e,J),j=t.useContext(x).projection,M=h(t.useState(!1),2),E=M[0],k=M[1],w=h(t.useState(!1),2),O=w[0],N=w[1],S=h(j(o),2),P=S[0],C=S[1];return i.default.createElement("g",g({ref:r,transform:"translate(".concat(P,", ").concat(C,")"),className:"rsm-marker ".concat(y),onMouseEnter:function(e){N(!0),a&&a(e)},onMouseLeave:function(e){N(!1),E&&k(!1),u&&u(e)},onFocus:function(e){N(!0),c&&c(e)},onBlur:function(e){N(!1),E&&k(!1),f&&f(e)},onMouseDown:function(e){k(!0),s&&s(e)},onMouseUp:function(e){k(!1),l&&l(e)},style:p[E||O?E?"pressed":"hover":"default"]},b),n)}));V.displayName="Marker",V.propTypes={coordinates:c.default.array,children:c.default.oneOfType([c.default.node,c.default.arrayOf(c.default.node)]),onMouseEnter:c.default.func,onMouseLeave:c.default.func,onMouseDown:c.default.func,onMouseUp:c.default.func,onFocus:c.default.func,onBlur:c.default.func,style:c.default.object,className:c.default.string};var X=["from","to","coordinates","stroke","strokeWidth","fill","className"],Y=t.forwardRef((function(e,r){var o=e.from,n=void 0===o?[0,0]:o,a=e.to,u=void 0===a?[0,0]:a,s=e.coordinates,l=e.stroke,c=void 0===l?"currentcolor":l,f=e.strokeWidth,d=void 0===f?3:f,p=e.fill,m=void 0===p?"transparent":p,y=e.className,h=void 0===y?"":y,b=v(e,X),j=t.useContext(x).path,M={type:"LineString",coordinates:s||[n,u]};return i.default.createElement("path",g({ref:r,d:j(M),className:"rsm-line ".concat(h),stroke:c,strokeWidth:d,fill:m},b))}));Y.displayName="Line",Y.propTypes={from:c.default.array,to:c.default.array,coordinates:c.default.array,stroke:c.default.string,strokeWidth:c.default.number,fill:c.default.string,className:c.default.string};var ee=["subject","children","connectorProps","dx","dy","curve","className"],te=t.forwardRef((function(e,r){var o=e.subject,n=e.children,a=e.connectorProps,u=e.dx,s=void 0===u?30:u,l=e.dy,c=void 0===l?30:l,f=e.curve,d=void 0===f?0:f,p=e.className,m=void 0===p?"":p,y=v(e,ee),b=h((0,t.useContext(x).projection)(o),2),j=b[0],M=b[1],E=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:30,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:30,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:.5,o=Array.isArray(r)?r:[r,r],n=e/2*o[0],a=t/2*o[1];return"M".concat(0,",",0," Q",-e/2-n,",").concat(-t/2+a," ").concat(-e,",").concat(-t)}(s,c,d);return i.default.createElement("g",g({ref:r,transform:"translate(".concat(j+s,", ").concat(M+c,")"),className:"rsm-annotation ".concat(m)},y),i.default.createElement("path",g({d:E,fill:"transparent",stroke:"#000"},a)),n)}));te.displayName="Annotation",te.propTypes={subject:c.default.array,children:c.default.oneOfType([c.default.node,c.default.arrayOf(c.default.node)]),dx:c.default.number,dy:c.default.number,curve:c.default.number,connectorProps:c.default.object,className:c.default.string},e.Annotation=te,e.ComposableMap=O,e.Geographies=Z,e.Geography=D,e.Graticule=B,e.Line=Y,e.MapContext=x,e.MapProvider=k,e.Marker=V,e.Sphere=H,e.ZoomContext=U,e.ZoomProvider=W,e.ZoomableGroup=_,e.useGeographies=T,e.useMapContext=function(){return t.useContext(x)},e.useZoomPan=I,e.useZoomPanContext=function(){return t.useContext(U)},Object.defineProperty(e,"__esModule",{value:!0})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-maps",
-  "version": "3.0.0-beta.4",
+  "version": "3.0.0-beta.7",
   "description": "An svg map chart component built with and for React",
   "main": "dist/index.js",
   "module": "dist/index.es.js",