@m4l/components 9.3.29-JT19112025.beta.6 → 9.3.30-BE211125-beta.1

package/components/DynamicFilter/subcomponents/FieldTypes/SelectAsyncFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { S as SELECT_ASYNC_OPERATORS_MULTIPLE, c as SELECT_ASYNC_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectAsyncFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 function filterValidOperandsArraySelectAsync(operandsArray, field) {
   const operandsArrayFormatted = Array.isArray(operandsArray) ? operandsArray : [operandsArray];
   const getOptionId = field?.selectAsyncOptions?.getOptionId;
@@ -147,7 +148,7 @@ class SelectAsyncFilterHelpers {
    * getschema devuelve el esquema de validación de Yup para el filtro.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperandsArray: Yup.mixed().when(["multiple"], {
         is: true,
@@ -157,7 +158,7 @@ class SelectAsyncFilterHelpers {
         is: false,
         then: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operand_required))
       })
-    });
+    })));
   }
   /**
    * verifyFilter verifica si el filtro es válido.

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FilterValueSelect, FormFilterValueSelect, OperandSelect, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { SelectFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider';
 /**
  * Filtra los valores de operandArray para que solo tengan valores validos
  * @param operandsArray valores del OperandsArray
@@ -35,7 +36,7 @@ export declare class SelectFilterHelpers implements IFieldType<FormFilterValueSe
     /**
      * getSchema devuelve el esquema de validación de Yup para un filtro de selección.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueSelect>;
     /**
      * TODO: Documentar
      */

package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { d as SELECT_OPERATORS_MULTIPLE, e as SELECT_OPERATORS_SINGLE } from "../../../constants.js";
 import { S as SelectFilter } from "./index.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 function filterValidOperandsArraySelect(operandsArray, _field) {
   const operandsArrayFormatted = Array.isArray(operandsArray) ? operandsArray : [operandsArray];
   return operandsArrayFormatted?.filter((operand) => {
@@ -145,7 +146,7 @@ class SelectFilterHelpers {
    * getSchema devuelve el esquema de validación de Yup para un filtro de selección.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperandsArray: Yup.mixed().when(["multiple"], {
         is: true,
@@ -161,7 +162,7 @@ class SelectFilterHelpers {
           }
         ).required(getLabel(DICCTIONARY.error_operand_required))
       })
-    });
+    })));
   }
   /**
    * TODO: Documentar

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FilterField, FilterFieldApplied, FilterValue, FormFilterValueString, InitialFilterApplied } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { StringFilter } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider/types';
 /**
  * StringFilterHelpers es una clase que implementa la interfaz IFieldType
  */
@@ -27,7 +28,7 @@ export declare class StringFilterHelpers implements IFieldType<FormFilterValueSt
     /**
      * getSchema devuelve el esquema de validación para el filtro de cadena.
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormFilterValueString>;
     /**
      * getFilterValue devuelve el valor del filtro.
      */

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { f as STRING_OPERATORS } from "../../../constants.js";
 import { D as DYNAMIC_FILTER_DICTIONARY_ID, a as DICCTIONARY } from "../../../dictionary.js";
 import { S as StringFilter } from "./index.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 class StringFilterHelpers {
   getComponent() {
     return StringFilter;
@@ -74,12 +75,12 @@ class StringFilterHelpers {
    * getSchema devuelve el esquema de validación para el filtro de cadena.
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.object().nullable().required(getLabel(DICCTIONARY.error_operator_required)),
       formValueOperand1: Yup.string().required(
         getLabel(DICCTIONARY.error_operand_required)
       )
-    });
+    })));
   }
   /**
    * getFilterValue devuelve el valor del filtro.

package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.js

@@ -2,7 +2,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent.js";
 import { u as usePopoverFilter } from "./usePopoverFilter.js";
 import { P as PopoverStyled, h as PopoverContainerFieldsStyled, i as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.js";
-import { R as RHFormProvider } from "../../../hook-form/RHFormContext/index.js";
+import { R as RHFormProvider } from "../../../hook-form/RHFormProvider/RHFormProvider.js";
 import { W as WindowBase } from "../../../WindowBase/WindowBase.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/ActionCancel.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/ActionIntro.js";

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -16,13 +16,7 @@ declare function usePopoverFilter(): {
     onClose: () => void;
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
-    popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }>> | undefined;
+    popupValidationSchema: import('../../..').ValidationSchema<import('../../types').FormFilterValueBoolean> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };
 export default usePopoverFilter;

package/components/DynamicSort/subcomponents/FieldTypes/FieldTypeInterface.d.ts

@@ -2,8 +2,7 @@ import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { FC } from 'react';
 import { DataTypeFilerLabels, FormSortValueBase, InitialSortApplied, SortField, SortFieldApplied, SortValue } from '../../types';
-import * as Yup from 'yup';
-export type YupSchema = Yup.SchemaOf<any>;
+import { ValidationSchema } from '../../../hook-form/RHFormProvider/types';
 /**
  * Interface para crear los helpers de cada tipo de campo
  */
