@lugg/maps 0.2.0-alpha.10 → 0.2.0-alpha.12

package/lib/module/MapIdContext.web.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext, useContext } from 'react';
+export const MapIdContext = /*#__PURE__*/createContext(null);
+export const useMapId = () => useContext(MapIdContext);
+//# sourceMappingURL=MapIdContext.web.js.map

package/lib/module/MapIdContext.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","MapIdContext","useMapId"],"sourceRoot":"../../src","sources":["MapIdContext.web.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAEjD,OAAO,MAAMC,YAAY,gBAAGF,aAAa,CAAgB,IAAI,CAAC;AAE9D,OAAO,MAAMG,QAAQ,GAAGA,CAAA,KAAMF,UAAU,CAACC,YAAY,CAAC","ignoreList":[]}

package/lib/module/MapView.web.js

@@ -1,12 +1,12 @@
 "use strict";
 
-import { Children, Component, isValidElement, useEffect, useRef, useState } from 'react';
+import { Children, forwardRef, isValidElement, useEffect, useId, useImperativeHandle, useRef, useState } from 'react';
 import { View } from 'react-native';
 import { Map, useMap } from '@vis.gl/react-google-maps';
 import { Marker } from "./components/Marker.web.js";
 import { Polyline } from "./components/Polyline.web.js";
+import { MapIdContext } from "./MapIdContext.web.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Map-specific component types that render inside the Google Map
 const MAP_COMPONENT_TYPES = new Set([Marker, Polyline]);
 const isMapComponent = child => MAP_COMPONENT_TYPES.has(child.type);
 const createSyntheticEvent = nativeEvent => ({
@@ -70,22 +70,87 @@ function UserLocationMarker({
     })
   });
 }
