@m4l/components 0.2.1 → 0.2.2

package/components/areas/contexts/WindowToolsMFContext/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WindowToolsMFContextProps, WindowToolsMFProviderProps } from './types';
 declare const WindowToolsMFContext: React.Context<WindowToolsMFContextProps | null>;
-declare function WindowToolsMFProvider(props: WindowToolsMFProviderProps): React.JSX.Element;
+declare function WindowToolsMFProvider(props: WindowToolsMFProviderProps): import("react/jsx-runtime").JSX.Element;
 declare const MemonizedWindowToolsMFContext: React.MemoExoticComponent<typeof WindowToolsMFProvider>;
 export { WindowToolsMFProvider, WindowToolsMFContext, MemonizedWindowToolsMFContext };

package/components/areas/hooks/useAreas/{index.8426db7f.js → index.5cbbe91c.js}

@@ -1,6 +1,6 @@
 import { useContext } from "react";
 import { useStore } from "zustand";
-import { A as AreasContext } from "../../contexts/AreasContext/index.70716452.js";
+import { A as AreasContext } from "../../contexts/AreasContext/index.55981647.js";
 function useAreasStore(selector, equalityFn) {
   const context = useContext(AreasContext);
   if (!context)

package/components/formatters/BooleanFormatter/{index.22761b39.js → index.5379222a.js}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.3e559a61.js";
+import { I as Icon } from "../../Icon/index.6db034b5.js";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
-import { F as FormatterRoot, f as formatterClasses } from "../index.5c788afa.js";
+import { F as FormatterRoot, f as formatterClasses } from "../index.d0a0800d.js";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 const BOOLEAN_FORMATTER_DICTIONARY_KEY = `boolean_formatter`;

package/components/formatters/BooleanFormatter/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BooleanFormatterProps } from './types';
-export declare function BooleanFormatter(props: BooleanFormatterProps): import("react").JSX.Element;
+export declare function BooleanFormatter(props: BooleanFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/DateFormatter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DateFormatterProps, PresentationType } from './types';
 declare type Maybe<T> = T | undefined | null;
 /**
@@ -14,5 +13,5 @@ export declare function getFormatDate(presentationType: PresentationType, value:
  * @param props DateFormatterProps
  * @returns
  */
-export declare function DateFormatter(props: DateFormatterProps): import("react").JSX.Element;
+export declare function DateFormatter(props: DateFormatterProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/formatters/FormatterRoot/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FormatterRootProps } from './types';
-export declare const FormatterRoot: (props: FormatterRootProps) => import("react").JSX.Element;
+export declare const FormatterRoot: (props: FormatterRootProps) => import("react/jsx-runtime").JSX.Element;

package/components/formatters/PointsFormatter/{index.5c94c5e8.js → index.80a4e414.js}

@@ -1,7 +1,7 @@
 import { getPropertyByString } from "@m4l/core";
 import { W as WrapperComponent } from "../../WrapperComponent/index.5e872594.js";
 import { jsx } from "react/jsx-runtime";
-function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
+function getFormatPoints(obProps, fieldValue, fieldUnit) {
   let result = "";
   const points = getPropertyByString(obProps, fieldValue);
   const unit = getPropertyByString(obProps, fieldUnit) || "";
@@ -10,7 +10,7 @@ function getFormatPoints(obProps, fieldValue, fieldUnit, chainPoint) {
   }
   points.map((point) => {
     if (point) {
-      result = !chainPoint ? result.concat(`[${point}${unit}]`) : result.concat(`[${getPropertyByString(point, chainPoint)}${unit}]`);
+      result = result.concat(`[${point}${unit}]`);
     }
   });
   return result;

package/components/formatters/PointsFormatter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PointsFormatterProps } from './types';
-export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string, chainPoint?: string): string;
-export declare function PointsFormatter(props: PointsFormatterProps): import("react").JSX.Element;
+export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string): string;
+export declare function PointsFormatter(props: PointsFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/PriceFormatter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PriceFormatterProps } from './types';
 export declare function getFormatPrice(obProps: any, fieldValue: string, currency: string, decimalDigits: number): string;
-export declare function PriceFormatter(props: PriceFormatterProps): import("react").JSX.Element;
+export declare function PriceFormatter(props: PriceFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/UncertaintyFormatter/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UncertaintyFormatterProps } from './types';
 export declare function getUncertaintyFormat(obProps: any, fieldValue: string, fieldSymbol: string, fieldUnit: string): string;
-export declare function UncertaintyFormatter(props: UncertaintyFormatterProps): import("react").JSX.Element;
+export declare function UncertaintyFormatter(props: UncertaintyFormatterProps): import("react/jsx-runtime").JSX.Element;

package/components/formatters/{index.5c788afa.js → index.d0a0800d.js}

