@m4l/components 9.1.125 → 9.1.127

package/components/maps/components/Map/featureRenders/CommonFeatureRender/subcomponents/MarkerIconLabel/index.js

@@ -1,76 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Marker } from "react-leaflet";
-import { F as FeatureDivIconLabel } from "../FeatureDivIconLabel/index.js";
-import { useState, useRef, useCallback } from "react";
-const MarkerIconLabel = (props) => {
-  const {
-    position,
-    draggable = true,
-    iconSrc,
-    iconRotate,
-    iconScale: scale,
-    className,
-    label,
-    markerColor,
-    labelBkColor: bkColor,
-    labelColor: color,
-    iconWidth,
-    iconHeight,
-    offsetLeftTop,
-    eventHandlers,
-    popupRender,
-    properties,
-    popupOptions,
-    ...others
-  } = props;
-  const [isOpen, setIsOpen] = useState(false);
-  const markerRef = useRef(null);
-  const makerIcon = FeatureDivIconLabel({
-    iconSrc,
-    iconRotate,
-    iconScale: scale,
-    label,
-    iconWidth,
-    iconHeight,
-    labelBkColor: bkColor,
-    labelColor: color,
-    offsetLeftTop
-  });
-  const PopupRender = popupRender;
-  const onPopupOpen = useCallback((_e) => {
-    setIsOpen(true);
-  }, []);
-  const onPopupClose = useCallback((_e) => {
-    setIsOpen(false);
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Marker,
-    {
-      ref: markerRef,
-      position,
-      draggable,
-      riseOnHover: true,
-      icon: makerIcon,
-      eventHandlers: {
-        ...eventHandlers,
-        click: (_e) => {
-        },
-        popupopen: onPopupOpen,
-        popupclose: onPopupClose
-      },
-      ...others,
-      children: PopupRender && properties && /* @__PURE__ */ jsx(
-        PopupRender,
-        {
-          isOpen,
-          properties,
-          position,
-          popupOptions
-        }
-      )
-    }
-  );
-};
-export {
-  MarkerIconLabel as M
-};

package/components/maps/components/Map/featureRenders/CommonFeatureRender/subcomponents/MarkerIconLabel/types.d.ts

@@ -1,12 +0,0 @@
-import { MarkerProps } from 'react-leaflet';
-import { DivIconFeatureDescriptionProps } from '../FeatureDivIconLabel/types';
-import { MapPopupComponent } from '../../../../popups/types';
-import { GeoJsonProperties } from '../../../../contexts/MapContext/types';
-import { PopupOptions } from 'leaflet';
-export interface FeatureDescriptionProps extends DivIconFeatureDescriptionProps, Omit<MarkerProps, 'children'> {
-    withPoint?: boolean;
-    popupRender?: MapPopupComponent | undefined;
-    properties?: GeoJsonProperties;
-    popupOptions?: Omit<PopupOptions, 'content'>;
-    [name: string]: any;
-}

package/components/maps/components/Map/featureRenders/MarkerFeatureRender/IconMarker.d.ts

@@ -1,9 +0,0 @@
-export type IconForm = 'grua' | 'taxi';
-export interface IconMarkerProps {
-    iconForm: string;
-    bearing: number;
-}
-/**
- * TODO: Documentar
- */
-export declare function IconMarker(props: IconMarkerProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/featureRenders/MarkerFeatureRender/IconMarkerGrua.d.ts

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

package/components/maps/components/Map/featureRenders/MarkerFeatureRender/IconMarkerTaxi.d.ts

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

package/components/maps/components/Map/featureRenders/MarkerFeatureRender/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentRenderPropFeature } from '../../contexts/MapContext';
-/**
- * TODO: Documentar
- */
-export declare const MarkerFeatureRender: ComponentRenderPropFeature;

package/components/maps/components/Map/featureRenders/MarkerFeatureRender/index.js

@@ -1,79 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Marker } from "react-leaflet";
-import { shallow } from "zustand/shallow";
-import { useMemo } from "react";
-import L__default from "leaflet";
-import { u as useMapStore } from "../../hooks/useMapStore/index.js";
-function CustomMarker(props) {
-  const { position, width, height, iconForm, bearing, ...other } = props;
-  const html = useMemo(() => {
-  }, [bearing]);
-  const customIcon = useMemo(() => {
-    return L__default.divIcon({
-      className: "custom-icon",
-      iconSize: [width, height],
-      html: `<div>Hola</div>`
-    });
-  }, [html]);
-  return /* @__PURE__ */ jsx(
-    Marker,
-    {
-      position,
-      icon: customIcon,
-      ...other
-    }
-  );
-}
-const MarkerFeatureRender = (props) => {
-  const { id, layerId } = props;
-  const feature = useMapStore((state) => {
-    const gObject = state.hashLayers[layerId].geoJsonObject;
-    if (!gObject) {
-      return null;
-    }
-    if (gObject.object.type === "Feature") {
-      return {
-        id: gObject.object.id,
-        geometry: gObject.object.geometry,
-        properties: gObject.object.properties
-      };
-    } else {
-      const feat = gObject.object.features.find((f) => f.id === id);
-      if (feat) {
-        return {
-          id: feat.id,
-          geometry: feat.geometry,
-          properties: feat.properties
-        };
-      }
-      return null;
-    }
-  }, shallow);
-  if (!feature) {
-    return null;
-  }
-  if (feature.geometry.type === "Point") {
-    const [lat, lng] = feature.geometry.coordinates;
-    const bearing = feature.properties?.iconRotate ?? 0;
-    return (
-      // <Marker position={{ lat, lng }}>
-      // ddd
-      // </Marker>
-      /* @__PURE__ */ jsx(
-        CustomMarker,
-        {
-          position: { lat, lng },
-          width: 32,
-          height: 32,
-          bearing,
-          iconForm: "grua",
-          id: feature.id
-        }
-      )
-    );
-  }
-  return null;
-};
-export {
-  MarkerFeatureRender as M
-};

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

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

