@m4l/gclick 0.1.0 → 0.2.0-JAEBeta.0

package/components/maps/components/GpsMap/contexts/MapContext/types.d.ts

@@ -1,7 +1,6 @@
 import { GetLabelType } from '@m4l/core';
 import { ReactNode } from 'react';
-import { MapClasses } from '../../classes/types';
-import { default as L, Layer, LeafletEvent, PopupOptions } from 'leaflet';
+import { default as L, Layer, LeafletEvent, Map as LeafletMap, PopupOptions } from 'leaflet';
 import { MapPopupComponent } from '../../popups/types';
 export type FeatureId = string | number;
 /**
@@ -182,8 +181,7 @@ export interface Feature<G extends Geometry | null = Geometry, P = GeoJsonProper
     /**
      * "featureLabel" Etiqueta de la geometria, undenfined si no se quiere mostrar
      */
-    featureLabel?: FeatureIconLabel;
-    juan?: string;
+    label?: FeatureIconLabel;
 }
 /**
  * A collection of feature objects.
@@ -256,7 +254,7 @@ export interface GeoJsonImplementedObject {
      */
     bbox?: BBox | undefined;
 }
-export type CheckedNameSet = 'visible' | 'autoFocus' | 'cluster';
+export type CheckedNameProp = 'visible' | 'autoFocus' | 'cluster';
 export type LayerStore = {
     /**
      * "layerId" Indetificador unico entre todas las capas
@@ -270,6 +268,11 @@ export type LayerStore = {
      * "visible" si es visible o no
      */
     visible?: boolean;
+    /**
+     * "cluster" Cuando la capa es ta enmodo cluster, indica que si las marcas se intersectan
+     * debe se grupadas en un icono en indicar cuantas maras hay en el cluster
+     */
+    cluster?: boolean;
     /**
      * "autoFocus" Cuando cambia el contedido de las capas, tener esta capa para incluir en el foco global
      * del mapa. Por defecto es false
@@ -280,14 +283,13 @@ export type LayerStore = {
      */
     clusterAble?: boolean;
     /**
-     * "deleteAble" indica si la capa es borrable por el usuario
+     * "autoFocusAble" indica si la capa es focusable por el usuario
      */
-    deleteAble?: boolean;
+    autoFocusAble?: boolean;
     /**
-     * "cluster" Cuando la capa es ta enmodo cluster, indica que si las marcas se intersectan
-     * debe se grupadas en un icono en indicar cuantas maras hay en el cluster
+     * "deleteAble" indica si la capa es borrable por el usuario
      */
-    cluster?: boolean;
+    deleteAble?: boolean;
     /**
      * "geoJsonObject" inidica cual es objeto as rederizas (Un sola capa Feature o FeatureCollection)
      * y los bounds del objeto TODO: depront bounds debe ir directamene en el feature.
@@ -324,14 +326,6 @@ export interface ForSetSingleFeatureData extends Feature {
 export type MapStatus = 'init' | 'ready';
 export type OwnerState = {
     status: MapStatus;
-    /**
-     *  "isMobile" cuando el navegador está en modo celular
-     */
-    isMobile: boolean;
-    /**
-     *  "isSkeleton" indica si el componente está en skeleton.
-     */
-    isSkeleton: boolean;
     /**
      * focus: Estado de selección asignado por el usuario.
      *
@@ -341,7 +335,6 @@ export type OwnerState = {
 /**
  * Estados que se actulizan por fuera del store, a través de hooks
  */
-export type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
 export type AreaMapType = {
     leftLowerLatitudeOffset: number;
     leftLowerLengthOffset: number;
@@ -351,44 +344,59 @@ export type AreaMapType = {
     leftLowerLength: number;
     mapLatBottomDegree: number;
 };
-export type SourceTypeTile = 'OSM' | 'Google' | 'Bing' | 'GoogleNoKey';
-export type mapTypeTile = 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
-export type MapSourceId = 'osm_roadmap' | 'google_rodmap' | 'google_satellite' | 'google_hybrid' | 'bing_rodmap' | string;
-export type RoadOptionsType = {
+/**
+ * Tipo de fuente de capas
+ */
+export type MapTileSourceId = 'google' | 'bing' | 'others';
+/**
+ * Tipo de capa de fuente de mapas
+ */
+export type MapTileSourceLayerId = 'streets' | 'satellite' | 'terrain' | 'hybrid' | 'other_osm' | string;
+export type MapSourceLayerRoadOptionsType = {
     bicyclingLayer: boolean;
     trafficLayer: boolean;
     transitLayer: boolean;
 };
-export type TileLayerSource = {
+export interface MapTileSourceBaseLayer {
     /**
-     * "id" identificador unico de la fuente de capas
+     * "urlTemplate" url de la fuente de capas, de donde se salen los tiles,
+     * los subdominios se deben indicar con {s}
      */
-    id: MapSourceId;
+    urlTemplate: string;
     /**
-     * "dictionaryId" identificador del diccionario
+     * "options" opciones de la fuente de capas, para definir limitaciones de zoom, subdominios, atribuciones, etc.
      */
-    dictionaryId: string;
+    options: L.TileLayerOptions;
     /**
-     * "iconUrl" url del icono de la fuente de capas
+     * "getTileUrl" función que retorna la url de un tile, se usa cuando se necesita hacer un "tile server" que  no
+     * usa el estand x,y,x por ejemplo bing que usa QuadKey
+     * @param coords
+     * @returns
      */
-    iconUrl: string;
+    getTileUrl?: (coords: L.Coords) => string;
+}
+export interface MapTileSourceLayer extends MapTileSourceBaseLayer {
     /**
-     * "sourceType" Tipo de fuente de capas
+     * "id" identificador unico de la capa
      */
-    sourceType: SourceTypeTile;
+    id: MapTileSourceLayerId;
     /**
-     * "mapTypeTile" Tipo de mapa
+     * "type" tipo de capa, puede ser 'roads', 'satellite', 'terrain', 'hybrid'
+     * Utilizado para identificar el tipo de capa cuando se usa google maps o algun proveedor que permita diferenciar.
      */
-    mapTypeTile: mapTypeTile;
+    type?: string;
     /**
-     * "urlTemplate" url de la fuente de capas, de donde se salen los tiles,
-     * los subdominios se deben indicar con {s}
+     * "dictionaryId" identificador de diccionario para la capa
      */
-    urlTemplate: string;
+    dictionaryId: string;
     /**
-     * "options" opciones de la fuente de capas, para definir limitaciones de zoom, subdominios, atribuciones, etc.
+     * "label" etiqueta de la capa, para cuando no haya diccionario
      */
-    options: L.TileLayerOptions;
+    label?: string;
+    /**
+     * "iconId" id del icono de la fuente de capas
+     */
+    iconId: string;
     /**
      * "hasTrafficLayer" si la fuente de capas tiene capa de tráfico
      */
@@ -402,16 +410,27 @@ export type TileLayerSource = {
      */
     hasBicyclingLayer?: boolean;
     /**
-     * "roadSelectedOptions" opcione de via (bicyclingLayer, trafficLayer, transitLayer) de cada una de las fuentes de capas
+     * "roadSelectedOptions" opciones de via seleccionadas (bicyclingLayer, trafficLayer, transitLayer) de cada una de las fuentes de capas
      */
-    roadSelectedOptions: RoadOptionsType;
+    roadSelectedOptions?: MapSourceLayerRoadOptionsType;
+}
+export type MapTileSource = {
     /**
-     * "getTileUrl" función que retorna la url de un tile, se usa cuando se necesita hacer un "tile server" que  no
-     * usa el estand x,y,x por ejemplo bing que usa QuadKey
-     * @param coords
-     * @returns
+     * "id" identificador unico de la fuente de capas
      */
-    getTileUrl?: (coords: L.Coords) => string;
+    id: MapTileSourceId;
+    /**
+     * "dictionaryId" identificador del diccionario
+     */
+    dictionaryId: string;
+    /**
+     * "iconUrl" url del icono de la fuente de capas
+     */
+    imageId: string;
+    /**
+     * "tileSourceLayers" capas para fuente de mapas (roadmap, satellite, terrain, hybrid, other)
+     */
+    layers: MapTileSourceLayer[];
 };
 /**
  * Interface que define las propidades necesarias para utilizar las capas de google.
@@ -438,22 +457,17 @@ export interface MapState extends GoogleMapState {
      * "ownerState" estado del componente, "status" puede ser "init" o "ready
      */
     ownerState: OwnerState;
-    /**
-     *  "classes" enfocado al funcionamiento de las clases a nivel de map
-     */
-    classes: MapClasses;
     /**
      * "currentMapSourceId" ud fuente de mapas actual, por defecto "OSM"
      */
-    currentMapSourceId: MapSourceId;
-    /**
-     *  "Ids" de las fuentes de mapas cargados
-     */
-    mapSourcesIds: MapSourceId[];
+    currentMapSourceLayer: {
+        mapSourceId: MapTileSourceId;
+        mapSourceLayerId: MapTileSourceLayerId;
+    };
     /**
      *  "hashMapSources" Layers de trabajo
      */
-    hashMapSources: Record<MapSourceId, TileLayerSource>;
+    mapSources: MapTileSource[];
     /**
      *  "LayersIds" Layers de trabajo para saber en que orden se muestran en el LayersAdmin
      */
@@ -462,22 +476,15 @@ export interface MapState extends GoogleMapState {
      *  "hashLayers" Layers de trabajo
      */
     hashLayers: Record<string, LayerStore>;
-    /**
-     * "visibleCheckedLayers" set de capas checkead que coresponden a la capas visibles, usado en el componente de mapa Viewer, para el grid
-     */
-    visibleCheckedLayers: ReadonlySet<string>;
-    /**
-     * "checkedAutoFocusLayers" Si la capa participa del autofocus global
-     */
-    autoFocusCheckedLayers: ReadonlySet<string>;
-    /**
-     * "checkedClusterLayers" Si la capa es clusterizable
-     */
-    clusterCheckedLayers: ReadonlySet<string>;
     /**
      *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
      */
     getLabel: GetLabelType;
+    /**
+     * hasMapData: se usa para colocar informacion transversal a todas las capas.
+     * Esta data no está relacionada con el funcionamiento del mapa, sirve de apoyo para tener accceso a información desde los featureRender o popupComponent
+     */
+    hasMapData: Record<any, any>;
 }
 export interface MapStateWithActions extends MapState {
     mapActions: {
@@ -489,6 +496,19 @@ export interface MapStateWithActions extends MapState {
          * Cambia el estado del map
          */
         setMapState: (state: MapStatus) => void;
+        /**
+         * Actualiza el ref del mapa, para cuando los elementos no necesariamente estan como children del MapContainer
+         * Esta referencia se actualiza cuando se instancia el GPSMap
+         */
+        setMapRef: (mapRef: LeafletMap) => void;
+        /**
+         * Retorna el ref del mapa, para cuando los elementos no necesariamente estan como children del MapContainer
+         */
+        getMap: () => LeafletMap | null;
+        /**
+         * Actualiza la información transversal a todas las capas.
+         */
+        setMapData: (data: Record<any, any>) => void;
         /**
          * Modifica toda la capa, reemplanzando todo el geoJson
          */
@@ -526,44 +546,35 @@ export interface MapStateWithActions extends MapState {
          */
         featureOpenPoup: (layerId: string, featureId: FeatureId) => void;
         /**
-         * Cambia las capas la propieda (visible,autoFous,cluser) que estan visibles o no
+         * Cambia la propiedad (visible,autoFous,cluser) en la capa especificada
          */
-        setCheckedLayers: (checkedNameSet: CheckedNameSet, newCheckedSet: ReadonlySet<string>) => void;
+        setCheckedLayers: (layerId: string, checkedNameProp: CheckedNameProp, newValue: boolean) => void;
         /**
          * Actualiza el map source que se visualiza en el mapa.
          * Solo puede haber uno al tiempo.
          * @param newTileLayerSource
          * @returns
          */
-        setCurrentMapSource: (newId: MapSourceId) => void;
+        setCurrentMapSourceLayer: (mapSourceType: MapTileSourceId, newId: MapTileSourceLayerId) => void;
         /**
-         * Actualiza las opciones de la fuente de capas de tipo Road de la fuente de mapas actual
+         * Actualiza las opciones de la capa perteniente a una fuente especifica
          * @param partialRoadOptions
          * @returns
          */
-        setMapSourceRoadOptions: (partialRoadOptions: Partial<RoadOptionsType>) => void;
-        /**
-         * Actualiza la variable de estado "getLabel"
-         * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
-         * cambia por el useCallback, cuando el diccionario se carga.
-         * @returns void
-         */
-        setHandlerGetLabel: (newHandler: GetLabelType) => void;
-        /**
-         * Modifica los estados que se actualizan externamente al Store
-         * @param newIsMobile
-         * @returns
-         */
-        setExternalState: (newExternalState: ExternalOwnerState) => void;
+        setMapSourceLayerRoadOptions: (mapSourceType: MapTileSourceId, mapSourceLayerId: MapTileSourceLayerId, partialRoadOptions: Partial<MapSourceLayerRoadOptionsType>) => void;
     };
 }
 export type DefaultMapStoreProps = Omit<MapState, 'currentLayer'>;
-export type InitialMapStoreProps = Pick<MapState, 'getLabel' | 'ownerState' | 'googleMapsApiKey' | 'googleMapVersion' | 'storeId'> & Partial<DefaultMapStoreProps>;
+export type InitialMapStoreProps = Pick<MapState, 'getLabel' | 'ownerState' | 'googleMapsApiKey' | 'googleMapVersion' | 'storeId' | 'hasMapData'> & Partial<DefaultMapStoreProps>;
 export interface MapProviderProps extends Pick<MapState, 'storeId' | 'googleMapsApiKey' | 'googleMapVersion'> {
     storeDevtoolsEnabled?: boolean;
     /**
      * Capas iniciales del mapa
      */
     initialLayers?: InitialLayer[];
+    /**
+     * Datos iniciales del mapa, estos datos no está relacionados con el funcionamiento del mapa, sirve de apoyo para tener accceso a información desde los featureRender o popupComponent
+     */
+    initialMapData?: Record<any, any>;
     children: ReactNode;
 }

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

@@ -5,28 +5,39 @@ export declare const MAP_DICCTIONARY: {
      * Generales
      */
     readonly LABEL_GPSTOOLS_NAME: "map.label_gpstools_name";
-    readonly LABEL_POPUP_MEASURE: "map.label_tab_measure";
+    readonly LABEL_MEASURE: "map.label_measure";
     readonly LABEL_MEASURE_START: "map.label_measure_start";
     readonly LABEL_MEASURE_CANCEL: "map.label_measure_cancel";
     readonly LABEL_MEASURE_DISTANCE: "map.label_measure_distance";
     readonly LABEL_MEASURE_AREA: "map.label_measure_area";
     readonly LABEL_MEASURE_UNIT: "map.label_measure_unit";
-    readonly LABEL_MEASURE_UNIT_BASE_KILOMETERS: "map.label_measure_unit_base_kilometers";
     readonly LABEL_MEASURE_REMOVE_POINT: "map.label_measure_remove_point";
+    readonly LABEL_MEASURE_UNIT_KILOMETERS: "map.label_measure_unit_kilometers";
+    readonly LABEL_MEASURE_UNIT_METERS: "map.label_measure_unit_meters";
+    readonly LABEL_MEASURE_UNIT_MILES: "map.label_measure_unit_miles";
+    readonly LABEL_MEASURE_UNIT_KILOMETERS_SYMBOL: "map.label_measure_unit_kilometers_symbol";
+    readonly LABEL_MEASURE_UNIT_METERS_SYMBOL: "map.label_measure_unit_meters_symbol";
+    readonly LABEL_MEASURE_UNIT_MILES_SYMBOL: "map.label_measure_unit_miles_symbol";
     /** Layers */
-    readonly LABEL_LAYERS: "map.label_layes";
+    readonly LABEL_LAYERS: "map.label_layers";
     readonly LABEL_LAYER_NAME: "map.label_layer_name";
     readonly LABEL_LAYER_VISIBLE: "map.label_layer_visible";
     readonly LABEL_LAYER_AUTOFOCUS: "map.label_layer_autofocus";
     readonly LABEL_LAYER_CLUSTER: "map.label_layer_cluster";
-    readonly ROW_ACTION_LAYER_DELETE: "map.row_action_layer_delete";
+    readonly LABEL_LAYER_DELETE: "map.label_layer_delete";
     /** Map Sources */
     readonly LABEL_MAP_SOURCES: "map.label_map_sources";
     readonly LABEL_TILE_OSM: "map.label_tile_osm";
-    readonly LABEL_TILE_GOOGLE_ROADS: "map.label_tile_google_roads";
-    readonly LABEL_TILE_GOOGLE_SATELLITE: "map.label_tile_google_satellite";
-    readonly LABEL_TILE_GOOGLE_HYBRID: "map.label_tile_google_hybrid";
+    readonly LABEL_TILE_GOOGLE: "map.label_tile_google";
     readonly LABEL_TILE_BING: "map.label_tile_bing";
+    readonly LABEL_TILE_OTHERS: "map.label_tile_others";
+    readonly LABEL_TILE_CUSTOM: "map.label_tile_custom";
+    readonly LABEL_TILE_STREETS: "map.label_tile_streets";
+    readonly LABEL_TILE_SATELLITE: "map.label_tile_satellite";
+    readonly LABEL_TILE_HYBRID: "map.label_tile_hybrid";
+    readonly LABEL_TILE_TERRAIN: "map.label_tile_terrain";
+    readonly LABEL_MAP_SOURCE_ROAD_TRAFFIC: "map.label_map_source_road_traffic";
+    readonly LABEL_MAP_SOURCE_ROAD_TRANSIT: "map.label_map_source_road_transit";
+    readonly LABEL_MAP_SOURCE_ROAD_BICYCLING: "map.label_map_source_road_bicycling";
 };
 export type TypeDictionary = typeof MAP_DICCTIONARY;
-export declare const getMapToolsDictionary: (key: keyof TypeDictionary) => string;

package/components/maps/components/GpsMap/dictionary.js

@@ -7,23 +7,36 @@ const MAP_DICCTIONARY = {
   /**
    * Generales
    */
-  LABEL_GPSTOOLS_NAME: "map.label_gpstools_name",
-  LABEL_POPUP_MEASURE: "map.label_tab_measure",
-  LABEL_MEASURE_START: "map.label_measure_start",
-  LABEL_MEASURE_CANCEL: "map.label_measure_cancel",
-  LABEL_MEASURE_UNIT: "map.label_measure_unit",
-  LABEL_MEASURE_UNIT_BASE_KILOMETERS: "map.label_measure_unit_base_kilometers",
-  LABEL_MEASURE_REMOVE_POINT: "map.label_measure_remove_point",
-  LABEL_LAYER_NAME: "map.label_layer_name",
-  LABEL_LAYER_VISIBLE: "map.label_layer_visible",
-  LABEL_LAYER_AUTOFOCUS: "map.label_layer_autofocus",
-  LABEL_LAYER_CLUSTER: "map.label_layer_cluster",
-  ROW_ACTION_LAYER_DELETE: "map.row_action_layer_delete",
-  LABEL_TILE_OSM: "map.label_tile_osm",
-  LABEL_TILE_GOOGLE_ROADS: "map.label_tile_google_roads",
-  LABEL_TILE_GOOGLE_SATELLITE: "map.label_tile_google_satellite",
-  LABEL_TILE_GOOGLE_HYBRID: "map.label_tile_google_hybrid",
-  LABEL_TILE_BING: "map.label_tile_bing"
+  LABEL_GPSTOOLS_NAME: `${MAP_DICTIONARY_ID}.label_gpstools_name`,
+  LABEL_MEASURE: `${MAP_DICTIONARY_ID}.label_measure`,
+  LABEL_MEASURE_START: `${MAP_DICTIONARY_ID}.label_measure_start`,
+  LABEL_MEASURE_CANCEL: `${MAP_DICTIONARY_ID}.label_measure_cancel`,
+  LABEL_MEASURE_UNIT: `${MAP_DICTIONARY_ID}.label_measure_unit`,
+  LABEL_MEASURE_REMOVE_POINT: `${MAP_DICTIONARY_ID}.label_measure_remove_point`,
+  LABEL_MEASURE_UNIT_KILOMETERS: `${MAP_DICTIONARY_ID}.label_measure_unit_kilometers`,
+  LABEL_MEASURE_UNIT_METERS: `${MAP_DICTIONARY_ID}.label_measure_unit_meters`,
+  LABEL_MEASURE_UNIT_MILES: `${MAP_DICTIONARY_ID}.label_measure_unit_miles`,
+  LABEL_MEASURE_UNIT_KILOMETERS_SYMBOL: `${MAP_DICTIONARY_ID}.label_measure_unit_kilometers_symbol`,
+  LABEL_MEASURE_UNIT_METERS_SYMBOL: `${MAP_DICTIONARY_ID}.label_measure_unit_meters_symbol`,
+  LABEL_MEASURE_UNIT_MILES_SYMBOL: `${MAP_DICTIONARY_ID}.label_measure_unit_miles_symbol`,
+  /** Layers */
+  LABEL_LAYERS: `${MAP_DICTIONARY_ID}.label_layers`,
+  LABEL_LAYER_AUTOFOCUS: `${MAP_DICTIONARY_ID}.label_layer_autofocus`,
+  LABEL_LAYER_CLUSTER: `${MAP_DICTIONARY_ID}.label_layer_cluster`,
+  LABEL_LAYER_DELETE: `${MAP_DICTIONARY_ID}.label_layer_delete`,
+  /** Map Sources */
+  LABEL_MAP_SOURCES: `${MAP_DICTIONARY_ID}.label_map_sources`,
+  LABEL_TILE_OSM: `${MAP_DICTIONARY_ID}.label_tile_osm`,
+  LABEL_TILE_GOOGLE: `${MAP_DICTIONARY_ID}.label_tile_google`,
+  LABEL_TILE_BING: `${MAP_DICTIONARY_ID}.label_tile_bing`,
+  LABEL_TILE_OTHERS: `${MAP_DICTIONARY_ID}.label_tile_others`,
+  LABEL_TILE_STREETS: `${MAP_DICTIONARY_ID}.label_tile_streets`,
+  LABEL_TILE_SATELLITE: `${MAP_DICTIONARY_ID}.label_tile_satellite`,
+  LABEL_TILE_HYBRID: `${MAP_DICTIONARY_ID}.label_tile_hybrid`,
+  LABEL_TILE_TERRAIN: `${MAP_DICTIONARY_ID}.label_tile_terrain`,
+  LABEL_MAP_SOURCE_ROAD_TRAFFIC: `${MAP_DICTIONARY_ID}.label_map_source_road_traffic`,
+  LABEL_MAP_SOURCE_ROAD_TRANSIT: `${MAP_DICTIONARY_ID}.label_map_source_road_transit`,
+  LABEL_MAP_SOURCE_ROAD_BICYCLING: `${MAP_DICTIONARY_ID}.label_map_source_road_bicycling`
   /** Popups */
 };
 export {

package/components/maps/components/GpsMap/external/{Control → MapControl}/index.d.ts

@@ -1,9 +1,9 @@
 import { ControlProps } from './types';
 /**
- * crea un componente react dentro de un control de leaflet, utilizando una tecnica e portal diferente a createPortal
+ * crea un componente react dentro de un control de leaflet, utilizando una tecnica de portal diferente a createPortal
  * Dependiendo de la posicion del control, este se agrega en la parte correspondiente del mapa, por defecto es topright
  * @param props
  * @returns
  */
-export declare const Control: (props: ControlProps) => JSX.Element;
-export default Control;
+export declare const MapControl: (props: ControlProps) => JSX.Element;
+export default MapControl;

package/components/maps/components/GpsMap/external/{Control → MapControl}/index.js

@@ -9,9 +9,10 @@ const POSITION_CLASSES = {
   topleft: "leaflet-top leaflet-left",
   topright: "leaflet-top leaflet-right"
 };
-const Control = (props) => {
+const MapControl = (props) => {
+  const { position, children, prepend, ControlContainer } = props;
   const [portalRoot, setPortalRoot] = React.useState(document.createElement("div"));
-  const positionClass = props.position && POSITION_CLASSES[props.position] || POSITION_CLASSES.topright;
+  const positionClass = position && POSITION_CLASSES[position] || POSITION_CLASSES.topright;
   const controlContainerRef = React.createRef();
   const map = useMap();
   React.useEffect(() => {
@@ -27,16 +28,17 @@ const Control = (props) => {
   }, [positionClass]);
   React.useEffect(() => {
     if (portalRoot !== null) {
-      if (props.prepend !== void 0 && props.prepend === true) {
+      if (prepend !== void 0 && prepend === true) {
         portalRoot.prepend(controlContainerRef.current);
       } else {
         portalRoot.append(controlContainerRef.current);
       }
     }
-  }, [portalRoot, props.prepend, controlContainerRef]);
-  const className = clsx(props.container?.className, "leaflet-control", props.className);
-  return /* @__PURE__ */ jsx("div", { ...props.container, ref: controlContainerRef, className, children: props.children });
+  }, [portalRoot, prepend, controlContainerRef]);
+  const finalClassName = clsx("leaflet-control");
+  const Container = ControlContainer || "div";
+  return /* @__PURE__ */ jsx(Container, { ref: controlContainerRef, className: finalClassName, children });
 };
 export {
-  Control as C
+  MapControl as M
 };

package/components/maps/components/GpsMap/external/MapControl/types.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+type StyledComponentType = React.ComponentType<{
+    ref?: React.LegacyRef<HTMLDivElement>;
+    className?: string;
+    children?: React.ReactNode;
+    ownerState?: any;
+}>;
+export interface ControlProps {
+    /**
+     * Posicion del control o barra de herramientas
+     */
+    position: L.ControlPosition;
+    /**
+     * Hijos del control o barra de herramientas
+     */
+    children?: React.ReactNode;
+    /**
+     * Prepend del control, si es true, el control se agrega al inicio de la barra de herramientas
+     */
+    prepend?: boolean;
+    /**
+     * controlContainer - Componente styled que actúa como contenedor
+     */
+    ControlContainer?: StyledComponentType;
+}
+export {};

package/components/maps/components/GpsMap/external/googleMutant/index.d.ts

@@ -20,7 +20,7 @@ declare module 'leaflet' {
        */
       removeGoogleLayer(googleLayerName: string): void;
     }
-    type GoogleMutantType = 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
+    type GoogleMutantType = 'roads' | 'satellite' | 'terrain' | 'hybrid';
     interface GoogleMutantStyler {
       hue?: string | undefined;
       lightness?: number | undefined;

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

@@ -3,7 +3,7 @@ import { Circle, Polyline, Polygon } from "react-leaflet";
 import { shallow } from "zustand/shallow";
 import { u as useMapStore } from "../../hooks/useMapStore/index.js";
 import React, { useState, useEffect, useCallback } from "react";
-import { M as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT, S as SVG_ICON_DEFAULT } from "../../constants.js";
+import { a as MARKER_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT, b as LABEL_COLOR_DEFAULT, S as SVG_ICON_DEFAULT } from "../../constants.js";
 import { M as MarkerIconLabel } from "../MarkerIconLabel/index.js";
 import { F as FALLBACK_SVG } from "./constants.js";
 import { P as PolylineWithArrows } from "../../pluginLayers/PolylineWithArrows/index.js";
@@ -19,7 +19,7 @@ const CommonFeatureRender = (props) => {
         id: gObject.object.id,
         geometry: gObject.object.geometry,
         properties: gObject.object.properties,
-        featureLabel: gObject.object.featureLabel,
+        featureLabel: gObject.object.label,
         popupRender: state.hashLayers[layerId].popupComponent,
         popupOptions: state.hashLayers[layerId].popupOptions
       };
@@ -30,7 +30,7 @@ const CommonFeatureRender = (props) => {
           id: feat.id,
           geometry: feat.geometry,
           properties: feat.properties,
-          featureLabel: feat.featureLabel,
+          featureLabel: feat.label,
           popupRender: state.hashLayers[layerId].popupComponent,
           popupOptions: state.hashLayers[layerId].popupOptions
         };

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

@@ -1,5 +1,5 @@
 import L__default from "leaflet";
-import { L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../../constants.js";
+import { L as LABEL_BK_COLOR_DEFAULT, b as LABEL_COLOR_DEFAULT } from "../../constants.js";
 import { m as mapClasses } from "../../classes/index.js";
 import clsx from "clsx";
 const FeatureDivIconLabel = (props) => {

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

@@ -6,10 +6,11 @@ import { PopupOptions } from 'leaflet';
 export interface MyPopupProps extends PopupOptions {
     onOpen?: (properties: GeoJsonProperties) => void;
 }
+export type FeaturePopupOptions = Omit<MyPopupProps, 'content'>;
 export interface FeatureDescriptionProps extends DivIconFeatureDescriptionProps, Omit<MarkerProps, 'children'> {
     withPoint?: boolean;
-    popupRender?: MapPopupComponent | undefined;
     properties?: GeoJsonProperties;
-    popupOptions?: Omit<MyPopupProps, 'content'>;
+    popupRender?: MapPopupComponent;
+    popupOptions?: FeaturePopupOptions;
     [name: string]: any;
 }

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

@@ -1,3 +1,2 @@
 export { MarkerFeatureRender } from './MarkerFeatureRender';
 export { CommonFeatureRender } from './CommonFeatureRender';
-export { DeviceFeatureRender } from './DeviceFeatureRender';

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

@@ -0,0 +1,3 @@
+export * from './useDisableMapEventsOnMouseOver';
+export * from './useDisableMapEventsOnFlag';
+export * from './useMapStore';

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,6 @@
+/**
+ * "useDisableMapEventsOnFlag" se encarga de desactivar el zoom por doble click y por scroll
+ * cuando se activa el flag y los restaura cuando se desactiva el flag.
+ * @param nodeElement
+ */
+export declare function useDisableMapEventsOnFlag(flag: boolean): void;

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

@@ -0,0 +1,31 @@
+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]);
+}
+export {
+  useDisableMapEventsOnFlag as u
+};

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

@@ -0,0 +1,6 @@
+/**
+ * "useDisableMapEventsOnMouseOver" se encarga de desactivar el zoom por doble click y por scroll
+ * cuando se está sobre el div que recibe como parámetro.
+ * @param nodeElement
+ */
+export declare function useDisableMapEventsOnMouseOver(nodeElement: HTMLDivElement | null): void;