@m4l/gclick 0.1.0 → 0.2.0-JAEBeta.1

package/utils/getPrecisionFromHdop/constants.js

@@ -0,0 +1,73 @@
+const HDOP_QUALITY_STATUS = {
+  IDEAL: "IDEAL",
+  EXCELLENT: "EXCELLENT",
+  GOOD: "GOOD",
+  MODERATE: "MODERATE",
+  REGULAR: "REGULAR",
+  POOR: "POOR",
+  NOT_DETECTABLE: "NOT_DETECTABLE"
+};
+const DEFAULT_RMS_ERROR = 3.5;
+const SPECIAL_HDOP_VALUES = [0, 99, 999];
+const HDOP_QUALITY_RANGES = [
+  {
+    minPrecision: 0,
+    maxPrecision: 3.5,
+    // HDOP < 1
+    status: HDOP_QUALITY_STATUS.IDEAL,
+    color: "persianGreen",
+    percentage: 100,
+    category: "excellent"
+  },
+  {
+    minPrecision: 3.5,
+    maxPrecision: 7,
+    // HDOP 1-2
+    status: HDOP_QUALITY_STATUS.EXCELLENT,
+    color: "persianGreen",
+    percentage: 95,
+    category: "excellent"
+  },
+  {
+    minPrecision: 7,
+    maxPrecision: 17.5,
+    // HDOP 2-5
+    status: HDOP_QUALITY_STATUS.GOOD,
+    color: "info",
+    percentage: 80,
+    category: "good"
+  },
+  {
+    minPrecision: 17.5,
+    maxPrecision: 35,
+    // HDOP 5-10
+    status: HDOP_QUALITY_STATUS.MODERATE,
+    color: "warning",
+    percentage: 60,
+    category: "deficient"
+  },
+  {
+    minPrecision: 35,
+    maxPrecision: 70,
+    // HDOP 10-20
+    status: HDOP_QUALITY_STATUS.REGULAR,
+    color: "error",
+    percentage: 40,
+    category: "deficient"
+  },
+  {
+    minPrecision: 70,
+    maxPrecision: Infinity,
+    // HDOP > 20
+    status: HDOP_QUALITY_STATUS.POOR,
+    color: "error",
+    percentage: 20,
+    category: "deficient"
+  }
+];
+export {
+  DEFAULT_RMS_ERROR as D,
+  HDOP_QUALITY_STATUS as H,
+  SPECIAL_HDOP_VALUES as S,
+  HDOP_QUALITY_RANGES as a
+};

package/utils/getPrecisionFromHdop/getPrecisionFromHdop.d.ts

@@ -0,0 +1,31 @@
+import { GetPrecisionFromHdopProps, GetPrecisionFromHdopReturn } from './types';
+/**
+ * Calculate GPS precision in meters based on HDOP value
+ * Formula: Precision = HDOP × RMS_Error
+ * @param props - GetPrecisionFromHdopProps containing HDOP value and configuration
+ * @returns precision data with quality classification
+ *
+ * Quality ranges based on standard GPS HDOP classification:
+ * - 0-3.5m: Ideal (HDOP < 1) - Máxima confianza para aplicaciones de alta precisión
+ * - 3.5-7m: Excellent (HDOP 1-2) - Alta precisión para la mayoría de aplicaciones
+ * - 7-17.5m: Good (HDOP 2-5) - Posicionamiento fiable para navegación
+ * - 17.5-35m: Moderate (HDOP 5-10) - Posicionamiento aceptable, pero mejorable
+ * - 35-70m: Regular (HDOP 10-20) - Posicionamiento impreciso, usar con precaución
+ * - 70m+: Poor (HDOP > 20) - Posicionamiento muy impreciso, datos no confiables
+ * - Invalid values: Not detectable
+ */
+export declare const getPrecisionFromHdop: (props: GetPrecisionFromHdopProps) => GetPrecisionFromHdopReturn;
+/**
+ * Get HDOP value from precision in meters (reverse calculation)
+ * Formula: HDOP = Precision / RMS_Error
+ * @param precisionMeters - Desired precision in meters
+ * @param rmsError - RMS error of GPS receiver (default: 3.5m)
+ * @returns HDOP value needed to achieve the precision
+ */
+export declare const getHdopFromPrecision: (precisionMeters: number, rmsError?: number) => number;
+/**
+ * Get quality category from precision in meters
+ * @param precisionMeters - Precision in meters
+ * @returns Quality category
+ */
+export declare const getQualityCategoryFromPrecision: (precisionMeters: number) => "excellent" | "good" | "deficient" | "not_detectable";

