@m4l/components 9.3.28 → 9.3.30-JA.beta-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

@@ -60,6 +60,8 @@ import { C as C14 } from "./components/DataGrid/formatters/ColumnChipStatusForma
 import { u as u12 } from "./components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatus.js";
 import { C as C15 } from "./components/DataGrid/formatters/ColumnTagsFormatter/formatter.js";
 import { u as u13 } from "./components/DataGrid/formatters/ColumnTagsFormatter/useColumnTags.js";
+import { C as C16 } from "./components/DataGrid/formatters/ColumnColorFormatter/formatter.js";
+import { u as u14 } from "./components/DataGrid/formatters/ColumnColorFormatter/useColumnColor.js";
 import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
 import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
 import { W } from "./components/DragResizeWindowRND/constants.js";
@@ -81,7 +83,7 @@ import { R as R3 } from "./components/extended/React-Json-Viewer/ReactJsonViewer
 import { A as A14 } from "./components/mui_extended/Avatar/Avatar.js";
 import { B as B2 } from "./components/mui_extended/BoxIcon/index.js";
 import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.js";
-import { C as C16 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
+import { C as C17 } from "./components/mui_extended/CircularProgress/CircularProgress.js";
 import { B as B4 } from "./components/mui_extended/Badge/Badge.js";
 import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
@@ -91,7 +93,7 @@ import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
 import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
-import { C as C17 } from "./components/mui_extended/CheckBox/CheckBox.js";
+import { C as C18 } from "./components/mui_extended/CheckBox/CheckBox.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -119,14 +121,15 @@ import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatt
 import { D as D8, g as g12 } from "./components/formatters/DateFormatter/DateFormatter.js";
 import { U, g as g13 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
 import { P as P3, g as g14 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C18, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
-import { P as P4, u as u14 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
+import { C as C19, g as g15 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { P as P4, u as u15 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
 import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
 import { T as T17 } from "./components/formatters/TagsFormatter/TagsFormatter.js";
-import { C as C19 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
+import { C as C20 } from "./components/formatters/ColorFormatter/ColorFormatter.js";
+import { C as C21 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
-import { u as u15 } from "./components/formatters/DistanceToNowFormatter/hooks/useDistanceToNowFormatter.js";
+import { u as u16 } from "./components/formatters/DistanceToNowFormatter/hooks/useDistanceToNowFormatter.js";
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
@@ -158,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";
@@ -167,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";
@@ -181,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 u16 } 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";
@@ -191,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 u17 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
-import { u as u18, 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 u19 } 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";
@@ -214,40 +220,40 @@ 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 u20 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
-import { u as u21 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.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 u22 } from "./hooks/useFormAddEdit/index.js";
-import { u as u23 } from "./hooks/useModal/index.js";
-import { u as u24 } from "./hooks/useTab/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";
 import { g as g31 } from "./hooks/useFormAddEdit/dictionary.js";
-import { u as u25 } from "./hooks/useFormFocus/index.js";
-import { u as u26 } from "./hooks/useInterval/index.js";
-import { u as u27 } from "./hooks/useComponentSize/useComponentSize.js";
-import { u as u28 } from "./hooks/useFormReadyForUpdate/index.js";
-import { u as u29 } from "./hooks/useStateRef/index.js";
+import { u as u26 } from "./hooks/useFormFocus/index.js";
+import { u as u27 } from "./hooks/useInterval/index.js";
+import { u as u28 } from "./hooks/useComponentSize/useComponentSize.js";
+import { u as u29 } from "./hooks/useFormReadyForUpdate/index.js";
+import { u as u30 } from "./hooks/useStateRef/index.js";
 import { S as S21 } from "./hooks/useSvgColor/constants.js";
-import { u as u30 } from "./hooks/useSvgColor/useSvgColor.js";
-import { u as u31 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
-import { u as u32 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
-import { u as u33 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
-import { u as u34 } from "./hooks/useIsVisible/useIsVisible.js";
-import { u as u35 } from "./hooks/useSizeContainer/index.js";
-import { c as c4 } from "./utils/capitalizeFirstLetter.js";
+import { u as u31 } from "./hooks/useSvgColor/useSvgColor.js";
+import { u as u32 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
+import { u as u33 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
+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 { 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,
@@ -275,12 +281,14 @@ export {
   B3 as Breadcrumbs,
   B5 as Button,
   C as Card,
-  C17 as CheckBox,
+  C18 as CheckBox,
   C2 as Chip,
-  C19 as ChipStatusFormatter,
-  C16 as CircularProgress,
+  C21 as ChipStatusFormatter,
+  C17 as CircularProgress,
+  C20 as ColorFormatter,
   C4 as ColumnBooleanFormatter,
   C14 as ColumnChipStatusFormatter,
+  C16 as ColumnColorFormatter,
   C5 as ColumnConcatenatedValueFormatter,
   C6 as ColumnDateFormatter,
   C7 as ColumnIconFormatter,
@@ -291,7 +299,7 @@ export {
   C12 as ColumnSetCheckFormatter,
   C15 as ColumnTagsFormatter,
   C13 as ColumnUncertaintyFormatter,
-  C18 as ConcatenatedFormatter,
+  C19 as ConcatenatedFormatter,
   C3 as ContainerFlow,
   b3 as DATAGRID_ROW_HEADER_HEIGHTS,
   a4 as DATAGRID_ROW_HEIGHTS,
@@ -305,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,
@@ -334,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,
@@ -356,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,
@@ -429,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,
@@ -453,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,
@@ -467,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,
@@ -499,10 +514,11 @@ export {
   r as rhfPeriodStyles,
   t as toggleButtonStyles,
   t2 as toggleIconButtonStyles,
-  u21 as useAppearanceComponentStore,
+  u22 as useAppearanceComponentStore,
   u as useAreasStore,
   u2 as useColumnBoolean,
   u12 as useColumnChipStatus,
+  u14 as useColumnColor,
   u3 as useColumnConcatenatedValue,
   u4 as useColumnDate,
   u5 as useColumnIcon,
@@ -513,28 +529,29 @@ export {
   u10 as useColumnSetCheck,
   u13 as useColumnTags,
   u11 as useColumnUncertanity,
-  u27 as useComponentSize,
-  u20 as useCustomForm,
-  u32 as useDataGridPersistence,
-  u15 as useDistanceToNowFormatter,
-  u31 as useDynamicFilterAndSort,
-  u18 as useDynamicMFParameters,
-  a11 as useDynamicMFParametersStore,
-  u22 as useFormAddEdit,
-  u25 as useFormFocus,
-  u28 as useFormReadyForUpdate,
-  u14 as useFormatPeriod,
-  u26 as useInterval,
-  u34 as useIsVisible,
-  u23 as useModal,
-  u33 as usePopoverContainer,
-  u16 as usePopupsStore,
-  u35 as useSizeContainer,
-  u29 as useStateRef,
-  u19 as useStepper,
-  u30 as useSvgColor,
-  u24 as useTab,
-  u17 as useWindowToolsMF,
+  u28 as useComponentSize,
+  u17 as useCustomForm,
+  u33 as useDataGridPersistence,
+  u16 as useDistanceToNowFormatter,
+  u32 as useDynamicFilterAndSort,
+  u20 as useDynamicMFParameters,
+  a13 as useDynamicMFParametersStore,
+  u23 as useFormAddEdit,
+  u26 as useFormFocus,
+  u29 as useFormReadyForUpdate,
+  u15 as useFormatPeriod,
+  u27 as useInterval,
+  u35 as useIsVisible,
+  u24 as useModal,
+  u34 as usePopoverContainer,
+  u18 as usePopupsStore,
+  u36 as useSizeContainer,
+  u30 as useStateRef,
+  u21 as useStepper,
+  u31 as useSvgColor,
+  u25 as useTab,
+  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.28",
+  "version": "9.3.30-JA.beta-1",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {
@@ -68,7 +68,7 @@
     "rollup": "4.52.5"
   },
   "overrides": {
-    "glob": "^10.4.5",
+    "glob": "10.4.5",
     "eslint": "9.28.0",
     "react": "18.3.1",
     "@types/react": "18.3.23",

package/test/getNameDataTestId.js

@@ -12,6 +12,6 @@ function getPropDataTestId(componentName, slotKey, instaceId) {
   }
 }
 export {
-  getNameDataTestId as a,
-  getPropDataTestId as g
+  getPropDataTestId as a,
+  getNameDataTestId as g
 };

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