@m4l/components 3.1.9 → 4.0.0

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useCheckedFeatures-BnfneLdw.js

@@ -0,0 +1,86 @@
+import { useEffect } from "react";
+import { shallow } from "zustand/shallow";
+import { useNetwork } from "@m4l/core";
+import { u as useMapStore } from "../../../../../../Map/hooks/useMapStore/index-Dvztupfk.js";
+import { u as useGpsToolsStore } from "../../../../../hooks/useGpsToolsStore/index-BCw7XNS9.js";
+function useCheckedFeatures(layerId, featuresType, endpoint) {
+  const layersIds = useMapStore((state) => state.layersIds, shallow);
+  const [checkedFeatures, setCheckedFeatures, hashGeofences] = useGpsToolsStore((state) => {
+    return featuresType === "CrossingFeatures" ? [
+      state.geofenceState.checkedCrossingFeatures,
+      state.geofenceActions.setCheckedCrossingFeatures,
+      state.geofenceState.hashGeofences
+    ] : [
+      state.geofenceState.checkedInternalFeatures,
+      state.geofenceActions.setCheckedInternalFeatures,
+      state.geofenceState.hashGeofences
+    ];
+  }, shallow);
+  const { setFeatureData, removeFeature, getFeatureIds } = useMapStore(
+    (state) => state.mapActions,
+    shallow
+  );
+  const { networkOperation } = useNetwork();
+  useEffect(() => {
+    if (!layersIds.includes(layerId)) {
+      return;
+    }
+    const mapFeatureIds = getFeatureIds(layerId);
+    checkedFeatures.forEach((chkRow) => {
+      const geofence = hashGeofences[chkRow];
+      if (!geofence) {
+        return;
+      }
+      if (!mapFeatureIds.find((fId) => fId.toString().includes(`geo_${geofence.id}_fid`)) || !geofence[`hasRenderized${featuresType}`]) {
+        const currentGeofenceLoadedFeatures = geofence[`loaded${featuresType}`];
+        if (!currentGeofenceLoadedFeatures) {
+          networkOperation({
+            method: "GET",
+            endPoint: `geofences/${geofence.id}/${endpoint}`,
+            isRemote: false,
+            responseToCamelCase: true
+          }).then((response) => {
+            geofence[`loaded${featuresType}`] = response.data;
+            const newGeofenceLoadedFeatures = geofence[`loaded${featuresType}`];
+            if (newGeofenceLoadedFeatures && Array.isArray(geofence[`loaded${featuresType}`])) {
+              if (checkedFeatures.has(geofence.id)) {
+                newGeofenceLoadedFeatures.forEach((feature) => {
+                  setFeatureData(
+                    layerId,
+                    `geo_${geofence.id}_fid_${feature.id}`,
+                    feature.geometry,
+                    feature.properties
+                  );
+                });
+                geofence[`hasRenderized${featuresType}`] = true;
+              }
+            }
+          }).catch(() => {
+          });
+        } else {
+          currentGeofenceLoadedFeatures.forEach((feature) => {
+            setFeatureData(
+              layerId,
+              `geo_${geofence.id}_fid_${feature.id}`,
+              feature.geometry,
+              feature.properties
+            );
+          });
+          geofence[`hasRenderized${featuresType}`] = true;
+        }
+      }
+    });
+    mapFeatureIds.forEach((mapFeatureId) => {
+      const featureId = Number(mapFeatureId.toString().split("_")[1]);
+      if (!checkedFeatures.has(featureId)) {
+        removeFeature(layerId, mapFeatureId);
+      }
+    });
+    return () => {
+    };
+  }, [checkedFeatures, layersIds]);
+  return [checkedFeatures, setCheckedFeatures];
+}
+export {
+  useCheckedFeatures as u
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useCheckedGeofences-Bbaxt3cV.js

@@ -0,0 +1,85 @@
+import { useEffect } from "react";
+import { shallow } from "zustand/shallow";
+import { useNetwork } from "@m4l/core";
+import { G as GeofencesFeaturesLayers } from "../../constants-BruLA0T6.js";
+import { u as useMapStore } from "../../../../../../Map/hooks/useMapStore/index-Dvztupfk.js";
+import { u as useGpsToolsStore } from "../../../../../hooks/useGpsToolsStore/index-BCw7XNS9.js";
+function useCheckedGeofences() {
+  const layersIds = useMapStore((state) => state.layersIds, shallow);
+  const [checkedGeofences, hashGeofences] = useGpsToolsStore(
+    (state) => [state.geofenceState.checkedGeofences, state.geofenceState.hashGeofences],
+    shallow
+  );
+  const { setCheckedGeofences, updatePartialGeofence } = useGpsToolsStore(
+    (state) => state.geofenceActions,
+    shallow
+  );
+  const { setFeatureData, removeFeature, getFeatureIds } = useMapStore(
+    (state) => state.mapActions,
+    shallow
+  );
+  const { networkOperation } = useNetwork();
+  useEffect(() => {
+    if (!layersIds.includes(GeofencesFeaturesLayers.LAYER_GEOFENCES)) {
+      return;
+    }
+    const mapFeatureIds = getFeatureIds(GeofencesFeaturesLayers.LAYER_GEOFENCES);
+    checkedGeofences.forEach((chkRow) => {
+      const geofence = hashGeofences[chkRow];
+      if (!geofence) {
+        return;
+      }
+      if (!mapFeatureIds.includes(chkRow) || !geofence.hasRenderizedGeofence) {
+        if (!geofence.geometry) {
+          networkOperation({
+            method: "GET",
+            endPoint: `geofences/${geofence.id}`,
+            isRemote: false,
+            responseToCamelCase: true
+          }).then((response) => {
+            const geoLoaded = {
+              geometry: response.data.geometry,
+              name: response.data.name,
+              properties: response.data.properties,
+              countCrossingFeatures: response.data.countCrossingFeatures,
+              hasRenderizedGeofence: false
+            };
+            if (geoLoaded.geometry) {
+              if (checkedGeofences.has(geofence.id)) {
+                setFeatureData("geofences", chkRow, geoLoaded.geometry, geoLoaded.properties, {
+                  label: geoLoaded.name,
+                  labelColor: geoLoaded.properties?.color
+                });
+                geoLoaded.hasRenderizedGeofence = true;
+              }
+            }
+            updatePartialGeofence(geofence.id, geoLoaded);
+          });
+        } else {
+          setFeatureData(
+            GeofencesFeaturesLayers.LAYER_GEOFENCES,
+            chkRow,
+            geofence.geometry,
+            geofence.properties,
+            { label: geofence.name }
+          );
+          updatePartialGeofence(geofence.id, { hasRenderizedGeofence: true });
+        }
+      }
+    });
+    mapFeatureIds.forEach((mapFeatureId) => {
+      if (!checkedGeofences.has(Number(mapFeatureId))) {
+        removeFeature(GeofencesFeaturesLayers.LAYER_GEOFENCES, mapFeatureId);
+      }
+    });
+    return () => {
+    };
+  }, [checkedGeofences, layersIds]);
+  return {
+    checkedGeofences,
+    setCheckedGeofences
+  };
+}
+export {
+  useCheckedGeofences as u
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useColumns-DpbzLwKJ.js

@@ -0,0 +1,103 @@
+import { useModuleDictionary, useEnvironment } from "@m4l/core";
+import { useMemo } from "react";
+import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../dictionary-BZWDA1RN.js";
+import { C as ColumnIconFormatter } from "../../../../../../../../DataGrid/formatters/ColumnIconFormatter/index-D0TWPMAj.js";
+import { M as MAP_GPSTOOLS_ICONS } from "../../../../../icons-BXKX8nl1.js";
+import { C as ColumnDateFormatter } from "../../../../../../../../DataGrid/formatters/ColumnDateFormatter/index-CKg8CJ6A.js";
+function useColumns(_props) {
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const columns = useMemo(
+    () => [
+      {
+        key: "id",
+        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_ID),
+        type: "number",
+        width: 40,
+        visible: false
+      },
+      {
+        key: "geometry",
+        name: "",
+        type: "string",
+        formatter: ColumnIconFormatter({
+          getIconUrl: (formatterRowProps) => {
+            const { row } = formatterRowProps;
+            let iconUrl;
+            if (row.type.id === "gt_polygon") {
+              iconUrl = MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_POLYGON;
+            } else if (row.type.id === "gt_circle") {
+              iconUrl = MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_CIRCLE;
+            } else {
+              iconUrl = MAP_GPSTOOLS_ICONS.GEOFENCE_TYPE_RECTANGLE;
+            }
+            return {
+              iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${iconUrl}`
+            };
+          }
+        }),
+        width: 30,
+        minWidth: 25
+      },
+      {
+        key: "name",
+        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_NAME),
+        type: "string",
+        width: 220
+      },
+      // {
+      //     key: 'checkedCrossingFeatures',
+      //     name: getLabel(DICCTIONARY.LABEL_VIEW_TRANSIT_FEATURES),
+      //     width: 32,
+      //     type: 'boolean',
+      //     // frozen: true,
+      //     // isDraggable: false,
+      //     formatter: ColumnSetCheckFormatter({
+      //         field: 'CrossingFeatures',
+      //         rowKeyGetter,
+      //         useHook,
+      //     }),
+      //     cellClass: 'rdg-cell-align-center',
+      // },
+      // {
+      //     key: 'checkedInternalFeatures',
+      //     name: getLabel(DICCTIONARY.LABEL_VIEW_INTERNAL_FEATURES),
+      //     width: 32,
+      //     type: 'boolean',
+      //     // isDraggable: false,
+      //     // frozen: true,
+      //     formatter: ColumnSetCheckFormatter({
+      //         field: 'InternalFeatures',
+      //         rowKeyGetter,
+      //         useHook,
+      //     }),
+      //     cellClass: 'rdg-cell-align-center',
+      // },
+      {
+        key: "created_at",
+        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_CREATED_AT),
+        type: "date",
+        formatter: ColumnDateFormatter({
+          presentationType: "datetime",
+          fieldValue: "row.created_at"
+        }),
+        visible: false
+      },
+      {
+        key: "updated_at",
+        name: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_UPDATED_AT),
+        type: "date",
+        formatter: ColumnDateFormatter({
+          presentationType: "datetime",
+          fieldValue: "row.updated_at"
+        }),
+        visible: false
+      }
+    ],
+    [getLabel]
+  );
+  return { columns };
+}
+export {
+  useColumns as u
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useMaster-BJHJ8OSx.js

@@ -0,0 +1,162 @@
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useState, useEffect } from "react";
+import { useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
+import { u as useColumns } from "./useColumns-DpbzLwKJ.js";
+import { u as useRowActionsGetter } from "./useRowActionsGetter-Dt122uHL.js";
+import { u as useCheckedGeofences } from "./useCheckedGeofences-Bbaxt3cV.js";
+import { u as useCheckedFeatures } from "./useCheckedFeatures-BnfneLdw.js";
+import { G as GeofencesFeaturesLayers } from "../../constants-BruLA0T6.js";
+import { shallow } from "zustand/shallow";
+import { G as GeofenceAddEdit } from "../../GeofenceAddEdit/index-CGozDl-s.js";
+import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../dictionary-BZWDA1RN.js";
+import { M as MAP_GPSTOOLS_ICONS } from "../../../../../icons-BXKX8nl1.js";
+import { u as usePopupsStore } from "../../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore/index-DBMhBXk-.js";
+import { u as useGpsToolsStore } from "../../../../../hooks/useGpsToolsStore/index-BCw7XNS9.js";
+function useMaster() {
+  const { getLabel } = useModuleDictionary();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { hidePopup, addPopup } = usePopupsStore((state) => state.popupsActions, shallow);
+  const goToAdd = () => {
+    hidePopup("gpsTools");
+    addPopup({
+      popupId: "geofencesAddEdit",
+      title: getLabel(MAP_GPSTOOLS_DICCTIONARY.ACTION_GEOFENCE_ADD),
+      functionComponent: () => /* @__PURE__ */ jsx(GeofenceAddEdit, {}),
+      //   onMouseDown,
+      defaultPosition: {
+        vertical: { top: 50, bottom: 50 },
+        horizontal: { right: 50, width: 380 }
+        // left:490,top:50,width:360, height:420},
+        // bounds:{top:5, left:5, right:-5, bottom:-5}
+      },
+      iconUrl: `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_ADD}`
+    });
+  };
+  const [checkedGeofences, hashGeofences, initialRows] = useGpsToolsStore(
+    (state) => [
+      state.geofenceState.checkedGeofences,
+      state.geofenceState.hashGeofences,
+      state.geofenceState.rows
+    ],
+    shallow
+  );
+  const { setCheckedGeofences, addGeofence, updatePartialGeofence, updateRows } = useGpsToolsStore(
+    (state) => state.geofenceActions,
+    shallow
+  );
+  useCheckedGeofences();
+  const [checkedCrossingFeatures, setCheckedCrossingFeatures] = useCheckedFeatures(
+    GeofencesFeaturesLayers.LAYER_GEOFENCES_TRANSIT_FEATURES,
+    "CrossingFeatures",
+    "crossing_features"
+  );
+  const [checkedInternalFeatures, setCheckedInternalFeatures] = useCheckedFeatures(
+    GeofencesFeaturesLayers.LAYER_GEOFENCES_INTERNAL_FEATURES,
+    "InternalFeatures",
+    "internal_features"
+  );
+  const rowKeyGetter = useCallback((row) => row.id, []);
+  const [selectedRows, setSelectedRows] = useState(/* @__PURE__ */ new Set());
+  const [backendQueryParams, setBackendQueryParams] = useState({});
+  const { columns } = useColumns();
+  const { pagerState, rows, onPageChange, onRowsPerPageChange, Refresh, setRows } = usePaginate({
+    endPoint: "geofences",
+    fireOnChangeParms: false,
+    fireOnFirstLoad: false,
+    queryParams: backendQueryParams,
+    isRemote: false,
+    responseToCamelCase: true,
+    initialRows
+  });
+  const onSelectedRowsChange = (newRowsSelectSet) => {
+    setSelectedRows(newRowsSelectSet);
+  };
+  const fullRefresh = useCallback((_id) => {
+    Refresh();
+  }, []);
+  useEffect(() => {
+    const newCheckedGeofences = new Set(checkedGeofences);
+    const newCheckedCrossingFeatures = new Set(checkedCrossingFeatures);
+    const newCheckedInternalFeatures = new Set(checkedInternalFeatures);
+    let updatedCheckedGeofences = false;
+    let updatedCheckedCrossingFeatures = false;
+    let updatedCheckedInternalFeatures = false;
+    newCheckedGeofences.forEach((chkRow) => {
+      if (rows.findIndex((row) => row.id === chkRow) === -1) {
+        newCheckedGeofences.delete(chkRow);
+      }
+    });
+    newCheckedCrossingFeatures.forEach((chkTF) => {
+      if (rows.findIndex((row) => row.id === chkTF) === -1) {
+        newCheckedCrossingFeatures.delete(chkTF);
+      }
+    });
+    newCheckedInternalFeatures.forEach((chkIF) => {
+      if (rows.findIndex((row) => row.id === chkIF) === -1) {
+        newCheckedInternalFeatures.delete(chkIF);
+      }
+    });
+    rows.forEach((row) => {
+      let hasGeo = hashGeofences[row.id];
+      if (!hasGeo) {
+        hasGeo = {
+          ...row,
+          hasRenderizedGeofence: false,
+          loadedCrossingFeatures: null,
+          loadedInternalFeatures: null,
+          hasRenderizedCrossingFeatures: false,
+          hasRenderizedInternalFeatures: false,
+          createdAt: row.createdAt
+        };
+        addGeofence(row.id, hasGeo);
+        return;
+      }
+      if (row.updatedAt && row.updatedAt !== hasGeo.updatedAt) {
+        updatePartialGeofence(row.id, {
+          updatedAt: row.updatedAt,
+          geometry: null,
+          hasRenderizedGeofence: false,
+          hasRenderizedCrossingFeatures: false,
+          hasRenderizedInternalFeatures: false,
+          loadedCrossingFeatures: null,
+          loadedInternalFeatures: null
+        });
+        updatedCheckedGeofences = true;
+        updatedCheckedCrossingFeatures = true;
+        updatedCheckedInternalFeatures = true;
+      }
+    });
+    if (newCheckedGeofences.size !== checkedGeofences.size || updatedCheckedGeofences) {
+      setCheckedGeofences(newCheckedGeofences);
+    }
+    if (newCheckedCrossingFeatures.size !== checkedCrossingFeatures.size || updatedCheckedCrossingFeatures) {
+      setCheckedCrossingFeatures(newCheckedCrossingFeatures);
+    }
+    if (newCheckedInternalFeatures.size !== checkedInternalFeatures.size || updatedCheckedInternalFeatures) {
+      setCheckedInternalFeatures(newCheckedInternalFeatures);
+    }
+    onSelectedRowsChange(selectedRows);
+    updateRows(rows);
+  }, [rows]);
+  const { rowActionsGetter } = useRowActionsGetter({ fullRefresh });
+  return {
+    rowKeyGetter,
+    columns,
+    refresh: Refresh,
+    setBackendQueryParams,
+    pagerState,
+    rows,
+    onPageChange,
+    onRowsPerPageChange,
+    rowActionsGetter,
+    selectedRows,
+    onSelectedRowsChange,
+    checkedRows: checkedGeofences,
+    onCheckedRowsChange: setCheckedGeofences,
+    setRows,
+    goToAdd
+  };
+}
+export {
+  useMaster as u
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter-Dt122uHL.js

@@ -0,0 +1,109 @@
+import { jsx } from "react/jsx-runtime";
+import { useNetwork, useModuleDictionary, useModulePrivileges, useEnvironment, useHostTools } from "@m4l/core";
+import { useState, useCallback } from "react";
+import { M as MAP_GPSTOOLS_ICONS } from "../../../../../icons-BXKX8nl1.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../dictionary-BZWDA1RN.js";
+import { shallow } from "zustand/shallow";
+import { G as GeofenceAddEdit } from "../../GeofenceAddEdit/index-CGozDl-s.js";
+import { u as useModal } from "../../../../../../../../../hooks/useModal/index-CvlomTtY.js";
+import { u as usePopupsStore } from "../../../../../../../../popups/components/PopupsProvider/hooks/usePopupsStore/index-DBMhBXk-.js";
+import { u as useGpsToolsStore } from "../../../../../hooks/useGpsToolsStore/index-BCw7XNS9.js";
+import { W as WindowConfirm } from "../../../../../../../../modal/WindowConfirm/index-BDPjUFc8.js";
+function useRowActionsGetter(props) {
+  const { fullRefresh } = props;
+  const { networkOperation } = useNetwork();
+  const { openModal, closeModal } = useModal();
+  const { getLabel } = useModuleDictionary();
+  const { hasPrivilege } = useModulePrivileges();
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const { hidePopup, addPopup } = usePopupsStore((state) => state.popupsActions, shallow);
+  const { removeCheckedGeofence } = useGpsToolsStore((state) => state.geofenceActions, shallow);
+  const { toast } = useHostTools();
+  const isDesktop = useResponsiveDesktop();
+  const [urlIconEdit] = useState(
+    `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_EDIT}`
+  );
+  const [urlIconDelete] = useState(
+    `${host_static_assets}/${environment_assets}/frontend/components/map_gpstools/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_DELETE}`
+  );
+  const goEdit = (objectId, name) => {
+    hidePopup("gpsTools");
+    addPopup({
+      popupId: "geofencesAddEdit",
+      title: getLabel(MAP_GPSTOOLS_DICCTIONARY.ACTION_GEOFENCE_EDIT),
+      editionInfo: `${getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_ID)}:${objectId} - ${name} `,
+      componentProps: { fullRefresh, geofenceId: objectId },
+      functionComponent: GeofenceAddEdit,
+      //   onMouseDown,
+      defaultPosition: {
+        vertical: { top: 50, bottom: 50 },
+        horizontal: { right: 50, width: 380 }
+        // left:490,top:50,width:360, height:420},
+        // bounds:{top:5, left:5, right:-5, bottom:-5}
+      },
+      iconUrl: urlIconEdit
+    });
+    removeCheckedGeofence(objectId);
+  };
+  const onDelete = useCallback(
+    (row) => {
+      openModal({
+        window: /* @__PURE__ */ jsx(
+          WindowConfirm,
+          {
+            title: getLabel(MAP_GPSTOOLS_DICCTIONARY.MODAL_DELETE_GEO_TITLE),
+            msg: getLabel(MAP_GPSTOOLS_DICCTIONARY.MODAL_DELETE_GEO_MESSAGE),
+            onClickIntro: () => onConfirmDelete(row)
+          }
+        ),
+        variant: "delete",
+        initialWidth: 300,
+        initialHeigth: 350
+      });
+    },
+    [getLabel]
+  );
+  const onConfirmDelete = useCallback((row) => {
+    networkOperation({
+      method: "DELETE",
+      endPoint: `geofences/${row.id}`
+    }).then((response) => {
+      toast({ title: response.message }, { type: "success" });
+      fullRefresh();
+    });
+    closeModal();
+  }, []);
+  const rowActionsGetter = useCallback(
+    (row) => {
+      const conditionalItems = [];
+      conditionalItems.push({
+        urlIcon: urlIconEdit,
+        dictionaryId: MAP_GPSTOOLS_DICCTIONARY.ROW_ACTION_GEO_EDIT,
+        onClick: () => {
+          goEdit(row.id, row.name);
+        },
+        // Solo se habilita si intenta editarse a él mismo, o si tiene permisos pero está en un nivel superior al usuario a editar
+        // disabled: !(itsMe || (hasPrivilege(PRIVILEGE_EDIT) && (loggedUserType > row.user_type.id)))
+        disabled: !row.authUserOptions.edit
+      });
+      conditionalItems.push({
+        urlIcon: urlIconDelete,
+        dictionaryId: MAP_GPSTOOLS_DICCTIONARY.ROW_ACTION_GEO_DELETE,
+        onClick: () => {
+          onDelete(row);
+        },
+        variant: "delete",
+        // Solo se habilita si intenta editarse a él mismo, o si tiene permisos pero está en un nivel superior al usuario a editar
+        // disabled: !(itsMe || (hasPrivilege(PRIVILEGE_EDIT) && (loggedUserType > row.user_type.id)))
+        disabled: !row.authUserOptions.edit
+      });
+      return conditionalItems;
+    },
+    [hasPrivilege, goEdit, onDelete, urlIconDelete, urlIconEdit, isDesktop]
+  );
+  return { rowActionsGetter };
+}
+export {
+  useRowActionsGetter as u
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/index-BVN2qC6X.js

@@ -0,0 +1,75 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { F as Filter } from "./subcomponents/Filter/index-C2beZTQp.js";
+import { u as useMaster } from "./hooks/useMaster-BJHJ8OSx.js";
+import { g as gpsToolsClasses } from "../../../../classes/index-oE5Q9Oa0.js";
+import { S as StackGeofenceListRoot } from "./styles-x5ildRoz.js";
+import { useModuleDictionary } from "@m4l/core";
+import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../dictionary-BZWDA1RN.js";
+import { D as DataGrid } from "../../../../../../../DataGrid/index-BYLZs2D_.js";
+import { A as Actions } from "../../../../../../../CommonActions/components/Actions/index-B4L6Y4pL.js";
+import { B as Button } from "../../../../../../../mui_extended/Button/Button-BdusSjEV.js";
+function GeofencesList() {
+  const { getLabel } = useModuleDictionary();
+  const {
+    refresh,
+    setBackendQueryParams,
+    columns,
+    rows,
+    rowActionsGetter,
+    selectedRows,
+    onSelectedRowsChange,
+    pagerState,
+    onPageChange,
+    onRowsPerPageChange,
+    checkedRows,
+    onCheckedRowsChange,
+    setRows,
+    rowKeyGetter,
+    goToAdd
+  } = useMaster();
+  return /* @__PURE__ */ jsxs(
+    StackGeofenceListRoot,
+    {
+      direction: "column",
+      gap: "8px",
+      className: gpsToolsClasses.gpsToolsGeofencesList,
+      children: [
+        /* @__PURE__ */ jsx(Filter, { refresh, setBackendQueryParams }),
+        /* @__PURE__ */ jsx(
+          DataGrid,
+          {
+            id: "geofences",
+            columns,
+            rows,
+            onRowsChange: setRows,
+            checkedRows,
+            onCheckedRowsChange,
+            rowActionsGetter,
+            rowKeyGetter,
+            selectedRows,
+            onSelectedRowsChange,
+            withActions: true,
+            actionsProps: {
+              withPager: true,
+              withLocalFilters: true,
+              pagerOptions: {
+                records: rows.length,
+                totalRecords: pagerState.totalRecords,
+                rowsPerPageOptions: [1, 2, 3, 4, 5, 10, 25],
+                page: pagerState.page,
+                rowsPerPage: pagerState.rowsPerPage,
+                onPageChange,
+                onRowsPerPageChange
+              }
+            }
+          },
+          "list"
+        ),
+        /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Button, { onClick: () => goToAdd(), children: getLabel(MAP_GPSTOOLS_DICCTIONARY.ACTION_GEOFENCE_ADD) }) })
+      ]
+    }
+  );
+}
+export {
+  GeofencesList as G
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/styles-x5ildRoz.js

@@ -0,0 +1,8 @@
+import { styled } from "@mui/material/styles";
+import { S as Stack } from "../../../../../../../mui_extended/Stack/Stack-C79qEBpg.js";
+const StackGeofenceListRoot = styled(Stack)`
+  ${(props) => props.theme.components?.M4LMapGpsToolsGeofencesList?.styleOverrides}
+`;
+export {
+  StackGeofenceListRoot as S
+};

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/subcomponents/Filter/index-C2beZTQp.js

@@ -0,0 +1,49 @@
+import { jsx } from "react/jsx-runtime";
+import { useEnvironment } from "@m4l/core";
+import { M as MAP_GPSTOOLS_DICCTIONARY } from "../../../../../../dictionary-BZWDA1RN.js";
+import { useState } from "react";
+import { c as COMPONENT_MAP_TOOLS_ID } from "../../../../../../constants-BtQVGkL6.js";
+import { M as MAP_GPSTOOLS_ICONS } from "../../../../../../icons-BXKX8nl1.js";
+import { D as DynamicFilter } from "../../../../../../../../../DynamicFilter/DynamicFilter-vZR24GvS.js";
+function Filter(props) {
+  const { refresh, setBackendQueryParams } = props;
+  const { host_static_assets, environment_assets } = useEnvironment();
+  const [initialFilter] = useState(() => {
+    return [];
+  });
+  const onChangeFilter = (_initialFilters, rawFilters) => {
+    setBackendQueryParams({
+      f: rawFilters
+    });
+    refresh();
+  };
+  return /* @__PURE__ */ jsx(
+    DynamicFilter,
+    {
+      withAllField: true,
+      onChangeFilters: onChangeFilter,
+      fields: [
+        {
+          name: "id",
+          dictionaryId: MAP_GPSTOOLS_DICCTIONARY.LABEL_ID,
+          type: "number",
+          multiple: true,
+          presence: "optional",
+          urlIcon: `${host_static_assets}/${environment_assets}/components/${COMPONENT_MAP_TOOLS_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_ID}`
+        },
+        {
+          name: "name",
+          dictionaryId: MAP_GPSTOOLS_DICCTIONARY.LABEL_NAME,
+          type: "string",
+          multiple: true,
+          presence: "optional",
+          urlIcon: `${host_static_assets}/${environment_assets}/components/${COMPONENT_MAP_TOOLS_ID}/assets/icons/${MAP_GPSTOOLS_ICONS.GEOFENCE_NAME}`
+        }
+      ],
+      initialAppliedFilters: initialFilter
+    }
+  );
+}
+export {
+  Filter as F
+};