package/utils/getPrecisionFromHdop/getPrecisionFromHdop.js

@@ -0,0 +1,59 @@
+import { D as DEFAULT_RMS_ERROR, H as HDOP_QUALITY_STATUS, S as SPECIAL_HDOP_VALUES, a as HDOP_QUALITY_RANGES } from "./constants.js";
+const getPrecisionFromHdop = (props) => {
+  const { hdop, rmsError = DEFAULT_RMS_ERROR } = props;
+  if (hdop === null || hdop === void 0 || hdop === 0) {
+    return {
+      precisionMeters: null,
+      status: HDOP_QUALITY_STATUS.NOT_DETECTABLE,
+      color: "disabled",
+      percentage: 0,
+      category: "not_detectable"
+    };
+  }
+  const hdopValue = Number(hdop);
+  if (isNaN(hdopValue)) {
+    return {
+      precisionMeters: null,
+      status: HDOP_QUALITY_STATUS.NOT_DETECTABLE,
+      color: "disabled",
+      percentage: 0,
+      category: "not_detectable"
+    };
+  }
+  if (SPECIAL_HDOP_VALUES.includes(hdopValue)) {
+    return {
+      precisionMeters: null,
+      status: HDOP_QUALITY_STATUS.NOT_DETECTABLE,
+      color: "disabled",
+      percentage: 0,
+      category: "not_detectable"
+    };
+  }
+  const precisionMeters = hdopValue * rmsError;
+  const qualityRange = HDOP_QUALITY_RANGES.find(
+    (range) => precisionMeters >= range.minPrecision && precisionMeters < range.maxPrecision
+  );
+  const selectedRange = qualityRange || HDOP_QUALITY_RANGES[HDOP_QUALITY_RANGES.length - 1];
+  return {
+    precisionMeters: Math.round(precisionMeters * 10) / 10,
+    // Round to 1 decimal place
+    status: selectedRange.status,
+    color: selectedRange.color,
+    percentage: selectedRange.percentage,
+    category: selectedRange.category
+  };
+};
+const getHdopFromPrecision = (precisionMeters, rmsError = DEFAULT_RMS_ERROR) => {
+  return Math.round(precisionMeters / rmsError * 10) / 10;
+};
+const getQualityCategoryFromPrecision = (precisionMeters) => {
+  const range = HDOP_QUALITY_RANGES.find(
+    (range2) => precisionMeters >= range2.minPrecision && precisionMeters < range2.maxPrecision
+  );
+  return range?.category || "deficient";
+};
+export {
+  getHdopFromPrecision as a,
+  getQualityCategoryFromPrecision as b,
+  getPrecisionFromHdop as g
+};

package/utils/getPrecisionFromHdop/index.d.ts

@@ -0,0 +1,3 @@
+export { getPrecisionFromHdop, getHdopFromPrecision, getQualityCategoryFromPrecision } from './getPrecisionFromHdop';
+export { HDOP_QUALITY_STATUS, DEFAULT_RMS_ERROR, HDOP_QUALITY_RANGES } from './constants';
+export type { GetPrecisionFromHdopProps, GetPrecisionFromHdopReturn, HdopQualityRange } from './types';

package/utils/getPrecisionFromHdop/index.js

@@ -0,0 +1 @@
+

package/utils/getPrecisionFromHdop/types.d.ts

@@ -0,0 +1,42 @@
+import { ChipColorOptions } from '@m4l/styles';
+import { HDOP_QUALITY_STATUS } from './constants';
+export interface GetPrecisionFromHdopProps {
+    /**
+     * HDOP value from GPS device
+     */
+    hdop: number | null | undefined;
+    /**
+     * RMS error in meters (default: 3.5m for typical GPS receivers)
+     */
+    rmsError?: number;
+}
+export interface GetPrecisionFromHdopReturn {
+    /**
+     * Calculated precision in meters
+     */
+    precisionMeters: number | null;
+    /**
+     * Quality label based on precision
+     */
+    status: typeof HDOP_QUALITY_STATUS[keyof typeof HDOP_QUALITY_STATUS];
+    /**
+     * Color for UI display
+     */
+    color: ChipColorOptions;
+    /**
+     * Percentage for progress indicators
+     */
+    percentage: number;
+    /**
+     * Quality category
+     */
+    category: 'excellent' | 'good' | 'deficient' | 'not_detectable';
+}
+export interface HdopQualityRange {
+    minPrecision: number;
+    maxPrecision: number;
+    status: typeof HDOP_QUALITY_STATUS[keyof typeof HDOP_QUALITY_STATUS];
+    color: ChipColorOptions;
+    percentage: number;
+    category: 'excellent' | 'good' | 'deficient' | 'not_detectable';
+}

