@m4l/gclick 0.3.1-beta.2 → 0.3.1

package/components/DeviceStatus/slots/DeviceStatusSlots.d.ts

@@ -1,2 +1,2 @@
-export declare const DeviceStatusRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const DeviceStatusRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=DeviceStatusSlots.d.ts.map

package/components/GaugeCircular/slots/GaugeCircularSlots.d.ts

@@ -1,4 +1,4 @@
-export declare const GaugeFullCircleRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
-export declare const GaugeFullCircleInnerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
-export declare const GaugeFullCircleCircularBgStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const GaugeFullCircleRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').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 GaugeFullCircleInnerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').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 GaugeFullCircleCircularBgStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=GaugeCircularSlots.d.ts.map

package/components/indicators/IndicatorBattery/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const INDICATOR_BATTERY_KEY_COMPONENT = "M4LIndicatorBattery";
-export declare const INDICATOR_BATTERY_CLASSES: Record<"root" | "title" | "content" | "voltageStatusContainer" | "statusContainer" | "voltageContainer" | "containerTitleBatteryPorcentage" | "containerStatusVoltage" | "containerIconPercentage", string>;
+export declare const INDICATOR_BATTERY_CLASSES: Record<"title" | "content" | "root" | "voltageStatusContainer" | "statusContainer" | "voltageContainer" | "containerTitleBatteryPorcentage" | "containerStatusVoltage" | "containerIconPercentage", string>;
 //# sourceMappingURL=constants.d.ts.map

package/components/indicators/IndicatorCSQ/constants.d.ts

@@ -5,5 +5,5 @@ export declare const INDICATOR_CSQ_KEY_COMPONENT = "M4LCSQSignal";
 /**
  * Classes for the CSQSignal component
  */
-export declare const INDICATOR_CSQ_CLASSES: Record<"root" | "title" | "signalIcon" | "containerTitleAndChip" | "chip", string>;
+export declare const INDICATOR_CSQ_CLASSES: Record<"title" | "root" | "chip" | "signalIcon" | "containerTitleAndChip", string>;
 //# sourceMappingURL=constants.d.ts.map

package/components/indicators/IndicatorValueAndMagnitude/constants.d.ts

@@ -1,3 +1,3 @@
 export declare const VALUE_AND_MAGNITUDE_COMPONENT_KEY = "M4LIndicatorValueAndMagnitude";
-export declare const VALUE_AND_MAGNITUDE_CLASSES: Record<"root" | "value" | "unitContainer" | "unit", string>;
+export declare const VALUE_AND_MAGNITUDE_CLASSES: Record<"value" | "root" | "unit" | "unitContainer", string>;
 //# sourceMappingURL=constants.d.ts.map

package/components/maps/components/GpsMap/popups/MapPopupDevice/dictionary.js

@@ -30,16 +30,15 @@ import "../../../../../Device/hooks/constants.js";
 import { getDeviceStatusComponentsDictionary as r } from "../../../../../DeviceStatus/dictionary.js";
 import "leaflet-polylinedecorator";
 import "@m4l/layouts";
-import "../../../GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
+import "../../../GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.js";
 import "@m4l/graphics";
+import "../../../GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
 import { getCourseFormatterComponentsDictionary as p } from "../../../../../../formatters/CourseFormatter/dictionary.js";
 const o = "map_popup_my_gps";