@@ -13,7 +12,7 @@ export interface IFieldType {
     }>;
     getDefaultSort(field: SortField, fixed: boolean): SortFieldApplied;
     getLabels(Sort: SortFieldApplied, getLabel: GetLabelType, formatters: Formatters, field: SortField): DataTypeFilerLabels;
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormSortValueBase>;
     getFormValue(field: SortField, getLabel: GetLabelType, sortValue?: SortValue): FormSortValueBase;
     getSortFromFormValue(formSortValue: FormSortValueBase): SortValue;
     verifySort(Sort: InitialSortApplied, field?: SortField): boolean;

package/components/DynamicSort/subcomponents/FieldTypes/StringSort/helpers.d.ts

@@ -1,8 +1,9 @@
 import { GetLabelType } from '@m4l/core';
 import { Formatters } from '@m4l/graphics';
 import { DataTypeFilerLabels, FormSortValueBase, InitialSortApplied, SortField, SortFieldApplied, SortValue } from '../../../types';
-import { IFieldType, YupSchema } from '../FieldTypeInterface';
+import { IFieldType } from '../FieldTypeInterface';
 import { StringSort } from './index';
+import { ValidationSchema } from '../../../../hook-form/RHFormProvider/types';
 /**
  * Clase que implementa los métodos necesarios para el tipo de campo string
  */
