@orioro/react-maplibre-util 0.6.0 → 0.7.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @orioro/react-maplibre-util
 
+## 0.7.0
+
+### Minor Changes
+
+- expose SyncedMaps mouse event handlers and add svgImages to GeoReDUS
+
+### Patch Changes
+
+- @orioro/react-chart-util@0.3.0
+
 ## 0.6.0
 
 ### Minor Changes

package/dist/index.mjs

@@ -912,26 +912,35 @@ function makeSyncedMaps(_a) {
     var _c = useState(initialViewState),
       viewState = _c[0],
       setViewState = _c[1];
-    var onSyncMove = useCallback(function (evt) {
-      return setViewState(evt.viewState);
-    }, []);
+    var syncedOnMove = useCallback(function (evt) {
+      setViewState(evt.viewState);
+      if (typeof baseMapProps.onMove === 'function') {
+        baseMapProps.onMove(evt);
+      }
+    }, [baseMapProps.onMove]);
     var _d = useState(false),
       isDragging = _d[0],
       setIsDragging = _d[1];
-    var onDragEnd = useCallback(function () {
-      return setIsDragging(false);
-    }, [setIsDragging]);
+    var syncedOnDragEnd = useCallback(function (e) {
+      setIsDragging(false);
+      if (typeof baseMapProps.onDragEnd === 'function') {
+        baseMapProps.onDragEnd(e);
+      }
+    }, [setIsDragging, baseMapProps.onDragEnd]);
     var _e = useState(null),
       hoverInfo = _e[0],
       setHoverInfo = _e[1];
     var _f = useState(null),
       tooltips = _f[0],
       setTooltips = _f[1];
-    var onDragStart = useCallback(function () {
+    var syncedOnDragStart = useCallback(function (e) {
       setIsDragging(true);
       setTooltips(null);
-    }, []);
-    var _onMouseMove = useCallback(function (index, event) {
+      if (typeof baseMapProps.onDragStart === 'function') {
+        baseMapProps.onDragStart(e);
+      }
+    }, [baseMapProps.onDragStart]);
+    var syncedOnMouseMove = useCallback(function (event, index) {
       var nextHoverInfo = parseHoverInfo(index, event);
       setHoverInfo(function (prevHoverInfo) {
         mapSetFeaturesState(event.target, prevHoverInfo === null || prevHoverInfo === void 0 ? void 0 : prevHoverInfo.features, {
@@ -950,7 +959,13 @@ function makeSyncedMaps(_a) {
         }
         return getTooltip(nextHoverInfo, mapInstanceRefs[index]) || null;
       }) : null);
-    }, [maps]);
+      if (typeof baseMapProps.onMouseMove === 'function') {
+        //
+        // Allow onMouseMove to be composed with base
+        //
+        baseMapProps.onMouseMove(event);
+      }
+    }, [maps, baseMapProps.onMouseMove]);
     //
     // There is no notion of mouseenter/mouseleave
     // in maplibre.gl.
@@ -960,7 +975,7 @@ function makeSyncedMaps(_a) {
     // https://github.com/mapbox/mapbox-gl-js/issues/10594
     // https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MapEventType/#mouseout
     //
-    var onMouseOut = useCallback(function (event) {
+    var syncedOnMouseOut = useCallback(function (event) {
       setHoverInfo(null);
       setTooltips(null);
       if (Array.isArray(hoverInfo === null || hoverInfo === void 0 ? void 0 : hoverInfo.features)) {
@@ -968,7 +983,10 @@ function makeSyncedMaps(_a) {
           hover: false
         });
       }
-    }, [setHoverInfo, setTooltips, hoverInfo]);
+      if (typeof baseMapProps.onMouseOut === 'function') {
+        baseMapProps.onMouseOut(event);
+      }
+    }, [setHoverInfo, setTooltips, hoverInfo, baseMapProps.onMouseOut]);
     //
     // Expose map instances
     //
@@ -1021,11 +1039,11 @@ function makeSyncedMaps(_a) {
           width: '100%',
           height: '100%'
         }),
-        onMove: onSyncMove,
-        onDragStart: onDragStart,
-        onDragEnd: onDragEnd,
+        onMove: syncedOnMove,
+        onDragStart: syncedOnDragStart,
+        onDragEnd: syncedOnDragEnd,
         onMouseMove: function onMouseMove(event) {
-          return _onMouseMove(index, event);
+          return syncedOnMouseMove(event, index);
         },
         //
         // There is no notion of mouseenter/mouseleave
@@ -1036,7 +1054,7 @@ function makeSyncedMaps(_a) {
         // https://github.com/mapbox/mapbox-gl-js/issues/10594
         // https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/MapEventType/#mouseout
         //
-        onMouseOut: onMouseOut
+        onMouseOut: syncedOnMouseOut
       })));
     }), children);
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioro/react-maplibre-util",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/index.mjs",