@m4l/gclick 0.0.2

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

@@ -0,0 +1 @@
+export * from './MapPopupDevice';

package/components/maps/components/GpsMap/popups/index.js

@@ -0,0 +1 @@
+

package/components/maps/components/GpsMap/popups/types.d.ts

@@ -0,0 +1,10 @@
+import { LatLngExpression, PopupOptions } from 'leaflet';
+import { FeatureId, GeoJsonProperties } from '../contexts/MapContext/types';
+export type MapPopupProps = {
+    featureId?: FeatureId;
+    position: LatLngExpression;
+    properties: GeoJsonProperties;
+    popupOptions?: Omit<PopupOptions, 'content'>;
+    isOpen: boolean;
+};
+export type MapPopupComponent = (props: MapPopupProps) => JSX.Element | null;

package/components/maps/components/GpsMap/slots/GpsMapSlots.d.ts

@@ -0,0 +1,4 @@
+export declare const GpsMapRootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-leaflet').MapContainerProps & import('react').RefAttributes<import('leaflet').Map>, keyof import('react-leaflet').MapContainerProps | keyof import('react').RefAttributes<import('leaflet').Map>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
+export declare const PopupGpsDeviceStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupGpsDeviceHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
+export declare const PopupGpsDeviceContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/maps/components/GpsMap/slots/GpsMapSlots.js

@@ -0,0 +1,24 @@
+import { styled } from "@mui/material/styles";
+import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
+import { m as mapStyles } from "../GpsMap.styles.js";
+import { M as MapSlots } from "./slots.js";
+import { MapContainer } from "react-leaflet";
+const GpsMapRootStyled = styled(MapContainer, {
+  name: COMPONET_KEY_COMPONENT,
+  slot: MapSlots.root
+})(mapStyles?.root);
+styled("div", {
+  name: COMPONET_KEY_COMPONENT,
+  slot: MapSlots.popupGpsDevice
+})(mapStyles?.popupGpsDevice);
+styled("div", {
+  name: COMPONET_KEY_COMPONENT,
+  slot: MapSlots.popupGpsDeviceHeader
+})(mapStyles?.popupGpsDeviceHeader);
+styled("div", {
+  name: COMPONET_KEY_COMPONENT,
+  slot: MapSlots.popupGpsDeviceContent
+})(mapStyles?.popupGpsDeviceContent);
+export {
+  GpsMapRootStyled as G
+};

package/components/maps/components/GpsMap/slots/slots.d.ts

@@ -0,0 +1,6 @@
+export declare enum MapSlots {
+    root = "root",
+    popupGpsDevice = "popupGpsDevice",
+    popupGpsDeviceHeader = "popupGpsDeviceHeader",
+    popupGpsDeviceContent = "popupGpsDeviceContent"
+}

package/components/maps/components/GpsMap/slots/slots.js

@@ -0,0 +1,10 @@
+var MapSlots = /* @__PURE__ */ ((MapSlots2) => {
+  MapSlots2["root"] = "root";
+  MapSlots2["popupGpsDevice"] = "popupGpsDevice";
+  MapSlots2["popupGpsDeviceHeader"] = "popupGpsDeviceHeader";
+  MapSlots2["popupGpsDeviceContent"] = "popupGpsDeviceContent";
+  return MapSlots2;
+})(MapSlots || {});
+export {
+  MapSlots as M
+};

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