package/components/maps/components/Map/hooks/useAutoFocus/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * "useAutoFocus" esta pendiente de que las capas que tiene auto foucus y son visible o cuando cambien su features.
- * en cambios su propiedad de autoFocus o visible, el Efecto de autonEnfoque se activa, haciendo
- * que el mapa se ajuste a los límites de las capas que tienen auto focus.
- */
-export declare function useAutoFocus(): void;

package/components/maps/components/Map/hooks/useAutoFocus/index.js

@@ -1,78 +0,0 @@
-import { useEffect } from "react";
-import { useMap } from "react-leaflet";
-import throttle from "lodash-es/throttle";
-import { shallow } from "zustand/shallow";
-import L__default from "leaflet";
-import { u as useMapStore } from "../useMapStore/index.js";
-function useAutoFocus() {
-  const map = useMap();
-  const layerWithAutoFocus = useMapStore((state) => {
-    return state.layersIds.filter((lId) => {
-      if (state.hashLayers[lId].autoFocus && state.hashLayers[lId].visible) {
-        return true;
-      }
-      return false;
-    }).map((layerId) => ({
-      layerId,
-      features: function() {
-        if (state.hashLayers[layerId].geoJsonObject?.object.type === "FeatureCollection") {
-          const layer = state.hashLayers[layerId].geoJsonObject?.object;
-          return layer.features.filter((feature) => feature.layerData !== void 0).map((feature) => ({ featureId: feature.id, layerData: feature.layerData }));
-        } else {
-          const feature = state.hashLayers[layerId].geoJsonObject?.object;
-          if (feature.layerData !== void 0) {
-            return [{ featureId: feature.id, layerData: feature.layerData }];
-          }
-        }
-        return [];
-      }()
-    }));
-  }, shallow);
-  useEffect(() => {
-    const proccesLayerWithAutoFocus = (layersFoucus) => {
-      const layersToFitBounds = [];
-      for (const layerWhitFeatures of layersFoucus) {
-        const features = layerWhitFeatures?.features;
-        for (let i = 0; i < features.length; i++) {
-          const feature = features[i];
-          if (feature.layerData !== void 0) {
-            const featureForBounds = {
-              layerId: layerWhitFeatures.layerId,
-              featureId: feature.featureId,
-              layerData: feature.layerData
-            };
-            layersToFitBounds.push(featureForBounds);
-          } else {
-            console.error(`La capa ${layerWhitFeatures.layerId} no tiene un método getBounds`);
-          }
-        }
-      }
-      if (layersToFitBounds.length > 0) {
-        let featureForBounds = layersToFitBounds[0];
-        let bounds = L__default.latLngBounds(
-          featureForBounds.layerData.boundsNW,
-          featureForBounds.layerData.boundsSE
-        );
-        for (let i = 1; i < layersToFitBounds.length; i++) {
-          featureForBounds = layersToFitBounds[i];
-          const newBounds = L__default.latLngBounds(
-            featureForBounds.layerData.boundsNW,
-            featureForBounds.layerData.boundsSE
-          );
-          bounds = bounds.extend(newBounds);
-        }
-        map.fitBounds(bounds, { animate: false, maxZoom: 22, padding: [50, 50] });
-      }
-    };
-    const throttleBounds = throttle(proccesLayerWithAutoFocus, 300, {
-      leading: false,
-      // No enviar el primer evento de fitBounds
-      trailing: true
-      // Incluir siempre el ultimo evento en la cola, para que no quede se quedee a la mitad del fitBounds
-    });
-    throttleBounds(layerWithAutoFocus);
-  }, [layerWithAutoFocus]);
-}
-export {
-  useAutoFocus as u
-};

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

