@lugg/maps 0.2.0-alpha.9 → 1.0.0-beta.0

package/lib/module/components/GeoJson.js

@@ -0,0 +1,159 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { Marker } from './Marker';
+import { Polygon } from './Polygon';
+import { Polyline } from './Polyline';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+const toCoordinate = position => ({
+  latitude: position[1],
+  longitude: position[0]
+});
+const toCoordinates = positions => positions.map(toCoordinate);
+const normalizeFeatures = geojson => {
+  switch (geojson.type) {
+    case 'FeatureCollection':
+      return geojson.features;
+    case 'Feature':
+      return [geojson];
+    default:
+      return [{
+        type: 'Feature',
+        geometry: geojson,
+        properties: null
+      }];
+  }
+};
+const renderGeometry = (geometry, feature, props, keyPrefix) => {
+  const elements = [];
+  switch (geometry.type) {
+    case 'Point':
+      {
+        const markerProps = {
+          coordinate: toCoordinate(geometry.coordinates),
+          title: feature.properties?.title,
+          description: feature.properties?.description,
+          zIndex: props.zIndex
+        };
+        elements.push(props.renderMarker ? props.renderMarker(markerProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, keyPrefix) : /*#__PURE__*/_jsx(Marker, {
+          ...markerProps
+        }, keyPrefix));
+        break;
+      }
+    case 'MultiPoint':
+      {
+        for (let i = 0; i < geometry.coordinates.length; i++) {
+          const markerProps = {
+            coordinate: toCoordinate(geometry.coordinates[i]),
+            title: feature.properties?.title,
+            description: feature.properties?.description,
+            zIndex: props.zIndex
+          };
+          const key = `${keyPrefix}-${i}`;
+          elements.push(props.renderMarker ? props.renderMarker(markerProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, key) : /*#__PURE__*/_jsx(Marker, {
+            ...markerProps
+          }, key));
+        }
+        break;
+      }
+    case 'LineString':
+      {
+        const p = feature.properties;
+        const polylineProps = {
+          coordinates: toCoordinates(geometry.coordinates),
+          strokeColors: p?.stroke ? [p.stroke] : undefined,
+          strokeWidth: p?.['stroke-width'],
+          zIndex: props.zIndex
+        };
+        elements.push(props.renderPolyline ? props.renderPolyline(polylineProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, keyPrefix) : /*#__PURE__*/_jsx(Polyline, {
+          ...polylineProps
+        }, keyPrefix));
+        break;
+      }
+    case 'MultiLineString':
+      {
+        const p = feature.properties;
+        for (let i = 0; i < geometry.coordinates.length; i++) {
+          const polylineProps = {
+            coordinates: toCoordinates(geometry.coordinates[i]),
+            strokeColors: p?.stroke ? [p.stroke] : undefined,
+            strokeWidth: p?.['stroke-width'],
+            zIndex: props.zIndex
+          };
+          const key = `${keyPrefix}-${i}`;
+          elements.push(props.renderPolyline ? props.renderPolyline(polylineProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, key) : /*#__PURE__*/_jsx(Polyline, {
+            ...polylineProps
+          }, key));
+        }
+        break;
+      }
+    case 'Polygon':
+      {
+        const outer = toCoordinates(geometry.coordinates[0]);
+        const holes = geometry.coordinates.length > 1 ? geometry.coordinates.slice(1).map(toCoordinates) : undefined;
+        const p = feature.properties;
+        const polygonProps = {
+          coordinates: outer,
+          holes,
+          fillColor: p?.fill,
+          strokeColor: p?.stroke,
+          strokeWidth: p?.['stroke-width'],
+          zIndex: props.zIndex
+        };
+        elements.push(props.renderPolygon ? props.renderPolygon(polygonProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, keyPrefix) : /*#__PURE__*/_jsx(Polygon, {
+          ...polygonProps
+        }, keyPrefix));
+        break;
+      }
+    case 'MultiPolygon':
+      {
+        const p = feature.properties;
+        for (let i = 0; i < geometry.coordinates.length; i++) {
+          const rings = geometry.coordinates[i];
+          const outer = toCoordinates(rings[0]);
+          const holes = rings.length > 1 ? rings.slice(1).map(toCoordinates) : undefined;
+          const polygonProps = {
+            coordinates: outer,
+            holes,
+            fillColor: p?.fill,
+            strokeColor: p?.stroke,
+            strokeWidth: p?.['stroke-width'],
+            zIndex: props.zIndex
+          };
+          const key = `${keyPrefix}-${i}`;
+          elements.push(props.renderPolygon ? props.renderPolygon(polygonProps, feature) ?? /*#__PURE__*/_jsx(React.Fragment, {}, key) : /*#__PURE__*/_jsx(Polygon, {
+            ...polygonProps
+          }, key));
+        }
+        break;
+      }
+    case 'GeometryCollection':
+      {
+        for (let i = 0; i < geometry.geometries.length; i++) {
+          elements.push(...renderGeometry(geometry.geometries[i], feature, props, `${keyPrefix}-${i}`));
+        }
+        break;
+      }
+  }
+  return elements;
+};
+export const GeoJson = props => {
+  const {
+    geojson
+  } = props;
+  const elements = useMemo(() => {
+    const features = normalizeFeatures(geojson);
+    const result = [];
+    for (let i = 0; i < features.length; i++) {
+      const feature = features[i];
+      if (!feature.geometry) continue;
+      const key = feature.id != null ? String(feature.id) : String(i);
+      result.push(...renderGeometry(feature.geometry, feature, props, key));
+    }
+    return result;
+  }, [geojson, props]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: elements
+  });
+};
+//# sourceMappingURL=GeoJson.js.map

