@m4l/components 9.1.59 → 9.1.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/components/AccountPopover/AccountPopover.d.ts +1 -1
  2. package/components/AccountPopover/AccountPopover.styles.js +16 -16
  3. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts +1 -1
  4. package/components/AccountPopover/types.d.ts +2 -2
  5. package/components/AppBar/AppBar.d.ts +1 -1
  6. package/components/AppBar/styles.js +8 -8
  7. package/components/AppBar/types.d.ts +1 -1
  8. package/components/BaseModule/BaseModule.d.ts +1 -1
  9. package/components/Chip/Chip.d.ts +2 -2
  10. package/components/Chip/ChipStyles.js +10 -10
  11. package/components/Chip/types.d.ts +13 -0
  12. package/components/Color/Color.d.ts +4 -0
  13. package/components/Color/Color.styles.d.ts +1 -0
  14. package/components/Color/Color.styles.js +11 -0
  15. package/components/CommonActions/components/ActionFormIntro/index.d.ts +1 -1
  16. package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.d.ts +4 -0
  17. package/components/DynamicFilter/types.d.ts +18 -0
  18. package/components/HelperError/HelperError.d.ts +2 -2
  19. package/components/HelperError/HelperError.styles.js +4 -4
  20. package/components/Label/Label.d.ts +4 -4
  21. package/components/Label/Label.styles.js +10 -10
  22. package/components/MFIsolationApp/MFIsolationApp.d.ts +1 -1
  23. package/components/MenuActions/MenuActions.d.ts +1 -1
  24. package/components/MenuActions/types.d.ts +4 -4
  25. package/components/PrintingSystem/types.d.ts +23 -0
  26. package/components/PropertyValue/PropertyValue.styles.js +6 -6
  27. package/components/SideBar/SideBar.d.ts +1 -1
  28. package/components/SideBar/subcomponents/ContentComponent/index.d.ts +1 -1
  29. package/components/SideBar/subcomponents/ContentGroups/index.d.ts +2 -0
  30. package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js +2 -2
  31. package/components/SideBar/subcomponents/SideBarDesktop/index.d.ts +1 -1
  32. package/components/SideBar/subcomponents/SideBarDesktop/index.js +1 -0
  33. package/components/SideBar/tests/SideBar.integration.test.d.ts +1 -0
  34. package/components/WindowConfirm/WindowConfirm.styles.js +16 -16
  35. package/components/areas/components/AreasAdmin/subcomponents/AreaChip/index.d.ts +4 -4
  36. package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts +2 -2
  37. package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js +8 -0
  38. package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +4 -0
  39. package/components/hook-form/RHFAutocomplete/types.d.ts +2 -0
  40. package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts +4 -0
  41. package/components/hook-form/RHFColorPicker/RFHColorPicker.d.ts +2 -2
  42. package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.d.ts +1 -0
  43. package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.js +12 -0
  44. package/components/hook-form/RHFPeriod/RHFPeriod.d.ts +2 -2
  45. package/components/hook-form/RHFPeriod/RHFPeriod.styles.js +10 -10
  46. package/components/hook-form/RHFPeriod/subcomponents/Period/Period.d.ts +2 -2
  47. package/components/hook-form/RHFTextField/RHFTextField.d.ts +1 -1
  48. package/components/hook-form/RHFTextField/RHFTextField.styles.js +1 -1
  49. package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.d.ts +1 -0
  50. package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MeasureData/index.d.ts +4 -0
  51. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/index.d.ts +4 -0
  52. package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts +1 -1
  53. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +19 -14
  54. package/components/mui_extended/Autocomplete/renderOptions/index.d.ts +2 -2
  55. package/components/mui_extended/Button/Button.d.ts +1 -1
  56. package/components/mui_extended/Button/ButtonStyles.js +3 -3
  57. package/components/mui_extended/CircularProgress/CircularProgress.d.ts +4 -0
  58. package/components/mui_extended/Dialog/Dialog.d.ts +2 -2
  59. package/components/mui_extended/IconButton/IconButton.styles.js +4 -4
  60. package/components/mui_extended/LoadingButton/LoadingButton.d.ts +1 -1
  61. package/components/mui_extended/LoadingButton/LoadingButton.styles.js +3 -3
  62. package/components/mui_extended/MenuItem/MenuItem.d.ts +1 -1
  63. package/components/mui_extended/MenuItem/MenuItem.styles.js +15 -7
  64. package/components/mui_extended/Popover/Popover.d.ts +1 -1
  65. package/components/mui_extended/Select/Select.d.ts +1 -1
  66. package/components/mui_extended/Select/Select.js +1 -1
  67. package/components/mui_extended/Select/Select.styles.js +8 -8
  68. package/components/mui_extended/Select/types.d.ts +1 -1
  69. package/components/mui_extended/TextField/TextField.d.ts +1 -1
  70. package/components/mui_extended/TextField/TextField.styles.js +2 -2
  71. package/components/mui_extended/Typography/Typography.d.ts +2 -2
  72. package/components/mui_extended/Typography/typography.styles.js +1 -1
  73. package/hooks/useFormFocus/index.d.ts +5 -1
  74. package/package.json +1 -1
  75. package/test/HostThemeProviderMock.d.ts +1 -1
  76. package/test/TestAppWrapper.d.ts +1 -1
  77. package/test/TestFormAutoValidation.d.ts +4 -0
  78. package/utils/getHeightSizeStyles.d.ts +4 -0
  79. package/utils/getTypographyStyles.d.ts +4 -0
