@m4l/components 9.1.125 → 9.1.126

package/components/maps/components/Map/external/Control/index.js

@@ -1,42 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import L__default from "leaflet";
-import { useMap } from "react-leaflet";
-import clsx from "clsx";
-const POSITION_CLASSES = {
-  bottomleft: "leaflet-bottom leaflet-left",
-  bottomright: "leaflet-bottom leaflet-right",
-  topleft: "leaflet-top leaflet-left",
-  topright: "leaflet-top leaflet-right"
-};
-const Control = (props) => {
-  const [portalRoot, setPortalRoot] = React.useState(document.createElement("div"));
-  const positionClass = props.position && POSITION_CLASSES[props.position] || POSITION_CLASSES.topright;
-  const controlContainerRef = React.createRef();
-  const map = useMap();
-  React.useEffect(() => {
-    if (controlContainerRef.current !== null) {
-      L__default.DomEvent.disableClickPropagation(controlContainerRef.current);
-      L__default.DomEvent.disableScrollPropagation(controlContainerRef.current);
-    }
-  }, [controlContainerRef]);
-  React.useEffect(() => {
-    const mapContainer = map.getContainer();
-    const targetDiv = mapContainer.getElementsByClassName(positionClass);
-    setPortalRoot(targetDiv[0]);
-  }, [positionClass]);
-  React.useEffect(() => {
-    if (portalRoot !== null) {
-      if (props.prepend !== void 0 && props.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 });
-};
-export {
-  Control as C
-};

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

@@ -1,7 +0,0 @@
-export interface ControlProps {
-    position: L.ControlPosition;
-    children?: React.ReactNode;
-    container?: React.HTMLAttributes<HTMLDivElement>;
-    prepend?: boolean;
-    className?: string;
-}

package/components/maps/components/Map/external/Popup/component.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export function createDivOverlayComponent(useElement: any): import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<any>>;

package/components/maps/components/Map/external/Popup/div-overlay.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export function createDivOverlayHook(useElement: any, useLifecycle: any): (props: any, setOpen: any) => any;

package/components/maps/components/Map/external/Popup/element.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export function createElementHook(createElement: any, updateElement: any): (props: any, context: any) => import('react').MutableRefObject<undefined>;

package/components/maps/components/Map/external/Popup/generic.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export function createOverlayComponent(createElement: any, useLifecycle: any): import('react').ForwardRefExoticComponent<Omit<any, "ref"> & import('react').RefAttributes<any>>;

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

@@ -1,4 +0,0 @@
-import { Popup as LeafletPopup } from 'leaflet';
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { PopupProps } from 'react-leaflet';
-export declare const Popup: ForwardRefExoticComponent<PopupProps & RefAttributes<LeafletPopup>>;

package/components/maps/components/Map/external/googleMutant/LRUMap.d.ts

@@ -1,99 +0,0 @@
-/**
- * TODO: Documentar
- */
-export class LRUMap {
-    /**
-     * TODO: Documentar
-     */
-    constructor(limit: any, entries: any);
-    size: number;
-    limit: any;
-    oldest: any;
-    newest: any;
-    _keymap: Map<any, any>;
-    /**
-     * TODO: Documentar
-     */
-    _markEntryAsUsed(entry: any): void;
-    /**
-     * TODO: Documentar
-     */
-    assign(entries: any): void;
-    /**
-     * TODO: Documentar
-     */
-    get(key: any): any;
-    /**
-     * TODO: Documentar
-     */
-    set(key: any, value: any): this;
-    /**
-     * TODO: Documentar
-     */
-    shift(): any[] | undefined;
-    /**
-     * TODO: Documentar
-     */
-    find(key: any): any;
-    has(key: any): boolean;
-    /**
-     * TODO: Documentar
-     */
-    delete(key: any): any;
-    /**
-     * TODO: Documentar
-     */
-    clear(): void;
-    keys(): KeyIterator;
-    values(): ValueIterator;
-    entries(): this;
-    /**
-     * TODO: Documentar
-     */
-    forEach(fun: any, thisObj: any): void;
-    /** Returns a JSON (array) representation */
-    toJSON(): any[];
-    /** Returns a String representation */
-    toString(): string;
-    [Symbol.iterator](): EntryIterator;
-}
-declare function KeyIterator(oldestEntry: any): void;
-declare class KeyIterator {
-    constructor(oldestEntry: any);
-    entry: any;
-    /**
-     * TODO: Documentar
-     */
-    next(): {
-        done: boolean;
-        value: any;
-    };
-}
-declare function ValueIterator(oldestEntry: any): void;
-declare class ValueIterator {
-    constructor(oldestEntry: any);
-    entry: any;
-    /**
-     * TODO: Documentar
-     */
-    next(): {
-        done: boolean;
-        value: any;
-    };
-}
-declare function EntryIterator(oldestEntry: any): void;
-declare class EntryIterator {
-    constructor(oldestEntry: any);
-    entry: any;
-    /**
-     * TODO: Documentar
-     */
-    next(): {
-        done: boolean;
-        value: any[];
-    } | {
-        done: boolean;
-        value: undefined;
-    };
-}
-export {};

package/components/maps/components/Map/external/googleMutant/googleMutant.d.ts

@@ -1 +0,0 @@
-export {};

package/components/maps/components/Map/external/googleMutant/googleMutant.js

@@ -1 +0,0 @@
-

package/components/maps/components/Map/external/googleMutant/googleMutantNoDelete.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,132 +0,0 @@
-import 'leaflet';
-declare module 'leaflet' {
-  namespace gridLayer {
-    interface GoogleMutant extends GridLayer {
-      setElementSize(e: HTMLElement, size: Point): void;
-      /**
-       * Add additional Google Maps layer.
-       *
-       * https://developers.google.com/maps/documentation/javascript/trafficlayer
-       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
-       * @param options? constructor arguments to pass through to the google layer.
-       * @returns Promise for the native Google Maps Layer instance.
-       */
-      addGoogleLayer(googleLayerName: string, options?: object): Promise<object>;
-      /**
-       * Removes Google Maps layer.
-       *
-       * https://developers.google.com/maps/documentation/javascript/trafficlayer
-       * @param googleLayerName such as BicyclingLayer, TrafficLayer, or TransitLayer.
-       */
-      removeGoogleLayer(googleLayerName: string): void;
-    }
-    type GoogleMutantType = 'roadmap' | 'satellite' | 'terrain' | 'hybrid';
-    interface GoogleMutantStyler {
-      hue?: string | undefined;
-      lightness?: number | undefined;
-      saturation?: number | undefined;
-      gamma?: number | undefined;
-      invert_lightness?: boolean | undefined;
-      visibility?: string | undefined;
-      color?: string | undefined;
-      weight?: number | undefined;
-    }
-    /**
-     * Google's map style.
-     *
-     * https://developers.google.com/maps/documentation/javascript/style-reference
-     */
-    interface GoogleMutantStyle {
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
-       */
-      featureType?: string | undefined;
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
-       */
-      elementType?: string | undefined;
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
-       */
-      stylers?: GoogleMutantStyler[] | undefined;
-    }
-    interface GoogleMutantOptions extends TileLayerOptions {
-      minZoom?: number | undefined;
-      maxZoom?: number | undefined;
-      maxNativeZoom?: number | undefined;
-      tileSize?: number | Point | undefined;
-      subdomains?: string | string[] | undefined;
-      errorTileUrl?: string | undefined;
-      /**
-       * The mutant container will add its own attribution anyways.
-       */
-      attribution?: string | undefined;
-      opacity?: number | undefined;
-      continuousWorld?: boolean | undefined;
-      noWrap?: boolean | undefined;
-      /**
-       * Google's map type. 'hybrid' is not really supported.
-       */
-      type?: GoogleMutantType | undefined;
-      /**
-       * Google's map styles.
-       */
-      styles?: GoogleMutantStyle[] | undefined;
-    }
-    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
-    // Remove the duplicate declaration of GoogleMutantType
-    interface GoogleMutantStyler {
-      hue?: string | undefined;
-      lightness?: number | undefined;
-      saturation?: number | undefined;
-      gamma?: number | undefined;
-      invert_lightness?: boolean | undefined;
-      visibility?: string | undefined;
-      color?: string | undefined;
-      weight?: number | undefined;
-    }
-    /**
-     * Google's map style.
-     *
-     * https://developers.google.com/maps/documentation/javascript/style-reference
-     */
-    interface GoogleMutantStyle {
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-features
-       */
-      featureType?: string | undefined;
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#style-elements
-       */
-      elementType?: string | undefined;
-      /**
-       * https://developers.google.com/maps/documentation/javascript/style-reference#stylers
-       */
-      stylers?: GoogleMutantStyler[] | undefined;
-    }
-    interface GoogleMutantOptions extends TileLayerOptions {
-      minZoom?: number | undefined;
-      maxZoom?: number | undefined;
-      maxNativeZoom?: number | undefined;
-      tileSize?: number | Point | undefined;
-      subdomains?: string | string[] | undefined;
-      errorTileUrl?: string | undefined;
-      /**
-       * The mutant container will add its own attribution anyways.
-       */
-      attribution?: string | undefined;
-      opacity?: number | undefined;
-      continuousWorld?: boolean | undefined;
-      noWrap?: boolean | undefined;
-      /**
-       * Google's map type. 'hybrid' is not really supported.
-       */
-      type?: GoogleMutantType | undefined;
-      /**
-       * Google's map styles.
-       */
-      styles?: GoogleMutantStyle[] | undefined;
-    }
-    function googleMutant(options?: GoogleMutantOptions): GoogleMutant;
-  }
-}

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

@@ -1,8 +0,0 @@
-import { ComponentRenderPropFeature } from '../../contexts/MapContext';
-/**
- * "CommonFeatureRender" es un renderizador de features común, que se utiliza para renderizar
- * los features de los layers
- * @param props
- * @returns
- */
-export declare const CommonFeatureRender: ComponentRenderPropFeature;

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

@@ -1,257 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-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 { M as MarkerIconLabel } from "./subcomponents/MarkerIconLabel/index.js";
-import { P as PolylineWithArrows } from "../../pluginLayers/PolylineWithArrows/index.js";
-const CommonFeatureRender = (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,
-        featureLabel: gObject.object.featureLabel,
-        popupRender: state.hashLayers[layerId].popupComponent,
-        popupOptions: state.hashLayers[layerId].popupOptions
-      };
-    } else {
-      const feat = gObject.object.features.find((f) => f.id === id);
-      if (feat) {
-        return {
-          id: feat.id,
-          geometry: feat.geometry,
-          properties: feat.properties,
-          featureLabel: feat.featureLabel,
-          popupRender: state.hashLayers[layerId].popupComponent,
-          popupOptions: state.hashLayers[layerId].popupOptions
-        };
-      }
-      return null;
-    }
-  }, shallow);
-  const { addLayerDataToFeature } = useMapStore((state) => state.mapActions, shallow);
-  const [svg, setSvg] = useState(null);
-  useEffect(() => {
-    if (!feature) {
-      return;
-    }
-    if (feature.geometry?.type === "Point" && (feature.properties?.subType === "Marker" || feature.properties?.subType === void 0)) {
-      const { iconUrl, markerColor = MARKER_COLOR_DEFAULT } = feature?.properties;
-      const fetchData = async () => {
-        if (svg && svg.path === iconUrl && svg.color === markerColor) {
-          return;
-        }
-        let data;
-        if (iconUrl) {
-          data = await fetch(iconUrl).then((i) => i.text());
-        }
-        if (!data) {
-          data = SVG_ICON_DEFAULT;
-        }
-        data = "data:image/svg+xml;base64," + btoa((data || "").replace(/#1E96DC/g, markerColor));
-        setSvg({
-          color: markerColor,
-          path: iconUrl,
-          data
-        });
-      };
-      fetchData();
-    }
-  }, [feature]);
-  const onAddPointLayer = useCallback((e) => {
-    if (!feature) {
-      return;
-    }
-    const layerData = {
-      // visible: true,
-      boundsNW: e.target?._latlng,
-      boundsSE: e.target?._latlng,
-      target: e.target
-      // {
-      //   id: e.target?._leaflet_id,
-      //   openPopup: e.target?.openPopup,
-      // },
-      // target: e.target,
-    };
-    addLayerDataToFeature(layerId, feature.id, layerData);
-  }, [feature]);
-  const onAddMultipointLayer = useCallback((e) => {
-    if (!feature) {
-      return;
-    }
-    const layerData = {
-      // visible: true,
-      boundsNW: e.target.getBounds().getNorthWest(),
-      boundsSE: e.target.getBounds().getSouthEast()
-      // target: e.target,
-    };
-    addLayerDataToFeature(layerId, feature.id, layerData);
-  }, [feature, addLayerDataToFeature, layerId]);
-  if (!feature) {
-    return null;
-  }
-  const propFeature = {
-    featureId: feature.id
-  };
-  if (feature.geometry?.type === "Point") {
-    const [lng, lat] = feature.geometry.coordinates;
-    if (feature.properties?.subType === "Marker" || feature.properties?.subType === void 0) {
-      const {
-        iconUrl: urlIcon,
-        iconRotate = 0,
-        scaleIcon = 1,
-        iconHeight,
-        iconWidth,
-        className,
-        label,
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        markerColor = MARKER_COLOR_DEFAULT,
-        labelBkColor = LABEL_BK_COLOR_DEFAULT,
-        labelColor = LABEL_COLOR_DEFAULT,
-        offsetLeftTop = [42, 0],
-        ...styleProperties
-      } = feature.properties;
-      if (urlIcon && !svg) {
-        return null;
-      }
-      return /* @__PURE__ */ jsx(
-        MarkerIconLabel,
-        {
-          position: { lat, lng },
-          ...{
-            label,
-            iconSrc: svg?.data,
-            iconScale: scaleIcon,
-            iconRotate,
-            iconWidth,
-            iconHeight,
-            labelBkColor,
-            labelColor,
-            offsetLeftTop
-          },
-          draggable: false,
-          eventHandlers: {
-            add: onAddPointLayer
-          },
-          popupRender: feature.popupRender,
-          properties: feature.properties,
-          popupOptions: feature.popupOptions,
-          ...styleProperties,
-          ...propFeature
-        }
-      );
-    } else if (feature.properties?.subType === "Circle" && feature.properties?.radius) {
-      const { subType, radius, ...styleProperties } = feature.properties;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Circle,
-          {
-            center: { lat, lng },
-            radius: feature.properties?.radius,
-            eventHandlers: {
-              add: onAddMultipointLayer
-              // remove: () => {
-              //     removeLefletLayerToFeature(layerId, feature.id)
-              // },
-            },
-            ...styleProperties,
-            ...propFeature
-          },
-          Math.random()
-        ),
-        feature?.featureLabel && /* @__PURE__ */ jsx(
-          MarkerIconLabel,
-          {
-            position: [lat + feature.properties.radius / 111319, lng],
-            ...feature?.featureLabel
-          }
-        )
-      ] });
-    }
-  } else if (feature.geometry?.type === "LineString") {
-    const polylinePositions = feature.geometry.coordinates.map(
-      (coord) => [coord[1], coord[0]]
-    );
-    if (feature.properties?.subType === "PolylineWithArrows") {
-      return /* @__PURE__ */ jsx(
-        PolylineWithArrows,
-        {
-          positions: polylinePositions,
-          stroke: true,
-          weight: 10,
-          eventHandlers: {
-            add: onAddMultipointLayer
-            // remove: () => {;
-            //     removeLefletLayerToFeature(layerId, feature.id)
-            // },
-          },
-          dashArray: "20 30",
-          ...feature.properties,
-          ...propFeature
-        },
-        Math.random()
-      );
-    } else {
-      return /* @__PURE__ */ jsx(
-        Polyline,
-        {
-          positions: polylinePositions,
-          stroke: true,
-          weight: 10,
-          eventHandlers: {
-            add: onAddMultipointLayer
-            // remove: () => {
-            //     removeLefletLayerToFeature(layerId, feature.id)
-            // },
-          },
-          dashArray: "20 30",
-          ...feature.properties,
-          ...propFeature
-        },
-        Math.random()
-      );
-    }
-  } else if (feature.geometry?.type === "Polygon") {
-    const polygonPositions = feature.geometry.coordinates.map(
-      (ring) => ring.map(([lng, lat]) => [lat, lng])
-    );
-    let topRightPoint = null;
-    polygonPositions[0].forEach((coord) => {
-      const [lat, lng] = coord;
-      if (!topRightPoint || lat >= topRightPoint[0] && lng >= topRightPoint[1]) {
-        topRightPoint = coord;
-      }
-    });
-    topRightPoint = topRightPoint || polygonPositions[0][0];
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Polygon,
-        {
-          positions: polygonPositions,
-          opacity: 1,
-          eventHandlers: {
-            add: onAddMultipointLayer
-            // remove: () => {
-            //     removeLefletLayerToFeature(layerId, feature.id)
-            // },
-          },
-          ...feature.properties,
-          ...propFeature
-        }
-      ),
-      feature?.featureLabel && /* @__PURE__ */ jsx(MarkerIconLabel, { position: topRightPoint, ...feature?.featureLabel })
-    ] });
-  }
-  return null;
-};
-export {
-  CommonFeatureRender as C
-};