package/utils/getVptUpdatedAtWithGuard.d.ts

@@ -0,0 +1,4 @@
+/**
+ * "getVptUpdatedAtWithGuard" obtiene el updatedAt de un vpt con un guardia de fecha por defecto
+ */
+export declare function getVptUpdatedAtWithGuard<T = string>(value: any, defaultValue?: T): T;

package/utils/getVptUpdatedAtWithGuard.js

@@ -0,0 +1,13 @@
+function getVptUpdatedAtWithGuard(value, defaultValue = (/* @__PURE__ */ new Date()).toISOString()) {
+  let returnValue = defaultValue;
+  try {
+    if (typeof value === "object") {
+      returnValue = value.updatedAt || defaultValue;
+    }
+  } catch (_e) {
+  }
+  return returnValue;
+}
+export {
+  getVptUpdatedAtWithGuard as g
+};

package/utils/getVptValueWithGuard.d.ts

@@ -0,0 +1,9 @@
+import { Maybe } from '@m4l/core';
+type VptValue<T> = Maybe<T> | Maybe<{
+    value: T;
+}>;
+/**
+ * "getVptValueWithGuard" obtiene el valor de un vpt con un guardia de valor por defecto
+ */
+export declare function getVptValueWithGuard<T, K>(valueOrOjectWhitValue: VptValue<T>, defaultValue: K): K | T;
+export {};

package/utils/getVptValueWithGuard.js

@@ -0,0 +1,18 @@
+function getVptValueWithGuard(valueOrOjectWhitValue, defaultValue) {
+  let returnValue;
+  try {
+    if (valueOrOjectWhitValue === null || valueOrOjectWhitValue === void 0) {
+      returnValue = defaultValue;
+    } else if (typeof valueOrOjectWhitValue === "object") {
+      returnValue = valueOrOjectWhitValue?.value || defaultValue;
+    } else {
+      returnValue = valueOrOjectWhitValue;
+    }
+  } catch (_e) {
+    returnValue = defaultValue;
+  }
+  return returnValue;
+}
+export {
+  getVptValueWithGuard as g
+};

package/utils/index.d.ts

@@ -6,3 +6,6 @@ export * from './ObjectQueue';
 export * from './getComponentSlotRoot';
 export { getTypographyStyles } from './getTypographyStyles';
 export { getHeightSizeStyles } from './getSizeStyles';
+export * from './getVptValueWithGuard';
+export * from './getVptUpdatedAtWithGuard';
+export * from './getPrecisionFromHdop';

package/components/DeviceStatus/hooks/constants.d.ts

@@ -1,11 +0,0 @@
-import { GNSSEnumMotionStatus } from '../../../@types/constants';
-export type StatusDeviceData = {
-    id: GNSSEnumMotionStatus;
-    statusLabelId: string;
-    iconKey: string;
-    color: string;
-    palletColor: string;
-    course?: number;
-    speed?: number;
-};
-export declare const DEVICE_STATUSES_CONFIG: Record<GNSSEnumMotionStatus, StatusDeviceData>;

package/components/maps/components/GpsMap/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/GpsMap/featureRenders/DeviceFeatureRender/constants.js