@@ -1,15 +0,0 @@
-import { FeatureId } from '../../contexts/MapContext';
-import { FeatureLayerData } from '../../contexts/MapContext/types';
-export type FeatureData = {
-    featureId: FeatureId;
-    layerData: FeatureLayerData | undefined;
-};
-export type LayerWithFeatures = {
-    layerId: string;
-    features: FeatureData[];
-};
-export type LayerForBound = {
-    layerId: string;
-    featureId: FeatureId;
-    layerData: FeatureLayerData;
-};

package/components/maps/components/Map/hooks/useDisableClickEvents/index.d.ts

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

package/components/maps/components/Map/hooks/useDisableZoomEvents/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * "useDisableZoomEvents" 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 useDisableZoomEvents(nodeElement: HTMLDivElement | null): void;

package/components/maps/components/Map/hooks/useDisableZoomEvents/index.js

@@ -1,21 +0,0 @@
-import { useEffect } from "react";
-import { useMap } from "react-leaflet";
-function useDisableZoomEvents(nodeElement) {
-  const map = useMap();
-  useEffect(() => {
-    if (!map || !nodeElement) {
-      return;
-    }
-    nodeElement.addEventListener("mouseover", function() {
-      map.doubleClickZoom.disable();
-      map.scrollWheelZoom.disable();
-    });
-    nodeElement.addEventListener("mouseleave", function() {
-      map.scrollWheelZoom.enable();
-      map.doubleClickZoom.enable();
-    });
-  }, [map, nodeElement]);
-}
-export {
-  useDisableZoomEvents as u
-};

package/components/maps/components/Map/hooks/useMapStore/index.d.ts

