@m4l/gclick 0.3.7 → 0.3.8

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/hooks/useDrawing.js

@@ -1,26 +1,29 @@
-import { useState as S, useRef as D, useEffect as d, useCallback as F, useMemo as w } from "react";
-import { useFormContext as x } from "react-hook-form";
-import { useModuleDictionary as B } from "@m4l/core";
-import { useMap as V } from "react-leaflet";
-import * as v from "leaflet";
-import { getLayerFromGeometry as H } from "../helpers.js";
-import { useFormReadyForUpdate as J, useWatchTyped as U } from "@m4l/components";
-import { MAP_GPSTOOLS_DICCTIONARY as u } from "../../../../../dictionary.js";
-import { getStyleFromProperties as T } from "../../../helpers.js";
-function Z() {
-  const { getLabel: i } = B(), y = J(), r = V(), { control: G, setValue: t } = x(), [
-    a,
-    A,
-    m,
-    g,
+import { useState as G, useRef as b, useEffect as g, useCallback as k, useMemo as U } from "react";
+import { useFormContext as J } from "react-hook-form";
+import { useModuleDictionary as q } from "@m4l/core";
+import { useMap as Q } from "react-leaflet";
+import * as Y from "leaflet";
+import { getLayerFromGeometry as Z } from "../helpers.js";
+import { useFormReadyForUpdate as K, useWatchTyped as X } from "@m4l/components";
+import { MAP_GPSTOOLS_DICCTIONARY as l } from "../../../../../dictionary.js";
+import { getStyleFromProperties as x } from "../../../helpers.js";
+import { useMapInteractionCapture as B } from "../../../../../../GpsMap/hooks/useMapInteractionCapture.js";
+import { useMapStore as j } from "../../../../../../GpsMap/hooks/useMapStore/index.js";
+import { GEOFENCES_DRAW_INTERACTION_OWNER_ID as v, GEOFENCES_DRAW_REQUIRED_INTERACTION_CHANNELS as z, GEOFENCES_ADD_EDIT_VISUAL_REQUIRED_INTERACTION_CHANNELS as $ } from "../../../constants.js";
+function pe() {
+  const { getLabel: i } = q(), d = K(), t = Q(), { control: V, setValue: r } = J(), A = j((o) => o.mapActions.moveToBounds), [
+    u,
+    O,
     f,
+    E,
+    _,
     L,
     h,
-    E,
-    I,
-    b
-  ] = U({
-    control: G,
+    N,
+    R,
+    W
+  ] = X({
+    control: V,
     name: [
       "geofenceTypeId",
       "inEdition",
@@ -33,112 +36,153 @@ function Z() {
       "geometry",
       "properties.radius"
     ]
-  }), [O, N] = S(!1), e = D(null), p = D(T({
-    strokeColor: m,
-    strokeOpacity: g,
-    strokeWeight: f,
+  }), [D, y] = G(!1), e = b(null), {
+    isAvailable: S,
+    releaseCapture: c,
+    requestCapture: T
+  } = B({
+    ownerId: v,
+    channels: z
+  }), { requestCapture: M } = B({
+    ownerId: v,
+    channels: $
+  }), m = b(x({
+    strokeColor: f,
+    strokeOpacity: E,
+    strokeWeight: _,
     strokeDashArray: L,
     fillColor: h,
-    fillOpacity: E
+    fillOpacity: N
   }));
-  p.current = T({
-    strokeColor: m,
-    strokeOpacity: g,
-    strokeWeight: f,
+  m.current = x({
+    strokeColor: f,
+    strokeOpacity: E,
+    strokeWeight: _,
     strokeDashArray: L,
     fillColor: h,
-    fillOpacity: E
+    fillOpacity: N
   });
-  const k = b ?? null, [l, M] = S(a);
-  d(() => {
-    if (y)
-      return I && (e.current = H(I, a, k, {
-        ...p.current
-      }), e.current && (r.addLayer(e.current), r.fitBounds(e.current.getBounds()))), () => {
+  const H = W ?? null, [a, F] = G(u);
+  g(() => {
+    d && M();
+  }, [d, M]), g(() => {
+    if (d) {
+      if (R && (e.current = Z(R, u, H, {
+        ...m.current
+      }), e.current)) {
+        t.addLayer(e.current);
+        const o = e.current.getBounds();
+        A({
+          southWest: {
+            lat: o.getSouth(),
+            lng: o.getWest()
+          },
+          northEast: {
+            lat: o.getNorth(),
+            lng: o.getEast()
+          }
+        }, {
+          animate: !1,
+          padding: [0, 0],
+          maxZoom: t.getMaxZoom()
+        });
+      }
+      return () => {
         e.current && e.current.remove();
       };
-  }, [r, y]), d(() => {
-    if (!y) {
-      l !== a && M(a);
+    }
+  }, [t, A, d]), g(() => {
+    if (!d) {
+      a !== u && F(u);
       return;
     }
-    a !== l && (M(a), l !== "gt_circle" && (t("properties.radius", null, { shouldDirty: !0 }), t("lat", null, { shouldDirty: !0 }), t("lng", null, { shouldDirty: !0 })), t("geometry", null, { shouldDirty: !0 }), e.current && (e.current.remove(), e.current = null));
-  }, [y, a]), d(() => {
-    e.current && e.current.setStyle(p.current);
-  }, [m, g, f, L, h, E]), d(() => {
-    r.pm.setLang("en", {
+    u !== a && (F(u), a !== "gt_circle" && (r("properties.radius", null, { shouldDirty: !0 }), r("lat", null, { shouldDirty: !0 }), r("lng", null, { shouldDirty: !0 })), r("geometry", null, { shouldDirty: !0 }), e.current && (e.current.remove(), e.current = null), c(["draw_geometry"]), y(!1), r("inEdition", !1, { shouldDirty: !0 }));
+  }, [u, a, d, c, r]), g(() => {
+    e.current && e.current.setStyle(m.current);
+  }, [f, E, _, L, h, N]), g(() => {
+    t.pm.setLang("en", {
       tooltips: {
         placeMarker: void 0,
-        firstVertex: i(u.LABEL_GEOMAN_FIRST_VERTEX),
-        continueLine: i(u.LABEL_GEOMAN_CONTINUE_LINE),
-        finishLine: i(u.LABEL_GEOMAN_FINISH_LINE),
-        finishPoly: i(u.LABEL_GEOMAN_FINISH_POLYLINE),
-        finishRect: i(u.LABEL_GEOMAN_FINISH_RECT),
-        startCircle: i(u.LABEL_GEOMAN_START_CIRCLE),
-        finishCircle: i(u.LABEL_GEOMAN_FINISH_CIRCLE),
-        placeCircleMarker: i(u.LABEL_GEOMAN_PLACE_CIRCLE_MARKER)
+        firstVertex: i(l.LABEL_GEOMAN_FIRST_VERTEX),
+        continueLine: i(l.LABEL_GEOMAN_CONTINUE_LINE),
+        finishLine: i(l.LABEL_GEOMAN_FINISH_LINE),
+        finishPoly: i(l.LABEL_GEOMAN_FINISH_POLYLINE),
+        finishRect: i(l.LABEL_GEOMAN_FINISH_RECT),
+        startCircle: i(l.LABEL_GEOMAN_START_CIRCLE),
+        finishCircle: i(l.LABEL_GEOMAN_FINISH_CIRCLE),
+        placeCircleMarker: i(l.LABEL_GEOMAN_PLACE_CIRCLE_MARKER)
       }
     });
-  }, [r, i]), d(() => {
-    if (r) {
-      let s = "Circle", _ = "Circle";
-      l === "gt_polygon" ? (s = "Polygon", _ = "Polygon") : l === "gt_multipolygon" ? (s = "MultiPolygon", _ = "Polygon") : l === "gt_rectangle" && (s = "Rectangle", _ = "Rectangle"), O ? e.current ? (e.current.pm.enable(), t("inEdition", !0), e.current.on("pm:disable", (n) => {
-        e.current = n.layer, t("geometry", e.current.toGeoJSON()?.geometry, {
+  }, [t, i]), g(() => {
+    if (t) {
+      let o = "Circle", C = "Circle";
+      a === "gt_polygon" ? (o = "Polygon", C = "Polygon") : a === "gt_multipolygon" ? (o = "MultiPolygon", C = "Polygon") : a === "gt_rectangle" && (o = "Rectangle", C = "Rectangle"), D ? e.current ? (e.current.pm.enable(), r("inEdition", !0), e.current.on("pm:disable", (s) => {
+        e.current = s.layer, r("geometry", e.current.toGeoJSON()?.geometry, {
           shouldTouch: !0,
           shouldValidate: !0,
           shouldDirty: !0
-        }), t("inEdition", !1), N(!1);
-      }), s === "Circle" && e.current.on("pm:change", (n) => {
-        e.current = n.layer, t("lat", Number(e.current.getLatLng().lat.toFixed(8))), t("lng", Number(e.current.getLatLng().lng.toFixed(8))), t("properties.radius", e.current.getRadius()), t("properties.radius", Number(e.current.getRadius().toFixed(1)));
-      })) : (t("inEdition", !0), s === "Circle" ? r.on("pm:drawstart", ({ workingLayer: n }) => {
-        n.on("pm:centerplaced", (c) => {
-          const o = c.workingLayer;
-          o.setStyle({
-            color: m,
-            opacity: g,
-            weight: f,
+        }), r("inEdition", !1), y(!1), c(["draw_geometry"]);
+      }), o === "Circle" && e.current.on("pm:change", (s) => {
+        e.current = s.layer, r("lat", Number(e.current.getLatLng().lat.toFixed(8))), r("lng", Number(e.current.getLatLng().lng.toFixed(8))), r("properties.radius", e.current.getRadius()), r("properties.radius", Number(e.current.getRadius().toFixed(1)));
+      })) : (r("inEdition", !0), o === "Circle" ? t.on("pm:drawstart", ({ workingLayer: s }) => {
+        s.on("pm:centerplaced", (p) => {
+          const n = p.workingLayer;
+          n.setStyle({
+            color: f,
+            opacity: E,
+            weight: _,
             dashArray: L,
             fillColor: h,
-            fillOpacity: E
-          }), t("lat", Number(o.getLatLng().lat.toFixed(8))), t("lng", Number(o.getLatLng().lng.toFixed(8))), o.on("pm:change", (C) => {
-            t("properties.radius", Number(o.getRadius().toFixed(1)));
+            fillOpacity: N
+          }), r("lat", Number(n.getLatLng().lat.toFixed(8))), r("lng", Number(n.getLatLng().lng.toFixed(8))), n.on("pm:change", (I) => {
+            r("properties.radius", Number(n.getRadius().toFixed(1)));
           });
         });
-      }) : (s === "Polygon" || s === "MultiPolygon") && r.on("pm:drawstart", ({ workingLayer: n }) => {
-        n.on("pm:vertexadded", (c) => {
-          c.workingLayer.setStyle(p.current);
+      }) : (o === "Polygon" || o === "MultiPolygon") && t.on("pm:drawstart", ({ workingLayer: s }) => {
+        s.on("pm:vertexadded", (p) => {
+          p.workingLayer.setStyle(m.current);
         });
-      }), r.pm.enableDraw(_), r.pm.setPathOptions(p.current), r.on("pm:create", (n) => {
-        const c = n.layer, o = c.toGeoJSON()?.geometry;
-        if (s === "MultiPolygon" && o?.type === "Polygon") {
-          const C = {
+      }), t.pm.enableDraw(C), t.pm.setPathOptions(m.current), t.on("pm:create", (s) => {
+        const p = s.layer, n = p.toGeoJSON()?.geometry;
+        if (o === "MultiPolygon" && n?.type === "Polygon") {
+          const I = {
             type: "MultiPolygon",
-            coordinates: [o.coordinates]
+            coordinates: [n.coordinates]
           };
-          r.removeLayer(c), e.current = v.geoJSON(C, {
-            style: p.current
-          }), r.addLayer(e.current), t("geometry", C, {
+          t.removeLayer(p), e.current = Y.geoJSON(I, {
+            style: m.current
+          }), t.addLayer(e.current), r("geometry", I, {
             shouldTouch: !0,
             shouldValidate: !0,
             shouldDirty: !0
           });
         } else
-          e.current = c, t("geometry", o, {
+          e.current = p, r("geometry", n, {
             shouldTouch: !0,
             shouldValidate: !0,
             shouldDirty: !0
           });
-        t("inEdition", !1), N(!1);
-      })) : (r.pm.disableDraw("Polygon"), r.off("pm:create"), r.off("pm:edit"), r.off("pm:drawstart"));
+        r("inEdition", !1), y(!1), c(["draw_geometry"]);
+      })) : (t.pm.disableDraw("Polygon"), t.off("pm:create"), t.off("pm:edit"), t.off("pm:drawstart"));
+    }
+  }, [D, t, c]);
+  const P = k(() => {
+    T() && y(!0);
+  }, [T]), w = k(() => {
+    if (c(["draw_geometry"]), e.current) {
+      e.current.pm.disable();
+      return;
     }
-  }, [r, O]);
-  const P = F(() => {
-    N(!0);
-  }, []), R = F(() => {
-    e.current && e.current.pm.disable();
-  }, []);
-  return w(() => ({ inEdition: A, handleDraw: P, handleFinish: R, geometrTypeIdCached: l }), [A, P, R, l]);
+    y(!1), r("inEdition", !1, { shouldDirty: !0 });
+  }, [c, r]);
+  return U(() => ({
+    inEdition: O,
+    handleDraw: P,
+    handleFinish: w,
+    geometrTypeIdCached: a,
+    isInteractionAvailable: S
+  }), [a, P, w, O, S]);
 }
 export {
-  Z as useDrawing
+  pe as useDrawing
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/GeneralData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeneralData.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/GeneralData.tsx"],"names":[],"mappings":"AAoBA;;GAEG;AACH,wBAAgB,WAAW,qDA8D1B"}
+{"version":3,"file":"GeneralData.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/GeneralData.tsx"],"names":[],"mappings":"AAoBA;;GAEG;AACH,wBAAgB,WAAW,qDAoE1B"}

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/GeneralData.js

@@ -1,44 +1,50 @@
-import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as u } from "@m4l/core";
-import { PaperForm as L, RHFTextField as n, Stack as a, RHFSelect as f, Button as g, RHFHelperError as m } from "@m4l/components";
-import { useDrawing as A } from "../../hooks/useDrawing.js";
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as L } from "@m4l/core";
+import { PaperForm as f, RHFTextField as r, Stack as l, RHFSelect as g, Button as A, RHFHelperError as m } from "@m4l/components";
+import { useDrawing as E } from "../../hooks/useDrawing.js";
 import { MAP_GPSTOOLS_DICCTIONARY as i } from "../../../../../../dictionary.js";
-import { useGeneral as E } from "./hooks/useGeneral.js";
-function x() {
-  const { getLabel: t } = u(), { inEdition: l, handleDraw: s, handleFinish: c, geometrTypeIdCached: o } = A(), { urlIcon: d, geofencesTypes: p } = E();
-  return /* @__PURE__ */ r(L, { urlIcon: d, title: t(i.PAPER_GENERAL), variant: "text", isForm: !0, children: [
+import { useGeneral as I } from "./hooks/useGeneral.js";
+function y() {
+  const { getLabel: t } = L(), {
+    inEdition: o,
+    handleDraw: s,
+    handleFinish: c,
+    geometrTypeIdCached: a,
+    isInteractionAvailable: d
+  } = E(), { urlIcon: p, geofencesTypes: u } = I();
+  return /* @__PURE__ */ n(f, { urlIcon: p, title: t(i.PAPER_GENERAL), variant: "text", isForm: !0, children: [
     /* @__PURE__ */ e(
-      n,
+      r,
       {
         name: "name",
         type: "text",
         label: t(`${i.LABEL_NAME}`)
       }
     ),
-    /* @__PURE__ */ r(a, { direction: "column", spacing: 1, alignItems: "flex-start", children: [
-      /* @__PURE__ */ r(a, { direction: "row", spacing: 1, alignItems: "center", children: [
+    /* @__PURE__ */ n(l, { direction: "column", spacing: 1, alignItems: "flex-start", children: [
+      /* @__PURE__ */ n(l, { direction: "row", spacing: 1, alignItems: "center", children: [
         /* @__PURE__ */ e(
-          f,
+          g,
           {
             name: "geofenceTypeId",
-            options: p
+            options: u
           }
         ),
         /* @__PURE__ */ e(
-          g,
+          A,
           {
-            onClick: l ? c : s,
-            disabled: !o,
-            label: t(l ? i.LABEL_FINISH : i.LABEL_DRAW)
+            onClick: o ? c : s,
+            disabled: !a || !o && !d,
+            label: t(o ? i.LABEL_FINISH : i.LABEL_DRAW)
           }
         )
       ] }),
       /* @__PURE__ */ e(m, { name: "geometry" }, "geometry"),
       /* @__PURE__ */ e(m, { name: "inEdition" }, "inEdition"),
-      o && o === "gt_circle" && // <HelperText variant='info' message={'undefined'} />
-      /* @__PURE__ */ r(a, { direction: "row", spacing: 1, alignItems: "center", children: [
+      a && a === "gt_circle" && // <HelperText variant='info' message={'undefined'} />
+      /* @__PURE__ */ n(l, { direction: "row", spacing: 1, alignItems: "center", children: [
         /* @__PURE__ */ e(
-          n,
+          r,
           {
             name: "properties.radius",
             label: t(i.LABEL_RADIUS),
@@ -48,7 +54,7 @@ function x() {
           }
         ),
         /* @__PURE__ */ e(
-          n,
+          r,
           {
             name: "lat",
             label: t(i.LABEL_LAT),
@@ -58,7 +64,7 @@ function x() {
           }
         ),
         /* @__PURE__ */ e(
-          n,
+          r,
           {
             name: "lng",
             label: t(i.LABEL_LON),
@@ -72,5 +78,5 @@ function x() {
   ] });
 }
 export {
-  x as GeneralData
+  y as GeneralData
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.d.ts

@@ -1,6 +1,6 @@
 import { ComponentRenderPropFeature } from '../../../../../GpsMap/contexts/MapContext';
 /**
- * "GeofenceFeatureRender" es la función encargada de renderizada las geocercas
+ * `GeofenceFeatureRender` renders geofences on the map.
  */
 export declare const GeofenceFeatureRender: ComponentRenderPropFeature;
 //# sourceMappingURL=GeofenceFeatureRender.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GeofenceFeatureRender.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAcvF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,0BAwLnC,CAAC"}
+{"version":3,"file":"GeofenceFeatureRender.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AAcvF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,0BAgJnC,CAAC"}

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.js

@@ -1,67 +1,52 @@
-import { jsxs as d, jsx as i } from "@emotion/react/jsx-runtime";
-import { Circle as I, Polyline as S, Polygon as j, GeoJSON as M } from "react-leaflet";
-import { shallow as P } from "zustand/shallow";
-import { useMapStore as b } from "../../../../../GpsMap/hooks/useMapStore/index.js";
-import p, { useCallback as v } from "react";
-import { MarkerIconLabel as g } from "../../../../../GpsMap/featureRenders/MarkerIconLabel/index.js";
-import { getLabelPositionForCircle as C, getLabelPositionForLineString as H, getLabelPositionForPolygon as h } from "./helpers.js";
-import { getStyleFromProperties as u } from "../../helpers.js";
-const A = (F) => {
-  const { id: L, layerId: y } = F, e = b((t) => {
-    const r = t.hashLayers[y].geoJsonObject;
+import { jsxs as g, jsx as s } from "@emotion/react/jsx-runtime";
+import { Circle as F, Polyline as L, Polygon as v, GeoJSON as I } from "react-leaflet";
+import { shallow as j } from "zustand/shallow";
+import { useMapStore as k } from "../../../../../GpsMap/hooks/useMapStore/index.js";
+import p from "react";
+import { MarkerIconLabel as u } from "../../../../../GpsMap/featureRenders/MarkerIconLabel/index.js";
+import { getLabelPositionForCircle as H, getLabelPositionForLineString as M, getLabelPositionForPolygon as P } from "./helpers.js";
+import { getStyleFromProperties as d } from "../../helpers.js";
+import { useObservableFeatureEventHandlers as S } from "../../../../../GpsMap/hooks/useObservableFeatureEventHandlers.js";
+const N = (b) => {
+  const { id: y, layerId: f } = b, m = S(f, y), e = k((o) => {
+    const r = o.hashLayers[f].geoJsonObject;
     if (!r)
       return null;
     if (r.object.type === "FeatureCollection") {
-      const o = r.object.features.find((n) => n.id === L);
-      if (o)
+      const t = r.object.features.find((n) => n.id === y);
+      if (t)
         return {
-          id: o.id,
-          geometry: o.geometry,
-          properties: o.properties
+          id: t.id,
+          geometry: t.geometry,
+          properties: t.properties
         };
     } else
-      throw new Error("GeofenceFeatureRender no se puede usar con un feature de tipo Feature");
+      throw new Error("GeofenceFeatureRender cannot be used with a single Feature payload");
     return null;
-  }, P), { addLayerDataToFeature: f } = b((t) => t.mapActions, P), c = v((t) => {
-    if (!e)
-      return;
-    const r = {
-      // visible: true,
-      boundsNW: t.target.getBounds().getNorthWest(),
-      boundsSE: t.target.getBounds().getSouthEast(),
-      getTarget: () => t.target
-      // target: e.target,
-    };
-    f(y, e.id, r);
-  }, [e, f, y]);
+  }, j);
   if (!e)
     return null;
-  const m = {
+  const c = {
     featureId: e.id
   };
   if (e.geometry?.type === "Point") {
-    const [t, r] = e.geometry.coordinates;
+    const [o, r] = e.geometry.coordinates;
     if (e.properties?.radius) {
-      const { radius: o, markerIconLabel: n, ...s } = e.properties, a = u(s), l = C(r, t, o);
-      return /* @__PURE__ */ d(p.Fragment, { children: [
-        /* @__PURE__ */ i(
-          I,
+      const { radius: t, markerIconLabel: n, ...i } = e.properties, a = d(i), l = H(r, o, t);
+      return /* @__PURE__ */ g(p.Fragment, { children: [
+        /* @__PURE__ */ s(
+          F,
           {
-            center: { lat: r, lng: t },
+            center: { lat: r, lng: o },
             radius: e.properties?.radius,
-            eventHandlers: {
-              add: c
-              // remove: () => {
-              //     removeLefletLayerToFeature(layerId, feature.id)
-              // },
-            },
+            eventHandlers: m,
             ...a,
-            ...m
+            ...c
           },
           Math.random()
         ),
-        n && /* @__PURE__ */ i(
-          g,
+        n && /* @__PURE__ */ s(
+          u,
           {
             position: l,
             ...n
@@ -70,78 +55,58 @@ const A = (F) => {
       ] });
     }
   } else if (e.geometry?.type === "LineString") {
-    const t = e.geometry.coordinates.map(
-      (s) => [s[1], s[0]]
-    ), { markerIconLabel: r, ...o } = e.properties, n = u(o);
-    return /* @__PURE__ */ d(p.Fragment, { children: [
-      /* @__PURE__ */ i(
-        S,
+    const o = e.geometry.coordinates.map(
+      (i) => [i[1], i[0]]
+    ), { markerIconLabel: r, ...t } = e.properties, n = d(t);
+    return /* @__PURE__ */ g(p.Fragment, { children: [
+      /* @__PURE__ */ s(
+        L,
         {
-          positions: t,
+          positions: o,
           stroke: !0,
-          eventHandlers: {
-            add: c
-            // remove: () => {
-            //     removeLefletLayerToFeature(layerId, feature.id)
-            // },
-          },
+          eventHandlers: m,
           ...n,
-          ...m
+          ...c
         },
         Math.random()
       ),
-      r && /* @__PURE__ */ i(
-        g,
+      r && /* @__PURE__ */ s(
+        u,
         {
-          position: H(t),
+          position: M(o),
           ...r
         }
       )
     ] });
   } else if (e.geometry?.type === "Polygon") {
-    const t = e.geometry.coordinates.map(
-      (s) => s.map(([a, l]) => [l, a])
-    ), { markerIconLabel: r, ...o } = e.properties, n = u(o);
-    return /* @__PURE__ */ d(p.Fragment, { children: [
-      /* @__PURE__ */ i(
-        j,
+    const o = e.geometry.coordinates.map(
+      (i) => i.map(([a, l]) => [l, a])
+    ), { markerIconLabel: r, ...t } = e.properties, n = d(t);
+    return /* @__PURE__ */ g(p.Fragment, { children: [
+      /* @__PURE__ */ s(
+        v,
         {
-          positions: t,
-          eventHandlers: {
-            add: c
-            // remove: () => {
-            //     removeLefletLayerToFeature(layerId, feature.id)
-            // },
-          },
+          positions: o,
+          eventHandlers: m,
           ...n,
-          ...m
+          ...c
         }
       ),
-      r && /* @__PURE__ */ i(g, { position: h(t), ...r })
+      r && /* @__PURE__ */ s(u, { position: P(o), ...r })
     ] });
   } else if (e.geometry?.type === "MultiPolygon") {
-    const t = e.geometry.coordinates.map(
-      (s) => s.map(
-        (a) => a.map(([l, k]) => [k, l])
+    const o = e.geometry.coordinates.map(
+      (i) => i.map(
+        (a) => a.map(([l, h]) => [h, l])
       )
-    ), { markerIconLabel: r, ...o } = e.properties, n = u(o);
-    return /* @__PURE__ */ d(p.Fragment, { children: [
-      /* @__PURE__ */ i(
-        M,
-        {
-          data: e.geometry,
-          ...n,
-          ...m,
-          eventHandlers: {
-            add: c
-          }
-        }
-      ),
-      r && /* @__PURE__ */ i(p.Fragment, { children: t.map((s, a) => /* @__PURE__ */ i(g, { position: h(s), ...r, label: `${r.label} (${a + 1}/${t.length})` }, a)) })
+    ), { markerIconLabel: r, ...t } = e.properties, n = d(t);
+    return /* @__PURE__ */ g(p.Fragment, { children: [
+      /* @__PURE__ */ s(I, { data: e.geometry, eventHandlers: m, ...n, ...c }),
+      r && /* @__PURE__ */ s(p.Fragment, { children: o.map((i, a) => /* @__PURE__ */ s(u, { position: P(i), ...r, label: `${r.label} (${a + 1}/${o.length})` }, a)) })
     ] });
   }
   return null;
 };
 export {
-  A as GeofenceFeatureRender
+  N as GeofenceFeatureRender
 };

package/components/maps/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components/GpsMap';
+export { isObservableFeatureEventCaptured } from './components/GpsMap';
 export * from './utils';
 export type { MapProps, RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry, } from './components/GpsMap';
 export * from './components/GpsMapTools';

package/components/maps/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/maps/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AAEpC,cAAc,SAAS,CAAC;AACxB,YAAY,EACV,QAAQ,EACR,oBAAoB,EACpB,0BAA0B,EAC1B,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/gclick/src/components/maps/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,gCAAgC,EAAE,MAAM,qBAAqB,CAAC;AAEvE,cAAc,SAAS,CAAC;AACxB,YAAY,EACV,QAAQ,EACR,oBAAoB,EACpB,0BAA0B,EAC1B,SAAS,EACT,iBAAiB,EACjB,OAAO,EACP,QAAQ,GACT,MAAM,qBAAqB,CAAC;AAE7B,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC"}