@m4l/components 9.1.125 → 9.1.126

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

@@ -1,11 +0,0 @@
-import { TopRigthToolsProps } from './types';
-/**
- * Componente que contiene los botones de herramientas de la parte superior derecha del mapa
- *  - Boton de herramientas de GPS (Opcional)
- *  - Boton de herramientas de medición
- *  - Botones de zoom In
- *  - Botones de zoom Out
- * @param props
- * @returns
- */
-export declare function TopRightTools(props: TopRigthToolsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,101 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { useMap } from "react-leaflet";
-import { shallow } from "zustand/shallow";
-import { C as Control } from "../../../../external/Control/index.js";
-import { M as MeasureTool } from "./subcomponents/MeasureTool/index.js";
-import { Z as ZoomButtons } from "./subcomponents/ZoomButtons/index.js";
-import { M as MAP_ICONS } from "../../../../icons.js";
-import { M as MAP_DICCTIONARY } from "../../../../dictionary.js";
-import { m as mapClasses } from "../../../../classes/index.js";
-import { G as GPS_TOOLS_POPUP_ID, c as GPS_TOOLS_POPUP_DEFAULT_POSITION, d as MESURE_POPUP_DEFAULT_POSITION } from "../../../../constants.js";
-import { u as usePopupsStore } from "../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
-import { T as ToggleIconButton } from "../../../../../../../mui_extended/ToggleIconButton/ToggleIconButton.js";
-function TopRightTools(props) {
-  const { gpsTools } = props;
-  const { addPopup, closePopup } = usePopupsStore((state) => state.popupsActions);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const { getLabel } = useModuleDictionary();
-  const openPopupsIds = usePopupsStore(
-    (state) => state.popupsIds.filter((pId) => {
-      return state.hashPopups[pId].status === "init";
-    }),
-    shallow
-  );
-  const popupsIds = usePopupsStore((state) => state.popupsIds, shallow);
-  const map = useMap();
-  const isToggledGpsTools = openPopupsIds.indexOf("gpsTools") > -1;
-  const isDisabledGpsTools = popupsIds.indexOf("gpsTools") > -1 && openPopupsIds.indexOf("gpsTools") === -1;
-  const isToggledMeasureTool = openPopupsIds.indexOf("measureTool") > -1;
-  const isDisabledMeasureTool = popupsIds.indexOf("measureTool") > -1 && openPopupsIds.indexOf("measureTool") === -1;
-  const onMouseDown = (e) => {
-    map.dragging.disable();
-    e.stopPropagation();
-    document.addEventListener("mouseup", onMouseUp);
-  };
-  const onMouseUp = (e) => {
-    map.dragging.enable();
-    e.stopPropagation();
-    document.removeEventListener("mouseup", onMouseUp);
-  };
-  const onGpsToolsClick = (e) => {
-    if (!isToggledGpsTools) {
-      addPopup(
-        {
-          popupId: GPS_TOOLS_POPUP_ID,
-          title: getLabel(MAP_DICCTIONARY.LABEL_GPSTOOLS_NAME),
-          iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_ICONS.MAP_GPS_TOOLS_TOOL}`,
-          functionComponent: gpsTools,
-          onMouseDown,
-          defaultPosition: GPS_TOOLS_POPUP_DEFAULT_POSITION
-        },
-        { closeOthers: true }
-      );
-    } else {
-      closePopup(GPS_TOOLS_POPUP_ID);
-    }
-    e.stopPropagation();
-  };
-  const onMeasureToolClick = (e) => {
-    if (!isToggledMeasureTool) {
-      addPopup(
-        {
-          popupId: "measureTool",
-          iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_MEASURE_TOOL}`,
-          title: getLabel(MAP_DICCTIONARY.LABEL_POPUP_MEASURE),
-          functionComponent: MeasureTool,
-          onMouseDown,
-          defaultPosition: MESURE_POPUP_DEFAULT_POSITION
-        },
-        { closeOthers: true }
-      );
-    } else {
-      closePopup("measureTool");
-    }
-    e.stopPropagation();
-  };
-  return /* @__PURE__ */ jsxs(Control, { position: "topright", prepend: true, className: mapClasses.topRigthToolsRoot, children: [
-    gpsTools && /* @__PURE__ */ jsx(
-      ToggleIconButton,
-      {
-        isToggled: isToggledGpsTools,
-        disabled: isDisabledGpsTools,
-        onToggle: onGpsToolsClick,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_ICONS.MAP_GPS_TOOLS_TOOL}`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ToggleIconButton,
-      {
-        isToggled: isToggledMeasureTool,
-        disabled: isDisabledMeasureTool,
-        onToggle: onMeasureToolClick,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${MAP_ICONS.MAP_MEASURE_TOOL}`
-      }
-    ),
-    /* @__PURE__ */ jsx(ZoomButtons, {})
-  ] });
-}
-export {
-  TopRightTools as T
-};

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

@@ -1,30 +0,0 @@
-import { FormMeasureValues } from './types';
-export declare const STROKE_COLOR_DEFAULT = "#aaccaa";
-export declare const STROKE_OPACITY_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const STROKE_WHEIGTH_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const STROKE_DASH_ARRAY_DEFAULT: {
-    value: string;
-    label: string;
-};
-export declare const FILL_COLOR_DEFAULT = "#aa3000";
-export declare const FILL_OPACITY_DEFAULT: {
-    value: number;
-    label: string;
-};
-export declare const INITIAL_FORM_VALUES: FormMeasureValues;
-export declare const STYLE_MEASURE_OPTIONS: {
-    strokeLineColor: string;
-    strokeLineWeight: number;
-    markerHeight: number;
-    markerWidth: number;
-    labelMarkerHeight: number;
-    labelMarkerWidth: number;
-    labelMarkerAnchorY: number;
-    labelMarkerAnchorX: number;
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/constants.js

@@ -1,34 +0,0 @@
-const INITIAL_FORM_VALUES = {
-  /** General Data */
-  statusLoad: "ready",
-  reInits: 0,
-  value: "0",
-  measureTypeId: "distance",
-  magnitudFactor: {
-    id: "m_kilometers",
-    name: "Kilometers",
-    symbol: "k",
-    factor_x0: 0,
-    factor_x1: 1,
-    factor_x2: 0
-  },
-  unitArea: null,
-  /** Config Data */
-  /** de Apoyo */
-  statusEdition: "initial"
-  // geometry: null ,
-};
-const STYLE_MEASURE_OPTIONS = {
-  strokeLineColor: "#1E96DC",
-  strokeLineWeight: 5,
-  markerHeight: 37,
-  markerWidth: 26,
-  labelMarkerHeight: 0,
-  labelMarkerWidth: 0,
-  labelMarkerAnchorY: 0,
-  labelMarkerAnchorX: 0
-};
-export {
-  INITIAL_FORM_VALUES as I,
-  STYLE_MEASURE_OPTIONS as S
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/hooks/useMeasure/helpers.d.ts

@@ -1,11 +0,0 @@
-import { default as L } from 'leaflet';
-import { GetLabelType } from '@m4l/core';
-/**
- * getMarkerPointIcon: Función que retorna el icono/div que representa un punto de medición
- */
-export declare const getMarkerPointIcon: (position: number) => L.DivIcon;
-/**
- * getMarkerPointLabel: Función que retorna el icono/div que representa la etiqueta de distancia
- * entre puntos, y el link para borrar el punto
- */
-export declare const getMarkerPointLabel: (distance: string | undefined, getLabel: GetLabelType) => L.DivIcon;

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/hooks/useMeasure/helpers.js

@@ -1,45 +0,0 @@
-import { S as STYLE_MEASURE_OPTIONS } from "../../constants.js";
-import { m as mapClasses } from "../../../../../../../../classes/index.js";
-import { M as MAP_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import L__default from "leaflet";
-const getMarkerPointIcon = (position) => {
-  return L__default.divIcon({
-    className: mapClasses.measureMarkerRoot,
-    html: `<div  class="${mapClasses.measureMarkerContainer}">
-            <div  class="${mapClasses.measureMarkerContainerRhomb}">
-            </div>
-            <div  class="${mapClasses.measureMarkerContainerSlot}">
-                <div  class="${mapClasses.measureMarkerContainerSlotNumber}">
-                    ${position}
-                </div>
-            </div>
-        </div>
-        `,
-    iconSize: [STYLE_MEASURE_OPTIONS.markerWidth, STYLE_MEASURE_OPTIONS.markerHeight],
-    // tamaño del icono
-    iconAnchor: [STYLE_MEASURE_OPTIONS.markerWidth / 2, STYLE_MEASURE_OPTIONS.markerHeight]
-    // punto de anclaje, el mismo que el de la imagen
-  });
-};
-const getMarkerPointLabel = (distance, getLabel) => {
-  return L__default.divIcon({
-    className: mapClasses.measureLabelMarkerRoot,
-    html: `<div  class="${mapClasses.measureLabelMarkerContainer}">
-        ${distance ? `<span class="${mapClasses.measureLabelMarkerDistance}">${distance}</span>` : ""}
-        <div class="${mapClasses.measureLabelMarkerRemove}">${getLabel(
-      MAP_DICCTIONARY.LABEL_MEASURE_REMOVE_POINT
-    )}</div>
-        </div>`,
-    iconSize: [STYLE_MEASURE_OPTIONS.labelMarkerWidth, STYLE_MEASURE_OPTIONS.labelMarkerHeight],
-    // tamaño del label
-    iconAnchor: [
-      STYLE_MEASURE_OPTIONS.labelMarkerAnchorX,
-      STYLE_MEASURE_OPTIONS.labelMarkerAnchorY
-    ]
-    //
-  });
-};
-export {
-  getMarkerPointLabel as a,
-  getMarkerPointIcon as g
-};

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

@@ -1,13 +0,0 @@
-import { MagnitudeFactorItem } from '../../../../../../../../../MapGpsTools/types';
-import { StatusEdition } from '../../types';
-/**
- * useMeasure hook se encarga de pintar las marcas y una línea que las une, para calcular la distancia o el area (NextMVP)
- * de ellas. En su primera versión no incluye agregar nuevas marcas entre los vertices por facilidad de implementación
- * ya que el costo beneficio es muy alto si se coloca esa capacidad.
- * @returns
- */
-export declare function useMeasure(): {
-    statusEdition: StatusEdition;
-    magnitudFactor: MagnitudeFactorItem;
-    value: number;
-};

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

@@ -1,245 +0,0 @@
-import { useState, useRef, useCallback, useEffect } from "react";
-import { useMap } from "react-leaflet";
-import * as L from "leaflet";
-import { useFormContext, useWatch } from "react-hook-form";
-import { u as useFormReadyForUpdate } from "../../../../../../../../../../../../hooks/useFormReadyForUpdate/index.js";
-import { useModuleDictionary } from "@m4l/core";
-import { S as STYLE_MEASURE_OPTIONS } from "../../constants.js";
-import { e as MAP_ZINDEX_DEFAULT } from "../../../../../../../../constants.js";
-import { g as getMarkerPointIcon, a as getMarkerPointLabel } from "./helpers.js";
-import { m as mapClasses } from "../../../../../../../../classes/index.js";
-function useMeasure() {
-  const { getLabel } = useModuleDictionary();
-  const map = useMap();
-  const readyToUpdate = useFormReadyForUpdate();
-  const { control, setValue } = useFormContext();
-  const fieldsWatch = useWatch({
-    control,
-    name: ["statusEdition", "value", "magnitudFactor"]
-  });
-  const statusEdition = fieldsWatch[0];
-  const value = fieldsWatch[1];
-  const magnitudFactor = fieldsWatch[2];
-  const [magnitudFactorCached, setMagnitudFactorCached] = useState(magnitudFactor);
-  const currentMeasure = useRef({
-    measurePoints: [],
-    addMarker: false,
-    magnitudFactor,
-    dragging: false
-  });
-  const clearMeasure = useCallback(() => {
-    currentMeasure.current.measurePoints.forEach((measurePoint) => {
-      measurePoint.marker.remove();
-      measurePoint.labelMarker.remove();
-    });
-    currentMeasure.current.measurePoints = [];
-    setValue("value", measureDistante());
-  }, []);
-  const getFormatFactorDistance = useCallback(
-    (distance, withSymbol = false) => {
-      if (distance === void 0) {
-        return void 0;
-      }
-      const cMagnitudeFactor = currentMeasure.current.magnitudFactor;
-      return (cMagnitudeFactor.factor_x0 + distance * cMagnitudeFactor.factor_x1 + (distance ^ 2 * cMagnitudeFactor.factor_x2)).toFixed(2) + (withSymbol ? ` ${cMagnitudeFactor.symbol}` : "");
-    },
-    []
-  );
-  const measureDistante = useCallback(() => {
-    let totalDistance = 0;
-    const measurePoints = currentMeasure.current.measurePoints;
-    if (currentMeasure.current.layerLine) {
-      if (measurePoints.length < 2) {
-        currentMeasure.current.layerLine.remove();
-        currentMeasure.current.layerLine = void 0;
-      } else {
-        currentMeasure.current.layerLine.setLatLngs(
-          measurePoints.map((measurePoint) => measurePoint.marker.getLatLng())
-        );
-      }
-    } else {
-      if (measurePoints.length > 1) {
-        currentMeasure.current.layerLine = L.polyline(
-          measurePoints.map((measurePoint) => measurePoint.marker.getLatLng()),
-          {
-            color: STYLE_MEASURE_OPTIONS.strokeLineColor,
-            weight: STYLE_MEASURE_OPTIONS.strokeLineWeight,
-            interactive: false
-            //No se puede editar
-          }
-        ).addTo(map);
-      }
-    }
-    for (let i = 0; i < measurePoints.length - 1; i++) {
-      totalDistance += measurePoints[i].marker.getLatLng().distanceTo(measurePoints[i + 1].marker.getLatLng());
-    }
-    if (measurePoints.length > 0 && measurePoints[0].formatDistanceFromPrevious !== void 0) {
-      measurePoints[0].formatDistanceFromPrevious = void 0;
-      measurePoints[0].labelMarker.setIcon(getMarkerPointLabelMemo(void 0, getLabel));
-      addClickListenerForRemove(measurePoints[0].labelMarker);
-    }
-    for (let i = 1; i < measurePoints.length; i++) {
-      const formatDistanceFromPrevious = getFormatFactorDistance(
-        measurePoints[i - 1].marker.getLatLng().distanceTo(measurePoints[i].marker.getLatLng()),
-        true
-      );
-      if (measurePoints[i].formatDistanceFromPrevious !== formatDistanceFromPrevious) {
-        measurePoints[i].formatDistanceFromPrevious = formatDistanceFromPrevious;
-        measurePoints[i].labelMarker.setIcon(
-          getMarkerPointLabelMemo(formatDistanceFromPrevious, getLabel)
-        );
-        addClickListenerForRemove(measurePoints[i].labelMarker);
-      }
-    }
-    return getFormatFactorDistance(totalDistance);
-  }, [map, getLabel]);
-  const getMarkerPointIconMemo = useCallback(getMarkerPointIcon, []);
-  const getMarkerPointLabelMemo = useCallback(getMarkerPointLabel, [getLabel]);
-  const onClickRemovePoint = useCallback((labelMarker) => {
-    return (e) => {
-      e.stopPropagation();
-      if (!currentMeasure.current.dragging) {
-        const markIndex = currentMeasure.current.measurePoints.findIndex(
-          (searchElement) => {
-            return searchElement.labelMarker === labelMarker;
-          }
-        );
-        if (markIndex !== -1) {
-          const measurePoint = currentMeasure.current.measurePoints[markIndex];
-          measurePoint.marker.remove();
-          measurePoint.labelMarker.remove();
-          currentMeasure.current.measurePoints.splice(markIndex, 1);
-          setValue("value", measureDistante());
-          currentMeasure.current.addMarker = true;
-        }
-        currentMeasure.current.measurePoints.forEach((measurePoint, index) => {
-          measurePoint.marker.setIcon(getMarkerPointIconMemo(index + 1));
-        });
-      }
-    };
-  }, []);
-  const addClickListenerForRemove = useCallback((labelMarker) => {
-    let element = labelMarker.getElement();
-    if (element) {
-      const elements = element.getElementsByClassName(
-        mapClasses.measureLabelMarkerRemove
-      );
-      element = elements[0];
-      if (element) {
-        element.addEventListener("click", onClickRemovePoint(labelMarker));
-      }
-    }
-  }, []);
-  const onClickMap = useCallback(
-    (e) => {
-      const lat = e.latlng.lat;
-      const lng = e.latlng.lng;
-      let formatDistanceFromPrevious = void 0;
-      if (currentMeasure.current.addMarker === false) {
-        return;
-      }
-      if (currentMeasure.current.measurePoints.length > 0) {
-        formatDistanceFromPrevious = getFormatFactorDistance(
-          currentMeasure.current.measurePoints[currentMeasure.current.measurePoints.length - 1].marker.getLatLng().distanceTo(e.latlng)
-        );
-      }
-      const marker = L.marker([lat, lng], {
-        draggable: true,
-        riseOnHover: true,
-        //Se pone la marca encima de las otras cuando se hace over
-        autoPan: true,
-        //Se corre el mapa si llega al extremo, solo para las marcas
-        icon: getMarkerPointIconMemo(currentMeasure.current.measurePoints.length + 1),
-        zIndexOffset: MAP_ZINDEX_DEFAULT
-      }).addTo(map);
-      marker.on("moveend", function(_e) {
-        const latlng = marker.getLatLng();
-        labelMarker.setLatLng(latlng);
-        setValue("value", measureDistante());
-      });
-      marker.on("mouseover", function() {
-        currentMeasure.current.addMarker = false;
-      });
-      marker.on("mouseout", function() {
-        currentMeasure.current.addMarker = true;
-      });
-      var labelMarker = L.marker([lat, lng], {
-        draggable: true,
-        riseOnHover: true,
-        //Se pone la marca encima de las otras cuando se hace over
-        icon: getMarkerPointLabelMemo(formatDistanceFromPrevious, getLabel),
-        zIndexOffset: MAP_ZINDEX_DEFAULT
-      }).addTo(map);
-      labelMarker.on("moveend", function(_e) {
-        const latlng = labelMarker.getLatLng();
-        marker.setLatLng(latlng);
-        setValue("value", measureDistante());
-      });
-      labelMarker.on("mouseover", function(_e) {
-        currentMeasure.current.addMarker = false;
-      });
-      labelMarker.on("mouseout", function(_e) {
-        currentMeasure.current.addMarker = true;
-      });
-      labelMarker.on("dragstart", function(_e) {
-        currentMeasure.current.dragging = true;
-      });
-      labelMarker.on("dragend", function(_e) {
-        setTimeout(function() {
-          currentMeasure.current.dragging = false;
-        }, 10);
-      });
-      addClickListenerForRemove(labelMarker);
-      currentMeasure.current.measurePoints.push({
-        marker,
-        labelMarker,
-        formatDistanceFromPrevious
-      });
-      setValue("value", measureDistante());
-    },
-    [map, measureDistante, setValue, getLabel]
-  );
-  const onMouseMoveMap = useCallback(() => {
-    map.getContainer().style.cursor = "crosshair";
-  }, [map]);
-  const onMouseOutMap = useCallback(() => {
-    map.getContainer().style.cursor = "default";
-  }, [map]);
-  useEffect(() => {
-    if (map) {
-      if (statusEdition === "initial") {
-        map.off("click", onClickMap);
-        clearMeasure();
-        map.getContainer().style.cursor = "default";
-        return;
-      } else {
-        currentMeasure.current.addMarker = true;
-        map.getContainer().style.cursor = "crosshair";
-        map.on("click", onClickMap);
-      }
-    }
-  }, [map, statusEdition]);
-  useEffect(() => {
-    if (!readyToUpdate) {
-      return;
-    }
-    if (magnitudFactor.id !== magnitudFactorCached.id) {
-      setMagnitudFactorCached({ ...magnitudFactor });
-      currentMeasure.current.magnitudFactor = magnitudFactor;
-      setValue("value", measureDistante());
-    }
-  }, [magnitudFactor]);
-  useEffect(() => {
-    return () => {
-      map.off("mousemove", onMouseMoveMap);
-      map.off("mouseout", onMouseOutMap);
-      map.off("click", onClickMap);
-      map.getContainer().style.cursor = "default";
-      clearMeasure();
-    };
-  }, []);
-  return { statusEdition, magnitudFactor, value };
-}
-export {
-  useMeasure as u
-};

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

@@ -1,13 +0,0 @@
-import { MagnitudeFactorItem } from '../../../../../../../../../MapGpsTools/types';
-export type MeasurePoint = {
-    marker: L.Marker;
-    labelMarker: L.Marker;
-    formatDistanceFromPrevious: string | undefined;
-};
-export interface RefCurrentMeasure {
-    dragging: boolean;
-    addMarker: boolean;
-    measurePoints: Array<MeasurePoint>;
-    layerLine?: L.Polyline;
-    magnitudFactor: MagnitudeFactorItem;
-}

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

@@ -1,13 +0,0 @@
-import * as Yup from 'yup';
-/**
- * TODO: Documentar
- */
-export declare function useValidation(): {
-    validationSchema: Yup.ObjectSchema<{
-        [x: string]: Yup.AnySchema | import('yup/lib/Reference').default<unknown> | import('yup/lib/Lazy').default<any, any>;
-    }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: Yup.AnySchema | import('yup/lib/Reference').default<unknown> | import('yup/lib/Lazy').default<any, any>;
-    }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: Yup.AnySchema | import('yup/lib/Reference').default<unknown> | import('yup/lib/Lazy').default<any, any>;
-    }>>;
-};

package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/hooks/useValidation.js

@@ -1,17 +0,0 @@
-import { useMemo } from "react";
-import { useModuleDictionary } from "@m4l/core";
-import * as Yup from "yup";
-import { M as MeasureDataValidation } from "../subcomponents/MeasureData/validations.js";
-function useValidation() {
-  const { getLabel } = useModuleDictionary();
-  const validationSchema = useMemo(
-    () => Yup.object().shape({
-      ...MeasureDataValidation()
-    }),
-    [getLabel]
-  );
-  return { validationSchema };
-}
-export {
-  useValidation as u
-};

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

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

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

@@ -1,41 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { M as MyActions } from "./subcomponents/MyActions/index.js";
-import { u as useValidation } from "./hooks/useValidation.js";
-import { I as INITIAL_FORM_VALUES } from "./constants.js";
-import { M as MeasureData } from "./subcomponents/MeasureData/index.js";
-import { useModuleDictionary } from "@m4l/core";
-import { M as MAP_DICCTIONARY } from "../../../../../../dictionary.js";
-import { m as mapClasses } from "../../../../../../classes/index.js";
-import { R as RHFormProvider } from "../../../../../../../../../hook-form/RHFormContext/index.js";
-import { S as Stack } from "../../../../../../../../../mui_extended/Stack/Stack.js";
-function MeasureTool() {
-  const { getLabel } = useModuleDictionary();
-  const finalInitalValues = {
-    ...INITIAL_FORM_VALUES
-  };
-  if (finalInitalValues?.magnitudFactor?.name) {
-    finalInitalValues.magnitudFactor.name = getLabel(
-      MAP_DICCTIONARY.LABEL_MEASURE_UNIT_BASE_KILOMETERS
-    );
-  }
-  const { validationSchema } = useValidation();
-  const onSubmit = () => {
-  };
-  return /* @__PURE__ */ jsxs(
-    RHFormProvider,
-    {
-      className: mapClasses.meaureToolRoot,
-      statusLoad: INITIAL_FORM_VALUES.statusLoad,
-      onSubmit,
-      values: finalInitalValues,
-      validationSchema,
-      children: [
-        /* @__PURE__ */ jsx(Stack, { direction: "column", children: /* @__PURE__ */ jsx(MeasureData, {}) }),
-        /* @__PURE__ */ jsx(MyActions, {})
-      ]
-    }
-  );
-}
-export {
-  MeasureTool as M
-};

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

@@ -1,17 +0,0 @@
-/**
- * Modelo de datos proveniente del endpoint list de magnitudes/factors
- */
-export interface MagnitudesFactorsListModel {
-    /**
-     * id de la magnitude
-     */
-    id: string;
-    /**
-     * "name" nombre dado por el cliente a la geocerca
-     */
-    name: string;
-    /**
-     * "symbol" simbolo que sirve como unidad de medida
-     */
-    symbol: string;
-}

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

@@ -1,5 +0,0 @@
-/**
- * subComponente que visualizar la medida que actualmente se haciendo sobre el mapa
- * @returns
- */
-export declare function MeasureData(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,33 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-import { M as MAP_DICCTIONARY } from "../../../../../../../../dictionary.js";
-import { u as useMeasure } from "../../hooks/useMeasure/index.js";
-import { m as mapClasses } from "../../../../../../../../classes/index.js";
-import { R as RHFAutocompleteAsync } from "../../../../../../../../../../../hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
-import { S as Stack } from "../../../../../../../../../../../mui_extended/Stack/Stack.js";
-function MeasureData() {
-  const { getLabel } = useModuleDictionary();
-  const { value, magnitudFactor } = useMeasure();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      RHFAutocompleteAsync,
-      {
-        type: "text",
-        endPoint: "magnitudes/factors?origin_unit_reference_id=m_kilometers",
-        name: "magnitudFactor",
-        autoComplete: "off",
-        getOptionLabel: (option) => option.name,
-        isOptionEqualToValue: (option, measureItemValue) => option.id === measureItemValue.id,
-        label: getLabel(MAP_DICCTIONARY.LABEL_MEASURE_UNIT),
-        isRemote: false
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, className: mapClasses.measureToolFormValue, children: [
-      /* @__PURE__ */ jsx("span", { className: mapClasses.measureToolFormValueDistance, children: value }),
-      /* @__PURE__ */ jsx("span", { className: mapClasses.measureToolFormValueSymbol, children: magnitudFactor.symbol })
-    ] })
-  ] });
-}
-export {
-  MeasureData as M
-};

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

@@ -1,6 +0,0 @@
-import { MagnitudeFactorItem, MeasureTypeId } from '../../../../../../../../../MapGpsTools/types';
-export interface FormGeneralDataValues {
-    measureTypeId: MeasureTypeId;
-    magnitudFactor?: MagnitudeFactorItem | null;
-    unitArea?: MagnitudeFactorItem | null;
-}

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

@@ -1,2 +0,0 @@
-import { GetLabelType } from '@m4l/core';
-export declare function MeasureDataValidation(_getLabel: GetLabelType): {};