@@ -3,7 +3,7 @@ import "@mui/base";
 import { jsx } from "react/jsx-runtime";
 import { W as WrapperComponent } from "../WrapperComponent/index.5e872594.js";
 import { useModuleDictionary } from "@m4l/core";
-import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.22761b39.js";
+import { a as BOOLEAN_FORMATTER_DICTIONARY_KEY } from "./BooleanFormatter/index.5379222a.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/RHFAutocomplete.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import type { RHFAutocompleteProps } from './types';
-export declare function RHFAutocomplete<T>(props: RHFAutocompleteProps<T>): import("react").JSX.Element;
+export declare function RHFAutocomplete<T>(props: RHFAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -9,9 +9,7 @@ export interface RHFAutocompleteClassesType {
     skeletonContainerText: string;
     iconDown: string;
     variantInfo: string;
-    variantImage: string;
     isDisabled: string;
-    imageWidthDefined: string;
     variantSuccess: string;
     variantWarning: string;
     variantError: string;

package/components/hook-form/RHFAutocomplete/{index.f7145ff4.js → index.09ff3d84.js}

@@ -2,15 +2,15 @@ import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/cor
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, useTheme, Autocomplete, Popper, TextField, CircularProgress } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.bb1670e5.js";
+import { I as Image } from "../../Image/index.2a2e0b27.js";
 import { useMemo, useRef, useState, useEffect } 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 { 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.f42fa68d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.df52ae90.js";
 const AutocompleteRoot = styled("div")(({
   theme
 }) => ({
@@ -28,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,
@@ -37,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;
@@ -68,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",
@@ -80,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",
@@ -109,9 +117,7 @@ generateUtilityClasses(componentName, [
   "skeletonContainerText",
   "iconDown",
   "variantInfo",
-  "variantImage",
   "isDisabled",
-  "imageWidthDefined",
   "variantSuccess",
   "variantWarning",
   "variantError",
@@ -124,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"]
@@ -149,6 +155,8 @@ function RHFAutocomplete(props) {
     options,
     disabled,
     getOptionUrlImage,
+    imageWidth = "24px",
+    imageHeight = "24px",
     onOpen,
     onClose,
     loading,
@@ -156,7 +164,6 @@ function RHFAutocomplete(props) {
     helperMessage,
     size = "small",
     onChangeFilterParmsLocal,
-    imageWidth,
     ...other
   } = props;
   const {
@@ -225,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();
@@ -279,12 +285,11 @@ function RHFAutocomplete(props) {
             inputValue,
             clearOnBlur: false,
             PopperComponent: (props2) => {
-              console.log("Autocomplete open Popover");
               return /* @__PURE__ */ jsx(Popper, {
                 ...props2,
                 className: classes.popper,
                 placement: "bottom-start",
-                placeholder: void 0,
+                placeholder: /* @__PURE__ */ jsx(Fragment, {}),
                 sx: {
                   ...theme.components?.M4LRHFAutocompletePopover?.styleOverrides
                 }
@@ -317,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,
@@ -334,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, {
@@ -361,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.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/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonRHFAutocompleteProps } from './types';
-export declare const SkeletonRHFAutocomplete: (props: SkeletonRHFAutocompleteProps) => import("react").JSX.Element;
+export declare const SkeletonRHFAutocomplete: (props: SkeletonRHFAutocompleteProps) => 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/RHFAutocompleteAsync.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { RHFAutocompleteAsyncProps } from './types';
 /**
  * Provee un combo de opciones cargadas directamente desde un endpoint usando internamente el componente RHFAutocomplete.
  * @param props
  * @returns
  */
-export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncProps<T>): import("react").JSX.Element;
+export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncProps<T>): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFAutocompleteAsync/{index.11572063.js → index.54b4dca3.js}

@@ -6,7 +6,7 @@ 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 { jsx } from "react/jsx-runtime";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.f7145ff4.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.09ff3d84.js";
 styled("div")(() => ({
   display: "flex",
   width: "100%",

package/components/hook-form/RHFCheckbox/RHFCheckbox.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { RHFCheckboxProps } from './types';
 /**
  * Provee de un caja de selección vinculado al controlador de hook-forms y aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare function RHFCheckbox(props: RHFCheckboxProps): import("react").JSX.Element;
+export declare function RHFCheckbox(props: RHFCheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,2 @@
-/// <reference types="react" />
 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.Element;
+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/RHFDateTime.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RHFDateTimeProps } from './types';
-export declare function RHFDateTime(props: RHFDateTimeProps): import("react").JSX.Element;
+export declare function RHFDateTime(props: RHFDateTimeProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFDateTime/{index.30d6deb9.js → index.2b76899e.js}

@@ -11,7 +11,7 @@ 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 { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.3e559a61.js";
+import { I as Icon } from "../../Icon/index.6db034b5.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFDateTime/subcomponents/Skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonRHFDateTimeProps } from './types';
-export declare const SkeletonRHFDateTime: (props: SkeletonRHFDateTimeProps) => import("react").JSX.Element;
+export declare const SkeletonRHFDateTime: (props: SkeletonRHFDateTimeProps) => import("react/jsx-runtime").JSX.Element;

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/RHFMultiCheckbox/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RHFMultiCheckboxProps } from './types';
-export declare function RHFMultiCheckbox({ name, options, ...other }: RHFMultiCheckboxProps): import("react").JSX.Element;
+export declare function RHFMultiCheckbox({ name, options, ...other }: RHFMultiCheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RHFPeriodProps } from './types';
-export declare const RHFPeriod: (props: RHFPeriodProps) => import("react").JSX.Element;
+export declare const RHFPeriod: (props: RHFPeriodProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFPeriod/{index.8fdd9f5d.js → index.d6c8587a.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 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.b2c8b4f7.js";
+import { P as Period } from "../../Period/index.906f1ce2.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFRadioGroup/RHFRadioGroup.d.ts

@@ -0,0 +1,3 @@
+import { RadioGroupProps, RadioProps } from '@mui/material';
+import { RHFRadioGroupProps } from './types';
+export declare function RHFRadioGroup<TOption extends RadioProps>({ name, options, getOptionLabel, getOptionValue, ...other }: RHFRadioGroupProps<TOption> & RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFRadioGroup/{index.b3335e13.js → index.7deb4e48.js}

@@ -5,6 +5,7 @@ function RHFRadioGroup({
   name,
   options,
   getOptionLabel,
+  getOptionValue,
   ...other
 }) {
   const {
@@ -24,10 +25,11 @@ function RHFRadioGroup({
         row: true,
         ...other,
         children: options.map((option, index) => /* @__PURE__ */ jsx(FormControlLabel, {
-          value: option,
+          defaultValue: field.value,
+          value: getOptionValue(option),
           control: /* @__PURE__ */ jsx(Radio, {}),
-          label: getOptionLabel?.length ? getOptionLabel[index] : option
-        }, option))
+          label: getOptionLabel(option)
+        }, getOptionValue(option)))
       }), !!error && /* @__PURE__ */ jsx(FormHelperText, {
         error: true,
         sx: {

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

@@ -0,0 +1,2 @@
+export { RHFRadioGroup } from './RHFRadioGroup';
+export type { RHFRadioGroupProps } from './types';

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

@@ -0,0 +1,8 @@
+import { RadioProps } from "@mui/material";
+export interface RHFRadioGroupProps<TOption extends RadioProps> {
+    name: string;
+    defaultValue?: string;
+    options: TOption[];
+    getOptionLabel: (option: TOption) => string;
+    getOptionValue: (option: TOption) => string;
+}

package/components/hook-form/RHFSelect.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TextFieldProps } from '@mui/material';
 interface IProps {
     name: string;
     children: any;
 }
-export declare function RHFSelect({ name, children, ...other }: IProps & TextFieldProps): import("react").JSX.Element;
+export declare function RHFSelect({ name, children, ...other }: IProps & TextFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/components/hook-form/RHFTextField/{index.2f73c117.js → index.f546c18a.js}

@@ -1,13 +1,13 @@
 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.f42fa68d.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.df52ae90.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 { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.de903261.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.b22c4c1a.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";

package/components/hook-form/RHFTextField/subcomponents/Skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonTextFieldProps } from './types';
-export declare const SkeletonTextField: (props: SkeletonTextFieldProps) => import("react").JSX.Element;
+export declare const SkeletonTextField: (props: SkeletonTextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RHFTextFieldPasswordProps } from './types';
 /**
  * Provee de un campo de texto de tipo contraseña vinculado al formulario de hook-forms, aporta su versión provisional
@@ -6,4 +5,4 @@ import { RHFTextFieldPasswordProps } from './types';
  * @param props
  * @returns
  */
-export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => import("react").JSX.Element;
+export declare const RHFTextFieldPassword: (props: RHFTextFieldPasswordProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { RHFUploadImageProps } from './types';
-export declare function RHFUploadImage({ name, ...other }: RHFUploadImageProps): import("react").JSX.Element;
+export declare function RHFUploadImage({ name, ...other }: RHFUploadImageProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { UploadImageProps } from './types';
-export default function UploadImage({ error, file, helperText, sx, ...other }: UploadImageProps): import("react").JSX.Element;
+export default function UploadImage({ error, file, helperText, sx, ...other }: UploadImageProps): import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/subcomponents/Skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonUploadImageProps } from './types';
-export declare const SkeletonUploadImage: (props: SkeletonUploadImageProps) => import("react").JSX.Element;
+export declare const SkeletonUploadImage: (props: SkeletonUploadImageProps) => import("react/jsx-runtime").JSX.Element;