@@ -1,6 +0,0 @@
-import { MapStateWithActions } from '../../contexts/MapContext/types';
-/**
- * TODO: Documentar
- */
-export declare function useMapStore<T>(selector: (state: MapStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
-export default useMapStore;

package/components/maps/components/Map/hooks/useMapStore/index.js

@@ -1,13 +0,0 @@
-import { useContext } from "react";
-import { useStore } from "zustand";
-import { M as MapContext } from "../../contexts/MapContext/MapContext.js";
-function useMapStore(selector, equalityFn) {
-  const context = useContext(MapContext);
-  if (!context) {
-    throw new Error("useMapStore context must be use inside MapContext");
-  }
-  return useStore(context, selector, equalityFn);
-}
-export {
-  useMapStore as u
-};

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

@@ -1,45 +0,0 @@
-export declare const MAP_ICONS: {
-    /**
-     * Map en general
-     */
-    MAP_ZOOM_IN: string;
-    MAP_ZOOM_OUT: string;
-    /**
-     * Map sources
-     */
-    MAP_SOURCES_TOOL: string;
-    MAP_SOURCE_OSM: string;
-    MAP_SOURCE_GOOGLE_ROADS: string;
-    MAP_SOURCE_GOOGLE_HYBRID: string;
-    MAP_SOURCE_GOOGLE_SATELLITE: string;
-    MAP_SOURCE_BING: string;
-    /**
-     * Map sources road options+
-     */
-    MAP_SOURCE_ROAD_TRAFFIC: string;
-    MAP_SOURCE_ROAD_TRANSIT: string;
-    MAP_SOURCE_ROAD_BICYCLING: string;
-    /**
-     * Layers
-     */
-    MAP_LAYERS_TOOL: string;
-    MAP_LAYER_VISIBLE: string;
-    MAP_LAYER_AUTOFOCUS: string;
-    MAP_LAYER_CLUSTER: string;
-    MAP_LAYER_DELETE: string;
-    ADD: string;
-    /**
-     * Measure Tool *
-     *
-     */
-    MAP_GPS_TOOLS_TOOL: string;
-    MAP_MEASURE_TOOL: string;
-    GENERAL: string;
-    CONFIG: string;
-    STROKE: string;
-    FILL: string;
-    EDIT: string;
-    DELETE: string;
-    ACTIVE: string;
-    NAME: string;
-};

package/components/maps/components/Map/icons.js

@@ -1,61 +0,0 @@
-const MAP_ICONS = {
-  /**
-   * Map en general
-   */
-  MAP_ZOOM_IN: "cmp_map_zoom_in.svg",
-  MAP_ZOOM_OUT: "cmp_map_zoom_out.svg",
-  /**
-   * Map sources
-   */
-  MAP_SOURCES_TOOL: "cmp_map_mapsources_tool.svg",
-  MAP_SOURCE_OSM: "cmp_map_mapsources_osm.svg",
-  MAP_SOURCE_GOOGLE_ROADS: "cmp_map_mapsources_google.svg",
-  MAP_SOURCE_GOOGLE_HYBRID: "cmp_map_mapsources_googlehybrid.svg",
-  MAP_SOURCE_GOOGLE_SATELLITE: "cmp_map_mapsources_googlesatelite.svg",
-  MAP_SOURCE_BING: "cmp_map_mapsources_bing.svg",
-  /**
-   * Map sources road options+
-   */
-  MAP_SOURCE_ROAD_TRAFFIC: "cmp_map_mapsources_layer-traffic.svg",
-  MAP_SOURCE_ROAD_TRANSIT: "cmp_map_mapsources_layer-transit.svg",
-  MAP_SOURCE_ROAD_BICYCLING: "cmp_map_mapsources_layer-bicycle.svg",
-  /**
-   * Layers
-   */
-  MAP_LAYERS_TOOL: "cmp_map_layers_tool.svg",
-  MAP_LAYER_VISIBLE: "cmp_map_layers_view.svg",
-  MAP_LAYER_AUTOFOCUS: "cmp_map_layers_zoom_fit.svg",
-  MAP_LAYER_CLUSTER: "cmp_map_layers_cluster.svg",
-  MAP_LAYER_DELETE: "cmp_map_layers_delete.svg",
-  ADD: "add.svg",
-  /**
-   * Measure Tool *
-   *
-   */
-  MAP_GPS_TOOLS_TOOL: "cmp_map_gpstools_tool.svg",
-  MAP_MEASURE_TOOL: "cmp_map_measure_tool.svg",
-  GENERAL: "general.svg",
-  CONFIG: "config.svg",
-  STROKE: "stroke.svg",
-  FILL: "fill.svg",
-  // REFRESH: 'refresh.svg',
-  // ENABLED: 'enabled.svg',
-  // DISABLED: 'disabled.svg',
-  EDIT: "edit.svg",
-  DELETE: "delete.svg",
-  ACTIVE: "active.svg",
-  NAME: "name.svg"
-  // EMAIL: 'email.svg',
-  // USER: 'users.svg',
-  // FIRSTNAME: 'first_name.svg',
-  // LASTNAME: 'last_name.svg',
-  // MAIN_PHONE: 'fixed_phone.svg',
-  // SECONDARY_PHONE: 'fixed_phone.svg',
-  // CREATED_AT: 'created_at.svg',
-  // UPDATED_AT: 'updated_at.svg',
-  // VIEW_DETAIL: 'view_detail.svg',
-  // USERS: 'users.svg',
-};
-export {
-  MAP_ICONS as M
-};

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

@@ -1,9 +0,0 @@
-export { MyMap as Map } from './Map';
-export type { MapProps } from './types';
-export { MapProvider, MapContext } from './contexts/MapContext/MapContext';
-export { useMapStore } from './hooks/useMapStore';
-export type { RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry, } from './contexts/MapContext';
-export * from './featureRenders';
-export * from './popups';
-export { getMapComponentsDictionary } from './dictionary';
-export * from './pluginLayers';

package/components/maps/components/Map/pluginLayers/PolylineWithArrows/index.d.ts

@@ -1,11 +0,0 @@
-import { LatLngExpression } from 'leaflet';
-import { PolylineProps } from 'react-leaflet';
-interface PolylineWithArrowsProps extends PolylineProps {
-    positions: LatLngExpression[];
-    enableEdit?: boolean;
-}
-/**
- * TODO: Documentar
- */
-export declare const PolylineWithArrows: React.FC<PolylineWithArrowsProps>;
-export default PolylineWithArrows;

package/components/maps/components/Map/pluginLayers/PolylineWithArrows/index.js

@@ -1,74 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import L__default from "leaflet";
-import "leaflet-polylinedecorator";
-import { useRef, useEffect } from "react";
-import { useMap, Polyline } from "react-leaflet";
-const PolylineWithArrows = ({
-  positions,
-  enableEdit,
-  ...other
-}) => {
-  const map = useMap();
-  const polylineRef = useRef(null);
-  const decoratorRef = useRef(null);
-  useEffect(() => {
-    if (polylineRef.current) {
-      const decorator = L__default.polylineDecorator(polylineRef.current, {
-        patterns: [
-          {
-            // offset: '20%',
-            repeat: 50,
-            symbol: L__default.Symbol.arrowHead({
-              pixelSize: 4,
-              polygon: false,
-              pathOptions: {
-                stroke: true,
-                color: "#ffffff",
-                weight: 2
-              }
-            })
-          }
-        ]
-      }).addTo(map);
-      decoratorRef.current = decorator;
-      if (enableEdit) {
-        polylineRef.current.pm.enable();
-      } else {
-        polylineRef.current.pm.disable();
-      }
-      polylineRef.current.on("pm:change", () => {
-        if (decoratorRef.current) {
-          map.removeLayer(decoratorRef.current);
-        }
-        if (polylineRef.current) {
-          decoratorRef.current = L__default.polylineDecorator(polylineRef.current, {
-            patterns: [
-              {
-                // offset: '20%',
-                repeat: 40,
-                symbol: L__default.Symbol.arrowHead({
-                  pixelSize: 4,
-                  polygon: false,
-                  pathOptions: {
-                    stroke: true,
-                    color: "#cc0000",
-                    weight: 2
-                  }
-                })
-              }
-            ]
-          }).addTo(map);
-        }
-      });
-      return () => {
-        if (decoratorRef.current) {
-          map.removeLayer(decoratorRef.current);
-        }
-      };
-    }
-  }, [map, enableEdit]);
-  return /* @__PURE__ */ jsx(Polyline, { positions, ref: polylineRef, ...other });
-};
-export {
-  PolylineWithArrows as P
-};

package/components/maps/components/Map/pluginLayers/index.d.ts

@@ -1 +0,0 @@
-export { PolylineWithArrows } from './PolylineWithArrows';

package/components/maps/components/Map/popups/MapPopupMyGps/MapPopupMyGps.d.ts

@@ -1,7 +0,0 @@
-import { MapPopupProps } from '../types';
-/**
- * "MapPopupMyGps" componente encargado de visualizar la información de un dispositivo
- * dentro de un popup.
- *
- */
-export declare const MapPopupMyGps: (props: MapPopupProps) => import("react/jsx-runtime").JSX.Element;