@@ -1,4 +0,0 @@
-const FALLBACK_SVG = "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8IS0tIENyZWF0b3I6IENvcmVsRFJBVyBYOCAtLT4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiBoZWlnaHQ9IjI5IiB3aWR0aD0iNjIiIHZlcnNpb249IjEuMSIgc3R5bGU9InNoYXBlLXJlbmRlcmluZzpnZW9tZXRyaWNQcmVjaXNpb247IHRleHQtcmVuZGVyaW5nOmdlb21ldHJpY1ByZWNpc2lvbjsgaW1hZ2UtcmVuZGVyaW5nOm9wdGltaXplUXVhbGl0eTsgZmlsbC1ydWxlOmV2ZW5vZGQ7IGNsaXAtcnVsZTpldmVub2RkIg0Kdmlld0JveD0iMCAwIDg2IDM5Ig0KIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4NCiA8ZGVmcz4NCiAgPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCiAgIDwhW0NEQVRBWw0KICAgIC5jYXItZmlsMSB7ZmlsbDojMzMzMzMzfQ0KICAgIC5jYXItZmlsMiB7ZmlsbDojRjQ0MzM2fQ0KICAgIC5jYXItZmlsMyB7ZmlsbDojRkZFQjNCfQ0KICAgIC5jYXItZmlsNiB7ZmlsbDpibGFjaztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDAge2ZpbGw6IzFFOTZEQztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDUge2ZpbGw6IzMzMzMzMztmaWxsLXJ1bGU6bm9uemVyb30NCiAgICAuY2FyLWZpbDQge2ZpbGw6d2hpdGU7ZmlsbC1ydWxlOm5vbnplcm99DQogICBdXT4NCiAgPC9zdHlsZT4NCiAgICA8bWFzayBpZD0iaWQwIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNDkuMTg0MiIgeTE9IjE0LjU2MTkiIHgyPSI0OS4xODU4IiB5Mj0iLTMuNjU0MjgiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQxKSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiAgICA8bWFzayBpZD0iaWQyIj4NCiAgPGxpbmVhckdyYWRpZW50IGlkPSJpZDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iNTEuMTA0MyIgeTE9IjM3LjA0MDkiIHgyPSI1MS4xMDU5IiB5Mj0iMjAuNTIzNiI+DQogICA8c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MDsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICAgPHN0b3Agb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjE7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgICAgPHJlY3Qgc3R5bGU9ImZpbGw6dXJsKCNpZDMpIiB4PSIxIiB5PSIyOSIgd2lkdGg9IjgzLjk4MzciIGhlaWdodD0iMTEuMTA3Ii8+DQogICAgPC9tYXNrPg0KICAgIDxtYXNrIGlkPSJpZDQiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImlkNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSI0OS4zNTYyIiB5MT0iMi4yMTIwMyIgeDI9IjQ5LjM1NjIiIHkyPSIxOS45OTQ5Ij4NCiAgIDxzdG9wIG9mZnNldD0iMCIgc3R5bGU9InN0b3Atb3BhY2l0eTowOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogICA8c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLW9wYWNpdHk6MTsgc3RvcC1jb2xvcjp3aGl0ZSIvPg0KICA8L2xpbmVhckdyYWRpZW50Pg0KICAgICA8cmVjdCBzdHlsZT0iZmlsbDp1cmwoI2lkNSkiIHdpZHRoPSI4NS43NjEyIiBoZWlnaHQ9IjE2LjQ0MjciLz4NCiAgICA8L21hc2s+DQogICAgPG1hc2sgaWQ9ImlkNiI+DQogIDxsaW5lYXJHcmFkaWVudCBpZD0iaWQ3IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjQ5LjE4NDIiIHkxPSIyNC42NzI0IiB4Mj0iNDkuMTg1OCIgeTI9IjQ5LjA3MjYiPg0KICAgPHN0b3Agb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1vcGFjaXR5OjA7IHN0b3AtY29sb3I6d2hpdGUiLz4NCiAgIDxzdG9wIG9mZnNldD0iMSIgc3R5bGU9InN0b3Atb3BhY2l0eToxOyBzdG9wLWNvbG9yOndoaXRlIi8+DQogIDwvbGluZWFyR3JhZGllbnQ+DQogICAgIDxyZWN0IHN0eWxlPSJmaWxsOnVybCgjaWQ3KSIgd2lkdGg9Ijg2Ljc4NjQiIGhlaWdodD0iNDAuMDI4NyIvPg0KICAgIDwvbWFzaz4NCiA8L2RlZnM+DQogPGc+DQogIDxnPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwwIiBkPSJNODQgMzFjLTEsMiAtMyw1IC01LDUgMCwtNCAzLC01IDUsLTYgMCwxIDAsMSAwLDF6bS0zMiAtMjVsMCAyIDE0IDAgNiAtMiAtMjAgMHptMCAyNWwwIDIgMjAgMCAtNiAtMiAtMTQgMHptLTIgMmwwIC0yIC0xMyAwIC0xMSAyIDI0IDB6bTAgLTI1bDAgLTIgLTI0IDAgMTEgMiAxMyAwem0yNCAtMWwtNiAyYzEsMSAxLDIgMSwzIDAsMCAxLDMgMSw4IDAsNSAtMSw3IC0xLDcgMCwxIDAsMiAtMSwzbDYgM2MxLC0xIDEsLTUgMSwtNiAwLDAgMSwtMiAxLC03IDAsLTUgLTEsLTggLTEsLTggMCwtMiAwLC01IC0xLC01em0tNDAgMjJsLTEwIDNjLTEsLTEgLTIsLTQgLTIsLTUgMCwwIC0xLC0yIC0xLC03IDAsLTUgMSwtOCAxLC04IDAsLTEgMSwtNCAyLC01bDEwIDJjMCwxIC0xLDIgLTEsMyAwLDAgLTEsMyAtMSw4IDAsNSAxLDcgMSw3IDAsMSAxLDIgMSwyem0tMzEgLTRjMTIsNiAyMCw4IDIwLDggLTEwLC0xIC0yMCwtOCAtMjAsLTh6bS0xIDZjMCwwIC0xLC0yIC0xLC01IDIsMiA2LDUgOCwxMCAtMywwIC02LC0yIC03LC01em0yMSAtMjVjMCwwIC04LDIgLTIwLDggMCwwIDEwLC03IDIwLC04em0tMjEgMmMxLC0zIDQsLTUgNiwtNSAtMSw1IC01LDggLTcsMTAgMSwtMyAxLC01IDEsLTV6bTgyIDBjMCwwIDAsMSAwLDEgLTIsLTEgLTUsLTIgLTUsLTYgMiwwIDQsMiA1LDV6bTEgMGMtMiwtNCAtMywtNiAtNiwtNmwtNTAgMCAxIC0yYzAsMCAtMSwxIC0yLDJsLTIwIDBjLTIsMCAtNSwyIC03LDYgMCwwIC0xLDQgLTEsMTIgMCw4IDEsMTIgMSwxMiAxLDMgNSw1IDcsNWwyMCAwYzEsMSAyLDIgMiwybC0xIC0yIDUwIDBjMywwIDUsLTMgNiwtNSAwLDAgMSwtNCAxLC0xMiAwLC04IC0xLC0xMiAtMSwtMTJ6Ii8+DQogICA8Zz4NCiAgICA8cGF0aCBjbGFzcz0iY2FyLWZpbDEiIGQ9Ik0zIDE0YzEyLC02IDIwLC04IDIwLC04IC0xMCwxIC0yMCw4IC0yMCw4eiIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTIzIDMzYzAsMCAtOCwtMiAtMjAsLTggMCwwIDEwLDcgMjAsOHoiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsNiAyNiw2IDM3LDggNTAsOCAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTIsNiA1Miw4IDY2LDggNzIsNiAiLz4NCiAgICA8cG9seWdvbiBjbGFzcz0iY2FyLWZpbDEiIHBvaW50cz0iNTAsMzEgMzcsMzEgMjYsMzMgNTAsMzMgIi8+DQogICAgPHBvbHlnb24gY2xhc3M9ImNhci1maWwxIiBwb2ludHM9IjUyLDMxIDUyLDMzIDcyLDMzIDY2LDMxICIvPg0KICAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMSIgZD0iTTMzIDI3YzAsMCAtMSwtMiAtMSwtNyAwLC01IDEsLTggMSwtOCAwLC0xIDEsLTIgMSwtM2wtMTAgLTJjLTEsMSAtMiw0IC0yLDUgMCwwIC0xLDMgLTEsOCAwLDUgMSw3IDEsNyAwLDEgMSw0IDIsNWwxMCAtM2MwLDAgLTEsLTEgLTEsLTJ6Ii8+DQogICAgPHBhdGggY2xhc3M9ImNhci1maWwxIiBkPSJNNzAgMjBjMCw1IC0xLDcgLTEsNyAwLDEgMCwyIC0xLDNsNiAzYzEsLTEgMSwtNSAxLC02IDAsMCAxLC0yIDEsLTcgMCwtNSAtMSwtOCAtMSwtOCAwLC0yIDAsLTUgLTEsLTVsLTYgMmMxLDEgMSwyIDEsMyAwLDAgMSwzIDEsOHoiLz4NCiAgIDwvZz4NCiAgIDxwYXRoIGNsYXNzPSJjYXItZmlsMiIgZD0iTTg0IDMwYy0yLDEgLTUsMiAtNSw2IDIsMCA0LC0zIDUsLTUgMCwwIDAsMCAwLC0xeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwyIiBkPSJNNzkgM2MwLDQgMyw1IDUsNiAwLDAgMCwtMSAwLC0xIC0xLC0zIC0zLC01IC01LC01eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNMSAxM2MyLC0yIDYsLTUgNywtMTAgLTIsMCAtNSwyIC02LDUgMCwwIDAsMiAtMSw1eiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWwzIiBkPSJNOSAzNmMtMiwtNSAtNiwtOCAtOCwtMTAgMCwzIDEsNSAxLDUgMSwzIDQsNSA3LDV6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQwKSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSw0IC0xLDEyIDAsOCAxLDEyIDEsMTIgMSwzIDUsNSA3LDVsMjAgMGMxLDEgMiwyIDIsMmwtMSAtMiA1MCAwYzMsMCA1LC0zIDYsLTUgMCwwIDEsLTQgMSwtMTIgMCwtOCAtMSwtMTIgLTEsLTEyeiIvPg0KICAgPHBhdGggY2xhc3M9ImNhci1maWw1IiBzdHlsZT0ibWFzazp1cmwoI2lkMikiIGQ9Ik0xIDMyYzEsMyA1LDUgNyw1bDIwIDBjMSwxIDIsMiAyLDJsLTEgLTIgNTAgMGMzLDAgNSwtMyA2LC01IC0xLDEgLTUsMiAtMTEsMSAwLDAgLTIsLTEgLTYsLTMgLTExLC0xIC0yMiwtMSAtMzQsLTEgMCwwIC0zLDEgLTEwLDMgLTMsMCAtOCwxIC0xNSw0IC0yLDAgLTUsLTEgLTgsLTR6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDQiIHN0eWxlPSJtYXNrOnVybCgjaWQ0KSIgZD0iTTg1IDhjLTIsLTQgLTMsLTYgLTYsLTZsLTUwIDAgMSAtMmMwLDAgLTEsMSAtMiwybC0yMCAwYy0yLDAgLTUsMiAtNyw2IDAsMCAtMSwyIC0xLDggOCwtNiAxNSwtOSAyMywtMTAgLTEsMyAtMiw2IC0yLDkgNCwtMiA4LC00IDEyLC00IDEyLC0yIDI0LC0yIDM2LDAgMywwIDUsMSA3LDIgNSwtNCA4LC01IDksLTMgMCwtMiAwLC0yIDAsLTJ6Ii8+DQogICA8cGF0aCBjbGFzcz0iY2FyLWZpbDYiIHN0eWxlPSJtYXNrOnVybCgjaWQ2KSIgZD0iTTg1IDMyYy0yLDMgLTMsNSAtNiw1bC01MCAwIDEgMmMwLDAgLTEsLTEgLTIsLTJsLTIwIDBjLTIsMCAtNSwtMiAtNywtNSAwLDAgLTEsLTUgLTEsLTEzIDAsLTcgMSwtMTEgMSwtMTEgMSwtMyA1LC02IDcsLTZsMjAgMGMxLC0xIDIsLTIgMiwtMmwtMSAyIDUwIDBjMywwIDUsMyA2LDYgMCwwIDEsNCAxLDExIDAsOCAtMSwxMyAtMSwxM3oiLz4NCiAgPC9nPg0KIDwvZz4NCjwvc3ZnPg0K";
-export {
-  FALLBACK_SVG as F
-};

