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

package/dist/index.js

@@ -1,10 +1,37 @@
-import React, { createContext, useMemo, useCallback, useContext, useState, useEffect, memo, useRef, Fragment } from 'react';
-import PropTypes from 'prop-types';
-import * as d3Geo from 'd3-geo';
-import { geoGraticule } from 'd3-geo';
-import { feature, mesh } from 'topojson-client';
-import { zoom, zoomIdentity } from 'd3-zoom';
-import { select } from 'd3-selection';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var d3Geo = require('d3-geo');
+var topojsonClient = require('topojson-client');
+var d3Zoom = require('d3-zoom');
+var d3Selection = require('d3-selection');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var d3Geo__namespace = /*#__PURE__*/_interopNamespace(d3Geo);
 
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
@@ -171,10 +198,10 @@ function _nonIterableRest() {
 
 var _excluded$9 = ["width", "height", "projection", "projectionConfig"];
 
-var geoPath = d3Geo.geoPath,
-    projections = _objectWithoutProperties(d3Geo, ["geoPath"]);
+var geoPath = d3Geo__namespace.geoPath,
+    projections = _objectWithoutProperties(d3Geo__namespace, ["geoPath"]);
 
-var MapContext = createContext();
+var MapContext = React.createContext();
 
 var makeProjection = function makeProjection(_ref) {
   var _ref$projectionConfig = _ref.projectionConfig,
@@ -220,7 +247,7 @@ var MapProvider = function MapProvider(_ref2) {
       p2 = _ref8[1];
 
   var s = projectionConfig.scale || null;
-  var projMemo = useMemo(function () {
+  var projMemo = React.useMemo(function () {
     return makeProjection({
       projectionConfig: {
         center: cx || cx === 0 || cy || cy === 0 ? [cx, cy] : null,
@@ -233,8 +260,8 @@ var MapProvider = function MapProvider(_ref2) {
       height: height
     });
   }, [width, height, projection, cx, cy, rx, ry, rz, p1, p2, s]);
-  var proj = useCallback(projMemo, [projMemo]);
-  var value = useMemo(function () {
+  var proj = React.useCallback(projMemo, [projMemo]);
+  var value = React.useMemo(function () {
     return {
       width: width,
       height: height,
@@ -242,16 +269,16 @@ var MapProvider = function MapProvider(_ref2) {
       path: geoPath().projection(proj)
     };
   }, [width, height, proj]);
-  return /*#__PURE__*/React.createElement(MapContext.Provider, _extends({
+  return /*#__PURE__*/React__default["default"].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
+  width: PropTypes__default["default"].number,
+  height: PropTypes__default["default"].number,
+  projection: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].func]),
+  projectionConfig: PropTypes__default["default"].object
 };
 
 var _excluded$8 = ["width", "height", "projection", "projectionConfig", "className"];
@@ -269,23 +296,23 @@ var ComposableMap = function ComposableMap(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$8);
 
-  return /*#__PURE__*/React.createElement(MapProvider, {
+  return /*#__PURE__*/React__default["default"].createElement(MapProvider, {
     width: width,
     height: height,
     projection: projection,
     projectionConfig: projectionConfig
-  }, /*#__PURE__*/React.createElement("svg", _extends({
+  }, /*#__PURE__*/React__default["default"].createElement("svg", _extends({
     viewBox: "0 0 ".concat(width, " ").concat(height),
     className: "rsm-svg ".concat(className)
   }, restProps)));
 };
 
 ComposableMap.propTypes = {
-  width: PropTypes.number,
-  height: PropTypes.number,
-  projection: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),
-  projectionConfig: PropTypes.object,
-  className: PropTypes.string
+  width: PropTypes__default["default"].number,
+  height: PropTypes__default["default"].number,
+  projection: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].func]),
+  projectionConfig: PropTypes__default["default"].object,
+  className: PropTypes__default["default"].string
 };
 
 function getCoords(w, h, t) {
@@ -311,16 +338,16 @@ function getFeatures(geographies, parseGeographies) {
     return parseGeographies ? parseGeographies(geographies.features || geographies) : geographies.features || geographies;
   }
 
-  var feats = feature(geographies, geographies.objects[Object.keys(geographies.objects)[0]]).features;
+  var feats = topojsonClient.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) {
+  var outline = topojsonClient.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) {
+  var borders = topojsonClient.mesh(geographies, geographies.objects[Object.keys(geographies.objects)[0]], function (a, b) {
     return a !== b;
   });
   return {
@@ -365,15 +392,15 @@ function useGeographies(_ref) {
   var geography = _ref.geography,
       parseGeographies = _ref.parseGeographies;
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       path = _useContext.path;
 
-  var _useState = useState({}),
+  var _useState = React.useState({}),
       _useState2 = _slicedToArray(_useState, 2),
       output = _useState2[0],
       setOutput = _useState2[1];
 
-  useEffect(function () {
+  React.useEffect(function () {
     if ((typeof window === "undefined" ? "undefined" : _typeof(window)) === "undefined") return;
     if (!geography) return;
 
@@ -394,7 +421,7 @@ function useGeographies(_ref) {
     }
   }, [geography, parseGeographies]);
 
-  var _useMemo = useMemo(function () {
+  var _useMemo = React.useMemo(function () {
     var mesh = output.mesh || {};
     var preparedMesh = prepareMesh(mesh.outline, mesh.borders, path);
     return {
@@ -424,7 +451,7 @@ var Geographies = function Geographies(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$7);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       path = _useContext.path,
       projection = _useContext.projection;
 
@@ -436,7 +463,7 @@ var Geographies = function Geographies(_ref) {
       outline = _useGeographies.outline,
       borders = _useGeographies.borders;
 
-  return /*#__PURE__*/React.createElement("g", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("g", _extends({
     className: "rsm-geographies ".concat(className)
   }, restProps), geographies && geographies.length > 0 && children({
     geographies: geographies,
@@ -448,10 +475,10 @@ var Geographies = function Geographies(_ref) {
 };
 
 Geographies.propTypes = {
-  geography: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]),
-  children: PropTypes.func,
-  parseGeographies: PropTypes.func,
-  className: PropTypes.string
+  geography: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object, PropTypes__default["default"].array]),
+  children: PropTypes__default["default"].func,
+  parseGeographies: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string
 };
 
 var _excluded$6 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
@@ -470,12 +497,12 @@ var Geography = function Geography(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$6);
 
-  var _useState = useState(false),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isPressed = _useState2[0],
       setPressed = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isFocused = _useState4[0],
       setFocus = _useState4[1];
@@ -512,7 +539,7 @@ var Geography = function Geography(_ref) {
     if (onMouseUp) onMouseUp(evt);
   }
 
-  return /*#__PURE__*/React.createElement("path", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("path", _extends({
     tabIndex: "0",
     className: "rsm-geography ".concat(className),
     d: geography.svgPath,
@@ -527,17 +554,17 @@ var Geography = function Geography(_ref) {
 };
 
 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
+  geography: PropTypes__default["default"].object,
+  onMouseEnter: PropTypes__default["default"].func,
+  onMouseLeave: PropTypes__default["default"].func,
+  onMouseDown: PropTypes__default["default"].func,
+  onMouseUp: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onBlur: PropTypes__default["default"].func,
+  style: PropTypes__default["default"].object,
+  className: PropTypes__default["default"].string
 };
-var Geography$1 = memo(Geography);
+var Geography$1 = React.memo(Geography);
 
 var _excluded$5 = ["fill", "stroke", "step", "className"];
 
@@ -552,11 +579,11 @@ var Graticule = function Graticule(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$5);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       path = _useContext.path;
 
-  return /*#__PURE__*/React.createElement("path", _extends({
-    d: path(geoGraticule().step(step)()),
+  return /*#__PURE__*/React__default["default"].createElement("path", _extends({
+    d: path(d3Geo.geoGraticule().step(step)()),
     fill: fill,
     stroke: stroke,
     className: "rsm-graticule ".concat(className)
@@ -564,12 +591,12 @@ var Graticule = function Graticule(_ref) {
 };
 
 Graticule.propTypes = {
-  fill: PropTypes.string,
-  stroke: PropTypes.string,
-  step: PropTypes.array,
-  className: PropTypes.string
+  fill: PropTypes__default["default"].string,
+  stroke: PropTypes__default["default"].string,
+  step: PropTypes__default["default"].array,
+  className: PropTypes__default["default"].string
 };
-var Graticule$1 = memo(Graticule);
+var Graticule$1 = React.memo(Graticule);
 
 function useZoomPan(_ref) {
   var center = _ref.center,
@@ -582,9 +609,9 @@ function useZoomPan(_ref) {
       _ref$scaleExtent = _ref.scaleExtent,
       scaleExtent = _ref$scaleExtent === void 0 ? [1, 8] : _ref$scaleExtent,
       _ref$zoom = _ref.zoom,
-      zoom$1 = _ref$zoom === void 0 ? 1 : _ref$zoom;
+      zoom = _ref$zoom === void 0 ? 1 : _ref$zoom;
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       width = _useContext.width,
       height = _useContext.height,
       projection = _useContext.projection;
@@ -593,7 +620,7 @@ function useZoomPan(_ref) {
       lon = _center[0],
       lat = _center[1];
 
-  var _useState = useState({
+  var _useState = React.useState({
     x: 0,
     y: 0,
     k: 1
@@ -602,14 +629,14 @@ function useZoomPan(_ref) {
       position = _useState2[0],
       setPosition = _useState2[1];
 
-  var lastPosition = useRef({
+  var lastPosition = React.useRef({
     x: 0,
     y: 0,
     k: 1
   });
-  var mapRef = useRef();
-  var zoomRef = useRef();
-  var bypassEvents = useRef(false);
+  var mapRef = React.useRef();
+  var zoomRef = React.useRef();
+  var bypassEvents = React.useRef(false);
 
   var _translateExtent = _slicedToArray(translateExtent, 2),
       a = _translateExtent[0],
@@ -627,8 +654,8 @@ function useZoomPan(_ref) {
       minZoom = _scaleExtent[0],
       maxZoom = _scaleExtent[1];
 
-  useEffect(function () {
-    var svg = select(mapRef.current);
+  React.useEffect(function () {
+    var svg = d3Selection.select(mapRef.current);
 
     function handleZoomStart(d3Event) {
       if (!onMoveStart || bypassEvents.current) return;
@@ -688,29 +715,29 @@ function useZoomPan(_ref) {
       return d3Event ? !d3Event.ctrlKey && !d3Event.button : false;
     }
 
-    var zoom$1 = zoom().filter(filterFunc).scaleExtent([minZoom, maxZoom]).translateExtent([[a1, a2], [b1, b2]]).on("start", handleZoomStart).on("zoom", handleZoom).on("end", handleZoomEnd);
-    zoomRef.current = zoom$1;
-    svg.call(zoom$1);
+    var zoom = d3Zoom.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$1 === lastPosition.current.k) return;
+  React.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$1;
-    var y = coords[1] * zoom$1;
-    var svg = select(mapRef.current);
+    var x = coords[0] * zoom;
+    var y = coords[1] * zoom;
+    var svg = d3Selection.select(mapRef.current);
     bypassEvents.current = true;
-    svg.call(zoomRef.current.transform, zoomIdentity.translate(width / 2 - x, height / 2 - y).scale(zoom$1));
+    svg.call(zoomRef.current.transform, d3Zoom.zoomIdentity.translate(width / 2 - x, height / 2 - y).scale(zoom));
     setPosition({
       x: width / 2 - x,
       y: height / 2 - y,
-      k: zoom$1
+      k: zoom
     });
     lastPosition.current = {
       x: lon,
       y: lat,
-      k: zoom$1
+      k: zoom
     };
-  }, [lon, lat, zoom$1, width, height, projection]);
+  }, [lon, lat, zoom, width, height, projection]);
   return {
     mapRef: mapRef,
     position: position,
@@ -737,7 +764,7 @@ var ZoomableGroup = function ZoomableGroup(_ref) {
       className = _ref.className,
       restProps = _objectWithoutProperties(_ref, _excluded$4);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       width = _useContext.width,
       height = _useContext.height;
 
@@ -754,28 +781,28 @@ var ZoomableGroup = function ZoomableGroup(_ref) {
       mapRef = _useZoomPan.mapRef,
       transformString = _useZoomPan.transformString;
 
-  return /*#__PURE__*/React.createElement("g", {
+  return /*#__PURE__*/React__default["default"].createElement("g", {
     ref: mapRef
-  }, /*#__PURE__*/React.createElement("rect", {
+  }, /*#__PURE__*/React__default["default"].createElement("rect", {
     width: width,
     height: height,
     fill: "transparent"
-  }), /*#__PURE__*/React.createElement("g", _extends({
+  }), /*#__PURE__*/React__default["default"].createElement("g", _extends({
     transform: transformString,
     className: "rsm-zoomable-group ".concat(className)
   }, restProps)));
 };
 
 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
+  center: PropTypes__default["default"].array,
+  zoom: PropTypes__default["default"].number,
+  minZoom: PropTypes__default["default"].number,
+  maxZoom: PropTypes__default["default"].number,
+  translateExtent: PropTypes__default["default"].arrayOf(PropTypes__default["default"].array),
+  onMoveStart: PropTypes__default["default"].func,
+  onMove: PropTypes__default["default"].func,
+  onMoveEnd: PropTypes__default["default"].func,
+  className: PropTypes__default["default"].string
 };
 
 var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
@@ -793,19 +820,19 @@ var Sphere = function Sphere(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$3);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       path = _useContext.path;
 
-  var spherePath = useMemo(function () {
+  var spherePath = React.useMemo(function () {
     return path({
       type: "Sphere"
     });
   }, [path]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("clipPath", {
     id: id
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/React__default["default"].createElement("path", {
     d: spherePath
-  }))), /*#__PURE__*/React.createElement("path", _extends({
+  }))), /*#__PURE__*/React__default["default"].createElement("path", _extends({
     d: spherePath,
     fill: fill,
     stroke: stroke,
@@ -818,13 +845,13 @@ var Sphere = function Sphere(_ref) {
 };
 
 Sphere.propTypes = {
-  id: PropTypes.string,
-  fill: PropTypes.string,
-  stroke: PropTypes.string,
-  strokeWidth: PropTypes.number,
-  className: PropTypes.string
+  id: PropTypes__default["default"].string,
+  fill: PropTypes__default["default"].string,
+  stroke: PropTypes__default["default"].string,
+  strokeWidth: PropTypes__default["default"].number,
+  className: PropTypes__default["default"].string
 };
-var Sphere$1 = memo(Sphere);
+var Sphere$1 = React.memo(Sphere);
 
 var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
 
@@ -843,15 +870,15 @@ var Marker = function Marker(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$2);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       projection = _useContext.projection;
 
-  var _useState = useState(false),
+  var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       isPressed = _useState2[0],
       setPressed = _useState2[1];
 
-  var _useState3 = useState(false),
+  var _useState3 = React.useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isFocused = _useState4[0],
       setFocus = _useState4[1];
@@ -893,7 +920,7 @@ var Marker = function Marker(_ref) {
     if (onMouseUp) onMouseUp(evt);
   }
 
-  return /*#__PURE__*/React.createElement("g", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("g", _extends({
     transform: "translate(".concat(x, ", ").concat(y, ")"),
     className: "rsm-marker ".concat(className),
     onMouseEnter: handleMouseEnter,
@@ -907,16 +934,16 @@ var Marker = function Marker(_ref) {
 };
 
 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
+  coordinates: PropTypes__default["default"].array,
+  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
+  onMouseEnter: PropTypes__default["default"].func,
+  onMouseLeave: PropTypes__default["default"].func,
+  onMouseDown: PropTypes__default["default"].func,
+  onMouseUp: PropTypes__default["default"].func,
+  onFocus: PropTypes__default["default"].func,
+  onBlur: PropTypes__default["default"].func,
+  style: PropTypes__default["default"].object,
+  className: PropTypes__default["default"].string
 };
 
 var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
@@ -937,14 +964,14 @@ var Line = function Line(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded$1);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       path = _useContext.path;
 
   var lineData = {
     type: "LineString",
     coordinates: coordinates || [from, to]
   };
-  return /*#__PURE__*/React.createElement("path", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("path", _extends({
     d: path(lineData),
     className: "rsm-line ".concat(className),
     stroke: stroke,
@@ -954,13 +981,13 @@ var Line = function Line(_ref) {
 };
 
 Line.propTypes = {
-  from: PropTypes.array,
-  to: PropTypes.array,
-  coordinates: PropTypes.array,
-  stroke: PropTypes.string,
-  strokeWidth: PropTypes.number,
-  fill: PropTypes.string,
-  className: PropTypes.string
+  from: PropTypes__default["default"].array,
+  to: PropTypes__default["default"].array,
+  coordinates: PropTypes__default["default"].array,
+  stroke: PropTypes__default["default"].string,
+  strokeWidth: PropTypes__default["default"].number,
+  fill: PropTypes__default["default"].string,
+  className: PropTypes__default["default"].string
 };
 
 var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
@@ -979,7 +1006,7 @@ var Annotation = function Annotation(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var _useContext = useContext(MapContext),
+  var _useContext = React.useContext(MapContext),
       projection = _useContext.projection;
 
   var _projection = projection(subject),
@@ -988,10 +1015,10 @@ var Annotation = function Annotation(_ref) {
       y = _projection2[1];
 
   var connectorPath = createConnectorPath(dx, dy, curve);
-  return /*#__PURE__*/React.createElement("g", _extends({
+  return /*#__PURE__*/React__default["default"].createElement("g", _extends({
     transform: "translate(".concat(x + dx, ", ").concat(y + dy, ")"),
     className: "rsm-annotation ".concat(className)
-  }, restProps), /*#__PURE__*/React.createElement("path", _extends({
+  }, restProps), /*#__PURE__*/React__default["default"].createElement("path", _extends({
     d: connectorPath,
     fill: "transparent",
     stroke: "#000"
@@ -999,13 +1026,25 @@ var Annotation = function Annotation(_ref) {
 };
 
 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
+  subject: PropTypes__default["default"].array,
+  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
+  dx: PropTypes__default["default"].number,
+  dy: PropTypes__default["default"].number,
+  curve: PropTypes__default["default"].number,
+  connectorProps: PropTypes__default["default"].object,
+  className: PropTypes__default["default"].string
 };
 
-export { Annotation, ComposableMap, Geographies, Geography$1 as Geography, Graticule$1 as Graticule, Line, MapContext, MapProvider, Marker, Sphere$1 as Sphere, ZoomableGroup, useGeographies, useZoomPan };
+exports.Annotation = Annotation;
+exports.ComposableMap = ComposableMap;
+exports.Geographies = Geographies;
+exports.Geography = Geography$1;
+exports.Graticule = Graticule$1;
+exports.Line = Line;
+exports.MapContext = MapContext;
+exports.MapProvider = MapProvider;
+exports.Marker = Marker;
+exports.Sphere = Sphere$1;
+exports.ZoomableGroup = ZoomableGroup;
+exports.useGeographies = useGeographies;
+exports.useZoomPan = useZoomPan;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simple-maps",
-  "version": "3.0.0-beta.3",
+  "version": "3.0.0-beta.4",
   "description": "An svg map chart component built with and for React",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -56,9 +56,9 @@
     "react-dom": "^16.8.0 || 17.x || 18.x"
   },
   "dependencies": {
-    "d3-geo": "^3.0.1",
-    "d3-selection": "^3.0.0",
-    "d3-zoom": "^3.0.0",
+    "d3-geo": "^2.0.2",
+    "d3-selection": "^2.0.0",
+    "d3-zoom": "^2.0.0",
     "topojson-client": "^3.1.0"
   }
 }