@m4l/gclick 0.3.6 → 0.3.7

package/components/maps/components/GpsMap/subcomponents/Controls/Controls.d.ts

@@ -0,0 +1,6 @@
+import { ControlsProps } from './types';
+/**
+ * Componente encargado de instanciar todos los controles del map en las diferentes posiciones.
+ */
+export declare function Controls(props: ControlsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Controls.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/Controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Controls.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/Controls.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDA8B5C"}

package/components/maps/components/GpsMap/subcomponents/Controls/{index.js → Controls.js}

@@ -4,18 +4,18 @@ import { createPortal as P } from "react-dom";
 import i from "leaflet";
 import { useMap as E } from "react-leaflet";
 import { PopupsProvider as h } from "@m4l/components";
-import { ButtonsToolsList as s } from "./subcomponents/ButtonsToolsList/index.js";
 import { MAP_ZINDEX_OVER_MAP as b } from "../../constants.js";
-import { RightToolsRootStyled as l, PopupsViewerStyled as R } from "../../slots/styled.js";
+import { RightToolsRootStyled as s, PopupsViewerStyled as R } from "../../slots/styled.js";
 import { useControls as _ } from "./hooks/useControls.js";
+import { ButtonsToolsList as l } from "./subcomponents/ButtonsToolsList/ButtonsToolsList.js";
 function L(a) {
   const t = E(), [n, m] = e(null), [p, c] = e(void 0), { topRightTools: f, bottomRightTools: C, loggedUser: g } = _(a);
   return d(() => {
     const o = t.getContainer().getElementsByClassName("leaflet-control-container")[0];
-    o !== null && (m(o), i.DomEvent.disableClickPropagation(o), i.DomEvent.disableScrollPropagation(o)), c(t.getContainer());
+    o && (m(o), i.DomEvent.disableClickPropagation(o), i.DomEvent.disableScrollPropagation(o)), c(t.getContainer());
   }, [t]), /* @__PURE__ */ u(h, { baseZindex: b, children: [
-    /* @__PURE__ */ r(s, { position: "topright", tools: f, ControlContainer: l }),
-    /* @__PURE__ */ r(s, { position: "bottomright", tools: C, ControlContainer: l }),
+    /* @__PURE__ */ r(l, { position: "topright", tools: f, ControlContainer: s }),
+    /* @__PURE__ */ r(l, { position: "bottomright", tools: C, ControlContainer: s }),
     n && P(/* @__PURE__ */ r(R, { containerElement: p, loggedUser: g }), n)
   ] });
 }

package/components/maps/components/GpsMap/subcomponents/Controls/index.d.ts

@@ -1,6 +1,2 @@
-import { ControlsProps } from './types';
-/**
- * Componente encargado de instanciar todos los controles del map en las diferentes posiciones.
- */
-export declare function Controls(props: ControlsProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export * from './Controls';
 //# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDA8B5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/ButtonsToolsList.d.ts

@@ -0,0 +1,8 @@
+import { ButtonsToolsListProps } from './types';
+/**
+ * Inserta los botones de herramientas en los controles del mapa
+ * @param props
+ * @returns
+ */
+export declare function ButtonsToolsList(props: ButtonsToolsListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ButtonsToolsList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonsToolsList.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/ButtonsToolsList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA6C5D"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/{index.js → ButtonsToolsList.js}

@@ -1,16 +1,17 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
 import { useMemo as f } from "react";
 import { MapControl as l } from "../../../../external/MapControl/index.js";
-import { ButtonPopupTool as C } from "./subcomponents/ButtonPopupTool/index.js";
-import { useModuleDictionary as I, useEnvironment as P } from "@m4l/core";
-function L(p) {
-  const { tools: e, ControlContainer: u, position: c } = p, { getLabel: i } = I(), { host_static_assets: s, environment_assets: r } = P(), m = f(() => e.map((n) => {
+import { useModuleDictionary as C, useEnvironment as I } from "@m4l/core";
+import { ButtonPopupTool as P } from "./subcomponents/ButtonPopupTool/ButtonPopupTool.js";
+function h(p) {
+  const { tools: e, ControlContainer: u, position: c } = p, { getLabel: r } = C(), { host_static_assets: i, environment_assets: s } = I(), m = f(() => e.map((n) => {
     if (n.type === "popup") {
-      const t = "isInternal" in n && n.isInternal, a = t ? `${s}/${r}/frontend/components/${n.componentPathId}/assets/icons/${n.iconId}` : n.iconUrl, d = t ? i(n.dictionaryId) : n.PopupTitle;
+      const t = "isInternal" in n && n.isInternal, a = t ? `${i}/${s}/frontend/components/${n.componentPathId}/assets/icons/${n.iconId}` : n.iconUrl, d = t ? r(n.dictionaryId) : n.PopupTitle;
       return /* @__PURE__ */ o(
-        C,
+        P,
         {
           ToolComponent: n.PopupContentComponent,
+          externalController: n.externalController,
           iconUrl: a,
           popupId: n.id,
           title: d,
@@ -23,9 +24,9 @@ function L(p) {
       return typeof t == "function" ? /* @__PURE__ */ o(t, {}, n.id) : t;
     }
     return null;
-  }), [e, s, r, i]);
+  }), [e, i, s, r]);
   return /* @__PURE__ */ o(l, { position: c, prepend: !0, ControlContainer: u, children: m });
 }
 export {
-  L as ButtonsToolsList
+  h as ButtonsToolsList
 };

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/constants.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGzD,eAAO,MAAM,gBAAgB,EAAE,oBAS9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,oBAS7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,oBAS9B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/constants.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,oBAAoB,EACrB,MAAM,mBAAmB,CAAC;AAgB3B,eAAO,MAAM,gBAAgB,EAAE,oBAU9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,oBAU7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,oBAU9B,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/constants.js

@@ -1,39 +1,50 @@
-import { MAP_SOURCES_TOOL_POPUP_DEFAULT_POSITION as t, MAP_LAYERS_TOOL_POPUP_DEFAULT_POSITION as n, MESURE_TOOL_POPUP_DEFAULT_POSITION as O } from "../../../../constants.js";
+import { MAP_SOURCES_TOOL_POPUP_DEFAULT_POSITION as O, MAP_LAYERS_TOOL_POPUP_DEFAULT_POSITION as P, MESURE_TOOL_POPUP_DEFAULT_POSITION as _ } from "../../../../constants.js";
 import { MAP_DICCTIONARY as o } from "../../../../dictionary.js";
-import { MAP_ICONS as p } from "../../../../icons.js";
-import { MapSourcesTool as P } from "./subcomponents/MapSourcesTool/MapSourcesTool.js";
-import { MapLayersTool as _ } from "./subcomponents/MapLayersTool/MapLayersTool.js";
-import { MeasureTool as e } from "./subcomponents/MeasureTool/MeasureTool.js";
-const T = {
+import { MAP_ICONS as t } from "../../../../icons.js";
+import { MapSourcesTool as i } from "./subcomponents/MapSourcesTool/MapSourcesTool.js";
+import { MapLayersTool as l } from "./subcomponents/MapLayersTool/MapLayersTool.js";
+import { MeasureTool as a } from "./subcomponents/MeasureTool/MeasureTool.js";
+const p = ({
+  closeDefault: n,
+  openDefault: e,
+  toggleDefault: r
+}) => ({
+  close: n,
+  open: e,
+  toggle: r
+}), s = {
   isInternal: !0,
   id: "sourcesTools",
   type: "popup",
+  externalController: p,
   componentPathId: "map",
-  iconId: p.MAP_SOURCES_TOOL,
+  iconId: t.MAP_SOURCES_TOOL,
   dictionaryId: o.LABEL_MAP_SOURCES,
-  popupDefaultPosition: t,
-  PopupContentComponent: P
-}, a = {
+  popupDefaultPosition: O,
+  PopupContentComponent: i
+}, u = {
   isInternal: !0,
   id: "layersTools",
   type: "popup",
+  externalController: p,
   componentPathId: "map",
-  iconId: p.MAP_LAYERS_TOOL,
+  iconId: t.MAP_LAYERS_TOOL,
   dictionaryId: o.LABEL_LAYERS,
-  popupDefaultPosition: n,
-  PopupContentComponent: _
-}, I = {
+  popupDefaultPosition: P,
+  PopupContentComponent: l
+}, S = {
   isInternal: !0,
   id: "measureTools",
   type: "popup",
+  externalController: p,
   componentPathId: "map",
-  iconId: p.MAP_MEASURE_TOOL,
+  iconId: t.MAP_MEASURE_TOOL,
   dictionaryId: o.LABEL_MEASURE,
-  popupDefaultPosition: O,
-  PopupContentComponent: e
+  popupDefaultPosition: _,
+  PopupContentComponent: a
 };
 export {
-  a as MAP_LAYERS_TOOL,
-  I as MAP_MEASURE_TOOL,
-  T as MAP_SOURCES_TOOL
+  u as MAP_LAYERS_TOOL,
+  S as MAP_MEASURE_TOOL,
+  s as MAP_SOURCES_TOOL
 };

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

@@ -1,9 +1,11 @@
 import { JSX_REACT_NODE, RNDDefaultPosition } from '@m4l/components';
+import { MapToolExternalControllerFactory } from '../../../../../types';
 export type useToolProps = {
     popupId: string;
     ToolComponent?: JSX_REACT_NODE;
     iconUrl: string;
     title: string;
     defaultPosition: RNDDefaultPosition;
+    externalController?: MapToolExternalControllerFactory;
 };
 //# sourceMappingURL=types.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/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/hooks/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAErE,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAC,cAAc,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,kBAAkB,CAAC;CAErC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAE7E,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAC,cAAc,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,kBAAkB,CAAC;IACpC,kBAAkB,CAAC,EAAE,gCAAgC,CAAC;CACvD,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/usePopupToolRuntime.d.ts

@@ -0,0 +1,15 @@
+import { MapToolExternalControllerContext } from '../../../../../types';
+import { useToolProps } from './types';
+type UsePopupToolRuntimeResult = {
+    externalControllerContext: MapToolExternalControllerContext;
+    isDisabled: boolean;
+    isToggled: boolean;
+};
+/**
+ * Owns the shared popup-runtime lifecycle for popup-based map tools.
+ * Higher-level hooks can reuse this behavior directly or expose it through
+ * externally registered tool controllers.
+ */
+export declare function usePopupToolRuntime(props: useToolProps): UsePopupToolRuntimeResult;
+export {};
+//# sourceMappingURL=usePopupToolRuntime.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/usePopupToolRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupToolRuntime.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/usePopupToolRuntime.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,sBAAsB,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,yBAAyB,GAAG;IAC/B,yBAAyB,EAAE,gCAAgC,CAAC;IAC5D,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,GAAG,yBAAyB,CAsIlF"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/usePopupToolRuntime.js

@@ -0,0 +1,90 @@
+import { usePopupsStore as a, deepShallow as I } from "@m4l/components";
+import { useCallback as s, useMemo as w } from "react";
+import { useMap as M } from "react-leaflet";
+function H(h) {
+  const {
+    ToolComponent: u,
+    popupId: o,
+    iconUrl: c,
+    title: f,
+    defaultPosition: m
+  } = h, p = M(), { addPopup: g, bringPopupOnFront: l } = a((e) => e.popupsActions), { close: P, show: x } = a((e) => e.popupActions), { isHidden: n, isOpen: t } = a(
+    (e) => {
+      const b = e.popupsIds.filter((D) => e.hashPopups[D].status === "init");
+      return {
+        isHidden: e.popupsIds.indexOf(o) > -1 && b.indexOf(o) === -1,
+        isOpen: b.indexOf(o) > -1
+      };
+    },
+    I
+  ), d = s((e) => {
+    p.dragging.enable(), e.stopPropagation(), document.removeEventListener("mouseup", d);
+  }, [p]), O = s((e) => {
+    p.dragging.disable(), e.stopPropagation(), document.addEventListener("mouseup", d);
+  }, [p.dragging, d]), r = s(() => {
+    if (u) {
+      if (n) {
+        x(o), l(o, !0);
+        return;
+      }
+      if (t) {
+        l(o, !0);
+        return;
+      }
+      g(
+        {
+          winType: "component",
+          popupId: o,
+          title: f,
+          iconUrl: c,
+          component: u,
+          onMouseDown: O,
+          defaultPosition: m
+        },
+        { closeOthers: !1 }
+      );
+    }
+  }, [
+    u,
+    g,
+    l,
+    m,
+    c,
+    n,
+    t,
+    O,
+    o,
+    x,
+    f
+  ]), i = s(() => {
+    !t && !n || P(o);
+  }, [P, n, t, o]), C = s(() => {
+    if (t || n) {
+      i();
+      return;
+    }
+    r();
+  }, [i, n, t, r]);
+  return {
+    externalControllerContext: w(() => ({
+      closeDefault: i,
+      isHidden: n,
+      isOpen: t,
+      openDefault: r,
+      toggleDefault: C,
+      toolId: o
+    }), [
+      i,
+      n,
+      t,
+      r,
+      o,
+      C
+    ]),
+    isDisabled: n,
+    isToggled: t
+  };
+}
+export {
+  H as usePopupToolRuntime
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.d.ts

@@ -1,10 +1,8 @@
 import { useToolProps } from './types';
 /**
- * hook que contiene las funciones y estado de los botones de herramientas de la parte superior derecha del mapa
- *  - Boton de herramientas de GPS (Opcional)
- *  - Boton de herramientas de medición
- * @param props
- * @returns
+ * Small orchestration hook for popup-capable map tools.
+ * Popup runtime behavior lives in `usePopupToolRuntime`, while this hook only
+ * wires optional external control and the trigger click contract.
  */
 export declare function useTool(props: useToolProps): {
     onToolClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAGvC;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY;qBA0CL,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC;;;EAiCpF"}
+{"version":3,"file":"useTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY;qBAwCL,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC;;;EA2BpF"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useTool.js

@@ -1,43 +1,40 @@
-import { useMap as b } from "react-leaflet";
-import { usePopupsStore as i, deepShallow as h } from "@m4l/components";
-import { useCallback as r } from "react";
-function k(f) {
-  const { ToolComponent: s, popupId: n, iconUrl: u, title: a, defaultPosition: l } = f, { addPopup: d } = i((o) => o.popupsActions), { close: c } = i((o) => o.popupActions), { isToggled: p, isDisabled: P } = i(
-    (o) => {
-      const g = o.popupsIds.filter((T) => o.hashPopups[T].status === "init");
-      return {
-        isToggled: g.indexOf(n) > -1,
-        isDisabled: o.popupsIds.indexOf(n) > -1 && g.indexOf(n) === -1
-      };
-    },
-    h
-  ), e = b(), t = r((o) => {
-    e.dragging.enable(), o.stopPropagation(), document.removeEventListener("mouseup", t);
-  }, [e]), m = r((o) => {
-    e.dragging.disable(), o.stopPropagation(), document.addEventListener("mouseup", t);
-  }, [e.dragging, t]);
-  return {
-    onToolClick: r((o) => {
-      s && (p ? c(n) : d(
-        {
-          winType: "component",
-          popupId: n,
-          title: a,
-          iconUrl: u,
-          component: s,
-          onMouseDown: m,
-          defaultPosition: l,
-          dynamicParams: {
-            mytool: "juan"
-          }
-        },
-        { closeOthers: !1 }
-      ), o.stopPropagation());
-    }, [s, p, d, n, a, u, m, l, c]),
+import { useMemo as u, useCallback as m } from "react";
+import { useMapStore as g } from "../../../../../hooks/useMapStore/index.js";
+import { useRegisterMapToolController as c } from "../../../../../hooks/useRegisterMapToolController.js";
+import { usePopupToolRuntime as f } from "./usePopupToolRuntime.js";
+import { shallow as T } from "zustand/shallow";
+function v(n) {
+  const {
+    ToolComponent: e,
+    popupId: t,
+    externalController: o
+  } = n, { toggleTool: s } = g((r) => ({
+    toggleTool: r.mapActions.toggleTool
+  }), T), {
+    externalControllerContext: l,
+    isDisabled: a,
+    isToggled: p
+  } = f(n), i = u(() => {
+    if (!(!e || !o))
+      return o(l);
+  }, [e, o, l]);
+  return c(t, i, {
+    enabled: !!i,
+    scope: "default"
+  }), {
+    onToolClick: m((r) => {
+      e && (o ? s(t) : l.toggleDefault(), r.stopPropagation());
+    }, [
+      e,
+      o,
+      l,
+      t,
+      s
+    ]),
     isToggled: p,
-    isDisabled: P
+    isDisabled: a
   };
 }
 export {
-  k as useTool
+  v as useTool
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.d.ts

@@ -1,6 +1,7 @@
 import { MapToolButton } from '../../../../../types';
 /**
- * TODO: Documentar
+ * Builds the built-in zoom controls and keeps their disabled state aligned with
+ * the current Leaflet zoom bounds.
  */
 export declare function useZoomBottons(): MapToolButton[];
 //# sourceMappingURL=useZoomBottons.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useZoomBottons.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD;;GAEG;AACH,wBAAgB,cAAc,IAAI,aAAa,EAAE,CAmDhD"}
+{"version":3,"file":"useZoomBottons.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD;;;GAGG;AACH,wBAAgB,cAAc,IAAI,aAAa,EAAE,CAyDhD"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/hooks/useZoomBottons.js

@@ -1,51 +1,57 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { useState as u, useEffect as M, useCallback as d, useMemo as z } from "react";
-import { useMap as _ } from "react-leaflet";
-import { MAP_ICONS as p } from "../../../../../icons.js";
-import { useEnvironment as C } from "@m4l/core";
-import { ZoomButtonStyled as f } from "../../../../../slots/styled.js";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { useState as u, useEffect as O, useCallback as c, useMemo as M } from "react";
+import { useMap as I } from "react-leaflet";
+import { MAP_ICONS as l } from "../../../../../icons.js";
+import { useEnvironment as _ } from "@m4l/core";
+import { ZoomButtonStyled as p } from "../../../../../slots/styled.js";
 function g() {
-  const o = _(), { host_static_assets: t, environment_assets: n } = C(), [s, l] = u(!1), [m, Z] = u(!1);
-  M(() => {
-    const e = () => {
-      const r = o.getZoom(), O = o.getMaxZoom(), b = o.getMinZoom();
-      l(r === O), Z(r === b);
+  const o = I(), { host_static_assets: t, environment_assets: n } = _(), [e, Z] = u(!1), [s, f] = u(!1);
+  O(() => {
+    const m = () => {
+      const r = o.getZoom(), z = o.getMaxZoom(), b = o.getMinZoom();
+      Z(r === z), f(r === b);
     };
-    return o.on("zoomend", e), e(), () => {
-      o.off("zoomend", e);
+    return o.on("zoomend", m), m(), () => {
+      o.off("zoomend", m);
     };
   }, [o]);
-  const a = d(() => {
+  const a = c(() => {
     o.zoomIn();
-  }, [o]), i = d(() => {
+  }, [o]), i = c(() => {
     o.zoomOut();
   }, [o]);
-  return z(() => [
+  return M(() => [
     {
       id: "zoom-in",
       type: "button",
-      ButtonComponent: /* @__PURE__ */ c(
-        f,
+      ButtonComponent: /* @__PURE__ */ d(
+        p,
         {
           onClick: a,
-          src: `${t}/${n}/frontend/components/map/assets/icons/${p.MAP_ZOOM_IN}`,
-          disabled: s
+          src: `${t}/${n}/frontend/components/map/assets/icons/${l.MAP_ZOOM_IN}`,
+          disabled: e,
+          "aria-label": "Zoom in",
+          "data-map-tool-id": "zoom-in",
+          dataTestId: "map-tool-zoom-in"
         }
       )
     },
     {
       id: "zoom-out",
       type: "button",
-      ButtonComponent: /* @__PURE__ */ c(
-        f,
+      ButtonComponent: /* @__PURE__ */ d(
+        p,
         {
           onClick: i,
-          src: `${t}/${n}/frontend/components/map/assets/icons/${p.MAP_ZOOM_OUT}`,
-          disabled: m
+          src: `${t}/${n}/frontend/components/map/assets/icons/${l.MAP_ZOOM_OUT}`,
+          disabled: s,
+          "aria-label": "Zoom out",
+          "data-map-tool-id": "zoom-out",
+          dataTestId: "map-tool-zoom-out"
         }
       )
     }
-  ], [a, t, n, s, i, m]);
+  ], [a, t, n, e, i, s]);
 }
 export {
   g as useZoomBottons

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.d.ts

@@ -1,8 +1,2 @@
-import { ButtonsToolsListProps } from './types';
-/**
- * Inserta los botones de herramientas en los controles del mapa
- * @param props
- * @returns
- */
-export declare function ButtonsToolsList(props: ButtonsToolsListProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export * from './ButtonsToolsList';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAKrD;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,oDA4C5D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/ButtonPopupTool.d.ts

@@ -0,0 +1,7 @@
+import { ButtonToolProps } from './types';
+/**
+ * Tool button responsible for rendering the control trigger and delegating the
+ * popup lifecycle to the shared popup store.
+ */
+export declare function ButtonPopupTool(props: ButtonToolProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=ButtonPopupTool.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonPopupTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/ButtonPopupTool.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2DAoBrD"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/ButtonPopupTool.js

@@ -0,0 +1,22 @@
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useTool as d } from "../../hooks/useTool.js";
+import { ToggleIconButtonPopupToolStyled as u } from "../../../../../../slots/styled.js";
+function c(o) {
+  const { ToolComponent: i, iconUrl: n, popupId: t, title: l } = o, { onToolClick: e, isDisabled: p, isToggled: r } = d(o);
+  return i ? /* @__PURE__ */ a(
+    u,
+    {
+      isToggled: r,
+      disabled: p,
+      onToggle: e,
+      icon: n,
+      tooltip: l,
+      "aria-label": l,
+      "data-map-tool-id": t,
+      dataTestId: `map-tool-${t}`
+    }
+  ) : null;
+}
+export {
+  c as ButtonPopupTool
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.d.ts

@@ -1,6 +1,2 @@
-import { ButtonToolProps } from './types';
-/**
- * Boton de herramienta, se encarga de renderizar el boton de herramienta y gestionar el popup asociado.
- */
-export declare function ButtonPopupTool(props: ButtonToolProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export * from './ButtonPopupTool';
 //# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,eAAe,2DAgBrD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/ButtonPopupTool/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MapLayersTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.tsx"],"names":[],"mappings":"AAcA;;GAEG;AACH,wBAAgB,aAAa,qDA2B5B"}
+{"version":3,"file":"MapLayersTool.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,wBAAgB,aAAa,qDA6B5B"}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/MapLayersTool.js

@@ -1,13 +1,14 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
 import { useMapLayersTool as i } from "./hooks/useMapLayersTool.js";
-import { useDisableMapEventsOnMouseOver as m } from "../../../../../../hooks/useDisableMapEventsOnMouseOver/index.js";
-import { useRef as l } from "react";
-import { GpsMapLayersToolRootStyled as c } from "./slots/styled.js";
-import { MapLayerRow as p } from "./subcomponents/MapLayerRow.js";
-function A() {
-  const { layers: t, setCheckedLayers: r, removeLayer: u } = i(), o = l(null);
-  return m(o.current), /* @__PURE__ */ s(c, { ref: o, children: t.map((e) => /* @__PURE__ */ s(
-    p,
+import { useDisableMapEventsOnMouseOver as p } from "../../../../../../hooks/useDisableMapEventsOnMouseOver/index.js";
+import { useRef as c } from "react";
+import { GpsMapLayersToolRootStyled as l } from "./slots/styled.js";
+import { MapLayerRow as a } from "./subcomponents/MapLayerRow.js";
+import { useMap as n } from "react-leaflet";
+function F() {
+  const { layers: t, setCheckedLayers: r, removeLayer: u } = i(), o = c(null), m = n();
+  return p(m, o.current), /* @__PURE__ */ s(l, { ref: o, children: t.map((e) => /* @__PURE__ */ s(
+    a,
     {
       id: e.id,
       name: e.name,
@@ -24,5 +25,5 @@ function A() {
   )) });
 }
 export {
-  A as MapLayersTool
+  F as MapLayersTool
 };