@m4l/components 9.1.58 → 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.
- package/components/AccountPopover/AccountPopover.d.ts +1 -1
- package/components/AccountPopover/AccountPopover.styles.js +16 -16
- package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts +1 -1
- package/components/AccountPopover/types.d.ts +2 -2
- package/components/AppBar/AppBar.d.ts +1 -1
- package/components/AppBar/styles.js +8 -8
- package/components/AppBar/types.d.ts +1 -1
- package/components/BaseModule/BaseModule.d.ts +1 -1
- package/components/Chip/Chip.d.ts +2 -2
- package/components/Chip/ChipStyles.js +10 -10
- package/components/Chip/types.d.ts +13 -0
- package/components/Color/Color.d.ts +4 -0
- package/components/Color/Color.styles.d.ts +1 -0
- package/components/Color/Color.styles.js +11 -0
- package/components/CommonActions/components/ActionFormIntro/index.d.ts +1 -1
- package/components/DynamicFilter/subcomponents/FieldTypes/SelectFilter/index.d.ts +4 -0
- package/components/DynamicFilter/types.d.ts +18 -0
- package/components/HelperError/HelperError.d.ts +2 -2
- package/components/HelperError/HelperError.styles.js +4 -4
- package/components/Label/Label.d.ts +4 -4
- package/components/Label/Label.styles.js +10 -10
- package/components/MFIsolationApp/MFIsolationApp.d.ts +1 -1
- package/components/MenuActions/MenuActions.d.ts +1 -1
- package/components/MenuActions/types.d.ts +4 -4
- package/components/PaperForm/PaperForm.d.ts +2 -2
- package/components/PaperForm/PaperForm.js +33 -5
- package/components/PaperForm/styles.js +15 -14
- package/components/PaperForm/types.d.ts +2 -1
- package/components/PrintingSystem/types.d.ts +23 -0
- package/components/PropertyValue/PropertyValue.d.ts +1 -1
- package/components/PropertyValue/PropertyValue.js +24 -10
- package/components/PropertyValue/PropertyValue.styles.js +6 -6
- package/components/PropertyValue/types.d.ts +5 -0
- package/components/SideBar/SideBar.d.ts +1 -1
- package/components/SideBar/subcomponents/ContentComponent/index.d.ts +1 -1
- package/components/SideBar/subcomponents/ContentGroups/index.d.ts +2 -0
- package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js +2 -2
- package/components/SideBar/subcomponents/SideBarDesktop/index.d.ts +1 -1
- package/components/SideBar/subcomponents/SideBarDesktop/index.js +1 -0
- package/components/SideBar/tests/SideBar.integration.test.d.ts +1 -0
- package/components/WindowConfirm/WindowConfirm.styles.js +16 -16
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/index.d.ts +4 -4
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts +2 -2
- package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js +8 -0
- package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +4 -0
- package/components/hook-form/RHFAutocomplete/types.d.ts +2 -0
- package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.d.ts +4 -0
- package/components/hook-form/RHFColorPicker/RFHColorPicker.d.ts +2 -2
- package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.d.ts +1 -0
- package/components/hook-form/RHFColorPicker/RHFColorPicker.styles.js +12 -0
- package/components/hook-form/RHFPeriod/RHFPeriod.d.ts +2 -2
- package/components/hook-form/RHFPeriod/RHFPeriod.styles.js +10 -10
- package/components/hook-form/RHFPeriod/subcomponents/Period/Period.d.ts +2 -2
- package/components/hook-form/RHFTextField/RHFTextField.d.ts +1 -1
- package/components/hook-form/RHFTextField/RHFTextField.styles.js +1 -1
- package/components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.d.ts +1 -0
- package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopRigthTools/subcomponents/MeasureTool/subcomponents/MeasureData/index.d.ts +4 -0
- package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/GeneralData/index.d.ts +4 -0
- package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofenceAddEdit/subcomponents/MyActions/index.d.ts +1 -1
- package/components/mui_extended/Autocomplete/Autocomplete.styles.js +19 -14
- package/components/mui_extended/Autocomplete/renderOptions/index.d.ts +2 -2
- package/components/mui_extended/Button/Button.d.ts +1 -1
- package/components/mui_extended/Button/ButtonStyles.js +3 -3
- package/components/mui_extended/CircularProgress/CircularProgress.d.ts +4 -0
- package/components/mui_extended/Dialog/Dialog.d.ts +2 -2
- package/components/mui_extended/IconButton/IconButton.styles.js +4 -4
- package/components/mui_extended/LoadingButton/LoadingButton.d.ts +1 -1
- package/components/mui_extended/LoadingButton/LoadingButton.styles.js +3 -3
- package/components/mui_extended/MenuItem/MenuItem.d.ts +1 -1
- package/components/mui_extended/MenuItem/MenuItem.styles.js +15 -7
- package/components/mui_extended/Popover/Popover.d.ts +1 -1
- package/components/mui_extended/Select/Select.d.ts +1 -1
- package/components/mui_extended/Select/Select.js +1 -1
- package/components/mui_extended/Select/Select.styles.js +8 -8
- package/components/mui_extended/Select/types.d.ts +1 -1
- package/components/mui_extended/TextField/TextField.d.ts +1 -1
- package/components/mui_extended/TextField/TextField.styles.js +2 -2
- package/components/mui_extended/Typography/Typography.d.ts +2 -2
- package/components/mui_extended/Typography/typography.styles.js +1 -1
- package/hooks/useFormFocus/index.d.ts +5 -1
- package/package.json +1 -1
- package/test/HostThemeProviderMock.d.ts +1 -1
- package/test/TestAppWrapper.d.ts +1 -1
- package/test/TestFormAutoValidation.d.ts +4 -0
- package/utils/getHeightSizeStyles.d.ts +4 -0
- package/utils/getTypographyStyles.d.ts +4 -0
|
@@ -3,8 +3,8 @@ const windowConfirmStyles = {
|
|
|
3
3
|
* Wrapper Window Confirm Styles
|
|
4
4
|
* @author cesar - automatic
|
|
5
5
|
* @createdAt 2024-11-21 08:55:01 - automatic
|
|
6
|
-
* @updatedAt
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
wrapperWindowConfirm: ({ theme, ownerState }) => ({
|
|
10
10
|
display: "flex",
|
|
@@ -36,8 +36,8 @@ const windowConfirmStyles = {
|
|
|
36
36
|
* Wrapper Window Confirm Content Styles
|
|
37
37
|
* @author cesar - automatic
|
|
38
38
|
* @createdAt 2024-11-22 10:58:23 - automatic
|
|
39
|
-
* @updatedAt
|
|
40
|
-
* @updatedUser
|
|
39
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
40
|
+
* @updatedUser Andrés Quintero - automatic
|
|
41
41
|
*/
|
|
42
42
|
windowConfirmContent: ({ theme }) => ({
|
|
43
43
|
display: "flex",
|
|
@@ -54,8 +54,8 @@ const windowConfirmStyles = {
|
|
|
54
54
|
* Container Illustration Styles
|
|
55
55
|
* @author cesar - automatic
|
|
56
56
|
* @createdAt 2024-11-19 11:57:37 - automatic
|
|
57
|
-
* @updatedAt
|
|
58
|
-
* @updatedUser
|
|
57
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
58
|
+
* @updatedUser Andrés Quintero - automatic
|
|
59
59
|
*/
|
|
60
60
|
illustrationContainer: ({ theme }) => ({
|
|
61
61
|
display: "flex",
|
|
@@ -70,8 +70,8 @@ const windowConfirmStyles = {
|
|
|
70
70
|
* Icon Illustration Styles
|
|
71
71
|
* @author cesar - automatic
|
|
72
72
|
* @createdAt 2024-11-19 11:57:37 - automatic
|
|
73
|
-
* @updatedAt
|
|
74
|
-
* @updatedUser
|
|
73
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
74
|
+
* @updatedUser Andrés Quintero - automatic
|
|
75
75
|
*/
|
|
76
76
|
illustrationIcon: () => ({
|
|
77
77
|
width: "auto !important",
|
|
@@ -84,8 +84,8 @@ const windowConfirmStyles = {
|
|
|
84
84
|
* Text Content Styles
|
|
85
85
|
* @author cesar - automatic
|
|
86
86
|
* @createdAt 2024-11-19 11:57:37 - automatic
|
|
87
|
-
* @updatedAt
|
|
88
|
-
* @updatedUser
|
|
87
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
88
|
+
* @updatedUser Andrés Quintero - automatic
|
|
89
89
|
*/
|
|
90
90
|
textContent: ({ theme }) => ({
|
|
91
91
|
display: "flex",
|
|
@@ -98,8 +98,8 @@ const windowConfirmStyles = {
|
|
|
98
98
|
* Title Illustration Styles
|
|
99
99
|
* @author cesar - automatic
|
|
100
100
|
* @createdAt 2024-11-19 11:57:37 - automatic
|
|
101
|
-
* @updatedAt
|
|
102
|
-
* @updatedUser
|
|
101
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
102
|
+
* @updatedUser Andrés Quintero - automatic
|
|
103
103
|
*/
|
|
104
104
|
title: ({ theme }) => ({
|
|
105
105
|
color: theme.vars.palette.text.primary,
|
|
@@ -110,8 +110,8 @@ const windowConfirmStyles = {
|
|
|
110
110
|
* Message Illustration Styles
|
|
111
111
|
* @author cesar - automatic
|
|
112
112
|
* @createdAt 2024-11-21 08:55:01 - automatic
|
|
113
|
-
* @updatedAt
|
|
114
|
-
* @updatedUser
|
|
113
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
114
|
+
* @updatedUser Andrés Quintero - automatic
|
|
115
115
|
*/
|
|
116
116
|
message: ({ theme }) => ({
|
|
117
117
|
textAlign: "center",
|
|
@@ -121,8 +121,8 @@ const windowConfirmStyles = {
|
|
|
121
121
|
* Actions Container Styles
|
|
122
122
|
* @author cesar - automatic
|
|
123
123
|
* @createdAt 2024-11-19 11:57:37 - automatic
|
|
124
|
-
* @updatedAt
|
|
125
|
-
* @updatedUser
|
|
124
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
125
|
+
* @updatedUser Andrés Quintero - automatic
|
|
126
126
|
*/
|
|
127
127
|
actionsContainer: ({ theme }) => ({
|
|
128
128
|
padding: theme.vars.size.baseSpacings.sp3
|
|
@@ -42,15 +42,15 @@ import { AreaChipProps } from './types';
|
|
|
42
42
|
* <<<<<<< HEAD
|
|
43
43
|
* <<<<<<< HEAD
|
|
44
44
|
* @createdAt 2024-11-01 12:34:48 - automatic
|
|
45
|
-
* @updatedAt
|
|
45
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
46
46
|
* =======
|
|
47
47
|
* @createdAt 2024-11-06 09:00:05 - automatic
|
|
48
|
-
* @updatedAt
|
|
48
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
49
49
|
* =======
|
|
50
50
|
* @createdAt 2024-11-06 11:07:59 - automatic
|
|
51
|
-
* @updatedAt
|
|
51
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
52
52
|
* >>>>>>> 32caab70 (refactor(PGK-552): resolve TODO documentar and styles to slots)
|
|
53
|
-
* @updatedUser
|
|
53
|
+
* @updatedUser Andrés Quintero - automatic
|
|
54
54
|
*/
|
|
55
55
|
export declare const AreaChip: {
|
|
56
56
|
(props: AreaChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -27,8 +27,8 @@ import { AreaChipProps } from '../../../AreaChip/types';
|
|
|
27
27
|
* - rippleRef: React.RefObject<any> - Reference to the ripple effect.
|
|
28
28
|
* @author SebastianM - automatic
|
|
29
29
|
* @createdAt 2024-11-06 11:07:59 - automatic
|
|
30
|
-
* @updatedAt
|
|
31
|
-
* @updatedUser
|
|
30
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
31
|
+
* @updatedUser Andrés Quintero - automatic
|
|
32
32
|
*/
|
|
33
33
|
export declare const ChipMobile: {
|
|
34
34
|
(props: AreaChipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
const rhfAutocompleteSyles = {
|
|
2
2
|
/**
|
|
3
3
|
* Styles for the root component.
|
|
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
|
autocompleteRoot: ({ theme }) => ({
|
|
6
10
|
display: "flex",
|
|
@@ -12,6 +16,10 @@ const rhfAutocompleteSyles = {
|
|
|
12
16
|
* @param {object} theme - The theme object.
|
|
13
17
|
* @param {object} ownerState - The state of the owner component.
|
|
14
18
|
* @returns {object} The styles for the label.
|
|
19
|
+
* @author Andrés Quintero - automatic
|
|
20
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
21
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
22
|
+
* @updatedUser Andrés Quintero - automatic
|
|
15
23
|
*/
|
|
16
24
|
label: ({ theme, ownerState }) => ({
|
|
17
25
|
...ownerState.disabled === true && {
|
|
@@ -3,5 +3,9 @@ import { RHFAutocompleteProps } from './types';
|
|
|
3
3
|
* RHFAutocomplete component renders an autocomplete input field with various customization options.
|
|
4
4
|
* @param props - The properties for the RHFAutocomplete component.
|
|
5
5
|
* @returns The RHFAutocomplete component.
|
|
6
|
+
* @author Andrés Quintero - automatic
|
|
7
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
8
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
9
|
+
* @updatedUser Andrés Quintero - automatic
|
|
6
10
|
*/
|
|
7
11
|
export declare function RHFAutocomplete<T>(props: RHFAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,6 +17,7 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
|
|
|
17
17
|
name: string;
|
|
18
18
|
/**
|
|
19
19
|
* The label for the autocomplete field.
|
|
20
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
20
21
|
*/
|
|
21
22
|
popperProps?: Omit<PopperProps, 'color'>;
|
|
22
23
|
onFocus?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
@@ -40,6 +41,7 @@ export interface RHFAutocompleteProps<T, Multiple extends boolean | undefined =
|
|
|
40
41
|
label?: string;
|
|
41
42
|
/**
|
|
42
43
|
* Whether the controller detected an error on component.
|
|
44
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
43
45
|
*/
|
|
44
46
|
helperMessage?: string;
|
|
45
47
|
onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
|
|
@@ -3,5 +3,9 @@ import { RHFAutocompleteAsyncBaseProps } from './types';
|
|
|
3
3
|
* RHFAutocompleteProps is a component that handles asynchronous autocomplete functionality.
|
|
4
4
|
* @param props - The properties passed to the component.
|
|
5
5
|
* @returns A React component.
|
|
6
|
+
* @author Andrés Quintero - automatic
|
|
7
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
8
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
9
|
+
* @updatedUser Andrés Quintero - automatic
|
|
6
10
|
*/
|
|
7
11
|
export declare function RHFAutocompleteAsync<T>(props: RHFAutocompleteAsyncBaseProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,7 +5,7 @@ import { RHFColorPickerProps } from './types';
|
|
|
5
5
|
* @returns {JSX.Element} - Elemento JSX que representa el componente.
|
|
6
6
|
* @author SebastianM - automatic
|
|
7
7
|
* @createdAt 2024-11-06 09:00:05 - automatic
|
|
8
|
-
* @updatedAt
|
|
9
|
-
* @updatedUser
|
|
8
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
9
|
+
* @updatedUser Andrés Quintero - automatic
|
|
10
10
|
*/
|
|
11
11
|
export declare const RHFColorPicker: (props: RHFColorPickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { RHFColorPickerStyles } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* Estilos para el componente `RHFColorPicker`. Define los estilos de cada parte del componente, como el root, label, color, popover, sketch picker, y las acciones.
|
|
4
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
4
5
|
*/
|
|
5
6
|
export declare const rhfcolorPickerStyles: RHFColorPickerStyles;
|
|
@@ -2,6 +2,10 @@ const rhfcolorPickerStyles = {
|
|
|
2
2
|
/**
|
|
3
3
|
* Estilos para el elemento raíz del `RHFColorPicker`.
|
|
4
4
|
* Aplica un layout de columna con un espacio entre los elementos basado en el tamaño de espaciado definido en el tema.
|
|
5
|
+
* @author Andrés Quintero - automatic
|
|
6
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
7
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
8
|
+
* @updatedUser Andrés Quintero - automatic
|
|
5
9
|
*/
|
|
6
10
|
root: ({ theme }) => ({
|
|
7
11
|
display: "flex",
|
|
@@ -11,6 +15,10 @@ const rhfcolorPickerStyles = {
|
|
|
11
15
|
/**
|
|
12
16
|
* Estilos para el `Popover` dentro del `RHFColorPicker`.
|
|
13
17
|
* Define la apariencia del `Popover`, como el borde, el padding y el estilo de los botones dentro del `Popover`.
|
|
18
|
+
* @author Andrés Quintero - automatic
|
|
19
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
20
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
21
|
+
* @updatedUser Andrés Quintero - automatic
|
|
14
22
|
*/
|
|
15
23
|
popover: ({ theme, ownerState }) => {
|
|
16
24
|
return {
|
|
@@ -29,6 +37,10 @@ const rhfcolorPickerStyles = {
|
|
|
29
37
|
/**
|
|
30
38
|
* Estilos para el `SketchPicker`, que es el selector de colores dentro del `RHFColorPicker`.
|
|
31
39
|
* Define el layout y la apariencia de las cajas de color, ajustando el diseño y el estilo de los elementos dentro del selector.
|
|
40
|
+
* @author Andrés Quintero - automatic
|
|
41
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
42
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
43
|
+
* @updatedUser Andrés Quintero - automatic
|
|
32
44
|
*/
|
|
33
45
|
sketchPicker: ({ theme }) => ({
|
|
34
46
|
display: "flex",
|
|
@@ -3,7 +3,7 @@ import { RHFPeriodProps } 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-27 15:03:02 - automatic
|
|
6
|
-
* @updatedAt
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
export declare const RHFPeriod: (props: RHFPeriodProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
const rhfPeriodStyles = {
|
|
2
2
|
/**
|
|
3
3
|
* root class
|
|
4
|
-
* @updatedUser
|
|
5
|
-
* @updatedAt 2025-01-
|
|
4
|
+
* @updatedUser Andrés Quintero - automatic
|
|
5
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
6
6
|
* @createdAt 2024-12-27 16:45:26 - automatic
|
|
7
7
|
* @author cesar - automatic
|
|
8
8
|
* @author cesar - automatic
|
|
9
9
|
* @createdAt 2024-11-21 08:55:01 - automatic
|
|
10
|
-
* @updatedAt 2025-01-
|
|
11
|
-
* @updatedUser
|
|
10
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
11
|
+
* @updatedUser Andrés Quintero - automatic
|
|
12
12
|
*/
|
|
13
13
|
root: ({ theme }) => ({
|
|
14
14
|
width: "270px",
|
|
@@ -22,8 +22,8 @@ const rhfPeriodStyles = {
|
|
|
22
22
|
* periodRoot class
|
|
23
23
|
* @author cesar - automatic
|
|
24
24
|
* @createdAt 2024-12-30 07:34:10 - automatic
|
|
25
|
-
* @updatedAt 2025-01-
|
|
26
|
-
* @updatedUser
|
|
25
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
26
|
+
* @updatedUser Andrés Quintero - automatic
|
|
27
27
|
*/
|
|
28
28
|
periodRoot: ({ theme }) => ({
|
|
29
29
|
width: "100%",
|
|
@@ -36,8 +36,8 @@ const rhfPeriodStyles = {
|
|
|
36
36
|
* textField class
|
|
37
37
|
* @author cesar - automatic
|
|
38
38
|
* @createdAt 2024-12-30 07:34:10 - automatic
|
|
39
|
-
* @updatedAt 2025-01-
|
|
40
|
-
* @updatedUser
|
|
39
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
40
|
+
* @updatedUser Andrés Quintero - automatic
|
|
41
41
|
*/
|
|
42
42
|
textField: ({ theme }) => ({
|
|
43
43
|
borderRadius: "50px",
|
|
@@ -49,8 +49,8 @@ const rhfPeriodStyles = {
|
|
|
49
49
|
* select class
|
|
50
50
|
* @author cesar - automatic
|
|
51
51
|
* @createdAt 2024-12-30 16:21:22 - automatic
|
|
52
|
-
* @updatedAt 2025-01-
|
|
53
|
-
* @updatedUser
|
|
52
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
53
|
+
* @updatedUser Andrés Quintero - automatic
|
|
54
54
|
*/
|
|
55
55
|
select: () => ({
|
|
56
56
|
width: "100px"
|
|
@@ -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-
|
|
7
|
-
* @updatedUser
|
|
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
|
|
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
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
7
7
|
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
root: ({ theme }) => ({
|
|
@@ -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
|
|
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
|
|
8
|
-
* @updatedUser
|
|
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
|
|
43
|
-
* @updatedUser
|
|
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
|
|
54
|
-
* @updatedUser
|
|
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
|
|
66
|
-
* @updatedUser
|
|
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
|
|
81
|
-
* @updatedUser
|
|
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
|
|
94
|
-
* @updatedUser
|
|
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
|
|
107
|
-
* @updatedUser
|
|
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
|
|
10
|
-
* @updatedUser
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
52
|
-
* @updatedUser
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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;
|