package/components/maps/components/GpsMap/featureRenders/DeviceFeatureRender/index.js

@@ -1,112 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { shallow } from "zustand/shallow";
-import { u as useMapStore } from "../../hooks/useMapStore/index.js";
-import { useCallback } from "react";
-import { a as LABEL_COLOR_DEFAULT, L as LABEL_BK_COLOR_DEFAULT } from "../../constants.js";
-import { M as MarkerIconLabel } from "../MarkerIconLabel/index.js";
-import { F as FALLBACK_SVG } from "./constants.js";
-import { useSvgColor, SKELETON_SVG_ICON } from "@m4l/components";
-import { u as useDeviceStatus } from "../../../../../DeviceStatus/hooks/useDeviceStatus.js";
-import { useEnvironment, getPropertyByString } from "@m4l/core";
-import { c as courseToCssAngle } from "../../../../utils/courseToCssAngle.js";
-const DeviceFeatureRender = (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 null;
-    }
-    const feat = gObject.object.features.find((f) => f.id === id);
-    if (feat) {
-      if (!(feat.geometry.type === "Point" && feat.properties?.subType === "Marker")) {
-        return null;
-      }
-      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 { host_static_assets, environment_assets } = useEnvironment();
-  const propFeature = {
-    featureId: feature?.id
-  };
-  const {
-    deviceData
-  } = feature?.properties || { deviceData: void 0 };
-  const { iconKey, filteredCourse, label: statusLabel, palletColor: statusPalletColor, speed } = useDeviceStatus({ deviceData, withLabel: true });
-  const iconRotate = courseToCssAngle(filteredCourse || 0, 0);
-  const color = deviceData?.settings?.group?.color || LABEL_COLOR_DEFAULT;
-  const bgColor = deviceData?.settings?.group?.bgColor || LABEL_BK_COLOR_DEFAULT;
-  const src = `${host_static_assets}/${environment_assets}/frontend/components/device_status/assets/icons/${iconKey}_contained.svg`;
-  const markerLabel = deviceData?.settings?.name || "name";
-  const reportTime = new Date(getPropertyByString(deviceData, "current.vpts.vptModem.lastConnection.value", (/* @__PURE__ */ new Date()).toISOString()));
-  const reportStatus = new Date(getPropertyByString(deviceData, "current.vpts.vptGnss.status.udaptedAt", (/* @__PURE__ */ new Date()).toISOString()));
-  const [lng, lat] = feature?.geometry?.coordinates || [0, 0];
-  const svg = useSvgColor({
-    src,
-    cacheKey: iconKey,
-    //Id del icono
-    primaryColor: bgColor,
-    secondaryColor: color,
-    skeletonIcon: SKELETON_SVG_ICON,
-    fallBackIcon: FALLBACK_SVG
-  });
-  const { addLayerDataToFeature } = useMapStore((state) => state.mapActions, shallow);
-  const onAddPointLayer = useCallback((e) => {
-    if (!feature) {
-      return;
-    }
-    const layerData = {
-      // visible: true,
-      boundsNW: e.target?._latlng,
-      boundsSE: e.target?._latlng,
-      getTarget: () => e.target
-      // {
-      //   id: e.target?._leaflet_id,
-      //   openPopup: e.target?.openPopup,
-      // },
-      // target: e.target,
-    };
-    addLayerDataToFeature(layerId, feature.id, layerData);
-  }, [feature]);
-  if (!feature || !svg) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    MarkerIconLabel,
-    {
-      position: { lat, lng },
-      ...{
-        label: markerLabel,
-        iconSrc: svg.dataWithColor,
-        iconScale: 1,
-        iconRotate,
-        iconWidth: 38,
-        iconHeight: 38,
-        labelBkColor: bgColor,
-        labelColor: color,
-        offsetLeftTop: [42, 0]
-      },
-      draggable: false,
-      eventHandlers: {
-        add: onAddPointLayer
-      },
-      popupRender: feature.popupRender,
-      properties: { ...feature.properties, statusLabel, statusPalletColor, reportTime, reportStatus, speed, iconKey },
-      popupOptions: feature.popupOptions,
-      ...propFeature
-    }
-  );
-};
-export {
-  DeviceFeatureRender as D
-};

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

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