-function x() {
+function F() {
   return [o].concat(t()).concat(p()).concat(r());
 }
-const W = {
+const x = {
   LABEL_MAP_POPUP_MYGPS_ADDRESS: `${o}.label_address`,
   LABEL_MAP_POPUP_MYGPS_LAST_REPORT: `${o}.label_last_report`,
   LABEL_MAP_POPUP_MYGPS_STATUS: `${o}.label_status`,
@@ -49,6 +48,6 @@ const W = {
   LABEL_MAP_POPUP_MYGPS_VIEW_MORE: `${o}.label_view_more`
 };
 export {
-  W as MAP_POPUP_GPS_DEVICE_DICCTIONARY,
-  x as getMapPopupDeviceComponentsDictionary
+  x as MAP_POPUP_GPS_DEVICE_DICCTIONARY,
+  F as getMapPopupDeviceComponentsDictionary
 };

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.d.ts

@@ -1,13 +1,13 @@
 export declare const GpsMapLayersToolRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapLayersToolRowContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapLayersToolRowCheckBoxNameContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapLayersToolRowOptionsContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapSourcesTool/slots/styled.d.ts

@@ -1,22 +1,22 @@
 export declare const GpsMapSourcesToolRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapSourcesToolHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapSourcesToolContentGroupStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapSourcesToolContentGroupHeaderStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const GpsMapSourceToolCardIconTitleContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
-export declare const GpsMapSourceToolCardIconStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').IconProps, keyof import('@m4l/components').IconBaseProps | "src" | "icon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').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 GpsMapSourceToolCardIconStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/components').IconProps, "src" | "icon" | keyof import('@m4l/components').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const GpsMapSourceToolCardRoadOptionsContainerStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../../../../../../../types').MapOwnerState> & Record<string, unknown>) | undefined;
-}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 //# sourceMappingURL=styled.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Layers/index.js

@@ -25,15 +25,14 @@ import "../../contexts/MapContext/MapContext.js";
 import "../../popups/MapPopupDevice/slots/MapPopupDeviceSlots.js";
 import "../../../../../../formatters/CourseFormatter/slots/CourseFormatterSlots.js";
 import "@m4l/layouts";
+import "../../../GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.js";
+import "@m4l/graphics";
 import "zustand";
 import "../../../GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
-import "@m4l/graphics";
 import "../../../../../DeviceStatus/slots/DeviceStatusSlots.js";
 import "../../../../../Device/hooks/constants.js";
 import "leaflet-polylinedecorator";
