@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
|
@@ -17,7 +17,7 @@ import { AccountPopoverProps } from './types';
|
|
|
17
17
|
* @example
|
|
18
18
|
* @author Andrés Quintero - automatic
|
|
19
19
|
* @createdAt 2024-12-23 09:15:44 - automatic
|
|
20
|
-
* @updatedAt 2025-01-
|
|
20
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
21
21
|
* @updatedUser Andrés Quintero - automatic
|
|
22
22
|
*/
|
|
23
23
|
export declare const AccountPopover: (props: AccountPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,7 +5,7 @@ const accountPopoverStyles = {
|
|
|
5
5
|
* ***************************************************************
|
|
6
6
|
* @author Andrés Quintero - automatic
|
|
7
7
|
* @createdAt 2024-12-10 17:27:34 - automatic
|
|
8
|
-
* @updatedAt 2025-01-
|
|
8
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
9
9
|
* @updatedUser Andrés Quintero - automatic
|
|
10
10
|
*/
|
|
11
11
|
iconButtonRoot: ({ theme }) => ({
|
|
@@ -26,7 +26,7 @@ const accountPopoverStyles = {
|
|
|
26
26
|
* ******************************************************************
|
|
27
27
|
* @author Andrés Quintero - automatic
|
|
28
28
|
* @createdAt 2024-12-10 08:05:25 - automatic
|
|
29
|
-
* @updatedAt 2025-01-
|
|
29
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
30
30
|
* @updatedUser Andrés Quintero - automatic
|
|
31
31
|
*/
|
|
32
32
|
avatar: () => ({
|
|
@@ -42,7 +42,7 @@ const accountPopoverStyles = {
|
|
|
42
42
|
* ******************************************************************
|
|
43
43
|
* @author Andrés Quintero - automatic
|
|
44
44
|
* @createdAt 2024-12-10 08:05:25 - automatic
|
|
45
|
-
* @updatedAt 2025-01-
|
|
45
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
46
46
|
* @updatedUser Andrés Quintero - automatic
|
|
47
47
|
*/
|
|
48
48
|
avatarPopover: ({ theme, ownerState }) => ({
|
|
@@ -55,7 +55,7 @@ const accountPopoverStyles = {
|
|
|
55
55
|
* *******************************************************************
|
|
56
56
|
* @author Andrés Quintero - automatic
|
|
57
57
|
* @createdAt 2024-12-10 17:27:34 - automatic
|
|
58
|
-
* @updatedAt 2025-01-
|
|
58
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
59
59
|
* @updatedUser Andrés Quintero - automatic
|
|
60
60
|
*/
|
|
61
61
|
popoverRoot: ({ theme }) => ({
|
|
@@ -70,7 +70,7 @@ const accountPopoverStyles = {
|
|
|
70
70
|
* ********************************************************************
|
|
71
71
|
* @author Andrés Quintero - automatic
|
|
72
72
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
73
|
-
* @updatedAt 2025-01-
|
|
73
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
74
74
|
* @updatedUser Andrés Quintero - automatic
|
|
75
75
|
*/
|
|
76
76
|
userDataContainer: ({ theme }) => ({
|
|
@@ -95,7 +95,7 @@ const accountPopoverStyles = {
|
|
|
95
95
|
* ************************************************************************
|
|
96
96
|
* @author Andrés Quintero - automatic
|
|
97
97
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
98
|
-
* @updatedAt 2025-01-
|
|
98
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
99
99
|
* @updatedUser Andrés Quintero - automatic
|
|
100
100
|
*/
|
|
101
101
|
userNameEmail: ({ theme }) => ({
|
|
@@ -110,7 +110,7 @@ const accountPopoverStyles = {
|
|
|
110
110
|
* ***********************************************************
|
|
111
111
|
* @author Andrés Quintero - automatic
|
|
112
112
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
113
|
-
* @updatedAt 2025-01-
|
|
113
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
114
114
|
* @updatedUser Andrés Quintero - automatic
|
|
115
115
|
*/
|
|
116
116
|
fullName: () => ({}),
|
|
@@ -120,7 +120,7 @@ const accountPopoverStyles = {
|
|
|
120
120
|
* ********************************************************
|
|
121
121
|
* @author Andrés Quintero - automatic
|
|
122
122
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
123
|
-
* @updatedAt 2025-01-
|
|
123
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
124
124
|
* @updatedUser Andrés Quintero - automatic
|
|
125
125
|
*/
|
|
126
126
|
email: ({ theme }) => ({
|
|
@@ -134,7 +134,7 @@ const accountPopoverStyles = {
|
|
|
134
134
|
* ***********************************************************************
|
|
135
135
|
* @author Andrés Quintero - automatic
|
|
136
136
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
137
|
-
* @updatedAt 2025-01-
|
|
137
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
138
138
|
* @updatedUser Andrés Quintero - automatic
|
|
139
139
|
*/
|
|
140
140
|
versionContainer: ({ theme }) => ({
|
|
@@ -152,7 +152,7 @@ const accountPopoverStyles = {
|
|
|
152
152
|
* ************************************************************
|
|
153
153
|
* @author Andrés Quintero - automatic
|
|
154
154
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
155
|
-
* @updatedAt 2025-01-
|
|
155
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
156
156
|
* @updatedUser Andrés Quintero - automatic
|
|
157
157
|
*/
|
|
158
158
|
version: ({ theme }) => ({
|
|
@@ -167,7 +167,7 @@ const accountPopoverStyles = {
|
|
|
167
167
|
* ******************************************************************
|
|
168
168
|
* @author Andrés Quintero - automatic
|
|
169
169
|
* @createdAt 2024-12-11 15:39:20 - automatic
|
|
170
|
-
* @updatedAt 2025-01-
|
|
170
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
171
171
|
* @updatedUser Andrés Quintero - automatic
|
|
172
172
|
*/
|
|
173
173
|
menuItemSetting: ({ theme }) => ({
|
|
@@ -179,7 +179,7 @@ const accountPopoverStyles = {
|
|
|
179
179
|
* ****************************************************************
|
|
180
180
|
* @author Andrés Quintero - automatic
|
|
181
181
|
* @createdAt 2024-12-09 17:45:48 - automatic
|
|
182
|
-
* @updatedAt 2025-01-
|
|
182
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
183
183
|
* @updatedUser Andrés Quintero - automatic
|
|
184
184
|
*/
|
|
185
185
|
versionIcon: ({ theme }) => ({
|
|
@@ -194,7 +194,7 @@ const accountPopoverStyles = {
|
|
|
194
194
|
* ********************************************************
|
|
195
195
|
* @author Andrés Quintero - automatic
|
|
196
196
|
* @createdAt 2024-12-11 15:39:20 - automatic
|
|
197
|
-
* @updatedAt 2025-01-
|
|
197
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
198
198
|
* @updatedUser Andrés Quintero - automatic
|
|
199
199
|
*/
|
|
200
200
|
menuItem: ({ theme }) => ({
|
|
@@ -206,7 +206,7 @@ const accountPopoverStyles = {
|
|
|
206
206
|
* ********************************************************
|
|
207
207
|
* @author Andrés Quintero - automatic
|
|
208
208
|
* @createdAt 2024-12-10 08:05:25 - automatic
|
|
209
|
-
* @updatedAt 2025-01-
|
|
209
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
210
210
|
* @updatedUser Andrés Quintero - automatic
|
|
211
211
|
*/
|
|
212
212
|
divider: ({ theme }) => ({
|
|
@@ -231,7 +231,7 @@ const accountPopoverStyles = {
|
|
|
231
231
|
* *************************************************************
|
|
232
232
|
* @author Andrés Quintero - automatic
|
|
233
233
|
* @createdAt 2024-12-11 15:39:20 - automatic
|
|
234
|
-
* @updatedAt 2025-01-
|
|
234
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
235
235
|
* @updatedUser Andrés Quintero - automatic
|
|
236
236
|
*/
|
|
237
237
|
circularPropress: () => ({}),
|
|
@@ -241,7 +241,7 @@ const accountPopoverStyles = {
|
|
|
241
241
|
* ********************************************************
|
|
242
242
|
* @author Andrés Quintero - automatic
|
|
243
243
|
* @createdAt 2024-12-11 15:39:20 - automatic
|
|
244
|
-
* @updatedAt 2025-01-
|
|
244
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
245
245
|
* @updatedUser Andrés Quintero - automatic
|
|
246
246
|
*/
|
|
247
247
|
menuItemLogout: ({ theme }) => ({
|
|
@@ -5,7 +5,7 @@ import { MenuPopoverProps } from './types';
|
|
|
5
5
|
* @param props
|
|
6
6
|
* @author Andrés Quintero - automatic
|
|
7
7
|
* @createdAt 2024-12-06 17:26:21 - automatic
|
|
8
|
-
* @updatedAt 2025-01-
|
|
8
|
+
* @updatedAt 2025-01-03 11:42:13 - automatic
|
|
9
9
|
* @updatedUser Andrés Quintero - automatic
|
|
10
10
|
*/
|
|
11
11
|
export declare const MenuPopover: (props: MenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -44,7 +44,7 @@ export interface AccountPopoverProps {
|
|
|
44
44
|
* Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.
|
|
45
45
|
* @author Andrés Quintero - automatic
|
|
46
46
|
* @createdAt 2024-12-23 09:15:45 - automatic
|
|
47
|
-
* @updatedAt 2025-01-
|
|
47
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
48
48
|
* @updatedUser Andrés Quintero - automatic
|
|
49
49
|
*/
|
|
50
50
|
itemHandleClick: (item: RightMenuData) => void;
|
|
@@ -57,7 +57,7 @@ export interface AccountPopoverProps {
|
|
|
57
57
|
* Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia
|
|
58
58
|
* @author Andrés Quintero - automatic
|
|
59
59
|
* @createdAt 2024-12-23 09:15:45 - automatic
|
|
60
|
-
* @updatedAt 2025-01-
|
|
60
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
61
61
|
* @updatedUser Andrés Quintero - automatic
|
|
62
62
|
*/
|
|
63
63
|
settingsHandleOpen: () => void;
|
|
@@ -20,7 +20,7 @@ import { AppBarProps } from './types';
|
|
|
20
20
|
* >
|
|
21
21
|
* @author Andrés Quintero - automatic
|
|
22
22
|
* @createdAt 2024-11-29 14:26:18 - automatic
|
|
23
|
-
* @updatedAt
|
|
23
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
24
24
|
* @updatedUser Andrés Quintero - automatic
|
|
25
25
|
*/
|
|
26
26
|
export declare const AppBar: (props: AppBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5,7 +5,7 @@ const appBarStyles = {
|
|
|
5
5
|
* ****************************************************
|
|
6
6
|
* @author Andrés Quintero - automatic
|
|
7
7
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
8
|
-
* @updatedAt 2025-01-
|
|
8
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
9
9
|
* @updatedUser Andrés Quintero - automatic
|
|
10
10
|
*/
|
|
11
11
|
appBarRoot: ({ theme }) => ({
|
|
@@ -26,7 +26,7 @@ const appBarStyles = {
|
|
|
26
26
|
* ****************************************************
|
|
27
27
|
* @author Andrés Quintero - automatic
|
|
28
28
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
29
|
-
* @updatedAt 2025-01-
|
|
29
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
30
30
|
* @updatedUser Andrés Quintero - automatic
|
|
31
31
|
*/
|
|
32
32
|
containerIsotypeName: ({ theme }) => ({
|
|
@@ -49,7 +49,7 @@ const appBarStyles = {
|
|
|
49
49
|
* ****************************************************
|
|
50
50
|
* @author Andrés Quintero - automatic
|
|
51
51
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
52
|
-
* @updatedAt 2025-01-
|
|
52
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
53
53
|
* @updatedUser Andrés Quintero - automatic
|
|
54
54
|
*/
|
|
55
55
|
imageIsotype: ({ theme }) => ({
|
|
@@ -63,7 +63,7 @@ const appBarStyles = {
|
|
|
63
63
|
* ****************************************************
|
|
64
64
|
* @author Andrés Quintero - automatic
|
|
65
65
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
66
|
-
* @updatedAt 2025-01-
|
|
66
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
67
67
|
* @updatedUser Andrés Quintero - automatic
|
|
68
68
|
*/
|
|
69
69
|
companyName: ({ theme }) => ({
|
|
@@ -78,7 +78,7 @@ const appBarStyles = {
|
|
|
78
78
|
* ****************************************************
|
|
79
79
|
* @author Andrés Quintero - automatic
|
|
80
80
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
81
|
-
* @updatedAt 2025-01-
|
|
81
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
82
82
|
* @updatedUser Andrés Quintero - automatic
|
|
83
83
|
*/
|
|
84
84
|
menuIconButton: ({ theme }) => ({
|
|
@@ -91,7 +91,7 @@ const appBarStyles = {
|
|
|
91
91
|
* **************************************************************
|
|
92
92
|
* @author Andrés Quintero - automatic
|
|
93
93
|
* @createdAt 2024-11-30 00:04:06 - automatic
|
|
94
|
-
* @updatedAt 2025-01-
|
|
94
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
95
95
|
* @updatedUser Andrés Quintero - automatic
|
|
96
96
|
*/
|
|
97
97
|
content: ({ theme }) => ({
|
|
@@ -110,7 +110,7 @@ const appBarStyles = {
|
|
|
110
110
|
* **************************************************************
|
|
111
111
|
* @author Andrés Quintero - automatic
|
|
112
112
|
* @createdAt 2024-12-30 16:27:25 - automatic
|
|
113
|
-
* @updatedAt 2025-01-
|
|
113
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
114
114
|
* @updatedUser Andrés Quintero - automatic
|
|
115
115
|
*/
|
|
116
116
|
contentIsoType: ({ theme }) => ({
|
|
@@ -126,7 +126,7 @@ const appBarStyles = {
|
|
|
126
126
|
* **************************************************************
|
|
127
127
|
* @author Andrés Quintero - automatic
|
|
128
128
|
* @createdAt 2024-12-30 16:27:25 - automatic
|
|
129
|
-
* @updatedAt 2025-01-
|
|
129
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
130
130
|
* @updatedUser Andrés Quintero - automatic
|
|
131
131
|
*/
|
|
132
132
|
divider: ({ theme, ownerState }) => ({
|
|
@@ -33,7 +33,7 @@ export interface AppBarProps {
|
|
|
33
33
|
* Función que activa la visualización del menú de la aplicación en la vista móvil.
|
|
34
34
|
* @author Andrés Quintero - automatic
|
|
35
35
|
* @createdAt 2024-12-31 08:24:48 - automatic
|
|
36
|
-
* @updatedAt
|
|
36
|
+
* @updatedAt 2025-01-03 11:42:14 - automatic
|
|
37
37
|
* @updatedUser Andrés Quintero - automatic
|
|
38
38
|
*/
|
|
39
39
|
onToggleVisible: () => void;
|
|
@@ -3,7 +3,7 @@ import { BaseModuleProps } 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 BaseModule(props: BaseModuleProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ import { ChipProps } from './types';
|
|
|
3
3
|
* A chip is a component that displays information in a compact way.
|
|
4
4
|
* @author SebastianM - automatic
|
|
5
5
|
* @createdAt 2024-12-06 12:48:15 - automatic
|
|
6
|
-
* @updatedAt
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
8
8
|
*/
|
|
9
9
|
export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -3,8 +3,8 @@ const chipStyles = {
|
|
|
3
3
|
* Styles for the root element of the chip.
|
|
4
4
|
* @author SebastianM - automatic
|
|
5
5
|
* @createdAt 2024-12-02 13:49:12 - 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: ({ theme, ownerState }) => ({
|
|
10
10
|
display: "flex",
|
|
@@ -448,8 +448,8 @@ const chipStyles = {
|
|
|
448
448
|
* Styles for the text chip element.
|
|
449
449
|
* @author SebastianM - automatic
|
|
450
450
|
* @createdAt 2024-12-03 11:55:46 - automatic
|
|
451
|
-
* @updatedAt
|
|
452
|
-
* @updatedUser
|
|
451
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
452
|
+
* @updatedUser Andrés Quintero - automatic
|
|
453
453
|
*/
|
|
454
454
|
textChip: ({ theme }) => ({
|
|
455
455
|
whiteSpace: "nowrap",
|
|
@@ -460,16 +460,16 @@ const chipStyles = {
|
|
|
460
460
|
* Styles for the chip icon element.
|
|
461
461
|
* @author SebastianM - automatic
|
|
462
462
|
* @createdAt 2024-12-02 13:49:12 - automatic
|
|
463
|
-
* @updatedAt
|
|
464
|
-
* @updatedUser
|
|
463
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
464
|
+
* @updatedUser Andrés Quintero - automatic
|
|
465
465
|
*/
|
|
466
466
|
chipIcon: () => ({}),
|
|
467
467
|
/**
|
|
468
468
|
* Styles for the icon button inside the chip element.
|
|
469
469
|
* @author SebastianM - automatic
|
|
470
470
|
* @createdAt 2024-12-02 13:49:12 - automatic
|
|
471
|
-
* @updatedAt
|
|
472
|
-
* @updatedUser
|
|
471
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
472
|
+
* @updatedUser Andrés Quintero - automatic
|
|
473
473
|
*/
|
|
474
474
|
iconButton: ({ theme, ownerState }) => ({
|
|
475
475
|
// Estilos específicos para el tamaño small
|
|
@@ -501,8 +501,8 @@ const chipStyles = {
|
|
|
501
501
|
* Styles for the skeleton chip element.
|
|
502
502
|
* @author SebastianM - automatic
|
|
503
503
|
* @createdAt 2024-12-02 13:49:12 - automatic
|
|
504
|
-
* @updatedAt
|
|
505
|
-
* @updatedUser
|
|
504
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
505
|
+
* @updatedUser Andrés Quintero - automatic
|
|
506
506
|
*/
|
|
507
507
|
skeletonChip: ({ theme, ownerState }) => ({
|
|
508
508
|
width: "100%",
|
|
@@ -12,42 +12,55 @@ type ChipVariants = 'contained' | 'outlined';
|
|
|
12
12
|
export interface ChipProps {
|
|
13
13
|
/**
|
|
14
14
|
* Optional prop for the icon on the left in the `Chip`. Can accept a URL as a string to render an image icon, or a React component to render it directly.
|
|
15
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
15
16
|
*/
|
|
16
17
|
startIcon?: ReactNode;
|
|
17
18
|
/**
|
|
18
19
|
* Optional prop for the icon on the right in the `Chip`. Can accept a URL as a string to render an image icon, or a React component to render it directly.
|
|
20
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
19
21
|
*/
|
|
20
22
|
endIcon?: ReactNode;
|
|
21
23
|
/**
|
|
22
24
|
* Size of the `Chip` (default 'medium').
|
|
25
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
23
26
|
*/
|
|
24
27
|
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
25
28
|
/**
|
|
26
29
|
* Text describing the `Chip`.
|
|
30
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
27
31
|
*/
|
|
28
32
|
label?: string;
|
|
29
33
|
/**
|
|
30
34
|
* Defines the variant of the `Chip` (default 'contained').
|
|
35
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
31
36
|
*/
|
|
32
37
|
variant?: ChipVariants;
|
|
33
38
|
/**
|
|
34
39
|
* Defines the color of the `Chip`.
|
|
40
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
35
41
|
*/
|
|
36
42
|
color?: Exclude<ComponentPalletColor, 'primary'>;
|
|
37
43
|
/**
|
|
38
44
|
* Define el with of skeleton mode
|
|
45
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
39
46
|
*/
|
|
40
47
|
skeletonWidth?: string | number;
|
|
41
48
|
/**
|
|
42
49
|
* OPtion prop to render the close icon
|
|
50
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
43
51
|
*/
|
|
44
52
|
hasIconClose?: boolean;
|
|
45
53
|
/**
|
|
46
54
|
* Opacity of the `Chip`.
|
|
55
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
47
56
|
*/
|
|
48
57
|
opacity?: boolean;
|
|
49
58
|
/**
|
|
50
59
|
* Function to be executed when the `Chip` is clicked.
|
|
60
|
+
* @author Andrés Quintero - automatic
|
|
61
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
62
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
63
|
+
* @updatedUser Andrés Quintero - automatic
|
|
51
64
|
*/
|
|
52
65
|
onClick?: () => void;
|
|
53
66
|
/**
|
|
@@ -3,5 +3,9 @@ import { ColorProps } from './types';
|
|
|
3
3
|
* Componente `Color`
|
|
4
4
|
*
|
|
5
5
|
* Este componente muestra un color específico (si se pasa un valor en la propiedad `value`) o un ícono predeterminado
|
|
6
|
+
* @author Andrés Quintero - automatic
|
|
7
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
8
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
9
|
+
* @updatedUser Andrés Quintero - automatic
|
|
6
10
|
*/
|
|
7
11
|
export declare const Color: (props: ColorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,5 +4,6 @@ import { ColorStyles } from './types';
|
|
|
4
4
|
*
|
|
5
5
|
* El objeto `colorStyles` contiene tres funciones principales para estilizar diferentes partes del componente:
|
|
6
6
|
* `root`, `icon`, y `colorPicker`. Cada función utiliza un estilo dinámico basado en el estado y el tema del componente.
|
|
7
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
7
8
|
*/
|
|
8
9
|
export declare const colorStyles: ColorStyles;
|
|
@@ -2,6 +2,10 @@ const colorStyles = {
|
|
|
2
2
|
/**
|
|
3
3
|
* Estilos para el contenedor raíz del componente de color.
|
|
4
4
|
* Establece los estilos para el contenedor raíz del selector de color.
|
|
5
|
+
* @author Andrés Quintero - automatic
|
|
6
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
7
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
8
|
+
* @updatedUser Andrés Quintero - automatic
|
|
5
9
|
*/
|
|
6
10
|
root: ({ theme, ownerState }) => ({
|
|
7
11
|
// Estructura y layout básico
|
|
@@ -19,6 +23,7 @@ const colorStyles = {
|
|
|
19
23
|
/**
|
|
20
24
|
* **Pseudoclases**:
|
|
21
25
|
* - Estilos para los estados hover, focus-visible y active.
|
|
26
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
22
27
|
*/
|
|
23
28
|
"&:hover": {
|
|
24
29
|
display: "flex",
|
|
@@ -45,6 +50,7 @@ const colorStyles = {
|
|
|
45
50
|
/**
|
|
46
51
|
* **Pseudoclases**:
|
|
47
52
|
* - Estilos para los estados hover, focus-visible y active.
|
|
53
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
48
54
|
*/
|
|
49
55
|
"&:active": {
|
|
50
56
|
border: `1px solid ${theme.vars.palette[ownerState.color || "primary"].active}`,
|
|
@@ -86,6 +92,7 @@ const colorStyles = {
|
|
|
86
92
|
/**
|
|
87
93
|
* Estilos para el icono dentro del componente de color.
|
|
88
94
|
* Actualmente no se aplican estilos al icono. Este espacio está reservado para futuros estilos si es necesario.
|
|
95
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
89
96
|
*/
|
|
90
97
|
icon: {},
|
|
91
98
|
/**
|
|
@@ -93,6 +100,10 @@ const colorStyles = {
|
|
|
93
100
|
* Establece los estilos para el selector de color, incluyendo su tamaño, posición y color de fondo.
|
|
94
101
|
* El tamaño del selector puede cambiar dependiendo de la propiedad `size` en el estado del componente.
|
|
95
102
|
* Además, el color de fondo se ajusta con base en el valor seleccionado.
|
|
103
|
+
* @author Andrés Quintero - automatic
|
|
104
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
105
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
106
|
+
* @updatedUser Andrés Quintero - automatic
|
|
96
107
|
*/
|
|
97
108
|
colorPicker: ({ theme, ownerState }) => ({
|
|
98
109
|
//Estilos generales
|
|
@@ -3,7 +3,7 @@ import { LoadingButtonProps } from '../../../mui_extended/LoadingButton/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 ActionFormIntro(props: LoadingButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Subcomponente encargado de los filtros con el tipo de dato "boolean"
|
|
3
3
|
* @returns
|
|
4
|
+
* @author Andrés Quintero - automatic
|
|
5
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
6
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
7
|
+
* @updatedUser Andrés Quintero - automatic
|
|
4
8
|
*/
|
|
5
9
|
export declare function SelectFilter(): import("react/jsx-runtime").JSX.Element;
|
|
@@ -17,6 +17,10 @@ export type FieldPresence = 'initialized' | 'fixed' | 'optional';
|
|
|
17
17
|
export type FormOperandSelect = Record<string, any>;
|
|
18
18
|
/**
|
|
19
19
|
* Posibles valores para el operandsArray para el caso del select o otros fields
|
|
20
|
+
* @author Andrés Quintero - automatic
|
|
21
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
22
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
23
|
+
* @updatedUser Andrés Quintero - automatic
|
|
20
24
|
*/
|
|
21
25
|
export type OperandsArrayValues = Array<FormOperandSelect>;
|
|
22
26
|
export type FieldTypeOperator<T extends FieldType> = T extends 'boolean' ? BooleanOperator : T extends 'datetime' ? DateTimeOperator : T extends 'number' ? NumberOperator : T extends 'select' ? SelectOperator : T extends 'string' ? StringOperator : T;
|
|
@@ -58,6 +62,7 @@ export interface BaseApplyFilter<T extends FieldType = FieldType> {
|
|
|
58
62
|
}
|
|
59
63
|
/**
|
|
60
64
|
* Base para el tipado de overloading de los valores de un filtro
|
|
65
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
61
66
|
*/
|
|
62
67
|
export interface FilterValueBase {
|
|
63
68
|
fieldType: FieldType;
|
|
@@ -107,14 +112,19 @@ export interface FilterValueSelect extends FilterValueBase {
|
|
|
107
112
|
}
|
|
108
113
|
/**
|
|
109
114
|
* Valor de un filtro sobrecargado para cada tipo de dato
|
|
115
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
116
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
110
117
|
*/
|
|
111
118
|
export type FilterValue = FilterValueBoolean | FilterValueDateTime | FilterValueNumber | FilterValueString | FilterValueSelect;
|
|
112
119
|
/**
|
|
113
120
|
* Estado del Filtro + Valor valor del filtro.
|
|
121
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
122
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
114
123
|
*/
|
|
115
124
|
export type FilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FilterValue;
|
|
116
125
|
/**
|
|
117
126
|
* RawFilterFieldApply Formato para enviar los filtros a las APIs.
|
|
127
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
118
128
|
*/
|
|
119
129
|
export interface RawFilterFieldApply {
|
|
120
130
|
n: string;
|
|
@@ -131,6 +141,7 @@ export interface DataTypeFilerLabels {
|
|
|
131
141
|
}
|
|
132
142
|
/**
|
|
133
143
|
* Tipado de los filtros a inicializar el componente DynamicFilter
|
|
144
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
134
145
|
*/
|
|
135
146
|
export type InitialFilterApplied = {
|
|
136
147
|
name: string;
|
|
@@ -153,6 +164,7 @@ export type FormOperandString = string;
|
|
|
153
164
|
export type FormOperand = FormOperandBoolean | FormOperandDateTime | FormOperandNumber | FormOperandString | FormOperandSelect;
|
|
154
165
|
/**
|
|
155
166
|
* Base para el tipado de overloading de los valor de un filtro
|
|
167
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
156
168
|
*/
|
|
157
169
|
export interface FormFilterValueBase {
|
|
158
170
|
fieldType: FieldType;
|
|
@@ -195,15 +207,21 @@ export type FormFilterValue = FormFilterValueBoolean | FormFilterValueDateTime |
|
|
|
195
207
|
export type FormFilterFieldApplied<T extends FieldType = FieldType> = BaseApplyFilter<T> & FormFilterValue;
|
|
196
208
|
/**
|
|
197
209
|
* Tipado del handler cuando se ejecuta el filtro
|
|
210
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
198
211
|
*/
|
|
199
212
|
export type OnChangeFilters = (
|
|
200
213
|
/**
|
|
201
214
|
* "filters" Vector de filtros aplicados, los cuales pueden servir como entrada del campo "i"nitialApplyedFilters" en un refresh,
|
|
215
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
202
216
|
*/
|
|
203
217
|
filters: Array<InitialFilterApplied>,
|
|
204
218
|
/**
|
|
205
219
|
* "rawFilters" Vector de filtros aplicados, en el formato que puede ser llevado a un endpoint.
|
|
206
220
|
* ver: https://www.notion.so/made4labs/Filtrado-de-listas-55afdd8ac92e483abd34e5365b74ee29
|
|
221
|
+
* @author Andrés Quintero - automatic
|
|
222
|
+
* @createdAt 2025-01-08 10:36:39 - automatic
|
|
223
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
224
|
+
* @updatedUser Andrés Quintero - automatic
|
|
207
225
|
*/
|
|
208
226
|
rawFilters: Array<RawFilterFieldApply>) => void;
|
|
209
227
|
/**
|
|
@@ -7,7 +7,7 @@ import { HelperErrorProps } from './types';
|
|
|
7
7
|
* @returns {JSX.Element} The rendered HelperError component.
|
|
8
8
|
* @author Bruce Escobar - automatic
|
|
9
9
|
* @createdAt 2024-10-22 09:42:38 - automatic
|
|
10
|
-
* @updatedAt
|
|
11
|
-
* @updatedUser
|
|
10
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
11
|
+
* @updatedUser Andrés Quintero - automatic
|
|
12
12
|
*/
|
|
13
13
|
export declare const HelperError: (props: HelperErrorProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4,8 +4,8 @@ const helperErrorStyles = {
|
|
|
4
4
|
* Estilos para el slot del root HelperError
|
|
5
5
|
* @author Bruce Escobar - automatic
|
|
6
6
|
* @createdAt 2024-10-22 19:27:21 - automatic
|
|
7
|
-
* @updatedAt
|
|
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
|
[`&.${HELPER_ERROR_CLASS_SPECIFY}`]: {
|
|
@@ -22,8 +22,8 @@ const helperErrorStyles = {
|
|
|
22
22
|
* Estilos personalizados Skeleton
|
|
23
23
|
* @author Bruce Escobar - automatic
|
|
24
24
|
* @createdAt 2024-10-22 19:27:21 - automatic
|
|
25
|
-
* @updatedAt
|
|
26
|
-
* @updatedUser
|
|
25
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
26
|
+
* @updatedUser Andrés Quintero - automatic
|
|
27
27
|
*/
|
|
28
28
|
skeletonStyled: ({ theme, ownerState }) => ({
|
|
29
29
|
...ownerState.size === "small" && {
|
|
@@ -7,15 +7,15 @@ import { LabelProps } from './types';
|
|
|
7
7
|
* que el contenido está cargando.
|
|
8
8
|
* @author Bruce Escobar - automatic
|
|
9
9
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
10
|
-
* @updatedAt
|
|
11
|
-
* @updatedUser
|
|
10
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
11
|
+
* @updatedUser Andrés Quintero - automatic
|
|
12
12
|
*/
|
|
13
13
|
/**
|
|
14
14
|
* Label component that displays a label with optional mandatory and helper messages.
|
|
15
15
|
* @returns {JSX.Element} The rendered Label component.
|
|
16
16
|
* @author Bruce Escobar - automatic
|
|
17
17
|
* @createdAt 2024-10-22 09:34:39 - automatic
|
|
18
|
-
* @updatedAt
|
|
19
|
-
* @updatedUser
|
|
18
|
+
* @updatedAt 2025-01-08 10:36:40 - automatic
|
|
19
|
+
* @updatedUser Andrés Quintero - automatic
|
|
20
20
|
*/
|
|
21
21
|
export declare const Label: (props: LabelProps) => import("react/jsx-runtime").JSX.Element;
|