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

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":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAA2B,OAAO;AAUzD,SAASC,MAAM,QAAQ,UAAU;AAEjC,SAASC,OAAO,QAAQ,WAAW;AAEnC,SAASC,QAAQ,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAKtC,MAAMC,YAAY,GAAIC,QAAkB,KAAkB;EACxDC,QAAQ,EAAED,QAAQ,CAAC,CAAC,CAAC;EACrBE,SAAS,EAAEF,QAAQ,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAMG,aAAa,GAAIC,SAAqB,IAC1CA,SAAS,CAACC,GAAG,CAACN,YAAY,CAAC;AAE7B,MAAMO,iBAAiB,GAAIC,OAAgB,IAAgB;EACzD,QAAQA,OAAO,CAACC,IAAI;IAClB,KAAK,mBAAmB;MACtB,OAAQD,OAAO,CAAuBE,QAAQ;IAChD,KAAK,SAAS;MACZ,OAAO,CAACF,OAAO,CAAY;IAC7B;MACE,OAAO,CACL;QAAEC,IAAI,EAAE,SAAS;QAAEE,QAAQ,EAAEH,OAAmB;QAAEI,UAAU,EAAE;MAAK,CAAC,CACrE;EACL;AACF,CAAC;AAED,MAAMC,cAAc,GAAGA,CACrBF,QAAkB,EAClBG,OAAgB,EAChBC,KAAmB,EACnBC,SAAiB,KACE;EACnB,MAAMC,QAAwB,GAAG,EAAE;EAEnC,QAAQN,QAAQ,CAACF,IAAI;IACnB,KAAK,OAAO;MAAE;QACZ,MAAMS,WAAwB,GAAG;UAC/BC,UAAU,EAAEnB,YAAY,CAACW,QAAQ,CAACS,WAAW,CAAC;UAC9CC,KAAK,EAAEP,OAAO,CAACF,UAAU,EAAES,KAAK;UAChCC,WAAW,EAAER,OAAO,CAACF,UAAU,EAAEU,WAAW;UAC5CC,MAAM,EAAER,KAAK,CAACQ;QAChB,CAAC;QACDN,QAAQ,CAACO,IAAI,CACXT,KAAK,CAACU,YAAY,GAChBV,KAAK,CAACU,YAAY,CAACP,WAAW,EAAEJ,OAAO,CAAC,iBACtCjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAMkB,SAAY,CAClC,gBAEDnB,IAAA,CAACJ,MAAM;UAAA,GAAqByB;QAAW,GAA1BF,SAA6B,CAE9C,CAAC;QACD;MACF;IACA,KAAK,YAAY;MAAE;QACjB,KAAK,IAAIU,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGf,QAAQ,CAACS,WAAW,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;UACpD,MAAMR,WAAwB,GAAG;YAC/BC,UAAU,EAAEnB,YAAY,CAACW,QAAQ,CAACS,WAAW,CAACM,CAAC,CAAE,CAAC;YAClDL,KAAK,EAAEP,OAAO,CAACF,UAAU,EAAES,KAAK;YAChCC,WAAW,EAAER,OAAO,CAACF,UAAU,EAAEU,WAAW;YAC5CC,MAAM,EAAER,KAAK,CAACQ;UAChB,CAAC;UACD,MAAMK,GAAG,GAAG,GAAGZ,SAAS,IAAIU,CAAC,EAAE;UAC/BT,QAAQ,CAACO,IAAI,CACXT,KAAK,CAACU,YAAY,GAChBV,KAAK,CAACU,YAAY,CAACP,WAAW,EAAEJ,OAAO,CAAC,iBACtCjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAM8B,GAAM,CAC5B,gBAED/B,IAAA,CAACJ,MAAM;YAAA,GAAeyB;UAAW,GAApBU,GAAuB,CAExC,CAAC;QACH;QACA;MACF;IACA,KAAK,YAAY;MAAE;QACjB,MAAMC,CAAC,GAAGf,OAAO,CAACF,UAAU;QAC5B,MAAMkB,aAA4B,GAAG;UACnCV,WAAW,EAAEhB,aAAa,CAACO,QAAQ,CAACS,WAAW,CAAC;UAChDW,YAAY,EAAEF,CAAC,EAAEG,MAAM,GAAG,CAACH,CAAC,CAACG,MAAM,CAAC,GAAGC,SAAS;UAChDC,WAAW,EAAEL,CAAC,GAAG,cAAc,CAAC;UAChCN,MAAM,EAAER,KAAK,CAACQ;QAChB,CAAC;QACDN,QAAQ,CAACO,IAAI,CACXT,KAAK,CAACoB,cAAc,GAClBpB,KAAK,CAACoB,cAAc,CAACL,aAAa,EAAEhB,OAAO,CAAC,iBAC1CjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAMkB,SAAY,CAClC,gBAEDnB,IAAA,CAACF,QAAQ;UAAA,GAAqBmC;QAAa,GAA5Bd,SAA+B,CAElD,CAAC;QACD;MACF;IACA,KAAK,iBAAiB;MAAE;QACtB,MAAMa,CAAC,GAAGf,OAAO,CAACF,UAAU;QAC5B,KAAK,IAAIc,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGf,QAAQ,CAACS,WAAW,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;UACpD,MAAMI,aAA4B,GAAG;YACnCV,WAAW,EAAEhB,aAAa,CAACO,QAAQ,CAACS,WAAW,CAACM,CAAC,CAAE,CAAC;YACpDK,YAAY,EAAEF,CAAC,EAAEG,MAAM,GAAG,CAACH,CAAC,CAACG,MAAM,CAAC,GAAGC,SAAS;YAChDC,WAAW,EAAEL,CAAC,GAAG,cAAc,CAAC;YAChCN,MAAM,EAAER,KAAK,CAACQ;UAChB,CAAC;UACD,MAAMK,GAAG,GAAG,GAAGZ,SAAS,IAAIU,CAAC,EAAE;UAC/BT,QAAQ,CAACO,IAAI,CACXT,KAAK,CAACoB,cAAc,GAClBpB,KAAK,CAACoB,cAAc,CAACL,aAAa,EAAEhB,OAAO,CAAC,iBAC1CjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAM8B,GAAM,CAC5B,gBAED/B,IAAA,CAACF,QAAQ;YAAA,GAAemC;UAAa,GAAtBF,GAAyB,CAE5C,CAAC;QACH;QACA;MACF;IACA,KAAK,SAAS;MAAE;QACd,MAAMQ,KAAK,GAAGhC,aAAa,CAACO,QAAQ,CAACS,WAAW,CAAC,CAAC,CAAE,CAAC;QACrD,MAAMiB,KAAK,GACT1B,QAAQ,CAACS,WAAW,CAACO,MAAM,GAAG,CAAC,GAC3BhB,QAAQ,CAACS,WAAW,CAACkB,KAAK,CAAC,CAAC,CAAC,CAAChC,GAAG,CAACF,aAAa,CAAC,GAChD6B,SAAS;QACf,MAAMJ,CAAC,GAAGf,OAAO,CAACF,UAAU;QAC5B,MAAM2B,YAA0B,GAAG;UACjCnB,WAAW,EAAEgB,KAAK;UAClBC,KAAK;UACLG,SAAS,EAAEX,CAAC,EAAEY,IAAI;UAClBC,WAAW,EAAEb,CAAC,EAAEG,MAAM;UACtBE,WAAW,EAAEL,CAAC,GAAG,cAAc,CAAC;UAChCN,MAAM,EAAER,KAAK,CAACQ;QAChB,CAAC;QACDN,QAAQ,CAACO,IAAI,CACXT,KAAK,CAAC4B,aAAa,GACjB5B,KAAK,CAAC4B,aAAa,CAACJ,YAAY,EAAEzB,OAAO,CAAC,iBACxCjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAMkB,SAAY,CAClC,gBAEDnB,IAAA,CAACH,OAAO;UAAA,GAAqB6C;QAAY,GAA3BvB,SAA8B,CAEhD,CAAC;QACD;MACF;IACA,KAAK,cAAc;MAAE;QACnB,MAAMa,CAAC,GAAGf,OAAO,CAACF,UAAU;QAC5B,KAAK,IAAIc,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGf,QAAQ,CAACS,WAAW,CAACO,MAAM,EAAED,CAAC,EAAE,EAAE;UACpD,MAAMkB,KAAK,GAAGjC,QAAQ,CAACS,WAAW,CAACM,CAAC,CAAE;UACtC,MAAMU,KAAK,GAAGhC,aAAa,CAACwC,KAAK,CAAC,CAAC,CAAE,CAAC;UACtC,MAAMP,KAAK,GACTO,KAAK,CAACjB,MAAM,GAAG,CAAC,GAAGiB,KAAK,CAACN,KAAK,CAAC,CAAC,CAAC,CAAChC,GAAG,CAACF,aAAa,CAAC,GAAG6B,SAAS;UAClE,MAAMM,YAA0B,GAAG;YACjCnB,WAAW,EAAEgB,KAAK;YAClBC,KAAK;YACLG,SAAS,EAAEX,CAAC,EAAEY,IAAI;YAClBC,WAAW,EAAEb,CAAC,EAAEG,MAAM;YACtBE,WAAW,EAAEL,CAAC,GAAG,cAAc,CAAC;YAChCN,MAAM,EAAER,KAAK,CAACQ;UAChB,CAAC;UACD,MAAMK,GAAG,GAAG,GAAGZ,SAAS,IAAIU,CAAC,EAAE;UAC/BT,QAAQ,CAACO,IAAI,CACXT,KAAK,CAAC4B,aAAa,GACjB5B,KAAK,CAAC4B,aAAa,CAACJ,YAAY,EAAEzB,OAAO,CAAC,iBACxCjB,IAAA,CAACN,KAAK,CAACO,QAAQ,MAAM8B,GAAM,CAC5B,gBAED/B,IAAA,CAACH,OAAO;YAAA,GAAe6C;UAAY,GAArBX,GAAwB,CAE1C,CAAC;QACH;QACA;MACF;IACA,KAAK,oBAAoB;MAAE;QACzB,KAAK,IAAIF,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGf,QAAQ,CAACkC,UAAU,CAAClB,MAAM,EAAED,CAAC,EAAE,EAAE;UACnDT,QAAQ,CAACO,IAAI,CACX,GAAGX,cAAc,CACfF,QAAQ,CAACkC,UAAU,CAACnB,CAAC,CAAC,EACtBZ,OAAO,EACPC,KAAK,EACL,GAAGC,SAAS,IAAIU,CAAC,EACnB,CACF,CAAC;QACH;QACA;MACF;EACF;EAEA,OAAOT,QAAQ;AACjB,CAAC;AAED,OAAO,MAAM6B,OAAO,GAAI/B,KAAmB,IAAK;EAC9C,MAAM;IAAEP;EAAQ,CAAC,GAAGO,KAAK;EAEzB,MAAME,QAAQ,GAAGzB,OAAO,CAAC,MAAM;IAC7B,MAAMkB,QAAQ,GAAGH,iBAAiB,CAACC,OAAO,CAAC;IAC3C,MAAMuC,MAAsB,GAAG,EAAE;IAEjC,KAAK,IAAIrB,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGhB,QAAQ,CAACiB,MAAM,EAAED,CAAC,EAAE,EAAE;MACxC,MAAMZ,OAAO,GAAGJ,QAAQ,CAACgB,CAAC,CAAE;MAC5B,IAAI,CAACZ,OAAO,CAACH,QAAQ,EAAE;MAEvB,MAAMiB,GAAG,GAAGd,OAAO,CAACkC,EAAE,IAAI,IAAI,GAAGC,MAAM,CAACnC,OAAO,CAACkC,EAAE,CAAC,GAAGC,MAAM,CAACvB,CAAC,CAAC;MAC/DqB,MAAM,CAACvB,IAAI,CAAC,GAAGX,cAAc,CAACC,OAAO,CAACH,QAAQ,EAAEG,OAAO,EAAEC,KAAK,EAAEa,GAAG,CAAC,CAAC;IACvE;IAEA,OAAOmB,MAAM;EACf,CAAC,EAAE,CAACvC,OAAO,EAAEO,KAAK,CAAC,CAAC;EAEpB,oBAAOlB,IAAA,CAAAE,SAAA;IAAAmD,QAAA,EAAGjC;EAAQ,CAAG,CAAC;AACxB,CAAC","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