@@ -27,7 +28,7 @@ export declare class SortHelpers implements IFieldType {
     /**
      * getSchema obtiene el esquema de un campo de tipo string
      */
-    getSchema(getLabel: GetLabelType): YupSchema;
+    getSchema(getLabel: GetLabelType): ValidationSchema<FormSortValueBase>;
     /**
      * verifySort verifica si un campo de tipo string es válido
      */

package/components/DynamicSort/subcomponents/FieldTypes/StringSort/helpers.js

@@ -2,6 +2,7 @@ import * as Yup from "yup";
 import { O as OPERATORS } from "../../../constants.js";
 import { g as getDynamicSortDictionary } from "../../../dictionary.js";
 import { S as StringSort } from "./index.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../hook-form/RHFormProvider/schema.js";
 class SortHelpers {
   getComponent() {
     return StringSort;
@@ -59,9 +60,9 @@ class SortHelpers {
    * getSchema obtiene el esquema de un campo de tipo string
    */
   getSchema(getLabel) {
-    return Yup.object({
+    return createValidationSchema(createValidationFullObject(createValidationPartialObject({
       formValueOperator: Yup.string().required(getLabel(`dynamic_Sort.error_operator_required`))
-    });
+    })));
   }
   /**
    * verifySort verifica si un campo de tipo string es válido

package/components/DynamicSort/subcomponents/PopoverSort/PopoverSort.js

@@ -3,7 +3,7 @@ import { u as useDynamicSortBase } from "../DynamicSortBase/useDynamicSortBase.j
 import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent.js";
 import { u as usePopoverSort } from "./usePopoverSort.js";
 import { e as PopoverStyled, f as PopoverContainerFieldsStyled, g as PopoverHeaderActionsStyled } from "../../slots/DynamicSortSlots.js";
-import { R as RHFormProvider } from "../../../hook-form/RHFormContext/index.js";
+import { R as RHFormProvider } from "../../../hook-form/RHFormProvider/RHFormProvider.js";
 import { W as WindowBase } from "../../../WindowBase/WindowBase.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/ActionCancel.js";
 import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/ActionIntro.js";

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -16,13 +16,7 @@ declare function usePopoverSort(): {
     onClose: () => void;
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
-    popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
-    }>> | undefined;
+    popupValidationSchema: import('../../..').ValidationSchema<import('../../types').FormSortValueBase> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };
 export default usePopoverSort;

package/components/areas/components/AreasAdmin/AreasAdmin.js

@@ -134,7 +134,7 @@ const AreasAdmin = (props) => {
                       }
                     ),
                     maximizedId && windowsLayouts.length > 1 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(ContainerAdminWindowsStyled, { size: currentSize, ownerState, children: [
-                      /* @__PURE__ */ jsx(Typography, { size: currentSize, children: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_window)) }),
+                      /* @__PURE__ */ jsx(Typography, { size: currentSize, skeletonWidth: "80px", children: getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_window)) }),
                       /* @__PURE__ */ jsx(
                         MenuActions,
                         {

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/AreaChip.js

@@ -12,8 +12,9 @@ import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../dic
 import { A as AREAS_ADMIN_KEY_COMPONENT } from "../../constants.js";
 import { g as getComponentClasses } from "../../../../../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../../hook-form/RHFormProvider/schema.js";
 import { A as AreasAdminSlots } from "../../slots/AreasAdminEnum.js";
-import { R as RHFormProvider } from "../../../../../hook-form/RHFormContext/index.js";
+import { R as RHFormProvider } from "../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import { T as Typography } from "../../../../../mui_extended/Typography/Typography.js";
 import { R as RHFTextField } from "../../../../../hook-form/RHFTextField/RHFTextField.js";
 import { A as ActionsContainer } from "../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
@@ -56,11 +57,11 @@ const AreaChip = (props) => {
     inputEditArea: areaName
   };
   const validationSchema = useMemo(
-    () => Yup.object().shape({
+    () => createValidationSchema(createValidationFullObject(createValidationPartialObject({
       inputEditArea: Yup.string().required(
         getLabel(getAreasDictionary(AREAS_DICCTIONARY.validation_edit_area))
       )
-    }),
+    }))),
     [getLabel]
   );
   const handlerOnClick = (e) => {

package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js

@@ -9,9 +9,10 @@ import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../
 import { I as ICONS } from "../../../../../../icons.js";
 import { C as ChipActionsMobile } from "../../../AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js";
 import { l as ChipMobileRootStyled, m as ChipMobileContentStyled, N as NameChipMobileStyled, n as EditAreaChipMobileContainerStyled } from "../../../../slots/AreasAdminSlots.js";
-import { R as RHFormProvider } from "../../../../../../../hook-form/RHFormContext/index.js";
+import { R as RHFormProvider } from "../../../../../../../hook-form/RHFormProvider/RHFormProvider.js";
 import { T as Typography } from "../../../../../../../mui_extended/Typography/Typography.js";
 import { A as ActionsContainer } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { c as createValidationSchema, a as createValidationFullObject, b as createValidationPartialObject } from "../../../../../../../hook-form/RHFormProvider/schema.js";
 import { M as MenuActions } from "../../../../../../../MenuActions/MenuActions.js";
 import { P as Popover } from "../../../../../../../mui_extended/Popover/Popover.js";
 import { R as RHFTextField } from "../../../../../../../hook-form/RHFTextField/RHFTextField.js";
@@ -44,11 +45,11 @@ const ChipMobile = (props) => {
     inputEditArea: areaName
   };
   const validationSchema = useMemo(
-    () => Yup.object().shape({
+    () => createValidationSchema(createValidationFullObject(createValidationPartialObject({
       inputEditArea: Yup.string().required(
         getLabel(getAreasDictionary(AREAS_DICCTIONARY.validation_edit_area))
       )
-    }),
+    }))),
     [getLabel]
   );
   const handlerOnClick = (e) => {

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

@@ -0,0 +1,14 @@
+import { ReactElement, RefAttributes } from 'react';
+import { CustomFormArguments, FormProviderCustomProps, RHFormProviderProps, RHFormProviderRef, RHFormValues } from './types';
+/**
+ * useCustomForm se encarga de crear los metodos del formulario y validar el statusLoad para recargar los valores del formulario nuevamente.
+ * Cuando statusLoad es 'reload_values_provider' se actualizan los valores del formulario, debido a que se cargaron del backend.
+ * Cuando statusLoad es 'ready' se actualiza el statusLoad del formulario a 'ready', para que los que useWatch puedan ser efectivos despues de la carga de los datos.
+ * Se recomienda usar useFormReadyForUpdate que se nutre de statusLoad e indica que el formulario esta listo para ser usado.
+ */
+export declare function useCustomForm<T extends RHFormValues>({ validationSchema, values, statusLoad, mode, }: CustomFormArguments<T>): import('react-hook-form').UseFormReturn<T, undefined, T>;
+/**
+ * Componente que extiende FormProviderCustomBase para poder ser usado dentro del forwardRef garantizando el tipado.
+ */
+export declare const FormProviderCustom: <T extends RHFormValues>(props: FormProviderCustomProps<T> & RefAttributes<RHFormProviderRef<T>>) => ReactElement;
+export declare const RHFormProvider: <T extends RHFormValues>(props: RHFormProviderProps<T> & RefAttributes<RHFormProviderRef<T>>) => ReactElement;

package/components/hook-form/RHFormProvider/RHFormProvider.js

@@ -0,0 +1,98 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle } from "react";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { yupResolver } from "@hookform/resolvers/yup";
+import { F as FormProviderRoot } from "./styles.js";
+import { R as RHFormProviderUtilityClasses } from "./classes/index.js";
+const classes = RHFormProviderUtilityClasses();
+function useCustomForm({
+  validationSchema,
+  values,
+  statusLoad,
+  mode
+}) {
+  const formMethods = useForm({
+    resolver: yupResolver(validationSchema),
+    defaultValues: values,
+    ...mode && { mode }
+  });
+  useEffect(() => {
+    if (statusLoad === "reload_values_provider") {
+      const keys = Object.keys(values);
+      keys.forEach((key) => {
+        const fieldName = key;
+        const fieldValue = values[key];
+        formMethods.setValue(fieldName, fieldValue, {
+          shouldValidate: false,
+          shouldDirty: false,
+          shouldTouch: false
+        });
+      });
+      formMethods.clearErrors();
+      return;
+    }
+  }, [formMethods, statusLoad, values]);
+  useEffect(() => {
+    if (statusLoad === "ready") {
+      formMethods.setValue("statusLoad", "ready", {
+        shouldValidate: false,
+        shouldDirty: false,
+        shouldTouch: false
+      });
+    }
+  }, [statusLoad]);
+  return formMethods;
+}
+const FormProviderCustomBase = (props, ref) => {
+  const { children, onSubmit, onSubmitError, className, formMethods } = props;
+  useImperativeHandle(
+    ref,
+    () => ({
+      formMethods,
+      onSubmit
+    }),
+    [formMethods, onSubmit]
+  );
+  return /* @__PURE__ */ jsx(FormProvider, { ...formMethods, children: /* @__PURE__ */ jsx(
+    FormProviderRoot,
+    {
+      className: clsx(classes.root, className),
+      onSubmit: formMethods.handleSubmit(
+        onSubmit,
+        onSubmitError
+      ),
+      children
+    }
+  ) });
+};
+const FormProviderCustomForward = forwardRef(FormProviderCustomBase);
+FormProviderCustomForward.displayName = "FormProviderCustom";
+const FormProviderCustom = FormProviderCustomForward;
+const RHFormProviderBase = forwardRef(
+  (props, ref) => {
+    const { children, onSubmit, onSubmitError, values, validationSchema, statusLoad = "ready", className, mode } = props;
+    const formMethods = useCustomForm({ validationSchema, statusLoad, values, mode });
+    return /* @__PURE__ */ jsx(
+      FormProviderCustom,
+      {
+        ref,
+        className,
+        values,
+        validationSchema,
+        statusLoad,
+        onSubmit,
+        onSubmitError,
+        formMethods,
+        children
+      }
+    );
+  }
+);
+RHFormProviderBase.displayName = "RHFormProvider";
+const RHFormProvider = RHFormProviderBase;
+export {
+  FormProviderCustom as F,
+  RHFormProvider as R,
+  useCustomForm as u
+};

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

@@ -0,0 +1,4 @@
+export * from './RHFormProvider';
+export type { ValidationSchema, ValidationShape, ValidationFullObject as ValidationObject, ValidationPartialObject, RHFormInitialValues, RHFormValues, } from './types';
+export { VALIDATION_SCHEMA_BRAND, VALIDATION_PARTIAL_OBJECT_BRAND, VALIDATION_OBJECT_BRAND, } from './types';
+export * from './schema';

package/components/hook-form/RHFormProvider/index.js

@@ -0,0 +1 @@
+

package/components/hook-form/RHFormProvider/schema.d.ts

@@ -0,0 +1,17 @@
+import { RHFormValues, ValidationFullObject, ValidationSchema, ValidationShape, ValidationPartialObject } from './types';
+/**
+ * Crea un esquema de Yup a partir de un shape tipado y mantiene la asociación con el tipo del formulario.
+ */
+export declare const createValidationSchema: <T extends RHFormValues>(valitionFullObject: ValidationFullObject<T>) => ValidationSchema<T>;
+/**
+ * Crea un esquema de Yup a partir de un shape tipado y mantiene la asociación con el tipo del formulario.
+ */
+export declare const createValidationPartialObject: <T extends RHFormValues>(partialObjectShape: ValidationShape<T>) => ValidationPartialObject<T>;
+/**
+ * Marca un ObjectShape para garantizar que fue construido mediante createValidationObject.
+ */
+export declare const createValidationFullObject: <T extends RHFormValues>(...partialObjectShape: Array<ValidationPartialObject<T>>) => ValidationFullObject<T>;
+/**
+ * crea un squema de validación vacío, para los testing
+ */
+export declare const createEmptyValidationSchema: <T extends RHFormValues>() => ValidationSchema<T>;

package/components/hook-form/RHFormProvider/schema.js

@@ -0,0 +1,29 @@
+import * as Yup from "yup";
+import { V as VALIDATION_OBJECT_BRAND } from "./types.js";
+const createValidationSchema = (valitionFullObject) => {
+  const schema = Yup.object().shape(valitionFullObject);
+  return schema;
+};
+const createValidationPartialObject = (partialObjectShape) => {
+  const validationPartialObject = { ...partialObjectShape };
+  return validationPartialObject;
+};
+const createValidationFullObject = (...partialObjectShape) => {
+  const mergedShape = Object.assign({}, ...partialObjectShape);
+  Object.defineProperty(mergedShape, VALIDATION_OBJECT_BRAND, {
+    configurable: false,
+    enumerable: false,
+    writable: false,
+    value: true
+  });
+  return mergedShape;
+};
+const createEmptyValidationSchema = () => {
+  return createValidationSchema(createValidationFullObject(createValidationPartialObject({})));
+};
+export {
+  createValidationFullObject as a,
+  createValidationPartialObject as b,
+  createValidationSchema as c,
+  createEmptyValidationSchema as d
+};

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

@@ -0,0 +1,133 @@
+import { ReactNode } from 'react';
+import { Mode, SubmitErrorHandler, UseFormReturn } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
+import { ObjectShape } from 'yup/lib/object';
+/**
+ * Estados de carga del formulario que determinan cuándo y cómo actualizar los valores.
+ *
+ * - `initial`: Estado inicial del formulario
+ * - `new`: Formulario para crear un nuevo elemento
+ * - `edit`: Formulario para editar un elemento existente
+ * - `reload_values_provider`: Estado que indica que se deben recargar los valores del proveedor
+ * - `ready`: Formulario listo para ser usado
+ * - `error`: Estado de error en el formulario
+ */
+export type FormStatusLoad = 'initial' | 'new' | 'edit' | 'reload_values_provider' | 'ready' | 'error';
+export type RHFormValues = {};
+/**
+ * Tipo que define los valores iniciales del formulario.
+ * Extiende FieldValues de React Hook Form para mayor flexibilidad.
+ */
+export type RHFormInitialValues<T extends RHFormValues> = Partial<T>;
+/**
+ * LiteralKeys es un tipo que define las claves literales del formulario. excepto statusLoad, que no es necesario que el usuario la aporte.
+ */
+export type LiteralKeys<T> = Exclude<Extract<keyof T, string>, 'statusLoad'>;
+/**
+ * StrictFormValues es un tipo que define los valores del formulario explicitamente.
+ */
+export type StrictFormValues<T extends RHFormValues> = Pick<RHFormInitialValues<T>, LiteralKeys<RHFormInitialValues<T>>>;
+/**
+ * Garantiza que el shape sólo contenga claves declaradas en el tipo del formulario.
+ * Si usa un key que no está en el tipo del formulario, se devuelve never. Protegiendo el ingreso de claves diferentes.
+ */
+export type EnsureAllowedKeys<Shape, Allowed extends string> = Exclude<keyof Shape, Allowed> extends never ? Shape : never;
+/**
+ * YupShapeEntry es un tipo que define la entrada de un shape de Yup.
+ */
+type YupShapeEntry = ObjectShape[string];
+/**
+ * ValidationShape veririca que solo YupShapeEntry  puedan ser usados en algunos campos de RHFormValues.
+ */
+export type ValidationShape<T extends RHFormValues> = Partial<Record<LiteralKeys<T>, YupShapeEntry>>;
+/**
+ * Symbol que contiene el ValidationSchema que lo hace diferente a ObjectSchema normal de Yup.
+ */
+export declare const VALIDATION_SCHEMA_BRAND: unique symbol;
+/**
+ * Symbol que identifica que un ValidationShape fue construido mediante createValidationObject.
+ */
+export declare const VALIDATION_OBJECT_BRAND: unique symbol;
+/**
+ * Symbol que identifica que un ValidationShape parcial fue construido mediante createValidationPartialObject.
+ */
+export declare const VALIDATION_PARTIAL_OBJECT_BRAND: unique symbol;
+/**
+ * ValidationSchema es un tipo que define el schema de validación del formulario. Aporta el brand VALIDATION_SCHEMA_BRAND para hacer diferentes a ObjectSchema normal de Yup.
+ * y asi poder garantizar que se use la función createValidationSchema para crear la schema.
+ */
+export type ValidationSchema<T extends RHFormValues> = ObjectSchema<any> & {
+    /**
+     * Aunque no se use en el codigo a nivel de javascript, es necesario para que el tipo de la schema para hacerlos diferente a ObjectSchema. y obliga
+     * a que se use la función createValidationSchema para crear la schema.
+     */
+    readonly [VALIDATION_SCHEMA_BRAND]: ValidationShape<T>;
+};
+/**
+ * ValidationFullObject garantiza que el shape sea construido mediante createValidationObject.
+ * con base en los partialObjectShape que se le pasan a createValidationObject.
+ */
+export type ValidationFullObject<T extends RHFormValues> = ValidationShape<T> & {
+    readonly [VALIDATION_OBJECT_BRAND]: true;
+};
+/**
+ * ValidationPartialObject garantiza que el shape parcial sea construido mediante createValidationPartialObject.
+ */
+export type ValidationPartialObject<T extends RHFormValues> = ValidationShape<T> & {
+    readonly [VALIDATION_PARTIAL_OBJECT_BRAND]: true;
+};
+/**
+ * Propiedades del componente principal RHFormProvider.
+ * Define la interfaz para crear formularios con React Hook Form y validación Yup.
+ */
+export interface RHFormProviderProps<T extends RHFormValues> {
+    /** Elementos hijos del formulario */
+    children: ReactNode;
+    /** Función que se ejecuta al enviar el formulario con los datos validados */
+    onSubmit: ((data: T) => void) | ((data: T) => Promise<void>);
+    /**
+     * Cuando hay un error en la validación del formulario, se ejecuta esta función.
+     */
+    onSubmitError?: SubmitErrorHandler<T>;
+    /** Valores iniciales del formulario si es un new o cargados del backend si son edit */
+    values: RHFormInitialValues<T>;
+    /** Esquema de validación de Yup */
+    validationSchema: ValidationSchema<T>;
+    /** Estado de carga del formulario (opcional, por defecto 'ready') */
+    statusLoad?: FormStatusLoad;
+    /** Clases CSS adicionales (opcional) */
+    className?: string;
+    /** Modo de validación del formulario (opcional) */
+    mode?: Mode;
+}
+/**
+ * Propiedades del componente FormProviderCustom.
+ * Combina las propiedades de React Hook Form con las propiedades personalizadas del formulario.
+ */
+export interface FormProviderCustomProps<T extends RHFormValues> extends RHFormProviderProps<T> {
+    formMethods: UseFormReturn<T, undefined, T>;
+}
+/**
+ * Argumentos para el hook useCustomForm.
+ * Define los parámetros necesarios para configurar un formulario personalizado.
+ */
+export interface CustomFormArguments<T extends RHFormValues> {
+    /** Valores iniciales del formulario */
+    values: RHFormInitialValues<T>;
+    /** Esquema de validación de Yup */
+    validationSchema: ValidationSchema<T>;
+    /** Estado de carga del formulario (opcional) */
+    statusLoad?: FormStatusLoad;
+    /** Modo de validación del formulario (opcional) */
+    mode?: Mode;
+}
+/**
+ * Interfaz que define los métodos expuestos a través de la ref del RHFormProvider.
+ * Permite acceso programático a los métodos de React Hook Form desde componentes padre.
+ */
+export interface RHFormProviderRef<T extends RHFormValues> {
+    /** Objeto completo con todos los métodos de React Hook Form */
+    formMethods: UseFormReturn<T, undefined, T>;
+    onSubmit: (data: T) => void;
+}
+export {};

package/components/hook-form/RHFormProvider/types.js

@@ -0,0 +1,8 @@
+const VALIDATION_SCHEMA_BRAND = Symbol("VALIDATION_SCHEMA_BRAND");
+const VALIDATION_OBJECT_BRAND = Symbol("VALIDATION_OBJECT_BRAND");
+const VALIDATION_PARTIAL_OBJECT_BRAND = Symbol("VALIDATION_PARTIAL_OBJECT_BRAND");
+export {
+  VALIDATION_OBJECT_BRAND as V,
+  VALIDATION_SCHEMA_BRAND as a,
+  VALIDATION_PARTIAL_OBJECT_BRAND as b
+};

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

@@ -15,3 +15,4 @@ export { RHFRadioGroup } from './RHFRadioGroup';
 export * from './RHFNumberInput';
 export { RHFUploadSingleFile } from './RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile';
 export * from './RHFUpload';
+export * from './RHFormProvider';