@m4l/gclick 0.3.7 → 0.3.8

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/index.js

@@ -1,157 +1,212 @@
-import { useState as A, useRef as W, useCallback as s, useEffect as h } from "react";
-import { useMap as w } from "react-leaflet";
-import * as y from "leaflet";
-import { useFormContext as z, useWatch as H } from "react-hook-form";
-import { useFormReadyForUpdate as B } from "@m4l/components";
-import { useModuleDictionary as V } from "@m4l/core";
-import { STYLE_MEASURE_OPTIONS as X } from "../../constants.js";
-import { MAP_ZINDEX_DEFAULT as C } from "../../../../../../../../constants.js";
-import { getMagnitudeFactor as D, getMarkerPointIcon2 as Y, getMarkerPointLabel as Z } from "./helpers.js";
-import { mapClasses as $ } from "../../../../../../../../classes/index.js";
-import { useTheme as j } from "@mui/material";
-function ae() {
-  const { getLabel: i } = V(), o = w(), E = B(), { control: I, setValue: m } = z(), _ = j(), d = H({
-    control: I,
+import { useState as V, useRef as X, useCallback as s, useEffect as g } from "react";
+import { useMap as Y } from "react-leaflet";
+import * as _ from "leaflet";
+import { useFormContext as Z, useWatch as $ } from "react-hook-form";
+import { useFormReadyForUpdate as j } from "@m4l/components";
+import { useModuleDictionary as q } from "@m4l/core";
+import { MEASURE_TOOL_INTERACTION_OWNER_ID as G, MEASURE_TOOL_REQUIRED_INTERACTION_CHANNELS as J, STYLE_MEASURE_OPTIONS as K, MEASURE_TOOL_DUPLICATE_POINT_WINDOW_MS as ee, MEASURE_TOOL_DUPLICATE_POINT_EPSILON as F } from "../../constants.js";
+import { MAP_ZINDEX_DEFAULT as N } from "../../../../../../../../constants.js";
+import { getMagnitudeFactor as R, getMarkerPointIcon2 as re, getMarkerPointLabel as te } from "./helpers.js";
+import { mapClasses as ne } from "../../../../../../../../classes/index.js";
+import { useTheme as oe } from "@mui/material";
+import { shallow as ae } from "zustand/shallow";
+import { useMapStore as se } from "../../../../../../../../hooks/useMapStore/index.js";
+import { useMapInteractionCapture as ie } from "../../../../../../../../hooks/useMapInteractionCapture.js";
+function Ee() {
+  const { getLabel: u } = q(), o = Y(), A = j(), { control: S, setValue: l } = Z(), { subscribeObservableFeatureEvents: I, unsubscribeObservableFeatureEvents: O, resolveObservableFeaturePick: T } = se(
+    (n) => n.mapActions,
+    ae
+  ), x = oe(), k = $({
+    control: S,
     name: ["statusEdition", "value", "magnitude"]
-  }), k = d[0], T = d[1], c = d[2], x = i(D(c).dictionarySymbolId), [O, R] = A(c), t = W({
+  }), m = k[0], U = k[1], c = k[2], w = u(R(c).dictionarySymbolId), [W, H] = V(c), {
+    hasCapture: v,
+    releaseAllCapture: y
+  } = ie({
+    ownerId: G,
+    channels: J
+  }), t = X({
     measurePoints: [],
     addMarker: !1,
     magnitude: c,
     dragging: !1
-  }), b = s(() => {
+  }), C = s(() => {
     t.current.measurePoints.forEach((n) => {
       n.marker.remove(), n.labelMarker.remove();
-    }), t.current.measurePoints = [], m("value", g());
-  }, []), v = s(
-    (n, e = !1) => {
+    }), t.current.measurePoints = [], t.current.recentPointPlacement = void 0, l("value", f());
+  }, []), P = s(
+    (n, r = !1) => {
       if (n === void 0)
         return;
-      const r = D(t.current.magnitude);
-      return (r.factor_x0 + n * r.factor_x1 + r.factor_x2 * (n ^ 2)).toFixed(r.decimalDigits) + (e ? ` ${i(r.dictionarySymbolId)}` : "");
+      const e = R(t.current.magnitude);
+      return (e.factor_x0 + n * e.factor_x1 + e.factor_x2 * (n ^ 2)).toFixed(e.decimalDigits) + (r ? ` ${u(e.dictionarySymbolId)}` : "");
     },
-    [i]
-  ), g = s(() => {
+    [u]
+  ), f = s(() => {
     let n = 0;
-    const e = t.current.measurePoints;
-    t.current.layerLine ? e.length < 2 ? (t.current.layerLine.remove(), t.current.layerLine = void 0) : t.current.layerLine.setLatLngs(
-      e.map((r) => r.marker.getLatLng())
-    ) : e.length > 1 && (t.current.layerLine = y.polyline(
-      e.map((r) => r.marker.getLatLng()),
+    const r = t.current.measurePoints;
+    t.current.layerLine ? r.length < 2 ? (t.current.layerLine.remove(), t.current.layerLine = void 0) : t.current.layerLine.setLatLngs(
+      r.map((e) => e.marker.getLatLng())
+    ) : r.length > 1 && (t.current.layerLine = _.polyline(
+      r.map((e) => e.marker.getLatLng()),
       {
-        color: _.palette.primary.main,
+        color: x.palette.primary.main,
         //STYLE_MEASURE_OPTIONS.strokeLineColor,
-        weight: X.strokeLineWeight,
+        weight: K.strokeLineWeight,
         interactive: !1
-        //No se puede editar
+        // Editing stays disabled for the measurement polyline.
       }
     ).addTo(o));
-    for (let r = 0; r < e.length - 1; r++)
-      n += e[r].marker.getLatLng().distanceTo(e[r + 1].marker.getLatLng()) / 1e3;
-    e.length > 0 && e[0].formatDistanceFromPrevious !== void 0 && (e[0].formatDistanceFromPrevious = void 0, e[0].labelMarker.setIcon(L(void 0, i)), M(e[0].labelMarker));
-    for (let r = 1; r < e.length; r++) {
-      const a = v(
-        e[r - 1].marker.getLatLng().distanceTo(e[r].marker.getLatLng()) / 1e3,
+    for (let e = 0; e < r.length - 1; e++)
+      n += r[e].marker.getLatLng().distanceTo(r[e + 1].marker.getLatLng()) / 1e3;
+    r.length > 0 && r[0].formatDistanceFromPrevious !== void 0 && (r[0].formatDistanceFromPrevious = void 0, r[0].labelMarker.setIcon(p(void 0, u)), M(r[0].labelMarker));
+    for (let e = 1; e < r.length; e++) {
+      const a = P(
+        r[e - 1].marker.getLatLng().distanceTo(r[e].marker.getLatLng()) / 1e3,
         !0
       );
-      e[r].formatDistanceFromPrevious !== a && (e[r].formatDistanceFromPrevious = a, e[r].labelMarker.setIcon(
-        L(a, i)
-      ), M(e[r].labelMarker));
+      r[e].formatDistanceFromPrevious !== a && (r[e].formatDistanceFromPrevious = a, r[e].labelMarker.setIcon(
+        p(a, u)
+      ), M(r[e].labelMarker));
     }
-    return v(n);
-  }, [o, i]), F = s(Y, []), L = s(Z, [i]), S = s((n) => (e) => {
-    if (e.stopPropagation(), !t.current.dragging) {
-      const r = t.current.measurePoints.findIndex(
+    return P(n);
+  }, [o, u]), E = s(re, []), p = s(te, [u]), z = s((n) => (r) => {
+    if (r.stopPropagation(), !t.current.dragging) {
+      const e = t.current.measurePoints.findIndex(
         (a) => a.labelMarker === n
       );
-      if (r !== -1) {
-        const a = t.current.measurePoints[r];
-        a.marker.remove(), a.labelMarker.remove(), t.current.measurePoints.splice(r, 1), m("value", g()), t.current.addMarker = !0;
+      if (e !== -1) {
+        const a = t.current.measurePoints[e];
+        a.marker.remove(), a.labelMarker.remove(), t.current.measurePoints.splice(e, 1), l("value", f()), t.current.addMarker = !0;
       }
-      t.current.measurePoints.forEach((a, l) => {
-        a.marker.setIcon(F(l + 1));
+      t.current.measurePoints.forEach((a, i) => {
+        a.marker.setIcon(E(i + 1));
       });
     }
   }, []), M = s((n) => {
-    let e = n.getElement();
-    e && (e = e.getElementsByClassName(
-      $.measureLabelMarkerRemove
-    )[0], e && e.addEventListener("click", S(n)));
-  }, []), p = s(
+    let r = n.getElement();
+    r && (r = r.getElementsByClassName(
+      ne.measureLabelMarkerRemove
+    )[0], r && r.addEventListener("click", z(n)));
+  }, []), D = s((n, r) => {
+    const e = t.current.recentPointPlacement;
+    return e ? Date.now() - e.timestamp > ee ? (t.current.recentPointPlacement = void 0, !1) : Math.abs(e.lat - n) <= F && Math.abs(e.lng - r) <= F : !1;
+  }, []), L = s((n, r) => {
+    if (!Number.isFinite(n) || !Number.isFinite(r) || D(n, r))
+      return;
+    t.current.recentPointPlacement = {
+      lat: n,
+      lng: r,
+      timestamp: Date.now()
+    };
+    let e;
+    t.current.measurePoints.length > 0 && (e = P(
+      t.current.measurePoints[t.current.measurePoints.length - 1].marker.getLatLng().distanceTo({ lat: n, lng: r }) / 1e3
+    ));
+    const a = _.marker([n, r], {
+      draggable: !0,
+      riseOnHover: !0,
+      autoPan: !0,
+      icon: E(t.current.measurePoints.length + 1),
+      zIndexOffset: N
+    }).addTo(o);
+    a.on("moveend", function(d) {
+      const h = a.getLatLng();
+      i.setLatLng(h), l("value", f());
+    }), a.on("mouseover", function() {
+      t.current.addMarker = !1;
+    }), a.on("mouseout", function() {
+      t.current.addMarker = !0;
+    });
+    var i = _.marker([n, r], {
+      draggable: !0,
+      riseOnHover: !0,
+      icon: p(e, u),
+      zIndexOffset: N
+    }).addTo(o);
+    i.on("moveend", function(d) {
+      const h = i.getLatLng();
+      a.setLatLng(h), l("value", f());
+    }), i.on("mouseover", function(d) {
+      t.current.addMarker = !1;
+    }), i.on("mouseout", function(d) {
+      t.current.addMarker = !0;
+    }), i.on("dragstart", function(d) {
+      t.current.dragging = !0;
+    }), i.on("dragend", function(d) {
+      setTimeout(function() {
+        t.current.dragging = !1;
+      }, 10);
+    }), M(i), t.current.measurePoints.push({
+      marker: a,
+      labelMarker: i,
+      formatDistanceFromPrevious: e
+    }), l("value", f());
+  }, [
+    M,
+    P,
+    u,
+    E,
+    p,
+    o,
+    f,
+    l,
+    D
+  ]), b = s(
     (n) => {
-      const e = n.latlng.lat, r = n.latlng.lng;
-      let a;
-      if (t.current.addMarker === !1)
-        return;
-      t.current.measurePoints.length > 0 && (a = v(
-        t.current.measurePoints[t.current.measurePoints.length - 1].marker.getLatLng().distanceTo(n.latlng) / 1e3
-      ));
-      const l = y.marker([e, r], {
-        draggable: !0,
-        riseOnHover: !0,
-        //Se pone la marca encima de las otras cuando se hace over
-        autoPan: !0,
-        //Se corre el mapa si llega al extremo, solo para las marcas
-        icon: F(t.current.measurePoints.length + 1),
-        zIndexOffset: C
-      }).addTo(o);
-      l.on("moveend", function(f) {
-        const P = l.getLatLng();
-        u.setLatLng(P), m("value", g());
-      }), l.on("mouseover", function() {
-        t.current.addMarker = !1;
-      }), l.on("mouseout", function() {
-        t.current.addMarker = !0;
-      });
-      var u = y.marker([e, r], {
-        draggable: !0,
-        riseOnHover: !0,
-        //Se pone la marca encima de las otras cuando se hace over
-        icon: L(a, i),
-        zIndexOffset: C
-      }).addTo(o);
-      u.on("moveend", function(f) {
-        const P = u.getLatLng();
-        l.setLatLng(P), m("value", g());
-      }), u.on("mouseover", function(f) {
-        t.current.addMarker = !1;
-      }), u.on("mouseout", function(f) {
-        t.current.addMarker = !0;
-      }), u.on("dragstart", function(f) {
-        t.current.dragging = !0;
-      }), u.on("dragend", function(f) {
-        setTimeout(function() {
-          t.current.dragging = !1;
-        }, 10);
-      }), M(u), t.current.measurePoints.push({
-        marker: l,
-        labelMarker: u,
-        formatDistanceFromPrevious: a
-      }), m("value", g());
+      const r = n?.latlng?.lat, e = n?.latlng?.lng;
+      t.current.addMarker !== !1 && L(r, e);
     },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [o, g, m, i]
-  ), N = s(() => {
+    [L]
+  ), B = s(() => {
     o.getContainer().style.cursor = "crosshair";
-  }, [o]), U = s(() => {
+  }, [o]), Q = s(() => {
     o.getContainer().style.cursor = "default";
   }, [o]);
-  return h(() => {
+  return g(() => {
+    if (m === "initial" || !v)
+      return;
+    const n = I(
+      (r) => {
+        const e = T(r, {
+          purpose: "measure"
+        });
+        e && L(e.anchor.lat, e.anchor.lng);
+      },
+      {
+        captureOriginalEvent: !0,
+        eventTypes: ["click"]
+      }
+    );
+    return () => {
+      O(n);
+    };
+  }, [
+    L,
+    v,
+    T,
+    m,
+    I,
+    O
+  ]), g(() => {
     if (o)
-      if (k === "initial") {
-        o.off("click", p), b(), o.getContainer().style.cursor = "default";
+      if (m === "initial" || !v) {
+        o.off("click", b), C(), o.getContainer().style.cursor = "default";
         return;
       } else
-        t.current.addMarker = !0, o.getContainer().style.cursor = "crosshair", o.on("click", p);
-  }, [o, k]), h(() => {
-    if (E && c !== O) {
-      R(c), t.current.magnitude = c;
-      const n = g();
-      m("value", n);
+        t.current.addMarker = !0, o.getContainer().style.cursor = "crosshair", o.on("click", b);
+  }, [v, o, m]), g(() => {
+    m === "initial" && y();
+  }, [y, m]), g(() => {
+    if (A && c !== W) {
+      H(c), t.current.magnitude = c;
+      const n = f();
+      l("value", n);
     }
-  }, [c]), h(() => () => {
-    o.off("mousemove", N), o.off("mouseout", U), o.off("click", p), o.getContainer().style.cursor = "default", b();
-  }, []), { statusEdition: k, magnitude: c, symbol: x, value: T };
+  }, [c]), g(() => () => {
+    o.off("mousemove", B), o.off("mouseout", Q), o.off("click", b), o.getContainer().style.cursor = "default", C();
+  }, []), { statusEdition: m, magnitude: c, symbol: w, value: U };
 }
 export {
-  ae as useMeasure
+  Ee as useMeasure
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/types.d.ts

@@ -1,3 +1,8 @@
+export type RecentMeasurePointPlacement = {
+    lat: number;
+    lng: number;
+    timestamp: number;
+};
 export type MeasurePoint = {
     marker: L.Marker;
     labelMarker: L.Marker;
@@ -9,5 +14,6 @@ export interface RefCurrentMeasure {
     measurePoints: Array<MeasurePoint>;
     layerLine?: L.Polyline;
     magnitude: string;
+    recentPointPlacement?: RecentMeasurePointPlacement;
 }
 //# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC;IACtB,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;CAChD,CAAC;AACF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/hooks/useMeasure/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC;IACtB,0BAA0B,EAAE,MAAM,GAAG,SAAS,CAAC;CAChD,CAAC;AACF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;CACpD"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/subcomponents/MyActions/MyActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MyActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/subcomponents/MyActions/MyActions.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,wBAAgB,SAAS,qDA+BxB"}
+{"version":3,"file":"MyActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/subcomponents/MyActions/MyActions.tsx"],"names":[],"mappings":"AAoBA;;GAEG;AACH,wBAAgB,SAAS,qDA8CxB"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/subcomponents/MyActions/MyActions.js

@@ -1,23 +1,37 @@
-import { jsx as n } from "@emotion/react/jsx-runtime";
-import { useFormContext as a, useWatch as e } from "react-hook-form";
-import { ActionsContainer as c, Button as l } from "@m4l/components";
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { useFormContext as E, useWatch as c } from "react-hook-form";
+import { ActionsContainer as u, Button as A } from "@m4l/components";
 import { useModuleDictionary as m } from "@m4l/core";
-import { MAP_DICCTIONARY as s } from "../../../../../../../../dictionary.js";
-function L() {
-  const { control: r, setValue: i } = a(), { getLabel: o } = m(), t = e({
+import { MAP_DICCTIONARY as e } from "../../../../../../../../dictionary.js";
+import { MEASURE_TOOL_INTERACTION_OWNER_ID as C, MEASURE_TOOL_REQUIRED_INTERACTION_CHANNELS as d } from "../../constants.js";
+import { useMapInteractionCapture as f } from "../../../../../../../../hooks/useMapInteractionCapture.js";
+function D() {
+  const { control: r, setValue: i } = E(), { getLabel: n } = m(), t = c({
     control: r,
     name: ["statusEdition", "reInits"]
-  })[0];
-  return /* @__PURE__ */ n(c, { children: /* @__PURE__ */ n(
-    l,
+  })[0], {
+    isAvailable: a,
+    releaseAllCapture: s,
+    requestCapture: l
+  } = f({
+    ownerId: C,
+    channels: d
+  });
+  return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(
+    A,
     {
       onClick: () => {
-        t === "initial" ? i("statusEdition", "draw") : t === "draw" && i("statusEdition", "initial");
+        if (t === "initial") {
+          if (!l())
+            return;
+          i("statusEdition", "draw");
+        } else t === "draw" && (s(), i("statusEdition", "initial"));
       },
-      label: o(t === "initial" ? s.LABEL_MEASURE_START : s.LABEL_MEASURE_CANCEL)
+      disabled: t === "initial" && !a,
+      label: n(t === "initial" ? e.LABEL_MEASURE_START : e.LABEL_MEASURE_CANCEL)
     }
   ) });
 }
 export {
-  L as MyActions
+  D as MyActions
 };

package/components/maps/components/GpsMap/subcomponents/LayersContainer/subcomponents/Layer/Layer.js

@@ -4,10 +4,10 @@ import { LayerGroup as M } from "react-leaflet";
 import C from "leaflet";
 import { shallow as f } from "zustand/shallow";
 import { deepShallow as g } from "@m4l/components";
-import { useMapStore as u } from "../../../../hooks/useMapStore/index.js";
 import { useFilterDecimation as L } from "../../../../hooks/useFilterDecimation/useFilterDecimation.js";
 import { RenderByEachFeatureComponent as j, MemonizedRenderByEachFeatureComponent as b } from "./subcomponents/RenderByEachFeatureComponent/RenderByEachFeatureComponent.js";
 import { MarkerClusterGroup as I } from "./subcomponents/MarkerClusterGroup/MarkerClusterGroup.js";
+import { useMapStore as u } from "../../../../hooks/useMapStore/index.js";
 const E = (v) => {
   const { layerId: r } = v, n = u((o) => {
     const e = o.hashLayers[r]?.geoJsonObject;

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

@@ -1,6 +1,7 @@
 import { PositionMapTool } from '../../../GpsMap/types';
 import { RNDDefaultPosition } from '@m4l/components';
 import { StyleDashArray } from './model';
+import { InteractionChannel } from '../../../GpsMap/contexts/MapContext/types';
 export declare const ENDPOINT_GEOFENCES_GET = "geofences";
 export declare const ENDPOINT_GEOFENCES_NEW_EDIT = "geofences";
 export declare const ENDPOINT_DEVICES_LIST = "devices";
@@ -10,5 +11,10 @@ export declare enum GeofencesLayers {
 }
 export declare const GEOFENCES_TOOL: PositionMapTool;
 export declare const GEOFENCES_TOOL_DEFAULT_POSITION: RNDDefaultPosition;
+export declare const GEOFENCES_DRAW_INTERACTION_OWNER_ID = "geofences-draw";
+export declare const GEOFENCES_DRAW_REQUIRED_INTERACTION_CHANNELS: InteractionChannel[];
+export declare const GEOFENCES_ADD_EDIT_VISUAL_REQUIRED_INTERACTION_CHANNELS: InteractionChannel[];
+export declare const GEOFENCES_ADD_EDIT_INTERACTION_OWNER_ID = "geofences-add-edit-entry";
+export declare const GEOFENCES_ADD_EDIT_REQUIRED_INTERACTION_CHANNELS: InteractionChannel[];
 export declare const STYLE_PATTERNS: StyleDashArray[];
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAClD,eAAO,MAAM,2BAA2B,cAAc,CAAC;AACvD,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAC/C,eAAO,MAAM,4BAA4B,cAAc,CAAC;AAGxD,oBAAY,eAAe;IACzB,eAAe,cAA+B;CAG/C;AAGD,eAAO,MAAM,cAAc,EAAE,eAa5B,CAAC;AAGF,eAAO,MAAM,+BAA+B,EAAE,kBAG7C,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,EAa1C,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAKxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAGpF,eAAO,MAAM,sBAAsB,cAAc,CAAC;AAClD,eAAO,MAAM,2BAA2B,cAAc,CAAC;AACvD,eAAO,MAAM,qBAAqB,YAAY,CAAC;AAC/C,eAAO,MAAM,4BAA4B,cAAc,CAAC;AAGxD,oBAAY,eAAe;IACzB,eAAe,cAA+B;CAG/C;AAGD,eAAO,MAAM,cAAc,EAAE,eAa5B,CAAC;AAGF,eAAO,MAAM,+BAA+B,EAAE,kBAG7C,CAAC;AAEF,eAAO,MAAM,mCAAmC,mBAAmB,CAAC;AACpE,eAAO,MAAM,4CAA4C,EAAE,kBAAkB,EAG5E,CAAC;AACF,eAAO,MAAM,uDAAuD,EAAE,kBAAkB,EAEvF,CAAC;AACF,eAAO,MAAM,uCAAuC,6BAA6B,CAAC;AAClF,eAAO,MAAM,gDAAgD,EAAE,kBAAkB,EAEhF,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,cAAc,EAa1C,CAAC"}

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

@@ -1,46 +1,58 @@
-import { GPS_TOOLS_COMPONENT_PATH_ID as _ } from "../../constants.js";
-import { MAP_GPSTOOLS_DICCTIONARY as o } from "../../dictionary.js";
-import { MAP_GPSTOOLS_ICONS as t } from "../../icons.js";
-import { GeofencesTool as T } from "./GeofencesTool.js";
-const r = "geofences", I = "geofences", P = "devices", O = "geofences";
-var i = /* @__PURE__ */ ((E) => (E[E.LAYER_GEOFENCES = O] = "LAYER_GEOFENCES", E))(i || {});
-const c = {
+import { GPS_TOOLS_COMPONENT_PATH_ID as O } from "../../constants.js";
+import { MAP_GPSTOOLS_DICCTIONARY as _ } from "../../dictionary.js";
+import { MAP_GPSTOOLS_ICONS as o } from "../../icons.js";
+import { GeofencesTool as N } from "./GeofencesTool.js";
+const i = "geofences", r = "geofences", c = "devices", t = "geofences";
+var T = /* @__PURE__ */ ((E) => (E[E.LAYER_GEOFENCES = t] = "LAYER_GEOFENCES", E))(T || {});
+const A = {
   position: "topright",
   type: "popup",
   isInternal: !0,
-  componentPathId: _,
-  iconId: t.GEOFENCES_TOOL,
-  id: O,
-  dictionaryId: o.LABEL_GEOFENCES,
+  componentPathId: O,
+  iconId: o.GEOFENCES_TOOL,
+  id: t,
+  dictionaryId: _.LABEL_GEOFENCES,
   popupDefaultPosition: {
     vertical: { top: 16, bottom: 50 },
     horizontal: { right: -55, width: 380, magnetize: !0 }
   },
-  PopupContentComponent: T
-}, p = {
+  PopupContentComponent: N
+}, C = {
   vertical: { top: 16, bottom: 50 },
   horizontal: { right: -55, width: 380, magnetize: !0 }
-}, L = [
+}, D = "geofences-draw", R = [
+  "draw_geometry",
+  "viewport_control"
+], s = [
+  "viewport_control"
+], L = "geofences-add-edit-entry", d = [
+  "map_click"
+], p = [
   {
     id: "solid",
-    dictionaryId: o.LABEL_STROKE_PATTERN_SOLID,
-    iconId: t.GEOFENCES_STROKE_PATTERN_SOLID,
+    dictionaryId: _.LABEL_STROKE_PATTERN_SOLID,
+    iconId: o.GEOFENCES_STROKE_PATTERN_SOLID,
     style: ""
   },
   {
     id: "dash",
-    dictionaryId: o.LABEL_STROKE_PATTERN_DASH,
-    iconId: t.GEOFENCES_STROKE_PATTERN_DASH,
+    dictionaryId: _.LABEL_STROKE_PATTERN_DASH,
+    iconId: o.GEOFENCES_STROKE_PATTERN_DASH,
     style: "4 8"
   }
 ];
 export {
-  P as ENDPOINT_DEVICES_LIST,
-  r as ENDPOINT_GEOFENCES_GET,
-  I as ENDPOINT_GEOFENCES_NEW_EDIT,
-  c as GEOFENCES_TOOL,
-  p as GEOFENCES_TOOL_DEFAULT_POSITION,
-  O as GEOFENCES_TOOL_LIST_POPUP_ID,
-  i as GeofencesLayers,
-  L as STYLE_PATTERNS
+  c as ENDPOINT_DEVICES_LIST,
+  i as ENDPOINT_GEOFENCES_GET,
+  r as ENDPOINT_GEOFENCES_NEW_EDIT,
+  L as GEOFENCES_ADD_EDIT_INTERACTION_OWNER_ID,
+  d as GEOFENCES_ADD_EDIT_REQUIRED_INTERACTION_CHANNELS,
+  s as GEOFENCES_ADD_EDIT_VISUAL_REQUIRED_INTERACTION_CHANNELS,
+  D as GEOFENCES_DRAW_INTERACTION_OWNER_ID,
+  R as GEOFENCES_DRAW_REQUIRED_INTERACTION_CHANNELS,
+  A as GEOFENCES_TOOL,
+  C as GEOFENCES_TOOL_DEFAULT_POSITION,
+  t as GEOFENCES_TOOL_LIST_POPUP_ID,
+  T as GeofencesLayers,
+  p as STYLE_PATTERNS
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useDatagridFiltered.js

@@ -1,33 +1,33 @@
-import { useState as w, useEffect as c, useMemo as D, useCallback as H } from "react";
-import { useWindowToolsMF as L, useDataGridPersistence as Q } from "@m4l/components";
-import { usePaginate as R } from "@m4l/graphics";
+import { useState as D, useEffect as c, useMemo as H, useCallback as L } from "react";
+import { useWindowToolsMF as Q, useDataGridPersistence as R } from "@m4l/components";
+import { usePaginate as U } from "@m4l/graphics";
 import { useGpsMapToolsStore as d } from "../../../hooks/useGpsMapToolsStore/index.js";
 import { shallow as f } from "zustand/shallow";
-import { useFilterAndSort as U } from "./useFilterAndSort/useFilterAndSort.js";
-function I(l) {
-  const { goAdd: m, labelAdd: u, refreshCount: a } = l, { startProgress: h, stopProgress: g } = L(), [t] = d(
+import { useFilterAndSort as q } from "./useFilterAndSort/useFilterAndSort.js";
+function J(l) {
+  const { goAdd: m, labelAdd: u, enableAdd: h, refreshCount: a } = l, { startProgress: g, stopProgress: C } = Q(), [t] = d(
     (e) => [
       e.geofenceState.checkedGeofences
     ],
     f
-  ), { verifyAddOrChangedGeofenceFromList: C, setCheckedGeofences: i } = d(
+  ), { verifyAddOrChangedGeofenceFromList: p, setCheckedGeofences: i } = d(
     (e) => e.geofenceActions,
     f
-  ), [p, P] = w({}), { pagerState: k, rows: s, onPageChange: G, onRowsPerPageChange: S, Refresh: n } = R(
+  ), [P, k] = D({}), { pagerState: A, rows: s, onPageChange: G, onRowsPerPageChange: S, Refresh: n } = U(
     {
       endPoint: "geofences",
       fireOnChangeParms: !1,
       fireOnFirstLoad: !1,
-      queryParams: p,
+      queryParams: P,
       responseToCamelCase: !0,
-      startProgress: h,
-      stopProgress: g
+      startProgress: g,
+      stopProgress: C
     }
   );
   c(() => {
     a > 0 && n();
   }, [a, n]);
-  const A = D(() => new Set(Array.from(t).filter((e) => s.some((o) => o.id === e))), [t, s]), F = H((e) => {
+  const F = H(() => new Set(Array.from(t).filter((e) => s.some((o) => o.id === e))), [t, s]), y = L((e) => {
     const o = new Set(t);
     s.forEach((r) => {
       e.has(r.id) ? o.has(r.id) || o.add(r.id) : o.delete(r.id);
@@ -35,27 +35,27 @@ function I(l) {
   }, [t, s, i]);
   c(() => {
     s.forEach((e) => {
-      C(e.id, e);
+      p(e.id, e);
     });
   }, [s]);
-  const { onChangeUserColumns: y, defaultUserColumns: b } = Q({ prefixCookie: "master_all" }), { leftActions: x, rightActions: O, visibleCustomHeader: v, customHeaderComponent: E, externalFilterSettings: M, externalSortSettings: T } = U({ labelAdd: u, goAdd: m, setBackendQueryParams: P, refresh: n });
+  const { onChangeUserColumns: b, defaultUserColumns: x } = R({ prefixCookie: "master_all" }), { leftActions: O, rightActions: v, visibleCustomHeader: E, customHeaderComponent: M, externalFilterSettings: T, externalSortSettings: w } = q({ labelAdd: u, goAdd: m, enableAdd: h, setBackendQueryParams: k, refresh: n });
   return {
-    pagerState: k,
+    pagerState: A,
     onPageChange: G,
     onRowsPerPageChange: S,
     rows: s,
-    defaultUserColumns: b,
-    onChangeUserColumns: y,
-    leftActions: x,
-    rightActions: O,
-    visibleCustomHeader: v,
-    customHeaderComponent: E,
-    checkedGeofencesFiltered: A,
-    setCheckedGeofencesFiltered: F,
-    externalFilterSettings: M,
-    externalSortSettings: T
+    defaultUserColumns: x,
+    onChangeUserColumns: b,
+    leftActions: O,
+    rightActions: v,
+    visibleCustomHeader: E,
+    customHeaderComponent: M,
+    checkedGeofencesFiltered: F,
+    setCheckedGeofencesFiltered: y,
+    externalFilterSettings: T,
+    externalSortSettings: w
   };
 }
 export {
-  I as useDatagridFiltered
+  J as useDatagridFiltered
 };