package/components/maps/components/GpsMap/slots/GpsMapSlots.d.ts

@@ -1,4 +0,0 @@
-export declare const GpsMapRootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-leaflet').MapContainerProps & import('react').RefAttributes<import('leaflet').Map>, keyof import('react-leaflet').MapContainerProps | keyof import('react').RefAttributes<import('leaflet').Map>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {}>;
-export declare const PopupGpsDeviceStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopupGpsDeviceHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const PopupGpsDeviceContentStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/maps/components/GpsMap/slots/GpsMapSlots.js

@@ -1,24 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { C as COMPONET_KEY_COMPONENT } from "../constants.js";
-import { m as mapStyles } from "../GpsMap.styles.js";
-import { M as MapSlots } from "./slots.js";
-import { MapContainer } from "react-leaflet";
-const GpsMapRootStyled = styled(MapContainer, {
-  name: COMPONET_KEY_COMPONENT,
-  slot: MapSlots.root
-})(mapStyles?.root);
-styled("div", {
-  name: COMPONET_KEY_COMPONENT,
-  slot: MapSlots.popupGpsDevice
-})(mapStyles?.popupGpsDevice);
-styled("div", {
-  name: COMPONET_KEY_COMPONENT,
-  slot: MapSlots.popupGpsDeviceHeader
-})(mapStyles?.popupGpsDeviceHeader);
-styled("div", {
-  name: COMPONET_KEY_COMPONENT,
-  slot: MapSlots.popupGpsDeviceContent
-})(mapStyles?.popupGpsDeviceContent);
-export {
-  GpsMapRootStyled as G
-};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/index.js