@@ -3,7 +3,7 @@ import { PeriodProps } from './types';
3
3
  * Componente que renderiza un campo de formulario para ingresar un período.
4
4
  * @author cesar - automatic
5
5
  * @createdAt 2024-12-30 16:32:50 - automatic
6
- * @updatedAt 2025-01-03 08:17:13 - automatic
7
- * @updatedUser cesar - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const Period: ({ value: valuePeriod, onChange, size, disabled, error }: PeriodProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { RHFTextFieldProps } from './types';
3
3
  * Provee de un campo de texto vinculado al formulario de hook-forms, aporta su versión provisional de carga en red.
4
4
  * @author Bruce Escobar - automatic
5
5
  * @createdAt 2024-10-22 19:27:22 - automatic
6
- * @updatedAt 2024-12-30 14:36:10 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const RHFTextField: import('react').ForwardRefExoticComponent<Omit<RHFTextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -3,7 +3,7 @@ const rhfTextFieldStyles = {
3
3
  * Elemento Root
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-27 08:27:31 - automatic
6
- * @updatedAt 2024-12-30 14:36:10 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  root: ({ theme }) => ({
@@ -4,6 +4,7 @@ import { RHFTextFieldPasswordProps } from './types';
4
4
  * de carga en red y el funcionamiento para ocultar y visualizar la contraseña.
5
5
  * @param props
6
6
  * @returns
7
+ * @createdAt 2025-01-08 10:36:40 - automatic
7
8
  */
8
9
  /**
9
10
  * Props del componente RHFTextFieldPassword
@@ -1,5 +1,9 @@
1
1
  /**
2
2
  * subComponente que visualizar la medida que actualmente se haciendo sobre el mapa
3
3
  * @returns
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2025-01-08 10:36:40 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare function MeasureData(): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,8 @@
1
1
  /**
2
2
  * TODO: Documentar
3
+ * @author Andrés Quintero - automatic
4
+ * @createdAt 2025-01-08 10:36:40 - automatic
5
+ * @updatedAt 2025-01-08 10:36:41 - automatic
6
+ * @updatedUser Andrés Quintero - automatic
3
7
  */
4
8
  export declare function GeneralData(): import("react/jsx-runtime").JSX.Element;
@@ -3,7 +3,7 @@ import { MyActionsProps } from './types';
3
3
  * TODO: Documentar
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-11-06 09:00:05 - automatic
6
- * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @updatedAt 2025-01-03 11:42:14 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare function MyActions(props: MyActionsProps): import("react/jsx-runtime").JSX.Element;
@@ -4,8 +4,8 @@ const autocompleteSyles = {
4
4
  * Styles for the icon button component.
5
5
  * @author SebastianM - automatic
6
6
  * @createdAt 2024-12-05 14:14:39 - automatic
7
- * @updatedAt 2024-12-10 15:24:11 - automatic
8
- * @updatedUser SebastianM - automatic
7
+ * @updatedAt 2025-01-08 10:36:41 - automatic
8
+ * @updatedUser Andrés Quintero - automatic
9
9
  */
10
10
  iconButton: () => ({
11
11
  position: "absolute",
@@ -25,11 +25,16 @@ const autocompleteSyles = {
25
25
  autocomplete: {},
26
26
  /**
27
27
  * Styles for the typography component.
28
+ * @createdAt 2025-01-08 10:36:40 - automatic
28
29
  */
29
30
  typography: {},
30
31
  menuList: {},
31
32
  /**
32
33
  * Styles for the menu item component.
34
+ * @author Andrés Quintero - automatic
35
+ * @createdAt 2025-01-08 10:36:40 - automatic
36
+ * @updatedAt 2025-01-08 10:36:41 - automatic
37
+ * @updatedUser Andrés Quintero - automatic
33
38
  */
34
39
  menuItem: ({ theme }) => ({
35
40
  padding: `${theme.vars.size.baseSpacings.sp1}!important`,
@@ -39,8 +44,8 @@ const autocompleteSyles = {
39
44
  * Styles for the image component.
40
45
  * @author SebastianM - automatic
41
46
  * @createdAt 2024-12-02 07:14:21 - automatic
42
- * @updatedAt 2024-12-10 15:24:11 - automatic
43
- * @updatedUser SebastianM - automatic
47
+ * @updatedAt 2025-01-08 10:36:41 - automatic
48
+ * @updatedUser Andrés Quintero - automatic
44
49
  */
45
50
  image: ({ theme }) => ({
46
51
  width: `${theme.vars.size.baseSpacings.sp4} !important`,
@@ -50,8 +55,8 @@ const autocompleteSyles = {
50
55
  * Styles for the chip component.
51
56
  * @author SebastianM - automatic
52
57
  * @createdAt 2024-11-26 12:36:08 - automatic
53
- * @updatedAt 2024-12-10 15:24:11 - automatic
54
- * @updatedUser SebastianM - automatic
58
+ * @updatedAt 2025-01-08 10:36:41 - automatic
59
+ * @updatedUser Andrés Quintero - automatic
55
60
  */
56
61
  chip: ({ theme }) => ({
57
62
  "& .M4LIconClass-root": {
@@ -62,8 +67,8 @@ const autocompleteSyles = {
62
67
  * Styles for the text field component.
63
68
  * @author SebastianM - automatic
64
69
  * @createdAt 2024-11-26 12:36:08 - automatic
65
- * @updatedAt 2024-12-10 15:24:11 - automatic
66
- * @updatedUser SebastianM - automatic
70
+ * @updatedAt 2025-01-08 10:36:41 - automatic
71
+ * @updatedUser Andrés Quintero - automatic
67
72
  */
68
73
  textField: ({ theme }) => ({
69
74
  // position: 'relative',
@@ -77,8 +82,8 @@ const autocompleteSyles = {
77
82
  * Styles for the popper component.
78
83
  * @author SebastianM - automatic
79
84
  * @createdAt 2024-11-26 12:36:08 - automatic
80
- * @updatedAt 2024-12-10 15:24:11 - automatic
81
- * @updatedUser SebastianM - automatic
85
+ * @updatedAt 2025-01-08 10:36:41 - automatic
86
+ * @updatedUser Andrés Quintero - automatic
82
87
  */
83
88
  popper: ({ theme }) => ({
84
89
  ...theme.typography.body1,
@@ -90,8 +95,8 @@ const autocompleteSyles = {
90
95
  * Styles for the popover component.
91
96
  * @author SebastianM - automatic
92
97
  * @createdAt 2024-11-26 12:36:08 - automatic
93
- * @updatedAt 2024-12-10 15:24:11 - automatic
94
- * @updatedUser SebastianM - automatic
98
+ * @updatedAt 2025-01-08 10:36:41 - automatic
99
+ * @updatedUser Andrés Quintero - automatic
95
100
  */
96
101
  circularProgress: ({ theme }) => ({
97
102
  position: "absolute",
@@ -103,8 +108,8 @@ const autocompleteSyles = {
103
108
  * Styles for the skeleton autocomplete component.
104
109
  * @author SebastianM - automatic
105
110
  * @createdAt 2024-11-21 15:23:15 - automatic
106
- * @updatedAt 2024-12-10 15:24:11 - automatic
107
- * @updatedUser SebastianM - automatic
111
+ * @updatedAt 2025-01-08 10:36:41 - automatic
112
+ * @updatedUser Andrés Quintero - automatic
108
113
  */
109
114
  skeletonAutocomplete: ({ theme, ownerState }) => {
110
115
  return {
@@ -6,8 +6,8 @@ import { Sizes } from '@m4l/styles';
6
6
  * @param color - The color for the MenuItem.
7
7
  * @author SebastianM - automatic
8
8
  * @createdAt 2024-11-28 18:58:00 - automatic
9
- * @updatedAt 2024-11-29 10:03:38 - automatic
10
- * @updatedUser SebastianM - automatic
9
+ * @updatedAt 2025-01-08 10:36:41 - automatic
10
+ * @updatedUser Andrés Quintero - automatic
11
11
  */
12
12
  export declare function renderOption<T>(optionProps: HTMLAttributes<HTMLLIElement>, option: T & {
13
13
  label: string;
@@ -7,7 +7,7 @@ import { ButtonProps } from './types';
7
7
  * @returns
8
8
  * @author SebastianM - automatic
9
9
  * @createdAt 2024-11-06 07:42:00 - automatic
10
- * @updatedAt 2024-12-31 11:23:53 - automatic
10
+ * @updatedAt 2025-01-03 11:42:14 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
@@ -3,7 +3,7 @@ const buttonStyles = {
3
3
  * Styles for the root element of the button component.
4
4
  * @author SebastianM - automatic
5
5
  * @createdAt 2024-11-06 07:42:00 - automatic
6
- * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @updatedAt 2025-01-03 11:42:14 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  buttonRoot: ({ theme, ownerState }) => ({
@@ -145,7 +145,7 @@ const buttonStyles = {
145
145
  * Styles for the text of the button component.
146
146
  * @author SebastianM - automatic
147
147
  * @createdAt 2024-11-07 18:00:35 - automatic
148
- * @updatedAt 2024-12-31 11:23:53 - automatic
148
+ * @updatedAt 2025-01-03 11:42:14 - automatic
149
149
  * @updatedUser Andrés Quintero - automatic
150
150
  */
151
151
  textButton: ({ theme, ownerState }) => ({
@@ -173,7 +173,7 @@ const buttonStyles = {
173
173
  * Styles for the skeleton button component.
174
174
  * @author SebastianM - automatic
175
175
  * @createdAt 2024-11-06 10:12:30 - automatic
176
- * @updatedAt 2024-12-31 11:23:53 - automatic
176
+ * @updatedAt 2025-01-03 11:42:14 - automatic
177
177
  * @updatedUser Andrés Quintero - automatic
178
178
  */
179
179
  skeletonButton: ({ theme, ownerState }) => ({
@@ -1,5 +1,9 @@
1
1
  import { CircularProgressProps } from './types';
2
2
  /**
3
3
  * Componente CircularProgress extendido de MUI
4
+ * @author Andrés Quintero - automatic
5
+ * @createdAt 2025-01-08 10:36:40 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
+ * @updatedUser Andrés Quintero - automatic
4
8
  */
5
9
  export declare const CircularProgress: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
@@ -48,7 +48,7 @@ import { DialogProps } from './types';
48
48
  * @returns {JSX.Element} Rendered dialog component.
49
49
  * @author cesar - automatic
50
50
  * @createdAt 2024-11-06 10:50:22 - automatic
51
- * @updatedAt 2025-01-02 10:02:18 - automatic
52
- * @updatedUser cesar - automatic
51
+ * @updatedAt 2025-01-08 10:36:41 - automatic
52
+ * @updatedUser Andrés Quintero - automatic
53
53
  */
54
54
  export declare const Dialog: import('react').ForwardRefExoticComponent<Omit<DialogProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -2,7 +2,7 @@ const iconButtonStyles = {
2
2
  /**
3
3
  * TODO: Documentar
4
4
  * @updatedUser Andrés Quintero - automatic
5
- * @updatedAt 2025-01-02 08:24:32 - automatic
5
+ * @updatedAt 2025-01-03 11:42:14 - automatic
6
6
  * @createdAt 2024-10-22 19:53:39 - automatic
7
7
  * @author Bruce Escobar - automatic
8
8
  */
@@ -134,7 +134,7 @@ const iconButtonStyles = {
134
134
  * Comentado por el momento, falta de documentación en Figma de Badge
135
135
  * @author Bruce Escobar - automatic
136
136
  * @createdAt 2024-10-22 09:41:31 - automatic
137
- * @updatedAt 2025-01-02 08:24:32 - automatic
137
+ * @updatedAt 2025-01-03 11:42:14 - automatic
138
138
  * @updatedUser Andrés Quintero - automatic
139
139
  */
140
140
  badgeIconButton: () => ({
@@ -175,7 +175,7 @@ const iconButtonStyles = {
175
175
  * Slot de contenedor de reactNode
176
176
  * @author Andrés Quintero - automatic
177
177
  * @createdAt 2024-12-27 08:27:31 - automatic
178
- * @updatedAt 2025-01-02 08:24:32 - automatic
178
+ * @updatedAt 2025-01-03 11:42:14 - automatic
179
179
  * @updatedUser Andrés Quintero - automatic
180
180
  */
181
181
  containReact: ({ isSkeleton }) => ({
@@ -187,7 +187,7 @@ const iconButtonStyles = {
187
187
  * Slot skeleton con sus estilos de tamaño
188
188
  * @author Andrés Quintero - automatic
189
189
  * @createdAt 2024-12-27 08:27:31 - automatic
190
- * @updatedAt 2025-01-02 08:24:32 - automatic
190
+ * @updatedAt 2025-01-03 11:42:14 - automatic
191
191
  * @updatedUser Andrés Quintero - automatic
192
192
  */
193
193
  skeleton: ({ theme, ownerState }) => ({
@@ -3,7 +3,7 @@ import { LoadingButtonProps } from './types';
3
3
  * Componente LoadingButton que extiende las props de Button
4
4
  * @author Andrés Quintero - automatic
5
5
  * @createdAt 2024-12-31 11:23:51 - automatic
6
- * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @updatedAt 2025-01-03 11:42:14 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const LoadingButton: (props: LoadingButtonProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,7 +4,7 @@ const loadingButtonStyles = {
4
4
  * Componente boton con variantes y paletas de colores.
5
5
  * @author Andrés Quintero - automatic
6
6
  * @createdAt 2024-12-31 11:23:51 - automatic
7
- * @updatedAt 2024-12-31 11:23:53 - automatic
7
+ * @updatedAt 2025-01-03 11:42:14 - automatic
8
8
  * @updatedUser Andrés Quintero - automatic
9
9
  */
10
10
  root: ({ ownerState }) => ({
@@ -22,7 +22,7 @@ const loadingButtonStyles = {
22
22
  * Incluye tamaños responsivos para diferentes anchos de pantalla y tamaños de botón.
23
23
  * @author Andrés Quintero - automatic
24
24
  * @createdAt 2024-12-31 11:23:51 - automatic
25
- * @updatedAt 2024-12-31 11:23:53 - automatic
25
+ * @updatedAt 2025-01-03 11:42:14 - automatic
26
26
  * @updatedUser Andrés Quintero - automatic
27
27
  */
28
28
  skeletonLoadingButton: ({ theme, ownerState }) => ({
@@ -54,7 +54,7 @@ const loadingButtonStyles = {
54
54
  * Posiciona el cargador dentro del botón y aplica un color consistente.
55
55
  * @author Andrés Quintero - automatic
56
56
  * @createdAt 2024-12-31 11:23:51 - automatic
57
- * @updatedAt 2024-12-31 11:23:53 - automatic
57
+ * @updatedAt 2025-01-03 11:42:14 - automatic
58
58
  * @updatedUser Andrés Quintero - automatic
59
59
  */
60
60
  circularProgress: ({ theme, ownerState }) => ({
@@ -7,7 +7,7 @@ import { MenuItemProps } from './types';
7
7
  * @returns
8
8
  * @author Bruce Escobar - automatic
9
9
  * @createdAt 2024-10-22 19:53:39 - automatic
10
- * @updatedAt 2024-12-31 11:23:53 - automatic
10
+ * @updatedAt 2025-01-08 10:36:41 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -3,15 +3,23 @@ const menuItemStyles = {
3
3
  /**
4
4
  * Estilos para el contenedor de los items del menú
5
5
  * @updatedUser Andrés Quintero - automatic
6
- * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
+ * @createdAt 2025-01-08 10:36:40 - automatic
8
+ * @author Andrés Quintero - automatic
9
+ * @updatedUser Andrés Quintero - automatic
10
+ * @updatedAt 2025-01-08 10:36:41 - automatic
11
+ * @createdAt 2025-01-03 11:42:11 - automatic
12
+ * @author Andrés Quintero - automatic
13
+ * @updatedUser Andrés Quintero - automatic
14
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
15
  * @createdAt 2024-12-31 11:23:51 - automatic
8
16
  * @author Andrés Quintero - automatic
9
17
  * @updatedUser Andrés Quintero - automatic
10
- * @updatedAt 2024-12-31 11:23:53 - automatic
18
+ * @updatedAt 2025-01-08 10:36:41 - automatic
11
19
  * @createdAt 2024-12-30 14:36:06 - automatic
12
20
  * @author Andrés Quintero - automatic
13
21
  * @updatedUser Andrés Quintero - automatic
14
- * @updatedAt 2024-12-31 11:23:53 - automatic
22
+ * @updatedAt 2025-01-08 10:36:41 - automatic
15
23
  * @createdAt 2024-12-27 08:28:33 - automatic
16
24
  * @author Andrés Quintero - automatic
17
25
  */
@@ -99,7 +107,7 @@ const menuItemStyles = {
99
107
  * Estilos para el icono de los items del menú
100
108
  * @author SebastianM - automatic
101
109
  * @createdAt 2024-12-02 19:12:14 - automatic
102
- * @updatedAt 2024-12-31 11:23:53 - automatic
110
+ * @updatedAt 2025-01-08 10:36:41 - automatic
103
111
  * @updatedUser Andrés Quintero - automatic
104
112
  */
105
113
  menuItemIcon: () => ({
@@ -111,7 +119,7 @@ const menuItemStyles = {
111
119
  * Estilos para el icono de los items del menú cuando están seleccionados
112
120
  * @author SebastianM - automatic
113
121
  * @createdAt 2024-12-13 12:45:48 - automatic
114
- * @updatedAt 2024-12-31 11:23:53 - automatic
122
+ * @updatedAt 2025-01-08 10:36:41 - automatic
115
123
  * @updatedUser Andrés Quintero - automatic
116
124
  */
117
125
  menuItemIconChecked: ({ ownerState }) => ({
@@ -125,7 +133,7 @@ const menuItemStyles = {
125
133
  * Estilos para la tipografía del menú item
126
134
  * @author SebastianM - automatic
127
135
  * @createdAt 2024-12-13 12:45:48 - automatic
128
- * @updatedAt 2024-12-31 11:23:53 - automatic
136
+ * @updatedAt 2025-01-08 10:36:41 - automatic
129
137
  * @updatedUser Andrés Quintero - automatic
130
138
  */
131
139
  menuItemTypography: () => ({}),
@@ -142,7 +150,7 @@ const menuItemStyles = {
142
150
  * Estilos para el contenedor de los items del menú en skeleton
143
151
  * @author Bruce Escobar - automatic
144
152
  * @createdAt 2024-10-22 10:38:00 - automatic
145
- * @updatedAt 2024-12-31 11:23:53 - automatic
153
+ * @updatedAt 2025-01-08 10:36:41 - automatic
146
154
  * @updatedUser Andrés Quintero - automatic
147
155
  */
148
156
  skeletonMenuItem: ({ theme, ownerState }) => ({
@@ -16,7 +16,7 @@ import { PopoverProps } from './types';
16
16
  * Componente Popover que se utiliza para mostrar información adicional en un área emergente.
17
17
  * @author Andrés Quintero - automatic
18
18
  * @createdAt 2024-12-27 08:27:31 - automatic
19
- * @updatedAt 2024-12-31 11:23:53 - automatic
19
+ * @updatedAt 2025-01-03 11:42:15 - automatic
20
20
  * @updatedUser Andrés Quintero - automatic
21
21
  */
22
22
  export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element | null;
@@ -5,7 +5,7 @@ import { SelectProps } from './types';
5
5
  * @returns {JSX.Element} The rendered Select component.
6
6
  * @author SebastianM - automatic
7
7
  * @createdAt 2024-12-23 10:47:53 - automatic
8
- * @updatedAt 2024-12-31 11:23:53 - automatic
8
+ * @updatedAt 2025-01-03 11:42:15 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
@@ -100,7 +100,7 @@ const Select = (props) => {
100
100
  * @param {React.KeyboardEvent} event - The key down event.
101
101
  * @author SebastianM - automatic
102
102
  * @createdAt 2024-12-23 10:47:53 - automatic
103
- * @updatedAt 2024-12-31 11:23:53 - automatic
103
+ * @updatedAt 2025-01-03 11:42:15 - automatic
104
104
  * @updatedUser Andrés Quintero - automatic
105
105
  */
106
106
  onKeyDown: (event) => {
@@ -3,7 +3,7 @@ const selectStyles = {
3
3
  * Estilos para el componente Select
4
4
  * @author Bruce Escobar - automatic
5
5
  * @createdAt 2024-10-22 10:30:26 - automatic
6
- * @updatedAt 2024-12-31 11:23:53 - automatic
6
+ * @updatedAt 2025-01-03 11:42:15 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  selectRoot: ({ theme, ownerState }) => ({
@@ -191,7 +191,7 @@ const selectStyles = {
191
191
  * Estilos para el ícono de la fila
192
192
  * @author Bruce Escobar - automatic
193
193
  * @createdAt 2024-10-22 10:30:26 - automatic
194
- * @updatedAt 2024-12-31 11:23:53 - automatic
194
+ * @updatedAt 2025-01-03 11:42:15 - automatic
195
195
  * @updatedUser Andrés Quintero - automatic
196
196
  */
197
197
  iconButton: ({ theme }) => ({
@@ -206,7 +206,7 @@ const selectStyles = {
206
206
  * @returns {object} The styles for the render option container
207
207
  * @author SebastianM - automatic
208
208
  * @createdAt 2024-12-18 15:11:13 - automatic
209
- * @updatedAt 2024-12-31 11:23:53 - automatic
209
+ * @updatedAt 2025-01-03 11:42:15 - automatic
210
210
  * @updatedUser Andrés Quintero - automatic
211
211
  */
212
212
  renderOptionContainer: ({ theme, ownerState }) => ({
@@ -236,7 +236,7 @@ const selectStyles = {
236
236
  * Styles for the label option
237
237
  * @author SebastianM - automatic
238
238
  * @createdAt 2024-12-23 10:47:53 - automatic
239
- * @updatedAt 2024-12-31 11:23:53 - automatic
239
+ * @updatedAt 2025-01-03 11:42:15 - automatic
240
240
  * @updatedUser Andrés Quintero - automatic
241
241
  */
242
242
  labelOption: ({ theme }) => ({
@@ -248,7 +248,7 @@ const selectStyles = {
248
248
  * @returns {object} The styles for the label placeholder
249
249
  * @author SebastianM - automatic
250
250
  * @createdAt 2024-12-26 14:16:33 - automatic
251
- * @updatedAt 2024-12-31 11:23:53 - automatic
251
+ * @updatedAt 2025-01-03 11:42:15 - automatic
252
252
  * @updatedUser Andrés Quintero - automatic
253
253
  */
254
254
  labelPlaceholer: ({ theme }) => ({
@@ -261,7 +261,7 @@ const selectStyles = {
261
261
  * @returns {object} The styles for the menu options
262
262
  * @author SebastianM - automatic
263
263
  * @createdAt 2024-12-18 15:11:13 - automatic
264
- * @updatedAt 2024-12-31 11:23:53 - automatic
264
+ * @updatedAt 2025-01-03 11:42:15 - automatic
265
265
  * @updatedUser Andrés Quintero - automatic
266
266
  */
267
267
  menuOptions: ({ theme }) => ({
@@ -274,7 +274,7 @@ const selectStyles = {
274
274
  * @returns {object} The styles for the menu item select
275
275
  * @author SebastianM - automatic
276
276
  * @createdAt 2024-12-26 14:16:33 - automatic
277
- * @updatedAt 2024-12-31 11:23:53 - automatic
277
+ * @updatedAt 2025-01-03 11:42:15 - automatic
278
278
  * @updatedUser Andrés Quintero - automatic
279
279
  */
280
280
  menuItemSelect: ({ theme }) => ({
@@ -285,7 +285,7 @@ const selectStyles = {
285
285
  * Styles for the skeleton select component
286
286
  * @author SebastianM - automatic
287
287
  * @createdAt 2024-12-17 15:54:22 - automatic
288
- * @updatedAt 2024-12-31 11:23:53 - automatic
288
+ * @updatedAt 2025-01-03 11:42:15 - automatic
289
289
  * @updatedUser Andrés Quintero - automatic
290
290
  */
291
291
  skeletonSelect: ({ theme, ownerState }) => ({
@@ -33,7 +33,7 @@ export type selectOption = {
33
33
  * variant - Variante del Select.
34
34
  * @author Bruce Escobar - automatic
35
35
  * @createdAt 2024-10-22 10:30:26 - automatic
36
- * @updatedAt 2024-12-31 11:23:53 - automatic
36
+ * @updatedAt 2025-01-03 11:42:15 - automatic
37
37
  * @updatedUser Andrés Quintero - automatic
38
38
  */
39
39
  export interface SelectProps extends Omit<MUISelectProps, 'size' | 'onChange' | 'value' | 'error' | 'variant' | 'color'> {
@@ -3,7 +3,7 @@ import { TextFieldProps } from './types';
3
3
  * Componente TextField extended de MUI-MATERIAL componente de entrada de datos en una interfaz de usuario que permite a los usuarios ingresar y editar texto. Es comúnmente utilizado en formularios y otros contextos donde se requiere la entrada de texto por parte del usuario.
4
4
  * @author Bruce Escobar - automatic
5
5
  * @createdAt 2024-10-22 19:27:22 - automatic
6
- * @updatedAt 2024-12-30 14:36:11 - automatic
6
+ * @updatedAt 2025-01-08 10:36:41 - automatic
7
7
  * @updatedUser Andrés Quintero - automatic
8
8
  */
9
9
  export declare const TextField: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
@@ -6,7 +6,7 @@ const textFieldStyles = {
6
6
  * Estilos personalizados para el componente TextField.
7
7
  * @author SebastianM - automatic
8
8
  * @createdAt 2024-11-29 10:03:37 - automatic
9
- * @updatedAt 2024-12-30 14:36:11 - automatic
9
+ * @updatedAt 2025-01-08 10:36:41 - automatic
10
10
  * @updatedUser Andrés Quintero - automatic
11
11
  */
12
12
  root: ({ ownerState, theme }) => ({
@@ -127,7 +127,7 @@ const textFieldStyles = {
127
127
  * Estilos personalizados para el componente Skeleton.
128
128
  * @author SebastianM - automatic
129
129
  * @createdAt 2024-11-29 10:03:37 - automatic
130
- * @updatedAt 2024-12-30 14:36:11 - automatic
130
+ * @updatedAt 2025-01-08 10:36:41 - automatic
131
131
  * @updatedUser Andrés Quintero - automatic
132
132
  */
133
133
  skeleton: ({ ownerState, theme }) => ({
@@ -19,7 +19,7 @@ import { TypographyProps } from './types';
19
19
  * @returns {JSX.Element} The rendered Typography component.
20
20
  * @author Bruce Escobar - automatic
21
21
  * @createdAt 2024-10-22 09:41:31 - automatic
22
- * @updatedAt 2024-10-22 19:27:24 - automatic
23
- * @updatedUser Bruce Escobar - automatic
22
+ * @updatedAt 2025-01-08 10:36:41 - automatic
23
+ * @updatedUser Andrés Quintero - automatic
24
24
  */
25
25
  export declare function Typography(props: TypographyProps): import("react/jsx-runtime").JSX.Element;
@@ -5,7 +5,7 @@ const typographyStyles = {
5
5
  * Componente extendido de MUI Typography, que permite personalizar los estilos del componente.
6
6
  * @author Bruce Escobar - automatic
7
7
  * @createdAt 2024-10-22 09:41:31 - automatic
8
- * @updatedAt 2024-12-30 14:36:11 - automatic
8
+ * @updatedAt 2025-01-08 10:36:41 - automatic
9
9
  * @updatedUser Andrés Quintero - automatic
10
10
  */
11
11
  root: ({ ownerState, theme }) => ({
@@ -2,10 +2,14 @@ import { FormFocusHookReturnType } from './types';
2
2
  /**
3
3
  * useFormFocus: Custom hook creado para facilitar el manejo de estado de interacción de usuario para los
4
4
  * componentes de formulario. Aporta los estados Focus, TabSelected y
5
- *
5
+ * @createdAt 2025-01-08 10:36:40 - automatic
6
6
  */
7
7
  /**
8
8
  * TODO: Documentar
9
9
  * @deprecated no se debe usar, esto era para una metodologia donde en js se manejaba el estado de los componentes
10
+ * @author Andrés Quintero - automatic
11
+ * @createdAt 2025-01-08 10:36:40 - automatic
12
+ * @updatedAt 2025-01-08 10:36:41 - automatic
13
+ * @updatedUser Andrés Quintero - automatic
10
14
  */
11
15
  export declare const useFormFocus: <ElmentType extends HTMLElement>() => FormFocusHookReturnType<ElmentType>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@m4l/components",
3
- "version": "9.1.59",
3
+ "version": "9.1.60",
4
4
  "license": "UNLICENSED",
5
5
  "lint-staged": {
6
6
  "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
@@ -7,7 +7,7 @@ interface HostThemeProviderMockProps {
7
7
  * TODO: Documentar
8
8
  * @author Andrés Quintero - automatic
9
9
  * @createdAt 2024-12-31 11:23:51 - automatic
10
- * @updatedAt 2024-12-31 11:23:53 - automatic
10
+ * @updatedAt 2025-01-03 11:42:15 - automatic
11
11
  * @updatedUser Andrés Quintero - automatic
12
12
  */
13
13
  declare const HostThemeProviderMock: (props: HostThemeProviderMockProps) => import("react/jsx-runtime").JSX.Element;
@@ -26,7 +26,7 @@ interface TestAppWrapperProps {
26
26
  * );
27
27
  * @author Cesar Garces - automatic
28
28
  * @createdAt 2024-10-25 14:12:46 - automatic
29
- * @updatedAt 2024-12-31 11:23:53 - automatic
29
+ * @updatedAt 2025-01-03 11:42:15 - automatic
30
30
  * @updatedUser Andrés Quintero - automatic
31
31
  */
32
32
  declare const TestAppWrapper: FC<TestAppWrapperProps>;
@@ -1,4 +1,8 @@
1
1
  /**
2
2
  * Envoltorio para el estado de error
3
+ * @author Andrés Quintero - automatic
4
+ * @createdAt 2025-01-08 10:36:40 - automatic
5
+ * @updatedAt 2025-01-08 10:36:41 - automatic
6
+ * @updatedUser Andrés Quintero - automatic
3
7
  */
4
8
  export declare const TestFormAutoValidation: () => import("react/jsx-runtime").JSX.Element;
@@ -8,5 +8,9 @@ import { Sizes, SizesComponentsTypes } from '@m4l/styles';
8
8
  * @param variantSize - Variante de tamaño que se desea aplicar al componente.
9
9
  * @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `heightSize` como argumento.
10
10
  * @returns Objeto con los estilos calculados.
11
+ * @author Andrés Quintero - automatic
12
+ * @createdAt 2025-01-08 10:36:40 - automatic
13
+ * @updatedAt 2025-01-08 10:36:41 - automatic
14
+ * @updatedUser Andrés Quintero - automatic
11
15
  */
12
16
  export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((heightSize: string | number) => Record<string, any>)) => any;
@@ -7,5 +7,9 @@ import { FontProperties, Sizes, TypographyVariants } from '@m4l/styles';
7
7
  * theme.generalSettings.isMobile.
8
8
  * [size]: Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
9
9
  * medium o large.
10
+ * @author Andrés Quintero - automatic
11
+ * @createdAt 2025-01-08 10:36:40 - automatic
12
+ * @updatedAt 2025-01-08 10:36:41 - automatic
13
+ * @updatedUser Andrés Quintero - automatic
10
14
  */
11
15
  export declare const getTypographyStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variant: TypographyVariants) => FontProperties;