@@ -0,0 +1,17 @@
+import { ControlsProps } from './types';
+/**
+ * Componente encargado de instanciar todos los controles del map en las diferentes posiciones.
+ *  En el efecto de Carga, desactiva los eventos de click y scroll al interior "leaflet-control-container".
+ *  Se crea el contendor de popups con un portal dentro de "leaflet-control-container", para que se benficie de los eventos desactivados.
+ *
+ *  - TopLeftTools
+ *      MapSources
+ *      MapLayers
+ *  - TopRightTools
+ *      GpsTools
+ *      MapTools
+ *      Zoom Buttons
+ * @param props
+ * @returns
+ */
+export declare function Controls(props: ControlsProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMap/subcomponents/Controls/index.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { createPortal } from "react-dom";
+import L__default from "leaflet";
+import { useMap } from "react-leaflet";
+import { PopupsProvider, PopupsViewer } from "@m4l/components";
+import { T as TopRightTools } from "./subcomponents/TopRigthTools/index.js";
+import { T as TopLeftTools } from "./subcomponents/TopLeftTools/index.js";
+import { b as MAP_ZINDEX_OVER_MAP } from "../../constants.js";
+function Controls(props) {
+  const { tools } = props;
+  const map = useMap();
+  const [controlContainer, setControlContainer] = useState(null);
+  const [mapContainer, setMapContainer] = useState(void 0);
+  useEffect(() => {
+    const cContainer = map.getContainer().getElementsByClassName("leaflet-control-container")[0];
+    if (cContainer !== null) {
+      setControlContainer(cContainer);
+      L__default.DomEvent.disableClickPropagation(cContainer);
+      L__default.DomEvent.disableScrollPropagation(cContainer);
+    }
+    setMapContainer(map.getContainer());
+  }, [map]);
+  return /* @__PURE__ */ jsxs(PopupsProvider, { baseZindex: MAP_ZINDEX_OVER_MAP, children: [
+    /* @__PURE__ */ jsx(TopLeftTools, {}),
+    /* @__PURE__ */ jsx(TopRightTools, { tools }),
+    controlContainer && createPortal(/* @__PURE__ */ jsx(PopupsViewer, { containerElement: mapContainer }), controlContainer)
+  ] });
+}
+export {
+  Controls as C
+};

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

@@ -0,0 +1,4 @@
+/**
+ * TODO: Documentar
+ */
+export declare function TopLeftTools(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/index.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { L as LayersButton } from "./subcomponents/PopoverToolButton/index.js";
+import { C as Control } from "../../../../external/Control/index.js";
+import { m as mapClasses } from "../../../../classes/index.js";
+function TopLeftTools() {
+  return /* @__PURE__ */ jsxs(Control, { position: "topleft", prepend: true, className: mapClasses.topLeftToolsRoot, children: [
+    /* @__PURE__ */ jsx(LayersButton, { type: "MapSources" }),
+    /* @__PURE__ */ jsx(LayersButton, { type: "Layers" })
+  ] });
+}
+export {
+  TopLeftTools as T
+};

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

@@ -0,0 +1,10 @@
+import { PopoverToolButtonProps } from './types';
+/**
+ * Provee un componente que le permite al usuario cambiar la configuración del idioma en la plataforma.
+ * @param props
+ * @returns
+ */
+/**
+ * TODO: Documentar
+ */
+export declare function LayersButton(props: PopoverToolButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/index.js

@@ -0,0 +1,58 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { IconButton, Popover } from "@m4l/components";
+import { L as LayersTool } from "./subcomponentes/LayersTool/index.js";
+import { M as MapSourcesTool } from "./subcomponentes/MapSourcesTool/index.js";
+import { useEnvironment } from "@m4l/core";
+import { useTheme } from "@mui/material";
+import { m as mapClasses } from "../../../../../../classes/index.js";
+import { M as MAP_ICONS } from "../../../../../../icons.js";
+function LayersButton(props) {
+  const { type } = props;
+  const [open, setOpen] = useState(null);
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const theme = useTheme();
+  const handleOpen = (event) => {
+    setOpen(event.currentTarget);
+  };
+  const handleClose = () => {
+    setOpen(null);
+  };
+  return (
+    /* LanguagePopoverRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
+        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros componentes
+        de la plataforna web. */
+    /* @__PURE__ */ jsxs(React.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          onClick: handleOpen,
+          src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${type === "MapSources" ? MAP_ICONS.MAP_SOURCES_TOOL : MAP_ICONS.MAP_LAYERS_TOOL}`
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Popover,
+        {
+          className: type === "MapSources" ? mapClasses.mapSourcesPopoverRoot : mapClasses.layersPopoverRoot,
+          arrowType: "no-arrow",
+          open: Boolean(open),
+          anchorEl: open,
+          anchorOrigin: { vertical: "bottom", horizontal: "left" },
+          onClose: handleClose,
+          sx: {
+            ...type === "MapSources" ? theme.components?.M4LMapMapSources?.styleOverrides : theme.components?.M4LMapLayers?.styleOverrides
+            // width: 180,
+            // '& .MuiMenuItem-root': { px: 1, typography: 'body2', borderRadius: 0.75 },
+          },
+          disableAutoFocus: true,
+          disableRestoreFocus: true,
+          disableEnforceFocus: true,
+          children: type === "MapSources" ? /* @__PURE__ */ jsx(MapSourcesTool, {}) : /* @__PURE__ */ jsx(LayersTool, {})
+        }
+      )
+    ] })
+  );
+}
+export {
+  LayersButton as L
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useCheckedLayers.d.ts

@@ -0,0 +1,9 @@
+import { CheckedNameSet } from '../../../../../../../../../contexts/MapContext/types';
+/**
+ * Hook encargado de cargar las capas checkeadas y setter de acuerdo al nombre del set de capas
+ * @param layerId
+ * @param checkedType
+ * @param endpoint
+ * @returns
+ */
+export declare function useCheckedLayers(checkedNameSet: CheckedNameSet): [ReadonlySet<string>, (newFeatures: ReadonlySet<string>) => void];

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useCheckedLayers.js

@@ -0,0 +1,17 @@
+import { shallow } from "zustand/shallow";
+import { u as useMapStore } from "../../../../../../../../../hooks/useMapStore/index.js";
+function useCheckedLayers(checkedNameSet) {
+  const [checkedLayers, setCheckedLayers] = useMapStore(
+    (state) => [
+      state[`${checkedNameSet}CheckedLayers`],
+      (newSet) => {
+        state.mapActions.setCheckedLayers(checkedNameSet, newSet);
+      }
+    ],
+    shallow
+  );
+  return [checkedLayers, setCheckedLayers];
+}
+export {
+  useCheckedLayers as u
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useColumns.d.ts

@@ -0,0 +1,18 @@
+import { Column } from 'react-data-grid';
+import { LayersListModel } from '../model';
+type UseColumnsProps<Row> = {
+    rowKeyGetter: (row: Row) => string;
+    visibleLayers: ReadonlySet<string>;
+    setVisibleLayers: (newSet: ReadonlySet<string>) => void;
+    autoFocusLayers: ReadonlySet<string>;
+    setAutoFocusLayers: (newSet: ReadonlySet<string>) => void;
+    clusterLayers: ReadonlySet<string>;
+    setClusterLayers: (newSet: ReadonlySet<string>) => void;
+};
+/**
+ * TODO: Documentar
+ */
+export declare function useColumns(props: UseColumnsProps<LayersListModel>): {
+    columns: Column<LayersListModel, unknown>[];
+};
+export {};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useColumns.js

@@ -0,0 +1,139 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { ColumnSetCheckFormatter, Icon } from "@m4l/components";
+import { M as MAP_DICCTIONARY } from "../../../../../../../../../dictionary.js";
+import { M as MAP_ICONS } from "../../../../../../../../../icons.js";
+import { Tooltip } from "@mui/material";
+function useColumns(props) {
+  const {
+    rowKeyGetter,
+    visibleLayers,
+    setVisibleLayers,
+    autoFocusLayers,
+    setAutoFocusLayers,
+    clusterLayers,
+    setClusterLayers
+  } = props;
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const useHook = useCallback(
+    (field) => {
+      if (field === "visible") {
+        return [visibleLayers, setVisibleLayers];
+      } else if (field === "autoFocus") {
+        return [autoFocusLayers, setAutoFocusLayers];
+      } else {
+        return [clusterLayers, setClusterLayers];
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [visibleLayers, autoFocusLayers, clusterLayers]
+  );
+  const columns = useMemo(
+    () => [
+      {
+        key: "name",
+        name: getLabel(MAP_DICCTIONARY.LABEL_LAYER_NAME),
+        type: "string",
+        width: 150,
+        frozen: true
+      },
+      {
+        key: "visible",
+        name: getLabel(MAP_DICCTIONARY.LABEL_LAYER_VISIBLE),
+        width: 50,
+        minWidth: 20,
+        type: "boolean",
+        // isDraggable: false,
+        formatter: ColumnSetCheckFormatter({
+          field: "active",
+          rowKeyGetter,
+          useHook
+        }),
+        cellClass: "rdg-cell-align-center",
+        /**
+         * HeaderRenderer para la columna de visibilidad
+         */
+        headerRenderer: () => /* @__PURE__ */ jsx(Tooltip, { title: getLabel(MAP_DICCTIONARY.LABEL_LAYER_VISIBLE), children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "medium",
+            src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_LAYER_VISIBLE}`
+          }
+        ) })
+      },
+      {
+        key: "autoFocus",
+        name: getLabel(MAP_DICCTIONARY.LABEL_LAYER_AUTOFOCUS),
+        minWidth: 20,
+        width: 50,
+        type: "boolean",
+        // frozen: true,
+        // isDraggable: false,
+        formatter: ColumnSetCheckFormatter({
+          field: "active",
+          rowKeyGetter,
+          useHook
+        }),
+        cellClass: "rdg-cell-align-center",
+        /**
+         * HeaderRenderer para la columna de autoenfoque
+         */
+        headerRenderer: () => /* @__PURE__ */ jsx(Tooltip, { title: getLabel(MAP_DICCTIONARY.LABEL_LAYER_AUTOFOCUS), children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "medium",
+            src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_LAYER_AUTOFOCUS}`
+          }
+        ) })
+      },
+      {
+        key: "cluster",
+        name: getLabel(MAP_DICCTIONARY.LABEL_LAYER_CLUSTER),
+        minWidth: 20,
+        width: 50,
+        type: "boolean",
+        // frozen: true,
+        // isDraggable: false,
+        formatter: ColumnSetCheckFormatter({
+          field: "clusterAble",
+          disabledGetter: (row) => !row.clusterAble,
+          rowKeyGetter,
+          useHook
+        }),
+        cellClass: "rdg-cell-align-center",
+        /**
+         * HeaderRenderer para la columna de cluster
+         */
+        headerRenderer: () => /* @__PURE__ */ jsx(Tooltip, { title: getLabel(MAP_DICCTIONARY.LABEL_LAYER_CLUSTER), children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            size: "medium",
+            src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_LAYER_CLUSTER}`
+          }
+        ) })
+      }
+      // {
+      //     key: 'checkedInternalFeatures',
+      //     name: getLabel(DICCTIONARY.LABEL_VIEW_INTERNAL_FEATURES),
+      //     width: 80,
+      //     type: 'boolean',
+      //     // isDraggable: false,
+      //     // frozen: true,
+      //     formatter: ColumnSetCheckFormatter({
+      //         field: 'InternalFeatures',
+      //         rowKeyGetter,
+      //         useHook,
+      //     }),
+      //     cellClass: 'rdg-cell-align-center',
+      // },
+    ],
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getLabel, useHook]
+  );
+  return { columns };
+}
+export {
+  useColumns as u
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useMaster.d.ts

@@ -0,0 +1,12 @@
+import { LayersListModel } from '../model';
+/**
+ * Hook que contiene la logica de la tabla de capas
+ */
+export declare function useMaster(): {
+    rowKeyGetter: (row: LayersListModel) => string;
+    columns: import('react-data-grid').Column<LayersListModel, unknown>[];
+    rows: LayersListModel[];
+    checkedRows: ReadonlySet<string>;
+    onCheckedRowsChange: (newFeatures: ReadonlySet<string>) => void;
+    rowActionsGetter: (row: LayersListModel) => import('@m4l/components').MenuAction[] | [];
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useMaster.js

@@ -0,0 +1,52 @@
+import { useCallback, useMemo } from "react";
+import { shallow } from "zustand/shallow";
+import { u as useColumns } from "./useColumns.js";
+import { u as useMapStore } from "../../../../../../../../../hooks/useMapStore/index.js";
+import { u as useCheckedLayers } from "./useCheckedLayers.js";
+import { u as useRowActionsGetter } from "./useRowActionsGetter.js";
+function useMaster() {
+  const [hashLayers, layersIds] = useMapStore(
+    (state) => [state.hashLayers, state.layersIds],
+    shallow
+  );
+  const rowKeyGetter = useCallback((row) => row.id, []);
+  const [visibleLayers, setVisibleLayers] = useCheckedLayers("visible");
+  const [autoFocusLayers, setAutoFocusLayers] = useCheckedLayers("autoFocus");
+  const [clusterLayers, setClusterLayers] = useCheckedLayers("cluster");
+  const rows = useMemo(() => {
+    const filteredRows = [];
+    layersIds.forEach((layerId) => {
+      if (hashLayers[layerId]) {
+        filteredRows.push({
+          id: layerId,
+          name: hashLayers[layerId].name || `*${layerId}`,
+          active: hashLayers[layerId].visible,
+          clusterAble: hashLayers[layerId].clusterAble || false,
+          deleteAble: hashLayers[layerId].deleteAble || false
+        });
+      }
+    });
+    return filteredRows;
+  }, [hashLayers, layersIds]);
+  const { rowActionsGetter } = useRowActionsGetter();
+  const { columns } = useColumns({
+    rowKeyGetter,
+    visibleLayers,
+    setVisibleLayers,
+    autoFocusLayers,
+    setAutoFocusLayers,
+    clusterLayers,
+    setClusterLayers
+  });
+  return {
+    rowKeyGetter,
+    columns,
+    rows,
+    checkedRows: visibleLayers,
+    onCheckedRowsChange: setVisibleLayers,
+    rowActionsGetter
+  };
+}
+export {
+  useMaster as u
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.d.ts

@@ -0,0 +1,8 @@
+import { LayersListModel } from '../model';
+import { MenuAction } from '@m4l/components';
+/**
+ * TODO: Documentar
+ */
+export declare function useRowActionsGetter(): {
+    rowActionsGetter: (row: LayersListModel) => MenuAction[] | [];
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.js

@@ -0,0 +1,43 @@
+import { useState, useCallback } from "react";
+import { useModuleDictionary, useModulePrivileges, useEnvironment } from "@m4l/core";
+import { shallow } from "zustand/shallow";
+import { u as useMapStore } from "../../../../../../../../../hooks/useMapStore/index.js";
+import { M as MAP_ICONS } from "../../../../../../../../../icons.js";
+import { M as MAP_DICCTIONARY } from "../../../../../../../../../dictionary.js";
+function useRowActionsGetter() {
+  const { getLabel } = useModuleDictionary();
+  const { hasPrivilege } = useModulePrivileges();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { removeLayer } = useMapStore((state) => state.mapActions, shallow);
+  const [urlIconDelete] = useState(
+    `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_LAYER_DELETE}`
+  );
+  const onDelete = useCallback(
+    (row) => {
+      removeLayer(row.id);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getLabel]
+  );
+  const rowActionsGetter = useCallback(
+    (row) => {
+      const conditionalItems = [];
+      conditionalItems.push({
+        type: "menuItem",
+        startIcon: urlIconDelete,
+        label: MAP_DICCTIONARY.ROW_ACTION_LAYER_DELETE,
+        onClick: () => {
+          onDelete(row);
+        },
+        disabled: !row.deleteAble
+      });
+      return conditionalItems;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [hasPrivilege, onDelete, urlIconDelete]
+  );
+  return { rowActionsGetter };
+}
+export {
+  useRowActionsGetter as u
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * TODO: Documentar
+ */
+export declare function LayersTool(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/index.js

@@ -0,0 +1,30 @@
+import { jsx } from "react/jsx-runtime";
+import { DataGrid } from "@m4l/components";
+import { u as useMaster } from "./hooks/useMaster.js";
+import { u as useDisableZoomEvents } from "../../../../../../../../hooks/useDisableZoomEvents/index.js";
+import { useRef } from "react";
+function LayersTool() {
+  const { columns, rows, rowKeyGetter, rowActionsGetter } = useMaster();
+  const divRef = useRef(null);
+  useDisableZoomEvents(divRef.current);
+  return /* @__PURE__ */ jsx("div", { ref: divRef, style: { position: "relative", height: "100%" }, children: /* @__PURE__ */ jsx(
+    DataGrid,
+    {
+      id: "layers",
+      columns,
+      rows,
+      rowActionsGetter,
+      rowKeyGetter,
+      withActions: true,
+      actionsProps: {
+        withRowsCount: false,
+        withSettings: false,
+        withPager: false,
+        withLocalFilters: false
+      }
+    }
+  ) });
+}
+export {
+  LayersTool as L
+};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/model.d.ts

@@ -0,0 +1,26 @@
+export type LayerId = string;
+/**
+ * Modelo de datos proveniente del endpoint get de geocercas
+ */
+export interface LayersListModel {
+    /**
+     * id de la geocerca
+     */
+    id: LayerId;
+    /**
+     * "name" Traducción del nombre de la capa
+     */
+    name: string;
+    /**
+     * "active" si está activa o no lo capa para visualización
+     */
+    active?: boolean;
+    /**
+     * "clusterAble" si es cluterable
+     */
+    clusterAble: boolean;
+    /**
+     * "deleteAble"
+     */
+    deleteAble: boolean;
+}

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * TODO: Documentar
+ */
+export declare function MapSourcesTool(): import("react/jsx-runtime").JSX.Element;