@m4l/components 9.3.29 → 9.3.30-JA.beta-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,129 @@
+import { ReactNode } from 'react';
+import { Mode, 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;
+    /** 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, any, undefined>;
+}
+/**
+ * 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, any, undefined>;
+    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';

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

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

@@ -1,4 +1,4 @@
-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';
 /**

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,11 +220,10 @@ 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 { a as a17, M as M10 } from "./contexts/ModalContext/index.js";
 import { u as u23 } from "./hooks/useFormAddEdit/index.js";
 import { u as u24 } from "./hooks/useModal/index.js";
 import { u as u25 } from "./hooks/useTab/index.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",
+  "version": "9.3.30-JA.beta-1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {