@m4l/components 9.1.125 → 9.1.126

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

@@ -1,36 +0,0 @@
-export declare const COMPONENT_TEST_ID = "M4LMap";
-export declare const COMPONET_KEY_COMPONENT = "M4LMap";
-export declare const EARTH_RADIO = 6378137;
-export declare const DN = 500;
-export declare const DE = 500;
-export declare const DLAT: number;
-export declare const THROTTLE_RENDER_MAP_TIMEOUT = 50;
-export declare const MAP_ZINDEX_DEFAULT = 0;
-export declare const MAP_ZINDEX_OVER_LAYERS = 1000;
-export declare const MAP_ZINDEX_OVER_MAP = 1100;
-export declare const TIME_DOUBLE_CLICK = 250;
-export declare const MARKER_COLOR_DEFAULT = "#1E96DC";
-export declare const LABEL_BK_COLOR_DEFAULT = "#1E96DC";
-export declare const LABEL_COLOR_DEFAULT = "#FFFFFF";
-export declare const GPS_TOOLS_POPUP_ID = "gpsTools";
-export declare const GPS_TOOLS_POPUP_DEFAULT_POSITION: {
-    vertical: {
-        top: number;
-        bottom: number;
-    };
-    horizontal: {
-        right: number;
-        width: number;
-    };
-};
-export declare const MESURE_POPUP_DEFAULT_POSITION: {
-    vertical: {
-        top: number;
-        height: number;
-    };
-    horizontal: {
-        right: number;
-        width: number;
-    };
-};
-export declare const SVG_ICON_DEFAULT = "<svg viewBox=\"0 0 640 640\" height=\"32\" width=\"32\" xmlns=\"http://www.w3.org/2000/svg\">\n<g>\n    <circle\n        cx=\"320\"\n        cy=\"320\"\n        r=\"280\"\n        fill=\"#1E96DC\"\n    />\n    <text\n        x=\"320\"\n        y=\"320\"\n        font-size=\"320\"\n        font-family=\"sans-serif\"\n        fill=\"#FFFFFF\"\n        text-anchor=\"middle\"\n        alignment-baseline=\"central\"\n        dominant-baseline=\"central\"\n    >P</text>\n</g>\n</svg>";

package/components/maps/components/Map/constants.js

@@ -1,49 +0,0 @@
-const COMPONET_KEY_COMPONENT = "M4LMap";
-const MAP_ZINDEX_DEFAULT = 0;
-const MAP_ZINDEX_OVER_MAP = 1100;
-const TIME_DOUBLE_CLICK = 250;
-const MARKER_COLOR_DEFAULT = "#1E96DC";
-const LABEL_BK_COLOR_DEFAULT = "#1E96DC";
-const LABEL_COLOR_DEFAULT = "#FFFFFF";
-const GPS_TOOLS_POPUP_ID = "gpsTools";
-const GPS_TOOLS_POPUP_DEFAULT_POSITION = {
-  vertical: { top: 50, bottom: 50 },
-  horizontal: { right: 50, width: 380 }
-};
-const MESURE_POPUP_DEFAULT_POSITION = {
-  vertical: { top: 50, height: 250 },
-  horizontal: { right: 50, width: 300 }
-};
-const SVG_ICON_DEFAULT = `<svg viewBox="0 0 640 640" height="32" width="32" xmlns="http://www.w3.org/2000/svg">
-<g>
-    <circle
-        cx="320"
-        cy="320"
-        r="280"
-        fill="#1E96DC"
-    />
-    <text
-        x="320"
-        y="320"
-        font-size="320"
-        font-family="sans-serif"
-        fill="#FFFFFF"
-        text-anchor="middle"
-        alignment-baseline="central"
-        dominant-baseline="central"
-    >P</text>
-</g>
-</svg>`;
-export {
-  COMPONET_KEY_COMPONENT as C,
-  GPS_TOOLS_POPUP_ID as G,
-  LABEL_BK_COLOR_DEFAULT as L,
-  MARKER_COLOR_DEFAULT as M,
-  SVG_ICON_DEFAULT as S,
-  TIME_DOUBLE_CLICK as T,
-  LABEL_COLOR_DEFAULT as a,
-  MAP_ZINDEX_OVER_MAP as b,
-  GPS_TOOLS_POPUP_DEFAULT_POSITION as c,
-  MESURE_POPUP_DEFAULT_POSITION as d,
-  MAP_ZINDEX_DEFAULT as e
-};

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

