@m4l/components 0.2.32 → 0.2.34

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface TabAction {
+    id: string;
+    icon?: string | React.ReactElement;
+    component: React.ReactNode;
+    label: string;
+    className?: string;
+}
+export declare function TabsGpsTools(): import("react/jsx-runtime").JSX.Element | null;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/constants.d.ts

@@ -0,0 +1,20 @@
+import { FormAddEditValues } from './types';
+export declare const STROKE_COLOR_DEFAULT = "#aaccaa";
+export declare const STROKE_OPACITY_DEFAULT: {
+    value: number;
+    label: string;
+};
+export declare const STROKE_WHEIGTH_DEFAULT: {
+    value: number;
+    label: string;
+};
+export declare const STROKE_DASH_ARRAY_DEFAULT: {
+    value: string;
+    label: string;
+};
+export declare const FILL_COLOR_DEFAULT = "#aa3000";
+export declare const FILL_OPACITY_DEFAULT: {
+    value: number;
+    label: string;
+};
+export declare const initialValues: FormAddEditValues;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/helpers.d.ts

@@ -0,0 +1,19 @@
+import { GeofenceGeometry, GeofenceGetModel, GeofenceTypeId } from '../model';
+import { FormAddEditValues } from './types';
+import * as L from 'leaflet';
+export declare const getFormStrokeOpacityFromData: (strokeOpacity?: number | undefined) => {
+    value: number;
+    label: string;
+};
+export declare const getFormStrokeWeightFromData: (strokeWeight?: number | undefined) => {
+    value: number;
+    label: string;
+};
+export declare const getFormstrokeDashArrayFromData: (strokeDashArray?: string | undefined) => {
+    value: string;
+    label: string;
+};
+export declare const formatDataEnpoint: (response: {
+    data: GeofenceGetModel;
+}) => FormAddEditValues;
+export declare const getLayerFromGeometry: (geometry: GeofenceGeometry | null, geofenceTypeId: GeofenceTypeId | null, radius: number | null, options?: L.CircleMarkerOptions | L.PolylineOptions | undefined) => L.Circle<any> | L.Polygon<any> | null;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/hooks/useDrawing.d.ts