-const W = () => {
+const V = () => {
   const i = n((o) => o.layersIds, u), p = l(), r = e();
   return c(), a(() => {
     if (r)
@@ -43,5 +42,5 @@ const W = () => {
   }, [r]), p || !r ? null : /* @__PURE__ */ t(s.Fragment, { children: i.map((o) => /* @__PURE__ */ t(f, { layerId: o }, o)) });
 };
 export {
-  W as LayersContainer
+  V as LayersContainer
 };

package/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/index.js

@@ -4,7 +4,7 @@ import { LayerGroup as v } from "react-leaflet";
 import h from "leaflet";
 import { shallow as u } from "zustand/shallow";
 import { MarkerClusterGroup as M } from "./subcomponents/MarkerClusterGroup/index.js";
-import { useMapStore as p } from "../../../../hooks/useMapStore/index.js";
+import { useMapStore as c } from "../../../../hooks/useMapStore/index.js";
 import { deepShallow as g } from "@m4l/components";
 import "../../../../external/googleMutant/googleMutant.js";
 import "@googlemaps/js-api-loader";
@@ -26,29 +26,28 @@ import "../../../../contexts/MapContext/MapContext.js";
 import "../../../../popups/MapPopupDevice/slots/MapPopupDeviceSlots.js";
 import "../../../../../../../../formatters/CourseFormatter/slots/CourseFormatterSlots.js";
 import "@m4l/layouts";
+import "../../../../../GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.js";
+import "@m4l/graphics";
 import "zustand";
 import "../../../../../GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
-import "@m4l/graphics";
 import "../../../../../../../DeviceStatus/slots/DeviceStatusSlots.js";
 import "../../../../../../../Device/hooks/constants.js";
 import "leaflet-polylinedecorator";
-const le = (C) => {
-  const { layerId: r } = C, t = p((o) => {
+const ae = (C) => {
+  const { layerId: r } = C, t = c((o) => {
     const e = o.hashLayers[r]?.geoJsonObject;
     return e && e.object.type === "Feature" ? e.object.id : e && e.object.type === "FeatureCollection" ? e && e.object.features.map((i) => i.id) : null;
-  }, g), s = p((o) => o.hashLayers[r].renderFeature, u), c = p(
+  }, g), s = c((o) => o.hashLayers[r].renderFeature, u), p = c(
     (o) => o.hashLayers[r]?.decimationConfig,
     u
-  ), [F, m = !1] = p(
+  ), [F, m = !1] = c(
     (o) => [o.hashLayers[r]?.visible, o.hashLayers[r]?.cluster],
     u
   ), a = Array.isArray(t), d = L(
     a && !m ? t : [],
     r,
-    c?.decimationFilter,
-    c?.debounceMs !== void 0 ? { debounceMs: c.debounceMs } : void 0
+    p?.decimationFilter,
+    p?.debounceMs !== void 0 ? { debounceMs: p.debounceMs } : void 0
   ), f = b(() => a ? m ? t : d : [], [a, m, t, d]);
   if (!t || !s || F === !1)
     return null;
@@ -100,5 +99,5 @@ const le = (C) => {
     );
 };
 export {
-  le as Layer
+  ae as Layer
 };

package/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.d.ts

@@ -1,10 +1,11 @@
 import { default as L } from 'leaflet';
 import { MarkerClusterGroupProps } from './types';
 /**
- * MarkerClusterGroup, es un componente funcional que enmascara el comportamiento que
- * leaflet.markercluster tiene, no aporta lógica adicional, solo es un wrapper para que funcione
- * en React. Utilizando createPathComponent de @react-leaflet/core.
- * @returns ForwardRefExoticComponent (significa que es un componente que ha sido envuelto con React.forwardRef.).
+ * MarkerClusterGroup is a functional component that wraps leaflet.markercluster behavior.
+ * In Chromatic (or when the plugin is not loaded), falls back to L.layerGroup() so the map
+ * still renders without clustering.
+ * Uses createPathComponent from @react-leaflet/core.
+ * @returns ForwardRefExoticComponent (wrapped with React.forwardRef).
  */
 export declare const MarkerClusterGroup: import('react').ForwardRefExoticComponent<L.MarkerClusterGroupOptions & import('@react-leaflet/core').PathProps & import('./types').PropsWithChildren & import('react').RefAttributes<MarkerClusterGroupProps>>;
 //# sourceMappingURL=index.d.ts.map

package/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,CAAwC,MAAM,SAAS,CAAC;AAC/D;;;;;;GAMG;AACH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,uBAAuB,EAAyB,MAAM,SAAS,CAAC;AACzE;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB,iNAiC7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,CAAwC,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAyB,MAAM,SAAS,CAAC;AAkCzE;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,iNAgC7B,CAAC"}

package/components/maps/components/GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.js

@@ -1,20 +1,29 @@
-import { createPathComponent as i } from "@react-leaflet/core";
-import a from "leaflet";
-import "leaflet.markercluster";
-const m = i(({ children: l, ...o }, c) => {
-  const n = {}, s = {};
-  Object.entries(o).forEach(([t, r]) => {
-    t !== void 0 && r !== "" && (t.startsWith("on") ? s[t] = r : n[t] = r);
+import { createPathComponent as f } from "@react-leaflet/core";
+import i from "leaflet";
+const h = (() => {
+  if (typeof globalThis > "u")
+    return !1;
+  const r = globalThis;
+  if (r.__STORYBOOK_IS_CHROMATIC__ === !0)
+    return !0;
+  const o = r.location?.href ?? "", n = r.location?.hostname ?? "";
+  return /chromatic\.com/i.test(o) || /(^|\.)chromatic\.com$/i.test(n);
+})();
+typeof globalThis < "u" && !h && import("leaflet.markercluster");
+const C = f(({ children: r, ...o }, n) => {
+  const c = {}, u = {};
+  Object.entries(o).forEach(([t, e]) => {
+    t !== void 0 && e !== "" && (t.startsWith("on") ? u[t] = e : c[t] = e);
   });
-  const e = new a.MarkerClusterGroup(n);
-  return Object.entries(s).forEach(([t, r]) => {
-    const u = `cluster${t.substring(2).toLowerCase()}`;
-    e.on(u, r);
+  const a = typeof i.MarkerClusterGroup < "u", s = a ? new i.MarkerClusterGroup(c) : i.layerGroup();
+  return a && Object.entries(u).forEach(([t, e]) => {
+    const l = `cluster${t.substring(2).toLowerCase()}`;
+    s.on(l, e);
   }), {
-    instance: e,
-    context: { ...c, layerContainer: e }
+    instance: s,
+    context: { ...n, layerContainer: s }
   };
 });
 export {
-  m as MarkerClusterGroup
+  C as MarkerClusterGroup
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLayers.js

@@ -27,16 +27,15 @@ import "../../../../GpsMap/popups/MapPopupDevice/slots/MapPopupDeviceSlots.js";
 import "../../../../../../../formatters/CourseFormatter/slots/CourseFormatterSlots.js";
 import "@m4l/layouts";
 import { GeofencesLayers as t } from "../constants.js";
-import { useGpsMapToolsStore as a } from "../../../hooks/useGpsMapToolsStore/index.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
+import "../subcomponents/GeofenceAddEdit/Form.js";
 import "@m4l/graphics";
+import { useGpsMapToolsStore as a } from "../../../hooks/useGpsMapToolsStore/index.js";
 import { GeofenceFeatureRender as u } from "../subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.js";
 import "../../../contexts/GpsMapToolsContext/GpsMapToolsContext.js";
 import "../../../../../../DeviceStatus/slots/DeviceStatusSlots.js";
 import "../../../../../../Device/hooks/constants.js";
 import "leaflet-polylinedecorator";
-function U() {
+function Q() {
   const { addLayer: m, removeLayer: e } = s((o) => o.mapActions, r), { init: p } = a((o) => o.gpsToolsActions, r);
   i(() => (m({
     layerId: t.LAYER_GEOFENCES,
@@ -55,5 +54,5 @@ function U() {
   }), []);
 }
 export {
-  U as useLayers
+  Q as useLayers
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLoadDrawGeometry.js

@@ -11,7 +11,7 @@ import "clsx";
 import "../../../../GpsMap/slots/styled.js";
 import { useNetwork as F } from "@m4l/core";
 import "../../../../GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapSourcesTool/slots/styled.js";
-import { shallow as p } from "zustand/shallow";
+import { shallow as s } from "zustand/shallow";
 import "../../../../GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.js";
 import "react-hook-form";
 import "../../../../GpsMap/classes/index.js";
@@ -29,27 +29,26 @@ import "../../../../../../DeviceStatus/slots/DeviceStatusSlots.js";
 import "../../../../../../Device/hooks/constants.js";
 import "leaflet-polylinedecorator";
 import "@m4l/layouts";
-import { GeofencesLayers as s } from "../constants.js";
-import { useGpsMapToolsStore as g } from "../../../hooks/useGpsMapToolsStore/index.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
-import { getContrastTextColor as C } from "@m4l/graphics";
+import { GeofencesLayers as p } from "../constants.js";
+import "../subcomponents/GeofenceAddEdit/Form.js";
+import { getContrastTextColor as g } from "@m4l/graphics";
+import { useGpsMapToolsStore as C } from "../../../hooks/useGpsMapToolsStore/index.js";
 import "../../../contexts/GpsMapToolsContext/GpsMapToolsContext.js";
-function ae() {
-  const l = G((o) => o.layersIds.includes(s.LAYER_GEOFENCES), p), [i] = g(
+function pe() {
+  const l = G((o) => o.layersIds.includes(p.LAYER_GEOFENCES), s), [i] = C(
     (o) => [o.geofenceState.checkedGeofences, o.geofenceState.hashGeofences],
-    p
-  ), { setCheckedGeofences: h, setPartialValue: a, getGeofenceById: c } = g(
+    s
+  ), { setCheckedGeofences: h, setPartialValue: a, getGeofenceById: c } = C(
     (o) => o.geofenceActions,
-    p
+    s
   ), { setFeatureData: n, removeFeature: f, getFeatureIds: u } = G(
     (o) => o.mapActions,
-    p
+    s
   ), { networkOperation: d } = F(), { startProgress: E, stopProgress: y } = O();
   return P(() => {
     if (!l)
       return;
-    const o = u(s.LAYER_GEOFENCES);
+    const o = u(p.LAYER_GEOFENCES);
     return i.forEach((r) => {
       const e = c(r);
       if (e && (!o.includes(r) || !e.mustPaintGeometry))
@@ -74,7 +73,7 @@ function ae() {
                 ...t.properties,
                 markerIconLabel: {
                   label: t.name,
-                  color: C(t.properties?.fillColor),
+                  color: g(t.properties?.fillColor),
                   fillColor: t.properties?.fillColor,
                   fillOpacity: t.properties?.fillOpacity
                 }
@@ -88,20 +87,20 @@ function ae() {
             ...e.properties,
             markerIconLabel: {
               label: e.name,
-              color: C(e.properties?.fillColor),
+              color: g(e.properties?.fillColor),
               fillColor: e.properties?.fillColor,
               fillOpacity: e.properties?.fillOpacity
             }
           };
           n(
-            s.LAYER_GEOFENCES,
+            p.LAYER_GEOFENCES,
             r,
             e.geometry,
             m
           ), a(e.id, { mustPaintGeometry: !1 });
         }
     }), o.forEach((r) => {
-      i.has(Number(r)) || f(s.LAYER_GEOFENCES, r);
+      i.has(Number(r)) || f(p.LAYER_GEOFENCES, r);
     }), () => {
     };
   }, [i, u, c, l, d, f, n, a, E, y]), {
@@ -110,5 +109,5 @@ function ae() {
   };
 }
 export {
-  ae as useLoadDrawGeometry
+  pe as useLoadDrawGeometry
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.d.ts

@@ -1,6 +1,6 @@
 import { GeofenceAddEditProps } from './types';
 /**
- * Formulario de adición o edición de una geocerca
+ * Geofence add/edit form.
  */
 export declare function Form(props: GeofenceAddEditProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Form.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAG,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAOrD,OAAO,gCAAgC,CAAC;AAUxC;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,oBAAoB,oDA8C/C"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAG,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA2CrD;;GAEG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,oBAAoB,oDA8C/C"}

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.js

@@ -1,39 +1,48 @@
-import { jsx as e, jsxs as t } from "@emotion/react/jsx-runtime";
-import { RHFormProvider as c, Stepper as l, StepperContent as f, Step as r, Stack as d, StepperFooter as u, StepperFooterLeftActions as S, StepperFooterRightActions as h, StepperPrevButton as b, StepperNextButton as g, StepperSubmitButton as y } from "@m4l/components";
-import { useSubmit as F } from "./hooks/useSubmit.js";
-import "@geoman-io/leaflet-geoman-free";
-import { ConfigData as v } from "./subcomponents/ConfigData/index.js";
-import { GeneralData as x } from "./subcomponents/GeneralData/GeneralData.js";
-import { StyleData as A } from "./subcomponents/StyleData/index.js";
-import D from "./hooks/useForm.js";
-import { MyActionFormCancel as I } from "./subcomponents/MyActionFormCancel/MyActionFormCancel.js";
-import { AssignmentData as C } from "./subcomponents/AssignmentData/index.js";
-import { ChooseAssignmentData as M } from "./subcomponents/ChooseAssignmentData/index.js";
-function V(o) {
-  const { geofenceId: i } = o, { onSubmit: n } = F(o), { steps: m, formValues: s, statusLoad: a, validationSchema: p } = D(o);
-  return /* @__PURE__ */ e(
-    c,
+import { jsx as t, jsxs as o } from "@emotion/react/jsx-runtime";
+import { RHFormProvider as f, Stepper as l, StepperContent as p, Step as n, Stack as d, StepperFooter as u, StepperFooterLeftActions as h, StepperFooterRightActions as S, StepperPrevButton as b, StepperNextButton as g, StepperSubmitButton as y } from "@m4l/components";
+import { useSubmit as v } from "./hooks/useSubmit.js";
+import { ConfigData as C } from "./subcomponents/ConfigData/index.js";
+import { GeneralData as F } from "./subcomponents/GeneralData/GeneralData.js";
+import { StyleData as I } from "./subcomponents/StyleData/index.js";
+import T from "./hooks/useForm.js";
+import { MyActionFormCancel as A } from "./subcomponents/MyActionFormCancel/MyActionFormCancel.js";
+import { AssignmentData as _ } from "./subcomponents/AssignmentData/index.js";
+import { ChooseAssignmentData as x } from "./subcomponents/ChooseAssignmentData/index.js";
+const D = (() => {
+  if (typeof globalThis > "u")
+    return !1;
+  const e = globalThis;
+  if (e.__STORYBOOK_IS_CHROMATIC__ === !0)
+    return !0;
+  const r = e.location?.href ?? "", i = e.location?.hostname ?? "";
+  return /chromatic\.com/i.test(r) || /(^|\.)chromatic\.com$/i.test(i);
+})();
+typeof globalThis < "u" && !D && import("@geoman-io/leaflet-geoman-free");
+function G(e) {
+  const { geofenceId: r } = e, { onSubmit: i } = v(e), { steps: m, formValues: s, statusLoad: a, validationSchema: c } = T(e);
+  return /* @__PURE__ */ t(
+    f,
     {
       statusLoad: a,
-      onSubmit: n,
+      onSubmit: i,
       values: s,
-      validationSchema: p,
-      children: /* @__PURE__ */ t(l, { indicatorType: "dot", storeId: "form-geofence-add-edit", steps: m, orientation: "vertical", visibleTitle: !1, children: [
-        /* @__PURE__ */ t(f, { children: [
-          /* @__PURE__ */ e(r, { stepKey: "basic-information", children: /* @__PURE__ */ t(d, { direction: "column", gap: "8px", children: [
-            /* @__PURE__ */ e(x, {}),
-            /* @__PURE__ */ e(v, {}),
-            /* @__PURE__ */ e(M, {})
+      validationSchema: c,
+      children: /* @__PURE__ */ o(l, { indicatorType: "dot", storeId: "form-geofence-add-edit", steps: m, orientation: "vertical", visibleTitle: !1, children: [
+        /* @__PURE__ */ o(p, { children: [
+          /* @__PURE__ */ t(n, { stepKey: "basic-information", children: /* @__PURE__ */ o(d, { direction: "column", gap: "8px", children: [
+            /* @__PURE__ */ t(F, {}),
+            /* @__PURE__ */ t(C, {}),
+            /* @__PURE__ */ t(x, {})
           ] }) }, "basic-information"),
-          /* @__PURE__ */ e(r, { stepKey: "assignment", children: /* @__PURE__ */ e(C, {}) }, "assignment"),
-          /* @__PURE__ */ e(r, { stepKey: "style-information", children: /* @__PURE__ */ e(A, {}) }, "style-information")
+          /* @__PURE__ */ t(n, { stepKey: "assignment", children: /* @__PURE__ */ t(_, {}) }, "assignment"),
+          /* @__PURE__ */ t(n, { stepKey: "style-information", children: /* @__PURE__ */ t(I, {}) }, "style-information")
         ] }),
-        /* @__PURE__ */ t(u, { children: [
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(I, { geofenceId: i }) }),
-          /* @__PURE__ */ t(h, { children: [
-            /* @__PURE__ */ e(b, { forceIsMobile: !0 }),
-            /* @__PURE__ */ e(g, { forceIsMobile: !0 }),
-            /* @__PURE__ */ e(y, { forceIsMobile: !0 })
+        /* @__PURE__ */ o(u, { children: [
+          /* @__PURE__ */ t(h, { children: /* @__PURE__ */ t(A, { geofenceId: r }) }),
+          /* @__PURE__ */ o(S, { children: [
+            /* @__PURE__ */ t(b, { forceIsMobile: !0 }),
+            /* @__PURE__ */ t(g, { forceIsMobile: !0 }),
+            /* @__PURE__ */ t(y, { forceIsMobile: !0 })
           ] })
         ] })
       ] })
@@ -41,5 +50,5 @@ function V(o) {
   );
 }
 export {
-  V as Form
+  G as Form
 };

package/formatters/CourseFormatter/CourseFormatter.js

@@ -34,11 +34,10 @@ import "../../components/Device/hooks/constants.js";
 import "leaflet-polylinedecorator";
 import { courseToCartesianAngle as T } from "../../components/maps/utils/courseToCartesianAngle.js";
 import "@m4l/layouts";
-import "../../components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
-import "@geoman-io/leaflet-geoman-free";
-import "yup";
+import "../../components/maps/components/GpsMapTools/subcomponents/GeofencesTool/subcomponents/GeofenceAddEdit/Form.js";
 import "@m4l/graphics";
-const io = (o) => {
+import "../../components/maps/components/GpsMapTools/contexts/GpsMapToolsContext/GpsMapToolsContext.js";
+const mo = (o) => {
   const {
     course: t,
     gapAngle: r = g,
@@ -59,5 +58,5 @@ const io = (o) => {
   );
 };
 export {
-  io as CourseFormatter
+  mo as CourseFormatter
 };

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * Esta importación soluciona errores de librerías de terceros.
+ * Barrel
  */
 export * from './components';
 export * from './formatters';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/gclick",
-  "version": "0.3.1-beta.2",
+  "version": "0.3.1",
   "publishConfig": {
     "access": "public"
   },
@@ -41,11 +41,11 @@
     "lodash-es": "^4.17.21",
     "kdbush": "^4.0.2",
     "leaflet-polylinedecorator": "^1.6.0",
-    "@geoman-io/leaflet-geoman-free": "^2.14.2",
-    "yup": "0.32.11",
     "leaflet.markercluster": "^1.5.3",
+    "@geoman-io/leaflet-geoman-free": "^2.14.2",
     "atmosphere.js": "^4.0.0",
     "camelcase-keys": "^9.1.3",
-    "immer": "^9.0.21"
+    "immer": "^9.0.21",
+    "yup": "0.32.11"
   }
 }

package/test/mocks.d.ts

@@ -16,7 +16,7 @@ export declare const mock_useEnvironment: {
     domain_token: string;
 };
 export declare const mockedGraphics: {
-    useFormatter: Mock<() => import('@m4l/graphics').Formatters>;
+    useFormatter: Mock<() => graphics.Formatters>;
 };
 export declare function restoreGraphicsMocked(): void;
 /**
@@ -24,6 +24,6 @@ export declare function restoreGraphicsMocked(): void;
  */
 export declare const coreImplementation: typeof core;
 export declare const graphicsImplementation: {
-    useFormatter: Mock<() => import('@m4l/graphics').Formatters>;
+    useFormatter: Mock<() => graphics.Formatters>;
 };
 //# sourceMappingURL=mocks.d.ts.map

package/utils/getVptUpdatedAtWithGuard.d.ts

@@ -1,5 +1,5 @@
 /**
- * "getVptUpdatedAtWithGuard" obtiene el updatedAt de un vpt con un guardia de fecha por defecto
+ * "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;
 //# sourceMappingURL=getVptUpdatedAtWithGuard.d.ts.map