@@ -1,10 +1,21 @@
 "use strict";
 
-import React from 'react';
+import React, { isValidElement } 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 {
+import LuggCalloutViewNativeComponent from '../fabric/LuggCalloutViewNativeComponent';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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,18 +24,42 @@ export class Marker extends React.Component {
       description,
       anchor,
       zIndex,
+      rotate = 0,
+      scale = 1,
+      rasterize = true,
+      draggable = false,
+      onPress,
+      onDragStart,
+      onDragChange,
+      onDragEnd,
+      callout,
+      calloutOptions,
       children
     } = this.props;
-    return /*#__PURE__*/_jsx(LuggMarkerViewNativeComponent, {
-      style: [{
-        zIndex
-      }, styles.marker],
+    const calloutContent = callout ? /*#__PURE__*/isValidElement(callout) ? callout : /*#__PURE__*/React.createElement(callout) : null;
+    const calloutBubbled = calloutOptions?.bubbled ?? true;
+    const calloutAnchor = calloutOptions?.anchor;
+    return /*#__PURE__*/_jsxs(LuggMarkerViewNativeComponent, {
+      style: this.getStyle(zIndex),
       name: name,
       coordinate: coordinate,
       title: title,
       description: description,
       anchor: anchor,
-      children: children
+      rotate: rotate,
+      scale: scale,
+      rasterize: rasterize,
+      draggable: draggable,
+      onMarkerPress: onPress,
+      onMarkerDragStart: onDragStart,
+      onMarkerDragChange: onDragChange,
+      onMarkerDragEnd: onDragEnd,
+      children: [children, calloutContent && /*#__PURE__*/_jsx(LuggCalloutViewNativeComponent, {
+        style: calloutStyles.callout,
+        bubbled: calloutBubbled,
+        anchor: calloutAnchor,
+        children: calloutContent
+      })]
     });
   }
 }
@@ -34,4 +69,10 @@ const styles = StyleSheet.create({
     pointerEvents: 'box-none'
   }
 });