package/components/maps/components/Map/featureRenders/CommonFeatureRender/subcomponents/FeatureDivIconLabel/index.d.ts

@@ -1,6 +0,0 @@
-import { default as L } from 'leaflet';
-import { DivIconFeatureDescriptionProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const FeatureDivIconLabel: (props: DivIconFeatureDescriptionProps) => L.DivIcon;

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

@@ -1,33 +0,0 @@
-import L__default from "leaflet";
-import { L as LABEL_BK_COLOR_DEFAULT, a as LABEL_COLOR_DEFAULT } from "../../../../constants.js";
-import { m as mapClasses } from "../../../../classes/index.js";
-import clsx from "clsx";
-const FeatureDivIconLabel = (props) => {
-  const {
-    label,
-    iconSrc,
-    iconScale: scale = 1,
-    iconRotate,
-    labelBkColor: bkColor = LABEL_BK_COLOR_DEFAULT,
-    labelColor: color = LABEL_COLOR_DEFAULT,
-    iconWidth = 24,
-    iconHeight = 24,
-    offsetLeftTop = [24, 0]
-  } = props;
-  let html = label ? `<div class="${mapClasses.featureLabel}" 
-                style="background-color:${bkColor}; color:${color};left:${offsetLeftTop[0]}px;top:${offsetLeftTop[1]}px;">${label}</div>` : "";
-  if (iconSrc) {
-    html = `<div class="${mapClasses.markerLayerIcon}" style="transform: rotate(${iconRotate}deg) scale(${scale}); transform-origin: center center;">
-                    <img src=${iconSrc}></img>
-                </div>` + html;
-  }
-  return L__default.divIcon({
-    className: clsx(mapClasses.markerLayerRoot, ""),
-    iconSize: [iconWidth, iconHeight],
-    // iconAnchor: [-width, height/2],
-    html
-  });
-};
-export {
-  FeatureDivIconLabel as F
-};

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

@@ -1,7 +0,0 @@
-import { FeatureIconLabel } from '../../../../contexts/MapContext/types';
-export interface DivIconFeatureDescriptionProps extends FeatureIconLabel {
-    withPoint?: boolean;
-    iconSrc?: string;
-    iconRotate?: number;
-    iconScale?: number;
-}

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

@@ -1,5 +0,0 @@
-import { FeatureDescriptionProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const MarkerIconLabel: (props: FeatureDescriptionProps) => import("react/jsx-runtime").JSX.Element;