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

package/contexts/index.d.ts

@@ -1,7 +1,7 @@
 export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/WindowBase/contexts/DynamicMFParmsContext';
 export * from './ModalContext/index';
 export * from './ModalContext/types';
-export type { FormInitialValues, FormStatusLoad, } from '../components/hook-form/RHFormContext/types';
-export { RHFormProvider, FormProviderCustom, useCustomForm, } from '../components/hook-form/RHFormContext';
-export { getFormComponentsDictionary } from '../components/hook-form/RHFormContext/dictionary';
+export type { RHFormInitialValues as FormInitialValues, FormStatusLoad, } from '../components/hook-form/RHFormProvider/types';
+export { RHFormProvider, FormProviderCustom, useCustomForm, } from '../components/hook-form/RHFormProvider/RHFormProvider';
+export { getFormComponentsDictionary } from '../components/hook-form/RHFormProvider/dictionary';
 export { useAppearanceComponentStore, AppearanceComponentProvider, } from './AppearanceComponentContext';

package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts

@@ -1,11 +1,11 @@
 import { Step } from '../../components/Stepper/types';
 import { GetStepsAndValidationSchemaProps } from './types';
-import * as Yup from 'yup';
+import { RHFormValues } from '../../components/hook-form/RHFormProvider/types';
 /**
  * Hook personalizado que recibe un array de steps con validaciones y regresa todo listo para el Stepper
  * Una sola configuración genera: validationSchema + steps + validationFields automáticamente
  */
