@m4l/components 0.2.14 → 0.2.16

package/components/formatters/BooleanFormatter/{index.5ed55bda.js → index.b21353a5.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
+import { I as Icon } from "../../Icon/index.282c5b58.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.4426a315.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.7b216229.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;
@@ -26,6 +26,7 @@ function BooleanFormatter(props) {
   const final_value = value ?? false;
   const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
   const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
+  console.log("srcCheckTrue", srcCheckTrue);
   const memoComponent = useMemo(() => {
     if (presentationType === "string_yes_no") {
       return /* @__PURE__ */ jsx(Component, {

package/components/formatters/{index.4426a315.js → index.7b216229.js}

@@ -1,13 +1,9 @@
+import { generateUtilityClasses, styled } from "@mui/material";
+import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import "react";
-import "../Icon/index.e215d0f0.js";
-import { generateUtilityClasses, styled } from "@mui/material";
-import "clsx";
-import "@m4l/graphics";
-import "@mui/base";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.5ed55bda.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.b21353a5.js";
 const COMPONENT_CLASS_NAME = "M4LFormatter";
 const formatterClasses = generateUtilityClasses(COMPONENT_CLASS_NAME, [
   "root",

package/components/hook-form/HelperError/index.66bbcac3.js

@@ -0,0 +1,30 @@
+import { useFormContext, useController } from "react-hook-form";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { jsx } from "react/jsx-runtime";
+function HelperError(props) {
+  const {
+    name
+  } = props;
+  const {
+    control
+  } = useFormContext();
+  const {
+    fieldState
+  } = useController({
+    name,
+    control,
+    rules: {
+      required: true
+    }
+  });
+  if (fieldState?.error?.message) {
+    return /* @__PURE__ */ jsx(HelperText, {
+      variant: "error",
+      message: fieldState?.error?.message
+    });
+  }
+  return null;
+}
+export {
+  HelperError as H
+};

package/components/hook-form/RHFAutocomplete/{index.01a8f57e.js → index.210ee73f.js}

@@ -1,32 +1,16 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.d684bdf2.js";
+import { styled } from "@mui/material/styles";
+import { I as Image } from "../../Image/index.8915f577.js";
 import { useMemo, useRef, useState, useEffect } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../Icon/index.e215d0f0.js";
-import "clsx";
-import { useResponsiveDesktop } from "@m4l/graphics";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { I as IconButton } from "../../mui_extended/IconButton/index.5afe56b7.js";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../mui_extended/Button/index.0f2552ed.js";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
-import { styled } from "@mui/material/styles";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
 import { unstable_composeClasses } from "@mui/base";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a719445f.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -295,6 +279,7 @@ function RHFAutocomplete(props) {
             inputValue,
             clearOnBlur: false,
             PopperComponent: (props2) => {
+              console.log("Autocomplete open Popover");
               return /* @__PURE__ */ jsx(Popper, {
                 ...props2,
                 className: classes.popper,

package/components/hook-form/RHFAutocompleteAsync/{index.df1d5bca.js → index.e5935f63.js}

@@ -5,8 +5,8 @@ import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.01a8f57e.js";
 import { jsx } from "react/jsx-runtime";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.210ee73f.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.23fc4851.js → index.a38715e3.js}

@@ -2,31 +2,11 @@ import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "react";
-import "@m4l/core";
-import "../../Icon/index.e215d0f0.js";
-import "clsx";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../mui_extended/Button/index.0f2552ed.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.e662d20c.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFColorPicker/{index.c7695748.js → index.bcc1eced.js}

@@ -1,33 +1,17 @@
 import { useState } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import { B as Button } from "../../mui_extended/Button/index.0f2552ed.js";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.79f5ed2f.js";
+import { S as SketchPicker } from "../../../node_modules.bb836860.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skeleton$1 } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "clsx";
-import "@m4l/graphics";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import "../../mui_extended/Typography/index.443590d6.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import { P as Popover } from "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
+import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { B as Button } from "../../mui_extended/Button/index.5c68764a.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.984b803f.js → index.fa80a8cb.js}

@@ -2,32 +2,16 @@ import { useFormContext, Controller } from "react-hook-form";
 import { DateTimePicker } from "@mui/x-date-pickers";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
+import { styled } from "@mui/material/styles";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { useState, useEffect } from "react";
+import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
-import { I as Icon } from "../../Icon/index.e215d0f0.js";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "@mui/material/Button";
-import "../../mui_extended/Button/index.0f2552ed.js";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "../../Image/index.d684bdf2.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
-import { styled } from "@mui/material/styles";
-import { unstable_composeClasses } from "@mui/base";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { I as Icon } from "../../Icon/index.282c5b58.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFHelperError/index.d.ts

@@ -0,0 +1,4 @@
+export declare type HelperErrorProps = {
+    name: string;
+};
+export declare function HelperError(props: HelperErrorProps): import("react/jsx-runtime").JSX.Element | null;

package/components/hook-form/RHFPeriod/{index.1852e7d3.js → index.d320e56f.js}

@@ -1,9 +1,9 @@
 import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
-import { P as Period } from "../../Period/index.3bd05e05.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { P as Period } from "../../Period/index.8e118051.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({
@@ -55,6 +55,7 @@ const RHFPeriod = (props) => {
         error
       }
     }) => {
+      console.log("value RHFPeriod", value);
       return /* @__PURE__ */ jsxs(RHFPeriodRoot, {
         className: classes.root,
         children: [/* @__PURE__ */ jsx(Period, {

package/components/hook-form/RHFRadioGroup/{index.3b17819b.js → index.1ddb3d93.js}

@@ -24,7 +24,7 @@ function RHFRadioGroup({
         ...field,
         row: true,
         ...other,
-        children: options.map((option, _index) => /* @__PURE__ */ jsx(FormControlLabel, {
+        children: options.map((option) => /* @__PURE__ */ jsx(FormControlLabel, {
           defaultValue: field.value,
           value: getOptionValue(option),
           control: /* @__PURE__ */ jsx(Radio, {}),

package/components/hook-form/RHFTextField/{index.1167879e.js → index.ab689d7d.js}

@@ -1,18 +1,16 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.5afe56b7.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.a719445f.js";
+import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.e215d0f0.js";
-import "clsx";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.9ad3909a.js";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
+import { useResponsiveDesktop } from "@m4l/graphics";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.49edcb02.js → index.e251c9b6.js}

@@ -2,33 +2,16 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.d684bdf2.js";
+import { I as Image } from "../../Image/index.8915f577.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { B as Button } from "../../mui_extended/Button/index.0f2552ed.js";
-import { T as Typography } from "../../mui_extended/Typography/index.443590d6.js";
-import { H as HelperText } from "../../HelperText/index.918bba47.js";
-import "clsx";
-import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import "@mui/material/Button";
-import "../../Icon/index.e215d0f0.js";
-import "@m4l/graphics";
-import "../../mui_extended/IconButton/index.5afe56b7.js";
-import "../../mui_extended/Accordion/index.3087f40e.js";
-import "../../mui_extended/Avatar/index.75e6ed57.js";
-import "react-router-dom";
-import "../../mui_extended/CheckBox.38abccd8.js";
-import "../../mui_extended/Badge/index.b09524fe.js";
-import "@mui/lab";
-import "../../mui_extended/MenuActions/index.cc54c35c.js";
-import "../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../mui_extended/Stack/index.0e53197c.js";
-import "../../mui_extended/Tab/index.ae9ea641.js";
-import "../../mui_extended/Pager/index.5fbbefe2.js";
-import "../../mui_extended/Tooltip/index.5a795dcd.js";
+import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
+import { B as Button } from "../../mui_extended/Button/index.5c68764a.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
 }) => ({

package/components/index.d.ts

@@ -16,7 +16,7 @@ export * from './DynamicFilter/index';
 export * from './HelperText';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';
-export * from './DraggableWindow';
+export * from './DragResizeWindow';
 export * from './GridLayout';
 export * from './PrintingSystem';
 export * from './Icon';
@@ -24,6 +24,7 @@ export * from './LanguagePopover';
 export * from './LinearProgressIndeterminate';
 export * from './Image/Image';
 export * from './Loadable';
+export * from './maps';
 export * from './modal';
 export * from './LoadingError';
 export * from './MFLoader';

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

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

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

@@ -0,0 +1,4 @@
+import { MapToolsClasses } from './types';
+export declare const mapToolsClasses: MapToolsClasses;
+export declare const useUtilityClasses: () => Record<"root" | "tabToolsRoot" | "tabContentRoot" | "toolGeofences" | "toolGeofencesList" | "toolGeofencesAddEdit" | "toolGeofencesAddEditGeneral" | "toolGeofencesAddEditStyle" | "toolMeasure" | "toolMeasureFormValue" | "toolMeasureFormValueDistance" | "toolMeasureFormValueSymbol" | "toolMeausureLabel" | "toolMeausureLabelDistance" | "toolMeausureLabelSymbol", string>;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -0,0 +1,20 @@
+export interface MapToolsClasses {
+    root: string;
+    tabToolsRoot: string;
+    tabContentRoot: string;
+    toolGeofences: string;
+    toolGeofencesList: string;
+    toolGeofencesAddEdit: string;
+    toolGeofencesAddEditGeneral: string;
+    toolGeofencesAddEditStyle: string;
+    toolMeasure: string;
+    toolMeasureFormValue: string;
+    toolMeasureFormValueDistance: string;
+    toolMeasureFormValueSymbol: string;
+    toolMeausureLabel: string;
+    toolMeausureLabelDistance: string;
+    toolMeausureLabelSymbol: string;
+    visible: string;
+    hidden: string;
+}
+export declare type MapToolsClassesKey = keyof MapToolsClasses;

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

@@ -0,0 +1,8 @@
+import { StyleOpacity, StyleDashArray, StyleWheight } from "./types";
+export declare const COMPONENT_TEST_ID = "M4LGpsTools";
+export declare const COMPONENT_CLASS_NAME = "M4LGpsTools";
+export declare const COOKIE_MAP_GEO_FILTER = "filter_map_geo";
+export declare const COMPONENT_MAP_TOOLS_ID = "gps_tools";
+export declare const STYLE_OPACITIES: StyleOpacity[];
+export declare const STYLE_WHEIGHTS: StyleWheight[];
+export declare const STYLE_PATTERNS: StyleDashArray[];

package/components/maps/components/GpsTools/contexts/GpsToolsContext/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { MapGpsToolsProviderProps } from './types';
+declare const GpsToolsContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").GpsToolsStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions> | ((state: import("./types").GpsToolsStateWithActions) => import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: import("./types").GpsToolsStateWithActions | Partial<import("./types").GpsToolsStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").GpsToolsStateWithActions>) => 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 GpsToolsProvider(props: MapGpsToolsProviderProps): import("react/jsx-runtime").JSX.Element;
+export { GpsToolsProvider, GpsToolsContext };

package/components/maps/components/GpsTools/contexts/GpsToolsContext/store.d.ts

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

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

@@ -0,0 +1,173 @@
+import { GetLabelType } from '@m4l/core';
+import { ReactNode } from 'react';
+import { FeatureId } from '../../../Map';
+import { CrossingFeature, GeofenceListModel, InternalFeature } from '../../subcomponents/TabTools/subcomponents/GeofencesTool/model';
+export declare type GpsToolsStatus = 'init' | 'ready';
+export declare type CurrentTabTool = 'geofences' | 'measure';
+export interface GeofenceFeature extends Pick<GeofenceListModel, 'id' | 'name' | 'type' | 'geometry' | 'properties' | 'createdAt' | 'updatedAt' | 'countCrossingFeatures' | 'countInternalFeatures' | 'timeMinInSeconds' | 'timeMinOutSeconds' | 'alias' | 'customerId'> {
+    hasRenderizedGeofence: boolean;
+    /**
+     * "renderizedCrossingFeatures" indica si está renderizado los features de cruce
+     */
+    hasRenderizedCrossingFeatures: boolean;
+    /**
+     * "loadedCrossingFeatures" features cargados, mas no necesariamente visibles (incremental)
+     */
+    loadedCrossingFeatures: CrossingFeature[] | null;
+    /**
+     * "loadedInternalFeatures" features internos cargados, mas no necesariamente visibles (incremental)
+     */
+    loadedInternalFeatures: InternalFeature[] | null;
+    /**
+     * "renderizedInternalFeatures" indica si está renderizado los features internos
+     */
+    hasRenderizedInternalFeatures: boolean;
+}
+export declare type OwnerState = {
+    status: GpsToolsStatus;
+    /**
+     *  "isMobile" cuando el navegador está en modo celular
+     */
+    isMobile: boolean;
+    /**
+     *  "isSkeleton" indica si el componente está en skeleton.
+     */
+    isSkeleton: boolean;
+    /**
+     * focus: Estado de selección asignado por el usuario.
+     *
+     */
+    focus: boolean;
+};
+/**
+ * @type
+ * @name ExternalOwnerState
+ * @description Estados que se actulizan por fuera del store, a través de hooks
+ */
+export declare type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
+export declare type CurrentGeofenceTool = 'list' | 'add_edit';
+/**
+ * @description Tipo de dato del Id de la geocerca
+ * @interface GeofenceId
+ */
+export interface GeofenceState {
+    /**
+     * "geofenceId" indica el id de la geocerca en edición
+     */
+    geofenceId?: GeofenceId;
+    rows: GeofenceListModel[];
+    /**
+     * "currentGeofenceTool" indica la herramienta de geocercas en uso
+     */
+    currentGeofenceTool: CurrentGeofenceTool;
+    /**
+     * "checkedGeofences" indica las geocercas visibles en el mapa
+     */
+    checkedGeofences: ReadonlySet<GeofenceId>;
+    /**
+     * "hashGeofences" Almacena las geocercas que se han cargado alguna vez, no necesariamente visibles
+     */
+    hashGeofences: Record<FeatureId, GeofenceFeature>;
+    /**
+     * "checkedCrossingFeatures" indica los crossing features visibles en el mapa
+     */
+    checkedCrossingFeatures: ReadonlySet<GeofenceId>;
+    /**
+     * "checkedInternalFeatures" indica los features internos visibles en el mapa
+     */
+    checkedInternalFeatures: ReadonlySet<GeofenceId>;
+}
+/**
+ * @description Tipo de dato del Id de la geocerca
+ * @interface GeofenceId
+ */
+export declare type GeofenceId = number;
+/**
+ * @interface
+ * @description Interface que define el estado del componente (variables y funciones )
+ */
+export interface GpsToolsState {
+    ownerState: OwnerState;
+    /**
+     * "currentTabTool" indica la pestaña actual en uso
+     */
+    currentTabTool: CurrentTabTool;
+    /**
+     * "geofenceState" manejo del estado lo relacionado con geocercas
+     */
+    geofenceState: GeofenceState;
+    /**
+     *  "getLabel" funcion que usará para traducir las etiquetas de diccionario
+     */
+    getLabel: GetLabelType;
+}
+export interface GpsToolsStateWithActions extends GpsToolsState {
+    gpsToolsActions: {
+        /**
+         * @description
+         */
+        init(): void;
+        /**
+         * @description Cambia el estado del las herramientas de gps
+         */
+        setGpsToolsState: (state: GpsToolsStatus) => void;
+        /**
+         * @description Actualiza la variable de estado "getLabel"
+         * @param newHandler handle o función que va a traducir las etiquetas, esto es necesario debido que getLabel de useModuleDictionary
+         * cambia por el useCallback, cuando el diccionario se carga.
+         * @returns void
+         */
+        setHandlerGetLabel: (newHandler: GetLabelType) => void;
+        /**
+         * @description Modifica los estados que se actualizan externamente al Store
+         * @param newIsMobile
+         * @returns
+         */
+        setExternalState: (newExternalState: ExternalOwnerState) => void;
+        /**
+         * @description Modifica los estados que se actualizan externamente al Store
+         * @param newIsMobile
+         * @returns
+         */
+        setCurrentTabTool: (newTabTool: CurrentTabTool) => void;
+    };
+    geofenceActions: {
+        /**
+         * @description Cambia la vista de la del modulo add/edit geocercas
+        */
+        goToAddEdit: (geofenceId?: GeofenceId) => void;
+        /**
+         * @description Cambia la vista de la del modulo add/edit geocercas
+        */
+        goToList: (geofenceId?: GeofenceId) => void;
+        /**
+         * @description Agrega una geocerca al store
+        */
+        addGeofence: (geofenceId: GeofenceId, geofence: GeofenceFeature) => void;
+        /**
+         * @description Actualizar parcialmente una geocerca
+        */
+        updatePartialGeofence: (geofenceId: GeofenceId, geofence: Partial<GeofenceFeature>) => void;
+        /**
+         * @description Actualizar la filas que son mostradas en el grid de geocercas
+        */
+        updateRows: (newRows: GeofenceListModel[]) => void;
+        /**
+         * @description Cambia el set de chequeo de las geocercas
+         */
+        setCheckedGeofences: (newGeofences: ReadonlySet<GeofenceId>) => void;
+        /**
+         * @description Cambia el set de chequeo de los crossing features
+         */
+        setCheckedCrossingFeatures: (newFeatures: ReadonlySet<GeofenceId>) => void;
+        /**
+         * @description Cambia el set de chequeo de los internal features
+         */
+        setCheckedInternalFeatures: (newFeatures: ReadonlySet<GeofenceId>) => void;
+    };
+}
+export declare type DefaultMapGpsToolsStoreProps = Omit<GpsToolsState, 'currentLayer'>;
+export declare type InitialMapGpsToolsStoreProps = Pick<GpsToolsState, 'getLabel' | 'ownerState'> & Partial<DefaultMapGpsToolsStoreProps>;
+export interface MapGpsToolsProviderProps {
+    children: ReactNode;
+}

package/components/maps/components/GpsTools/hooks/useGpsToolsStore/index.d.ts

@@ -0,0 +1,2 @@
+import { GpsToolsStateWithActions } from '../../contexts/GpsToolsContext/types';
+export declare function useGpsToolsStore<T>(selector: (state: GpsToolsStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/components/maps/components/GpsTools/hooks/useLayers/index.d.ts

@@ -0,0 +1 @@
+export declare function useLayers(): void;

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

@@ -0,0 +1,15 @@
+export declare const icons: {
+    GEOMETRY_CIRCLE: string;
+    GEOMETRY_RECTANGLE: string;
+    GEOMETRY_POLYGON: string;
+    ADD: string;
+    MEASURE: string;
+    GENERAL: string;
+    CONFIG: string;
+    STROKE: string;
+    FILL: string;
+    EDIT: string;
+    DELETE: string;
+    ACTIVE: string;
+    NAME: string;
+};