@m4l/components 0.2.32 → 0.2.34

package/components/hook-form/RHFAutocomplete/{index.3592430b.js → index.1f2afb6b.js}

@@ -1,17 +1,18 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
-import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
-import { I as Image } from "../../Image/index.6aa1ae49.js";
-import { useMemo, useRef, useState, useEffect } from "react";
+import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, Chip } from "@mui/material";
+import { I as Image } from "../../Image/index.b799c514.js";
+import { useMemo, useRef, useState, useEffect, createElement } from "react";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 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 { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
-import { I as IconButton } from "../../mui_extended/IconButton/index.d8bdadaa.js";
+import { useFormFocus } from "../../../index.js";
+import { F as FieldLabel } from "../../FieldLabel/index.0412576c.js";
+import { C as CircularProgress } from "../../mui_extended/CircularProgress/index.ad569afd.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f8a3021b.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -123,21 +124,23 @@ generateUtilityClasses(componentName, [
   "sizeSmall",
   "sizeMedium",
   "isFocus",
-  "isTabSelected"
+  "isTabSelected",
+  "chip"
 ]);
 function getRHFAutocompleteClassesUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.isFocus && "isFocus", ownerState.isTabSelected && "isTabSelected", ownerState.disabled && "isDisabled", ownerState.semantics === "info" && "variantInfo", ownerState.semantics === "success" && "variantSuccess", ownerState.semantics === "warning" && "variantWarning", ownerState.semantics === "error" && "variantError", ownerState.imageWidthDefined && "imageWidthDefined"],
+    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.isFocus && "isFocus", ownerState.isTabSelected && "isTabSelected", ownerState.disabled && "isDisabled", ownerState.semantics === "info" && "variantInfo", ownerState.semantics === "success" && "variantSuccess", ownerState.semantics === "warning" && "variantWarning", ownerState.semantics === "error" && "variantError", ownerState.imageWidthDefined && "imageWidthDefined", ownerState.multiple && "multiple"],
     withImage: ["withImage"],
     skeleton: ["skeleton"],
     label: ["label"],
     popper: ["popper", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.imageWidthDefined && "imageWidthDefined"],
     skeletonRoot: ["skeletonRoot"],
     skeletonContainerText: ["SkeletonContainerText"],
