@m4l/gclick 0.3.1-beta.0 → 0.3.1-beta.2

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

@@ -1,58 +1,48 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { deepShallow, IconButton } from "@m4l/components";
-import { u as useGpsMapToolsStore } from "../../../hooks/useGpsMapToolsStore/index.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../icons.js";
-import { useEnvironment } from "@m4l/core";
-function useDatagridSelected(props) {
-  const { goAdd, labelAdd, enableAdd } = props;
-  const { environment_assets, host_static_assets } = useEnvironment();
-  const iconAdd = `${environment_assets}/${host_static_assets}/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES_ADD}`;
-  const rows = useGpsMapToolsStore(
-    (state) => {
-      const rowsSelected = [];
-      state.geofenceState.checkedGeofences.forEach((chkRow) => {
-        const geofence = state.geofenceState.hashGeofences[chkRow];
-        if (!geofence) {
-          return [];
-        }
-        rowsSelected.push({
-          id: geofence.id,
-          name: geofence.name,
-          type: geofence.type,
-          timeMinInSeconds: geofence.timeMinInSeconds,
-          timeMinOutSeconds: geofence.timeMinOutSeconds,
-          alias: geofence.alias,
-          customerId: geofence.customerId,
-          createdAt: geofence.createdAt,
-          updatedAt: geofence.updatedAt,
-          authUserOptions: geofence.authUserOptions
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { useMemo as l } from "react";
+import { deepShallow as S, IconButton as A } from "@m4l/components";
+import { useGpsMapToolsStore as h } from "../../../hooks/useGpsMapToolsStore/index.js";
+import { MAP_GPSTOOLS_ICONS as O } from "../../../icons.js";
+import { useEnvironment as M } from "@m4l/core";
+function v(c) {
+  const { goAdd: t, labelAdd: o, enableAdd: n } = c, { environment_assets: d, host_static_assets: a } = M(), s = `${d}/${a}/icons/${O.GEOFENCES_ADD}`, m = h(
+    (r) => {
+      const i = [];
+      return r.geofenceState.checkedGeofences.forEach((u) => {
+        const e = r.geofenceState.hashGeofences[u];
+        e && i.push({
+          id: e.id,
+          name: e.name,
+          type: e.type,
+          timeMinInSeconds: e.timeMinInSeconds,
+          timeMinOutSeconds: e.timeMinOutSeconds,
+          alias: e.alias,
+          customerId: e.customerId,
+          createdAt: e.createdAt,
+          updatedAt: e.updatedAt,
+          authUserOptions: e.authUserOptions
         });
-      }, []);
-      return rowsSelected;
+      }, []), i;
     },
-    deepShallow
-  );
-  const rightActions = useMemo(() => {
-    return /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        variant: "contained",
-        color: "primary",
-        icon: iconAdd,
-        disabled: !enableAdd,
-        tooltip: labelAdd,
-        onClick: () => {
-          goAdd();
-        }
+    S
+  ), p = l(() => /* @__PURE__ */ f(
+    A,
+    {
+      variant: "contained",
+      color: "primary",
+      icon: s,
+      disabled: !n,
+      tooltip: o,
+      onClick: () => {
+        t();
       }
-    );
-  }, [enableAdd, goAdd, labelAdd, iconAdd]);
+    }
+  ), [n, t, o, s]);
   return {
-    rows,
-    rightActions
+    rows: m,
+    rightActions: p
   };
 }
 export {
-  useDatagridSelected as u
+  v as useDatagridSelected
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterAndSort.d.ts

@@ -9,11 +9,12 @@ type UseFilterAndSortProps = {
  * Hook para obtener DynamicFilter and Sort
  */
 export declare function useFilterAndSort(props: UseFilterAndSortProps): {
-    leftActions: import("react/jsx-runtime").JSX.Element;
-    rightActions: import("react/jsx-runtime").JSX.Element;
+    leftActions: import("@emotion/react/jsx-runtime").JSX.Element;
+    rightActions: import("@emotion/react/jsx-runtime").JSX.Element;
     visibleCustomHeader: boolean;
-    customHeaderComponent: import("react/jsx-runtime").JSX.Element;
-    externalFilterSettings: import('@m4l/components/src/components/datagrids/types').FilterSettings | undefined;
-    externalSortSettings: import('@m4l/components/src/components/datagrids/types').SortSettings | undefined;
+    customHeaderComponent: import("@emotion/react/jsx-runtime").JSX.Element;
+    externalFilterSettings: import('../../../../../../../../../../../dist/packages/@m4l/components/components/datagrids/types').FilterSettings | undefined;
+    externalSortSettings: import('../../../../../../../../../../../dist/packages/@m4l/components/components/datagrids/types').SortSettings | undefined;
 };
 export {};
+//# sourceMappingURL=useFilterAndSort.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterAndSort.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterAndSort.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterAndSort.tsx"],"names":[],"mappings":"AASA,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACjE,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AACF;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB;;;;;;;EAmD5D"}

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

@@ -1,57 +1,49 @@
-import { jsx } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { useWindowToolsMF, getRawSortsForNetwork, getRawFiltersForNetwork, useDynamicFilterAndSort, IconButton } from "@m4l/components";
-import { u as useFilterFields } from "./useFilterFields.js";
-import { u as useSortFields } from "./useSortFields.js";
-import { useEnvironment } from "@m4l/core";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../icons.js";
-import { G as GPS_TOOLS_COMPONENT_PATH_ID } from "../../../../constants.js";
-function useFilterAndSort(props) {
-  const { goAdd, setBackendQueryParams, refresh, labelAdd } = props;
-  const filterFields = useFilterFields();
-  const sortFields = useSortFields();
-  const { setCookie, getCookie } = useWindowToolsMF();
-  const { environment_assets, host_static_assets } = useEnvironment();
-  const iconAddUrl = `${host_static_assets}/${environment_assets}/frontend/components/${GPS_TOOLS_COMPONENT_PATH_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES_ADD}`;
-  const onChangeFilterSort = useCallback((params) => {
-    setBackendQueryParams({
-      f: getRawFiltersForNetwork(params.eventFilters?.rawFilters, "snakeCase"),
-      s: getRawSortsForNetwork(params.eventSorts?.rawSorts, "snakeCase")
-    });
-    refresh();
-  }, [refresh, setBackendQueryParams]);
-  const { leftActions, visibleCustomHeader, customHeaderComponent, rightActions, externalFilterSettings, externalSortSettings } = useDynamicFilterAndSort({
+import { jsx as g } from "@emotion/react/jsx-runtime";
+import { useCallback as k } from "react";
+import { useWindowToolsMF as w, getRawSortsForNetwork as O, getRawFiltersForNetwork as h, useDynamicFilterAndSort as v, IconButton as N } from "@m4l/components";
+import { useFilterFields as P } from "./useFilterFields.js";
+import { useSortFields as b } from "./useSortFields.js";
+import { useEnvironment as x } from "@m4l/core";
+import { MAP_GPSTOOLS_ICONS as E } from "../../../../icons.js";
+import { GPS_TOOLS_COMPONENT_PATH_ID as T } from "../../../../constants.js";
+function B(s) {
+  const { goAdd: r, setBackendQueryParams: e, refresh: t, labelAdd: i } = s, n = P(), l = b(), { setCookie: a, getCookie: c } = w(), { environment_assets: m, host_static_assets: d } = x(), f = `${d}/${m}/frontend/components/${T}/assets/icons/${E.GEOFENCES_ADD}`, F = k((o) => {
+    e({
+      f: h(o.eventFilters?.rawFilters, "snakeCase"),
+      s: O(o.eventSorts?.rawSorts, "snakeCase")
+    }), t();
+  }, [t, e]), { leftActions: S, visibleCustomHeader: u, customHeaderComponent: p, rightActions: C, externalFilterSettings: A, externalSortSettings: _ } = v({
     prefixCookie: "geofences_all",
-    onChangeFilterSort,
-    fields: filterFields,
-    sorts: sortFields,
-    withAllField: true,
-    setCookie,
-    getCookie,
-    visibleRefresh: false,
-    rightActions: /* @__PURE__ */ jsx(
-      IconButton,
+    onChangeFilterSort: F,
+    fields: n,
+    sorts: l,
+    withAllField: !0,
+    setCookie: a,
+    getCookie: c,
+    visibleRefresh: !1,
+    rightActions: /* @__PURE__ */ g(
+      N,
       {
         variant: "contained",
         color: "primary",
-        icon: iconAddUrl,
-        disabled: false,
-        tooltip: labelAdd,
+        icon: f,
+        disabled: !1,
+        tooltip: i,
         onClick: () => {
-          goAdd();
+          r();
         }
       }
     )
   });
   return {
-    leftActions,
-    rightActions,
-    visibleCustomHeader,
-    customHeaderComponent,
-    externalFilterSettings,
-    externalSortSettings
+    leftActions: S,
+    rightActions: C,
+    visibleCustomHeader: u,
+    customHeaderComponent: p,
+    externalFilterSettings: A,
+    externalSortSettings: _
   };
 }
 export {
-  useFilterAndSort as u
+  B as useFilterAndSort
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterFields.d.ts

@@ -3,3 +3,4 @@ import { FilterField } from '@m4l/components';
  * Campos de filtro para la geocerca
  */
 export declare function useFilterFields(): FilterField[];
+//# sourceMappingURL=useFilterFields.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterFields.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterFields.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAG,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAM/C;;GAEG;AACH,wBAAgB,eAAe,IAAK,WAAW,EAAE,CA6BhD"}

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useFilterFields.js

@@ -1,32 +1,29 @@
-import { useEnvironment } from "@m4l/core";
-import { useMemo } from "react";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../dictionary.js";
-import { G as GPS_TOOLS_COMPONENT_PATH_ID } from "../../../../constants.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../icons.js";
-function useFilterFields() {
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const useMemoResult = useMemo(() => {
-    return [
-      {
-        name: "id",
-        dictionaryId: MAP_GPSTOOLS_DICCTIONARY.LABEL_ID,
-        type: "number",
-        multiple: true,
-        presence: "optional",
-        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/${GPS_TOOLS_COMPONENT_PATH_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES_ID}`
-      },
-      {
-        name: "name",
-        dictionaryId: MAP_GPSTOOLS_DICCTIONARY.LABEL_NAME,
-        type: "string",
-        multiple: true,
-        presence: "optional",
-        urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/${GPS_TOOLS_COMPONENT_PATH_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES_NAME}`
-      }
-    ];
-  }, [host_static_assets, environment_assets]);
-  return useMemoResult;
+import { useEnvironment as r } from "@m4l/core";
+import { useMemo as i } from "react";
+import { MAP_GPSTOOLS_DICCTIONARY as o } from "../../../../dictionary.js";
+import { GPS_TOOLS_COMPONENT_PATH_ID as n } from "../../../../constants.js";
+import { MAP_GPSTOOLS_ICONS as s } from "../../../../icons.js";
+function l() {
+  const { host_static_assets: e, environment_assets: t } = r();
+  return i(() => [
+    {
+      name: "id",
+      dictionaryId: o.LABEL_ID,
+      type: "number",
+      multiple: !0,
+      presence: "optional",
+      urlIcon: `${e}/${t}/frontend/components/${n}/assets/icons/${s.GEOFENCES_ID}`
+    },
+    {
+      name: "name",
+      dictionaryId: o.LABEL_NAME,
+      type: "string",
+      multiple: !0,
+      presence: "optional",
+      urlIcon: `${e}/${t}/frontend/components/${n}/assets/icons/${s.GEOFENCES_NAME}`
+    }
+  ], [e, t]);
 }
 export {
-  useFilterFields as u
+  l as useFilterFields
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useSortFields.d.ts

@@ -3,3 +3,4 @@ import { SortField } from '@m4l/components';
  * Genera los campos de ordenamiento para el componente DynamicSort
  */
 export declare const useSortFields: () => SortField[];
+//# sourceMappingURL=useSortFields.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useSortFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortFields.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useSortFields.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAS5C;;GAEG;AACH,eAAO,MAAM,aAAa,QACvB,SAAS,EAcX,CAAC"}

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useFilterAndSort/useSortFields.js

@@ -1,20 +1,20 @@
-import { useEnvironment } from "@m4l/core";
-import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../dictionary.js";
-import { M as MAP_GPSTOOLS_ICONS } from "../../../../icons.js";
-import { G as GPS_TOOLS_COMPONENT_PATH_ID } from "../../../../constants.js";
-const useSortFields = () => {
-  const { host_static_assets, environment_assets } = useEnvironment();
+import { useEnvironment as o } from "@m4l/core";
+import { MAP_GPSTOOLS_DICCTIONARY as n } from "../../../../dictionary.js";
+import { MAP_GPSTOOLS_ICONS as r } from "../../../../icons.js";
+import { GPS_TOOLS_COMPONENT_PATH_ID as s } from "../../../../constants.js";
+const a = () => {
+  const { host_static_assets: t, environment_assets: e } = o();
   return [
     {
       name: "name",
       type: "string",
-      dictionaryId: MAP_GPSTOOLS_DICCTIONARY.LABEL_NAME,
+      dictionaryId: n.LABEL_NAME,
       presence: "initialized",
       defaultOperator: "asc",
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/${GPS_TOOLS_COMPONENT_PATH_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCES_NAME}`
+      urlIcon: `${t}/${e}/frontend/components/${s}/assets/icons/${r.GEOFENCES_NAME}`
     }
   ];
 };
 export {
-  useSortFields as u
+  a as useSortFields
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLayers.d.ts

@@ -2,3 +2,4 @@
  * TODO: Documentar
  */
 export declare function useLayers(): void;
+//# sourceMappingURL=useLayers.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLayers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayers.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLayers.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,wBAAgB,SAAS,SAqDxB"}

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

@@ -1,32 +1,59 @@
-import { useEffect } from "react";
-import { shallow } from "zustand/shallow";
-import { u as useGpsMapToolsStore } from "../../../hooks/useGpsMapToolsStore/index.js";
-import { G as GeofencesLayers } from "../constants.js";
-import { G as GeofenceFeatureRender } from "../subcomponents/GeofenceFeatureRender/GeofenceFeatureRender.js";
-import { u as useMapStore } from "../../../../GpsMap/hooks/useMapStore/index.js";
-function useLayers() {
-  const { addLayer, removeLayer } = useMapStore((state) => state.mapActions, shallow);
-  const { init } = useGpsMapToolsStore((state) => state.gpsToolsActions, shallow);
-  useEffect(() => {
-    addLayer({
-      layerId: GeofencesLayers.LAYER_GEOFENCES,
-      name: "Geocercas",
-      renderFeature: GeofenceFeatureRender,
-      geoJsonObject: {
-        object: {
-          type: "FeatureCollection",
-          features: []
-        }
-      },
-      autoFocusAble: true,
-      autoFocus: true
-    });
-    init();
-    return () => {
-      removeLayer(GeofencesLayers.LAYER_GEOFENCES);
-    };
-  }, []);
+import { useEffect as i } from "react";
+import { shallow as r } from "zustand/shallow";
+import "@emotion/react/jsx-runtime";
+import "react-leaflet";
+import { useMapStore as s } from "../../../../GpsMap/hooks/useMapStore/index.js";
+import "leaflet";
+import "@m4l/components";
+import "../../../../GpsMap/external/googleMutant/googleMutant.js";
+import "@googlemaps/js-api-loader";
+import "react-dom";
+import "clsx";
+import "../../../../GpsMap/slots/styled.js";
+import "@m4l/core";
+import "../../../../GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapSourcesTool/slots/styled.js";
+import "../../../../GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MapLayersTool/slots/styled.js";
+import "react-hook-form";
+import "../../../../GpsMap/classes/index.js";
+import "@mui/material";
+import "../../../../GpsMap/subcomponents/Controls/subcomponents/ButtonsToolsList/subcomponents/MeasureTool/slots/styled.js";
+import "../../../../GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/MarkerClusterGroup/index.js";
+import "../../../../GpsMap/subcomponents/Layers/subcomponents/Layer/subcomponents/RenderByEachFeatureComponent/index.js";
+import "lodash-es/debounce";
+import "lodash-es/throttle";
+import "kdbush";
+import "../../../../GpsMap/contexts/MapContext/MapContext.js";
+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 "@m4l/graphics";
+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() {
+  const { addLayer: m, removeLayer: e } = s((o) => o.mapActions, r), { init: p } = a((o) => o.gpsToolsActions, r);
+  i(() => (m({
+    layerId: t.LAYER_GEOFENCES,
+    name: "Geocercas",
+    renderFeature: u,
+    geoJsonObject: {
+      object: {
+        type: "FeatureCollection",
+        features: []
+      }
+    },
+    autoFocusAble: !0,
+    autoFocus: !0
+  }), p(), () => {
+    e(t.LAYER_GEOFENCES);
+  }), []);
 }
 export {
-  useLayers as u
+  U as useLayers
 };

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLoadDrawGeometry.d.ts

@@ -6,3 +6,4 @@ export declare function useLoadDrawGeometry(): {
     checkedGeofences: ReadonlySet<number>;
     setCheckedGeofences: (newGeofences: ReadonlySet<import('../../../contexts/GpsMapToolsContext/types').GeofenceId>) => void;
 };
+//# sourceMappingURL=useLoadDrawGeometry.d.ts.map

package/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLoadDrawGeometry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadDrawGeometry.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../packages/gclick/src/components/maps/components/GpsMapTools/subcomponents/GeofencesTool/hooks/useLoadDrawGeometry.tsx"],"names":[],"mappings":"AASA;;;GAGG;AACH,wBAAgB,mBAAmB;;;EAmHlC"}