@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.1

package/components/maps/components/GpsMap/featureRenders/MarkerFeatureRender/index.js

@@ -1,74 +1,63 @@
-import { jsx } from "react/jsx-runtime";
-import { Marker } from "react-leaflet";
-import { shallow } from "zustand/shallow";
-import { useMemo } from "react";
-import L__default from "leaflet";
-import { u as useMapStore } from "../../hooks/useMapStore/index.js";
-function CustomMarker(props) {
-  const { position, width, height, iconForm, bearing, ...other } = props;
-  const html = useMemo(() => {
-  }, [bearing]);
-  const customIcon = useMemo(() => {
-    return L__default.divIcon({
-      className: "custom-icon",
-      iconSize: [width, height],
-      html: `<div>Hola</div>`
-    });
-  }, [html]);
-  return /* @__PURE__ */ jsx(
-    Marker,
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { Marker as p } from "react-leaflet";
+import { shallow as l } from "zustand/shallow";
+import { useMemo as m } from "react";
+import d from "leaflet";
+import { useMapStore as f } from "../../hooks/useMapStore/index.js";
+function g(i) {
+  const { position: n, width: s, height: o, iconForm: r, bearing: e, ...t } = i, c = m(() => {
+  }, [e]), a = m(() => d.divIcon({
+    className: "custom-icon",
+    iconSize: [s, o],
+    html: "<div>Hola</div>"
+  }), [c]);
+  return /* @__PURE__ */ u(
+    p,
     {
-      position,
-      icon: customIcon,
-      autoPan: true,
-      ...other
+      position: n,
+      icon: a,
+      autoPan: !0,
+      ...t
     }
   );
 }
-const MarkerFeatureRender = (props) => {
-  const { id, layerId } = props;
-  const feature = useMapStore((state) => {
-    const gObject = state.hashLayers[layerId].geoJsonObject;
-    if (!gObject) {
+const k = (i) => {
+  const { id: n, layerId: s } = i, o = f((r) => {
+    const e = r.hashLayers[s].geoJsonObject;
+    if (!e)
       return null;
-    }
-    if (gObject.object.type === "Feature") {
+    if (e.object.type === "Feature")
       return {
-        id: gObject.object.id,
-        geometry: gObject.object.geometry,
-        properties: gObject.object.properties
+        id: e.object.id,
+        geometry: e.object.geometry,
+        properties: e.object.properties
       };
-    } else {
-      const feat = gObject.object.features.find((f) => f.id === id);
-      if (feat) {
-        return {
-          id: feat.id,
-          geometry: feat.geometry,
-          properties: feat.properties
-        };
-      }
-      return null;
+    {
+      const t = e.object.features.find((c) => c.id === n);
+      return t ? {
+        id: t.id,
+        geometry: t.geometry,
+        properties: t.properties
+      } : null;
     }
-  }, shallow);
-  if (!feature) {
+  }, l);
+  if (!o)
     return null;
-  }
-  if (feature.geometry.type === "Point") {
-    const [lat, lng] = feature.geometry.coordinates;
-    const bearing = feature.properties?.iconRotate ?? 0;
+  if (o.geometry.type === "Point") {
+    const [r, e] = o.geometry.coordinates, t = o.properties?.iconRotate ?? 0;
     return (
       // <Marker position={{ lat, lng }}>
       // ddd
       // </Marker>
-      /* @__PURE__ */ jsx(
-        CustomMarker,
+      /* @__PURE__ */ u(
+        g,
         {
-          position: { lat, lng },
+          position: { lat: r, lng: e },
           width: 32,
           height: 32,
-          bearing,
+          bearing: t,
           iconForm: "grua",
-          id: feature.id
+          id: o.id
         }
       )
     );
@@ -76,5 +65,5 @@ const MarkerFeatureRender = (props) => {
   return null;
 };
 export {
-  MarkerFeatureRender as M
+  k as MarkerFeatureRender
 };

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/index.d.ts

@@ -4,4 +4,5 @@ import { FeatureDescriptionProps } from './types';
  * Puede o solo pintar el icono o solo la etiqueta de texto o ambos
  * Si se le define un popupRender, se renderiza el popup asociado al marcador
  */
-export declare const MarkerIconLabel: (props: FeatureDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MarkerIconLabel: (props: FeatureDescriptionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAIlD;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,uBAAuB,qDAyF7D,CAAC"}

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/index.js

@@ -1,81 +1,68 @@
-import { jsx } from "react/jsx-runtime";
-import { Marker } from "react-leaflet";
-import { F as FeatureDivIconLabel } from "./subcomponents/FeatureDivIconLabel/index.js";
-import { useState, useRef, useCallback } from "react";
-const MarkerIconLabel = (props) => {
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { Marker as x } from "react-leaflet";
+import { FeatureDivIconLabel as D } from "./subcomponents/FeatureDivIconLabel/index.js";
+import { useState as M, useRef as j, useCallback as c } from "react";
+const y = (i) => {
   const {
-    position,
-    draggable = true,
-    iconSrc,
-    iconRotate,
-    iconScale,
-    label,
-    fillColor,
-    color,
-    width,
-    height,
-    offsetLeftTop,
-    eventHandlers,
-    popupRender,
-    properties,
-    popupOptions,
-    ...others
-  } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const markerRef = useRef(null);
-  const makerDivIconLabel = FeatureDivIconLabel({
-    iconSrc,
-    iconRotate,
-    iconScale,
-    label,
-    width,
-    height,
-    fillColor,
-    color,
-    offsetLeftTop
-  });
-  const PopupRender = popupRender;
-  const { onOpenPopup, onClosePopup } = properties || { onOpenPopup: void 0, onClosePopup: void 0 };
-  const onPopupOpenLocal = useCallback((_e) => {
-    if (onOpenPopup && properties) {
-      onOpenPopup(properties);
-    }
-    setIsOpen(true);
-  }, [onOpenPopup, properties]);
-  const onPopupCloseLocal = useCallback((_e) => {
-    if (onClosePopup && properties) {
-      onClosePopup(properties);
-    }
-    setIsOpen(false);
-  }, [onClosePopup, properties]);
-  return /* @__PURE__ */ jsx(
-    Marker,
+    position: n,
+    draggable: a = !0,
+    iconSrc: u,
+    iconRotate: f,
+    iconScale: m,
+    label: d,
+    fillColor: v,
+    color: O,
+    width: P,
+    height: b,
+    offsetLeftTop: k,
+    eventHandlers: L,
+    popupRender: h,
+    properties: o,
+    popupOptions: C,
+    ...R
+  } = i, [I, r] = M(!1), g = j(null), H = D({
+    iconSrc: u,
+    iconRotate: f,
+    iconScale: m,
+    label: d,
+    width: P,
+    height: b,
+    fillColor: v,
+    color: O,
+    offsetLeftTop: k
+  }), t = h, { onOpenPopup: e, onClosePopup: p } = o || { onOpenPopup: void 0, onClosePopup: void 0 }, S = c((s) => {
+    e && o && e(o), r(!0);
+  }, [e, o]), _ = c((s) => {
+    p && o && p(o), r(!1);
+  }, [p, o]);
+  return /* @__PURE__ */ l(
+    x,
     {
-      ref: markerRef,
-      position,
-      draggable,
-      riseOnHover: true,
-      icon: makerDivIconLabel,
+      ref: g,
+      position: n,
+      draggable: a,
+      riseOnHover: !0,
+      icon: H,
       eventHandlers: {
-        ...eventHandlers,
-        click: (_e) => {
+        ...L,
+        click: (s) => {
         },
-        popupopen: onPopupOpenLocal,
-        popupclose: onPopupCloseLocal
+        popupopen: S,
+        popupclose: _
       },
-      ...others,
-      children: PopupRender && properties && /* @__PURE__ */ jsx(
-        PopupRender,
+      ...R,
+      children: t && o && /* @__PURE__ */ l(
+        t,
         {
-          isOpen,
-          properties,
-          position,
-          popupOptions
+          isOpen: I,
+          properties: o,
+          position: n,
+          popupOptions: C
         }
       )
     }
   );
 };
 export {
-  MarkerIconLabel as M
+  y as MarkerIconLabel
 };

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/index.d.ts

@@ -4,3 +4,4 @@ import { DivIconFeatureDescriptionProps } from './types';
  * Crea una etiqueta de texto con un icono, para ser usado como icono de una capa Marker de Leaflet
  */
 export declare const FeatureDivIconLabel: (props: DivIconFeatureDescriptionProps) => L.DivIcon;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,SAAS,CAAC;AAMxB,OAAO,EAAE,8BAA8B,EAAE,MAAM,SAAS,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,8BAA8B,cA+BxE,CAAC"}

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/index.js

@@ -1,33 +1,30 @@
-import L__default from "leaflet";
-import { L as LABEL_FILLCOLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../../../../constants.js";
-import { m as mapClasses } from "../../../../classes/index.js";
-import clsx from "clsx";
-const FeatureDivIconLabel = (props) => {
+import f from "leaflet";
+import { LABEL_FILLCOLOR_DEFAULT as p, LABEL_COLOR_DEFAULT as $ } from "../../../../constants.js";
+import { mapClasses as r } from "../../../../classes/index.js";
+import d from "clsx";
+const y = (c) => {
   const {
-    label,
-    iconSrc,
-    iconScale = 1,
-    iconRotate = 0,
-    fillColor = LABEL_FILLCOLOR_DEFAULT,
-    color = LABEL_COLOR_DEFAULT,
-    width = 24,
-    height = 24,
-    offsetLeftTop = [24, 0]
-  } = props;
-  let html = label ? `<div class="${mapClasses.featureLabel}" 
-                style="background-color:${fillColor}; color:${color};left:${offsetLeftTop[0]}px;top:${offsetLeftTop[1]}px; opacity:${0.85};">${label}</div>` : "";
-  if (iconSrc) {
-    html = `<div class="${mapClasses.markerLayerIcon}" style="transform: rotate(${iconRotate}deg) scale(${iconScale}); transform-origin: center center;">
-                    <img src=${iconSrc}></img>
-                </div>` + html;
-  }
-  return L__default.divIcon({
-    className: clsx(mapClasses.markerLayerRoot, ""),
-    iconSize: [width, height],
+    label: e,
+    iconSrc: t,
+    iconScale: i = 1,
+    iconRotate: l = 0,
+    fillColor: s = p,
+    color: m = $,
+    width: n = 24,
+    height: L = 24,
+    offsetLeftTop: a = [24, 0]
+  } = c;
+  let o = e ? `<div class="${r.featureLabel}" 
+                style="background-color:${s}; color:${m};left:${a[0]}px;top:${a[1]}px; opacity:${0.85};">${e}</div>` : "";
+  return t && (o = `<div class="${r.markerLayerIcon}" style="transform: rotate(${l}deg) scale(${i}); transform-origin: center center;">
+                    <img src=${t}></img>
+                </div>` + o), f.divIcon({
+    className: d(r.markerLayerRoot, ""),
+    iconSize: [n, L],
     // iconAnchor: [-width, height/2],
-    html
+    html: o
   });
 };
 export {
-  FeatureDivIconLabel as F
+  y as FeatureDivIconLabel
 };

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/types.d.ts

@@ -5,3 +5,4 @@ export interface DivIconFeatureDescriptionProps extends FeatureIconLabel {
     iconRotate?: number;
     iconScale?: number;
 }
+//# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/subcomponents/FeatureDivIconLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/types.d.ts

@@ -13,3 +13,4 @@ export interface FeatureDescriptionProps extends DivIconFeatureDescriptionProps,
     popupRender?: MapPopupComponent;
     popupOptions?: FeaturePopupOptions;
 }
+//# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/featureRenders/MarkerIconLabel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,8BAA8B,EAAE,MAAM,2CAA2C,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;AAChE,MAAM,WAAW,uBACf,SAAQ,8BAA8B,EACpC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAE;IACjC,YAAY,CAAC,EAAE,mBAAmB,CAAC;CAEpC"}

package/components/maps/components/GpsMap/featureRenders/index.d.ts

@@ -1 +1,2 @@
 export { MarkerFeatureRender } from './MarkerFeatureRender';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/featureRenders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/components/maps/components/GpsMap/hooks/index.d.ts

@@ -5,3 +5,4 @@ export { useFilterDecimation } from './useZoomBasedMarkerFilter/useFilterDecimat
 export { createPixelPathDecimationFilter } from './useZoomBasedMarkerFilter/createPixelPathDecimationFilter';
 export type { UseFilterDecimationConfig } from './useZoomBasedMarkerFilter/types';
 export type { PixelPathFilterConfig } from './useZoomBasedMarkerFilter/createPixelPathDecimationFilter/types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC;AACjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AACrF,OAAO,EAAE,+BAA+B,EAAE,MAAM,4DAA4D,CAAC;AAC7G,YAAY,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAClF,YAAY,EAAE,qBAAqB,EAAE,MAAM,kEAAkE,CAAC"}

package/components/maps/components/GpsMap/hooks/useAutoFocus/index.d.ts

@@ -5,3 +5,4 @@
  * @author Juan Escobar
  */
 export declare function useAutoFocus(): void;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/hooks/useAutoFocus/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useAutoFocus/index.tsx"],"names":[],"mappings":"AAiBA;;;;;GAKG;AACH,wBAAgB,YAAY,SAkG3B"}

package/components/maps/components/GpsMap/hooks/useAutoFocus/index.js

@@ -1,85 +1,65 @@
-import { useEffect } from "react";
-import { useMap } from "react-leaflet";
-import throttle from "lodash-es/throttle";
-import L__default from "leaflet";
-import { u as useMapStore } from "../useMapStore/index.js";
-import { deepShallow } from "@m4l/components";
-function useAutoFocus() {
-  const map = useMap();
-  const layerWithAutoFocus = useMapStore((state) => {
-    if (!state.autoFocusLayers) {
-      return void 0;
-    }
-    const result = state.layersIds.filter((lId) => {
-      if (state.hashLayers[lId].autoFocus && state.hashLayers[lId].visible) {
-        return true;
+import { useEffect as d } from "react";
+import { useMap as y } from "react-leaflet";
+import h from "lodash-es/throttle";
+import i from "leaflet";
+import { useMapStore as m } from "../useMapStore/index.js";
+import { deepShallow as p } from "@m4l/components";
+function W() {
+  const f = y(), n = m((a) => a.autoFocusLayers ? a.layersIds.filter((t) => !!(a.hashLayers[t].autoFocus && a.hashLayers[t].visible)).map((t) => ({
+    layerId: t,
+    features: (function() {
+      if (a.hashLayers[t].geoJsonObject?.object.type === "FeatureCollection")
+        return (a.hashLayers[t].geoJsonObject?.object).features.filter((e) => e.layerData !== void 0).map((e) => ({ featureId: e.id, layerData: e.layerData }));
+      {
+        const o = a.hashLayers[t].geoJsonObject?.object;
+        if (o.layerData !== void 0)
+          return [{ featureId: o.id, layerData: o.layerData }];
       }
-      return false;
-    }).map((layerId) => ({
-      layerId,
-      features: function() {
-        if (state.hashLayers[layerId].geoJsonObject?.object.type === "FeatureCollection") {
-          const layer = state.hashLayers[layerId].geoJsonObject?.object;
-          return layer.features.filter((feature) => feature.layerData !== void 0).map((feature) => ({ featureId: feature.id, layerData: feature.layerData }));
-        } else {
-          const feature = state.hashLayers[layerId].geoJsonObject?.object;
-          if (feature.layerData !== void 0) {
-            return [{ featureId: feature.id, layerData: feature.layerData }];
-          }
-        }
-        return [];
-      }()
-    }));
-    return result;
-  }, deepShallow);
-  console.log("layerWithAutoFocus", layerWithAutoFocus);
-  useEffect(() => {
-    const proccesLayerWithAutoFocus = (layersFoucus) => {
-      const layersToFitBounds = [];
-      for (const layerWhitFeatures of layersFoucus) {
-        const features = layerWhitFeatures?.features;
-        for (let i = 0; i < features.length; i++) {
-          const feature = features[i];
-          if (feature.layerData !== void 0) {
-            const featureForBounds = {
-              layerId: layerWhitFeatures.layerId,
-              featureId: feature.featureId,
-              layerData: feature.layerData
+      return [];
+    })()
+  })) : void 0, p);
+  console.log("layerWithAutoFocus", n), d(() => {
+    const l = h((t) => {
+      const o = [];
+      for (const e of t) {
+        const s = e?.features;
+        for (let r = 0; r < s.length; r++) {
+          const u = s[r];
+          if (u.layerData !== void 0) {
+            const c = {
+              layerId: e.layerId,
+              featureId: u.featureId,
+              layerData: u.layerData
             };
-            layersToFitBounds.push(featureForBounds);
-          } else {
-            console.error(`La capa ${layerWhitFeatures.layerId} no tiene un método getBounds`);
-          }
+            o.push(c);
+          } else
+            console.error(`La capa ${e.layerId} no tiene un método getBounds`);
         }
       }
-      if (layersToFitBounds.length > 0) {
-        let featureForBounds = layersToFitBounds[0];
-        let bounds = L__default.latLngBounds(
-          featureForBounds.layerData.boundsNW,
-          featureForBounds.layerData.boundsSE
+      if (o.length > 0) {
+        let e = o[0], s = i.latLngBounds(
+          e.layerData.boundsNW,
+          e.layerData.boundsSE
         );
-        for (let i = 1; i < layersToFitBounds.length; i++) {
-          featureForBounds = layersToFitBounds[i];
-          const newBounds = L__default.latLngBounds(
-            featureForBounds.layerData.boundsNW,
-            featureForBounds.layerData.boundsSE
+        for (let r = 1; r < o.length; r++) {
+          e = o[r];
+          const u = i.latLngBounds(
+            e.layerData.boundsNW,
+            e.layerData.boundsSE
           );
-          bounds = bounds.extend(newBounds);
+          s = s.extend(u);
         }
-        map.fitBounds(bounds, { animate: false, maxZoom: 22, padding: [50, 50] });
+        f.fitBounds(s, { animate: !1, maxZoom: 22, padding: [50, 50] });
       }
-    };
-    const throttleBounds = throttle(proccesLayerWithAutoFocus, 300, {
-      leading: false,
+    }, 300, {
+      leading: !1,
       // enviar el primer evento de fitBounds, para
-      trailing: true
+      trailing: !0
       // Incluir siempre el ultimo evento en la cola, para que no quede se quedee a la mitad del fitBounds
     });
-    if (layerWithAutoFocus) {
-      throttleBounds(layerWithAutoFocus);
-    }
-  }, [layerWithAutoFocus]);
+    n && l(n);
+  }, [n]);
 }
 export {
-  useAutoFocus as u
+  W as useAutoFocus
 };

package/components/maps/components/GpsMap/hooks/useAutoFocus/types.d.ts

@@ -13,3 +13,4 @@ export type LayerForBound = {
     featureId: FeatureId;
     layerData: FeatureLayerData;
 };
+//# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/hooks/useAutoFocus/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useAutoFocus/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACzC,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,gBAAgB,CAAC;CAC7B,CAAC"}

package/components/maps/components/GpsMap/hooks/useDisableClickEvents/index.d.ts

@@ -4,3 +4,4 @@
  * @param nodeElement
  */
 export declare function useDisableClickEvents(nodeElement: HTMLDivElement | null): void;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/hooks/useDisableClickEvents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useDisableClickEvents/index.tsx"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,cAAc,GAAG,IAAI,QAqBvE"}

package/components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.d.ts

@@ -4,3 +4,4 @@
  * @param nodeElement
  */
 export declare function useDisableMapEventsOnFlag(flag: boolean): void;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.tsx"],"names":[],"mappings":"AAWA;;;;GAIG;AACH,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,OAAO,QA+BtD"}

package/components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.js

@@ -1,31 +1,11 @@
-import { useRef, useEffect } from "react";
-import { useMap } from "react-leaflet";
-function useDisableMapEventsOnFlag(flag) {
-  const map = useMap();
-  const refPreviousFlag = useRef(false);
-  useEffect(() => {
-    if (!map || refPreviousFlag.current === flag) {
-      return;
-    }
-    if (flag) {
-      refPreviousFlag.current = true;
-      map.dragging.disable();
-      map.doubleClickZoom.disable();
-      map.scrollWheelZoom.disable();
-      map.touchZoom.disable();
-      map.boxZoom.disable();
-      map.keyboard.disable();
-    } else {
-      map.dragging.enable();
-      map.scrollWheelZoom.enable();
-      map.doubleClickZoom.enable();
-      map.touchZoom.enable();
-      map.boxZoom.enable();
-      map.keyboard.enable();
-    }
-    refPreviousFlag.current = flag;
-  }, [map, flag]);
+import { useRef as r, useEffect as a } from "react";
+import { useMap as b } from "react-leaflet";
+function i(o) {
+  const e = b(), l = r(!1);
+  a(() => {
+    !e || l.current === o || (o ? (l.current = !0, e.dragging.disable(), e.doubleClickZoom.disable(), e.scrollWheelZoom.disable(), e.touchZoom.disable(), e.boxZoom.disable(), e.keyboard.disable()) : (e.dragging.enable(), e.scrollWheelZoom.enable(), e.doubleClickZoom.enable(), e.touchZoom.enable(), e.boxZoom.enable(), e.keyboard.enable()), l.current = o);
+  }, [e, o]);
 }
 export {
-  useDisableMapEventsOnFlag as u
+  i as useDisableMapEventsOnFlag
 };

package/components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.d.ts

@@ -4,3 +4,4 @@
  * @param nodeElement
  */
 export declare function useDisableMapEventsOnMouseOver(nodeElement: HTMLDivElement | null): void;
+//# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.tsx"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,8BAA8B,CAAC,WAAW,EAAE,cAAc,GAAG,IAAI,QAwChF"}