@m4l/components 0.2.13 → 0.2.15

package/components/hook-form/RHFAutocomplete/{index.01a8f57e.js → index.ea720b8f.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.d5fed0ab.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 { unstable_composeClasses } from "@mui/base";
+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";
+import { I as IconButton } from "../../mui_extended/IconButton/index.b705c196.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -44,7 +28,7 @@ const RHFTAUTOCOMPLET_ROOT_TEST_ID = "RHFAutocomplete";
 const getNameDataTestId = (KEY) => {
   return `${RHFAUTOCOMPLETE_PREFIX}-${KEY}`;
 };
-function withRenderOption(getUrlImage, classes, imageWidth) {
+function withRenderOption(getUrlImage, classes) {
   return function RenderOption(optionProps, option) {
     return /* @__PURE__ */ jsxs(WrapperOption, {
       ...optionProps,
@@ -53,19 +37,18 @@ function withRenderOption(getUrlImage, classes, imageWidth) {
         [TEST_PROP_ID]: getNameDataTestId("withImage")
       } : {},
       children: [/* @__PURE__ */ jsx(Image, {
-        src: getUrlImage(option),
-        width: imageWidth,
-        height: "100%"
-      }), /* @__PURE__ */ jsx(Typography, {
-        variant: "body",
-        children: optionProps.key
-      })]
+        src: getUrlImage(option)
+      }), optionProps.key]
     });
   };
 }
 const SkeletonRHFAutocomplete = (props) => {
   const {
     withImage,
+    skeletonWidth,
+    skeletonHeight,
+    imageWidth,
+    imageHeight,
     classes,
     hasLabel
   } = props;
@@ -84,7 +67,9 @@ const SkeletonRHFAutocomplete = (props) => {
         children: [/* @__PURE__ */ jsx("div", {
           className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "text"
+            variant: "text",
+            width: skeletonWidth,
+            height: skeletonHeight
           })
         }), /* @__PURE__ */ jsx(Skeleton, {
           variant: "circular",
@@ -96,11 +81,18 @@ const SkeletonRHFAutocomplete = (props) => {
         })]
       }) : /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx(Skeleton, {
-          variant: "circular"
+          variant: "circular",
+          width: imageWidth,
+          height: imageHeight,
+          sx: {
+            minWidth: imageWidth
+          }
         }), /* @__PURE__ */ jsx("div", {
           className: classes.skeletonContainerText,
           children: /* @__PURE__ */ jsx(Skeleton, {
-            variant: "text"
+            variant: "text",
+            width: skeletonWidth,
+            height: skeletonHeight
           })
         }), /* @__PURE__ */ jsx(Skeleton, {
           variant: "circular",
@@ -125,9 +117,7 @@ generateUtilityClasses(componentName, [
   "skeletonContainerText",
   "iconDown",
   "variantInfo",
-  "variantImage",
   "isDisabled",
-  "imageWidthDefined",
   "variantSuccess",
   "variantWarning",
   "variantError",
@@ -140,11 +130,11 @@ function getRHFAutocompleteClassesUtilityClass(slot) {
 }
 const useUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.focus && "isFocus", 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.focus && "isFocus", ownerState.disabled && "isDisabled", ownerState.variant === "info" && "variantInfo", ownerState.variant === "success" && "variantSuccess", ownerState.variant === "warning" && "variantWarning", ownerState.variant === "error" && "variantError"],
     withImage: ["withImage"],
     skeleton: ["skeleton"],
     label: ["label"],
-    popper: ["popper", ownerState.size === "small" && "sizeSmall", ownerState.size === "medium" && "sizeMedium", ownerState.imageWidthDefined && "imageWidthDefined"],
+    popper: ["popper"],
     skeletonRoot: ["skeletonRoot"],
     skeletonContainerText: ["SkeletonContainerText"],
     iconDown: ["iconDown"]
@@ -165,6 +155,8 @@ function RHFAutocomplete(props) {
     options,
     disabled,
     getOptionUrlImage,
+    imageWidth = "24px",
+    imageHeight = "24px",
     onOpen,
     onClose,
     loading,
@@ -172,7 +164,6 @@ function RHFAutocomplete(props) {
     helperMessage,
     size = "small",
     onChangeFilterParmsLocal,
-    imageWidth,
     ...other
   } = props;
   const {
@@ -241,9 +232,8 @@ function RHFAutocomplete(props) {
   const ownerState = {
     size: !isDesktop ? "medium" : size,
     focus: isFocus,
-    semantics: currentVariant,
-    disabled,
-    imageWidthDefined: imageWidth ? true : false
+    variant: currentVariant,
+    disabled
   };
   const classes = useUtilityClasses(ownerState);
   const theme = useTheme();
@@ -299,7 +289,7 @@ function RHFAutocomplete(props) {
                 ...props2,
                 className: classes.popper,
                 placement: "bottom-start",
-                placeholder: void 0,
+                placeholder: /* @__PURE__ */ jsx(Fragment, {}),
                 sx: {
                   ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
                 }
@@ -332,7 +322,7 @@ function RHFAutocomplete(props) {
             }),
             disabled,
             noOptionsText: getLabel("rhf_autocomplete.no_options"),
-            renderOption: withImage ? withRenderOption(getOptionUrlImageLocal, classes, imageWidth) : void 0,
+            renderOption: withImage ? withRenderOption(getOptionUrlImageLocal, classes) : void 0,
             renderInput: (params) => {
               return /* @__PURE__ */ jsx(TextField, {
                 ...params,
@@ -349,7 +339,7 @@ function RHFAutocomplete(props) {
                   startAdornment: withImage && value ? /* @__PURE__ */ jsx(Image, {
                     src: getOptionUrlImageLocal(value),
                     width: imageWidth,
-                    height: "100%"
+                    height: imageHeight
                   }, "ImageTextField") : null,
                   endAdornment: /* @__PURE__ */ jsx(Fragment, {
                     children: loading ? /* @__PURE__ */ jsx(CircularProgress, {
@@ -376,6 +366,10 @@ function RHFAutocomplete(props) {
       }
     }) : /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, {
       withImage,
+      skeletonWidth,
+      skeletonHeight,
+      imageWidth,
+      imageHeight,
       classes,
       hasLabel: label
     })

package/components/hook-form/RHFAutocomplete/subcomponents/RenderOption/index.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
 import { GetOptionString } from '../../types';
-export declare function withRenderOption<T>(getUrlImage: GetOptionString<T>, classes: any, imageWidth: string | number | undefined): (optionProps: HTMLAttributes<HTMLLIElement>, option: T) => import("react/jsx-runtime").JSX.Element;
+export declare function withRenderOption<T>(getUrlImage: GetOptionString<T>, classes: any): (optionProps: HTMLAttributes<HTMLLIElement>, option: T) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 import { Classes } from '../../classes/types';
-export interface SkeletonRHFAutocompleteProps {
+import { RHFAutocompleteProps } from '../../types';
+export interface SkeletonRHFAutocompleteProps extends Pick<RHFAutocompleteProps<any>, 'skeletonWidth' | 'skeletonHeight' | 'imageWidth' | 'imageHeight'> {
     withImage: boolean;
     classes: Classes;
     hasLabel?: string;

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

@@ -8,26 +8,21 @@ export declare type RHFAutocompleteProps<T> = {
     options: Array<T>;
     getOptionLabel: (option: T) => string;
     getOptionUrlImage?: (option: T) => string;
-    /**
-    * 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;
     skeletonHeight?: string | number;
     size?: Pick<RHFTextFieldProps, 'size'>;
     label: string;
+    imageWidth?: string;
+    imageHeight?: string;
     loading?: boolean;
     variant?: RHFAutocompleteVariants;
     helperMessage?: string;
     onOpen?: (event: React.SyntheticEvent) => void;
     onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
     onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
-    imageHeight?: string | number;
 } & TextFieldProps;
 export interface OwnerState extends Pick<RHFTextFieldProps, 'size' | 'disabled'> {
     focus: boolean;
-    semantics: RHFAutocompleteVariants | 'error' | null;
-    variant?: 'withImage';
-    imageWidthDefined: boolean;
+    variant: RHFAutocompleteVariants | 'error' | null;
 }

package/components/hook-form/RHFAutocompleteAsync/{index.df1d5bca.js → index.1609eaf0.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.ea720b8f.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.259b6f38.js

@@ -0,0 +1,61 @@
+import { useState } from "react";
+import { useFormContext, Controller } from "react-hook-form";
+import { Popover, Box, Button } from "@mui/material";
+import { HexColorPicker } from "react-colorful";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+const RHFColorPicker = (props) => {
+  const {
+    name
+  } = props;
+  const {
+    control
+  } = useFormContext();
+  const [anchorEl, setAnchorEl] = useState(null);
+  const handleApprove = () => {
+    setAnchorEl(null);
+  };
+  return /* @__PURE__ */ jsx(Controller, {
+    name,
+    control,
+    defaultValue: "",
+    render: ({
+      field
+    }) => /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("div", {
+        onClick: (event) => setAnchorEl(event.currentTarget),
+        style: {
+          backgroundColor: field.value,
+          width: "20px",
+          height: "20px",
+          cursor: "pointer"
+        }
+      }), /* @__PURE__ */ jsx(Popover, {
+        open: Boolean(anchorEl),
+        anchorEl,
+        onClose: () => setAnchorEl(null),
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "left"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "left"
+        },
+        children: /* @__PURE__ */ jsxs(Box, {
+          p: 2,
+          children: [/* @__PURE__ */ jsx(HexColorPicker, {
+            ...field,
+            color: field.value
+          }), /* @__PURE__ */ jsx(Button, {
+            variant: "contained",
+            onClick: handleApprove,
+            children: "Aprobar"
+          })]
+        })
+      })]
+    })
+  });
+};
+export {
+  RHFColorPicker as R
+};

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

@@ -1,8 +1,2 @@
 import { RHFColorPickerProps } from './types';
-/**
- * Componente RHFColorPicker para seleccionar colores con React Hook Form.
- * @component
- * @param {RHFColorPickerProps} props - Propiedades del componente.
- * @returns {JSX.Element} - Elemento JSX que representa el componente.
- */
 export declare const RHFColorPicker: (props: RHFColorPickerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,3 @@
 export interface RHFColorPickerProps {
-    /**
-    * Identificador del campo dentro del formulario de react hook form
-    */
     name: string;
 }
-export interface OwnerState {
-}

package/components/hook-form/RHFDateTime/{index.984b803f.js → index.8bd9e41e.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.aa9949f0.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

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

@@ -2,6 +2,7 @@ export interface RHFDateTimeProps {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;
+    withMask?: boolean;
     variant?: RHFDateTimeVariants;
     size?: SizeType;
     disabled?: boolean;

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.89bebd60.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.288a0ec2.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.2c8d4613.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.b705c196.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.55e495bb.js}

@@ -1,34 +1,17 @@
 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.d684bdf2.js";
+import { I as Image } from "../../Image/index.d5fed0ab.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.007f5a6e.js";
+import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme
 }) => ({
@@ -157,7 +140,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

@@ -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';
@@ -33,7 +34,6 @@ export * from './NoItemSelected/dictionary';
 export * from './ObjectLogs';
 export * from './ObjectLogs/dictionary';
 export * from './PaperForm/PaperForm';
-export * from './PDFViewer';
 export * from './Period';
 export * from './HelmetPage';
 export * from './PropertyValue/PropertyValue';
@@ -41,7 +41,6 @@ export * from './ResizeableWindow';
 export * from './ScrollBar';
 export { ScrollToTop } from './ScrollToTop';
 export * from './SplitLayout/SplitLayout';
-export * from './ToastContainer';
 export * from './SideBar';
 export * from './AppBar';
 export * from './AccountPopover';

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>;