-export declare function getStepsAndValidationSchema({ steps, visibilityData, }: GetStepsAndValidationSchemaProps): {
-    validationSchema: Yup.ObjectSchema<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>, import('yup/lib/object').AssertsShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>>;
+export declare function getStepsAndValidationSchema<T extends RHFormValues>({ steps, visibilityData, }: GetStepsAndValidationSchemaProps<T>): {
+    validationSchema: import('../../components/hook-form/RHFormProvider/types').ValidationSchema<T>;
     steps: Step[];
 };

package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js

@@ -1,11 +1,11 @@
-import * as Yup from "yup";
+import { b as createValidationPartialObject, c as createValidationSchema, a as createValidationFullObject } from "../../components/hook-form/RHFormProvider/schema.js";
 import { e as evaluateVisibilityStepCondition } from "../../components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
 function getStepsAndValidationSchema({
   steps,
   visibilityData
 }) {
   const validationSchema = (() => {
-    const combinedValidations = {};
+    const combinedValidations = createValidationPartialObject({});
     const visibleSteps = steps.filter((step) => {
       if (!step.visibilityCondition) {
         return true;
@@ -18,7 +18,7 @@ function getStepsAndValidationSchema({
         Object.assign(combinedValidations, validationResult);
       }
     });
-    return Yup.object().shape(combinedValidations);
+    return createValidationSchema(createValidationFullObject(combinedValidations));
   })();
   const processedSteps = steps.map((step) => {
     let validationFields = [];

package/helpers/getStepsAndValidationSchema/types.d.ts

@@ -1,19 +1,20 @@
+import { RHFormValues, ValidationPartialObject } from '../../components/hook-form/RHFormProvider/types';
 import { Step } from '../../components/Stepper/types';
 /**
  * Configuración completa de un step con validaciones incluidas
  */
-export interface StepWithValidation extends Omit<Step, 'validationFields'> {
+export interface StepWithValidation<T extends RHFormValues> extends Omit<Step, 'validationFields'> {
     /**
      * Función de validación que retorna un objeto con esquemas Yup
      * Ejemplo: ContactDataValidation
      */
-    validationFunction?: () => Record<string, any>;
+    validationFunction?: () => ValidationPartialObject<T>;
 }
-export interface GetStepsAndValidationSchemaProps {
+export interface GetStepsAndValidationSchemaProps<T extends RHFormValues> {
     /**
      * Array de steps con sus validaciones incluidas
      */
-    steps: StepWithValidation[];
+    steps: StepWithValidation<T>[];
     /**
      * Datos adicionales para visibilityCondition (ej: objectId)
      */

package/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useFormAddEdit } from './useFormAddEdit';
+export { useFormAddEdit } from './useFormAddEdit/useFormAddEdit';
 export { useModal } from './useModal';
 export { useTab } from './useTab';
 export { getformAddEditDictionary } from './useFormAddEdit/dictionary';
@@ -13,3 +13,4 @@ export * from './useDataGridPersistence';
 export * from './usePopoverContainer';
 export * from './useIsVisible';
 export * from './useSizeContainer';
+export * from './useWatchTyped';

package/hooks/useFormAddEdit/{index.d.ts → useFormAddEdit.d.ts}

@@ -1,8 +1,9 @@
-import { FormStatusLoad } from '../../components/hook-form/RHFormContext/types';
+import { FormStatusLoad } from '../../components/hook-form/RHFormProvider/types';
 import { UseFormAddEditProps } from './types';
 import { FieldValues } from 'react-hook-form';
 /**
- * TODO: Documentar
+ * Hook to add or edit a form
+ * @deprecated Use useFormAddEdit from @m4l/layouts instead
  */
 export declare function useFormAddEdit<TValues extends FieldValues = FieldValues, TEndpointValues extends FieldValues = FieldValues>(props: UseFormAddEditProps<TValues, TEndpointValues>): {
     formValues: TValues;

package/hooks/useWatchTyped/index.d.ts

@@ -0,0 +1 @@
+export * from './useTypedWatch';

package/hooks/useWatchTyped/index.js

@@ -0,0 +1 @@
+

package/hooks/useWatchTyped/types.d.ts

@@ -0,0 +1,11 @@
+import { Control, DeepPartialSkipArrayKey, FieldPath, FieldPathValue, FieldPathValues, FieldValues } from 'react-hook-form';
+export type BaseProps<TFieldValues extends FieldValues> = {
+    control: Control<TFieldValues>;
+    disabled?: boolean;
+    exact?: boolean;
+};
+export type NameArray<TFieldValues extends FieldValues> = readonly FieldPath<TFieldValues>[];
+export type ExtractFieldPath<TFieldValues extends FieldValues, TName> = Extract<TName, FieldPath<TFieldValues>>;
+export type ExtractNameArray<TFieldValues extends FieldValues, TName> = Extract<TName, NameArray<TFieldValues>>;
+export type DefaultValueFor<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> | NameArray<TFieldValues>> = TName extends NameArray<TFieldValues> ? DeepPartialSkipArrayKey<TFieldValues> : FieldPathValue<TFieldValues, ExtractFieldPath<TFieldValues, TName>>;
+export type ReturnValueFor<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> | NameArray<TFieldValues>> = TName extends NameArray<TFieldValues> ? FieldPathValues<TFieldValues, ExtractNameArray<TFieldValues, TName>> : FieldPathValue<TFieldValues, ExtractFieldPath<TFieldValues, TName>>;

package/hooks/useWatchTyped/useTypedWatch.d.ts

@@ -0,0 +1,9 @@
+import { FieldPath, FieldValues } from 'react-hook-form';
+import { BaseProps, DefaultValueFor, NameArray, ReturnValueFor } from './types';
+/**
+ * Observa campos específicos (uno o varios) y devuelve su valor tipado.
+ */
+export declare function useWatchTyped<TFieldValues extends FieldValues, TName extends FieldPath<TFieldValues> | NameArray<TFieldValues>>({ control, name, defaultValue, disabled, exact, }: BaseProps<TFieldValues> & {
+    name: TName;
+    defaultValue?: DefaultValueFor<TFieldValues, TName>;
+}): ReturnValueFor<TFieldValues, TName>;

package/hooks/useWatchTyped/useTypedWatch.js

@@ -0,0 +1,30 @@
+import { useWatch } from "react-hook-form";
+function useWatchTyped({
+  control,
+  name,
+  defaultValue,
+  disabled,
+  exact
+}) {
+  if (Array.isArray(name)) {
+    const namesArray = name;
+    return useWatch({
+      control,
+      name: namesArray,
+      defaultValue,
+      disabled,
+      exact
+    });
+  }
+  const fieldName = name;
+  return useWatch({
+    control,
+    name: fieldName,
+    defaultValue,
+    disabled,
+    exact
+  });
+}
+export {
+  useWatchTyped as u
+};

package/index.js

@@ -161,6 +161,9 @@ import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.j
 import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
 import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
 import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { V as V2, b as b4, a as a9 } from "./components/hook-form/RHFormProvider/types.js";
+import { F as F3, R as R23, u as u17 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
+import { d as d4, a as a10, b as b5, c as c3 } from "./components/hook-form/RHFormProvider/schema.js";
 import { I as I4 } from "./components/Icon/Icon.js";
 import { I as I5 } from "./components/Image/Image.js";
 import { L as L6 } from "./components/Label/Label.js";
@@ -170,7 +173,7 @@ import { L as L9 } from "./components/Loadable/index.js";
 import { L as L10 } from "./components/LoadingError/LoadingError.js";
 import { g as g22 } from "./components/LoadingError/dictionary.js";
 import { g as g23 } from "./components/MenuActions/dictionary.js";
-import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
+import { a as a11, M as M3 } from "./components/MenuActions/MenuActions.js";
 import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
 import { M as M5 } from "./components/MFIsolationAppStorybook/MFIsolationAppStorybook.js";
 import { M as M6 } from "./components/MFLoader/MFLoader.js";
@@ -184,8 +187,8 @@ import { g as g27 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
 import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
-import { u as u17 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
-import { a as a10, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+import { u as u18 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
+import { a as a12, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
 import { P as P12 } from "./components/PropertyValue/PropertyValue.js";
@@ -194,17 +197,17 @@ import { S as S9 } from "./components/SideBar/SideBar.js";
 import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W as W2 } from "./components/WindowBase/WindowBase.js";
-import { u as u18 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
-import { u as u19, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
-import { M as M7, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
-import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
-import { D as D10, a as a13, M as M8 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
+import { u as u19 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
+import { u as u20, a as a13 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
+import { M as M7, W as W3, a as a14 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
+import { c as c4 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
+import { D as D10, a as a15, M as M8 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
 import { W as W4 } from "./components/WindowConfirm/WindowConfirm.js";
-import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
+import { a as a16, g as g28 } from "./components/ModalDialog/dictionary.js";
 import { M as M9 } from "./components/ModalDialog/ModalDialog.js";
 import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
-import { u as u20 } from "./components/Stepper/hooks/useStepper/index.js";
+import { u as u21 } from "./components/Stepper/hooks/useStepper/index.js";
 import { S as S11 } from "./components/Stepper/Stepper.js";
 import { S as S12 } from "./components/Stepper/subcomponents/StepperContent/index.js";
 import { S as S13 } from "./components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js";
@@ -217,12 +220,11 @@ import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/Step
 import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
 import { e as e2 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
 import { g as g29 } from "./components/Stepper/dictionary.js";
-import { F as F3, R as R23, u as u21 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g30 } from "./components/hook-form/RHFormProvider/dictionary.js";
 import { u as u22 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
-import { a as a15, M as M10 } from "./contexts/ModalContext/index.js";
-import { u as u23 } from "./hooks/useFormAddEdit/index.js";
+import { a as a17, M as M10 } from "./contexts/ModalContext/index.js";
+import { u as u23 } from "./hooks/useFormAddEdit/useFormAddEdit.js";
 import { u as u24 } from "./hooks/useModal/index.js";
 import { u as u25 } from "./hooks/useTab/index.js";
 import { g as g31 } from "./hooks/useFormAddEdit/dictionary.js";
@@ -238,19 +240,20 @@ import { u as u33 } from "./hooks/useDataGridPersistence/useDataGridPersistence.
 import { u as u34 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
 import { u as u35 } from "./hooks/useIsVisible/useIsVisible.js";
 import { u as u36 } from "./hooks/useSizeContainer/index.js";
-import { c as c4 } from "./utils/capitalizeFirstLetter.js";
+import { u as u37 } from "./hooks/useWatchTyped/useTypedWatch.js";
+import { c as c5 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
 import { g as g32 } from "./utils/getComponentUtilityClass.js";
 import { g as g33 } from "./utils/getPaletteColor.js";
 import { g as g34 } from "./utils/getTypographyStyles.js";
 import { g as g35 } from "./utils/getIconColor.js";
-import { a as a16, g as g36 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a18, g as g36 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g37, a as a17 } from "./utils/getComponentSlotRoot.js";
+import { g as g37, a as a19 } from "./utils/getComponentSlotRoot.js";
 import { f as f2 } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g38 } from "./utils/getValidDate.js";
 import { g as g39 } from "./utils/getNullGuard.js";
-import { c as c5, d as d4 } from "./utils/deepShallow.js";
+import { c as c6, d as d5 } from "./utils/deepShallow.js";
 import { g as g40 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
 export {
   A7 as AREAS_DICCTIONARY,
@@ -310,7 +313,7 @@ export {
   D3 as DragResizeWindowRND,
   D4 as DynamicFilter,
   D10 as DynamicMFParmsContext,
-  a13 as DynamicMFParmsProvider,
+  a15 as DynamicMFParmsProvider,
   D5 as DynamicSort,
   F as FixedSizeList,
   F2 as FormContainer,
@@ -339,10 +342,10 @@ export {
   M5 as MFIsolationAppStorybook,
   M6 as MFLoader,
   M8 as MemonizedDynamicMFParmsProvider,
-  a9 as MemonizedMenuActions,
+  a11 as MemonizedMenuActions,
   M7 as MemonizedWindowToolsMFContext,
   M3 as MenuActions,
-  a15 as ModalContext,
+  a17 as ModalContext,
   M9 as ModalDialog,
   M10 as ModalProvider,
   M as MotionContainer,
@@ -361,7 +364,7 @@ export {
   P6 as PeriodRootStyled,
   P3 as PointsFormatter,
   P2 as Popover,
-  a10 as PopupsContext,
+  a12 as PopupsContext,
   P9 as PopupsProvider,
   P10 as PopupsViewer,
   P5 as PriceFormatter,
@@ -434,20 +437,27 @@ export {
   T as TopBar,
   T8 as Typography,
   U as UncertaintyFormatter,
+  V2 as VALIDATION_OBJECT_BRAND,
+  b4 as VALIDATION_PARTIAL_OBJECT_BRAND,
+  a9 as VALIDATION_SCHEMA_BRAND,
   V as VariableSizeList,
   W as WINDOW_SIZES,
   W2 as WindowBase,
   W4 as WindowConfirm,
   W3 as WindowToolsMFContext,
-  a12 as WindowToolsMFProvider,
+  a14 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
   e as addLayoutItemToBreakPoints,
-  c4 as capitalizeFirstLetter,
+  c5 as capitalizeFirstLetter,
   d3 as cloneLayouts,
-  c5 as createCustomDeepShallow,
-  c3 as createDynamicMFStore,
+  c6 as createCustomDeepShallow,
+  c4 as createDynamicMFStore,
+  d4 as createEmptyValidationSchema,
   c as createToaster,
-  d4 as deepShallow,
+  a10 as createValidationFullObject,
+  b5 as createValidationPartialObject,
+  c3 as createValidationSchema,
+  d5 as deepShallow,
   d as defaultCommonActionsDictionary,
   d2 as dragResizeWindowRNDClasses,
   e2 as evaluateVisibilityStepCondition,
@@ -458,7 +468,7 @@ export {
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
   g37 as getComponentClasses,
-  a17 as getComponentSlotRoot,
+  a19 as getComponentSlotRoot,
   g32 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
@@ -472,13 +482,13 @@ export {
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
-  a16 as getHeightSizeStyles,
+  a18 as getHeightSizeStyles,
   g35 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
   g24 as getMFLoaderComponentsDictionary,
   g23 as getMenuActionsComponentsDictionary,
-  a14 as getModalDialogComponentsDictionary,
+  a16 as getModalDialogComponentsDictionary,
   g28 as getModalDictionary,
   g26 as getNoItemPrivilegesComponentsDictionary,
   g25 as getNoItemSelectedComponentsDictionary,
@@ -520,12 +530,12 @@ export {
   u13 as useColumnTags,
   u11 as useColumnUncertanity,
   u28 as useComponentSize,
-  u21 as useCustomForm,
+  u17 as useCustomForm,
   u33 as useDataGridPersistence,
   u16 as useDistanceToNowFormatter,
   u32 as useDynamicFilterAndSort,
-  u19 as useDynamicMFParameters,
-  a11 as useDynamicMFParametersStore,
+  u20 as useDynamicMFParameters,
+  a13 as useDynamicMFParametersStore,
   u23 as useFormAddEdit,
   u26 as useFormFocus,
   u29 as useFormReadyForUpdate,
@@ -534,13 +544,14 @@ export {
   u35 as useIsVisible,
   u24 as useModal,
   u34 as usePopoverContainer,
-  u17 as usePopupsStore,
+  u18 as usePopupsStore,
   u36 as useSizeContainer,
   u30 as useStateRef,
-  u20 as useStepper,
+  u21 as useStepper,
   u31 as useSvgColor,
   u25 as useTab,
-  u18 as useWindowToolsMF,
+  u37 as useWatchTyped,
+  u19 as useWindowToolsMF,
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.29-JT19112025.beta.6",
+  "version": "9.3.30-BE211125-beta.1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/components/DataGrid/formatters/ColumnColorFormatter/tests/ColumnColorFormatter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/formatters/ColumnColorFormatter/tests/useColumnColor.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/formatters/ColumnTagsFormatter/tests/ColumnTagsFormatter.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/DataGrid/formatters/ColumnTagsFormatter/tests/useColumnTags.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,120 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { CustomFormArguments, FormProviderProps, RHFormProviderRef } from './types';
-/**
- * Hook personalizado que configura y gestiona un formulario usando React Hook Form con validación Yup.
- *
- * Este hook encapsula la lógica de inicialización del formulario, incluyendo la configuración del resolver de Yup,
- * valores por defecto, y la gestión de estados de carga para actualizar valores del formulario.
- * @param validationSchema - Esquema de validación de Yup que define las reglas de validación del formulario
- * @param values - Valores iniciales del formulario
- * @param statusLoad - Estado de carga que determina cuándo actualizar los valores del formulario
- * @param mode - Modo de validación del formulario (ej: 'onChange', 'onBlur', 'onSubmit')
- * @returns Objeto con todos los métodos y propiedades de React Hook Form
- * @example
- * ```tsx
- * const formMethods = useCustomForm({
- *   validationSchema: myValidationSchema,
- *   values: { name: '', email: '' },
- *   statusLoad: 'ready',
- *   mode: 'onChange'
- * });
- * ```
- */
-export declare function useCustomForm({ validationSchema, values, statusLoad, mode, }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
-/**
- * Componente que proporciona el contexto de React Hook Form con funcionalidades adicionales.
- *
- * Este componente envuelve el `FormProvider` de React Hook Form y expone métodos del formulario
- * a través de una ref usando `useImperativeHandle`. Permite acceso programático a métodos
- * como submit, reset, setValue, etc.
- * @param props - Propiedades del componente que incluyen los métodos de React Hook Form
- * @param ref - Referencia que expone los métodos del formulario
- * @returns JSX del FormProvider con el formulario envuelto
- * @example
- * ```tsx
- * const formRef = useRef<RHFormProviderRef>(null);
- *
- * const handleReset = () => {
- *   formRef.current?.reset();
- * };
- *
- * return (
- *   <FormProviderCustom
- *     ref={formRef}
- *     onSubmit={handleSubmit}
- *     {...formMethods}
- *   >
- *     <input {...register('name')} />
- *   </FormProviderCustom>
- * );
- * ```
- */
-export declare const FormProviderCustom: import('react').ForwardRefExoticComponent<{
-    children: React.ReactNode | React.ReactNode[];
-} & import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues> & FormProviderProps & import('react').RefAttributes<RHFormProviderRef>>;
-/**
- * Componente principal que gestiona el `Provider` de `react-hook-form` y encapsula el formulario para la creación de formularios personalizados.
- *
- * Este componente utiliza internamente `useForm` para inicializar todos los métodos necesarios para la manipulación del formulario,
- * incluyendo validación con Yup, gestión de estados de carga, y exposición de métodos a través de refs.
- *
- * **Características principales:**
- * - Integración completa con React Hook Form
- * - Validación automática usando esquemas de Yup
- * - Gestión de estados de carga para actualización de valores
- * - Exposición de métodos del formulario a través de refs
- * - Soporte para diferentes modos de validación
- *
- * Si necesitas acceso directo a los métodos de `useForm`, puedes utilizar el `Provider` y el hook por separado mediante
- * `FormProviderCustom` y `useCustomForm`, respectivamente.
- * @param props - Propiedades del componente
- * @param props.children - Elementos hijos del formulario
- * @param props.onSubmit - Función que se ejecuta al enviar el formulario
- * @param props.values - Valores iniciales del formulario
- * @param props.validationSchema - Esquema de validación de Yup
- * @param props.statusLoad - Estado de carga del formulario (opcional, por defecto 'ready')
- * @param props.className - Clases CSS adicionales (opcional)
- * @param props.mode - Modo de validación del formulario (opcional)
- * @param ref - Referencia que expone los métodos del formulario
- * @returns JSX del formulario con contexto de React Hook Form
- * @example
- * ```tsx
- * import { useRef } from 'react';
- * import { RHFormProvider, RHFormProviderRef } from './RHFormContext';
- * import * as yup from 'yup';
- *
- * const schema = yup.object({
- *   name: yup.string().required('El nombre es requerido'),
- *   email: yup.string().email('Email inválido').required('El email es requerido')
- * });
- *
- * const MyForm = () => {
- *   const formRef = useRef<RHFormProviderRef>(null);
- *
- *   const handleSubmit = (data: any) => {
- *     console.log('Datos del formulario:', data);
- *   };
- *
- *   const handleReset = () => {
- *     formRef.current?.reset();
- *   };
- *
- *   return (
- *     <RHFormProvider
- *       ref={formRef}
- *       onSubmit={handleSubmit}
- *       values={{ name: '', email: '' }}
- *       validationSchema={schema}
- *       statusLoad="ready"
- *       mode="onChange"
- *     >
- *       <input {...register('name')} placeholder="Nombre" />
- *       <input {...register('email')} placeholder="Email" />
- *       <button type="submit">Enviar</button>
- *       <button type="button" onClick={handleReset}>Resetear</button>
- *     </RHFormProvider>
- *   );
- * };
- * ```
- */
-export declare const RHFormProvider: import('react').ForwardRefExoticComponent<FormProviderProps & import('react').RefAttributes<RHFormProviderRef>>;

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

@@ -1,91 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useImperativeHandle, useEffect } from "react";
-import clsx from "clsx";
-import { FormProvider, useForm } 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) => {
-        formMethods.setValue(key, values[key], {
-          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 FormProviderCustom = forwardRef((props, ref) => {
-  const { children, onSubmit, className, handleSubmit, ...formMethods } = props;
-  useImperativeHandle(ref, () => ({
-    formMethods: { ...formMethods, handleSubmit },
-    submit: () => handleSubmit(onSubmit)(),
-    reset: formMethods.reset,
-    clearErrors: formMethods.clearErrors,
-    setValue: formMethods.setValue,
-    getValues: formMethods.getValues,
-    trigger: formMethods.trigger,
-    watch: formMethods.watch,
-    setError: formMethods.setError,
-    unregister: formMethods.unregister
-  }), [formMethods, handleSubmit, onSubmit]);
-  return /* @__PURE__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(
-    FormProviderRoot,
-    {
-      className: clsx(classes.root, className),
-      onSubmit: handleSubmit(onSubmit),
-      children
-    }
-  ) });
-});
-FormProviderCustom.displayName = "FormProviderCustom";
-const RHFormProvider = forwardRef((props, ref) => {
-  const { children, onSubmit, values, validationSchema, statusLoad = "ready", className, mode } = props;
-  const formMethods = useCustomForm({ validationSchema, statusLoad, values, mode });
-  return /* @__PURE__ */ jsx(
-    FormProviderCustom,
-    {
-      ref,
-      className,
-      values,
-      validationSchema,
-      statusLoad,
-      onSubmit,
-      ...formMethods,
-      children
-    }
-  );
-});
-RHFormProvider.displayName = "RHFormProvider";
-export {
-  FormProviderCustom as F,
-  RHFormProvider as R,
-  useCustomForm as u
-};