@m4l/gclick 0.1.0 → 0.2.0-JAEBeta.1

package/contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/dummy.js

@@ -1,7 +1,5 @@
-import { a as GNSSEnumSignal } from "../../../../@types/constants.js";
 import { S as SourceDataBase } from "../base.js";
-import { d as devicesStatusIds, a as devicesIds } from "./constants.js";
-import { g as getDummyRandomCoordinates } from "./helpers.js";
+import { R as REAL_TIME_RT_DEVICES_DUMMMY_INITIAL, d as devicesIds } from "./constants.js";
 class SourceDataDummy extends SourceDataBase {
   intervalId = null;
   constructor(config, onMessages) {
@@ -11,44 +9,13 @@ class SourceDataDummy extends SourceDataBase {
    * Start the source data
    */
   start() {
-    let first = true;
     this.intervalId = setInterval(() => {
       const deviceIndex = parseInt(Math.random() * devicesIds.length + "");
       const deviceId = devicesIds[deviceIndex];
-      const payload = {
-        current: {
-          vpts: {
-            vptGnss: {
-              gnssAddress: "Vía Sabanalarga - Barranquilla, Km 2.42 Sabanalarga - Campeche Sabanalarga, Atlántico",
-              gnssSpeed: Math.random() * 120,
-              gnssMotionStatus: { value: devicesStatusIds[deviceIndex] },
-              gnssCourse: Math.random() * 360,
-              ...getDummyRandomCoordinates(),
-              gnssSignal: {
-                value: GNSSEnumSignal.reliable,
-                udaptedAt: void 0
-              },
-              gnssHdop: 0,
-              gnssSatelliteQuantity: 0,
-              gnssAltitude: 0,
-              gnssOdometer: 0
-            },
-            vptModem: {
-              lastConnection: (/* @__PURE__ */ new Date()).toISOString(),
-              lastEvent: (/* @__PURE__ */ new Date()).toISOString(),
-              modemCsq: 31,
-              callActive: false
-            }
-          }
-        }
-      };
-      const dummyData = {
-        type: first ? "new" : "update",
-        resourceSerialId: deviceId,
-        payload
-      };
-      first = false;
-      this.onMessages(this.config.resourceTypeId, [dummyData]);
+      REAL_TIME_RT_DEVICES_DUMMMY_INITIAL[deviceId];
+      {
+        return;
+      }
     }, 1e3);
   }
   /**

package/contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/group.d.ts

@@ -1,36 +1,9 @@
-export declare const group0: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
-export declare const group1: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
-export declare const group2: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
-export declare const group3: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
-export declare const group4: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
-export declare const group5: {
-    id: number;
-    name: string;
-    bgColor: string;
-    color: string;
-};
+import { SettingsGroup } from '../../../../@types';
+export declare const groupForest: SettingsGroup;
+export declare const group1: SettingsGroup;
+export declare const group2: SettingsGroup;
+export declare const group3: SettingsGroup;
+export declare const group4: SettingsGroup;
+export declare const group5: SettingsGroup;
+export declare const group6: SettingsGroup;
+export declare const group7: SettingsGroup;

package/contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/group.js

@@ -1,45 +1,53 @@
-const group0 = {
+const groupForest = {
   id: 1,
   name: "Group bien largo en el texo para que haga elipsisi",
-  bgColor: "#CFD8DC",
-  color: "#000000"
+  bgColor: "#CFD8DC"
 };
 const group1 = {
   id: 1,
   name: "Group bien largo en el texo para que haga elipsisi",
-  bgColor: "#B45BAB",
-  color: "#FFFFFF"
+  bgColor: "#B45BAB"
 };
 const group2 = {
   id: 2,
   name: "Group 2",
-  bgColor: "#24A188",
-  color: "#FFFFFF"
+  bgColor: "#24A188"
 };
 const group3 = {
   id: 3,
   name: "Group 3",
-  bgColor: "#2A3232",
-  color: "#FFFFFF"
+  bgColor: "#2A3232"
 };
 const group4 = {
   id: 4,
   name: "Group 4",
-  bgColor: "#E1E4B5",
-  color: "#000000"
+  bgColor: "#E1E4B5"
 };
 const group5 = {
   id: 5,
   name: "Group 5",
-  bgColor: "#EEFF00",
+  bgColor: "#EEFF00"
   //Amarillo
-  color: "#000000"
+};
+const group6 = {
+  id: 6,
+  name: "Group 6",
+  bgColor: "#FF0000"
+  //Rojo
+};
+const group7 = {
+  id: 7,
+  name: "Group 7",
+  bgColor: "#0000FF"
+  //Azul
 };
 export {
-  group4 as a,
-  group3 as b,
-  group2 as c,
-  group1 as d,
-  group0 as e,
-  group5 as g
+  group6 as a,
+  group5 as b,
+  group4 as c,
+  group3 as d,
+  group2 as e,
+  group1 as f,
+  group7 as g,
+  groupForest as h
 };

package/contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/helpers.d.ts

@@ -1,10 +1,11 @@
+import { REAL_TIME_RT_DEVICES_DUMMMY_INITIAL } from './constants';
 export declare const centerLatDefault = 6.216601050665157;
 export declare const centerLonDafault = -75.58660090089732;
-export declare const radiusDefault = 100;
+export declare const radiusDefault = 500;
 /**
  * getDummyRandomCoordinates
  */
-export declare function getDummyRandomCoordinates(lat?: number, lon?: number, radius?: number): {
+export declare function getDummyRandomCoordinates(fixedCoordinatesId?: keyof typeof REAL_TIME_RT_DEVICES_DUMMMY_INITIAL | undefined, lat?: number, lon?: number, radius?: number): {
     gnssLatitude: number;
     gnssLongitude: number;
 };

package/contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/helpers.js

@@ -1,7 +1,14 @@
+import { R as REAL_TIME_RT_DEVICES_DUMMMY_INITIAL } from "./constants.js";
 const centerLatDefault = 6.216601050665157;
 const centerLonDafault = -75.58660090089732;
-const radiusDefault = 100;
-function getDummyRandomCoordinates(lat = centerLatDefault, lon = centerLonDafault, radius = radiusDefault) {
+const radiusDefault = 500;
+function getDummyRandomCoordinates(fixedCoordinatesId = void 0, lat = centerLatDefault, lon = centerLonDafault, radius = radiusDefault) {
+  if (fixedCoordinatesId) {
+    return {
+      gnssLatitude: REAL_TIME_RT_DEVICES_DUMMMY_INITIAL[fixedCoordinatesId]?.current.vpts?.vptGnss?.gnssLatitude || 0,
+      gnssLongitude: REAL_TIME_RT_DEVICES_DUMMMY_INITIAL[fixedCoordinatesId]?.current.vpts?.vptGnss?.gnssLongitude || 0
+    };
+  }
   const earthRadius = 6378137;
   const radiusInDegrees = radius / earthRadius * (180 / Math.PI);
   const angle = Math.random() * 2 * Math.PI;

package/contexts/RealTimeProducerContext/sourceDataMechanisms/factory.js

@@ -11,7 +11,7 @@ class SourceDataFactory {
       case "atmosphere":
         return new SourceDataAtmosphere(config, onMessages);
       default:
-        throw new Error(`Unknown resource type: ${config.sourceDataMechanism}`);
+        throw new Error(`Unknown resource type`);
     }
   }
 }

package/formatters/CourseFormatter/CourseFormatter.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
-import { C as CFRootStyled } from "./slots/CourseFormatterSlots.js";
-import { g as getCardinalDirection } from "./helper.js";
+import { C as CourseFormatterRootStyled } from "./slots/CourseFormatterSlots.js";
+import { g as getCourseDirection } from "./helper.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
 import { C as CourseFormatterSlots } from "./slots/CourseFormatterEnum.js";
 import { D as DEFAULT_GAP_ANGLE, C as COMPONET_KEY_COMPONENT } from "./constants.js";
+import { useModuleDictionary } from "@m4l/core";
 import { c as courseToCartesianAngle } from "../../components/maps/utils/courseToCartesianAngle.js";
 const CourseFormatter = (props) => {
   const {
@@ -16,10 +17,11 @@ const CourseFormatter = (props) => {
     size,
     variant: "standard"
   };
+  const { getLabel } = useModuleDictionary();
   const angle = courseToCartesianAngle(course);
-  const ret = getCardinalDirection(angle, gap);
+  const ret = getCourseDirection(getLabel, angle, gap);
   return /* @__PURE__ */ jsx(
-    CFRootStyled,
+    CourseFormatterRootStyled,
     {
       ownerState: { ...ownerState },
       ...getPropDataTestId(COMPONET_KEY_COMPONENT, CourseFormatterSlots.root, dataTestId),

package/formatters/CourseFormatter/helper.d.ts

@@ -1,4 +1,5 @@
+import { GetLabelType } from '@m4l/core';
 /**
  * Helper function to get the cardinal direction from an angle.
  */
-export declare const getCardinalDirection: (angle: number, gap?: number) => string;
+export declare const getCourseDirection: (getLabel: GetLabelType, angle: number, gap?: number) => string;

package/formatters/CourseFormatter/helper.js

@@ -1,8 +1,6 @@
-import { useModuleDictionary } from "@m4l/core";
 import { C as CF_DICCTIONARY } from "./dictionary.js";
 import { D as DEFAULT_GAP_ANGLE } from "./constants.js";
-const getCardinalDirection = (angle, gap = DEFAULT_GAP_ANGLE) => {
-  const { getLabel } = useModuleDictionary();
+const getCourseDirection = (getLabel, angle, gap = DEFAULT_GAP_ANGLE) => {
   let ret;
   if (angle >= 0 + gap && angle < 90 - gap) {
     ret = getLabel(CF_DICCTIONARY.LABEL_NORTH_EAST);
@@ -24,5 +22,5 @@ const getCardinalDirection = (angle, gap = DEFAULT_GAP_ANGLE) => {
   return ret;
 };
 export {
-  getCardinalDirection as g
+  getCourseDirection as g
 };

package/formatters/CourseFormatter/index.d.ts

@@ -1,2 +1,3 @@
 export * from './CourseFormatter';
+export { getCourseDirection } from './helper';
 export { getCourseFormatterComponentsDictionary } from './dictionary';

package/formatters/CourseFormatter/slots/CourseFormatterSlots.d.ts

@@ -1,3 +1,3 @@
-export declare const CFRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').CourseFormatterOwnerState> & Record<string, unknown> & {
+export declare const CourseFormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps, keyof import('@m4l/components/src/components/mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').CourseFormatterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').CourseFormatterOwnerState> & Record<string, unknown>;
 }, {}, {}>;

package/formatters/CourseFormatter/slots/CourseFormatterSlots.js

@@ -3,10 +3,10 @@ import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
 import { c as courseFormatterStyles } from "../CourseFormatter.styles.js";
 import { C as CourseFormatterSlots } from "./CourseFormatterEnum.js";
 import { Typography } from "@m4l/components";
-const CFRootStyled = styled(Typography, {
+const CourseFormatterRootStyled = styled(Typography, {
   name: COMPONET_KEY_COMPONENT,
   slot: CourseFormatterSlots.root
 })(courseFormatterStyles?.root);
 export {
-  CFRootStyled as C
+  CourseFormatterRootStyled as C
 };

package/formatters/index.js

@@ -0,0 +1 @@
+

package/index.d.ts

@@ -2,6 +2,7 @@
  * Esta importación soluciona errores de librerías de terceros.
  */
 export * from './components';
+export * from './formatters';
 export * from './contexts';
 export * from './hooks';
 export * from './utils';

package/index.js

@@ -1,94 +1,129 @@
-import { D } from "./components/DeviceLabel/DeviceLabel.js";
-import { g } from "./components/DeviceStatus/dictionary.js";
-import { g as g2 } from "./components/DeviceStatus/hooks/helper.js";
-import { D as D2 } from "./components/DeviceStatus/hooks/constants.js";
-import { D as D3 } from "./components/DeviceStatus/DeviceStatus.js";
+import { g } from "./components/Device/dictionary.js";
+import { a } from "./components/Device/helpers.js";
+import { g as g2 } from "./components/Device/helpers/helperDeviceStatus.js";
+import { D } from "./components/Device/hooks/constants.js";
+import { u } from "./components/Device/hooks/useDeviceStatus.js";
+import { D as D2 } from "./components/Device/Device.js";
+import { D as D3 } from "./components/DeviceLabel/DeviceLabel.js";
 import { G } from "./components/maps/components/GpsMapTools/GpsMapTools.js";
-import { u } from "./components/maps/components/GpsMapTools/hooks/useGpsMapToolsStore/index.js";
-import { a } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/index.js";
+import { u as u2 } from "./components/maps/components/GpsMapTools/hooks/useGpsMapToolsStore/index.js";
+import { a as a2 } from "./components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/index.js";
 import { g as g3 } from "./components/maps/components/GpsMapTools/dictionary.js";
+import { c } from "./components/maps/utils/courseToCssAngle.js";
 import { G as G2 } from "./components/maps/components/GpsMap/GpsMap.js";
-import { M, a as a2 } from "./components/maps/components/GpsMap/contexts/MapContext/MapContext.js";
-import { u as u2 } from "./components/maps/components/GpsMap/hooks/useMapStore/index.js";
+import { M, a as a3 } from "./components/maps/components/GpsMap/contexts/MapContext/MapContext.js";
 import { g as g4 } from "./components/maps/components/GpsMap/dictionary.js";
+import { i } from "./components/maps/components/GpsMap/constants.js";
 import { M as M2 } from "./components/maps/components/GpsMap/featureRenders/MarkerFeatureRender/index.js";
 import { C } from "./components/maps/components/GpsMap/featureRenders/CommonFeatureRender/index.js";
-import { D as D4 } from "./components/maps/components/GpsMap/featureRenders/DeviceFeatureRender/index.js";
 import { g as g5 } from "./components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.js";
 import { M as M3 } from "./components/maps/components/GpsMap/popups/MapPopupDevice/MapPopupDevice.js";
 import { P } from "./components/maps/components/GpsMap/pluginLayers/PolylineWithArrows/index.js";
-import { c } from "./components/maps/utils/courseToCartesianAngle.js";
-import { c as c2 } from "./components/maps/utils/courseToCssAngle.js";
-import { i } from "./components/maps/utils/isFeature.js";
-import { i as i2 } from "./components/maps/utils/isFeatureCollection.js";
-import { i as i3 } from "./components/maps/utils/isFeatureCollectionDraft.js";
-import { i as i4 } from "./components/maps/utils/isGeometry.js";
+import { u as u3 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnMouseOver/index.js";
+import { u as u4 } from "./components/maps/components/GpsMap/hooks/useDisableMapEventsOnFlag/index.js";
+import { u as u5 } from "./components/maps/components/GpsMap/hooks/useMapStore/index.js";
+import { c as c2 } from "./components/maps/utils/coordsToQuadKey.js";
+import { c as c3 } from "./components/maps/utils/courseToCartesianAngle.js";
+import { i as i2 } from "./components/maps/utils/isFeature.js";
+import { i as i3 } from "./components/maps/utils/isFeatureCollection.js";
+import { i as i4 } from "./components/maps/utils/isFeatureCollectionDraft.js";
+import { i as i5 } from "./components/maps/utils/isGeometry.js";
 import { I } from "./components/indicators/IndicatorBattery/IndicatorBattery.js";
+import { g as g6 } from "./components/indicators/IndicatorBattery/dictionary.js";
 import { I as I2 } from "./components/indicators/IndicatorCSQ/IndicatorCSQ.js";
-import { g as g6 } from "./components/indicators/IndicatorCSQ/dictionary.js";
+import { g as g7 } from "./components/indicators/IndicatorCSQ/dictionary.js";
+import { I as I3 } from "./components/indicators/IndicatorValueStatus/IndicatorValueStatus.js";
+import { I as I4 } from "./components/indicators/IndicatorValueAndMagnitude/IndicatorValueAndMagnitude.js";
+import { g as g8 } from "./formatters/CourseFormatter/helper.js";
+import { g as g9 } from "./formatters/CourseFormatter/dictionary.js";
+import { C as C2 } from "./formatters/CourseFormatter/CourseFormatter.js";
 import { E } from "./contexts/RealTimeProducerContext/constants.js";
 import { R } from "./contexts/RealTimeProducerContext/sourceDataMechanisms/dummy/constants.js";
-import { R as R2, a as a3 } from "./contexts/RealTimeProducerContext/RealTimeProducerContext.js";
+import { R as R2, a as a4 } from "./contexts/RealTimeProducerContext/RealTimeProducerContext.js";
 import { R as R3 } from "./contexts/RealTimeConsumerContext/constants.js";
-import { R as R4, a as a4 } from "./contexts/RealTimeConsumerContext/RealTimeConsumerContext.js";
-import { u as u3 } from "./hooks/useRealTimeProducer/index.js";
-import { u as u4 } from "./hooks/useRealTimeConsumer/index.js";
-import { c as c3 } from "./utils/capitalizeFirstLetter.js";
-import { i as i5 } from "./utils/isValidDate.js";
-import { g as g7 } from "./utils/getComponentUtilityClass.js";
-import { g as g8 } from "./utils/getPaletteColor.js";
-import { g as g9 } from "./utils/getTypographyStyles.js";
-import { g as g10 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { R as R4, a as a5 } from "./contexts/RealTimeConsumerContext/RealTimeConsumerContext.js";
+import { u as u6 } from "./hooks/useRealTimeProducer/index.js";
+import { u as u7 } from "./hooks/useRealTimeConsumer/index.js";
+import { c as c4 } from "./utils/capitalizeFirstLetter.js";
+import { i as i6 } from "./utils/isValidDate.js";
+import { g as g10 } from "./utils/getComponentUtilityClass.js";
+import { g as g11 } from "./utils/getPaletteColor.js";
+import { g as g12 } from "./utils/getTypographyStyles.js";
+import { g as g13 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O } from "./utils/ObjectQueue.js";
-import { a as a5, g as g11 } from "./utils/getComponentSlotRoot.js";
-import { G as G3 } from "./@types/constants.js";
+import { a as a6, g as g14 } from "./utils/getComponentSlotRoot.js";
+import { g as g15 } from "./utils/getVptValueWithGuard.js";
+import { g as g16 } from "./utils/getVptUpdatedAtWithGuard.js";
+import { a as a7, g as g17, b } from "./utils/getPrecisionFromHdop/getPrecisionFromHdop.js";
+import { D as D4, a as a8, H } from "./utils/getPrecisionFromHdop/constants.js";
+import { G as G3, a as a9 } from "./@types/constants.js";
 export {
-  I2 as CSQSignal,
   C as CommonFeatureRender,
-  D2 as DEVICE_STATUSES_CONFIG,
-  D4 as DeviceFeatureRender,
-  D as DeviceLabel,
-  D3 as DeviceStatus,
+  C2 as CourseFormatter,
+  D4 as DEFAULT_RMS_ERROR,
+  D as DEVICE_STATUSES_CONFIG,
+  D2 as Device,
+  D3 as DeviceLabel,
   E as EnumResourceTypesIds,
-  G3 as GNSSEnumStatus,
+  G3 as GNSSEnumMotionStatus,
+  a9 as GNSSEnumSignal,
   G2 as GpsMap,
   G as GpsMapTools,
-  a as GpsMapToolsProvider,
+  a2 as GpsMapToolsProvider,
+  a8 as HDOP_QUALITY_RANGES,
+  H as HDOP_QUALITY_STATUS,
   I as IndicatorBattery,
+  I2 as IndicatorCSQ,
+  I4 as IndicatorValueAndMagnitude,
+  I3 as IndicatorValueStatus,
+  i as LAT_LON_FIXED_DIGITS,
   M as MapContext,
   M3 as MapPopupDevice,
-  a2 as MapProvider,
+  a3 as MapProvider,
   M2 as MarkerFeatureRender,
   O as ObjectQueue,
   P as PolylineWithArrows,
   R as REAL_TIME_RT_DEVICES_DUMMMY_INITIAL,
   R3 as RESOURCE_TYPE_DEVICES,
   R4 as RealTimeConsumerContext,
-  a4 as RealTimeConsumerProvider,
+  a5 as RealTimeConsumerProvider,
   R2 as RealTimeProducerContext,
-  a3 as RealTimeProducerProvider,
-  c3 as capitalizeFirstLetter,
-  c as courseToCartesianAngle,
-  c2 as courseToCssAngle,
-  g6 as getCSQSignalComponentsDictionary,
-  a5 as getComponentClasses,
-  g11 as getComponentSlotRoot,
-  g7 as getComponentUtilityClass,
+  a4 as RealTimeProducerProvider,
+  c4 as capitalizeFirstLetter,
+  c2 as coordsToQuadKey,
+  c3 as courseToCartesianAngle,
+  c as courseToCssAngle,
+  a6 as getComponentClasses,
+  g14 as getComponentSlotRoot,
+  g10 as getComponentUtilityClass,
+  g8 as getCourseDirection,
+  g9 as getCourseFormatterComponentsDictionary,
+  a as getDeviceByData,
+  g as getDeviceComponentsDictionary,
   g2 as getDeviceStatusByData,
-  g as getDeviceStatusComponentsDictionary,
   g3 as getGpsMapToolsComponentsDictionary,
-  g10 as getHeightSizeStyles,
+  a7 as getHdopFromPrecision,
+  g13 as getHeightSizeStyles,
+  g6 as getIndicatorBatteryComponentsDictionary,
+  g7 as getIndicatorCSQComponentsDictionary,
   g4 as getMapComponentsDictionary,
   g5 as getMapPopupDeviceComponentsDictionary,
-  g8 as getPaletteColor,
-  g9 as getTypographyStyles,
-  i as isFeature,
-  i2 as isFeatureCollection,
-  i3 as isFeatureCollectionDraft,
-  i4 as isGeometry,
-  i5 as isValidDate,
-  u as useGpsMapToolsStore,
-  u2 as useMapStore,
-  u4 as useRealTimeConsumer,
-  u3 as useRealTimeProducer
+  g11 as getPaletteColor,
+  g17 as getPrecisionFromHdop,
+  b as getQualityCategoryFromPrecision,
+  g12 as getTypographyStyles,
+  g16 as getVptUpdatedAtWithGuard,
+  g15 as getVptValueWithGuard,
+  i2 as isFeature,
+  i3 as isFeatureCollection,
+  i4 as isFeatureCollectionDraft,
+  i5 as isGeometry,
+  i6 as isValidDate,
+  u as useDeviceStatus,
+  u4 as useDisableMapEventsOnFlag,
+  u3 as useDisableMapEventsOnMouseOver,
+  u2 as useGpsMapToolsStore,
+  u5 as useMapStore,
+  u7 as useRealTimeConsumer,
+  u6 as useRealTimeProducer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.1.0",
+  "version": "0.2.0-JAEBeta.1",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"
@@ -9,26 +9,28 @@
     "@geoman-io/leaflet-geoman-free": "^2.14.2",
     "@googlemaps/js-api-loader": "^1.16.6",
     "@hookform/resolvers": "2.9.11",
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.3.21-JAEBeta.0",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0",
+    "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",
     "@mui/x-charts": "8.10.2",
     "@mui/x-date-pickers": "6.20.2",
+    "@types/lodash-es": "^4.17.12",
     "atmosphere.js": "^4.0.0",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
     "eventemitter3": "^4.0.7",
     "fast-equals": "^5.0.1",
-    "framer-motion": "^6.5.0",
     "history": "5.3.0",
     "install": "^0.13.0",
     "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.4",
     "leaflet-polylinedecorator": "^1.6.0",
     "leaflet.markercluster": "^1.5.3",
+    "lodash-es": "^4.17.21",
     "nprogress": "^0.2.0",
     "qrcode.react": "^3.1.0",
     "react": "18.3.1",
@@ -58,6 +60,17 @@
     "zustand": "4.3.6"
   },
   "resolutions": {
+    "react": "18.3.1",
+    "@types/react": "18.3.23",
+    "@types/react-dom": "18.3.7",
+    "react-dom": "18.3.1",
+    "storybook": "^8.3.4",
+    "attr-accept": "2.2.2",
+    "@vitejs/plugin-react": "^4.0.0"
+  },
+  "overrides": {
+    "glob": "^10.4.5",
+    "eslint": "9.28.0",
     "react": "18.3.1",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",

package/utils/cssToCSSProperties.d.ts

@@ -0,0 +1,37 @@
+import { default as React, CSSProperties } from 'react';
+/**
+ * Importa dinámicamente un archivo CSS y lo convierte a CSSProperties
+ * @param cssPath - Ruta al archivo CSS
+ * @returns Promise con el objeto CSSProperties
+ */
+export declare const importCSSToCSSProperties: (cssPath: string) => Promise<Record<string, CSSProperties>>;
+/**
+ * Función síncrona para CSS ya cargado
+ * @param cssString - String CSS
+ * @returns Objeto CSSProperties
+ */
+export declare const cssStringToCSSProperties: (cssString: string) => Record<string, CSSProperties>;
+/**
+ * Hook para usar CSS dinámicamente en componentes React
+ * @param cssPath - Ruta al archivo CSS
+ * @returns Hook que retorna los estilos y estado de carga
+ */
+export declare const useDynamicCSS: (cssPath: string) => {
+    styles: Record<string, React.CSSProperties>;
+    loading: boolean;
+    error: string | null;
+};
+/**
+ * Función utilitaria para obtener estilos de un selector específico
+ * @param styles - Objeto de estilos
+ * @param selector - Selector CSS
+ * @returns CSSProperties del selector o objeto vacío
+ */
+export declare const getStylesBySelector: (styles: Record<string, CSSProperties>, selector: string) => CSSProperties;
+/**
+ * Función para combinar múltiples selectores
+ * @param styles - Objeto de estilos
+ * @param selectors - Array de selectores
+ * @returns CSSProperties combinados
+ */
+export declare const combineSelectors: (styles: Record<string, CSSProperties>, selectors: string[]) => CSSProperties;

package/utils/getPrecisionFromHdop/constants.d.ts

@@ -0,0 +1,13 @@
+import { HdopQualityRange } from './types';
+export declare const HDOP_QUALITY_STATUS: {
+    readonly IDEAL: "IDEAL";
+    readonly EXCELLENT: "EXCELLENT";
+    readonly GOOD: "GOOD";
+    readonly MODERATE: "MODERATE";
+    readonly REGULAR: "REGULAR";
+    readonly POOR: "POOR";
+    readonly NOT_DETECTABLE: "NOT_DETECTABLE";
+};
+export declare const DEFAULT_RMS_ERROR = 3.5;
+export declare const SPECIAL_HDOP_VALUES: readonly [0, 99, 999];
+export declare const HDOP_QUALITY_RANGES: readonly HdopQualityRange[];