@@ -0,0 +1,11 @@
+/**
+ * hook Encargado manejar los eventos de dibujo y setear en hook forms values,
+ * los datos asociados a una geocerca
+ * @returns
+ */
+export declare function useDrawing(): {
+    inEdition: boolean;
+    handleDraw: () => void;
+    handleFinish: () => void;
+    geometrTypeIdCached: "gt_polygon" | "gt_circle" | "gt_rectangle" | "gt_multipolygon" | null;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/hooks/useSubmit.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues } from 'react-hook-form';
+import { FormAddEditValues, GeofenceAddEditProps } from '../types';
+export interface UseSubmitProps extends Pick<GeofenceAddEditProps, 'fullRefresh'> {
+    objectId?: number;
+}
+export declare function useSubmit(props: UseSubmitProps): {
+    onSubmit: (data: FormAddEditValues | FieldValues) => Promise<void>;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/hooks/useSumbitErrorsFocus.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Este hook se encarga de hacer focus en el primer campo con error,
+ * se pasa de tab previamente si esta en otro
+ */
+export declare function useSumbitErrorsFocus(): void;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/hooks/useValidation.d.ts

@@ -0,0 +1,22 @@
+import * as Yup from 'yup';
+export declare function useValidation(): {
+    validationSchema: Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        timeMinInSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        timeMinOutSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        geometry: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+        geofenceType: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        timeMinInSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        timeMinOutSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        geometry: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+        geofenceType: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+        timeMinInSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        timeMinOutSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+        name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+        geometry: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+        geofenceType: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    }>>>;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/index.d.ts

@@ -0,0 +1,2 @@
+import type { GeofenceAddEditProps } from './types';
+export declare function GeofenceAddEdit(props: GeofenceAddEditProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/ConfigData/index.d.ts

@@ -0,0 +1 @@
+export declare function ConfigData(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/ConfigData/types.d.ts

@@ -0,0 +1,6 @@
+export interface FormConfigDataValues {
+    alias: string | null;
+    customerId: string | null;
+    timeMinInSeconds: number;
+    timeMinOutSeconds: number;
+}

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/ConfigData/validations.d.ts

@@ -0,0 +1,5 @@
+import { GetLabelType } from '@m4l/core';
+export declare function ConfigDataValidation(getLabel: GetLabelType): {
+    timeMinInSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+    timeMinOutSeconds: import("yup/lib/number").RequiredNumberSchema<number | undefined, import("yup/lib/types").AnyObject>;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/index.d.ts

@@ -0,0 +1 @@
+export declare function GeneralData(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/types.d.ts

@@ -0,0 +1,7 @@
+import { GeofenceTypeItem } from "../../../../../../types";
+import { GeofenceGeometry } from "../../../model";
+export interface FormGeneralDataValues {
+    name: string;
+    geometry: GeofenceGeometry | null;
+    geofenceType: GeofenceTypeItem | null;
+}

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/validations.d.ts

@@ -0,0 +1,6 @@
+import { GetLabelType } from '@m4l/core';
+export declare function GeneralDataValidation(getLabel: GetLabelType): {
+    name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
+    geometry: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+    geofenceType: import("yup/lib/object").RequiredObjectSchema<import("yup/lib/object").ObjectShape, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").ObjectShape> | null>;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts

@@ -0,0 +1,2 @@
+import { MyActionsProps } from './types';
+export declare function MyActions(props: MyActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/types.d.ts

@@ -0,0 +1,2 @@
+import { GeofenceAddEditProps } from "../../types";
+export declare type MyActionsProps = GeofenceAddEditProps;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyTabs/index.d.ts

@@ -0,0 +1 @@
+export declare function MyTabs(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/StyleData/index.d.ts

@@ -0,0 +1 @@
+export declare function StyleData(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/StyleData/subcomponents/FillData/index.d.ts

@@ -0,0 +1 @@
+export declare function FillData(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/StyleData/subcomponents/StrokeData/index.d.ts

@@ -0,0 +1 @@
+export declare function StrokeData(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/StyleData/types.d.ts

@@ -0,0 +1,10 @@
+import { Maybe } from "@m4l/core";
+import { StyleOpacity, StyleDashArray, StyleWheight } from "../../../../../../types";
+export interface FormStyleDataValues {
+    strokeColor?: string;
+    strokeOpacity?: Maybe<StyleOpacity>;
+    strokeWeight?: Maybe<StyleWheight>;
+    strokeDashArray?: Maybe<StyleDashArray>;
+    fillColor?: string;
+    fillOpacity?: Maybe<StyleOpacity>;
+}

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/types.d.ts

@@ -0,0 +1,27 @@
+import { StyleOpacity, StyleDashArray, StyleWheight } from '../../../../types';
+import { GeofenceGetModel } from '../model';
+import { FormConfigDataValues } from './subcomponents/ConfigData/types';
+import { FormGeneralDataValues } from './subcomponents/GeneralData/types';
+import { FormStyleDataValues } from './subcomponents/StyleData/types';
+export declare type ResponseGet = {
+    data: GeofenceGetModel;
+};
+export declare type FormAddEditValues = FormGeneralDataValues & FormConfigDataValues & FormStyleDataValues & {
+    inEdition: boolean;
+    lat?: number | null;
+    lng?: number | null;
+    properties: {
+        radius?: number | null;
+        strokeColor: string;
+        strokeOpacity: StyleOpacity;
+        strokeWeight: StyleWheight;
+        strokeDashArray: StyleDashArray;
+        fillColor: string;
+        fillOpacity: StyleOpacity;
+    };
+};
+export interface GeofenceAddEditProps {
+    geofenceId?: number;
+    fullRefresh?: (id?: number) => void;
+    [key: string]: any;
+}

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useCheckedFeatures.d.ts

@@ -0,0 +1,9 @@
+import { GeofencesFeaturesLayers } from '../../constants';
+/**
+ * Hook encargado de cargar los features y pintarlos cuando los seleccionen
+ * @param layerId
+ * @param featuresType
+ * @param endpoint
+ * @returns
+ */
+export declare function useCheckedFeatures(layerId: GeofencesFeaturesLayers, featuresType: 'CrossingFeatures' | 'InternalFeatures', endpoint: string): [ReadonlySet<number>, (newFeatures: ReadonlySet<number>) => void];

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useCheckedGeofences.d.ts

@@ -0,0 +1,4 @@
+export declare function useCheckedGeofences(): {
+    checkedGeofences: ReadonlySet<number>;
+    setCheckedGeofences: (newGeofences: ReadonlySet<number>) => void;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useColumns.d.ts

@@ -0,0 +1,9 @@
+import { GeofenceListModel } from '../../model';
+import { Column } from 'react-data-grid';
+declare type UseColumnsProps<Row> = {
+    rowKeyGetter: (row: Row) => number;
+};
+export declare function useColumns(props: UseColumnsProps<GeofenceListModel>): {
+    columns: Column<GeofenceListModel, unknown>[];
+};
+export {};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useMaster.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { GeofenceId } from '../../../../../contexts/GpsToolsContext/types';
+import { GeofenceListModel } from '../../model';
+export declare function useMaster(): {
+    rowKeyGetter: (row: GeofenceListModel) => number;
+    columns: import("react-data-grid").Column<GeofenceListModel, unknown>[];
+    refresh: () => void;
+    setBackendQueryParams: import("react").Dispatch<import("react").SetStateAction<Record<string, unknown>>>;
+    pagerState: import("@m4l/core").PagerState;
+    rows: GeofenceListModel[];
+    onPageChange: (newPage: number) => void;
+    onRowsPerPageChange: (newRowsPerPage: number) => void;
+    rowActionsGetter: (row: GeofenceListModel) => [] | import("../../../../../../../..").MenuAction[];
+    selectedRows: ReadonlySet<number>;
+    onSelectedRowsChange: (newRowsSelectSet: ReadonlySet<GeofenceId>) => void;
+    checkedRows: ReadonlySet<number>;
+    onCheckedRowsChange: (newGeofences: ReadonlySet<number>) => void;
+    setRows: import("react").Dispatch<import("react").SetStateAction<GeofenceListModel[]>>;
+    goToAddEdit: () => void;
+};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter.d.ts

@@ -0,0 +1,9 @@
+import { MenuAction } from '../../../../../../../../mui_extended';
+import { GeofenceListModel } from '../../model';
+interface UseRowActionsProps {
+    fullRefresh: (id?: number) => void;
+}
+export declare function useRowActionsGetter(props: UseRowActionsProps): {
+    rowActionsGetter: (row: GeofenceListModel) => MenuAction[] | [];
+};
+export {};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/index.d.ts

@@ -0,0 +1 @@
+export declare function GeofencesList(): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/subcomponents/Filter/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface FilterProps {
+    refresh: () => void;
+    setBackendQueryParams: React.Dispatch<React.SetStateAction<Record<string, unknown>>>;
+}
+export declare function Filter(props: FilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const ENDPOINT_GEOFENCE_GET = "geofences";
+export declare const ENDPOINT_GEOFENCE_NEW_EDIT = "geofences";
+export declare enum GeofencesFeaturesLayers {
+    LAYER_GEOFENCES = "geofences",
+    LAYER_GEOFENCES_TRANSIT_FEATURES = "geofencesCrossingFeatures",
+    LAYER_GEOFENCES_INTERNAL_FEATURES = "geofencesInternalFeatures"
+}

package/components/maps/components/GpsTools/subcomponents/TabsGpsTools/subcomponents/model.d.ts

@@ -0,0 +1,122 @@
+import { GeofenceId } from '../../../contexts/GpsToolsContext/types';
+import type { Feature, GeoJsonProperties, LineString, MultiLineString, MultiPoint, MultiPolygon, Point, Polygon } from '../../../../Map/contexts/MapContext/types';
+/**
+ * @description Tipos de geometría compatibles con las geocercas
+ * @interface GeofenceGeometry
+ */
+export declare type GeofenceGeometry = Point | Polygon | MultiPolygon;
+/**
+ * @description Tipos de geometría Compatibles con las geocercas
+ * @interface CrossingGeometry
+ */
+export declare type CrossingGeometry = Polygon | Point;
+/**
+ * @description Tipos de features de transtio soportados
+ * @interface CrossingFeature
+ */
+export declare type CrossingFeature = Feature<CrossingGeometry>;
+export declare type InternalGeometry = Point | Polygon | MultiPolygon | MultiPoint | LineString | MultiLineString;
+/**
+ * @description Tipos de features de transtio soportados
+ * @interface InternalFeature
+ */
+export declare type InternalFeature = Feature<InternalGeometry>;
+export declare type GeofenceTypeId = 'gt_polygon' | 'gt_circle' | 'gt_rectangle' | 'gt_multipolygon';
+export declare type GeofenceType = {
+    id: GeofenceTypeId;
+    name: string;
+};
+/**
+ * @description Modelo de datos proveniente del endpoint get de geocercas
+ * @interface GeofenceGetModel
+ */
+export interface GeofenceGetModel {
+    /**
+     * id de la geocerca
+     */
+    id: GeofenceId;
+    /**
+     * "name" nombre dado por el cliente a la geocerca
+     */
+    name: string;
+    /**
+     * "active" si está activa o no lo geocerca
+     */
+    active: boolean;
+    /**
+     * "type" tipo de geocerca con idioma
+     */
+    type: GeofenceType;
+    /**
+     * "geometry" geometría de la geocerca compatible con GeoJSON
+     */
+    geometry: GeofenceGeometry;
+    /**
+     * "properties" propiedades de la geometria
+     */
+    properties: GeoJsonProperties;
+    /**
+     * timeMinInSeconds indica el tiempo mínimo para ingresar a una geocerca
+     */
+    timeMinInSeconds: number;
+    /**
+     * timeMinOutSeconds indica el tiempo mínimo para salir de una geocerca
+     */
+    timeMinOutSeconds: number;
+    /**
+     * "countCrossingFeatures" indica si la cantidad de features de cruce
+     */
+    countCrossingFeatures: number;
+    /**
+     * "countInternalFeatures" indica la cantidad de features internos que tiene la geocerca
+     */
+    countInternalFeatures: number;
+    /**
+     * "alias" alias de la geocerca, si no tiene es null y si tiene, es un string unico en todas las geocercas
+     */
+    alias?: string | null;
+    /**
+     * customerId indica el id del cliente al que pertenece la geocerca, si no tiene es null,
+     * si es de un cliente es un string unico en todas las geocercas
+     */
+    customerId?: string | null;
+    createdAt: string;
+    updatedAt: string | null;
+}
+interface AuthUserOptionsType {
+    activation: boolean;
+    delete: boolean;
+    edit: boolean;
+}
+/**
+ * @description Modelo de datos proveniente del endpoint list de geocercas
+ * @interface GeofenceListModel
+ */
+export interface GeofenceListModel extends Omit<GeofenceGetModel, 'geometry'> {
+    /**
+     * "geometry" geometría de la geocerca compatible con GeoJSON
+     */
+    geometry: GeofenceGeometry | null;
+    authUserOptions: AuthUserOptionsType;
+}
+/**
+ * @description Modelo de datos para enviar al endpoint de creacion de geocercas
+ * @interface GeofenceNewModel
+ */
+export interface GeofenceNewModel extends Pick<GeofenceGetModel, 'name' | 'geometry' | 'properties' | 'timeMinInSeconds' | 'timeMinOutSeconds' | 'alias' | 'customerId'> {
+    /**
+     * "type" tipo de geocerca con idioma
+     */
+    typeId: GeofenceTypeId;
+}
+/**
+ * @description Modelo de datos para enviar al endpoint de creacion de geocercas
+ * @interface GeofenceNewModel
+ */
+export interface GeofenceEditModel extends GeofenceNewModel {
+    /**
+     * id de la geocerca
+     */
+    geofenceId: GeofenceId;
+}
+export {};

package/components/maps/components/GpsTools/types.d.ts

@@ -0,0 +1,34 @@
+import { GeofenceTypeId } from "./subcomponents/TabsGpsTools/subcomponents/model";
+/**
+ * Por ahora solo distancia.
+ */
+export declare type MeasureTypeId = 'distance';
+export interface MeasureTypeItem {
+    id: MeasureTypeId;
+    name: string;
+}
+export interface MagnitudeFactorItem {
+    id: string;
+    name: string;
+    symbol: string;
+    factor_x0: number;
+    factor_x1: number;
+    factor_x2: number;
+}
+export interface GeofenceTypeItem {
+    id: GeofenceTypeId;
+    name: string;
+    url: string;
+}
+export interface StyleOpacity {
+    value: number;
+    label: string;
+}
+export interface StyleWheight {
+    value: number;
+    label: string;
+}
+export interface StyleDashArray {
+    value: string;
+    label: string;
+}

package/components/maps/components/Map/Map.d.ts

@@ -0,0 +1,9 @@
+import { MapProps } from './types';
+/**
+ * "Map" componente encargado de renderizar las diferentes capas y brindar diferentes herramientas de usabilidad al usuario.
+ * Se utiliza MapRootContainer que es el estilado del contenedor principal del mapa.
+ * @link https://react-leaflet.js.org/
+ * @param props.gpsTools Herrameitas para gestionar las herramientas de guardian.click
+ * @author Juan Andres Escobar G.
+ */
+export declare function Map(props: MapProps): import("react/jsx-runtime").JSX.Element;

package/components/maps/components/Map/classes/index.d.ts

@@ -0,0 +1,5 @@
+import { MapClasses } from './types';
+import { OwnerState } from '../contexts/MapContext/types';
+export declare const mapClasses: MapClasses;
+export declare const useMapUtilityClasses: (_ownerState: OwnerState) => Record<"disabled" | "root" | "active" | "topLeftToolsRoot" | "topRigthToolsRoot" | "zoomButtons" | "markerLayerRoot" | "markerLayerIcon" | "markerLayerLabel" | "featureLabel" | "meaureToolRoot" | "measureToolFormValue" | "measureToolFormValueDistance" | "measureToolFormValueSymbol" | "measureToolLabel" | "meausureToolLabelDistance" | "meausureToolLabelSymbol" | "measureMarkerRoot" | "measureMarkerContainer" | "measureMarkerContainerRhomb" | "measureMarkerContainerSlot" | "measureMarkerContainerSlotNumber" | "measureLabelMarkerRoot" | "measureLabelMarkerContainer" | "measureLabelMarkerDistance" | "measureLabelMarkerRemove" | "mapSourcesPopoverRoot" | "mapSourcesRoot" | "mapSourcesOption" | "mapSourcesOptionIconLabel" | "mapSourcesOptionRoadOptions" | "mapSourcesOptionRoadOptionsCheck" | "layersPopoverRoot" | "markerLayerLabelInner", string>;
+export declare type Classes = ReturnType<typeof useMapUtilityClasses>;

package/components/maps/components/Map/classes/types.d.ts

@@ -0,0 +1,69 @@
+export interface MapClasses {
+    root: string;
+    /**
+     * Root element for the top left tools
+     */
+    topLeftToolsRoot: string;
+    /**
+     * Root element for the top right tools
+     */
+    topRigthToolsRoot: string;
+    /**
+     * Container de zoom buttons
+     */
+    zoomButtons: string;
+    /**
+     * Root element de las marcas creadas con L.divIcon, esta al mimsmo nivel de leaflet-marker-icon
+     */
+    markerLayerRoot: string;
+    /**
+     * Icono de la marca, sobre este elemento se rota y se escala el contendio de la marca
+     */
+    markerLayerIcon: string;
+    /**
+     * Contenedor de la etiqueta de la marca
+     */
+    markerLayerLabel: string;
+    /**
+     * Contenedor de las etiquetas de las marcas, poligonoes, etc, en general de los features
+     */
+    featureLabel: string;
+    meaureToolRoot: string;
+    measureToolFormValue: string;
+    measureToolFormValueDistance: string;
+    measureToolFormValueSymbol: string;
+    measureToolLabel: string;
+    meausureToolLabelDistance: string;
+    meausureToolLabelSymbol: string;
+    /**
+     * Root element de la marca cread con L.divIcon, esta al mismo nivel de leaflet-marker-icon para denotar las marcas de medición
+     */
+    measureMarkerRoot: string;
+    /**
+     * Contenedor de la marca de medición, que indica el numero y forma el forma el rombo de la marca
+     */
+    measureMarkerContainer: string;
+    measureMarkerContainerRhomb: string;
+    measureMarkerContainerSlot: string;
+    measureMarkerContainerSlotNumber: string;
+    measureLabelMarkerRoot: string;
+    measureLabelMarkerContainer: string;
+    measureLabelMarkerDistance: string;
+    measureLabelMarkerRemove: string;
+    /**
+     * Map sources
+     */
+    mapSourcesPopoverRoot: string;
+    mapSourcesRoot: string;
+    mapSourcesOption: string;
+    mapSourcesOptionIconLabel: string;
+    mapSourcesOptionRoadOptions: string;
+    mapSourcesOptionRoadOptionsCheck: string;
+    /**
+     * Layers
+     */
+    layersPopoverRoot: string;
+    active: string;
+    disabled: string;
+}
+export declare type MapClassesKey = keyof MapClasses;

package/components/maps/components/Map/constants.d.ts

@@ -9,3 +9,27 @@ export declare const MAP_ZINDEX_DEFAULT = 0;
 export declare const MAP_ZINDEX_OVER_LAYERS = 1000;
 export declare const MAP_ZINDEX_OVER_MAP = 1100;
 export declare const TIME_DOUBLE_CLICK = 250;
+export declare const MARKER_COLOR_DEFAULT = "#1E96DC";
+export declare const LABEL_BK_COLOR_DEFAULT = "#1E96DC";
+export declare const LABEL_COLOR_DEFAULT = "#FFFFFF";
+export declare const GPS_TOOLS_POPUP_DEFAULT_POSITION: {
+    vertical: {
+        top: number;
+        bottom: number;
+    };
+    horizontal: {
+        right: number;
+        width: number;
+    };
+};
+export declare const MESURE_POPUP_DEFAULT_POSITION: {
+    vertical: {
+        top: number;
+        height: number;
+    };
+    horizontal: {
+        right: number;
+        width: number;
+    };
+};
+export declare const SVG_ICON_DEFAULT = "<svg viewBox=\"0 0 640 640\" height=\"32\" width=\"32\" xmlns=\"http://www.w3.org/2000/svg\">\n<g>\n    <circle\n        cx=\"320\"\n        cy=\"320\"\n        r=\"280\"\n        fill=\"#1E96DC\"\n    />\n    <text\n        x=\"320\"\n        y=\"320\"\n        font-size=\"320\"\n        font-family=\"sans-serif\"\n        fill=\"#FFFFFF\"\n        text-anchor=\"middle\"\n        alignment-baseline=\"central\"\n        dominant-baseline=\"central\"\n    >P</text>\n</g>\n</svg>";

package/components/maps/components/Map/contexts/MapContext/MapContext.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { MapProviderProps } from './types';
+declare const MapContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").MapStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import("./types").MapStateWithActions | Partial<import("./types").MapStateWithActions> | ((state: import("./types").MapStateWithActions) => import("./types").MapStateWithActions | Partial<import("./types").MapStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import("./types").MapStateWithActions | Partial<import("./types").MapStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").MapStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+}) | null>;
+/**
+ * @description Provedor del contexto de los mapas
+ * Expone el store (MapStore) encargado de gestionar la creación, modificación y borrado de capas.
+ * @param props
+ * @returns
+ */
+declare function MapProvider(props: MapProviderProps): import("react/jsx-runtime").JSX.Element;
+export { MapProvider, MapContext };

package/components/maps/components/Map/contexts/MapContext/helper.d.ts

@@ -0,0 +1,8 @@
+import { WritableDraft } from 'immer/dist/internal';
+import type { MapStateWithActions, LayerStore } from './types';
+export declare const DEFAULT_LAYER: Partial<LayerStore>;
+/**
+ * @description Actualiza la clases basado en owner state
+ * @param state immer State
+ */
+export declare const updateOwnerStateClasses: (state: WritableDraft<MapStateWithActions>) => void;

package/components/maps/components/Map/contexts/MapContext/index.d.ts

@@ -0,0 +1,2 @@
+export { MapProvider, MapContext } from './MapContext';
+export type { RendePropFeatureArgs, ComponentRenderPropFeature, FeatureId, FeatureCollection, Feature, Geometry } from './types';

package/components/maps/components/Map/contexts/MapContext/store.d.ts

@@ -0,0 +1,16 @@
+import type { MapStateWithActions, InitialMapStoreProps } from './types';
+/**
+ * @description Crea el Store, por defecto inicia en estado 'init'
+ * @param initProps propiedades iniciales del store
+ * @returns
+ */
+export declare const createMapStore: (initProps: InitialMapStoreProps) => Omit<Omit<import("zustand").StoreApi<MapStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: MapStateWithActions | Partial<MapStateWithActions> | ((state: MapStateWithActions) => MapStateWithActions | Partial<MapStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: MapStateWithActions | Partial<MapStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<MapStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
+export declare type MapStore = ReturnType<typeof createMapStore>;