[feat] Add onMouseMove callback (#2317)

Signed-off-by: Ihor Dykhta <[email protected]> Co-authored-by: Ilija Puaca <[email protected]>
keplergl · Sep 18, 2023 · d28674e · d28674e
1 parent 66a6364
commit d28674e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/src/kepler-gl.tsx b/src/components/src/kepler-gl.tsx
@@ -174,6 +174,7 @@ export const mapFieldsSelector = (props: KeplerGLProps, index: number = 0) => ({
   mapStyle: props.mapStyle,
   onDeckInitialized: props.onDeckInitialized,
   onViewStateChange: props.onViewStateChange,
+  onMouseMove: props.onMouseMove,
   deckGlProps: props.deckGlProps,
   uiStateActions: props.uiStateActions,
   visStateActions: props.visStateActions,
@@ -335,6 +336,7 @@ type KeplerGLBasicProps = {
   deckGlProps?: object;
   onLoadCloudMapSuccess?: OnSuccessCallBack;
   onLoadCloudMapError?: OnErrorCallBack;
+  onMouseMove?: (event: React.MouseEvent & {lngLat?: [number, number]}) => void;
   onExportToCloudSuccess?: OnSuccessCallBack;
   onExportToCloudError?: OnErrorCallBack;
   readOnly?: boolean;

diff --git a/src/components/src/map-container.tsx b/src/components/src/map-container.tsx
@@ -308,6 +308,8 @@ export interface MapContainerProps {
 
   generateMapboxLayers?: typeof generateMapboxLayers;
   generateDeckGLLayers?: typeof computeDeckLayers;
+
+  onMouseMove?: (event: React.MouseEvent & {lngLat?: [number, number]}) => void;
 }
 
 export default function MapContainerFactory(
@@ -670,7 +672,8 @@ export default function MapContainerFactory(
         index,
         mapControls,
         theme,
-        generateDeckGLLayers
+        generateDeckGLLayers,
+        onMouseMove
       } = this.props;
 
       const {hoverInfo, editor} = visState;
@@ -755,8 +758,11 @@ export default function MapContainerFactory(
         <div
           onMouseMove={
             primaryMap
-              ? // @ts-expect-error should be deck viewport
-                event => this.props.visStateActions.onMouseMove(normalizeEvent(event, viewport))
+              ? event => {
+                  onMouseMove?.(event);
+                  // @ts-expect-error should be deck viewport
+                  this.props.visStateActions.onMouseMove(normalizeEvent(event, viewport));
+                }
               : undefined
           }
         >