@@ -1,13 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { L as LayersButton } from "./subcomponents/PopoverToolButton/index.js";
-import { C as Control } from "../../../../external/Control/index.js";
-import { m as mapClasses } from "../../../../classes/index.js";
-function TopLeftTools() {
-  return /* @__PURE__ */ jsxs(Control, { position: "topleft", prepend: true, className: mapClasses.topLeftToolsRoot, children: [
-    /* @__PURE__ */ jsx(LayersButton, { type: "MapSources" }),
-    /* @__PURE__ */ jsx(LayersButton, { type: "Layers" })
-  ] });
-}
-export {
-  TopLeftTools as T
-};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/index.d.ts

@@ -1,10 +0,0 @@
-import { PopoverToolButtonProps } from './types';
-/**
- * Provee un componente que le permite al usuario cambiar la configuración del idioma en la plataforma.
- * @param props
- * @returns
- */
-/**
- * TODO: Documentar
- */
-export declare function LayersButton(props: PopoverToolButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/index.js

@@ -1,58 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import React, { useState } from "react";
-import { IconButton, Popover } from "@m4l/components";
-import { L as LayersTool } from "./subcomponentes/LayersTool/index.js";
-import { M as MapSourcesTool } from "./subcomponentes/MapSourcesTool/index.js";
-import { useEnvironment } from "@m4l/core";
-import { useTheme } from "@mui/material";
-import { m as mapClasses } from "../../../../../../classes/index.js";
-import { M as MAP_ICONS } from "../../../../../../icons.js";
-function LayersButton(props) {
-  const { type } = props;
-  const [open, setOpen] = useState(null);
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const theme = useTheme();
-  const handleOpen = (event) => {
-    setOpen(event.currentTarget);
-  };
-  const handleClose = () => {
-    setOpen(null);
-  };
-  return (
-    /* LanguagePopoverRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
-        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a otros componentes
-        de la plataforna web. */
-    /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          onClick: handleOpen,
-          src: `${host_static_assets}/${environment_assets}/frontend/components/map/assets/icons/${type === "MapSources" ? MAP_ICONS.MAP_SOURCES_TOOL : MAP_ICONS.MAP_LAYERS_TOOL}`
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        Popover,
-        {
-          className: type === "MapSources" ? mapClasses.mapSourcesPopoverRoot : mapClasses.layersPopoverRoot,
-          arrowType: "no-arrow",
-          open: Boolean(open),
-          anchorEl: open,
-          anchorOrigin: { vertical: "bottom", horizontal: "left" },
-          onClose: handleClose,
-          sx: {
-            ...type === "MapSources" ? theme.components?.M4LMapMapSources?.styleOverrides : theme.components?.M4LMapLayers?.styleOverrides
-            // width: 180,
-            // '& .MuiMenuItem-root': { px: 1, typography: 'body2', borderRadius: 0.75 },
-          },
-          disableAutoFocus: true,
-          disableRestoreFocus: true,
-          disableEnforceFocus: true,
-          children: type === "MapSources" ? /* @__PURE__ */ jsx(MapSourcesTool, {}) : /* @__PURE__ */ jsx(LayersTool, {})
-        }
-      )
-    ] })
-  );
-}
-export {
-  LayersButton as L
-};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useCheckedLayers.d.ts

