@lugg/maps 1.0.0-beta.0 → 1.0.0-beta.10

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

@@ -2,14 +2,20 @@ export { MapView } from './MapView.web';
 export { MapProvider } from './MapProvider.web';
 export type { MapProviderProps } from './MapProvider.types';
 export { Marker } from './components/index.web';
-export type { MarkerProps } from './components/index.web';
+export type { CalloutOptions, MarkerProps } from './components/index.web';
 export { Polygon } from './components/index.web';
 export type { PolygonProps } from './components/index.web';
+export { Circle } from './components/index.web';
+export type { CircleProps } from './components/index.web';
 export { Polyline } from './components/index.web';
 export type { PolylineProps } from './components/index.web';
 export { GeoJson } from './components/index.web';
 export type { GeoJsonProps } from './components/index.web';
-export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, CameraEventPayload, } from './MapView.types';
+export { GroundOverlay } from './components/index.web';
+export type { GroundOverlayProps, GroundOverlayBounds, } from './components/index.web';
+export { TileOverlay } from './components/index.web';
+export type { TileOverlayProps, TileOverlayBounds, } from './components/index.web';
+export type { MapViewProps, MapViewRef, MoveCameraOptions, FitCoordinatesOptions, CameraEventPayload, MapType, PoiCategory, PoiFilter, } from './MapView.types';
 export type { MapProvider as MapProviderType, Coordinate, Point, EdgeInsets, } from './types';
-export type { GeoJSON, Feature, FeatureCollection, Geometry, Position, } from './components/GeoJson.types';
+export type { GeoJSON, Feature, FeatureCollection, FeatureProperties, Geometry, Position, } from './components/GeoJson.types';
 //# sourceMappingURL=index.web.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,UAAU,EACV,KAAK,EACL,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACT,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.web.d.ts","sourceRoot":"","sources":["../../../src/index.web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,YAAY,EACV,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,wBAAwB,CAAC;AAChC,YAAY,EACV,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,OAAO,EACP,WAAW,EACX,SAAS,GACV,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,WAAW,IAAI,eAAe,EAC9B,UAAU,EACV,KAAK,EACL,UAAU,GACX,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,OAAO,EACP,OAAO,EACP,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACT,MAAM,4BAA4B,CAAC"}

package/lib/typescript/src/types.d.ts

@@ -25,10 +25,6 @@ export interface EdgeInsets {
     bottom: number;
     right: number;
 }
-/**
- * Map theme
- */
-export type MapTheme = 'light' | 'dark' | 'system';
 /**
  * Press event payload
  */

package/lib/typescript/src/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,KAAK;IACpB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC;CACd"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lugg/maps",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.10",
   "description": "Universal maps for React Native.",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -147,9 +147,13 @@
       "componentProvider": {
         "LuggMapView": "LuggMapView",
         "LuggMarkerView": "LuggMarkerView",
+        "LuggCalloutView": "LuggCalloutView",
         "LuggMapWrapperView": "LuggMapWrapperView",
         "LuggPolylineView": "LuggPolylineView",
-        "LuggPolygonView": "LuggPolygonView"
+        "LuggPolygonView": "LuggPolygonView",
+        "LuggCircleView": "LuggCircleView",
+        "LuggGroundOverlayView": "LuggGroundOverlayView",
+        "LuggTileOverlayView": "LuggTileOverlayView"
       }
     }
   },

package/src/MapProvider.web.tsx

@@ -1,12 +1,24 @@
-import { createContext, useContext } from 'react';
+import { createContext, useContext, type MutableRefObject } from 'react';
 import { APIProvider } from '@vis.gl/react-google-maps';
 import type { MapProviderProps } from './MapProvider.types';
 
+type CalloutCloseListener = () => void;
+
+const defaultDraggingRef = { current: false };
+
 export const MapContext = createContext<{
   map: google.maps.Map | null;
-  isDragging: boolean;
+  isDraggingRef: MutableRefObject<boolean>;
   moveCamera: (coordinate: { latitude: number; longitude: number }) => void;
-}>({ map: null, isDragging: false, moveCamera: () => {} });
+  onCalloutClose: (listener: CalloutCloseListener) => () => void;
+  closeCallouts: (except?: CalloutCloseListener) => void;
+}>({
+  map: null,
+  isDraggingRef: defaultDraggingRef,
+  moveCamera: () => {},
+  onCalloutClose: () => () => {},
+  closeCallouts: () => {},
+});
 
 export const useMapContext = () => useContext(MapContext);
 

package/src/MapView.tsx