-    iconDown: ["iconDown"]
+    iconDown: ["iconDown"],
+    chip: ["chip", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium"]
   };
   const composedClasses = unstable_composeClasses(slots, getRHFAutocompleteClassesUtilityClass, {});
   return {
@@ -163,17 +166,16 @@ function RHFAutocomplete(props) {
     size = "small",
     onChangeFilterParmsLocal,
     imageWidth,
+    imageHeight,
     mandatory,
     mandatoryMessage,
+    multiple,
     ...other
   } = props;
   const {
     getLabel
   } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
-  console.log("RHFAutocomplete mandatory", mandatory);
-  console.log("RHFAutocomplete mandatoryMessage", mandatoryMessage);
-  console.log("RHFAutocomplete label", label);
   const withImage = useMemo(() => getOptionUrlImage !== void 0, [getOptionUrlImage]);
   const {
     host_static_assets,
@@ -239,10 +241,10 @@ function RHFAutocomplete(props) {
     isTabSelected: !isSkeleton ? isTabSelected : false,
     semantics: currentVariant,
     disabled,
-    imageWidthDefined: imageWidth ? true : false
+    imageWidthDefined: Boolean(imageWidth),
+    multiple: Boolean(multiple)
   };
   const classes = useUtilityClasses(ownerState);
-  console.log("classes ***", classes);
   const theme = useTheme();
   return /* @__PURE__ */ jsx(AutocompleteRoot, {
     className: classes.root,
@@ -270,8 +272,8 @@ function RHFAutocomplete(props) {
           if (!open && value === null && inputValue !== "") {
             setInputValue("");
           }
-          if (!open && value !== null && options.length === 0 && onChangeFilterParmsLocal) {
-            onChangeFilterParmsLocal(getOptionLabelLocal(value), "reset");
+          if (!open && value !== null && options.length === 0) {
+            onChangeFilterParmsLocal?.(getOptionLabelLocal(value), "reset");
           }
         }, [value]);
         const checkKeyDown = (e) => {
@@ -286,8 +288,10 @@ function RHFAutocomplete(props) {
             mandatoryMessage,
             helperMessage
           }), /* @__PURE__ */ jsx(Autocomplete, {
-            onKeyDown: checkKeyDown,
             autoComplete: true,
+            disableClearable: true,
+            multiple,
+            onKeyDown: checkKeyDown,
             size,
             ref: autocompleteRef,
             autoSelect: false,
@@ -295,9 +299,9 @@ function RHFAutocomplete(props) {
             getOptionLabel: getOptionLabelLocal,
             inputValue,
             clearOnBlur: false,
-            PopperComponent: (props2) => {
+            PopperComponent: (popperProps) => {
               return /* @__PURE__ */ jsx(Popper, {
-                ...props2,
+                ...popperProps,
                 className: classes.popper,
                 placement: "bottom-start",
                 placeholder: void 0,
@@ -316,18 +320,22 @@ function RHFAutocomplete(props) {
                 if (onChangeFilterParmsLocal) {
                   onChangeFilterParmsLocal(newValue, reason);
                 }
+              } else {
+                onChange(null);
               }
-              onChange(null);
             },
             isOptionEqualToValue: isOptionEqualToValueLocal,
-            disableClearable: true,
-            value: value || null,
+            value: Array.isArray(value) ? value : multiple ? value ? [value] : [] : value || null,
             onOpen: onOpenLocal,
             onClose: onCloseLocal,
             open,
-            onChange: (_e, val) => {
-              setInputValue(getOptionLabelLocal(val));
-              onChange(val);
+            onChange: (_e, newValue) => {
+              if (!multiple && !Array.isArray(newValue)) {
+                setInputValue(getOptionLabelLocal(newValue));
+              } else {
+                setInputValue("");
+              }
+              onChange(Array.isArray(newValue) ? [...newValue] : newValue);
             },
             filterOptions: onChangeFilterParmsLocal ? (x) => x : void 0,
             loading,
@@ -342,6 +350,7 @@ function RHFAutocomplete(props) {
               return /* @__PURE__ */ jsx(TextField, {
                 ...params,
                 InputLabelProps: {
+                  ...params.InputLabelProps,
                   shrink: true
                 },
                 fullWidth: true,
@@ -351,29 +360,53 @@ function RHFAutocomplete(props) {
                 },
                 InputProps: {
                   ...params.InputProps,
-                  startAdornment: withImage && value ? /* @__PURE__ */ jsx(Image, {
-                    src: getOptionUrlImageLocal(value),
-                    width: imageWidth,
-                    height: "100%"
-                  }, "ImageTextField") : null,
-                  endAdornment: /* @__PURE__ */ jsx(Fragment, {
-                    children: loading ? /* @__PURE__ */ jsx(CircularProgress, {
-                      color: "inherit",
-                      size: 20
-                    }) : /* @__PURE__ */ jsx(IconButton, {
-                      className: classes.iconDown,
-                      src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
-                      onClick: (event) => onOpenLocal(event),
-                      disabled,
-                      size
-                    })
+                  startAdornment: /* @__PURE__ */ jsxs(Fragment, {
+                    children: [!multiple && withImage && value ? /* @__PURE__ */ jsx(Image, {
+                      src: getOptionUrlImageLocal(value),
+                      width: imageWidth,
+                      height: "100%"
+                    }, "ImageTextField") : null, params.InputProps.startAdornment]
+                  }),
+                  endAdornment: loading ? /* @__PURE__ */ jsx(CircularProgress, {
+                    color: "inherit",
+                    size: 18
+                  }) : /* @__PURE__ */ jsx(IconButton, {
+                    className: classes.iconDown,
+                    src: `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`,
+                    onClick: (event) => onOpenLocal(event),
+                    disabled,
+                    size
                   })
                 },
                 autoComplete: "off",
                 error: !!error,
                 ...other
               });
-            }
+            },
+            ...multiple ? {
+              renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => {
+                const {
+                  key,
+                  ...restTagProps
+                } = getTagProps({
+                  index
+                });
+                return /* @__PURE__ */ createElement(Chip, {
+                  ...restTagProps,
+                  key,
+                  label: getOptionLabelLocal(option),
+                  className: classes.chip,
+                  icon: withImage && option ? /* @__PURE__ */ jsx(Image, {
+                    src: getOptionUrlImageLocal(option),
+                    width: imageWidth,
+                    height: imageHeight ?? "100%"
+                  }) : void 0,
+                  sx: {
+                    ...theme.components?.M4LRHFAutocompleteChip?.styleOverrides
+                  }
+                });
+              })
+            } : {}
           }), currentVariant === "error" ? /* @__PURE__ */ jsx(HelperText, {
             variant: currentVariant,
             message: error?.message

package/components/hook-form/RHFAutocomplete/types.d.ts

@@ -9,8 +9,8 @@ export interface RHFAutocompleteProps<T> extends Omit<TextFieldProps, 'label' |
     getOptionLabel: (option: T) => string;
     getOptionUrlImage?: (option: T) => string;
     /**
-    * El valor de tamaño en anchura que va a tener el elemento de imagen.
-    */
+     * El valor de tamaño en anchura que va a tener el elemento de imagen.
+     */
     imageWidth?: string | number;
     isOptionEqualToValue: (option: T, value: T) => boolean;
     skeletonWidth?: string | number;
@@ -23,6 +23,7 @@ export interface RHFAutocompleteProps<T> extends Omit<TextFieldProps, 'label' |
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
     imageHeight?: string | number;
+    multiple?: boolean;
 }
 export interface OwnerState extends Pick<RHFAutocompleteProps<any>, 'size' | 'disabled'> {
     isFocus: boolean;
@@ -30,4 +31,5 @@ export interface OwnerState extends Pick<RHFAutocompleteProps<any>, 'size' | 'di
     semantics: RHFAutocompleteVariants | 'error' | null;
     variant?: 'withImage';
     imageWidthDefined: boolean;
+    multiple: boolean;
 }

package/components/hook-form/RHFAutocompleteAsync/{index.dfbaece5.js → index.bc278965.js}

@@ -5,7 +5,7 @@ import { styled, generateUtilityClasses, generateUtilityClass } from "@mui/mater
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.3592430b.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.1f2afb6b.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/{index.251a36b5.js → index.eca64469.js}

@@ -6,8 +6,8 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { C as CheckBox } from "../../mui_extended/CheckBox.0dcf39ae.js";
+import { useFormFocus } from "../../../index.js";
+import { C as CheckBox } from "../../mui_extended/CheckBox.2a3b86c5.js";
 const RHFCheckboxRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFColorPicker/{index.e7d27ca0.js → index.dc13d5a3.js}

@@ -1,20 +1,18 @@
 import { useState } from "react";
 import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.98455a76.js";
-import "lodash-es/debounce";
-import "lodash-es/each";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { SketchPicker } from "react-color";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { generateUtilityClasses, generateUtilityClass, styled, Skeleton } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
+import { useFormFocus } from "../../../index.js";
+import { F as FieldLabel } from "../../FieldLabel/index.0412576c.js";
 import { P as Popover } from "../../mui_extended/Popover/index.d85de73b.js";
-import { I as Icon } from "../../Icon/index.14670a00.js";
-import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
+import { I as Icon } from "../../Icon/index.ad330e78.js";
+import { B as Button } from "../../mui_extended/Button/index.c3084916.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",

package/components/hook-form/RHFDateTime/{index.fc474c35.js → index.e554b068.js}

@@ -9,9 +9,9 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
-import { I as Icon } from "../../Icon/index.14670a00.js";
+import { useFormFocus } from "../../../index.js";
+import { F as FieldLabel } from "../../FieldLabel/index.0412576c.js";
+import { I as Icon } from "../../Icon/index.ad330e78.js";
 const SkeletonRHFDateTime = (props) => {
   const {
     skeletonWidth,

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.2bf650c4.js → index.e4e4530f.js}

@@ -4,9 +4,9 @@ import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
-import { P as Period } from "../../Period/index.ddf8716c.js";
+import { useFormFocus } from "../../../index.js";
+import { F as FieldLabel } from "../../FieldLabel/index.0412576c.js";
+import { P as Period } from "../../Period/index.3f89d8a4.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFTextField/{index.db56e769.js → index.1bfa601f.js}

@@ -1,16 +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.d8bdadaa.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.f8a3021b.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 { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.24b5284a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.6469f148.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { u as useFormFocus } from "../../../vendor.55925cb3.js";
-import { F as FieldLabel } from "../../FieldLabel/index.75e89ace.js";
+import { useFormFocus } from "../../../index.js";
+import { F as FieldLabel } from "../../FieldLabel/index.0412576c.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/hook-form/RHFUpload/{index.9d4d4460.js → index.6e98b291.js}

@@ -1,15 +1,15 @@
 import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
-import require$$0 from "lodash/isString";
+import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.6aa1ae49.js";
+import { I as Image } from "../../Image/index.b799c514.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass } 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 { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.d5a031be.js";
+import { B as Button } from "../../mui_extended/Button/index.c3084916.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
@@ -139,7 +139,7 @@ function UploadImage({
             } : {},
             children: /* @__PURE__ */ jsx(Image, {
               alt: "bgImageUploadImage",
-              src: require$$0(file) ? file : file.preview || "",
+              src: isString(file) ? file : file.preview || "",
               ratio: "1:1"
             })
           }), /* @__PURE__ */ jsx("div", {

package/components/index.d.ts

@@ -25,6 +25,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';
@@ -47,5 +48,6 @@ export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';
 export * from './AppBar/AppBar';
+export * from './popups';
 export * from './commercial';
 export type { SplitPosition } from './SplitLayout/types';

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 { GpsToolsClasses } from './types';
+export declare const gpsToolsClasses: GpsToolsClasses;
+export declare const useUtilityClasses: () => Record<"gpsToolsGeofencesList" | "gpsToolsGeofencesAddEdit" | "gpsToolsGeofencesAddEditContent" | "toolGeofencesAddEditGeneral" | "toolGeofencesAddEditStyle" | "GpsToolsRoot" | "GpsToolsTabContent" | "GpsToolsTab", string>;
+export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -0,0 +1,13 @@
+export interface GpsToolsClasses {
+    gpsToolsRoot: string;
+    gpsToolsTab: string;
+    gpsToolsTabContent: string;
+    gpsToolsGeofencesList: string;
+    gpsToolsGeofencesAddEdit: string;
+    gpsToolsGeofencesAddEditContent: string;
+    toolGeofencesAddEditGeneral: string;
+    toolGeofencesAddEditStyle: string;
+    visible: string;
+    hidden: string;
+}
+export declare type GpsToolsClassesKey = keyof GpsToolsClasses;

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,165 @@
+import { GetLabelType } from '@m4l/core';
+import { ReactNode } from 'react';
+import { FeatureId } from '../../../Map';
+import { CrossingFeature, GeofenceListModel, InternalFeature } from '../../subcomponents/TabsGpsTools/subcomponents/model';
+export declare type GpsToolsStatus = 'init' | 'ready';
+export declare type CurrentTabGpsTool = 'geofences' | 'pois';
+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 {
+    rows: GeofenceListModel[];
+    /**
+     * "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
+     */
+    currentTabGpsTool: CurrentTabGpsTool;
+    /**
+     * "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: CurrentTabGpsTool) => void;
+    };
+    geofenceActions: {
+        /**
+         * @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 Agrega una geocerca del set de chequeo
+         */
+        addCheckedGeofence: (geofenceId: GeofenceId) => void;
+        /**
+         * @description Cambia el set de chequeo de las geocercas
+         */
+        setCheckedGeofences: (newGeofences: ReadonlySet<GeofenceId>) => void;
+        /**
+         * @description Remueve una geocerca del set de chequeo
+         */
+        removeCheckedGeofence: (geofenceId: 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;