react-simple-maps 3.0.0-beta.5 → 3.0.0-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +31 -46
- package/dist/index.js +36 -51
- package/dist/index.umd.js +1 -1
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -255,8 +255,7 @@ MapProvider.propTypes = {
|
|
|
255
255
|
};
|
|
256
256
|
|
|
257
257
|
var _excluded$8 = ["width", "height", "projection", "projectionConfig", "className"];
|
|
258
|
-
|
|
259
|
-
var ComposableMap = function ComposableMap(_ref, ref) {
|
|
258
|
+
var ComposableMap = forwardRef(function (_ref, ref) {
|
|
260
259
|
var _ref$width = _ref.width,
|
|
261
260
|
width = _ref$width === void 0 ? 800 : _ref$width,
|
|
262
261
|
_ref$height = _ref.height,
|
|
@@ -279,8 +278,8 @@ var ComposableMap = function ComposableMap(_ref, ref) {
|
|
|
279
278
|
viewBox: "0 0 ".concat(width, " ").concat(height),
|
|
280
279
|
className: "rsm-svg ".concat(className)
|
|
281
280
|
}, restProps)));
|
|
282
|
-
};
|
|
283
|
-
|
|
281
|
+
});
|
|
282
|
+
ComposableMap.displayName = "ComposableMap";
|
|
284
283
|
ComposableMap.propTypes = {
|
|
285
284
|
width: PropTypes.number,
|
|
286
285
|
height: PropTypes.number,
|
|
@@ -288,7 +287,6 @@ ComposableMap.propTypes = {
|
|
|
288
287
|
projectionConfig: PropTypes.object,
|
|
289
288
|
className: PropTypes.string
|
|
290
289
|
};
|
|
291
|
-
var ComposableMap$1 = forwardRef(ComposableMap);
|
|
292
290
|
|
|
293
291
|
function getCoords(w, h, t) {
|
|
294
292
|
var xOffset = (w * t.k - w) / 2;
|
|
@@ -417,8 +415,7 @@ function useGeographies(_ref) {
|
|
|
417
415
|
}
|
|
418
416
|
|
|
419
417
|
var _excluded$7 = ["geography", "children", "parseGeographies", "className"];
|
|
420
|
-
|
|
421
|
-
var Geographies = function Geographies(_ref, ref) {
|
|
418
|
+
var Geographies = forwardRef(function (_ref, ref) {
|
|
422
419
|
var geography = _ref.geography,
|
|
423
420
|
children = _ref.children,
|
|
424
421
|
parseGeographies = _ref.parseGeographies,
|
|
@@ -448,19 +445,17 @@ var Geographies = function Geographies(_ref, ref) {
|
|
|
448
445
|
path: path,
|
|
449
446
|
projection: projection
|
|
450
447
|
}));
|
|
451
|
-
};
|
|
452
|
-
|
|
448
|
+
});
|
|
449
|
+
Geographies.displayName = "Geographies";
|
|
453
450
|
Geographies.propTypes = {
|
|
454
451
|
geography: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.array]),
|
|
455
452
|
children: PropTypes.func,
|
|
456
453
|
parseGeographies: PropTypes.func,
|
|
457
454
|
className: PropTypes.string
|
|
458
455
|
};
|
|
459
|
-
var Geographies$1 = forwardRef(Geographies);
|
|
460
456
|
|
|
461
457
|
var _excluded$6 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
|
|
462
|
-
|
|
463
|
-
var Geography = function Geography(_ref, ref) {
|
|
458
|
+
var Geography = forwardRef(function (_ref, ref) {
|
|
464
459
|
var geography = _ref.geography,
|
|
465
460
|
onMouseEnter = _ref.onMouseEnter,
|
|
466
461
|
onMouseLeave = _ref.onMouseLeave,
|
|
@@ -529,8 +524,8 @@ var Geography = function Geography(_ref, ref) {
|
|
|
529
524
|
onMouseUp: handleMouseUp,
|
|
530
525
|
style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
|
|
531
526
|
}, restProps));
|
|
532
|
-
};
|
|
533
|
-
|
|
527
|
+
});
|
|
528
|
+
Geography.displayName = "Geography";
|
|
534
529
|
Geography.propTypes = {
|
|
535
530
|
geography: PropTypes.object,
|
|
536
531
|
onMouseEnter: PropTypes.func,
|
|
@@ -542,11 +537,10 @@ Geography.propTypes = {
|
|
|
542
537
|
style: PropTypes.object,
|
|
543
538
|
className: PropTypes.string
|
|
544
539
|
};
|
|
545
|
-
var Geography$1 = memo(
|
|
540
|
+
var Geography$1 = memo(Geography);
|
|
546
541
|
|
|
547
542
|
var _excluded$5 = ["fill", "stroke", "step", "className"];
|
|
548
|
-
|
|
549
|
-
var Graticule = function Graticule(_ref, ref) {
|
|
543
|
+
var Graticule = forwardRef(function (_ref, ref) {
|
|
550
544
|
var _ref$fill = _ref.fill,
|
|
551
545
|
fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
|
|
552
546
|
_ref$stroke = _ref.stroke,
|
|
@@ -567,15 +561,15 @@ var Graticule = function Graticule(_ref, ref) {
|
|
|
567
561
|
stroke: stroke,
|
|
568
562
|
className: "rsm-graticule ".concat(className)
|
|
569
563
|
}, restProps));
|
|
570
|
-
};
|
|
571
|
-
|
|
564
|
+
});
|
|
565
|
+
Graticule.displayName = "Graticule";
|
|
572
566
|
Graticule.propTypes = {
|
|
573
567
|
fill: PropTypes.string,
|
|
574
568
|
stroke: PropTypes.string,
|
|
575
569
|
step: PropTypes.array,
|
|
576
570
|
className: PropTypes.string
|
|
577
571
|
};
|
|
578
|
-
var Graticule$1 = memo(
|
|
572
|
+
var Graticule$1 = memo(Graticule);
|
|
579
573
|
|
|
580
574
|
function useZoomPan(_ref) {
|
|
581
575
|
var center = _ref.center,
|
|
@@ -725,8 +719,7 @@ function useZoomPan(_ref) {
|
|
|
725
719
|
}
|
|
726
720
|
|
|
727
721
|
var _excluded$4 = ["center", "zoom", "minZoom", "maxZoom", "translateExtent", "filterZoomEvent", "onMoveStart", "onMove", "onMoveEnd", "className"];
|
|
728
|
-
|
|
729
|
-
var ZoomableGroup = function ZoomableGroup(_ref, ref) {
|
|
722
|
+
var ZoomableGroup = forwardRef(function (_ref, ref) {
|
|
730
723
|
var _ref$center = _ref.center,
|
|
731
724
|
center = _ref$center === void 0 ? [0, 0] : _ref$center,
|
|
732
725
|
_ref$zoom = _ref.zoom,
|
|
@@ -771,8 +764,8 @@ var ZoomableGroup = function ZoomableGroup(_ref, ref) {
|
|
|
771
764
|
transform: transformString,
|
|
772
765
|
className: "rsm-zoomable-group ".concat(className)
|
|
773
766
|
}, restProps)));
|
|
774
|
-
};
|
|
775
|
-
|
|
767
|
+
});
|
|
768
|
+
ZoomableGroup.displayName = "ZoomableGroup";
|
|
776
769
|
ZoomableGroup.propTypes = {
|
|
777
770
|
center: PropTypes.array,
|
|
778
771
|
zoom: PropTypes.number,
|
|
@@ -784,11 +777,9 @@ ZoomableGroup.propTypes = {
|
|
|
784
777
|
onMoveEnd: PropTypes.func,
|
|
785
778
|
className: PropTypes.string
|
|
786
779
|
};
|
|
787
|
-
var ZoomableGroup$1 = forwardRef(ZoomableGroup);
|
|
788
780
|
|
|
789
781
|
var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
|
|
790
|
-
|
|
791
|
-
var Sphere = function Sphere(_ref, ref) {
|
|
782
|
+
var Sphere = forwardRef(function (_ref, ref) {
|
|
792
783
|
var _ref$id = _ref.id,
|
|
793
784
|
id = _ref$id === void 0 ? "rsm-sphere" : _ref$id,
|
|
794
785
|
_ref$fill = _ref.fill,
|
|
@@ -824,8 +815,8 @@ var Sphere = function Sphere(_ref, ref) {
|
|
|
824
815
|
},
|
|
825
816
|
className: "rsm-sphere ".concat(className)
|
|
826
817
|
}, restProps)));
|
|
827
|
-
};
|
|
828
|
-
|
|
818
|
+
});
|
|
819
|
+
Sphere.displayName = "Sphere";
|
|
829
820
|
Sphere.propTypes = {
|
|
830
821
|
id: PropTypes.string,
|
|
831
822
|
fill: PropTypes.string,
|
|
@@ -833,11 +824,10 @@ Sphere.propTypes = {
|
|
|
833
824
|
strokeWidth: PropTypes.number,
|
|
834
825
|
className: PropTypes.string
|
|
835
826
|
};
|
|
836
|
-
var Sphere$1 = memo(
|
|
827
|
+
var Sphere$1 = memo(Sphere);
|
|
837
828
|
|
|
838
829
|
var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
|
|
839
|
-
|
|
840
|
-
var Marker = function Marker(_ref, ref) {
|
|
830
|
+
var Marker = forwardRef(function (_ref, ref) {
|
|
841
831
|
var coordinates = _ref.coordinates,
|
|
842
832
|
children = _ref.children,
|
|
843
833
|
onMouseEnter = _ref.onMouseEnter,
|
|
@@ -914,8 +904,8 @@ var Marker = function Marker(_ref, ref) {
|
|
|
914
904
|
onMouseUp: handleMouseUp,
|
|
915
905
|
style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
|
|
916
906
|
}, restProps), children);
|
|
917
|
-
};
|
|
918
|
-
|
|
907
|
+
});
|
|
908
|
+
Marker.displayName = "Marker";
|
|
919
909
|
Marker.propTypes = {
|
|
920
910
|
coordinates: PropTypes.array,
|
|
921
911
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
@@ -928,11 +918,9 @@ Marker.propTypes = {
|
|
|
928
918
|
style: PropTypes.object,
|
|
929
919
|
className: PropTypes.string
|
|
930
920
|
};
|
|
931
|
-
var Marker$1 = forwardRef(Marker);
|
|
932
921
|
|
|
933
922
|
var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
|
|
934
|
-
|
|
935
|
-
var Line = function Line(_ref, ref) {
|
|
923
|
+
var Line = forwardRef(function (_ref, ref) {
|
|
936
924
|
var _ref$from = _ref.from,
|
|
937
925
|
from = _ref$from === void 0 ? [0, 0] : _ref$from,
|
|
938
926
|
_ref$to = _ref.to,
|
|
@@ -963,8 +951,8 @@ var Line = function Line(_ref, ref) {
|
|
|
963
951
|
strokeWidth: strokeWidth,
|
|
964
952
|
fill: fill
|
|
965
953
|
}, restProps));
|
|
966
|
-
};
|
|
967
|
-
|
|
954
|
+
});
|
|
955
|
+
Line.displayName = "Line";
|
|
968
956
|
Line.propTypes = {
|
|
969
957
|
from: PropTypes.array,
|
|
970
958
|
to: PropTypes.array,
|
|
@@ -974,11 +962,9 @@ Line.propTypes = {
|
|
|
974
962
|
fill: PropTypes.string,
|
|
975
963
|
className: PropTypes.string
|
|
976
964
|
};
|
|
977
|
-
var Line$1 = forwardRef(Line);
|
|
978
965
|
|
|
979
966
|
var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
|
|
980
|
-
|
|
981
|
-
var Annotation = function Annotation(_ref, ref) {
|
|
967
|
+
var Annotation = forwardRef(function (_ref, ref) {
|
|
982
968
|
var subject = _ref.subject,
|
|
983
969
|
children = _ref.children,
|
|
984
970
|
connectorProps = _ref.connectorProps,
|
|
@@ -1010,8 +996,8 @@ var Annotation = function Annotation(_ref, ref) {
|
|
|
1010
996
|
fill: "transparent",
|
|
1011
997
|
stroke: "#000"
|
|
1012
998
|
}, connectorProps)), children);
|
|
1013
|
-
};
|
|
1014
|
-
|
|
999
|
+
});
|
|
1000
|
+
Annotation.displayName = "Annotation";
|
|
1015
1001
|
Annotation.propTypes = {
|
|
1016
1002
|
subject: PropTypes.array,
|
|
1017
1003
|
children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]),
|
|
@@ -1021,6 +1007,5 @@ Annotation.propTypes = {
|
|
|
1021
1007
|
connectorProps: PropTypes.object,
|
|
1022
1008
|
className: PropTypes.string
|
|
1023
1009
|
};
|
|
1024
|
-
var Annotation$1 = forwardRef(Annotation);
|
|
1025
1010
|
|
|
1026
|
-
export { Annotation
|
|
1011
|
+
export { Annotation, ComposableMap, Geographies, Geography$1 as Geography, Graticule$1 as Graticule, Line, MapContext, MapProvider, Marker, Sphere$1 as Sphere, ZoomableGroup, useGeographies, useZoomPan };
|
package/dist/index.js
CHANGED
|
@@ -282,8 +282,7 @@ MapProvider.propTypes = {
|
|
|
282
282
|
};
|
|
283
283
|
|
|
284
284
|
var _excluded$8 = ["width", "height", "projection", "projectionConfig", "className"];
|
|
285
|
-
|
|
286
|
-
var ComposableMap = function ComposableMap(_ref, ref) {
|
|
285
|
+
var ComposableMap = React.forwardRef(function (_ref, ref) {
|
|
287
286
|
var _ref$width = _ref.width,
|
|
288
287
|
width = _ref$width === void 0 ? 800 : _ref$width,
|
|
289
288
|
_ref$height = _ref.height,
|
|
@@ -306,8 +305,8 @@ var ComposableMap = function ComposableMap(_ref, ref) {
|
|
|
306
305
|
viewBox: "0 0 ".concat(width, " ").concat(height),
|
|
307
306
|
className: "rsm-svg ".concat(className)
|
|
308
307
|
}, restProps)));
|
|
309
|
-
};
|
|
310
|
-
|
|
308
|
+
});
|
|
309
|
+
ComposableMap.displayName = "ComposableMap";
|
|
311
310
|
ComposableMap.propTypes = {
|
|
312
311
|
width: PropTypes__default["default"].number,
|
|
313
312
|
height: PropTypes__default["default"].number,
|
|
@@ -315,7 +314,6 @@ ComposableMap.propTypes = {
|
|
|
315
314
|
projectionConfig: PropTypes__default["default"].object,
|
|
316
315
|
className: PropTypes__default["default"].string
|
|
317
316
|
};
|
|
318
|
-
var ComposableMap$1 = React.forwardRef(ComposableMap);
|
|
319
317
|
|
|
320
318
|
function getCoords(w, h, t) {
|
|
321
319
|
var xOffset = (w * t.k - w) / 2;
|
|
@@ -444,8 +442,7 @@ function useGeographies(_ref) {
|
|
|
444
442
|
}
|
|
445
443
|
|
|
446
444
|
var _excluded$7 = ["geography", "children", "parseGeographies", "className"];
|
|
447
|
-
|
|
448
|
-
var Geographies = function Geographies(_ref, ref) {
|
|
445
|
+
var Geographies = React.forwardRef(function (_ref, ref) {
|
|
449
446
|
var geography = _ref.geography,
|
|
450
447
|
children = _ref.children,
|
|
451
448
|
parseGeographies = _ref.parseGeographies,
|
|
@@ -475,19 +472,17 @@ var Geographies = function Geographies(_ref, ref) {
|
|
|
475
472
|
path: path,
|
|
476
473
|
projection: projection
|
|
477
474
|
}));
|
|
478
|
-
};
|
|
479
|
-
|
|
475
|
+
});
|
|
476
|
+
Geographies.displayName = "Geographies";
|
|
480
477
|
Geographies.propTypes = {
|
|
481
478
|
geography: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].object, PropTypes__default["default"].array]),
|
|
482
479
|
children: PropTypes__default["default"].func,
|
|
483
480
|
parseGeographies: PropTypes__default["default"].func,
|
|
484
481
|
className: PropTypes__default["default"].string
|
|
485
482
|
};
|
|
486
|
-
var Geographies$1 = React.forwardRef(Geographies);
|
|
487
483
|
|
|
488
484
|
var _excluded$6 = ["geography", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
|
|
489
|
-
|
|
490
|
-
var Geography = function Geography(_ref, ref) {
|
|
485
|
+
var Geography = React.forwardRef(function (_ref, ref) {
|
|
491
486
|
var geography = _ref.geography,
|
|
492
487
|
onMouseEnter = _ref.onMouseEnter,
|
|
493
488
|
onMouseLeave = _ref.onMouseLeave,
|
|
@@ -556,8 +551,8 @@ var Geography = function Geography(_ref, ref) {
|
|
|
556
551
|
onMouseUp: handleMouseUp,
|
|
557
552
|
style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
|
|
558
553
|
}, restProps));
|
|
559
|
-
};
|
|
560
|
-
|
|
554
|
+
});
|
|
555
|
+
Geography.displayName = "Geography";
|
|
561
556
|
Geography.propTypes = {
|
|
562
557
|
geography: PropTypes__default["default"].object,
|
|
563
558
|
onMouseEnter: PropTypes__default["default"].func,
|
|
@@ -569,11 +564,10 @@ Geography.propTypes = {
|
|
|
569
564
|
style: PropTypes__default["default"].object,
|
|
570
565
|
className: PropTypes__default["default"].string
|
|
571
566
|
};
|
|
572
|
-
var Geography$1 = React.memo(
|
|
567
|
+
var Geography$1 = React.memo(Geography);
|
|
573
568
|
|
|
574
569
|
var _excluded$5 = ["fill", "stroke", "step", "className"];
|
|
575
|
-
|
|
576
|
-
var Graticule = function Graticule(_ref, ref) {
|
|
570
|
+
var Graticule = React.forwardRef(function (_ref, ref) {
|
|
577
571
|
var _ref$fill = _ref.fill,
|
|
578
572
|
fill = _ref$fill === void 0 ? "transparent" : _ref$fill,
|
|
579
573
|
_ref$stroke = _ref.stroke,
|
|
@@ -594,15 +588,15 @@ var Graticule = function Graticule(_ref, ref) {
|
|
|
594
588
|
stroke: stroke,
|
|
595
589
|
className: "rsm-graticule ".concat(className)
|
|
596
590
|
}, restProps));
|
|
597
|
-
};
|
|
598
|
-
|
|
591
|
+
});
|
|
592
|
+
Graticule.displayName = "Graticule";
|
|
599
593
|
Graticule.propTypes = {
|
|
600
594
|
fill: PropTypes__default["default"].string,
|
|
601
595
|
stroke: PropTypes__default["default"].string,
|
|
602
596
|
step: PropTypes__default["default"].array,
|
|
603
597
|
className: PropTypes__default["default"].string
|
|
604
598
|
};
|
|
605
|
-
var Graticule$1 = React.memo(
|
|
599
|
+
var Graticule$1 = React.memo(Graticule);
|
|
606
600
|
|
|
607
601
|
function useZoomPan(_ref) {
|
|
608
602
|
var center = _ref.center,
|
|
@@ -752,8 +746,7 @@ function useZoomPan(_ref) {
|
|
|
752
746
|
}
|
|
753
747
|
|
|
754
748
|
var _excluded$4 = ["center", "zoom", "minZoom", "maxZoom", "translateExtent", "filterZoomEvent", "onMoveStart", "onMove", "onMoveEnd", "className"];
|
|
755
|
-
|
|
756
|
-
var ZoomableGroup = function ZoomableGroup(_ref, ref) {
|
|
749
|
+
var ZoomableGroup = React.forwardRef(function (_ref, ref) {
|
|
757
750
|
var _ref$center = _ref.center,
|
|
758
751
|
center = _ref$center === void 0 ? [0, 0] : _ref$center,
|
|
759
752
|
_ref$zoom = _ref.zoom,
|
|
@@ -798,8 +791,8 @@ var ZoomableGroup = function ZoomableGroup(_ref, ref) {
|
|
|
798
791
|
transform: transformString,
|
|
799
792
|
className: "rsm-zoomable-group ".concat(className)
|
|
800
793
|
}, restProps)));
|
|
801
|
-
};
|
|
802
|
-
|
|
794
|
+
});
|
|
795
|
+
ZoomableGroup.displayName = "ZoomableGroup";
|
|
803
796
|
ZoomableGroup.propTypes = {
|
|
804
797
|
center: PropTypes__default["default"].array,
|
|
805
798
|
zoom: PropTypes__default["default"].number,
|
|
@@ -811,11 +804,9 @@ ZoomableGroup.propTypes = {
|
|
|
811
804
|
onMoveEnd: PropTypes__default["default"].func,
|
|
812
805
|
className: PropTypes__default["default"].string
|
|
813
806
|
};
|
|
814
|
-
var ZoomableGroup$1 = React.forwardRef(ZoomableGroup);
|
|
815
807
|
|
|
816
808
|
var _excluded$3 = ["id", "fill", "stroke", "strokeWidth", "className"];
|
|
817
|
-
|
|
818
|
-
var Sphere = function Sphere(_ref, ref) {
|
|
809
|
+
var Sphere = React.forwardRef(function (_ref, ref) {
|
|
819
810
|
var _ref$id = _ref.id,
|
|
820
811
|
id = _ref$id === void 0 ? "rsm-sphere" : _ref$id,
|
|
821
812
|
_ref$fill = _ref.fill,
|
|
@@ -851,8 +842,8 @@ var Sphere = function Sphere(_ref, ref) {
|
|
|
851
842
|
},
|
|
852
843
|
className: "rsm-sphere ".concat(className)
|
|
853
844
|
}, restProps)));
|
|
854
|
-
};
|
|
855
|
-
|
|
845
|
+
});
|
|
846
|
+
Sphere.displayName = "Sphere";
|
|
856
847
|
Sphere.propTypes = {
|
|
857
848
|
id: PropTypes__default["default"].string,
|
|
858
849
|
fill: PropTypes__default["default"].string,
|
|
@@ -860,11 +851,10 @@ Sphere.propTypes = {
|
|
|
860
851
|
strokeWidth: PropTypes__default["default"].number,
|
|
861
852
|
className: PropTypes__default["default"].string
|
|
862
853
|
};
|
|
863
|
-
var Sphere$1 = React.memo(
|
|
854
|
+
var Sphere$1 = React.memo(Sphere);
|
|
864
855
|
|
|
865
856
|
var _excluded$2 = ["coordinates", "children", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "onFocus", "onBlur", "style", "className"];
|
|
866
|
-
|
|
867
|
-
var Marker = function Marker(_ref, ref) {
|
|
857
|
+
var Marker = React.forwardRef(function (_ref, ref) {
|
|
868
858
|
var coordinates = _ref.coordinates,
|
|
869
859
|
children = _ref.children,
|
|
870
860
|
onMouseEnter = _ref.onMouseEnter,
|
|
@@ -941,8 +931,8 @@ var Marker = function Marker(_ref, ref) {
|
|
|
941
931
|
onMouseUp: handleMouseUp,
|
|
942
932
|
style: style[isPressed || isFocused ? isPressed ? "pressed" : "hover" : "default"]
|
|
943
933
|
}, restProps), children);
|
|
944
|
-
};
|
|
945
|
-
|
|
934
|
+
});
|
|
935
|
+
Marker.displayName = "Marker";
|
|
946
936
|
Marker.propTypes = {
|
|
947
937
|
coordinates: PropTypes__default["default"].array,
|
|
948
938
|
children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
|
|
@@ -955,11 +945,9 @@ Marker.propTypes = {
|
|
|
955
945
|
style: PropTypes__default["default"].object,
|
|
956
946
|
className: PropTypes__default["default"].string
|
|
957
947
|
};
|
|
958
|
-
var Marker$1 = React.forwardRef(Marker);
|
|
959
948
|
|
|
960
949
|
var _excluded$1 = ["from", "to", "coordinates", "stroke", "strokeWidth", "fill", "className"];
|
|
961
|
-
|
|
962
|
-
var Line = function Line(_ref, ref) {
|
|
950
|
+
var Line = React.forwardRef(function (_ref, ref) {
|
|
963
951
|
var _ref$from = _ref.from,
|
|
964
952
|
from = _ref$from === void 0 ? [0, 0] : _ref$from,
|
|
965
953
|
_ref$to = _ref.to,
|
|
@@ -990,8 +978,8 @@ var Line = function Line(_ref, ref) {
|
|
|
990
978
|
strokeWidth: strokeWidth,
|
|
991
979
|
fill: fill
|
|
992
980
|
}, restProps));
|
|
993
|
-
};
|
|
994
|
-
|
|
981
|
+
});
|
|
982
|
+
Line.displayName = "Line";
|
|
995
983
|
Line.propTypes = {
|
|
996
984
|
from: PropTypes__default["default"].array,
|
|
997
985
|
to: PropTypes__default["default"].array,
|
|
@@ -1001,11 +989,9 @@ Line.propTypes = {
|
|
|
1001
989
|
fill: PropTypes__default["default"].string,
|
|
1002
990
|
className: PropTypes__default["default"].string
|
|
1003
991
|
};
|
|
1004
|
-
var Line$1 = React.forwardRef(Line);
|
|
1005
992
|
|
|
1006
993
|
var _excluded = ["subject", "children", "connectorProps", "dx", "dy", "curve", "className"];
|
|
1007
|
-
|
|
1008
|
-
var Annotation = function Annotation(_ref, ref) {
|
|
994
|
+
var Annotation = React.forwardRef(function (_ref, ref) {
|
|
1009
995
|
var subject = _ref.subject,
|
|
1010
996
|
children = _ref.children,
|
|
1011
997
|
connectorProps = _ref.connectorProps,
|
|
@@ -1037,8 +1023,8 @@ var Annotation = function Annotation(_ref, ref) {
|
|
|
1037
1023
|
fill: "transparent",
|
|
1038
1024
|
stroke: "#000"
|
|
1039
1025
|
}, connectorProps)), children);
|
|
1040
|
-
};
|
|
1041
|
-
|
|
1026
|
+
});
|
|
1027
|
+
Annotation.displayName = "Annotation";
|
|
1042
1028
|
Annotation.propTypes = {
|
|
1043
1029
|
subject: PropTypes__default["default"].array,
|
|
1044
1030
|
children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].node, PropTypes__default["default"].arrayOf(PropTypes__default["default"].node)]),
|
|
@@ -1048,18 +1034,17 @@ Annotation.propTypes = {
|
|
|
1048
1034
|
connectorProps: PropTypes__default["default"].object,
|
|
1049
1035
|
className: PropTypes__default["default"].string
|
|
1050
1036
|
};
|
|
1051
|
-
var Annotation$1 = React.forwardRef(Annotation);
|
|
1052
1037
|
|
|
1053
|
-
exports.Annotation = Annotation
|
|
1054
|
-
exports.ComposableMap = ComposableMap
|
|
1055
|
-
exports.Geographies = Geographies
|
|
1038
|
+
exports.Annotation = Annotation;
|
|
1039
|
+
exports.ComposableMap = ComposableMap;
|
|
1040
|
+
exports.Geographies = Geographies;
|
|
1056
1041
|
exports.Geography = Geography$1;
|
|
1057
1042
|
exports.Graticule = Graticule$1;
|
|
1058
|
-
exports.Line = Line
|
|
1043
|
+
exports.Line = Line;
|
|
1059
1044
|
exports.MapContext = MapContext;
|
|
1060
1045
|
exports.MapProvider = MapProvider;
|
|
1061
|
-
exports.Marker = Marker
|
|
1046
|
+
exports.Marker = Marker;
|
|
1062
1047
|
exports.Sphere = Sphere$1;
|
|
1063
|
-
exports.ZoomableGroup = ZoomableGroup
|
|
1048
|
+
exports.ZoomableGroup = ZoomableGroup;
|
|
1064
1049
|
exports.useGeographies = useGeographies;
|
|
1065
1050
|
exports.useZoomPan = useZoomPan;
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +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,r,o,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(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 l=s(t),i=s(r),f=c(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){g(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 g(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function h(){return h=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},h.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 y(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"]),w=t.createContext(),O=function(e){var r=e.width,o=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],O=g[1],k=a.scale||null,x=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,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](r[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||O||0===O?[b,O]:null,scale:k},projection:n,width:r,height:o})}),[r,o,n,c,i,d,p,m,b,O,k]),N=t.useCallback(x,[x]),S=t.useMemo((function(){return{width:r,height:o,projection:N,path:M().projection(N)}}),[r,o,N]);return l.default.createElement(w.Provider,h({value:S},u))};O.propTypes={width:i.default.number,height:i.default.number,projection:i.default.oneOfType([i.default.string,i.default.func]),projectionConfig:i.default.object};var k=["width","height","projection","projectionConfig","className"],x=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,c=e.projectionConfig,i=void 0===c?{}:c,f=e.className,d=void 0===f?"":f,p=v(e,k);return l.default.createElement(O,{width:o,height:a,projection:s,projectionConfig:i},l.default.createElement("svg",h({ref:t,viewBox:"0 0 ".concat(o," ").concat(a),className:"rsm-svg ".concat(d)},p)))};x.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 N=t.forwardRef(x);function S(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 P(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 C(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 T(e,t){return e?e.map((function(e,r){return p(p({},e),{},{rsmKey:"geo-".concat(r),svgPath:t(e)})})):[]}function R(e){var r=e.geography,o=e.parseGeographies,n=t.useContext(w).path,a=y(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:P(e,o),mesh:C(e)})})):s({geographies:P(r,o),mesh:C(r)})))}),[r,o]);var c=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:T(u.geographies,n),outline:t.outline,borders:t.borders}}),[u,n]);return{geographies:c.geographies,outline:c.outline,borders:c.borders}}var z=["geography","children","parseGeographies","className"],D=function(e,r){var o=e.geography,n=e.children,a=e.parseGeographies,u=e.className,s=void 0===u?"":u,c=v(e,z),i=t.useContext(w),f=i.path,d=i.projection,p=R({geography:o,parseGeographies:a}),m=p.geographies,g=p.outline,y=p.borders;return l.default.createElement("g",h({ref:r,className:"rsm-geographies ".concat(s)},c),m&&m.length>0&&n({geographies:m,outline:g,borders:y,path:f,projection:d}))};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=t.forwardRef(D),G=["geography","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],L=function(e,r){var o=e.geography,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,G),b=y(t.useState(!1),2),j=b[0],M=b[1],E=y(t.useState(!1),2),w=E[0],O=E[1];return l.default.createElement("path",h({ref:r,tabIndex:"0",className:"rsm-geography ".concat(m),d:o.svgPath,onMouseEnter:function(e){O(!0),n&&n(e)},onMouseLeave:function(e){O(!1),j&&M(!1),a&&a(e)},onFocus:function(e){O(!0),c&&c(e)},onBlur:function(e){O(!1),j&&M(!1),i&&i(e)},onMouseDown:function(e){M(!0),u&&u(e)},onMouseUp:function(e){M(!1),s&&s(e)},style:d[j||w?j?"pressed":"hover":"default"]},g))};L.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 A=t.memo(t.forwardRef(L)),B=["fill","stroke","step","className"],F=function(e,r){var n=e.fill,a=void 0===n?"transparent":n,u=e.stroke,s=void 0===u?"currentcolor":u,c=e.step,i=void 0===c?[10,10]:c,f=e.className,d=void 0===f?"":f,p=v(e,B),m=t.useContext(w).path;return l.default.createElement("path",h({ref:r,d:m(o.geoGraticule().step(i)()),fill:a,stroke:s,className:"rsm-graticule ".concat(d)},p))};F.propTypes={fill:i.default.string,stroke:i.default.string,step:i.default.array,className:i.default.string};var U=t.memo(t.forwardRef(F));function q(e){var r=e.center,o=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(w),h=g.width,v=g.height,b=g.projection,j=y(r,2),M=j[0],E=j[1],O=y(t.useState({x:0,y:0,k:1}),2),k=O[0],x=O[1],N=t.useRef({x:0,y:0,k:1}),P=t.useRef(),C=t.useRef(),T=t.useRef(!1),R=y(i,2),z=R[0],D=R[1],Z=y(z,2),G=Z[0],L=Z[1],A=y(D,2),B=A[0],F=A[1],U=y(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([[G,L],[B,F]]).on("start",(function(e){n&&!T.current&&n({coordinates:b.invert(S(h,v,e.transform)),zoom:e.transform.k},e)})).on("zoom",(function(e){if(!T.current){var t=e.transform,r=e.sourceEvent;x({x:t.x,y:t.y,k:t.k,dragging:r}),c&&c({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=y(b.invert(S(h,v,e.transform)),2),r=t[0],o=t[1];N.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)}),[h,v,G,L,B,F,q,W,b,n,c,s,o]),t.useEffect((function(){if(M!==N.current.x||E!==N.current.y||m!==N.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(h/2-t,v/2-r).scale(m)),x({x:h/2-t,y:v/2-r,k:m}),N.current={x:M,y:E,k:m}}}),[M,E,m,h,v,b]),{mapRef:P,position:k,transformString:"translate(".concat(k.x," ").concat(k.y,") scale(").concat(k.k,")")}}var W=["center","zoom","minZoom","maxZoom","translateExtent","filterZoomEvent","onMoveStart","onMove","onMoveEnd","className"],I=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,c=void 0===s?1:s,i=e.maxZoom,f=void 0===i?8:i,d=e.translateExtent,p=e.filterZoomEvent,m=e.onMoveStart,g=e.onMove,y=e.onMoveEnd,b=e.className,j=v(e,W),M=t.useContext(w),E=M.width,O=M.height,k=q({center:n,filterZoomEvent:p,onMoveStart:m,onMove:g,onMoveEnd:y,scaleExtent:[c,f],translateExtent:d,zoom:u}),x=k.mapRef,N=k.transformString;return l.default.createElement("g",{ref:x},l.default.createElement("rect",{width:E,height:O,fill:"transparent"}),l.default.createElement("g",h({ref:r,transform:N,className:"rsm-zoomable-group ".concat(b)},j)))};I.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 K=t.forwardRef(I),_=["id","fill","stroke","strokeWidth","className"],Q=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,c=void 0===s?"currentcolor":s,i=e.strokeWidth,f=void 0===i?.5:i,d=e.className,p=void 0===d?"":d,m=v(e,_),g=t.useContext(w).path,y=t.useMemo((function(){return g({type:"Sphere"})}),[g]);return l.default.createElement(t.Fragment,null,l.default.createElement("defs",null,l.default.createElement("clipPath",{id:n},l.default.createElement("path",{d:y}))),l.default.createElement("path",h({ref:r,d:y,fill:u,stroke:c,strokeWidth:f,style:{pointerEvents:"none"},className:"rsm-sphere ".concat(p)},m)))};Q.propTypes={id:i.default.string,fill:i.default.string,stroke:i.default.string,strokeWidth:i.default.number,className:i.default.string};var $=t.memo(t.forwardRef(Q)),H=["coordinates","children","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],J=function(e,r){var o=e.coordinates,n=e.children,a=e.onMouseEnter,u=e.onMouseLeave,s=e.onMouseDown,c=e.onMouseUp,i=e.onFocus,f=e.onBlur,d=e.style,p=void 0===d?{}:d,m=e.className,g=void 0===m?"":m,b=v(e,H),j=t.useContext(w).projection,M=y(t.useState(!1),2),E=M[0],O=M[1],k=y(t.useState(!1),2),x=k[0],N=k[1],S=y(j(o),2),P=S[0],C=S[1];return l.default.createElement("g",h({ref:r,transform:"translate(".concat(P,", ").concat(C,")"),className:"rsm-marker ".concat(g),onMouseEnter:function(e){N(!0),a&&a(e)},onMouseLeave:function(e){N(!1),E&&O(!1),u&&u(e)},onFocus:function(e){N(!0),i&&i(e)},onBlur:function(e){N(!1),E&&O(!1),f&&f(e)},onMouseDown:function(e){O(!0),s&&s(e)},onMouseUp:function(e){O(!1),c&&c(e)},style:p[E||x?E?"pressed":"hover":"default"]},b),n)};J.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 V=t.forwardRef(J),X=["from","to","coordinates","stroke","strokeWidth","fill","className"],Y=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,c=e.stroke,i=void 0===c?"currentcolor":c,f=e.strokeWidth,d=void 0===f?3:f,p=e.fill,m=void 0===p?"transparent":p,g=e.className,y=void 0===g?"":g,b=v(e,X),j=t.useContext(w).path,M={type:"LineString",coordinates:s||[n,u]};return l.default.createElement("path",h({ref:r,d:j(M),className:"rsm-line ".concat(y),stroke:i,strokeWidth:d,fill:m},b))};Y.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 ee=t.forwardRef(Y),te=["subject","children","connectorProps","dx","dy","curve","className"],re=function(e,r){var o=e.subject,n=e.children,a=e.connectorProps,u=e.dx,s=void 0===u?30:u,c=e.dy,i=void 0===c?30:c,f=e.curve,d=void 0===f?0:f,p=e.className,m=void 0===p?"":p,g=v(e,te),b=y((0,t.useContext(w).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,i,d);return l.default.createElement("g",h({ref:r,transform:"translate(".concat(j+s,", ").concat(M+i,")"),className:"rsm-annotation ".concat(m)},g),l.default.createElement("path",h({d:E,fill:"transparent",stroke:"#000"},a)),n)};re.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};var oe=t.forwardRef(re);e.Annotation=oe,e.ComposableMap=N,e.Geographies=Z,e.Geography=A,e.Graticule=U,e.Line=ee,e.MapContext=w,e.MapProvider=O,e.Marker=V,e.Sphere=$,e.ZoomableGroup=K,e.useGeographies=R,e.useZoomPan=q,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
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,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 c=s(t),i=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){h(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 h(e,t,r){return 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 g(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 v(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=g(f,["geoPath"]),w=t.createContext(),O=function(e){var r=e.width,o=e.height,n=e.projection,a=e.projectionConfig,u=g(e,j),s=v(a.center||[],2),l=s[0],i=s[1],f=v(a.rotate||[],3),d=f[0],p=f[1],m=f[2],h=v(a.parallels||[],2),b=h[0],O=h[1],k=a.scale||null,x=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 c=E[n]().translate([u/2,l/2]);return[c.center?"center":null,c.rotate?"rotate":null,c.scale?"scale":null,c.parallels?"parallels":null].forEach((function(e){e&&(c=c[e](r[e]||c[e]()))})),c}({projectionConfig:{center:l||0===l||i||0===i?[l,i]:null,rotate:d||0===d||p||0===p?[d,p,m]:null,parallels:b||0===b||O||0===O?[b,O]:null,scale:k},projection:n,width:r,height:o})}),[r,o,n,l,i,d,p,m,b,O,k]),N=t.useCallback(x,[x]),S=t.useMemo((function(){return{width:r,height:o,projection:N,path:M().projection(N)}}),[r,o,N]);return c.default.createElement(w.Provider,y({value:S},u))};O.propTypes={width:i.default.number,height:i.default.number,projection:i.default.oneOfType([i.default.string,i.default.func]),projectionConfig:i.default.object};var k=["width","height","projection","projectionConfig","className"],x=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,i=void 0===l?{}:l,f=e.className,d=void 0===f?"":f,p=g(e,k);return c.default.createElement(O,{width:o,height:a,projection:s,projectionConfig:i},c.default.createElement("svg",y({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(w).path,a=v(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}}x.displayName="ComposableMap",x.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 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=g(e,R),i=t.useContext(w),f=i.path,d=i.projection,p=T({geography:o,parseGeographies:a}),m=p.geographies,h=p.outline,v=p.borders;return c.default.createElement("g",y({ref:r,className:"rsm-geographies ".concat(s)},l),m&&m.length>0&&n({geographies:m,outline:h,borders:v,path:f,projection:d}))}));z.displayName="Geographies",z.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 G=["geography","onMouseEnter","onMouseLeave","onMouseDown","onMouseUp","onFocus","onBlur","style","className"],D=t.forwardRef((function(e,r){var o=e.geography,n=e.onMouseEnter,a=e.onMouseLeave,u=e.onMouseDown,s=e.onMouseUp,l=e.onFocus,i=e.onBlur,f=e.style,d=void 0===f?{}:f,p=e.className,m=void 0===p?"":p,h=g(e,G),b=v(t.useState(!1),2),j=b[0],M=b[1],E=v(t.useState(!1),2),w=E[0],O=E[1];return c.default.createElement("path",y({ref:r,tabIndex:"0",className:"rsm-geography ".concat(m),d:o.svgPath,onMouseEnter:function(e){O(!0),n&&n(e)},onMouseLeave:function(e){O(!1),j&&M(!1),a&&a(e)},onFocus:function(e){O(!0),l&&l(e)},onBlur:function(e){O(!1),j&&M(!1),i&&i(e)},onMouseDown:function(e){M(!0),u&&u(e)},onMouseUp:function(e){M(!1),s&&s(e)},style:d[j||w?j?"pressed":"hover":"default"]},h))}));D.displayName="Geography",D.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 Z=t.memo(D),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,i=void 0===l?[10,10]:l,f=e.className,d=void 0===f?"":f,p=g(e,L),m=t.useContext(w).path;return c.default.createElement("path",y({ref:r,d:m(o.geoGraticule().step(i)()),fill:a,stroke:s,className:"rsm-graticule ".concat(d)},p))}));A.displayName="Graticule",A.propTypes={fill:i.default.string,stroke:i.default.string,step:i.default.array,className:i.default.string};var B=t.memo(A);function F(e){var r=e.center,o=e.filterZoomEvent,n=e.onMoveStart,s=e.onMoveEnd,l=e.onMove,c=e.translateExtent,i=void 0===c?[[-1/0,-1/0],[1/0,1/0]]:c,f=e.scaleExtent,d=void 0===f?[1,8]:f,p=e.zoom,m=void 0===p?1:p,h=t.useContext(w),y=h.width,g=h.height,b=h.projection,j=v(r,2),M=j[0],E=j[1],O=v(t.useState({x:0,y:0,k:1}),2),k=O[0],x=O[1],S=t.useRef({x:0,y:0,k:1}),P=t.useRef(),C=t.useRef(),T=t.useRef(!1),R=v(i,2),z=R[0],G=R[1],D=v(z,2),Z=D[0],L=D[1],A=v(G,2),B=A[0],F=A[1],U=v(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([[Z,L],[B,F]]).on("start",(function(e){n&&!T.current&&n({coordinates:b.invert(N(y,g,e.transform)),zoom:e.transform.k},e)})).on("zoom",(function(e){if(!T.current){var t=e.transform,r=e.sourceEvent;x({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=v(b.invert(N(y,g,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)}),[y,g,Z,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(y/2-t,g/2-r).scale(m)),x({x:y/2-t,y:g/2-r,k:m}),S.current={x:M,y:E,k:m}}}),[M,E,m,y,g,b]),{mapRef:P,position:k,transformString:"translate(".concat(k.x," ").concat(k.y,") scale(").concat(k.k,")")}}var U=["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,u=void 0===a?1:a,s=e.minZoom,l=void 0===s?1:s,i=e.maxZoom,f=void 0===i?8:i,d=e.translateExtent,p=e.filterZoomEvent,m=e.onMoveStart,h=e.onMove,v=e.onMoveEnd,b=e.className,j=g(e,U),M=t.useContext(w),E=M.width,O=M.height,k=F({center:n,filterZoomEvent:p,onMoveStart:m,onMove:h,onMoveEnd:v,scaleExtent:[l,f],translateExtent:d,zoom:u}),x=k.mapRef,N=k.transformString;return c.default.createElement("g",{ref:x},c.default.createElement("rect",{width:E,height:O,fill:"transparent"}),c.default.createElement("g",y({ref:r,transform:N,className:"rsm-zoomable-group ".concat(b)},j)))}));q.displayName="ZoomableGroup",q.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 W=["id","fill","stroke","strokeWidth","className"],I=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,i=e.strokeWidth,f=void 0===i?.5:i,d=e.className,p=void 0===d?"":d,m=g(e,W),h=t.useContext(w).path,v=t.useMemo((function(){return h({type:"Sphere"})}),[h]);return c.default.createElement(t.Fragment,null,c.default.createElement("defs",null,c.default.createElement("clipPath",{id:n},c.default.createElement("path",{d:v}))),c.default.createElement("path",y({ref:r,d:v,fill:u,stroke:l,strokeWidth:f,style:{pointerEvents:"none"},className:"rsm-sphere ".concat(p)},m)))}));I.displayName="Sphere",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=t.forwardRef((function(e,r){var o=e.coordinates,n=e.children,a=e.onMouseEnter,u=e.onMouseLeave,s=e.onMouseDown,l=e.onMouseUp,i=e.onFocus,f=e.onBlur,d=e.style,p=void 0===d?{}:d,m=e.className,h=void 0===m?"":m,b=g(e,_),j=t.useContext(w).projection,M=v(t.useState(!1),2),E=M[0],O=M[1],k=v(t.useState(!1),2),x=k[0],N=k[1],S=v(j(o),2),P=S[0],C=S[1];return c.default.createElement("g",y({ref:r,transform:"translate(".concat(P,", ").concat(C,")"),className:"rsm-marker ".concat(h),onMouseEnter:function(e){N(!0),a&&a(e)},onMouseLeave:function(e){N(!1),E&&O(!1),u&&u(e)},onFocus:function(e){N(!0),i&&i(e)},onBlur:function(e){N(!1),E&&O(!1),f&&f(e)},onMouseDown:function(e){O(!0),s&&s(e)},onMouseUp:function(e){O(!1),l&&l(e)},style:p[E||x?E?"pressed":"hover":"default"]},b),n)}));Q.displayName="Marker",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=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,i=void 0===l?"currentcolor":l,f=e.strokeWidth,d=void 0===f?3:f,p=e.fill,m=void 0===p?"transparent":p,h=e.className,v=void 0===h?"":h,b=g(e,$),j=t.useContext(w).path,M={type:"LineString",coordinates:s||[n,u]};return c.default.createElement("path",y({ref:r,d:j(M),className:"rsm-line ".concat(v),stroke:i,strokeWidth:d,fill:m},b))}));H.displayName="Line",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=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,i=void 0===l?30:l,f=e.curve,d=void 0===f?0:f,p=e.className,m=void 0===p?"":p,h=g(e,J),b=v((0,t.useContext(w).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,i,d);return c.default.createElement("g",y({ref:r,transform:"translate(".concat(j+s,", ").concat(M+i,")"),className:"rsm-annotation ".concat(m)},h),c.default.createElement("path",y({d:E,fill:"transparent",stroke:"#000"},a)),n)}));V.displayName="Annotation",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=x,e.Geographies=z,e.Geography=Z,e.Graticule=B,e.Line=H,e.MapContext=w,e.MapProvider=O,e.Marker=Q,e.Sphere=K,e.ZoomableGroup=q,e.useGeographies=T,e.useZoomPan=F,Object.defineProperty(e,"__esModule",{value:!0})}));
|