+const calloutStyles = StyleSheet.create({
+  callout: {
+    position: 'absolute',
+    pointerEvents: 'box-none'
+  }
+});
 //# sourceMappingURL=Marker.js.map

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","isValidElement","StyleSheet","LuggMarkerViewNativeComponent","LuggCalloutViewNativeComponent","jsx","_jsx","jsxs","_jsxs","Marker","PureComponent","getStyle","zIndex","styles","marker","_cachedZIndex","_cachedStyle","render","name","coordinate","title","description","anchor","rotate","scale","rasterize","draggable","onPress","onDragStart","onDragChange","onDragEnd","callout","calloutOptions","children","props","calloutContent","createElement","calloutBubbled","bubbled","calloutAnchor","style","onMarkerPress","onMarkerDragStart","onMarkerDragChange","onMarkerDragEnd","calloutStyles","create","position","pointerEvents"],"sourceRoot":"../../../src","sources":["components/Marker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,cAAc,QAAQ,OAAO;AAC7C,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,6BAA6B,MAAM,yCAAyC;AACnF,OAAOC,8BAA8B,MAAM,0CAA0C;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAUtF,OAAO,MAAMC,MAAM,SAAST,KAAK,CAACU,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,OAAO;MACPC,cAAc;MACdC;IACF,CAAC,GAAG,IAAI,CAACC,KAAK;IAEd,MAAMC,cAAc,GAAGJ,OAAO,GAC1B,aAAA9B,cAAc,CAAC8B,OAAO,CAAC,GACrBA,OAAO,gBACP/B,KAAK,CAACoC,aAAa,CAACL,OAAO,CAAC,GAC9B,IAAI;IACR,MAAMM,cAAc,GAAGL,cAAc,EAAEM,OAAO,IAAI,IAAI;IACtD,MAAMC,aAAa,GAAGP,cAAc,EAAEV,MAAM;IAE5C,oBACEd,KAAA,CAACL,6BAA6B;MAC5BqC,KAAK,EAAE,IAAI,CAAC7B,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;MACrBe,aAAa,EAAEd,OAAQ;MACvBe,iBAAiB,EAAEd,WAAY;MAC/Be,kBAAkB,EAAEd,YAAa;MACjCe,eAAe,EAAEd,SAAU;MAAAG,QAAA,GAE1BA,QAAQ,EACRE,cAAc,iBACb7B,IAAA,CAACF,8BAA8B;QAC7BoC,KAAK,EAAEK,aAAa,CAACd,OAAQ;QAC7BO,OAAO,EAAED,cAAe;QACxBf,MAAM,EAAEiB,aAAc;QAAAN,QAAA,EAErBE;MAAc,CACe,CACjC;IAAA,CAC4B,CAAC;EAEpC;AACF;AAEA,MAAMtB,MAAM,GAAGX,UAAU,CAAC4C,MAAM,CAAC;EAC/BhC,MAAM,EAAE;IACNiC,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC;AAEF,MAAMH,aAAa,GAAG3C,UAAU,CAAC4C,MAAM,CAAC;EACtCf,OAAO,EAAE;IACPgB,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,169 @@
 "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%`