@@ -1,21 +0,0 @@
-import { MapProviderProps } from './types';
-declare const MapContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./types').MapStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import('./types').MapStateWithActions | Partial<import('./types').MapStateWithActions> | ((state: import('./types').MapStateWithActions) => import('./types').MapStateWithActions | Partial<import('./types').MapStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import('./types').MapStateWithActions | Partial<import('./types').MapStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./types').MapStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-}) | null>;
-/**
- * Provedor del contexto de los mapas
- * Expone el store (MapStore) encargado de gestionar la creación, modificación y borrado de capas.
- * @param props
- * @returns
- */
-/**
- * TODO: Documentar
- */
-declare function MapProvider(props: MapProviderProps): import("react/jsx-runtime").JSX.Element;
-export { MapProvider, MapContext };

package/components/maps/components/Map/contexts/MapContext/MapContext.js

@@ -1,58 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { createContext, useRef, useEffect } from "react";
-import { useStore } from "zustand";
-import { shallow } from "zustand/shallow";
-import { useResponsiveDesktop, useFirstRender } from "@m4l/graphics";
-import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { c as createMapStore } from "./store.js";
-const MapContext = createContext(null);
-function MapProvider(props) {
-  const {
-    children,
-    initialLayers,
-    googleMapsApiKey: apiKey,
-    googleMapVersion = "weekly",
-    storeId
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const isDesktop = useResponsiveDesktop();
-  const isSkeleton = useModuleSkeleton();
-  const isFirstRender = useFirstRender([getLabel]);
-  const mapStoreRef = useRef();
-  if (!mapStoreRef.current) {
-    mapStoreRef.current = createMapStore({
-      storeId,
-      getLabel,
-      ownerState: {
-        status: "init",
-        isMobile: !isDesktop,
-        isSkeleton,
-        focus: false
-      },
-      googleMapsApiKey: apiKey,
-      googleMapVersion
-    });
-    mapStoreRef.current?.getState().mapActions.init(initialLayers || []);
-  }
-  const { setHandlerGetLabel, setExternalState } = useStore(
-    mapStoreRef.current,
-    (state) => state.mapActions,
-    shallow
-  );
-  useEffect(() => {
-    if (!isFirstRender) {
-      setHandlerGetLabel(getLabel);
-    }
-  }, [getLabel]);
-  useEffect(() => {
-    if (isFirstRender) {
-      return;
-    }
-    setExternalState({ isMobile: !isDesktop, isSkeleton });
-  }, [isDesktop, isSkeleton]);
-  return /* @__PURE__ */ jsx(MapContext.Provider, { value: mapStoreRef.current, children });
-}
-export {
-  MapContext as M,
-  MapProvider as a
-};

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

@@ -1,8 +0,0 @@
-import { WritableDraft } from 'immer/dist/internal';
-import { MapStateWithActions, LayerStore } from './types';
-export declare const DEFAULT_LAYER: Partial<LayerStore>;
-/**
- * Actualiza la clases basado en owner state
- * @param state immer State
- */
-export declare const updateOwnerStateClasses: (_state: WritableDraft<MapStateWithActions>) => void;

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

@@ -1,2 +0,0 @@
-export { MapProvider, MapContext } from './MapContext';
-export type { RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry, } from './types';

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

@@ -1,19 +0,0 @@
-import { MapStateWithActions, InitialMapStoreProps } from './types';
-/**
- * Crea el Store, por defecto inicia en estado 'init'
- * @param initProps propiedades iniciales del store
- * @returns
- */
-/**
- * TODO: Documentar
- */
-export declare const createMapStore: (initProps: InitialMapStoreProps) => Omit<Omit<import('zustand').StoreApi<MapStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: MapStateWithActions | Partial<MapStateWithActions> | ((state: MapStateWithActions) => MapStateWithActions | Partial<MapStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: MapStateWithActions | Partial<MapStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<MapStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
-};
-export type MapStore = ReturnType<typeof createMapStore>;

package/components/maps/components/Map/contexts/MapContext/store.js

@@ -1,369 +0,0 @@
-import { createStore } from "zustand";
-import { devtools } from "zustand/middleware";
-import { immer } from "zustand/middleware/immer";
-import { u as useMapUtilityClasses } from "../../classes/index.js";
-import cloneDeep from "lodash-es/cloneDeep";
-import merge from "lodash-es/merge";
-import { T as TILE_LAYER_OSM } from "../../subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/sourceTypes/osm.js";
-import { T as TILE_LAYER_GOOGLE, a as TILE_LAYER_GOOGLE_SATELLITE, b as TILE_LAYER_GOOGLE_HYBRID } from "../../subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/sourceTypes/google.js";
-import { T as TILE_LAYER_BING } from "../../subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/sourceTypes/bing.js";
-const createMapStore = (initProps) => {
-  const startProps = {
-    classes: useMapUtilityClasses(initProps.ownerState),
-    visibleCheckedLayers: /* @__PURE__ */ new Set(),
-    autoFocusCheckedLayers: /* @__PURE__ */ new Set(),
-    clusterCheckedLayers: /* @__PURE__ */ new Set(),
-    currentMapSourceId: "",
-    hashMapSources: {},
-    mapSourcesIds: [],
-    layersIds: [],
-    hashLayers: {},
-    ...initProps
-  };
-  return createStore(
-    devtools(
-      immer((set, get) => ({
-        ...startProps,
-        mapActions: {
-          /**
-           * TODO: Documentar
-           */
-          init: (layersStore) => {
-            set((state) => {
-              state.hashMapSources = {
-                osm_roadmap: TILE_LAYER_OSM,
-                google_rodmap: TILE_LAYER_GOOGLE,
-                google_satellite: TILE_LAYER_GOOGLE_SATELLITE,
-                google_hybrid: TILE_LAYER_GOOGLE_HYBRID,
-                bing_rodmap: TILE_LAYER_BING
-              };
-              state.mapSourcesIds = [
-                "osm_roadmap",
-                "google_rodmap",
-                "google_satellite",
-                "google_hybrid",
-                "bing_rodmap"
-              ];
-              state.currentMapSourceId = "osm_roadmap";
-              for (let index = 0; index < layersStore.length; index++) {
-                state.hashLayers[layersStore[index].layerId] = cloneDeep(layersStore[index]);
-                state.layersIds.push(layersStore[index].layerId);
-                if (layersStore[index].visible !== false) {
-                  state.visibleCheckedLayers.add(layersStore[index].layerId);
-                }
-                if (state.hashLayers[layersStore[index].layerId].autoFocus !== false) {
-                  state.autoFocusCheckedLayers.add(layersStore[index].layerId);
-                }
-                if (state.hashLayers[layersStore[index].layerId].cluster !== false) {
-                  state.clusterCheckedLayers.add(layersStore[index].layerId);
-                }
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setMapState: (status) => {
-            set((state) => {
-              state.ownerState.status = status;
-            });
-          },
-          // isEqualsMapProperties: (_newMapProperties: MapProperties) => {
-          //     // if (get().mapProperties === undefined) {
-          //     //     return false;
-          //     // }
-          //     // return (
-          //     //     JSON.stringify(get().mapProperties) === JSON.stringify(newMapProperties)
-          //     // );
-          //     return false;
-          // },
-          // setMapProperties: (newMapProperties: MapProperties) => {
-          //     if (!get().mapActions.isEqualsMapProperties(newMapProperties)) {
-          //         set(state => {
-          //             state.mapProperties = newMapProperties;
-          //             if (state.ownerState.status === 'init') {
-          //                 state.ownerState.status = 'ready';
-          //                 updateOwnerStateClasses(state);
-          //             }
-          //         });
-          //     }
-          // },
-          // setAllFeaturesDataLayer: (layerId: string, value: AllFeaturesDatalLayer) => {
-          //     set(state => {
-          //         // if (
-          //         //     value.geometry === 'multipoints' &&
-          //         //     state.hashLayers[layerId].geometry === value.geometry
-          //         // ) {
-          //         //     (
-          //         //         state.hashLayers[layerId] as WritableDraft<LayerMultiPointProps>
-          //         //     ).hashFeatures = cloneDeep(value.hashFeatures); // Valor puro
-          //         // }
-          //         // if (
-          //         //     value.geometry === 'multilines' &&
-          //         //     state.hashLayers[layerId].geometry === value.geometry
-          //         // ) {
-          //         //     (
-          //         //         state.hashLayers[layerId] as WritableDraft<LayerMultiLineProps>
-          //         //     ).hashFeatures = cloneDeep(value.hashFeatures);
-          //         // }
-          //     });
-          // },
-          /**
-           * TODO: Documentar
-           */
-          setDataLayer: (layerId, geoJson) => {
-            if (!get().hashLayers[layerId]) {
-              throw new Error(`Layer with id ${layerId} not found`);
-            }
-            set((state) => {
-              const layer = state.hashLayers[layerId];
-              layer.geoJsonObject = geoJson;
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          getFeatureIds: (layerId) => {
-            if (!get().hashLayers[layerId]) {
-              throw new Error(`Layer with id ${layerId} not found`);
-            }
-            const geoJsonObject = get().hashLayers[layerId]?.geoJsonObject;
-            if (geoJsonObject && geoJsonObject.object.type === "Feature") {
-              return [geoJsonObject.object.id];
-            } else if (geoJsonObject && geoJsonObject.object.type === "FeatureCollection") {
-              return geoJsonObject.object.features.map((feature) => feature.id);
-            }
-            return [];
-          },
-          /**
-           * TODO: Documentar
-           */
-          setFeatureData: (layerId, featureId, geometry, properties, featureLabel) => {
-            if (!get().hashLayers[layerId]) {
-              throw new Error(`Layer with id ${layerId} not found`);
-            }
-            set((state) => {
-              if (state.hashLayers[layerId].geoJsonObject?.object.type === "FeatureCollection") {
-                const layer = state.hashLayers[layerId].geoJsonObject?.object;
-                let feature = layer.features.find((f) => f.id === featureId);
-                if (feature) {
-                  feature.geometry = cloneDeep(geometry);
-                  feature.properties = merge(feature.properties, properties);
-                  feature.featureLabel = featureLabel;
-                } else {
-                  feature = {
-                    type: "Feature",
-                    geometry,
-                    id: featureId,
-                    properties,
-                    featureLabel
-                  };
-                  layer.features.push(feature);
-                }
-              } else if (state.hashLayers[layerId].geoJsonObject?.object.type === "Feature") {
-                const feature = state.hashLayers[layerId].geoJsonObject?.object;
-                feature.id = featureId;
-                feature.geometry = cloneDeep(geometry);
-                feature.properties = cloneDeep(properties);
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          removeFeature: (layerId, featureId) => {
-            if (!get().hashLayers[layerId]) {
-              throw new Error(`Layer with id ${layerId} not found`);
-            }
-            set((state) => {
-              if (state.hashLayers[layerId].geoJsonObject?.object.type === "FeatureCollection") {
-                const layer = state.hashLayers[layerId].geoJsonObject?.object;
-                const index = layer.features.findIndex((f) => f.id === featureId);
-                if (index !== -1) {
-                  layer.features.splice(index, 1);
-                }
-              } else if (state.hashLayers[layerId].geoJsonObject?.object.type === "Feature") {
-                const feature = state.hashLayers[layerId].geoJsonObject?.object;
-                feature.geometry = { type: "Point", coordinates: [0, 0] };
-                feature.properties = { subType: "Marker" };
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setLayerRenderProp: (layerId, renderProp) => {
-            set((state) => {
-              state.hashLayers[layerId].renderFeature = renderProp;
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          addLayer: (layer) => {
-            if (get().hashLayers[layer.layerId]) {
-              throw new Error(`Layer with id ${layer.layerId} already exists`);
-            }
-            set((state) => {
-              state.hashLayers[layer.layerId] = layer;
-              state.layersIds.push(layer.layerId);
-              if (layer.visible !== false) {
-                state.hashLayers[layer.layerId].visible = true;
-                state.visibleCheckedLayers.add(layer.layerId);
-              }
-              if (layer.autoFocus !== false) {
-                state.hashLayers[layer.layerId].autoFocus = true;
-                state.autoFocusCheckedLayers.add(layer.layerId);
-              }
-              if (layer.clusterAble && layer.cluster !== false) {
-                state.hashLayers[layer.layerId].cluster = true;
-                state.clusterCheckedLayers.add(layer.layerId);
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          addLayerDataToFeature: (layerId, featureId, layerData) => {
-            set((state) => {
-              if (state.hashLayers[layerId]) {
-                if (state.hashLayers[layerId].geoJsonObject?.object.type === "FeatureCollection") {
-                  const layer = state.hashLayers[layerId].geoJsonObject?.object;
-                  const feature = layer.features.find(
-                    (currentFeature) => currentFeature.id === featureId
-                  );
-                  if (feature) {
-                    feature.layerData = layerData;
-                  }
-                } else if (state.hashLayers[layerId].geoJsonObject?.object.type === "Feature") {
-                  const feature = state.hashLayers[layerId].geoJsonObject?.object;
-                  if (feature.layerData) {
-                    feature.layerData = layerData;
-                  }
-                }
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          removeLayer: (layerId) => {
-            if (!get().hashLayers[layerId]) {
-              return;
-            }
-            set((state) => {
-              if (!state.hashLayers[layerId].visible) {
-                state.visibleCheckedLayers.delete(layerId);
-                state.autoFocusCheckedLayers.delete(layerId);
-              }
-              state.layersIds.splice(state.layersIds.indexOf(layerId), 1);
-              delete state.hashLayers[layerId];
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          featureOpenPoup: (layerId, featureId) => {
-            const layer = get().hashLayers[layerId];
-            let feature;
-            if (layer) {
-              if (layer.geoJsonObject?.object?.type === "FeatureCollection") {
-                const layerObject = layer.geoJsonObject?.object;
-                feature = layerObject.features.find(
-                  (currentFeature) => currentFeature.id === featureId
-                );
-              } else if (layer.geoJsonObject?.object.type === "Feature") {
-                feature = layer.geoJsonObject?.object;
-              }
-            }
-            if (feature !== void 0) {
-              feature.layerData?.target?.openPopup();
-            }
-          },
-          // removeLefletLayerToFeature: (layerId, featureId ) => {
-          //     set(state => {
-          //         //se pon si existe, porque cuando se borran las capas, ya no hay forma
-          //         if (state.hashLayers[layerId]){
-          //             if (
-          //                 state.hashLayers[layerId].geoJsonObject?.object.type ===
-          //                 'FeatureCollection'
-          //             ) {
-          //                 //Remove feature from featureCollection
-          //                 const layer = state.hashLayers[layerId].geoJsonObject
-          //                     ?.object as FeatureCollection;
-          //                 const index = layer.features.findIndex(f => f.id === featureId);
-          //                 if (index !== -1) {
-          //                     layer.features[index].layerData = undefined;
-          //                 }
-          //             } else if (
-          //                 state.hashLayers[layerId].geoJsonObject?.object.type === 'Feature'
-          //             ) {
-          //                 const feature = state.hashLayers[layerId].geoJsonObject
-          //                     ?.object as Feature;
-          //                 feature.layerData = undefined;
-          //             }
-          //         }
-          //     });
-          // },
-          /**
-           * TODO: Documentar
-           */
-          setCheckedLayers: (checkedNameSet, newCheckedSet) => {
-            set((state) => {
-              state[`${checkedNameSet}CheckedLayers`] = new Set(newCheckedSet);
-              for (const layerId in state.hashLayers) {
-                state.hashLayers[layerId][checkedNameSet] = newCheckedSet.has(layerId);
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setCurrentMapSource: (newId) => {
-            set((state) => {
-              if (newId in state.hashMapSources) {
-                state.currentMapSourceId = newId;
-              }
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setMapSourceRoadOptions: (partialRoadOptions) => {
-            set((state) => {
-              if (!state.hashMapSources[state.currentMapSourceId]) {
-                return;
-              }
-              state.hashMapSources[state.currentMapSourceId].roadSelectedOptions = {
-                bicyclingLayer: state.hashMapSources[state.currentMapSourceId]?.roadSelectedOptions?.bicyclingLayer || false,
-                trafficLayer: state.hashMapSources[state.currentMapSourceId]?.roadSelectedOptions?.trafficLayer || false,
-                transitLayer: state.hashMapSources[state.currentMapSourceId]?.roadSelectedOptions?.transitLayer || false,
-                ...partialRoadOptions
-              };
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setHandlerGetLabel: (newHandler) => {
-            set((state) => {
-              state.getLabel = newHandler;
-            });
-          },
-          /**
-           * TODO: Documentar
-           */
-          setExternalState: (newExternalState) => {
-            set((state) => {
-              state.ownerState = { ...state.ownerState, ...newExternalState };
-            });
-          }
-        }
-      })),
-      { name: `Map store: ${initProps.storeId}` }
-    )
-  );
-};
-export {
-  createMapStore as c
-};