@@ -1,9 +0,0 @@
-import { CheckedNameSet } from '../../../../../../../../../contexts/MapContext/types';
-/**
- * Hook encargado de cargar las capas checkeadas y setter de acuerdo al nombre del set de capas
- * @param layerId
- * @param checkedType
- * @param endpoint
- * @returns
- */
-export declare function useCheckedLayers(checkedNameSet: CheckedNameSet): [ReadonlySet<string>, (newFeatures: ReadonlySet<string>) => void];

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useCheckedLayers.js

@@ -1,17 +0,0 @@
-import { shallow } from "zustand/shallow";
-import { u as useMapStore } from "../../../../../../../../../hooks/useMapStore/index.js";
-function useCheckedLayers(checkedNameSet) {
-  const [checkedLayers, setCheckedLayers] = useMapStore(
-    (state) => [
-      state[`${checkedNameSet}CheckedLayers`],
-      (newSet) => {
-        state.mapActions.setCheckedLayers(checkedNameSet, newSet);
-      }
-    ],
-    shallow
-  );
-  return [checkedLayers, setCheckedLayers];
-}
-export {
-  useCheckedLayers as u
-};

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useColumns.d.ts

@@ -1,18 +0,0 @@
-import { Column } from 'react-data-grid';
-import { LayersListModel } from '../model';
-type UseColumnsProps<Row> = {
-    rowKeyGetter: (row: Row) => string;
-    visibleLayers: ReadonlySet<string>;
-    setVisibleLayers: (newSet: ReadonlySet<string>) => void;
-    autoFocusLayers: ReadonlySet<string>;
-    setAutoFocusLayers: (newSet: ReadonlySet<string>) => void;
-    clusterLayers: ReadonlySet<string>;
-    setClusterLayers: (newSet: ReadonlySet<string>) => void;
-};
-/**
- * TODO: Documentar
- */
-export declare function useColumns(props: UseColumnsProps<LayersListModel>): {
-    columns: Column<LayersListModel, unknown>[];
-};
-export {};