-function MapController({
-  onMapReady,
-  onCameraMove,
-  onCameraIdle,
-  onReady
-}) {
-  const map = useMap();
+export const MapView = /*#__PURE__*/forwardRef(function MapView(props, ref) {
+  const {
+    mapId = 'DEMO_MAP_ID',
+    initialCoordinate,
+    initialZoom = 10,
+    minZoom,
+    maxZoom,
+    zoomEnabled = true,
+    scrollEnabled = true,
+    pitchEnabled = true,
+    padding,
+    userLocationEnabled,
+    onCameraMove,
+    onCameraIdle,
+    onReady,
+    children,
+    style
+  } = props;
+  const id = useId();
+  const map = useMap(id);
   const readyFired = useRef(false);
+  useImperativeHandle(ref, () => ({
+    moveCamera(coordinate, options) {
+      if (!map) return;
+      const {
+        zoom,
+        duration = -1
+      } = options;
+      const center = {
+        lat: coordinate.latitude,
+        lng: coordinate.longitude
+      };
+      if (duration === 0) {
+        map.moveCamera({
+          center,
+          zoom
+        });
+      } else {
+        const currentZoom = map.getZoom();
+        const zoomChanged = zoom !== undefined && zoom !== currentZoom;
+        if (zoomChanged) {
+          map.setZoom(zoom);
+        }
+        map.panTo(center);
+      }
+    },
+    fitCoordinates(coordinates, options) {
+      const first = coordinates[0];
+      if (!map || !first) return;
+      const {
+        padding: fitPadding,
+        duration = -1
+      } = options ?? {};
+      if (coordinates.length === 1) {
+        this.moveCamera(first, {
+          zoom: initialZoom,
+          duration
+        });
+        return;
+      }
+      const bounds = new google.maps.LatLngBounds();
+      coordinates.forEach(coord => {
+        bounds.extend({
+          lat: coord.latitude,
+          lng: coord.longitude
+        });
+      });
+      map.fitBounds(bounds, {
+        top: fitPadding?.top ?? 0,
+        left: fitPadding?.left ?? 0,
+        bottom: fitPadding?.bottom ?? 0,
+        right: fitPadding?.right ?? 0
+      });
+    }
+  }), [map, initialZoom]);
   useEffect(() => {
-    if (!map) return;
-    onMapReady(map);
-    if (!readyFired.current) {
+    if (map && !readyFired.current) {
       readyFired.current = true;
       onReady?.();
     }
-  }, [map, onMapReady, onReady]);
+  }, [map, onReady]);
   useEffect(() => {
     if (!map) return;
     const createPayload = gesture => {
@@ -100,8 +165,10 @@ function MapController({
       };
     };
     let isDragging = false;
+    let wasGesture = false;
     const dragStartListener = map.addListener('dragstart', () => {
       isDragging = true;
+      wasGesture = true;
     });
     const dragEndListener = map.addListener('dragend', () => {
       isDragging = false;
@@ -110,7 +177,8 @@ function MapController({
       onCameraMove?.(createSyntheticEvent(createPayload(isDragging)));
     });
     const idleListener = map.addListener('idle', () => {
-      onCameraIdle?.(createSyntheticEvent(createPayload(false)));
+      onCameraIdle?.(createSyntheticEvent(createPayload(wasGesture)));
+      wasGesture = false;
     });
     return () => {
       google.maps.event.removeListener(dragStartListener);
@@ -119,148 +187,55 @@ function MapController({
       google.maps.event.removeListener(idleListener);
     };
   }, [map, onCameraMove, onCameraIdle]);
-  return null;
-}
-export class MapView extends Component {
-  static defaultProps = {
-    provider: 'google',
-    mapId: 'DEMO_MAP_ID',
-    initialZoom: 10,
-    zoomEnabled: true,
-    scrollEnabled: true,
-    rotateEnabled: true,
-    pitchEnabled: true
-  };
-  mapInstance = null;
-  handleMapReady = map => {
-    this.mapInstance = map;
-  };
-  moveCamera(coordinate, options) {
-    const map = this.mapInstance;
-    if (!map) return;
-    const {
-      zoom,
-      duration = -1
-    } = options;
-    const center = {
-      lat: coordinate.latitude,
-      lng: coordinate.longitude
-    };
-    if (duration === 0) {
-      map.moveCamera({
-        center,
-        zoom
-      });
+  const gestureHandling = scrollEnabled === false && zoomEnabled === false ? 'none' : scrollEnabled === false ? 'none' : 'auto';
+  const defaultCenter = initialCoordinate ? {
+    lat: initialCoordinate.latitude,
+    lng: initialCoordinate.longitude
+  } : undefined;
+  const mapChildren = [];
+  const overlayChildren = [];
+  Children.forEach(children, child => {
+    if (! /*#__PURE__*/isValidElement(child)) return;
+    if (isMapComponent(child)) {
+      mapChildren.push(child);
     } else {
-      const currentZoom = map.getZoom();
-      const zoomChanged = zoom !== undefined && zoom !== currentZoom;
-      if (zoomChanged) {
-        map.setZoom(zoom);
-      }
-      map.panTo(center);
-    }
-  }
-  fitCoordinates(coordinates, options) {
-    const map = this.mapInstance;
-    const first = coordinates[0];
-    if (!map || !first) return;
-    const {
-      padding,
-      duration = -1
-    } = options ?? {};
-    if (coordinates.length === 1) {
-      const zoom = this.props.initialZoom ?? 10;
-      this.moveCamera(first, {
-        zoom,
-        duration
-      });
-      return;
+      overlayChildren.push(child);
     }
-    const bounds = new google.maps.LatLngBounds();
-    coordinates.forEach(coord => {
-      bounds.extend({
-        lat: coord.latitude,
-        lng: coord.longitude
-      });
-    });
-    map.fitBounds(bounds, {
-      top: padding?.top ?? 0,
-      left: padding?.left ?? 0,
-      bottom: padding?.bottom ?? 0,
-      right: padding?.right ?? 0
-    });
-  }
-  render() {
-    const {
-      mapId,
-      initialCoordinate,
-      initialZoom,
-      minZoom,
-      maxZoom,
-      zoomEnabled,
-      scrollEnabled,
-      pitchEnabled,
-      padding,
-      userLocationEnabled,
-      onCameraMove,
-      onCameraIdle,
-      onReady,
-      children,
-      style
-    } = this.props;
-    const gestureHandling = scrollEnabled === false && zoomEnabled === false ? 'none' : scrollEnabled === false ? 'none' : 'auto';
-    const defaultCenter = initialCoordinate ? {
-      lat: initialCoordinate.latitude,
-      lng: initialCoordinate.longitude
-    } : undefined;
-
-    // Separate map children (Marker, Polyline) from overlay children (regular Views)
-    const mapChildren = [];
-    const overlayChildren = [];
-    Children.forEach(children, child => {
-      if (! /*#__PURE__*/isValidElement(child)) return;
-      if (isMapComponent(child)) {
-        mapChildren.push(child);
-      } else {
-        overlayChildren.push(child);
-      }
-    });
-    const mapContainerStyle = {
-      position: 'absolute',
-      top: padding?.top ?? 0,
-      left: padding?.left ?? 0,
-      right: padding?.right ?? 0,
-      bottom: padding?.bottom ?? 0
-    };
-    const mapStyle = {
-      width: '100%',
-      height: '100%'
-    };
-    return /*#__PURE__*/_jsxs(View, {
-      style: style,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: mapContainerStyle,
-        children: /*#__PURE__*/_jsxs(Map, {
-          mapId: mapId,
-          defaultCenter: defaultCenter,
-          defaultZoom: initialZoom,
-          minZoom: minZoom,
-          maxZoom: maxZoom,
-          gestureHandling: gestureHandling,
-          disableDefaultUI: true,
-          tilt: pitchEnabled === false ? 0 : undefined,
-          style: mapStyle,
-          children: [/*#__PURE__*/_jsx(MapController, {
-            onMapReady: this.handleMapReady,
-            onCameraMove: onCameraMove,
-            onCameraIdle: onCameraIdle,
-            onReady: onReady
-          }), /*#__PURE__*/_jsx(UserLocationMarker, {
+  });
+  const mapContainerStyle = {
+    position: 'absolute',
+    top: padding?.top ?? 0,
+    left: padding?.left ?? 0,
+    right: padding?.right ?? 0,
+    bottom: padding?.bottom ?? 0
+  };
+  const mapStyle = {
+    width: '100%',
+    height: '100%'
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: style,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: mapContainerStyle,
+      children: /*#__PURE__*/_jsx(Map, {
+        id: id,
+        mapId: mapId,
+        defaultCenter: defaultCenter,
+        defaultZoom: initialZoom,
+        minZoom: minZoom,
+        maxZoom: maxZoom,
+        gestureHandling: gestureHandling,
+        disableDefaultUI: true,
+        tilt: pitchEnabled === false ? 0 : undefined,
+        style: mapStyle,
+        children: /*#__PURE__*/_jsxs(MapIdContext.Provider, {
+          value: id,
+          children: [/*#__PURE__*/_jsx(UserLocationMarker, {
             enabled: userLocationEnabled
           }), mapChildren]
         })
-      }), overlayChildren]
-    });
-  }
-}
+      })
+    }), overlayChildren]
+  });
+});
 //# sourceMappingURL=MapView.web.js.map

package/lib/module/MapView.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","Component","isValidElement","useEffect","useRef","useState","View","Map","useMap","Marker","Polyline","jsx","_jsx","jsxs","_jsxs","MAP_COMPONENT_TYPES","Set","isMapComponent","child","has","type","createSyntheticEvent","nativeEvent","currentTarget","target","bubbles","cancelable","defaultPrevented","eventPhase","isTrusted","preventDefault","stopPropagation","isDefaultPrevented","isPropagationStopped","persist","timeStamp","Date","now","userLocationDotStyle","width","height","backgroundColor","border","borderRadius","boxShadow","UserLocationMarker","enabled","coordinate","setCoordinate","watchId","updateLocation","position","latitude","coords","longitude","navigator","geolocation","getCurrentPosition","watchPosition","clearWatch","anchor","x","y","children","style","MapController","onMapReady","onCameraMove","onCameraIdle","onReady","map","readyFired","current","createPayload","gesture","center","getCenter","lat","lng","zoom","getZoom","isDragging","dragStartListener","addListener","dragEndListener","centerListener","idleListener","google","maps","event","removeListener","MapView","defaultProps","provider","mapId","initialZoom","zoomEnabled","scrollEnabled","rotateEnabled","pitchEnabled","mapInstance","handleMapReady","moveCamera","options","duration","currentZoom","zoomChanged","undefined","setZoom","panTo","fitCoordinates","coordinates","first","padding","length","props","bounds","LatLngBounds","forEach","coord","extend","fitBounds","top","left","bottom","right","render","initialCoordinate","minZoom","maxZoom","userLocationEnabled","gestureHandling","defaultCenter","mapChildren","overlayChildren","push","mapContainerStyle","mapStyle","defaultZoom","disableDefaultUI","tilt"],"sourceRoot":"../../src","sources":["MapView.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","forwardRef","isValidElement","useEffect","useId","useImperativeHandle","useRef","useState","View","Map","useMap","Marker","Polyline","MapIdContext","jsx","_jsx","jsxs","_jsxs","MAP_COMPONENT_TYPES","Set","isMapComponent","child","has","type","createSyntheticEvent","nativeEvent","currentTarget","target","bubbles","cancelable","defaultPrevented","eventPhase","isTrusted","preventDefault","stopPropagation","isDefaultPrevented","isPropagationStopped","persist","timeStamp","Date","now","userLocationDotStyle","width","height","backgroundColor","border","borderRadius","boxShadow","UserLocationMarker","enabled","coordinate","setCoordinate","watchId","updateLocation","position","latitude","coords","longitude","navigator","geolocation","getCurrentPosition","watchPosition","clearWatch","anchor","x","y","children","style","MapView","props","ref","mapId","initialCoordinate","initialZoom","minZoom","maxZoom","zoomEnabled","scrollEnabled","pitchEnabled","padding","userLocationEnabled","onCameraMove","onCameraIdle","onReady","id","map","readyFired","moveCamera","options","zoom","duration","center","lat","lng","currentZoom","getZoom","zoomChanged","undefined","setZoom","panTo","fitCoordinates","coordinates","first","fitPadding","length","bounds","google","maps","LatLngBounds","forEach","coord","extend","fitBounds","top","left","bottom","right","current","createPayload","gesture","getCenter","isDragging","wasGesture","dragStartListener","addListener","dragEndListener","centerListener","idleListener","event","removeListener","gestureHandling","defaultCenter","mapChildren","overlayChildren","push","mapContainerStyle","mapStyle","defaultZoom","disableDefaultUI","tilt","Provider","value"],"sourceRoot":"../../src","sources":["MapView.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Marker.web.js

@@ -1,34 +1,25 @@
 "use strict";
 
-import React from 'react';
 import { AdvancedMarker } from '@vis.gl/react-google-maps';
 import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Converts point to % anchor for web.
- * e.g. `0.5` to `-50%`
- */
 const toWebAnchor = value => `-${value * 100}%`;
-export class Marker extends React.Component {
-  render() {
-    const {
-      coordinate,
-      title,
-      anchor,
-      zIndex,
-      children
-    } = this.props;
-    const position = {
+export function Marker({
+  coordinate,
+  title,
+  anchor,
+  zIndex,
+  children
+}) {
+  return /*#__PURE__*/_jsx(AdvancedMarker, {
+    position: {
       lat: coordinate.latitude,
       lng: coordinate.longitude
-    };
-    return /*#__PURE__*/_jsx(AdvancedMarker, {
-      position: position,
-      title: title,
-      zIndex: zIndex,
-      anchorLeft: anchor ? toWebAnchor(anchor.x) : undefined,
-      anchorTop: anchor ? toWebAnchor(anchor.y) : undefined,
-      children: children
-    });
-  }
+    },
+    title: title,
+    zIndex: zIndex,
+    anchorLeft: anchor ? toWebAnchor(anchor.x) : undefined,
+    anchorTop: anchor ? toWebAnchor(anchor.y) : undefined,
+    children: children
+  });
 }
 //# sourceMappingURL=Marker.web.js.map

package/lib/module/components/Marker.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","AdvancedMarker","jsx","_jsx","toWebAnchor","value","Marker","Component","render","coordinate","title","anchor","zIndex","children","props","position","lat","latitude","lng","longitude","anchorLeft","x","undefined","anchorTop","y"],"sourceRoot":"../../../src","sources":["components/Marker.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3D;AACA;AACA;AACA;AACA,MAAMC,WAAW,GAAIC,KAAa,IAAK,IAAIA,KAAK,GAAG,GAAG,GAAG;AAEzD,OAAO,MAAMC,MAAM,SAASN,KAAK,CAACO,SAAS,CAAc;EACvDC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,UAAU;MAAEC,KAAK;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAElE,MAAMC,QAAQ,GAAG;MACfC,GAAG,EAAEP,UAAU,CAACQ,QAAQ;MACxBC,GAAG,EAAET,UAAU,CAACU;IAClB,CAAC;IAED,oBACEhB,IAAA,CAACF,cAAc;MACbc,QAAQ,EAAEA,QAAS;MACnBL,KAAK,EAAEA,KAAM;MACbE,MAAM,EAAEA,MAAO;MACfQ,UAAU,EAAET,MAAM,GAAGP,WAAW,CAACO,MAAM,CAACU,CAAC,CAAC,GAAGC,SAAU;MACvDC,SAAS,EAAEZ,MAAM,GAAGP,WAAW,CAACO,MAAM,CAACa,CAAC,CAAC,GAAGF,SAAU;MAAAT,QAAA,EAErDA;IAAQ,CACK,CAAC;EAErB;AACF","ignoreList":[]}
+{"version":3,"names":["AdvancedMarker","jsx","_jsx","toWebAnchor","value","Marker","coordinate","title","anchor","zIndex","children","position","lat","latitude","lng","longitude","anchorLeft","x","undefined","anchorTop","y"],"sourceRoot":"../../../src","sources":["components/Marker.web.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG3D,MAAMC,WAAW,GAAIC,KAAa,IAAK,IAAIA,KAAK,GAAG,GAAG,GAAG;AAEzD,OAAO,SAASC,MAAMA,CAAC;EACrBC,UAAU;EACVC,KAAK;EACLC,MAAM;EACNC,MAAM;EACNC;AACW,CAAC,EAAE;EACd,oBACER,IAAA,CAACF,cAAc;IACbW,QAAQ,EAAE;MAAEC,GAAG,EAAEN,UAAU,CAACO,QAAQ;MAAEC,GAAG,EAAER,UAAU,CAACS;IAAU,CAAE;IAClER,KAAK,EAAEA,KAAM;IACbE,MAAM,EAAEA,MAAO;IACfO,UAAU,EAAER,MAAM,GAAGL,WAAW,CAACK,MAAM,CAACS,CAAC,CAAC,GAAGC,SAAU;IACvDC,SAAS,EAAEX,MAAM,GAAGL,WAAW,CAACK,MAAM,CAACY,CAAC,CAAC,GAAGF,SAAU;IAAAR,QAAA,EAErDA;EAAQ,CACK,CAAC;AAErB","ignoreList":[]}

package/lib/module/components/Polyline.web.js

@@ -1,8 +1,8 @@
 "use strict";
 
-import { Component, useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useMap } from '@vis.gl/react-google-maps';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { useMapId } from "../MapIdContext.web.js";
 const ANIMATION_DURATION = 1500;
 function interpolateColor(color1, color2, t) {
   const hex = c => parseInt(c, 16);
@@ -26,7 +26,7 @@ function getGradientColor(colors, position) {
   const t = scaledPos - index;
   return interpolateColor(colors[index], colors[index + 1], t);
 }
-function PolylineImpl({
+export function Polyline({
   coordinates,
   strokeColors,
   strokeWidth = 1,
@@ -34,7 +34,8 @@ function PolylineImpl({
   zIndex
 }) {
   const resolvedZIndex = zIndex ?? (animated ? 1 : 0);
-  const map = useMap();
+  const mapId = useMapId();
+  const map = useMap(mapId);
   const polylinesRef = useRef([]);
   const animationRef = useRef(0);
   const colors = useMemo(() => strokeColors && strokeColors.length > 0 ? strokeColors : ['#000000'], [strokeColors]);
@@ -167,11 +168,4 @@ function PolylineImpl({
   }, [coordinates, animated, hasGradient, updatePath, mapReady]);
   return null;
 }
-export class Polyline extends Component {
-  render() {
-    return /*#__PURE__*/_jsx(PolylineImpl, {
-      ...this.props
-    });
-  }
-}
 //# sourceMappingURL=Polyline.web.js.map

package/lib/module/components/Polyline.web.js.map

@@ -1 +1 @@
-{"version":3,"names":["Component","useCallback","useEffect","useMemo","useRef","useState","useMap","jsx","_jsx","ANIMATION_DURATION","interpolateColor","color1","color2","t","hex","c","parseInt","r1","slice","g1","b1","r2","g2","b2","r","Math","round","g","b","toString","padStart","getGradientColor","colors","position","length","scaledPos","index","floor","PolylineImpl","coordinates","strokeColors","strokeWidth","animated","zIndex","resolvedZIndex","map","polylinesRef","animationRef","hasGradient","propsRef","mapReady","setMapReady","current","updatePath","path","currentMap","currentColors","currentStrokeWidth","currentHasGradient","currentZIndex","neededSegments","existing","i","segmentPath","color","segment","setPath","setOptions","strokeColor","push","google","maps","Polyline","strokeWeight","strokeOpacity","setMap","polylines","cancelAnimationFrame","forEach","p","fullPath","lat","latitude","lng","longitude","totalPoints","cycleDuration","animate","time","progress","startIdx","endIdx","partialPath","startFloor","endFloor","frac","from","to","min","requestAnimationFrame","render","props"],"sourceRoot":"../../../src","sources":["components/Polyline.web.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","useRef","useState","useMap","useMapId","ANIMATION_DURATION","interpolateColor","color1","color2","t","hex","c","parseInt","r1","slice","g1","b1","r2","g2","b2","r","Math","round","g","b","toString","padStart","getGradientColor","colors","position","length","scaledPos","index","floor","Polyline","coordinates","strokeColors","strokeWidth","animated","zIndex","resolvedZIndex","mapId","map","polylinesRef","animationRef","hasGradient","propsRef","mapReady","setMapReady","current","updatePath","path","currentMap","currentColors","currentStrokeWidth","currentHasGradient","currentZIndex","neededSegments","existing","i","segmentPath","color","segment","setPath","setOptions","strokeColor","push","google","maps","strokeWeight","strokeOpacity","setMap","polylines","cancelAnimationFrame","forEach","p","fullPath","lat","latitude","lng","longitude","totalPoints","cycleDuration","animate","time","progress","startIdx","endIdx","partialPath","startFloor","endFloor","frac","from","to","min","requestAnimationFrame"],"sourceRoot":"../../../src","sources":["components/Polyline.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/MapIdContext.web.d.ts

@@ -0,0 +1,3 @@
+export declare const MapIdContext: import("react").Context<string | null>;
+export declare const useMapId: () => string | null;
+//# sourceMappingURL=MapIdContext.web.d.ts.map

package/lib/typescript/src/MapIdContext.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapIdContext.web.d.ts","sourceRoot":"","sources":["../../../src/MapIdContext.web.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,wCAAqC,CAAC;AAE/D,eAAO,MAAM,QAAQ,qBAAiC,CAAC"}

package/lib/typescript/src/MapView.web.d.ts

@@ -1,12 +1,3 @@
-import { Component } from 'react';
-import type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions } from './MapView.types';
-import type { Coordinate } from './types';
-export declare class MapView extends Component<MapViewProps> implements MapViewRef {
-    static defaultProps: Partial<MapViewProps>;
-    private mapInstance;
-    private handleMapReady;
-    moveCamera(coordinate: Coordinate, options: MoveCameraOptions): void;
-    fitCoordinates(coordinates: Coordinate[], options?: FitCoordinatesOptions): void;
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+import type { MapViewProps, MapViewRef } from './MapView.types';
+export declare const MapView: import("react").ForwardRefExoticComponent<MapViewProps & import("react").RefAttributes<MapViewRef>>;
 //# sourceMappingURL=MapView.web.d.ts.map

package/lib/typescript/src/MapView.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapView.web.d.ts","sourceRoot":"","sources":["../../../src/MapView.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAQV,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EAEtB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAmJ1C,qBAAa,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAE,YAAW,UAAU;IACxE,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,YAAY,CAAC,CAQxC;IAEF,OAAO,CAAC,WAAW,CAAgC;IAEnD,OAAO,CAAC,cAAc,CAEpB;IAEF,UAAU,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,iBAAiB;IAoB7D,cAAc,CAAC,WAAW,EAAE,UAAU,EAAE,EAAE,OAAO,CAAC,EAAE,qBAAqB;IA0BzE,MAAM;CAoFP"}
+{"version":3,"file":"MapView.web.d.ts","sourceRoot":"","sources":["../../../src/MapView.web.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,YAAY,EACZ,UAAU,EAIX,MAAM,iBAAiB,CAAC;AAyEzB,eAAO,MAAM,OAAO,qGA6LlB,CAAC"}

package/lib/typescript/src/components/Marker.web.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
 import type { MarkerProps } from './Marker';
-export declare class Marker extends React.Component<MarkerProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare function Marker({ coordinate, title, anchor, zIndex, children, }: MarkerProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Marker.web.d.ts.map

package/lib/typescript/src/components/Marker.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Marker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Marker.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAQ5C,qBAAa,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IACtD,MAAM;CAoBP"}
+{"version":3,"file":"Marker.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Marker.web.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,wBAAgB,MAAM,CAAC,EACrB,UAAU,EACV,KAAK,EACL,MAAM,EACN,MAAM,EACN,QAAQ,GACT,EAAE,WAAW,2CAYb"}

package/lib/typescript/src/components/Polyline.web.d.ts

@@ -1,6 +1,3 @@
-import { Component } from 'react';
 import type { PolylineProps } from './Polyline';
-export declare class Polyline extends Component<PolylineProps> {
-    render(): import("react/jsx-runtime").JSX.Element;
-}
+export declare function Polyline({ coordinates, strokeColors, strokeWidth, animated, zIndex, }: PolylineProps): null;
 //# sourceMappingURL=Polyline.web.d.ts.map

package/lib/typescript/src/components/Polyline.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Polyline.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.web.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAgNhD,qBAAa,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IACpD,MAAM;CAGP"}
+{"version":3,"file":"Polyline.web.d.ts","sourceRoot":"","sources":["../../../../src/components/Polyline.web.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAkChD,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,YAAY,EACZ,WAAe,EACf,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,QAuKf"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lugg/maps",
-  "version": "0.2.0-alpha.10",
+  "version": "0.2.0-alpha.12",
   "description": "Universal maps for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/MapIdContext.web.ts

@@ -0,0 +1,5 @@
+import { createContext, useContext } from 'react';
+
+export const MapIdContext = createContext<string | null>(null);
+
+export const useMapId = () => useContext(MapIdContext);

package/src/MapView.web.tsx

@@ -1,8 +1,10 @@
 import {
   Children,
-  Component,
+  forwardRef,
   isValidElement,
   useEffect,
+  useId,
+  useImperativeHandle,
   useRef,
   useState,
   type CSSProperties,
@@ -14,6 +16,7 @@ import { View } from 'react-native';
 import { Map, useMap } from '@vis.gl/react-google-maps';
 import { Marker } from './components/Marker.web';
 import { Polyline } from './components/Polyline.web';
+import { MapIdContext } from './MapIdContext.web';
 
 import type {
   MapViewProps,
@@ -24,7 +27,6 @@ import type {
 } from './MapView.types';
 import type { Coordinate } from './types';
 
-// Map-specific component types that render inside the Google Map
 const MAP_COMPONENT_TYPES = new Set([Marker, Polyline]);
 
 const isMapComponent = (child: ReactElement): boolean =>
@@ -49,17 +51,6 @@ const createSyntheticEvent = <T,>(nativeEvent: T): NativeSyntheticEvent<T> =>
     type: '',
   } as unknown as NativeSyntheticEvent<T>);
 
-interface MapControllerProps {
-  onMapReady: (map: google.maps.Map) => void;
-  onCameraMove?: (event: NativeSyntheticEvent<CameraEventPayload>) => void;
-  onCameraIdle?: (event: NativeSyntheticEvent<CameraEventPayload>) => void;
-  onReady?: () => void;
-}
-
-interface UserLocationMarkerProps {
-  enabled?: boolean;
-}
-
 const userLocationDotStyle: CSSProperties = {
   width: 16,
   height: 16,
@@ -69,7 +60,7 @@ const userLocationDotStyle: CSSProperties = {
   boxShadow: '0 1px 4px rgba(0,0,0,0.3)',
 };
 
-function UserLocationMarker({ enabled }: UserLocationMarkerProps) {
+function UserLocationMarker({ enabled }: { enabled?: boolean }) {
   const [coordinate, setCoordinate] = useState<Coordinate | null>(null);
 
   useEffect(() => {
@@ -106,24 +97,90 @@ function UserLocationMarker({ enabled }: UserLocationMarkerProps) {
   );
 }
 
-function MapController({
-  onMapReady,
-  onCameraMove,
-  onCameraIdle,
-  onReady,
-}: MapControllerProps) {
-  const map = useMap();
+export const MapView = forwardRef<MapViewRef, MapViewProps>(function MapView(
+  props,
+  ref
+) {
+  const {
+    mapId = 'DEMO_MAP_ID',
+    initialCoordinate,
+    initialZoom = 10,
+    minZoom,
+    maxZoom,
+    zoomEnabled = true,
+    scrollEnabled = true,
+    pitchEnabled = true,
+    padding,
+    userLocationEnabled,
+    onCameraMove,
+    onCameraIdle,
+    onReady,
+    children,
+    style,
+  } = props;
+
+  const id = useId();
+  const map = useMap(id);
   const readyFired = useRef(false);
 
-  useEffect(() => {
-    if (!map) return;
-    onMapReady(map);
+  useImperativeHandle(
+    ref,
+    () => ({
+      moveCamera(coordinate: Coordinate, options: MoveCameraOptions) {
+        if (!map) return;
+
+        const { zoom, duration = -1 } = options;
+        const center = { lat: coordinate.latitude, lng: coordinate.longitude };
+
+        if (duration === 0) {
+          map.moveCamera({ center, zoom });
+        } else {
+          const currentZoom = map.getZoom();
+          const zoomChanged = zoom !== undefined && zoom !== currentZoom;
+
+          if (zoomChanged) {
+            map.setZoom(zoom);
+          }
+          map.panTo(center);
+        }
+      },
+
+      fitCoordinates(
+        coordinates: Coordinate[],
+        options?: FitCoordinatesOptions
+      ) {
+        const first = coordinates[0];
+        if (!map || !first) return;
+
+        const { padding: fitPadding, duration = -1 } = options ?? {};
+
+        if (coordinates.length === 1) {
+          this.moveCamera(first, { zoom: initialZoom, duration });
+          return;
+        }
+
+        const bounds = new google.maps.LatLngBounds();
+        coordinates.forEach((coord) => {
+          bounds.extend({ lat: coord.latitude, lng: coord.longitude });
+        });
+
+        map.fitBounds(bounds, {
+          top: fitPadding?.top ?? 0,
+          left: fitPadding?.left ?? 0,
+          bottom: fitPadding?.bottom ?? 0,
+          right: fitPadding?.right ?? 0,
+        });
+      },
+    }),
+    [map, initialZoom]
+  );
 
-    if (!readyFired.current) {
+  useEffect(() => {
+    if (map && !readyFired.current) {
       readyFired.current = true;
       onReady?.();
     }
-  }, [map, onMapReady, onReady]);
+  }, [map, onReady]);
 
   useEffect(() => {
     if (!map) return;
@@ -141,9 +198,11 @@ function MapController({
     };
 
     let isDragging = false;
+    let wasGesture = false;
 
     const dragStartListener = map.addListener('dragstart', () => {
       isDragging = true;
+      wasGesture = true;
     });
 
     const dragEndListener = map.addListener('dragend', () => {
@@ -155,7 +214,8 @@ function MapController({
     });
 
     const idleListener = map.addListener('idle', () => {
-      onCameraIdle?.(createSyntheticEvent(createPayload(false)));
+      onCameraIdle?.(createSyntheticEvent(createPayload(wasGesture)));
+      wasGesture = false;
     });
 
     return () => {
@@ -166,154 +226,64 @@ function MapController({
     };
   }, [map, onCameraMove, onCameraIdle]);
 
-  return null;
-}
-
-export class MapView extends Component<MapViewProps> implements MapViewRef {
-  static defaultProps: Partial<MapViewProps> = {
-    provider: 'google',
-    mapId: 'DEMO_MAP_ID',
-    initialZoom: 10,
-    zoomEnabled: true,
-    scrollEnabled: true,
-    rotateEnabled: true,
-    pitchEnabled: true,
-  };
+  const gestureHandling =
+    scrollEnabled === false && zoomEnabled === false
+      ? 'none'
+      : scrollEnabled === false
+      ? 'none'
+      : 'auto';
 
-  private mapInstance: google.maps.Map | null = null;
+  const defaultCenter = initialCoordinate
+    ? { lat: initialCoordinate.latitude, lng: initialCoordinate.longitude }
+    : undefined;
 
-  private handleMapReady = (map: google.maps.Map) => {
-    this.mapInstance = map;
-  };
-
-  moveCamera(coordinate: Coordinate, options: MoveCameraOptions) {
-    const map = this.mapInstance;
-    if (!map) return;
+  const mapChildren: ReactNode[] = [];
+  const overlayChildren: ReactNode[] = [];
 
-    const { zoom, duration = -1 } = options;
-    const center = { lat: coordinate.latitude, lng: coordinate.longitude };
-
-    if (duration === 0) {
-      map.moveCamera({ center, zoom });
+  Children.forEach(children, (child) => {
+    if (!isValidElement(child)) return;
+    if (isMapComponent(child)) {
+      mapChildren.push(child);
     } else {
-      const currentZoom = map.getZoom();
-      const zoomChanged = zoom !== undefined && zoom !== currentZoom;
-
-      if (zoomChanged) {
-        map.setZoom(zoom);
-      }
-      map.panTo(center);
-    }
-  }
-
-  fitCoordinates(coordinates: Coordinate[], options?: FitCoordinatesOptions) {
-    const map = this.mapInstance;
-    const first = coordinates[0];
-    if (!map || !first) return;
-
-    const { padding, duration = -1 } = options ?? {};
-
-    if (coordinates.length === 1) {
-      const zoom = this.props.initialZoom ?? 10;
-      this.moveCamera(first, { zoom, duration });
-      return;
+      overlayChildren.push(child);
     }
+  });
+
+  const mapContainerStyle: ViewStyle = {
+    position: 'absolute',
+    top: padding?.top ?? 0,
+    left: padding?.left ?? 0,
+    right: padding?.right ?? 0,
+    bottom: padding?.bottom ?? 0,
+  };
 
-    const bounds = new google.maps.LatLngBounds();
-    coordinates.forEach((coord) => {
-      bounds.extend({ lat: coord.latitude, lng: coord.longitude });
-    });
-
-    map.fitBounds(bounds, {
-      top: padding?.top ?? 0,
-      left: padding?.left ?? 0,
-      bottom: padding?.bottom ?? 0,
-      right: padding?.right ?? 0,
-    });
-  }
-
-  render() {
-    const {
-      mapId,
-      initialCoordinate,
-      initialZoom,
-      minZoom,
-      maxZoom,
-      zoomEnabled,
-      scrollEnabled,
-      pitchEnabled,
-      padding,
-      userLocationEnabled,
-      onCameraMove,
-      onCameraIdle,
-      onReady,
-      children,
-      style,
-    } = this.props;
-
-    const gestureHandling =
-      scrollEnabled === false && zoomEnabled === false
-        ? 'none'
-        : scrollEnabled === false
-        ? 'none'
-        : 'auto';
-
-    const defaultCenter = initialCoordinate
-      ? { lat: initialCoordinate.latitude, lng: initialCoordinate.longitude }
-      : undefined;
-
-    // Separate map children (Marker, Polyline) from overlay children (regular Views)
-    const mapChildren: ReactNode[] = [];
-    const overlayChildren: ReactNode[] = [];
-
-    Children.forEach(children, (child) => {
-      if (!isValidElement(child)) return;
-      if (isMapComponent(child)) {
-        mapChildren.push(child);
-      } else {
-        overlayChildren.push(child);
-      }
-    });
-
-    const mapContainerStyle: ViewStyle = {
-      position: 'absolute',
-      top: padding?.top ?? 0,
-      left: padding?.left ?? 0,
-      right: padding?.right ?? 0,
-      bottom: padding?.bottom ?? 0,
-    };
-
-    const mapStyle: CSSProperties = {
-      width: '100%',
-      height: '100%',
-    };
+  const mapStyle: CSSProperties = {
+    width: '100%',
+    height: '100%',
+  };
 
-    return (
-      <View style={style}>
-        <View style={mapContainerStyle}>
-          <Map
-            mapId={mapId}
-            defaultCenter={defaultCenter}
-            defaultZoom={initialZoom}
-            minZoom={minZoom}
-            maxZoom={maxZoom}
-            gestureHandling={gestureHandling}
-            disableDefaultUI
-            tilt={pitchEnabled === false ? 0 : undefined}
-            style={mapStyle}
-          >
-            <MapController
-              onMapReady={this.handleMapReady}
-              onCameraMove={onCameraMove}
-              onCameraIdle={onCameraIdle}
-              onReady={onReady}
-            />
+  return (
+    <View style={style}>
+      <View style={mapContainerStyle}>
+        <Map
+          id={id}
+          mapId={mapId}
+          defaultCenter={defaultCenter}
+          defaultZoom={initialZoom}
+          minZoom={minZoom}
+          maxZoom={maxZoom}
+          gestureHandling={gestureHandling}
+          disableDefaultUI
+          tilt={pitchEnabled === false ? 0 : undefined}
+          style={mapStyle}
+        >
+          <MapIdContext.Provider value={id}>
             <UserLocationMarker enabled={userLocationEnabled} />
             {mapChildren}
-          </Map>
-        </View>
-        {overlayChildren}
+          </MapIdContext.Provider>
+        </Map>
       </View>
-    );
-  }
-}
+      {overlayChildren}
+    </View>
+  );
+});

package/src/components/Marker.web.tsx

@@ -1,32 +1,24 @@
-import React from 'react';
 import { AdvancedMarker } from '@vis.gl/react-google-maps';
 import type { MarkerProps } from './Marker';
 
-/**
- * Converts point to % anchor for web.
- * e.g. `0.5` to `-50%`
- */
 const toWebAnchor = (value: number) => `-${value * 100}%`;
 
-export class Marker extends React.Component<MarkerProps> {
-  render() {
-    const { coordinate, title, anchor, zIndex, children } = this.props;
-
-    const position = {
-      lat: coordinate.latitude,
-      lng: coordinate.longitude,
-    };
-
-    return (
-      <AdvancedMarker
-        position={position}
-        title={title}
-        zIndex={zIndex}
-        anchorLeft={anchor ? toWebAnchor(anchor.x) : undefined}
-        anchorTop={anchor ? toWebAnchor(anchor.y) : undefined}
-      >
-        {children}
-      </AdvancedMarker>
-    );
-  }
+export function Marker({
+  coordinate,
+  title,
+  anchor,
+  zIndex,
+  children,
+}: MarkerProps) {
+  return (
+    <AdvancedMarker
+      position={{ lat: coordinate.latitude, lng: coordinate.longitude }}
+      title={title}
+      zIndex={zIndex}
+      anchorLeft={anchor ? toWebAnchor(anchor.x) : undefined}
+      anchorTop={anchor ? toWebAnchor(anchor.y) : undefined}
+    >
+      {children}
+    </AdvancedMarker>
+  );
 }

package/src/components/Polyline.web.tsx

@@ -1,12 +1,6 @@
-import {
-  Component,
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useMap } from '@vis.gl/react-google-maps';
+import { useMapId } from '../MapIdContext.web';
 import type { PolylineProps } from './Polyline';
 
 const ANIMATION_DURATION = 1500;
@@ -41,7 +35,7 @@ function getGradientColor(colors: string[], position: number): string {
   return interpolateColor(colors[index]!, colors[index + 1]!, t);
 }
 
-function PolylineImpl({
+export function Polyline({
   coordinates,
   strokeColors,
   strokeWidth = 1,
@@ -49,7 +43,8 @@ function PolylineImpl({
   zIndex,
 }: PolylineProps) {
   const resolvedZIndex = zIndex ?? (animated ? 1 : 0);
-  const map = useMap();
+  const mapId = useMapId();
+  const map = useMap(mapId);
   const polylinesRef = useRef<google.maps.Polyline[]>([]);
   const animationRef = useRef<number>(0);
 
@@ -214,9 +209,3 @@ function PolylineImpl({
 
   return null;
 }
-
-export class Polyline extends Component<PolylineProps> {
-  render() {
-    return <PolylineImpl {...this.props} />;
-  }
-}