- */
+import React, { isValidElement, useCallback, useEffect, useRef, useState } from 'react';
+import { AdvancedMarker, InfoWindow, useAdvancedMarkerRef } from '@vis.gl/react-google-maps';
+import { useMapContext } from "../MapProvider.web.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const CALLOUT_ARROW_HEIGHT = 12;
+const UNBUBBLED_CLASS = 'rnm-callout-unbubbled';
+const UNBUBBLED_STYLE_ID = 'rnm-callout-unbubbled-style';
+function injectUnbubbledStyle() {
+  if (document.getElementById(UNBUBBLED_STYLE_ID)) return;
+  const style = document.createElement('style');
+  style.id = UNBUBBLED_STYLE_ID;
+  style.textContent = `
+    .gm-style-iw-c:has(.${UNBUBBLED_CLASS}) {
+      background: transparent !important;
+      box-shadow: none !important;
+      padding: 0 !important;
+      border-radius: 0 !important;
+    }
+    .gm-style-iw-d:has(.${UNBUBBLED_CLASS}) {
+      overflow: visible !important;
+    }
+    .gm-style-iw-t:has(.${UNBUBBLED_CLASS})::after,
+    .gm-style-iw-t:has(.${UNBUBBLED_CLASS}) .gm-style-iw-tc {
+      display: none !important;
+    }
+  `;
+  document.head.appendChild(style);
+}
 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, {
+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,
+  description,
+  anchor,
+  zIndex,
+  rotate,
+  scale,
+  draggable,
+  onPress,
+  onDragStart,
+  onDragChange,
+  onDragEnd,
+  callout,
+  calloutOptions,
+  children
+}) => {
+  const {
+    moveCamera,
+    onCalloutClose,
+    closeCallouts
+  } = useMapContext();
+  const dragPositionRef = useRef(null);
+  const [markerRef, markerElement] = useAdvancedMarkerRef();
+  const [infoWindowOpen, setInfoWindowOpen] = useState(false);
+  const calloutBubbled = calloutOptions?.bubbled ?? true;
+  const closeCallout = useCallback(() => setInfoWindowOpen(false), []);
+  useEffect(() => onCalloutClose(closeCallout), [onCalloutClose, closeCallout]);
+  useEffect(() => {
+    if (!calloutBubbled) injectUnbubbledStyle();
+  }, [calloutBubbled]);
+  const hasCallout = !!(callout || title);
+  const calloutContent = callout ? /*#__PURE__*/isValidElement(callout) ? callout : /*#__PURE__*/React.createElement(callout) : title ? /*#__PURE__*/React.createElement('div', {
+    style: {
+      fontSize: 14
+    }
+  }, /*#__PURE__*/React.createElement('div', {
+    style: {
+      fontWeight: 500
+    }
+  }, title), description ? /*#__PURE__*/React.createElement('div', null, description) : null) : 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));
+    if (hasCallout) {
+      closeCallouts(closeCallout);
+      setInfoWindowOpen(prev => !prev);
+    }
+  }, [moveCamera, onPress, coordinate, hasCallout, closeCallouts, closeCallout]);
+  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 latLngPosition = {
+    lat: coordinate.latitude,
+    lng: coordinate.longitude
+  };
+  const position = dragPositionRef.current ?? latLngPosition;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(AdvancedMarker, {
+      ref: markerRef,
       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
-    });
-  }
-}
+    }), calloutContent && infoWindowOpen && markerElement && /*#__PURE__*/_jsx(InfoWindow, {
+      anchor: markerElement,
+      pixelOffset: !calloutBubbled ? [0, CALLOUT_ARROW_HEIGHT] : undefined,
+      headerDisabled: true,
+      onClose: () => setInfoWindowOpen(false),
+      children: !calloutBubbled ? /*#__PURE__*/_jsx("div", {
+        className: UNBUBBLED_CLASS,
+        children: calloutContent
+      }) : calloutContent
+    })]
+  });
+};
 //# 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":["React","isValidElement","useCallback","useEffect","useRef","useState","AdvancedMarker","InfoWindow","useAdvancedMarkerRef","useMapContext","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","CALLOUT_ARROW_HEIGHT","UNBUBBLED_CLASS","UNBUBBLED_STYLE_ID","injectUnbubbledStyle","document","getElementById","style","createElement","id","textContent","head","appendChild","toWebAnchor","value","createEvent","e","coordinate","nativeEvent","latitude","latLng","lat","longitude","lng","point","x","domEvent","clientX","y","clientY","Marker","title","description","anchor","zIndex","rotate","scale","draggable","onPress","onDragStart","onDragChange","onDragEnd","callout","calloutOptions","children","moveCamera","onCalloutClose","closeCallouts","dragPositionRef","markerRef","markerElement","infoWindowOpen","setInfoWindowOpen","calloutBubbled","bubbled","closeCallout","hasCallout","calloutContent","fontSize","fontWeight","transforms","push","handleClick","pos","current","coord","prev","handleDragStart","handleDrag","handleDragEnd","latLngPosition","position","ref","anchorLeft","undefined","anchorTop","clickable","onClick","onDrag","length","transform","join","pixelOffset","headerDisabled","onClose","className"],"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