@@ -14,16 +14,18 @@ import type {
 import type { Coordinate, EdgeInsets } from './types';
 
 export class MapView
-  extends React.Component<MapViewProps>
+  extends React.PureComponent<MapViewProps>
   implements MapViewRef
 {
   static defaultProps: Partial<MapViewProps> = {
     provider: Platform.OS === 'ios' ? 'apple' : 'google',
+    mapType: 'standard',
     initialZoom: 10,
     zoomEnabled: true,
     scrollEnabled: true,
     rotateEnabled: true,
     pitchEnabled: true,
+    poiEnabled: true,
     theme: 'system',
   };
 
@@ -80,6 +82,7 @@ export class MapView
   render() {
     const {
       provider,
+      mapType,
       mapId,
       initialCoordinate,
       initialZoom,
@@ -92,7 +95,10 @@ export class MapView
       edgeInsets,
       userLocationEnabled,
       userLocationButtonEnabled,
+      poiEnabled,
+      poiFilter,
       theme,
+      insetAdjustment,
       onPress,
       onLongPress,
       onCameraMove,
@@ -107,6 +113,7 @@ export class MapView
         ref={this.nativeRef}
         {...rest}
         provider={provider}
+        mapType={mapType}
         mapId={mapId}
         initialCoordinate={initialCoordinate}
         initialZoom={initialZoom}
@@ -119,7 +126,11 @@ export class MapView
         edgeInsets={edgeInsets}
         userLocationEnabled={userLocationEnabled}
         userLocationButtonEnabled={userLocationButtonEnabled}
+        poiEnabled={poiEnabled}
+        poiFilterMode={poiFilter?.mode}
+        poiFilterCategories={poiFilter?.categories}
         theme={theme}
+        insetAdjustment={insetAdjustment}
         onMapPress={onPress}
         onMapLongPress={onLongPress}
         onCameraMove={onCameraMove}

package/src/MapView.types.ts

@@ -4,10 +4,104 @@ import type {
   MapProvider,
   Coordinate,
   EdgeInsets,
-  MapTheme,
   PressEventPayload,
 } from './types';
 
+export type MapType =
+  | 'standard'
+  | 'satellite'
+  | 'terrain'
+  | 'hybrid'
+  | 'muted-standard';
+
+export type MapTheme = 'light' | 'dark' | 'system';
+
+export type InsetAdjustment = 'automatic' | 'never';
+
+export type PoiCategory =
+  | 'airport'
+  | 'amusement-park'
+  | 'animal-service'
+  | 'aquarium'
+  | 'atm'
+  | 'automotive-repair'
+  | 'bakery'
+  | 'bank'
+  | 'baseball'
+  | 'basketball'
+  | 'beach'
+  | 'beauty'
+  | 'bowling'
+  | 'brewery'
+  | 'cafe'
+  | 'campground'
+  | 'car-rental'
+  | 'castle'
+  | 'convention-center'
+  | 'distillery'
+  | 'ev-charger'
+  | 'fairground'
+  | 'fire-station'
+  | 'fishing'
+  | 'fitness-center'
+  | 'food-market'
+  | 'fortress'
+  | 'gas-station'
+  | 'go-kart'
+  | 'golf'
+  | 'hiking'
+  | 'hospital'
+  | 'hotel'
+  | 'kayaking'
+  | 'landmark'
+  | 'laundry'
+  | 'library'
+  | 'mailbox'
+  | 'marina'
+  | 'mini-golf'
+  | 'movie-theater'
+  | 'museum'
+  | 'music-venue'
+  | 'national-monument'
+  | 'national-park'
+  | 'nightlife'
+  | 'park'
+  | 'parking'
+  | 'pharmacy'
+  | 'planetarium'
+  | 'police'
+  | 'post-office'
+  | 'public-transport'
+  | 'restaurant'
+  | 'restroom'
+  | 'rock-climbing'
+  | 'rv-park'
+  | 'school'
+  | 'skate-park'
+  | 'skating'
+  | 'skiing'
+  | 'soccer'
+  | 'spa'
+  | 'stadium'
+  | 'store'
+  | 'surfing'
+  | 'swimming'
+  | 'tennis'
+  | 'theater'
+  | 'university'
+  | 'volleyball'
+  | 'winery'
+  | 'zoo';
+
+export interface PoiFilter {
+  /**
+   * Filter mode
+   * @default 'including'
+   */
+  mode?: 'including' | 'excluding';
+  categories: PoiCategory[];
+}
+
 /**
  * Options for moving the camera
  */
@@ -64,6 +158,11 @@ export interface MapViewProps extends ViewProps {
    * @default 'apple' on iOS, 'google' on Android
    */
   provider?: MapProvider;
+  /**
+   * Map type to display
+   * @default 'standard'
+   */
+  mapType?: MapType;
   /**
    * Map style ID (Google Maps) or configuration name (Apple Maps)
    */
@@ -121,11 +220,29 @@ export interface MapViewProps extends ViewProps {
    * @platform android
    */
   userLocationButtonEnabled?: boolean;
+  /**
+   * Show points of interest on the map (Apple Maps only).
+   * When false, hides all POIs regardless of poiFilter.
+   * @default true
+   * @platform ios
+   */
+  poiEnabled?: boolean;
+  /**
+   * Filter POI categories to show or hide (Apple Maps only).
+   * Only takes effect when poiEnabled is true.
+   * @platform ios
+   */
+  poiFilter?: PoiFilter;
   /**
    * Map color theme
    * @default 'system'
    */
   theme?: MapTheme;
+  /**
+   * Safe area inset adjustment behavior
+   * @default 'never'
+   */
+  insetAdjustment?: InsetAdjustment;
   /**
    * Called when the map is pressed
    */