@m4l/components 9.1.59 → 9.1.61
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/Icon/types.d.ts +1 -1
- 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/PrintingSystem/types.d.ts +23 -0
- package/components/PropertyValue/PropertyValue.styles.js +6 -6
- 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/RHFCheckbox/RHFCheckbox.js +1 -1
- 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/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/MapSourcesTool/index.js +1 -1
- 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/CheckBox/CheckBox.d.ts +1 -1
- package/components/mui_extended/CheckBox/CheckBox.js +42 -34
- package/components/mui_extended/CheckBox/CheckBox.styles.js +60 -68
- package/components/mui_extended/CheckBox/slots/CheckBoxEnum.d.ts +4 -2
- package/components/mui_extended/CheckBox/slots/CheckBoxEnum.js +3 -1
- package/components/mui_extended/CheckBox/slots/CheckBoxSlots.d.ts +7 -1
- package/components/mui_extended/CheckBox/slots/CheckBoxSlots.js +20 -9
- package/components/mui_extended/CheckBox/test/CheckBox.test.d.ts +1 -0
- package/components/mui_extended/CheckBox/types.d.ts +11 -18
- 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.js +6 -4
- package/components/mui_extended/Typography/types.d.ts +8 -5
- package/components/mui_extended/Typography/typography.styles.js +7 -7
- 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 labelStyles = {
|
|
|
3
3
|
* Estilos para el contenedor raíz del Label.
|
|
4
4
|
* @author Bruce Escobar - automatic
|
|
5
5
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
6
|
-
* @updatedAt
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
root: ({ ownerState, theme }) => ({
|
|
10
10
|
display: "flex",
|
|
@@ -38,8 +38,8 @@ const labelStyles = {
|
|
|
38
38
|
* Estilos para el slot Typography.
|
|
39
39
|
* @author Bruce Escobar - automatic
|
|
40
40
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
41
|
-
* @updatedAt
|
|
42
|
-
* @updatedUser
|
|
41
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
42
|
+
* @updatedUser Andrés Quintero - automatic
|
|
43
43
|
*/
|
|
44
44
|
typographyStyled: ({ theme, ownerState }) => ({
|
|
45
45
|
"& .MuiTypography-root": {
|
|
@@ -60,8 +60,8 @@ const labelStyles = {
|
|
|
60
60
|
* Estilos para el mensaje obligatorio.
|
|
61
61
|
* @author Bruce Escobar - automatic
|
|
62
62
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
63
|
-
* @updatedAt
|
|
64
|
-
* @updatedUser
|
|
63
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
64
|
+
* @updatedUser Andrés Quintero - automatic
|
|
65
65
|
*/
|
|
66
66
|
typographyMandatoryMessageStyled: ({ theme, ownerState }) => ({
|
|
67
67
|
"& .MuiTypography-root": {
|
|
@@ -78,8 +78,8 @@ const labelStyles = {
|
|
|
78
78
|
* Estilos para el icono del mensaje de ayuda.
|
|
79
79
|
* @author Bruce Escobar - automatic
|
|
80
80
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
81
|
-
* @updatedAt
|
|
82
|
-
* @updatedUser
|
|
81
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
82
|
+
* @updatedUser Andrés Quintero - automatic
|
|
83
83
|
*/
|
|
84
84
|
iconHelperMessageStyled: ({ theme }) => ({
|
|
85
85
|
height: "24px",
|
|
@@ -97,8 +97,8 @@ const labelStyles = {
|
|
|
97
97
|
* Estilos para el componente Skeleton.
|
|
98
98
|
* @author Bruce Escobar - automatic
|
|
99
99
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
100
|
-
* @updatedAt
|
|
101
|
-
* @updatedUser
|
|
100
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
101
|
+
* @updatedUser Andrés Quintero - automatic
|
|
102
102
|
*/
|
|
103
103
|
skeletonStyled: ({ ownerState, theme }) => ({
|
|
104
104
|
width: "100%",
|
|
@@ -3,7 +3,7 @@ import { MFIsolationAppProps } from './types';
|
|
|
3
3
|
* TODO: Documentar
|
|
4
4
|
* @author Andrés Quintero - automatic
|
|
5
5
|
* @createdAt 2024-12-31 11:23:50 - 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 MFIsolationApp(props: MFIsolationAppProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { MenuActionsProps } from './types';
|
|
|
7
7
|
* y estilos configurables.
|
|
8
8
|
* @author cesar - automatic
|
|
9
9
|
* @createdAt 2024-12-17 15:41:39 - 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 function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,7 +13,7 @@ import { MENU_ACTIONS_KEY_COMPONENT } from './constants';
|
|
|
13
13
|
* onClick - Función a ejecutar al hacer clic en la acción.
|
|
14
14
|
* @author Andrés Quintero - automatic
|
|
15
15
|
* @createdAt 2024-12-27 08:27:30 - automatic
|
|
16
|
-
* @updatedAt
|
|
16
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
17
17
|
* @updatedUser Andrés Quintero - automatic
|
|
18
18
|
*/
|
|
19
19
|
export interface ComponentActionProps {
|
|
@@ -26,7 +26,7 @@ export interface ComponentActionProps {
|
|
|
26
26
|
* [error] - Indicador de error en la acción del menú.
|
|
27
27
|
* @author Andrés Quintero - automatic
|
|
28
28
|
* @createdAt 2024-12-27 08:27:30 - automatic
|
|
29
|
-
* @updatedAt
|
|
29
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
30
30
|
* @updatedUser Andrés Quintero - automatic
|
|
31
31
|
*/
|
|
32
32
|
export interface MenuAction extends Pick<MenuItemProps, 'startIcon' | 'endIcon' | 'label' | 'selected' | 'componentPaletteColor' | 'color' | 'disabled'> {
|
|
@@ -68,7 +68,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
|
|
|
68
68
|
* Acciones del menú, puede ser un array o una función que genere acciones.
|
|
69
69
|
* @author Andrés Quintero - automatic
|
|
70
70
|
* @createdAt 2024-12-27 08:27:30 - automatic
|
|
71
|
-
* @updatedAt
|
|
71
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
72
72
|
* @updatedUser Andrés Quintero - automatic
|
|
73
73
|
*/
|
|
74
74
|
menuActions: MenuAction[] | ((row: any) => MenuAction[]);
|
|
@@ -131,7 +131,7 @@ export interface MenuActionsProps extends Omit<PopoverProps, 'open' | 'anchorEl'
|
|
|
131
131
|
* Función externa para cerrar el menú.
|
|
132
132
|
* @author Andrés Quintero - automatic
|
|
133
133
|
* @createdAt 2024-12-27 08:27:30 - automatic
|
|
134
|
-
* @updatedAt
|
|
134
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
135
135
|
* @updatedUser Andrés Quintero - automatic
|
|
136
136
|
*/
|
|
137
137
|
externalClose?: (element: null | HTMLDivElement) => void;
|
|
@@ -21,10 +21,15 @@ export interface BaseProviderPrintSystem {
|
|
|
21
21
|
}
|
|
22
22
|
/**
|
|
23
23
|
* Direction: Propiedad para la dirección de contenidos
|
|
24
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
24
25
|
*/
|
|
25
26
|
type Direction = 'column' | 'row';
|
|
26
27
|
/**
|
|
27
28
|
* Align: Propiedades de alineación de contenidos
|
|
29
|
+
* @author Andrés Quintero - automatic
|
|
30
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
31
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
32
|
+
* @updatedUser Andrés Quintero - automatic
|
|
28
33
|
*/
|
|
29
34
|
type Align = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
|
|
30
35
|
export interface NodeTypeCollection {
|
|
@@ -43,6 +48,7 @@ export interface NodeTypeCollection {
|
|
|
43
48
|
}
|
|
44
49
|
/**
|
|
45
50
|
* BaseNode: Se encarga de contener las propiedades comunes entre la lista de componentes.
|
|
51
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
46
52
|
*/
|
|
47
53
|
export interface BaseNode {
|
|
48
54
|
key: string;
|
|
@@ -52,6 +58,8 @@ export interface BaseNode {
|
|
|
52
58
|
}
|
|
53
59
|
/**
|
|
54
60
|
* PaddingProperties: propiedades de espaciado interno.
|
|
61
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
62
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
55
63
|
*/
|
|
56
64
|
export interface PaddingProperties {
|
|
57
65
|
paddingTop?: number;
|
|
@@ -68,6 +76,7 @@ export interface SizeProperty {
|
|
|
68
76
|
}
|
|
69
77
|
/**
|
|
70
78
|
* RootNode: Componente que agrupa todas las posibles paginas
|
|
79
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
71
80
|
*/
|
|
72
81
|
export interface RootNode {
|
|
73
82
|
unitSizes: string;
|
|
@@ -78,6 +87,7 @@ export interface RootNode {
|
|
|
78
87
|
}
|
|
79
88
|
/**
|
|
80
89
|
* PageNode: Componente de página, es el primer componente que se carga en las estructuras NodeType y se encarga de definir el formato de tamaño
|
|
90
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
81
91
|
*/
|
|
82
92
|
export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
|
|
83
93
|
type: 'page';
|
|
@@ -85,6 +95,7 @@ export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
|
|
|
85
95
|
}
|
|
86
96
|
/**
|
|
87
97
|
* SectionNode: Componente para distrubir elementos de NodeType en fila.
|
|
98
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
88
99
|
*/
|
|
89
100
|
export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
|
|
90
101
|
type: 'section';
|
|
@@ -96,6 +107,7 @@ export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
|
|
|
96
107
|
}
|
|
97
108
|
/**
|
|
98
109
|
* TextBox: Componente para visualizar estructuras de texto.
|
|
110
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
99
111
|
*/
|
|
100
112
|
export interface TextBoxNode extends Omit<BaseNode, 'children'> {
|
|
101
113
|
type: 'textBox';
|
|
@@ -105,6 +117,7 @@ export interface TextBoxNode extends Omit<BaseNode, 'children'> {
|
|
|
105
117
|
}
|
|
106
118
|
/**
|
|
107
119
|
* ImageNode: Componente para visualizar imagenes.
|
|
120
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
108
121
|
*/
|
|
109
122
|
export interface ImageNode extends BaseNode {
|
|
110
123
|
type: 'image';
|
|
@@ -114,6 +127,7 @@ export interface ImageNode extends BaseNode {
|
|
|
114
127
|
}
|
|
115
128
|
/**
|
|
116
129
|
* QReNode: Componente para visualizar una imagen qr.
|
|
130
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
117
131
|
*/
|
|
118
132
|
export interface QRImageNode extends BaseNode {
|
|
119
133
|
type: 'qrImage';
|
|
@@ -123,24 +137,28 @@ export interface QRImageNode extends BaseNode {
|
|
|
123
137
|
}
|
|
124
138
|
/**
|
|
125
139
|
* HeaderNode: Componente para visualizar la cabecera del documento.
|
|
140
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
126
141
|
*/
|
|
127
142
|
export interface HeaderNode extends Omit<SectionNode, 'type'> {
|
|
128
143
|
type: 'header';
|
|
129
144
|
}
|
|
130
145
|
/**
|
|
131
146
|
* BodyNode: Componente para visualizar el cuerpo del documento.
|
|
147
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
132
148
|
*/
|
|
133
149
|
export interface BodyNode extends Omit<SectionNode, 'type'> {
|
|
134
150
|
type: 'body';
|
|
135
151
|
}
|
|
136
152
|
/**
|
|
137
153
|
* FooterNode: Componente para visualizar el pie de página del documento.
|
|
154
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
138
155
|
*/
|
|
139
156
|
export interface FooterNode extends Omit<SectionNode, 'type'> {
|
|
140
157
|
type: 'footer';
|
|
141
158
|
}
|
|
142
159
|
/**
|
|
143
160
|
* PaperNode: Componente que contiene una lista de campos de valor.
|
|
161
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
144
162
|
*/
|
|
145
163
|
export interface PaperNode extends BaseNode {
|
|
146
164
|
type: 'paper';
|
|
@@ -149,6 +167,8 @@ export interface PaperNode extends BaseNode {
|
|
|
149
167
|
}
|
|
150
168
|
/**
|
|
151
169
|
* PropertyValue: Componente que organiza un campo con una etiqueta y valor.
|
|
170
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
171
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
152
172
|
*/
|
|
153
173
|
export interface PagerNode extends BaseNode {
|
|
154
174
|
type: 'pager';
|
|
@@ -166,6 +186,7 @@ export interface PropertyValue extends Omit<BaseNode, 'children'> {
|
|
|
166
186
|
export type NodePrintPropertyValue = SectionNode | TextBoxNode | ImageNode | FooterNode | PaperNode | DividerNode | GridNode | ChartNode | PagerNode | QRImageNode;
|
|
167
187
|
/**
|
|
168
188
|
* DividerNode: Componente que aporta una división gráfica.
|
|
189
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
169
190
|
*/
|
|
170
191
|
export interface DividerNode extends Omit<BaseNode, 'children'> {
|
|
171
192
|
type: 'divider';
|
|
@@ -182,6 +203,7 @@ export interface Columns {
|
|
|
182
203
|
}
|
|
183
204
|
/**
|
|
184
205
|
* GridNode: Componente dibuja una tabla de información con n canditad de registros y columnas.
|
|
206
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
185
207
|
*/
|
|
186
208
|
export interface GridNode extends Omit<BaseNode, 'children'> {
|
|
187
209
|
type: 'grid';
|
|
@@ -191,6 +213,7 @@ export interface GridNode extends Omit<BaseNode, 'children'> {
|
|
|
191
213
|
}
|
|
192
214
|
/**
|
|
193
215
|
* ChartNode: Componente dibuja una grafica de información.
|
|
216
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
194
217
|
*/
|
|
195
218
|
export interface UncertaintyType {
|
|
196
219
|
x: number;
|
|
@@ -4,8 +4,8 @@ const propertyValueStyles = {
|
|
|
4
4
|
* Property Value Root Styles
|
|
5
5
|
* @author cesar - automatic
|
|
6
6
|
* @createdAt 2024-12-19 14:44:17 - automatic
|
|
7
|
-
* @updatedAt 2025-01-
|
|
8
|
-
* @updatedUser
|
|
7
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
8
|
+
* @updatedUser Andrés Quintero - automatic
|
|
9
9
|
*/
|
|
10
10
|
Root: ({ theme, ownerState }) => {
|
|
11
11
|
const createSemanticStyle = (minWidth, maxWidth) => ({
|
|
@@ -67,8 +67,8 @@ const propertyValueStyles = {
|
|
|
67
67
|
* Property Styles
|
|
68
68
|
* @author cesar - automatic
|
|
69
69
|
* @createdAt 2024-12-26 11:44:46 - automatic
|
|
70
|
-
* @updatedAt 2025-01-
|
|
71
|
-
* @updatedUser
|
|
70
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
71
|
+
* @updatedUser Andrés Quintero - automatic
|
|
72
72
|
*/
|
|
73
73
|
property: ({ theme, ownerState }) => ({
|
|
74
74
|
display: "flex",
|
|
@@ -82,8 +82,8 @@ const propertyValueStyles = {
|
|
|
82
82
|
* Value Styles (Form and No Form Combined)
|
|
83
83
|
* @author cesar - automatic
|
|
84
84
|
* @createdAt 2024-12-26 11:44:46 - automatic
|
|
85
|
-
* @updatedAt 2025-01-
|
|
86
|
-
* @updatedUser
|
|
85
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
86
|
+
* @updatedUser Andrés Quintero - automatic
|
|
87
87
|
*/
|
|
88
88
|
value: ({ theme, ownerState }) => ({
|
|
89
89
|
width: "100%",
|
|
@@ -9,7 +9,7 @@ import { SideBarProps } from './types';
|
|
|
9
9
|
* - **`useFirstRender:`** Hook que devuelve un valor booleano indicando si el componente se está renderizando por primera vez.
|
|
10
10
|
* @author Andrés Quintero - automatic
|
|
11
11
|
* @createdAt 2024-12-23 07:24:16 - automatic
|
|
12
|
-
* @updatedAt
|
|
12
|
+
* @updatedAt 2025-01-03 11:04:54 - automatic
|
|
13
13
|
* @updatedUser Andrés Quintero - automatic
|
|
14
14
|
*/
|
|
15
15
|
export declare const SideBar: import('react').MemoExoticComponent<(props: SideBarProps) => import("react/jsx-runtime").JSX.Element>;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* Contiene el header, body y footer
|
|
4
4
|
* @author Andrés Quintero - automatic
|
|
5
5
|
* @createdAt 2024-11-15 21:43:42 - automatic
|
|
6
|
-
* @updatedAt
|
|
6
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
7
7
|
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
declare const ContentComponent: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,5 +3,7 @@ import { ContentGroupsProps } from './types';
|
|
|
3
3
|
* Renderiza el contenido de los grupos
|
|
4
4
|
* @author Andrés Quintero - automatic
|
|
5
5
|
* @createdAt 2024-11-05 17:43:01 - automatic
|
|
6
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
6
8
|
*/
|
|
7
9
|
export declare const ContentGroups: (contentGroupsProps: ContentGroupsProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,7 +5,7 @@ const containerMenuItemsMainStyles = {
|
|
|
5
5
|
* Style aplicado al contenedor de los items del menú
|
|
6
6
|
* @author Andrés Quintero - automatic
|
|
7
7
|
* @createdAt 2024-11-19 20:54:12 - automatic
|
|
8
|
-
* @updatedAt
|
|
8
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
9
9
|
* @updatedUser Andrés Quintero - automatic
|
|
10
10
|
*/
|
|
11
11
|
containerMenuItems: ({ theme, ownerState }) => ({
|
|
@@ -49,7 +49,7 @@ const containerMenuItemsMainStyles = {
|
|
|
49
49
|
*Style para el contenedor del icono de flecha que indica si el item está colapsado o descolapsado para los items padres
|
|
50
50
|
* @author Andrés Quintero - automatic
|
|
51
51
|
* @createdAt 2024-11-19 20:54:12 - automatic
|
|
52
|
-
* @updatedAt
|
|
52
|
+
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
53
53
|
* @updatedUser Andrés Quintero - automatic
|
|
54
54
|
*/
|
|
55
55
|
containerArrowIconRoot: () => ({
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Renderiza el contenido que debe de tener los dispositipos desktop
|
|
3
3
|
* @author Andrés Quintero - automatic
|
|
4
4
|
* @createdAt 2024-11-05 18:16:45 - automatic
|
|
5
|
-
* @updatedAt
|
|
5
|
+
* @updatedAt 2025-01-03 11:04:54 - automatic
|
|
6
6
|
* @updatedUser Andrés Quintero - automatic
|
|
7
7
|
*/
|
|
8
8
|
export declare const SideBarDesktop: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -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;
|