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

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-simple-maps",
-  "version": "4.0.0-beta.4",
+  "version": "4.0.0-beta.6",
   "description": "An svg map chart component built with and for React",
   "main": "dist/index.js",
   "module": "dist/index.js",
-  "browser": "dist/index.umd.js",
+  "type": "module",
   "files": [
     "dist"
   ],

package/dist/index.es.js

@@ -1,965 +0,0 @@
-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 };

package/dist/index.umd.js

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