package/lib/module/components/GeoJson.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","Marker","Polygon","Polyline","jsx","_jsx","Fragment","_Fragment","toCoordinate","position","latitude","longitude","toCoordinates","positions","map","normalizeFeatures","geojson","type","features","geometry","properties","renderGeometry","feature","props","keyPrefix","elements","markerProps","coordinate","coordinates","title","description","zIndex","push","renderMarker","i","length","key","p","polylineProps","strokeColors","stroke","undefined","strokeWidth","renderPolyline","outer","holes","slice","polygonProps","fillColor","fill","strokeColor","renderPolygon","rings","geometries","GeoJson","result","id","String","children"],"sourceRoot":"../../../src","sources":["components/GeoJson.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/GeoJson.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=GeoJson.types.js.map

package/lib/module/components/GeoJson.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/GeoJson.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/Marker.js

@@ -4,7 +4,17 @@ import React from 'react';
 import { StyleSheet } from 'react-native';
 import LuggMarkerViewNativeComponent from '../fabric/LuggMarkerViewNativeComponent';
 import { jsx as _jsx } from "react/jsx-runtime";
-export class Marker extends React.Component {
+export class Marker extends React.PureComponent {
+  getStyle(zIndex) {
+    if (zIndex == null) return styles.marker;
+    if (zIndex !== this._cachedZIndex) {
+      this._cachedZIndex = zIndex;
+      this._cachedStyle = [{
+        zIndex
+      }, styles.marker];
+    }
+    return this._cachedStyle;
+  }
   render() {
     const {
       name,
@@ -13,17 +23,31 @@ export class Marker extends React.Component {
       description,
       anchor,
       zIndex,
+      rotate = 0,
+      scale = 1,
+      rasterize = true,
+      draggable = false,
+      onPress,
+      onDragStart,
+      onDragChange,
+      onDragEnd,
       children
     } = this.props;
     return /*#__PURE__*/_jsx(LuggMarkerViewNativeComponent, {
-      style: [{
-        zIndex
-      }, styles.marker],
+      style: this.getStyle(zIndex),
       name: name,
       coordinate: coordinate,
       title: title,
       description: description,
       anchor: anchor,
+      rotate: rotate,
+      scale: scale,
+      rasterize: rasterize,
+      draggable: draggable,
+      onMarkerPress: onPress,
+      onMarkerDragStart: onDragStart,
+      onMarkerDragChange: onDragChange,
+      onMarkerDragEnd: onDragEnd,
       children: children
     });
   }

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","LuggMarkerViewNativeComponent","jsx","_jsx","Marker","Component","render","name","coordinate","title","description","anchor","zIndex","children","props","style","styles","marker","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Marker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,6BAA6B,MAAM,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAkCpF,OAAO,MAAMC,MAAM,SAASL,KAAK,CAACM,SAAS,CAAc;EACvDC,MAAMA,CAAA,EAAG;IACP,MAAM;MAAEC,IAAI;MAAEC,UAAU;MAAEC,KAAK;MAAEC,WAAW;MAAEC,MAAM;MAAEC,MAAM;MAAEC;IAAS,CAAC,GACtE,IAAI,CAACC,KAAK;IAEZ,oBACEX,IAAA,CAACF,6BAA6B;MAC5Bc,KAAK,EAAE,CAAC;QAAEH;MAAO,CAAC,EAAEI,MAAM,CAACC,MAAM,CAAE;MACnCV,IAAI,EAAEA,IAAK;MACXC,UAAU,EAAEA,UAAW;MACvBC,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,MAAM,EAAEA,MAAO;MAAAE,QAAA,EAEdA;IAAQ,CACoB,CAAC;EAEpC;AACF;AAEA,MAAMG,MAAM,GAAGhB,UAAU,CAACkB,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","LuggMarkerViewNativeComponent","jsx","_jsx","Marker","PureComponent","getStyle","zIndex","styles","marker","_cachedZIndex","_cachedStyle","render","name","coordinate","title","description","anchor","rotate","scale","rasterize","draggable","onPress","onDragStart","onDragChange","onDragEnd","children","props","style","onMarkerPress","onMarkerDragStart","onMarkerDragChange","onMarkerDragEnd","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Marker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,6BAA6B,MAAM,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpF,OAAO,MAAMC,MAAM,SAASL,KAAK,CAACM,aAAa,CAAc;EACnDC,QAAQA,CAACC,MAA0B,EAAE;IAC3C,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAOC,MAAM,CAACC,MAAM;IACxC,IAAIF,MAAM,KAAK,IAAI,CAACG,aAAa,EAAE;MACjC,IAAI,CAACA,aAAa,GAAGH,MAAM;MAC3B,IAAI,CAACI,YAAY,GAAG,CAAC;QAAEJ;MAAO,CAAC,EAAEC,MAAM,CAACC,MAAM,CAAC;IACjD;IACA,OAAO,IAAI,CAACE,YAAY;EAC1B;EAKAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,IAAI;MACJC,UAAU;MACVC,KAAK;MACLC,WAAW;MACXC,MAAM;MACNV,MAAM;MACNW,MAAM,GAAG,CAAC;MACVC,KAAK,GAAG,CAAC;MACTC,SAAS,GAAG,IAAI;MAChBC,SAAS,GAAG,KAAK;MACjBC,OAAO;MACPC,WAAW;MACXC,YAAY;MACZC,SAAS;MACTC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACExB,IAAA,CAACF,6BAA6B;MAC5B2B,KAAK,EAAE,IAAI,CAACtB,QAAQ,CAACC,MAAM,CAAE;MAC7BM,IAAI,EAAEA,IAAK;MACXC,UAAU,EAAEA,UAAW;MACvBC,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,MAAM,EAAEA,MAAO;MACfC,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAEA,KAAM;MACbC,SAAS,EAAEA,SAAU;MACrBC,SAAS,EAAEA,SAAU;MACrBQ,aAAa,EAAEP,OAAQ;MACvBQ,iBAAiB,EAAEP,WAAY;MAC/BQ,kBAAkB,EAAEP,YAAa;MACjCQ,eAAe,EAAEP,SAAU;MAAAC,QAAA,EAE1BA;IAAQ,CACoB,CAAC;EAEpC;AACF;AAEA,MAAMlB,MAAM,GAAGR,UAAU,CAACiC,MAAM,CAAC;EAC/BxB,MAAM,EAAE;IACNyB,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=Marker.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/Marker.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -1,34 +1,105 @@
 "use strict";
 
-import React from 'react';
+import { useCallback, useEffect, useRef } from 'react';
 import { AdvancedMarker } from '@vis.gl/react-google-maps';
+import { useMapContext } from "../MapProvider.web.js";
 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 = {
-      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
-    });
+const createEvent = (e, coordinate) => ({
+  nativeEvent: {
+    coordinate: {
+      latitude: e.latLng?.lat() ?? coordinate.latitude,
+      longitude: e.latLng?.lng() ?? coordinate.longitude
+    },
+    point: {
+      x: e.domEvent?.clientX ?? 0,
+      y: e.domEvent?.clientY ?? 0
+    }
   }
-}
+});
+export const Marker = ({
+  coordinate,
+  title,
+  anchor,
+  zIndex,
+  rotate,
+  scale,
+  draggable,
+  onPress,
+  onDragStart,
+  onDragChange,
+  onDragEnd,
+  children
+}) => {
+  const {
+    moveCamera
+  } = useMapContext();
+  const dragPositionRef = useRef(null);
+  const transforms = [];
+  if (rotate) transforms.push(`rotate(${rotate}deg)`);
+  if (scale && scale !== 1) transforms.push(`scale(${scale})`);
+  const handleClick = useCallback(e => {
+    const pos = dragPositionRef.current;
+    const coord = pos ? {
+      latitude: pos.lat,
+      longitude: pos.lng
+    } : coordinate;
+    moveCamera(coord);
+    onPress?.(createEvent(e, coordinate));
+  }, [moveCamera, onPress, coordinate]);
+  const handleDragStart = useCallback(e => {
+    const latLng = e.latLng;
+    if (latLng) {
+      dragPositionRef.current = {
+        lat: latLng.lat(),
+        lng: latLng.lng()
+      };
+    }
+    onDragStart?.(createEvent(e, coordinate));
+  }, [onDragStart, coordinate]);
+  const handleDrag = useCallback(e => {
+    const latLng = e.latLng;
+    if (latLng) {
+      dragPositionRef.current = {
+        lat: latLng.lat(),
+        lng: latLng.lng()
+      };
+    }
+    onDragChange?.(createEvent(e, coordinate));
+  }, [onDragChange, coordinate]);
+  const handleDragEnd = useCallback(e => {
+    const latLng = e.latLng;
+    if (latLng) {
+      dragPositionRef.current = {
+        lat: latLng.lat(),
+        lng: latLng.lng()
+      };
+    }
+    onDragEnd?.(createEvent(e, coordinate));
+  }, [onDragEnd, coordinate]);
+  useEffect(() => {
+    dragPositionRef.current = null;
+  }, [coordinate.latitude, coordinate.longitude]);
+  const position = dragPositionRef.current ?? {
+    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,
+    clickable: true,
+    draggable: draggable,
+    onClick: handleClick,
+    onDragStart: handleDragStart,
+    onDrag: handleDrag,
+    onDragEnd: handleDragEnd,
+    style: transforms.length > 0 ? {
+      transform: transforms.join(' ')
+    } : 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":["useCallback","useEffect","useRef","AdvancedMarker","useMapContext","jsx","_jsx","toWebAnchor","value","createEvent","e","coordinate","nativeEvent","latitude","latLng","lat","longitude","lng","point","x","domEvent","clientX","y","clientY","Marker","title","anchor","zIndex","rotate","scale","draggable","onPress","onDragStart","onDragChange","onDragEnd","children","moveCamera","dragPositionRef","transforms","push","handleClick","pos","current","coord","handleDragStart","handleDrag","handleDragEnd","position","anchorLeft","undefined","anchorTop","clickable","onClick","onDrag","style","length","transform","join"],"sourceRoot":"../../../src","sources":["components/Marker.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Polygon.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import LuggPolygonViewNativeComponent from '../fabric/LuggPolygonViewNativeComponent';
+import { jsx as _jsx } from "react/jsx-runtime";
+export class Polygon extends React.PureComponent {
+  getStyle(zIndex) {
+    if (zIndex == null) return styles.polygon;
+    if (zIndex !== this._cachedZIndex) {
+      this._cachedZIndex = zIndex;
+      this._cachedStyle = [{
+        zIndex
+      }, styles.polygon];
+    }
+    return this._cachedStyle;
+  }
+  render() {
+    const {
+      coordinates,
+      holes,
+      strokeColor,
+      strokeWidth,
+      fillColor,
+      zIndex,
+      onPress
+    } = this.props;
+    return /*#__PURE__*/_jsx(LuggPolygonViewNativeComponent, {
+      style: this.getStyle(zIndex),
+      coordinates: coordinates,
+      holes: holes,
+      strokeColor: strokeColor,
+      strokeWidth: strokeWidth,
+      fillColor: fillColor,
+      tappable: !!onPress,
+      onPolygonPress: onPress
+    });
+  }
+}
+const styles = StyleSheet.create({
+  polygon: {
+    position: 'absolute',
+    pointerEvents: 'none'
+  }
+});
+//# sourceMappingURL=Polygon.js.map

package/lib/module/components/Polygon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","LuggPolygonViewNativeComponent","jsx","_jsx","Polygon","PureComponent","getStyle","zIndex","styles","polygon","_cachedZIndex","_cachedStyle","render","coordinates","holes","strokeColor","strokeWidth","fillColor","onPress","props","style","tappable","onPolygonPress","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Polygon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,8BAA8B,MAAM,0CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKtF,OAAO,MAAMC,OAAO,SAASL,KAAK,CAACM,aAAa,CAAe;EAIrDC,QAAQA,CAACC,MAA0B,EAAE;IAC3C,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAOC,MAAM,CAACC,OAAO;IACzC,IAAIF,MAAM,KAAK,IAAI,CAACG,aAAa,EAAE;MACjC,IAAI,CAACA,aAAa,GAAGH,MAAM;MAC3B,IAAI,CAACI,YAAY,GAAG,CAAC;QAAEJ;MAAO,CAAC,EAAEC,MAAM,CAACC,OAAO,CAAC;IAClD;IACA,OAAO,IAAI,CAACE,YAAY;EAC1B;EAEAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,WAAW;MACXC,KAAK;MACLC,WAAW;MACXC,WAAW;MACXC,SAAS;MACTV,MAAM;MACNW;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACEhB,IAAA,CAACF,8BAA8B;MAC7BmB,KAAK,EAAE,IAAI,CAACd,QAAQ,CAACC,MAAM,CAAE;MAC7BM,WAAW,EAAEA,WAAY;MACzBC,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBC,SAAS,EAAEA,SAAU;MACrBI,QAAQ,EAAE,CAAC,CAACH,OAAQ;MACpBI,cAAc,EAAEJ;IAAQ,CACzB,CAAC;EAEN;AACF;AAEA,MAAMV,MAAM,GAAGR,UAAU,CAACuB,MAAM,CAAC;EAC/Bd,OAAO,EAAE;IACPe,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/Polygon.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=Polygon.types.js.map

package/lib/module/components/Polygon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/Polygon.types.ts"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+"use strict";
+
+import { useCallback, useEffect, useRef } from 'react';
+import { useMapContext } from "../MapProvider.web.js";
+export const Polygon = ({
+  coordinates,
+  holes,
+  strokeColor = '#000000',
+  strokeWidth = 1,
+  fillColor = 'rgba(0, 0, 0, 0.3)',
+  zIndex = 0,
+  onPress
+}) => {
+  const {
+    map
+  } = useMapContext();
+  const polygonRef = useRef(null);
+  const listenersRef = useRef([]);
+  const handleClick = useCallback(() => {
+    onPress?.();
+  }, [onPress]);
+
+  // Cleanup on unmount
+  useEffect(() => {
+    return () => {
+      listenersRef.current.forEach(l => l.remove());
+      listenersRef.current = [];
+      polygonRef.current?.setMap(null);
+      polygonRef.current = null;
+    };
+  }, []);
+
+  // Sync listeners
+  useEffect(() => {
+    const polygon = polygonRef.current;
+    if (!polygon) return;
+    listenersRef.current.forEach(l => l.remove());
+    listenersRef.current = [];
+    if (onPress) {
+      listenersRef.current.push(polygon.addListener('click', handleClick));
+    }
+    polygon.set('clickable', !!onPress);
+  }, [onPress, handleClick]);
+
+  // Sync polygon with props
+  useEffect(() => {
+    if (!map || coordinates.length === 0) {
+      polygonRef.current?.setMap(null);
+      return;
+    }
+    const outerPath = coordinates.map(c => ({
+      lat: c.latitude,
+      lng: c.longitude
+    }));
+    const paths = [outerPath, ...(holes ?? []).map(hole => [...hole].reverse().map(c => ({
+      lat: c.latitude,
+      lng: c.longitude
+    })))];
+    if (polygonRef.current) {
+      polygonRef.current.setPaths(paths);
+      polygonRef.current.setOptions({
+        strokeColor: strokeColor,
+        strokeWeight: strokeWidth,
+        fillColor: fillColor,
+        zIndex
+      });
+    } else {
+      const polygon = new google.maps.Polygon({
+        paths,
+        strokeColor: strokeColor,
+        strokeWeight: strokeWidth,
+        strokeOpacity: 1,
+        fillColor: fillColor,
+        fillOpacity: 1,
+        zIndex,
+        clickable: !!onPress,
+        map
+      });
+      polygonRef.current = polygon;
+      if (onPress) {
+        listenersRef.current.push(polygon.addListener('click', handleClick));
+      }
+    }
+  }, [map, coordinates, holes, strokeColor, strokeWidth, fillColor, zIndex, onPress, handleClick]);
+  return null;
+};
+//# sourceMappingURL=Polygon.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useMapContext","Polygon","coordinates","holes","strokeColor","strokeWidth","fillColor","zIndex","onPress","map","polygonRef","listenersRef","handleClick","current","forEach","l","remove","setMap","polygon","push","addListener","set","length","outerPath","c","lat","latitude","lng","longitude","paths","hole","reverse","setPaths","setOptions","strokeWeight","google","maps","strokeOpacity","fillOpacity","clickable"],"sourceRoot":"../../../src","sources":["components/Polygon.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Polyline.js

@@ -4,20 +4,33 @@ import React from 'react';
 import { StyleSheet } from 'react-native';
 import LuggPolylineViewNativeComponent from '../fabric/LuggPolylineViewNativeComponent';
 import { jsx as _jsx } from "react/jsx-runtime";
-export class Polyline extends React.Component {
+export class Polyline extends React.PureComponent {
+  getStyle(zIndex) {
+    if (zIndex == null) return styles.polyline;
+    if (zIndex !== this._cachedZIndex) {
+      this._cachedZIndex = zIndex;
+      this._cachedStyle = [{
+        zIndex
+      }, styles.polyline];
+    }
+    return this._cachedStyle;
+  }
   render() {
     const {
       coordinates,
       strokeColors,
       strokeWidth,
-      animated = false
+      animated = false,
+      animatedOptions,
+      zIndex
     } = this.props;
     return /*#__PURE__*/_jsx(LuggPolylineViewNativeComponent, {
-      style: styles.polyline,
+      style: this.getStyle(zIndex),
       coordinates: coordinates,
       strokeColors: strokeColors,
       strokeWidth: strokeWidth,
-      animated: animated
+      animated: animated,
+      animatedOptions: animatedOptions
     });
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","LuggPolylineViewNativeComponent","jsx","_jsx","Polyline","Component","render","coordinates","strokeColors","strokeWidth","animated","props","style","styles","polyline","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Polyline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,+BAA+B,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAsBxF,OAAO,MAAMC,QAAQ,SAASL,KAAK,CAACM,SAAS,CAAgB;EAC3DC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,WAAW;MACXC,YAAY;MACZC,WAAW;MACXC,QAAQ,GAAG;IACb,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,oBACER,IAAA,CAACF,+BAA+B;MAC9BW,KAAK,EAAEC,MAAM,CAACC,QAAS;MACvBP,WAAW,EAAEA,WAAY;MACzBC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAEN;AACF;AAEA,MAAMG,MAAM,GAAGb,UAAU,CAACe,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IACRE,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","StyleSheet","LuggPolylineViewNativeComponent","jsx","_jsx","Polyline","PureComponent","getStyle","zIndex","styles","polyline","_cachedZIndex","_cachedStyle","render","coordinates","strokeColors","strokeWidth","animated","animatedOptions","props","style","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Polyline.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,+BAA+B,MAAM,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASxF,OAAO,MAAMC,QAAQ,SAASL,KAAK,CAACM,aAAa,CAAgB;EACvDC,QAAQA,CAACC,MAA0B,EAAE;IAC3C,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAOC,MAAM,CAACC,QAAQ;IAC1C,IAAIF,MAAM,KAAK,IAAI,CAACG,aAAa,EAAE;MACjC,IAAI,CAACA,aAAa,GAAGH,MAAM;MAC3B,IAAI,CAACI,YAAY,GAAG,CAAC;QAAEJ;MAAO,CAAC,EAAEC,MAAM,CAACC,QAAQ,CAAC;IACnD;IACA,OAAO,IAAI,CAACE,YAAY;EAC1B;EAKAC,MAAMA,CAAA,EAAG;IACP,MAAM;MACJC,WAAW;MACXC,YAAY;MACZC,WAAW;MACXC,QAAQ,GAAG,KAAK;MAChBC,eAAe;MACfV;IACF,CAAC,GAAG,IAAI,CAACW,KAAK;IAEd,oBACEf,IAAA,CAACF,+BAA+B;MAC9BkB,KAAK,EAAE,IAAI,CAACb,QAAQ,CAACC,MAAM,CAAE;MAC7BM,WAAW,EAAEA,WAAY;MACzBC,YAAY,EAAEA,YAAa;MAC3BC,WAAW,EAAEA,WAAY;MACzBC,QAAQ,EAAEA,QAAS;MACnBC,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAEN;AACF;AAEA,MAAMT,MAAM,GAAGR,UAAU,CAACoB,MAAM,CAAC;EAC/BX,QAAQ,EAAE;IACRY,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=Polyline.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/Polyline.types.ts"],"mappings":"","ignoreList":[]}