@m4l/components 9.1.125 → 9.1.127

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MeasureData/validations.js

@@ -1,6 +0,0 @@
-function MeasureDataValidation(_getLabel) {
-  return {};
-}
-export {
-  MeasureDataValidation as M
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MyActions/index.d.ts

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

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MyActions/index.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useFormContext, useWatch } from "react-hook-form";
-import { useModuleDictionary } from "@m4l/core";
-import { M as MAP_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import { A as ActionsContainer } from "../../../../../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { B as Button } from "../../../../../../../../../../../mui_extended/Button/Button.js";
-function MyActions() {
-  const { control, setValue } = useFormContext();
-  const { getLabel } = useModuleDictionary();
-  const fieldsWatch = useWatch({
-    control,
-    name: ["statusEdition", "reInits"]
-  });
-  const statusEdition = fieldsWatch[0];
-  const initCancelDraw = () => {
-    if (statusEdition === "initial") {
-      setValue("statusEdition", "draw");
-    } else if (statusEdition === "draw") {
-      setValue("statusEdition", "initial");
-    }
-  };
-  return /* @__PURE__ */ jsx(ActionsContainer, { children: /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: initCancelDraw,
-      label: statusEdition === "initial" ? getLabel(MAP_DICCTIONARY.LABEL_MEASURE_START) : getLabel(MAP_DICCTIONARY.LABEL_MEASURE_CANCEL)
-    }
-  ) });
-}
-export {
-  MyActions as M
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/types.d.ts

@@ -1,9 +0,0 @@
-import { FormStatusLoad } from '../../../../../../../../../../contexts';
-import { FormGeneralDataValues } from './subcomponents/MeasureData/types';
-export type StatusEdition = 'initial' | 'draw';
-export type FormMeasureValues = FormGeneralDataValues & {
-    statusLoad: FormStatusLoad;
-    reInits: number;
-    statusEdition: StatusEdition;
-    value: string | null;
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/ZoomButtons/index.d.ts

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

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/ZoomButtons/index.js

@@ -1,52 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useMap } from "react-leaflet";
-import { M as MAP_ICONS } from "../../../../../../icons.js";
-import { useEnvironment } from "@m4l/core";
-import { m as mapClasses } from "../../../../../../classes/index.js";
-import { I as IconButton } from "../../../../../../../../../mui_extended/IconButton/IconButton.js";
-function ZoomButtons() {
-  const map = useMap();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const [, setZoomInDisabled] = useState(false);
-  const [, setZoomOutDisabled] = useState(false);
-  useEffect(() => {
-    const updateButtonState = () => {
-      const currentZoom = map.getZoom();
-      const maxZoom = map.getMaxZoom();
-      const minZoom = map.getMinZoom();
-      setZoomInDisabled(currentZoom === maxZoom);
-      setZoomOutDisabled(currentZoom === minZoom);
-    };
-    map.on("zoomend", updateButtonState);
-    updateButtonState();
-    return () => {
-      map.off("zoomend", updateButtonState);
-    };
-  }, [map]);
-  const handleZoomIn = () => {
-    map.zoomIn();
-  };
-  const handleZoomOut = () => {
-    map.zoomOut();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: mapClasses.zoomButtons, children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: handleZoomIn,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_IN}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        onClick: handleZoomOut,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_ZOOM_OUT}`
-      }
-    )
-  ] });
-}
-export {
-  ZoomButtons as Z
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/types.d.ts

@@ -1,4 +0,0 @@
-import { FC } from 'react';
-export interface TopRigthToolsProps {
-    gpsTools?: FC;
-}

package/components/maps/components/Map/subcomponents/Controls/types.d.ts

@@ -1,22 +0,0 @@
-import { MapProps } from '../../types';
-export type Localization = {
-    /**
-     *  "lat" Posición en del eje "Y" en grados.
-     */
-    lat: number;
-    /**
-     *  "lng" Posición en del eje "X" en grados.
-     */
-    lng: number;
-};
-export type Point = {
-    /**
-     *  "x" Posición en del eje "X" en pixeles.
-     */
-    x: number;
-    /**
-     *  "y" Posición en del eje "Y" en pixeles.
-     */
-    y: number;
-};
-export type ControlsProps = Pick<MapProps, 'mapGpsTools'>;

package/components/maps/components/Map/subcomponents/LayersContainer/index.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-/**
- * TODO: Documentar
- */
-export declare const LayersContainer: React.FC;

package/components/maps/components/Map/subcomponents/LayersContainer/index.js

@@ -1,33 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { shallow } from "zustand/shallow";
-import { M as MyLayer } from "./subcomponents/MyLayer/index.js";
-import L__default from "leaflet";
-import React, { useEffect } from "react";
-import { useMap } from "react-leaflet";
-import { u as useAutoFocus } from "../../hooks/useAutoFocus/index.js";
-import { u as useMapStore } from "../../hooks/useMapStore/index.js";
-const LayersContainer = () => {
-  const layersId = useMapStore((state) => state.layersIds, shallow);
-  const isSkeleton = useMapStore((state) => state.ownerState.isSkeleton, shallow);
-  const map = useMap();
-  useAutoFocus();
-  useEffect(() => {
-    if (!map) {
-      return;
-    }
-    L__default.control.scale().addTo(map);
-    return () => {
-      L__default.control.scale().remove();
-    };
-  }, [map]);
-  if (isSkeleton) {
-    return null;
-  }
-  if (!map) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(React.Fragment, { children: layersId.map((l) => /* @__PURE__ */ jsx(MyLayer, { layerId: l }, l)) });
-};
-export {
-  LayersContainer as L
-};

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/index.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-import { LayerProps } from './types';
-export type LefaletLayerRef = {
-    clickTimeout: NodeJS.Timeout | null;
-    clickCount: number;
-    handleClickSetted: boolean;
-};
-/**
- * "MyLayer" Este compoente es el encargado de renderizar todos los features de una capa.
- * Utilizando la propiedad renderFeature, que tiene cada capa.
- * @param props
- * @returns
- */
-export declare const MyLayer: React.FC<LayerProps>;

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/index.js

@@ -1,132 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useMap, LayerGroup } from "react-leaflet";
-import L__default from "leaflet";
-import { shallow } from "zustand/shallow";
-import { M as MarkerClusterGroup } from "./subcomponents/MarkerClusterGroup/index.js";
-import { R as RenderByEachFeatureComponent, M as MemonizedRenderByEachFeatureComponent } from "./subcomponents/RenderByEachFeatureComponent/index.js";
-import { T as TIME_DOUBLE_CLICK } from "../../../../constants.js";
-import { u as useMapStore } from "../../../../hooks/useMapStore/index.js";
-const MyLayer = (props) => {
-  const { layerId } = props;
-  const map = useMap();
-  const popupRef = useRef(null);
-  const lefaletLayerRef = useRef({
-    clickTimeout: null,
-    clickCount: 0,
-    handleClickSetted: false
-  });
-  const featureIdOrCollection = useMapStore((state) => {
-    const geoJsonObject = state.hashLayers[layerId]?.geoJsonObject;
-    if (geoJsonObject && geoJsonObject.object.type === "Feature") {
-      return geoJsonObject.object.id;
-    } else if (geoJsonObject && geoJsonObject.object.type === "FeatureCollection") {
-      return geoJsonObject && geoJsonObject.object.features.map((feature) => feature.id);
-    }
-  }, shallow);
-  const renderFeature = useMapStore((state) => state.hashLayers[layerId]?.renderFeature, shallow);
-  const [visible, cluster = false] = useMapStore(
-    (state) => [state.hashLayers[layerId]?.visible, state.hashLayers[layerId]?.cluster],
-    shallow
-  );
-  const markerClusterGroupRef = useRef(null);
-  const handleClick = (a) => {
-    lefaletLayerRef.current.clickCount++;
-    if (lefaletLayerRef.current.clickCount === 1) {
-      lefaletLayerRef.current.clickTimeout = setTimeout(() => {
-        const clusterMarker = a.propagatedFrom;
-        if (clusterMarker && clusterMarker instanceof L__default.MarkerCluster) ;
-        if (!popupRef.current) {
-          popupRef.current = L__default.popup().setLatLng(a.sourceTarget._cLatLng).setContent("Hello, World!");
-          map.addLayer(popupRef.current);
-        } else {
-          popupRef.current.openOn(map);
-        }
-        lefaletLayerRef.current.clickCount = 0;
-      }, TIME_DOUBLE_CLICK);
-    } else if (lefaletLayerRef.current.clickCount === 2) {
-      if (lefaletLayerRef.current?.clickTimeout) {
-        clearTimeout(lefaletLayerRef.current.clickTimeout);
-      }
-      lefaletLayerRef.current.clickCount = 0;
-    }
-  };
-  useEffect(() => {
-    if (markerClusterGroupRef.current) {
-      markerClusterGroupRef.current.on("clusterclick", handleClick);
-    }
-  }, [markerClusterGroupRef.current]);
-  if (!featureIdOrCollection || !renderFeature) {
-    return null;
-  }
-  if (visible === false) {
-    return null;
-  }
-  const isFeaturCollection = Array.isArray(featureIdOrCollection);
-  if (!isFeaturCollection) {
-    return /* @__PURE__ */ jsx(
-      RenderByEachFeatureComponent,
-      {
-        renderFeature,
-        id: featureIdOrCollection,
-        layerId
-      }
-    );
-  } else {
-    const createClusterCustomIcon = (markerCluster) => {
-      const childCount = markerCluster.getChildCount();
-      let c = " marker-cluster-";
-      if (childCount < 10) {
-        c += "small";
-      } else if (childCount < 100) {
-        c += "medium";
-      } else {
-        c += "large";
-      }
-      const MyDivIcon = new L__default.DivIcon({
-        html: "<div><span>" + childCount + "</span></div>",
-        className: "marker-cluster" + c,
-        iconSize: new L__default.Point(40, 40)
-      });
-      return MyDivIcon;
-    };
-    if (!cluster) {
-      return /* @__PURE__ */ jsx(LayerGroup, { children: featureIdOrCollection.map((featureId) => {
-        return /* @__PURE__ */ jsx(
-          MemonizedRenderByEachFeatureComponent,
-          {
-            renderFeature,
-            id: featureId,
-            layerId
-          },
-          `k_${layerId}_${featureId}`
-        );
-      }) });
-    } else {
-      return /* @__PURE__ */ jsx(
-        MarkerClusterGroup,
-        {
-          disableClusteringAtZoom: 18,
-          showCoverageOnHover: false,
-          zoomToBoundsOnClick: false,
-          spiderfyOnMaxZoom: false,
-          iconCreateFunction: createClusterCustomIcon,
-          children: featureIdOrCollection.map((featureId) => {
-            return /* @__PURE__ */ jsx(
-              MemonizedRenderByEachFeatureComponent,
-              {
-                renderFeature,
-                id: featureId,
-                layerId
-              },
-              `k_${layerId}_${featureId}`
-            );
-          })
-        }
-      );
-    }
-  }
-};
-export {
-  MyLayer as M
-};

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/index.d.ts

@@ -1,9 +0,0 @@
-import { default as L } from 'leaflet';
-import { MarkerClusterGroupProps } from './types';
-/**
- * MarkerClusterGroup, es un componente funcional que enmascara el comportamiento que
- * leaflet.markercluster tiene, no aporta lógica adicional, solo es un wrapper para que funcione
- * en React. Utilizando createPathComponent de @react-leaflet/core.
- * @returns ForwardRefExoticComponent (significa que es un componente que ha sido envuelto con React.forwardRef.).
- */
-export declare const MarkerClusterGroup: import('react').ForwardRefExoticComponent<L.MarkerClusterGroupOptions & import('@react-leaflet/core').PathProps & import('./types').PropsWithChildren & import('react').RefAttributes<MarkerClusterGroupProps>>;

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/index.js

@@ -1,24 +0,0 @@
-import { createPathComponent } from "@react-leaflet/core";
-import L__default from "leaflet";
-import "leaflet.markercluster";
-const MarkerClusterGroup = createPathComponent(({ children: _c, ...props }, ctx) => {
-  const clusterProps = {};
-  const clusterEvents = {};
-  Object.entries(props).forEach(([propName, prop]) => {
-    if (propName !== void 0 && prop !== "") {
-      propName.startsWith("on") ? clusterEvents[propName] = prop : clusterProps[propName] = prop;
-    }
-  });
-  const markerClusterGroup = new L__default.MarkerClusterGroup(clusterProps);
-  Object.entries(clusterEvents).forEach(([eventAsProp, callback]) => {
-    const clusterEvent = `cluster${eventAsProp.substring(2).toLowerCase()}`;
-    markerClusterGroup.on(clusterEvent, callback);
-  });
-  return {
-    instance: markerClusterGroup,
-    context: { ...ctx, layerContainer: markerClusterGroup }
-  };
-});
-export {
-  MarkerClusterGroup as M
-};

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/MarkerClusterGroup/types.d.ts

@@ -1,11 +0,0 @@
-import { PathProps } from '@react-leaflet/core';
-import { FeatureGroup, LeafletEventHandlerFn, MarkerClusterGroupOptions } from 'leaflet';
-import { ReactNode } from 'react';
-export interface MarkerClusterGroupProps extends FeatureGroup, MarkerClusterGroupOptions {
-    onClustering?: LeafletEventHandlerFn;
-    onCluster?: LeafletEventHandlerFn;
-}
-export declare type PropsWithChildren = {
-    children?: ReactNode;
-};
-export type PathWithChildrenProps = MarkerClusterGroupOptions & PathProps & PropsWithChildren;

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/RenderByEachFeatureComponent/index.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-import { RenderByEachFeatureProps } from './types';
-/**
- * "RenderByEachFeatureComponent": Es un wrapper de renderFeature,
- * Se realizó con el fin de que no haya re-renderizado de los features,
- * Sin este wrapper cada vez que se actualiza LeafletLayer, se re-renderiza todos lo features.
- * @param param0
- * @returns
- */
-export declare const RenderByEachFeatureComponent: React.FC<RenderByEachFeatureProps>;
-export declare const MemonizedRenderByEachFeatureComponent: React.NamedExoticComponent<RenderByEachFeatureProps>;

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/RenderByEachFeatureComponent/index.js

@@ -1,13 +0,0 @@
-import React from "react";
-const RenderByEachFeatureComponent = ({
-  renderFeature,
-  ...props
-}) => {
-  const feature = renderFeature(props);
-  return feature ?? null;
-};
-const MemonizedRenderByEachFeatureComponent = React.memo(RenderByEachFeatureComponent);
-export {
-  MemonizedRenderByEachFeatureComponent as M,
-  RenderByEachFeatureComponent as R
-};

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/subcomponents/RenderByEachFeatureComponent/types.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-import { RendePropFeatureArgs } from '../../../../../../contexts/MapContext/types';
-export type RenderByEachFeatureProps = {
-    renderFeature: (props: RendePropFeatureArgs) => ReactNode;
-} & RendePropFeatureArgs;

package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/types.d.ts

@@ -1,2 +0,0 @@
-import { LayerStore } from '../../../../contexts/MapContext/types';
-export type LayerProps = Pick<LayerStore, 'layerId'>;

package/components/maps/components/Map/subcomponents/TileLayers/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * Componente encargado de renderizar las diferentes tipos de mapas, de acuerdo
- * al mapa seleccionado en el store
- * @returns
- */
-export declare function TileLayers(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/subcomponents/TileLayers/index.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { T as TileLayerOthers } from "./subcomponents/TileLayerOthers/index.js";
-import { T as TileLayerGoogle } from "./subcomponents/TileLayerGoogle/index.js";
-import React from "react";
-function TileLayers() {
-  return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-    /* @__PURE__ */ jsx(TileLayerOthers, {}),
-    /* @__PURE__ */ jsx(TileLayerGoogle, {})
-  ] });
-}
-export {
-  TileLayers as T
-};

package/components/maps/components/Map/subcomponents/TileLayers/subcomponents/TileLayerGoogle/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare function TileLayerGoogle(): null;

package/components/maps/components/Map/subcomponents/TileLayers/subcomponents/TileLayerGoogle/index.js

@@ -1,100 +0,0 @@
-import React from "react";
-import { useMap } from "react-leaflet";
-import L__default from "leaflet";
-import { u as useMapStore } from "../../../../hooks/useMapStore/index.js";
-import { shallow } from "zustand/shallow";
-import { Loader } from "@googlemaps/js-api-loader";
-function TileLayerGoogle() {
-  const map = useMap();
-  const mutantRefLayer = React.useRef(null);
-  const { options, sourceType, mapTypeTile } = useMapStore(
-    (state) => state.hashMapSources[state.currentMapSourceId],
-    shallow
-  );
-  const roadOptions = useMapStore(
-    (state) => state.hashMapSources[state.currentMapSourceId].roadSelectedOptions,
-    shallow
-  );
-  const [googleApiKey, googleMapVersion] = useMapStore(
-    (state) => [state.googleMapsApiKey, state.googleMapVersion],
-    shallow
-  );
-  React.useEffect(() => {
-    if (sourceType !== "Google") {
-      return;
-    }
-    let googleMutantLayer;
-    const loader = new Loader({
-      apiKey: googleApiKey,
-      version: googleMapVersion
-    });
-    loader.importLibrary("maps").then(() => {
-      googleMutantLayer = L__default.gridLayer.googleMutant({
-        type: mapTypeTile,
-        // map type, can be 'roadmap', 'satellite', etc.
-        maxZoom: 20,
-        // styles: [
-        //   // Google Maps styles array, can be generated here: https://mapstyle.withgoogle.coxm/
-        // ],
-        ...options
-      });
-      mutantRefLayer.current = googleMutantLayer;
-      if (roadOptions.trafficLayer) {
-        googleMutantLayer.addGoogleLayer("TrafficLayer");
-      }
-      if (roadOptions.transitLayer) {
-        googleMutantLayer.addGoogleLayer("TransitLayer");
-      }
-      if (roadOptions.bicyclingLayer) {
-        googleMutantLayer.addGoogleLayer("BicyclingLayer");
-      }
-      map.addLayer(googleMutantLayer);
-    });
-    return () => {
-      if (googleMutantLayer) {
-        map.removeLayer(googleMutantLayer);
-        mutantRefLayer.current = null;
-      }
-    };
-  }, [map, sourceType, mapTypeTile]);
-  React.useEffect(() => {
-    if (sourceType !== "Google") {
-      return;
-    }
-    if (mutantRefLayer.current && roadOptions) {
-      if (roadOptions.trafficLayer) {
-        mutantRefLayer.current.addGoogleLayer("TrafficLayer");
-      } else if (roadOptions.trafficLayer === false) {
-        mutantRefLayer.current.removeGoogleLayer("TrafficLayer");
-      }
-    }
-  }, [roadOptions.trafficLayer]);
-  React.useEffect(() => {
-    if (sourceType !== "Google") {
-      return;
-    }
-    if (mutantRefLayer.current && roadOptions) {
-      if (roadOptions.transitLayer) {
-        mutantRefLayer.current.addGoogleLayer("TransitLayer");
-      } else if (roadOptions.transitLayer === false) {
-        mutantRefLayer.current.removeGoogleLayer("TransitLayer");
-      }
-    }
-  }, [roadOptions.transitLayer]);
-  React.useEffect(() => {
-    if (sourceType !== "Google") {
-      return;
-    }
-    if (mutantRefLayer.current && roadOptions) {
-      if (roadOptions.bicyclingLayer) {
-        mutantRefLayer.current.addGoogleLayer("BicyclingLayer");
-      } else if (roadOptions.bicyclingLayer === false) {
-        mutantRefLayer.current.removeGoogleLayer("BicyclingLayer");
-      }
-    }
-  }, [roadOptions.bicyclingLayer]);
-  return null;
-}
-export {
-  TileLayerGoogle as T
-};

package/components/maps/components/Map/subcomponents/TileLayers/subcomponents/TileLayerOthers/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * "OtherSourceMapsLayer" componente encargado de renderizar la capa de mapa seleccionado.
- * Este componente no renderiza, las capas de google.
- * @returns null
- */
-export declare const TileLayerOthers: () => null;

package/components/maps/components/Map/subcomponents/TileLayers/subcomponents/TileLayerOthers/index.js

@@ -1,35 +0,0 @@
-import { useMap } from "react-leaflet";
-import { shallow } from "zustand/shallow";
-import { u as useMapStore } from "../../../../hooks/useMapStore/index.js";
-import { useEffect } from "react";
-import L__default from "leaflet";
-const TileLayerOthers = () => {
-  const map = useMap();
-  const { urlTemplate, dictionaryId, options, getTileUrl, sourceType } = useMapStore(
-    (state) => state.hashMapSources[state.currentMapSourceId],
-    shallow
-  );
-  useEffect(() => {
-    let layer;
-    if (sourceType === "Google") {
-      return;
-    }
-    layer = L__default.tileLayer(urlTemplate, options);
-    if (getTileUrl) {
-      layer.getTileUrl = getTileUrl;
-    }
-    map.addLayer(layer);
-    if (options && options.maxZoom) {
-      map.setMaxZoom(options.maxZoom);
-    }
-    return () => {
-      if (layer) {
-        map.removeLayer(layer);
-      }
-    };
-  }, [dictionaryId, urlTemplate, options, getTileUrl, sourceType]);
-  return null;
-};
-export {
-  TileLayerOthers as T
-};

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

@@ -1,56 +0,0 @@
-import { OverridesStyleRules } from '@mui/material/styles/overrides';
-import { LatLngExpression } from 'leaflet';
-import { FC } from 'react';
-import { Theme } from '@mui/material/styles';
-import { MapSlots } from './slots/slots';
-import { COMPONET_KEY_COMPONENT } from './constants';
-export type Localization = {
-    /**
-     *  "lat" Posición en del eje "Y" en grados.
-     */
-    lat: number;
-    /**
-     *  "lng" Posición en del eje "X" en grados.
-     */
-    lng: number;
-};
-export type Point = {
-    /**
-     *  "x" Posición en del eje "X" en pixeles.
-     */
-    x: number;
-    /**
-     *  "y" Posición en del eje "Y" en pixeles.
-     */
-    y: number;
-};
-export interface MapProps {
-    /**
-     * "center" posición inicial del mapa.
-     */
-    center?: LatLngExpression | undefined;
-    /**
-     * "initialZoom" Zoom inicial del mapa. Por defecto es 16
-     */
-    initalZoom?: number;
-    /**
-     * "maxZoom" Max Zoom global, por defecto es 22, sin embargo cada TileLayer coloca su propio maxZoom.
-     */
-    maxZoom?: number;
-    /**
-     * "mapGpsTools" Componente que gestiona la herramienta de guardian GPS, geocercas, puntos de interes, etc.
-     */
-    mapGpsTools?: FC;
-}
-export type MapSlotsType = keyof typeof MapSlots;
-export type MapOwnerState = {
-    /**
-     *  "isMobile" cuando el navegador está corriendo en dispositivo móvil
-     */
-    isMobile?: boolean;
-    /**
-     * "hidden" permite definir si la ventana está oculta o no. Por defecto es "false
-     */
-    hidden?: boolean;
-};
-export type MapStyles = Partial<OverridesStyleRules<MapSlotsType, typeof COMPONET_KEY_COMPONENT, Theme> | undefined> | undefined;

package/components/maps/components/MapGpsTools/MapGpsTools.d.ts

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