@m4l/components 9.1.52 → 9.1.53

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

@@ -1,10 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef } from "react";
+import { forwardRef, useId } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import { InputAdornment } from "@mui/material";
-import { u as useFormFocus } from "../../../hooks/useFormFocus/index.js";
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { R as RHF_TEXT_FIELD_KEY_COMPONENT } from "./constant.js";
+import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
+import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 import { R as RHFTextFieldRootStyled, L as LabelStyled, T as TextFieldStyled, H as HelperErrorStyled } from "./slots/RHFTextFieldSlots.js";
 import { R as RHFTextFieldSlots } from "./slots/RHFTextFieldEnum.js";
@@ -12,11 +13,9 @@ const RHFTextField = forwardRef((props, ref) => {
   const {
     name,
     autoComplete = "off",
-    skeletonWidth = "100%",
-    skeletonHeight = "18px",
     type,
     label,
-    size = "small",
+    size = "medium",
     startIcon,
     endIcon,
     helperMessage = "",
@@ -27,13 +26,14 @@ const RHFTextField = forwardRef((props, ref) => {
     isInteger = true,
     mandatoryMessage,
     helperText = true,
+    className,
     ...other
   } = props;
-  const ariaLabelledById = `field-label-${name}`;
+  const htmlForId = useId();
+  const ariaLabelledById = `field-label-${htmlForId}`;
   const {
     control
   } = useFormContext();
-  const { handlerFocus, handlerOnKeyUp, handlerOnBlur } = useFormFocus();
   const { currentSize } = useComponentSize(size);
   const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
   const ownerState = {
@@ -44,15 +44,12 @@ const RHFTextField = forwardRef((props, ref) => {
     size: adjustedSize,
     disabled
   };
+  const classRoot = getComponentSlotRoot(RHF_TEXT_FIELD_KEY_COMPONENT);
   return /* @__PURE__ */ jsx(
     RHFTextFieldRootStyled,
     {
       ownerState: { ...ownerState },
-      onFocus: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerOnKeyUp,
-      role: "textbox",
-      htmlFor: name,
+      className: clsx(classRoot, className),
       ...getPropDataTestId(RHF_TEXT_FIELD_KEY_COMPONENT, RHFTextFieldSlots.root),
       children: /* @__PURE__ */ jsx(
         Controller,
@@ -61,16 +58,7 @@ const RHFTextField = forwardRef((props, ref) => {
           control,
           render: ({ field: { onChange, value, ref: inputRef }, fieldState: { error } }) => {
             const onInternalChange = (event) => {
-              let newValue = event.target.value;
-              if (type === "number") {
-                if (isInteger) {
-                  newValue = newValue ? parseInt(newValue, 10) : "";
-                } else {
-                  if (!/^\d*\.?\d*$/.test(newValue)) {
-                    newValue = value;
-                  }
-                }
-              }
+              const newValue = event.target.value;
               onChange(newValue);
             };
             return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -80,28 +68,28 @@ const RHFTextField = forwardRef((props, ref) => {
                   ownerState: { ...ownerState },
                   size: adjustedSize,
                   label,
-                  id: ariaLabelledById,
+                  htmlFor: htmlForId,
                   mandatory,
                   mandatoryMessage,
-                  helperMessage,
-                  className: "Ejemplo"
+                  helperMessage
                 }
               ),
               /* @__PURE__ */ jsx(
                 TextFieldStyled,
                 {
-                  ownerState: { ...ownerState, error: !!error || other.error },
+                  ownerState: { ...ownerState, error: !!error },
                   disabled,
                   inputRef,
                   ref,
                   InputLabelProps: { shrink: true },
                   autoComplete,
                   onChange: onInternalChange,
-                  className: "rhf-text-field-root",
                   value: type === "number" ? isNaN(parseFloat(value)) ? "" : value : value || "",
                   inputProps: {
                     name,
-                    id: name,
+                    role: "textbox",
+                    ss: 1,
+                    id: htmlForId,
                     "aria-labelledby": ariaLabelledById,
                     ...getPropDataTestId(RHF_TEXT_FIELD_KEY_COMPONENT, RHFTextFieldSlots.textField)
                   },
@@ -128,7 +116,8 @@ const RHFTextField = forwardRef((props, ref) => {
                 {
                   ownerState: {},
                   message: error.message,
-                  size: adjustedSize
+                  size: adjustedSize,
+                  htmlFor: htmlForId
                 }
               ) : null
             ] });

package/components/hook-form/RHFTextField/RHFTextField.styles.js

@@ -26,7 +26,9 @@ const rhfTextFieldStyles = {
    * @updatedAt 2024-10-22 19:27:23 - automatic
    * @updatedUser Bruce Escobar - automatic
    */
-  helperErrorStyled: {}
+  helperErrorStyled: {},
+  skeletonTextFieldRoot: {},
+  wrapperSkeletonRHFTextField: {}
 };
 export {
   rhfTextFieldStyles as r

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

@@ -6,9 +6,16 @@ import { LabelProps } from '../../Label/types';
 import { RHFTextFieldSlots } from './slots';
 import { RHF_TEXT_FIELD_KEY_COMPONENT } from './constant';
 import { ComponentPalletColor } from '@m4l/styles';
-export interface RHFTextFieldProps extends Omit<TextFieldProps, 'size' | 'inputProps' | 'label' | 'theme' | 'color'>, Omit<LabelProps, 'label'> {
+export interface RHFTextFieldProps extends Omit<TextFieldProps, 'size' | 'inputProps' | 'label' | 'theme' | 'color' | 'error'>, Omit<LabelProps, 'label' | 'error'> {
+    /**
+     * Valor de anchura total para la vista de carga provisional.
+     * @deprecated
+     */
     skeletonWidth?: string | number;
-    /** Valor de altura total para la vista de carga provisional. */
+    /**
+     * Valor de altura total para la vista de carga provisional.
+     * @deprecated
+     */
     skeletonHeight?: string | number;
     /** Identificador del campo para react hook form. */
     name: string;
@@ -23,17 +30,10 @@ export interface RHFTextFieldProps extends Omit<TextFieldProps, 'size' | 'inputP
     /** Etiqueta que se utiliza para condicionar el valor del campo de texto para que sea de tipo entero o decimal.*/
     isInteger?: boolean;
     color?: Extract<ComponentPalletColor, 'default'>;
-    RHFtextFieldError?: boolean;
-}
-export interface RHFTextFieldState extends Pick<RHFTextFieldProps, 'size' | 'disabled'> {
-    type: 'password' | 'text';
-    isFocus: boolean;
-    isTabSelected: boolean;
+    className?: string;
 }
 export type RHFTextFieldOwnerState = RHFTextFieldProps & {
-    componentPaletteColor?: ComponentPalletColor;
-    RHFtextFieldError?: boolean;
     error?: boolean;
 };
 export type RHFTextFieldSlotsType = keyof typeof RHFTextFieldSlots;
-export type RHFTextFieldStyles = Partial<OverridesStyleRules<RHFTextFieldSlotsType, typeof RHF_TEXT_FIELD_KEY_COMPONENT, Theme> | undefined> | undefined;
+export type RHFTextFieldStyles = OverridesStyleRules<RHFTextFieldSlotsType, typeof RHF_TEXT_FIELD_KEY_COMPONENT, Theme>;

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

@@ -12,8 +12,6 @@ const RHFTextFieldPassword = (props) => {
   const {
     name,
     label,
-    skeletonWidth,
-    skeletonHeight,
     size,
     mandatory,
     mandatoryMessage,
@@ -38,8 +36,6 @@ const RHFTextFieldPassword = (props) => {
             label,
             type: showPassword ? "text" : "password",
             autoComplete: "on",
-            skeletonWidth,
-            skeletonHeight,
             size,
             mandatory,
             mandatoryMessage,

package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/index.js

@@ -99,8 +99,6 @@ function GeneralData() {
             name: "properties.radius",
             label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_RADIUS),
             autoComplete: "off",
-            skeletonWidth: "70%",
-            skeletonHeight: "18px",
             disabled: true,
             size: "small"
           }
@@ -111,8 +109,6 @@ function GeneralData() {
             name: "lat",
             label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_LAT),
             autoComplete: "off",
-            skeletonWidth: "70%",
-            skeletonHeight: "18px",
             disabled: true,
             size: "small"
           }
@@ -123,8 +119,6 @@ function GeneralData() {
             name: "lng",
             label: getLabel(MAP_GPSTOOLS_DICCTIONARY.LABEL_LON),
             autoComplete: "off",
-            skeletonWidth: "70%",
-            skeletonHeight: "18px",
             disabled: true,
             size: "small"
           }

package/components/mui_extended/TextField/TextField.js

@@ -5,6 +5,8 @@ import { S as SkeletonStyled, T as TextFieldRootStyled } from "./slots/TextField
 import { a as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { T as TEXT_FIELD_KEY_COMPONENT } from "./constants.js";
 import { T as TextFieldSlots } from "./slots/TextFieldEnum.js";
+import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
+import clsx from "clsx";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const TextField = (props) => {
   const {
@@ -42,9 +44,11 @@ const TextField = (props) => {
       }
     );
   }
+  const classRoot = getComponentSlotRoot(TEXT_FIELD_KEY_COMPONENT);
   return /* @__PURE__ */ jsx(
     TextFieldRootStyled,
     {
+      className: clsx(classRoot, className),
       ownerState: { ...ownerState },
       ...getPropDataTestId(TEXT_FIELD_KEY_COMPONENT, TextFieldSlots.root, dataTestId),
       autoComplete,

package/components/mui_extended/Typography/types.d.ts

@@ -10,7 +10,7 @@ export type TypographyColors = 'text.primary' | 'text.secondary' | 'text.disable
 /**
  * Define la propiedades del componente, se une a las capacidades originales de MUI Typography.
  */
-export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'variant' | 'children'> {
+export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'variant' | 'children' | 'size'> {
     /**
      * Anchura del elemento Skeleton.
      */
@@ -39,6 +39,8 @@ export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'var
      * Nombre identificador del componente, es útil para realizar pruebas del componente.
      */
     dataTestid?: string;
+    /** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente*/
+    htmlFor?: string | undefined;
 }
 /**
  * Define valores de estado necesarios para estilar el componente.

package/components/mui_extended/Typography/typography.styles.js

@@ -9,6 +9,7 @@ const typographyStyles = {
    * @updatedUser Andrés Quintero - automatic
    */
   root: ({ ownerState, theme }) => ({
+    cursor: "default",
     "&.M4lclassCssSpecificity": {
       // Estilos generales 🌐
       // skeleton spacing when multiple rows 🦴

package/hooks/useFormFocus/index.d.ts

@@ -6,5 +6,6 @@ import { FormFocusHookReturnType } from './types';
  */
 /**
  * TODO: Documentar
+ * @deprecated no se debe usar, esto era para una metodologia donde en js se manejaba el estado de los componentes
  */
 export declare const useFormFocus: <ElmentType extends HTMLElement>() => FormFocusHookReturnType<ElmentType>;

package/index.js

@@ -37,21 +37,20 @@ import { R as R7 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
 import { g as g6 } from "./components/Period/dictionary.js";
 import { R as R8 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
 import { R as R9 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { g as g7 } from "./components/hook-form/RHFColorPicker/dictionary.js";
 import { R as R10 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
 import { R as R11 } from "./components/hook-form/RHFTextField/RHFTextField.js";
 import { R as R12 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
 import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { B } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
 import { D as D2, u as u4 } from "./components/formatters/DateFormatter/index.js";
-import { U, g as g8 } from "./components/formatters/UncertaintyFormatter/index.js";
-import { P as P2, g as g9 } from "./components/formatters/PointsFormatter/index.js";
-import { C, g as g10 } from "./components/formatters/ConcatenatedFormatter/index.js";
+import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/index.js";
+import { P as P2, g as g8 } from "./components/formatters/PointsFormatter/index.js";
+import { C, g as g9 } from "./components/formatters/ConcatenatedFormatter/index.js";
 import { P as P3, u as u5 } from "./components/formatters/PeriodFormatter/index.js";
-import { P as P4, g as g11 } from "./components/formatters/PriceFormatter/index.js";
-import { g as g12 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
+import { P as P4, g as g10 } from "./components/formatters/PriceFormatter/index.js";
+import { g as g11 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D3 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
-import { g as g13 } from "./components/formatters/dictionary.js";
+import { g as g12 } from "./components/formatters/dictionary.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnPointsFormatter/index.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/index.js";
@@ -70,7 +69,7 @@ import { A as A7 } from "./components/CommonActions/components/ActionCancel/Acti
 import { A as A8 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/index.js";
 import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/index.js";
-import { d, g as g14 } from "./components/CommonActions/dictionary.js";
+import { d, g as g13 } from "./components/CommonActions/dictionary.js";
 import { D as D5 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
@@ -86,14 +85,14 @@ import { L as L6 } from "./components/Loadable/index.js";
 import { M as M3 } from "./components/maps/components/MapGpsTools/MapGpsTools.js";
 import { u as u6 } from "./components/maps/components/MapGpsTools/hooks/useMapGpsToolsStore/index.js";
 import { a as a6 } from "./components/maps/components/MapGpsTools/contexts/MapGpsToolsContext/index.js";
-import { g as g15 } from "./components/maps/components/MapGpsTools/dictionary.js";
+import { g as g14 } from "./components/maps/components/MapGpsTools/dictionary.js";
 import { M as M4 } from "./components/maps/components/Map/Map.js";
 import { M as M5, a as a7 } from "./components/maps/components/Map/contexts/MapContext/MapContext.js";
 import { u as u7 } from "./components/maps/components/Map/hooks/useMapStore/index.js";
-import { g as g16 } from "./components/maps/components/Map/dictionary.js";
+import { g as g15 } from "./components/maps/components/Map/dictionary.js";
 import { M as M6 } from "./components/maps/components/Map/featureRenders/MarkerFeatureRender/index.js";
 import { C as C11 } from "./components/maps/components/Map/featureRenders/CommonFeatureRender/index.js";
-import { g as g17 } from "./components/maps/components/Map/popups/MapPopupMyGps/dictionary.js";
+import { g as g16 } from "./components/maps/components/Map/popups/MapPopupMyGps/dictionary.js";
 import { M as M7 } from "./components/maps/components/Map/popups/MapPopupMyGps/MapPopupMyGps.js";
 import { P as P6 } from "./components/maps/components/Map/pluginLayers/PolylineWithArrows/index.js";
 import { c as c4 } from "./components/maps/utils/courseToCartesianAngle.js";
@@ -103,8 +102,8 @@ import { i as i3 } from "./components/maps/utils/isFeatureCollection.js";
 import { i as i4 } from "./components/maps/utils/isFeatureCollectionDraft.js";
 import { i as i5 } from "./components/maps/utils/isGeometry.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
-import { g as g18 } from "./components/modal/dictionary.js";
-import { d as d4, g as g19 } from "./components/ModalDialog/dictionary.js";
+import { g as g17 } from "./components/modal/dictionary.js";
+import { d as d4, g as g18 } from "./components/ModalDialog/dictionary.js";
 import { W as W2 } from "./components/WindowConfirm/WindowConfirm.js";
 import { w as w2 } from "./components/WindowBase/WindowBase.styles.js";
 import { W as W3 } from "./components/WindowBase/WindowBase.js";
@@ -114,13 +113,13 @@ import { W as W5 } from "./components/WindowBase/slots/WindowBaseEnum.js";
 import { C as C12, a as a8, H as H2, I as I5, d as d5, M as M9, b as b3, P as P7, S as S2, c as c6, T as T2, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
 import { H as H3 } from "./components/WindowBase/subcomponents/Header/HeaderWindowBase.js";
 import { L as L7 } from "./components/LoadingError/LoadingError.js";
-import { g as g20 } from "./components/LoadingError/dictionary.js";
+import { g as g19 } from "./components/LoadingError/dictionary.js";
 import { M as M10 } from "./components/MFLoader/MFLoader.js";
-import { g as g21 } from "./components/MFLoader/dictionary.js";
+import { g as g20 } from "./components/MFLoader/dictionary.js";
 import { N as N3 } from "./components/NoItemSelected/index.js";
-import { d as d6, g as g22 } from "./components/NoItemSelected/dictionary.js";
+import { d as d6, g as g21 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/index.js";
-import { d as d7, g as g23 } from "./components/ObjectLogs/dictionary.js";
+import { d as d7, g as g22 } from "./components/ObjectLogs/dictionary.js";
 import { P as P8 } from "./components/PaperForm/PaperForm.js";
 import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
 import { P as P10 } from "./components/Period/Period.js";
@@ -136,9 +135,9 @@ import { T as T3 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T4 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { S as S5 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
-import { g as g24 } from "./components/AppBar/dictionary.js";
+import { g as g23 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
-import { g as g25 } from "./components/AccountPopover/dictionary.js";
+import { g as g24 } from "./components/AccountPopover/dictionary.js";
 import { u as u8 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { a as a11, P as P12 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P13 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
@@ -158,7 +157,7 @@ import { L as L8 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L9 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L10 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P14 } from "./components/mui_extended/Pager/index.js";
-import { g as g26 } from "./components/mui_extended/Pager/dicctionary.js";
+import { g as g25 } from "./components/mui_extended/Pager/dicctionary.js";
 import { T as T6 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T7 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -184,7 +183,7 @@ import { T as T18 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
 import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { a as a13, D as D6, M as M13 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
 import { F, R as R17, u as u9 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g27 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { g as g26 } from "./components/hook-form/RHFormContext/dictionary.js";
 import { u as u10 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a14, M as M14 } from "./contexts/ModalContext/index.js";
@@ -192,7 +191,7 @@ import { a as a15, R as R18 } from "./contexts/RealTimeContext/RealTimeContext.j
 import { u as u11 } from "./hooks/useFormAddEdit/index.js";
 import { u as u12 } from "./hooks/useModal/index.js";
 import { u as u13 } from "./hooks/useTab/index.js";
-import { g as g28 } from "./hooks/useFormAddEdit/dictionary.js";
+import { g as g27 } from "./hooks/useFormAddEdit/dictionary.js";
 import { u as u14 } from "./hooks/useFormFocus/index.js";
 import { u as u15 } from "./hooks/useInterval/index.js";
 import { u as u16 } from "./hooks/useComponentSize/useComponentSize.js";
@@ -376,38 +375,37 @@ export {
   d6 as defaultNoItemSelectedDictionary,
   d7 as defaultObjectLogDictionary,
   d2 as draggableWindowClasses,
-  g25 as getAccountPopoverDictionary,
-  g24 as getAppBarDictionary,
+  g24 as getAccountPopoverDictionary,
+  g23 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
-  g14 as getCommonActionsDictionary,
+  g13 as getCommonActionsDictionary,
   g as getDataGridComponentsDictionary,
   g2 as getDataGridRowsFromSet,
-  g12 as getDistanceToNowFormatterComponentsDictionary,
+  g11 as getDistanceToNowFormatterComponentsDictionary,
   a5 as getDynamicFilterComponentsDictionary,
-  g27 as getFormComponentsDictionary,
-  g10 as getFormatConcatenated,
+  g26 as getFormComponentsDictionary,
+  g9 as getFormatConcatenated,
   u4 as getFormatDate,
-  g9 as getFormatPoints,
-  g11 as getFormatPrice,
-  g13 as getFormattersComponentsDictionary,
-  g20 as getLoadingErrorComponentsDictionary,
-  g21 as getMFLoaderComponentsDictionary,
-  g16 as getMapComponentsDictionary,
-  g15 as getMapGpsToolsComponentsDictionary,
-  g17 as getMapPopupMyGpsComponentsDictionary,
+  g8 as getFormatPoints,
+  g10 as getFormatPrice,
+  g12 as getFormattersComponentsDictionary,
+  g19 as getLoadingErrorComponentsDictionary,
+  g20 as getMFLoaderComponentsDictionary,
+  g15 as getMapComponentsDictionary,
+  g14 as getMapGpsToolsComponentsDictionary,
+  g16 as getMapPopupMyGpsComponentsDictionary,
   a9 as getMenuActionsComponentsDictionary,
-  g19 as getModalDialogComponentsDictionary,
-  g18 as getModalDictionary,
-  g22 as getNoItemSelectedComponentsDictionary,
-  g23 as getObjectLogsComponentsDictionary,
-  g26 as getPagerComponentsDictionary,
+  g18 as getModalDialogComponentsDictionary,
+  g17 as getModalDictionary,
+  g21 as getNoItemSelectedComponentsDictionary,
+  g22 as getObjectLogsComponentsDictionary,
+  g25 as getPagerComponentsDictionary,
   g6 as getPeriodComponetsDictionary,
   g5 as getRHFAutocompleteAsyncComponentsDictionary,
   g4 as getRHFAutocompleteComponentsDictionary,
-  g7 as getRHFColorPickerComponentsDictionary,
-  g8 as getUncertaintyFormat,
-  g28 as getformAddEditDictionary,
+  g7 as getUncertaintyFormat,
+  g27 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isFeature,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.52",
+  "version": "9.1.53",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/test/TestFormAutoValidation.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Envoltorio para el estado de error
+ */
+export declare const TestFormAutoValidation: () => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LRHFColorPicker";

package/components/hook-form/RHFColorPicker/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LRHFColorPicker";
-export {
-  componentName as c
-};

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

@@ -1,15 +0,0 @@
-import { RHFColorPickerClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const colorPickerClasses: RHFColorPickerClassesType;
-export declare function getRHFColorPickerUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const useUtilityClasses: (owmerState: OwnerState) => {
-    skeleton: string;
-    root: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    containerPicker: string;
-    fieldColor: string;
-};

package/components/hook-form/RHFColorPicker/classes/index.js

@@ -1,44 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-const colorPickerClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "popoverRoot",
-  "containerFieldColor",
-  "fieldColor",
-  "containerPicker",
-  "skeleton",
-  /* states or variants of elements */
-  "sizeSmall",
-  "sizeMedium",
-  "isFocus",
-  "isTabSelected"
-]);
-function getRHFColorPickerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useUtilityClasses = (owmerState) => {
-  const slots = {
-    root: [
-      "root",
-      owmerState.isFocus && "isFocus",
-      owmerState.isTabSelected && "isTabSelected",
-      owmerState.size === "small" && "sizeSmall",
-      owmerState.size === "medium" && "sizeMedium"
-    ],
-    popoverRoot: ["popoverRoot"],
-    containerFieldColor: ["containerFieldColor"],
-    fieldColor: ["boxColor"],
-    containerPicker: ["containerPicker"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getRHFColorPickerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  colorPickerClasses as c,
-  useUtilityClasses as u
-};

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

@@ -1,15 +0,0 @@
-import { useUtilityClasses } from '.';
-export interface RHFColorPickerClassesType {
-    root: string;
-    popoverRoot: string;
-    containerFieldColor: string;
-    fieldColor: string;
-    containerPicker: string;
-    skeleton: string;
-    sizeSmall: string;
-    sizeMedium: string;
-    isFocus: string;
-    isTabSelected: string;
-}
-export type RHFColorPickerClassesKey = keyof RHFColorPickerClassesType;
-export type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -1 +0,0 @@
-export declare function getRHFColorPickerComponentsDictionary(): string[];

package/components/hook-form/RHFColorPicker/dictionary.js

@@ -1,6 +0,0 @@
-function getRHFColorPickerComponentsDictionary() {
-  return ["rhfcolorpicker"];
-}
-export {
-  getRHFColorPickerComponentsDictionary as g
-};

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

@@ -1 +0,0 @@
-export declare const RHFColorPickerRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFColorPicker/styles.js

@@ -1,7 +0,0 @@
-import { styled } from "@mui/material";
-const RHFColorPickerRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LRHFColorPicker?.styleOverrides || {}
-}));
-export {
-  RHFColorPickerRoot as R
-};

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.d.ts

@@ -1,5 +0,0 @@
-import { RHFColorPickerSkeletoProps } from './types';
-/**
- * TODO: Documentar
- */
-export declare const RHFColorPickerSkeleton: (props: RHFColorPickerSkeletoProps) => import("react/jsx-runtime").JSX.Element;

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/indext.js

@@ -1,21 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Skeleton } from "@mui/material";
-import { c as colorPickerClasses } from "../../classes/index.js";
-const RHFColorPickerSkeleton = (props) => {
-  const { label } = props;
-  return /* @__PURE__ */ jsxs("div", { className: colorPickerClasses.skeleton, children: [
-    label && /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "30%", height: "14px" }),
-    /* @__PURE__ */ jsx(
-      Skeleton,
-      {
-        className: colorPickerClasses.skeleton,
-        variant: "rectangular",
-        width: 20,
-        height: 20
-      }
-    )
-  ] });
-};
-export {
-  RHFColorPickerSkeleton as R
-};

package/components/hook-form/RHFColorPicker/subcomponents/Skeleton/types.d.ts

@@ -1,2 +0,0 @@
-import { RHFColorPickerProps } from '../../types';
-export type RHFColorPickerSkeletoProps = Pick<RHFColorPickerProps, 'label'>;