@m4l/components 0.2.33 → 0.2.35

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

@@ -0,0 +1,592 @@
+import { GetLabelType } from '@m4l/core';
+import { ReactNode } from 'react';
+import { MapClasses } from '../../classes/types';
+import L, { Layer, LeafletEvent } from 'leaflet';
+export declare type FeatureId = string | number;
+/**
+ * The valid values for the "type" property of GeoJSON* geometry objects.
+ * https://tools.ietf.org/html/rfc7946#section-1.4
+ */
+export declare type GeoJsonGeometryTypes = Geometry['type'];
+/**
+ * The value values for the "type" property of GeoJSON* Objects.
+ * https://tools.ietf.org/html/rfc7946#section-1.4
+ */
+export declare type GeoJsonTypes = GeoJSON['type'];
+/**
+ * Bounding box
+ * https://tools.ietf.org/html/rfc7946#section-5
+ */
+export declare type BBox = [number, number, number, number] | [number, number, number, number, number, number];
+/**
+ * A Position is an array of coordinates.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.1
+ * Array should contain between two and three elements.
+ * The previous GeoJSON specification allowed more elements (e.g., which could be used to represent M values),
+ * but the current specification only allows X, Y, and (optionally) Z to be defined.
+ */
+export declare type Position = number[];
+/**
+ * The base GeoJSON object.
+ * https://tools.ietf.org/html/rfc7946#section-3
+ * The GeoJSON specification also allows foreign members
+ * (https://tools.ietf.org/html/rfc7946#section-6.1)
+ * Developers should use "&" type in TypeScript or extend the interface
+ * to add these foreign members.
+ */
+export interface GeoJsonObject {
+    /**
+     * Specifies the type of GeoJSON object.
+     */
+    type: GeoJsonTypes;
+    /**
+     * Bounding box of the coordinate range of the object's Geometries, Features, or Feature Collections.
+     * The value of the bbox member is an array of length 2*n where n is the number of dimensions
+     * represented in the contained geometries, with all axes of the most southwesterly point
+     * followed by all axes of the more northeasterly point.
+     * The axes order of a bbox follows the axes order of geometries.
+     * https://tools.ietf.org/html/rfc7946#section-5
+     */
+    bbox?: BBox | undefined;
+}
+/**
+ * Union of GeoJSON objects.
+ */
+export declare type GeoJSON = Geometry | Feature | FeatureCollection;
+/**
+ * Geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3
+ */
+export declare type Geometry = Point | MultiPoint | LineString | MultiLineString | Polygon | MultiPolygon | GeometryCollection;
+export declare type GeometryObject = Geometry;
+/**
+ * Point geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.2
+ */
+export interface Point extends GeoJsonObject {
+    type: 'Point';
+    coordinates: Position;
+}
+/**
+ * MultiPoint geometry object.
+ *  https://tools.ietf.org/html/rfc7946#section-3.1.3
+ */
+export interface MultiPoint extends GeoJsonObject {
+    type: 'MultiPoint';
+    coordinates: Position[];
+}
+/**
+ * LineString geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.4
+ */
+export interface LineString extends GeoJsonObject {
+    type: 'LineString';
+    coordinates: Position[];
+}
+/**
+ * MultiLineString geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.5
+ */
+export interface MultiLineString extends GeoJsonObject {
+    type: 'MultiLineString';
+    coordinates: Position[][];
+}
+/**
+ * Polygon geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.6
+ */
+export interface Polygon extends GeoJsonObject {
+    type: 'Polygon';
+    coordinates: Position[][];
+}
+/**
+ * MultiPolygon geometry object.
+ * https://tools.ietf.org/html/rfc7946#section-3.1.7
+ */
+export interface MultiPolygon extends GeoJsonObject {
+    type: 'MultiPolygon';
+    coordinates: Position[][][];
+}
+/**
+ * Geometry Collection
+ * https://tools.ietf.org/html/rfc7946#section-3.1.8
+ */
+export interface GeometryCollection<G extends Geometry = Geometry> extends GeoJsonObject {
+    type: 'GeometryCollection';
+    geometries: G[];
+}
+export declare type SubTypeType = 'Marker' | 'CustomMarker' | 'Circle' | 'Rectangle' | 'Polyline' | 'PolylineWithArrows';
+export declare type GeoJsonBaseProperties = {
+    /**
+     * "className" Clase del icono de la marca
+     */
+    className?: string;
+    /**
+     * propiedad generica
+     */
+    [name: string]: any;
+};
+export interface FeatureIconLabel {
+    label?: string;
+    labelColor?: string;
+    labelBkColor?: string;
+    iconWidth?: number;
+    iconHeight?: number;
+    offsetLeftTop?: [number, number];
+    [name: string]: any;
+}
+export declare type GeoJsonMarkerProperties = GeoJsonBaseProperties & {
+    subType: 'Marker';
+    /**
+     * "iconUrl": Url relativa a la marca, también puede ser una url a s3, etc.
+     * Normalmente se usa los iconos publicos de la carpeta /maps/assets/icons
+    */
+    iconUrl?: string;
+    /**
+     *
+     * "iconScale": Escala del icono de la marca, por defecto es 1
+     * Importante: los Iconos en SVG no pueden tener un ratio mayor a 2.5 entre el ancho y el alto
+     */
+    scaleIcon?: number;
+    /**
+     * "iconBearing" Dirección de la marca en grados, cuando es tipo de Marker
+     */
+    iconBearing?: number;
+    /**
+     * "iconOffsetRotate" Cantidad de grados en sentido horario (Positivo) que está rotado el icono con respecto al norte.
+     * Si vienve el offset de Girado a 180, offsetRotate = -90,
+     * Si vienve de 0, offsetRotate = 90,
+     * Default: -90
+     */
+    iconOffsetRotate?: number;
+    /**
+     * "label" Etiqueta de la marca
+     */
+    label?: string;
+    /**
+     * "labelBkColor" Color de fondo de la etiqueta de la marca
+     */
+    labelBkColor?: string;
+    /**
+     * "labelColor" Color de la etiqueta de la marca
+     */
+    labelColor?: string;
+    /**
+     * "markerColor" Color de la marca
+     */
+    markerColor?: string;
+} & Pick<FeatureIconLabel, 'label' | 'labelColor' | 'labelBkColor' | 'iconWidth' | 'iconHeight' | 'offsetLeftTop'>;
+export declare type GeoJsonPolylineWithArrowsProperties = GeoJsonBaseProperties & {
+    subType: 'PolylineWithArrows';
+};
+export declare type GeoJsonCircleProperties = GeoJsonBaseProperties & {
+    subType: 'Circle';
+    radius: number;
+};
+export declare type GeoJsonProperties = GeoJsonMarkerProperties | GeoJsonCircleProperties | GeoJsonPolylineWithArrowsProperties;
+export declare type LayerWithBounds = Layer;
+export declare type FeatureLayerData = {
+    boundsNW: L.LatLng;
+    boundsSE: L.LatLng;
+};
+/**
+ * A feature object which contains a geometry and associated properties.
+ * https://tools.ietf.org/html/rfc7946#section-3.2
+ */
+export interface Feature<G extends Geometry | null = Geometry, P = GeoJsonProperties> extends GeoJsonObject {
+    type: 'Feature';
+    /**
+     * The feature's geometry
+     */
+    geometry: G;
+    /**
+     * A value that uniquely identifies this feature in a
+     * https://tools.ietf.org/html/rfc7946#section-3.2.
+     */
+    id: FeatureId;
+    /**
+     * Properties associated with this feature.
+     */
+    properties: P;
+    /**
+     * "getLeafletLayer" es una función que retorna la capa de leaflet que creo renderFeature
+     * set usa esta metodología, porque guarda toda la capa en zustand, es muy pesado, al guardar
+     * solo funciones, se ahorra memoria.
+     */
+    layerData?: FeatureLayerData;
+    /**
+     * "label" Etiqueta de la geometria, undenfined si no se quiere mostrar
+     */
+    featureLabel?: FeatureIconLabel;
+}
+/**
+ * A collection of feature objects.
+ *  https://tools.ietf.org/html/rfc7946#section-3.3
+ */
+export interface FeatureCollection<G extends Geometry | null = Geometry, P = GeoJsonProperties> extends GeoJsonObject {
+    type: 'FeatureCollection';
+    features: Array<Feature<G, P>>;
+}
+export declare type RealTimeConfig = {
+    /**
+     *  "active" si está activa la funcionalidad de tiempo real
+     */
+    active: boolean;
+    /**
+     *  "userCanDeactivateTail" El usario puede temporalmente desactivar la cola de un punto de tipo tiemo real.
+     */
+    userCanDeactivateTail: boolean;
+    /**
+     * "maxZoom" Maximo zoom donde se muestra la cola.
+     */
+    maxZoom: number;
+    /**
+     * qtyTailPointsMax Cantidad de puntos de la cola de tiempo real.
+     */
+    qtyTailPointsMax: number;
+    /**
+     * "windowTailTime" Ventana de tiempo para no generar una cola retrasa en el mapa. ejemplo 30 segundos.
+     * Eventos fuera de este tiempo con respecto al primer punto no se deberían visualizaar evitando colas fantasma por  tanto no confiables.
+     */
+    windowTailTime: number;
+};
+export declare type PointType = 'point' | 'cluster';
+/**
+ * Argumentos que recibe una Render Prop cuando se renderiza por renderFeature
+ * @interface
+ */
+export interface RendePropFeatureArgs {
+    id: FeatureId;
+    /**
+     *  "layerId" si está activa la funcionalidad de tiempo real
+     */
+    layerId: string;
+}
+/**
+ * Argumentos que recibe una Render Prop cuando se renderiza por renderFeature
+ * @interface
+ */
+export interface RendePropFeaturesCollectionArgs extends FeatureCollection {
+    /**
+     * "id" identificado unico del feature
+     * En la capa multipoints clusteable:
+     *        el id se forma con el patron: device_device_id O cluster_CRCDevicesIds_count
+     * Si la capa es multilines
+     *        el id normalmente es el indice del array de multilines
+     *
+     * TODO: Se debe hacer el esfuerzo de memonizar los ids
+     */
+    id: string;
+    /**
+     *  "layerId" si está activa la funcionalidad de tiempo real
+     */
+    layerId: string;
+}
+export interface GeoJsonImplementedObject {
+    /**
+     * Specifies the type of GeoJSON object.
+     */
+    object: Feature | FeatureCollection;
+    /**
+     *
+     */
+    bbox?: BBox | undefined;
+}
+export declare type CheckedNameSet = 'visible' | 'autoFocus' | 'cluster';
+export declare type LayerStore = {
+    /**
+     * "layerId" Indetificador unico entre todas las capas
+     */
+    layerId: string;
+    /**
+     * "name" Como se va a ver el listado de capas
+     */
+    name?: string;
+    /**
+     * "visible" si es visible o no
+     */
+    visible?: boolean;
+    /**
+     * "autoFocus" Cuando cambia el contedido de las capas, tener esta capa para incluir en el foco global
+     * del mapa. Por defecto es false
+     */
+    autoFocus: boolean;
+    /**
+     * "clusterAble" indica si la capa es clusterizable. (Solo aplica capa tipo multipoints)
+     */
+    clusterAble?: boolean;
+    /**
+     * "deleteAble" indica si la capa es borrable por el usuario
+     */
+    deleteAble?: 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;
+    /**
+     * "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.
+     * TODO: Incluir el bounds en la capa de leaftLayer para dar mayor velocidad al mapa CREO.
+     */
+    geoJsonObject?: GeoJsonImplementedObject;
+    /**
+     * "renderFeature" render prop encarga de renderizar cada feature
+     */
+    renderFeature?: ComponentRenderPropFeature;
+    onClick?: (e: LeafletEvent) => void;
+};
+export declare type ComponentRenderPropFeature = React.FC<RendePropFeatureArgs>;
+export declare type ComponentRenderPropFeaturesCollection = React.FC<RendePropFeaturesCollectionArgs>;
+/**
+ * @description Interface usada para inicializar una capa tipo Multipoints desde el MapProvider
+ */
+export declare type InitialLayer = LayerStore;
+/**
+ * @description interfaz usada para actualizar un feature especifico de la capa
+ */
+export interface ForSetSingleFeatureData extends Feature {
+    featureId?: string;
+    jsonUri?: string;
+}
+export declare type MapStatus = 'init' | 'ready';
+export declare 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.
+     *
+     */
+    focus: boolean;
+};
+/**
+ * @type
+ * @name ExternalOwnerState
+ * @description Estados que se actulizan por fuera del store, a través de hooks
+ */
+export declare type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
+export declare type AreaMapType = {
+    leftLowerLatitudeOffset: number;
+    leftLowerLengthOffset: number;
+    rigthUpperLatitudeOffset: number;
+    rigthUpperLengthOffset: number;
+    mapLengthDelta: number;
+    leftLowerLength: number;
+    mapLatBottomDegree: number;
+};
+export declare type SourceTypeTile = 'OSM' | 'Google' | 'Bing' | 'GoogleNoKey';
+export declare type mapTypeTile = "roadmap" | "satellite" | "terrain" | "hybrid";
+export declare type MapSourceId = 'osm_roadmap' | 'google_rodmap' | 'google_satellite' | 'google_hybrid' | 'bing_rodmap' | string;
+export declare type RoadOptionsType = {
+    bicyclingLayer: boolean;
+    trafficLayer: boolean;
+    transitLayer: boolean;
+};
+export declare type TileLayerSource = {
+    /**
+     * "id" identificador unico de la fuente de capas
+     */
+    id: MapSourceId;
+    /**
+     * "dictionaryId" identificador del diccionario
+     */
+    dictionaryId: string;
+    /**
+     * "iconUrl" url del icono de la fuente de capas
+     */
+    iconUrl: string;
+    /**
+     * "sourceType" Tipo de fuente de capas
+     */
+    sourceType: SourceTypeTile;
+    /**
+     * "mapTypeTile" Tipo de mapa
+     */
+    mapTypeTile: mapTypeTile;
+    /**
+     * "urlTemplate" url de la fuente de capas, de donde se salen los tiles,
+     * los subdominios se deben indicar con {s}
+     */
+    urlTemplate: string;
+    /**
+     * "options" opciones de la fuente de capas, para definir limitaciones de zoom, subdominios, atribuciones, etc.
+     */
+    options: L.TileLayerOptions;
+    /**
+     * "hasTrafficLayer" si la fuente de capas tiene capa de tráfico
+     */
+    hasTrafficLayer?: boolean;
+    /**
+     * "hasTransitLayer" si la fuente de capas tiene capa de transporte público
+     */
+    hasTransitLayer?: boolean;
+    /**
+     * "hasBicyclingLayer" si la fuente de capas tiene capa de ciclovías
+     */
+    hasBicyclingLayer?: boolean;
+    /**
+     * "roadSelectedOptions" opcione de via (bicyclingLayer, trafficLayer, transitLayer) de cada una de las fuentes de capas
+     */
+    roadSelectedOptions: RoadOptionsType;
+    /**
+     * "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
+     */
+    getTileUrl?: (coords: L.Coords) => string;
+};
+/**
+ * @interface
+ * @description Interface que define las propidades necesarias para utilizar las capas de google.
+ */
+export interface GoogleMapState {
+    /**
+     * "googleApiKey" Clave de la API de mapas.
+     */
+    googleApiKey: string;
+    /**
+     * "googleMapVersion" Versión de la API de Google Maps cuando se usa fuentes de mapa tipo google. valor por defecto weekly
+     */
+    googleMapVersion?: string;
+}
+/**
+ * @interface
+ * @description Interface que define el estado del componente (variables y funciones )
+ */
+export interface MapState extends GoogleMapState {
+    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[];
+    /**
+     *  "hashMapSources" Layers de trabajo
+     */
+    hashMapSources: Record<MapSourceId, TileLayerSource>;
+    /**
+     *  "LayersIds" Layers de trabajo para saber en que orden se muestran en el LayersAdmin
+     */
+    layersIds: string[];
+    /**
+     *  "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;
+}
+export interface MapStateWithActions extends MapState {
+    mapActions: {
+        /**
+         * @description
+         */
+        init(layersStore: LayerStore[]): void;
+        /**
+         * @description Cambia el estado del map
+         */
+        setMapState: (state: MapStatus) => void;
+        /**
+         * @description Modifica toda la capa, reemplanzando todo el geoJson
+         */
+        setDataLayer: (layerId: string, geoJson: GeoJsonImplementedObject) => void;
+        /**
+         * @description Agrega o modifica un feature especifico de la capa
+         */
+        setFeatureData: (layerId: string, featureId: FeatureId, geometry: GeometryObject, properties: GeoJsonProperties, featureLabel?: FeatureIconLabel) => void;
+        /**
+         * @description Remueve un feature especifico de la capa
+         */
+        removeFeature: (layerId: string, featureId: FeatureId) => void;
+        /**
+         * @description Retorna el vector de featureIds para saber que que está renderizado en el mapa
+         */
+        getFeatureIds: (layerId: string) => FeatureId[];
+        /**
+         * @description Actualizar instancia la render prop de una capa
+         */
+        setLayerRenderProp: (layerId: string, value: ComponentRenderPropFeature) => void;
+        /**
+         * @description Agrega una capa nueva,
+         */
+        addLayer: (layer: LayerStore) => void;
+        /**
+         * @description Agrega una capa nueva a un feature especifico,
+        */
+        addLayerDataToFeature: (layerId: string, featureId: FeatureId, layerData: FeatureLayerData) => void;
+        /**
+         * @description Remueve un feature especifico de la capa
+         */
+        removeLayer: (layerId: string) => void;
+        /**
+         * @description Remueve e una capa nueva,
+        */
+        /**
+         * @description Cambia las capas la propieda (visible,autoFous,cluser) que estan visibles o no
+         */
+        setCheckedLayers: (checkedNameSet: CheckedNameSet, newCheckedSet: ReadonlySet<string>) => void;
+        /**
+         * @description Actualiza el map source que se visualiza en el mapa.
+         * Solo puede haber uno al tiempo.
+         * @param newTileLayerSource
+         * @returns
+         */
+        setCurrentMapSource: (newId: MapSourceId) => void;
+        /**
+         * @description Actualiza las opciones de la fuente de capas de tipo Road de la fuente de mapas actual
+         * @param partialRoadOptions
+         * @returns
+         */
+        setMapSourceRoadOptions: (partialRoadOptions: Partial<RoadOptionsType>) => void;
+        /**
+         * @description 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;
+        /**
+         * @description Modifica los estados que se actualizan externamente al Store
+         * @param newIsMobile
+         * @returns
+         */
+        setExternalState: (newExternalState: ExternalOwnerState) => void;
+    };
+}
+export declare type DefaultMapStoreProps = Omit<MapState, 'currentLayer'>;
+export declare type InitialMapStoreProps = Pick<MapState, 'getLabel' | 'ownerState' | 'googleApiKey' | 'googleMapVersion'> & Partial<DefaultMapStoreProps>;
+export interface MapProviderProps extends GoogleMapState {
+    /**
+     * @description Capas iniciales del mapa
+     */
+    initialLayers?: InitialLayer[];
+    children: ReactNode;
+}

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

@@ -0,0 +1,86 @@
+export declare const MAPTOOLS_DICTIONARY_ID = "gps_tools";
+export declare const MAP_DICCTIONARY: {
+    /**
+     * Generales
+     */
+    /**
+     * GPSTools
+     */
+    readonly LABEL_GPSTOOLS_NAME: "label_gpstools_name";
+    readonly LABEL_TAB_GEO: "label_tab_geo";
+    readonly TAB_GENERAL_CONFIG_TOOLTIP: "tab_general_config_tooltip";
+    readonly PAPER_GENERAL: "paper_general";
+    readonly LABEL_ID: "label_id";
+    readonly LABEL_NAME: "label_name";
+    readonly LABEL_GEOMETRY_TYPE: "label_geometry_type";
+    readonly LABEL_GEOMETRY_CIRCLE: "label_geometry_circle";
+    readonly LABEL_GEOMETRY_RECTANGLE: "label_geometry_rectangle";
+    readonly LABEL_GEOMETRY_POLYGON: "label_geometry_polygon";
+    readonly LABEL_DRAW: "label_draw";
+    readonly LABEL_FINISH: "label_finish";
+    readonly PAPER_CONFIG: "paper_config";
+    readonly LABEL_ALIAS: "label_alias";
+    readonly LABEL_CUSTOMER_ID: "label_customer_id";
+    readonly LABEL_TIME_MIN_IN_SECONDS: "label_time_min_in_seconds";
+    readonly LABEL_TIME_MIN_OUT_SECONDS: "label_time_min_out_seconds";
+    readonly TAB_STYLE_CONFIG_TOOLTIP: "tab_style_tooltip";
+    readonly PAPER_STROKE: "paper_stroke";
+    readonly LABEL_COLOR: "label_color";
+    readonly LABEL_OPACITY: "label_opacity";
+    readonly LABEL_WEIGHT: "label_weight";
+    readonly LABEL_DASH_ARRAY: "label_dash_array";
+    readonly LABEL_DASH_OFFSET: "label_dash_offset";
+    readonly LABEL_RADIUS: "label_radius";
+    readonly LABEL_LAT: "label_lat";
+    readonly LABEL_LON: "label_lon";
+    readonly LABEL_PLACE_MARKER: "label_place_marker";
+    readonly LABEL_FIRST_VERTEX: "label_first_vertex";
+    readonly LABEL_CONTINUE_LINE: "label_continue_line";
+    readonly LABEL_FINISH_LINE: "label_finish_line";
+    readonly LABEL_FINISH_POLY: "label_finish_poly";
+    readonly LABEL_FINISH_RECT: "label_finish_rect";
+    readonly LABEL_START_CIRCLE: "label_start_circle";
+    readonly LABEL_FINISH_CIRCLE: "label_finish_circle";
+    readonly LABEL_PLACE_CIRCLE_MARKER: "label_place_circle_marker";
+    readonly VALIDATION_GEOMETRY_REQUIRED: "validation_geometry_required";
+    readonly VALIDATION_FIELD_REQUIRED: "validation_field_required";
+    readonly VALIDATION_FIELD_TYPE_NUMBER_ERROR: "validation_field_type_number_error";
+    readonly LABEL_VIEW_TRANSIT_FEATURES: "label_view_crossing_features";
+    readonly LABEL_VIEW_INTERNAL_FEATURES: "label_view_internal_features";
+    readonly LABEL_CREATED_AT: "label_created_at";
+    readonly LABEL_UPDATED_AT: "label_updated_at";
+    readonly MODAL_DELETE_GEO_TITLE: "modal_delete_geo_title";
+    readonly MODAL_DELETE_GEO_MESSAGE: "modal_delete_geo_message";
+    readonly MODAL_DISABLE_GEO_TITLE: "modal_disable_geo_title";
+    readonly MODAL_DISABLE_MESSAGE: "modal_disable_geo_message";
+    readonly ROW_ACTION_GEO_EDIT: "row_action_geo_edit";
+    readonly ROW_ACTION_GEO_ENABLE: "row_action_geo_enable";
+    readonly ROW_ACTION_GEO_DISABLE: "row_action_geo_disable";
+    readonly ROW_ACTION_GEO_DELETE: "row_action_geo_delete";
+    readonly LABEL_TAB_MEASURE: "label_tab_measure";
+    readonly PAPER_MEASURE: "paper_measure";
+    readonly LABEL_MEASURE_START: "label_measure_start";
+    readonly LABEL_MEASURE_CANCEL: "label_measure_cancel";
+    readonly LABEL_MEASURE_DISTANCE: "label_measure_distance";
+    readonly LABEL_MEASURE_AREA: "label_measure_area";
+    readonly LABEL_MEASURE_UNIT: "label_measure_unit";
+    readonly LABEL_MEASURE_UNIT_BASE_KILOMETERS: "label_measure_unit_base_kilometers";
+    readonly LABEL_MEASURE_REMOVE_POINT: "label_measure_remove_point";
+    /** Layers **/
+    readonly LABEL_LAYERS: "label_layes";
+    readonly LABEL_LAYER_NAME: "label_layer_name";
+    readonly LABEL_LAYER_VISIBLE: "label_layer_visible";
+    readonly LABEL_LAYER_AUTOFOCUS: "label_layer_autofocus";
+    readonly LABEL_LAYER_CLUSTER: "label_layer_cluster";
+    readonly LABEL_LAYER_DELETE: "label_layer_delete";
+    readonly ROW_ACTION_LAYER_DELETE: "row_action_layer_delete";
+    /** Map Sources **/
+    readonly LABEL_MAP_SOURCES: "label_map_sources";
+    readonly LABEL_TILE_OSM: "label_tile_osm";
+    readonly LABEL_TILE_GOOGLE: "label_tile_google";
+    readonly LABEL_TILE_GOOGLE_SATELLITE: "label_tile_google_satellite";
+    readonly LABEL_TILE_GOOGLE_HYBRID: "label_tile_google_hybrid";
+    readonly LABEL_TILE_BING: "label_tile_bing";
+};
+export declare type TypeDictionary = typeof MAP_DICCTIONARY;
+export declare const getMapToolsDictionary: (key: keyof TypeDictionary) => string;

package/components/maps/components/Map/external/Control/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { ControlProps } from './types';
+/**
+ * @description crea un componente react dentro de un control de leaflet, utilizando una tecnica e portaa 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;

package/components/maps/components/Map/external/Control/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ControlProps {
+    position: L.ControlPosition;
+    children?: React.ReactNode;
+    container?: React.HTMLAttributes<HTMLDivElement>;
+    prepend?: boolean;
+    className?: string;
+}