@m4l/components 9.1.93 → 9.1.95
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/@types/types.d.ts +44 -35
- package/components/Chip/Chip.d.ts +2 -2
- package/components/Chip/ChipStyles.js +10 -10
- package/components/Chip/index.js +1 -0
- package/components/Chip/types.d.ts +3 -2
- package/components/Chip/types.js +1 -0
- package/components/Color/types.d.ts +8 -0
- package/components/CommonActions/components/ActionFormIntro/index.d.ts +2 -2
- package/components/DataGrid/dictionary.d.ts +1 -1
- package/components/DataGrid/subcomponents/Actions/index.d.ts +1 -1
- package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.d.ts +1 -1
- package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.d.ts +1 -1
- package/components/MenuActions/MenuActions.d.ts +1 -1
- package/components/MenuActions/MenuActions.js +2 -1
- package/components/MenuActions/MenuActions.styles.js +19 -5
- package/components/MenuActions/types.d.ts +10 -7
- package/components/Pager/Pager.d.ts +2 -2
- package/components/Pager/Pager.styles.js +8 -8
- package/components/Pager/subcomponents/CustomTablePagination/CustomTablePagination.d.ts +1 -1
- package/components/Pager/subcomponents/CustomTablePagination/types.d.ts +3 -3
- package/components/Pager/subcomponents/PagerActions/PagerActions.d.ts +1 -1
- package/components/PropertyValue/PropertyValue.js +1 -1
- package/components/ToastContainer/ToastContainer.d.ts +4 -0
- package/components/WindowBase/WindowBase.d.ts +1 -1
- package/components/WindowBase/subcomponents/Header/HeaderWindowBase.d.ts +1 -1
- package/components/WindowBase/types.d.ts +1 -1
- package/components/areas/components/AreasAdmin/AreasAdmin.d.ts +13 -0
- package/components/areas/components/AreasAdmin/AreasAdmin.js +163 -0
- package/components/areas/components/AreasAdmin/AreasAdmin.styles.d.ts +2 -0
- package/components/areas/components/AreasAdmin/AreasAdmin.styles.js +264 -0
- package/components/areas/components/AreasAdmin/classes/index.js +1 -2
- package/components/areas/components/AreasAdmin/constants.d.ts +1 -0
- package/components/areas/components/AreasAdmin/constants.js +4 -0
- package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.d.ts +23 -0
- package/components/areas/components/AreasAdmin/slots/AreasAdminEnum.js +27 -0
- package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.d.ts +63 -0
- package/components/areas/components/AreasAdmin/slots/AreasAdminSlots.js +116 -0
- package/components/areas/components/AreasAdmin/slots/index.d.ts +2 -0
- package/components/areas/components/AreasAdmin/slots/index.js +1 -0
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.d.ts → AreaChip.d.ts} +4 -26
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/{index.js → AreaChip.js} +81 -88
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.d.ts +8 -0
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/ChipActionsMobile.js +53 -0
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.d.ts +1 -1
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts +18 -0
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/{index.d.ts → AreaChipMobile.d.ts} +1 -1
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/AreaChipMobile.js +81 -0
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.d.ts +2 -3
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/ChipMobile/ChipMobile.js +36 -78
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/subcomponents/PanelWindowPopUp/index.d.ts +1 -1
- package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/{index.d.ts → PanelWindowPopUp.d.ts} +1 -1
- package/components/areas/components/AreasAdmin/types.d.ts +47 -0
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/AreaGridLayout/index.js +1 -1
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts +23 -3
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.d.ts +1 -1
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.js +7 -3
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/WindowPopUpsList/index.d.ts +1 -1
- package/components/areas/components/index.d.ts +1 -1
- package/components/areas/contexts/AreasContext/helpers/generateModuleCount.d.ts +9 -0
- package/components/areas/contexts/AreasContext/helpers/generateModuleCount.js +16 -0
- package/components/areas/contexts/AreasContext/{helper.d.ts → helpers/helper.d.ts} +3 -3
- package/components/areas/contexts/AreasContext/{helper.js → helpers/helper.js} +5 -5
- package/components/areas/contexts/AreasContext/index.js +5 -2
- package/components/areas/contexts/AreasContext/store.d.ts +2 -2
- package/components/areas/contexts/AreasContext/store.js +175 -173
- package/components/areas/contexts/AreasContext/tests/AreasProvider.test.d.ts +1 -0
- package/components/areas/contexts/AreasContext/tests/Store.test.d.ts +1 -0
- package/components/areas/contexts/AreasContext/types.d.ts +6 -2
- package/components/areas/dictionary.d.ts +1 -0
- package/components/areas/dictionary.js +2 -1
- package/components/areas/icons.d.ts +2 -0
- package/components/areas/icons.js +3 -1
- package/components/areas/types.d.ts +6 -1
- package/components/hook-form/RHFAutocomplete/RFHAutocompleteStyles.js +4 -4
- package/components/hook-form/RHFAutocomplete/RHFAutocomplete.d.ts +2 -2
- package/components/hook-form/RHFCheckbox/RHFCheckbox.d.ts +5 -0
- package/components/hook-form/RHFDateTime/RHFDateTime.d.ts +2 -2
- package/components/hook-form/RHFDateTime/RHFDateTime.styles.js +2 -2
- package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.d.ts +1 -1
- package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter.d.ts +1 -1
- package/components/mui_extended/Autocomplete/Autocomplete.styles.js +22 -14
- package/components/mui_extended/Badge/slots/BadgeSlots.d.ts +1 -1
- package/components/mui_extended/CheckBox/CheckBox.d.ts +4 -0
- package/components/mui_extended/DateTimePicker/DateTimePicker.d.ts +2 -2
- package/components/mui_extended/DateTimePicker/DateTimePicker.styles.js +14 -14
- package/components/mui_extended/Divider/Divider.d.ts +4 -0
- package/components/mui_extended/IconButton/IconButton.styles.js +6 -6
- package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts +1 -1
- package/components/mui_extended/MenuItem/MenuItem.styles.js +39 -8
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.js +1 -1
- package/components/mui_extended/NavLink/NavLink.d.ts +4 -0
- package/components/mui_extended/NavLink/NavLink.styles.js +28 -6
- package/components/mui_extended/Popover/Popover.styles.js +4 -4
- package/components/mui_extended/Select/Select.styles.js +5 -5
- package/components/mui_extended/Select/types.d.ts +6 -0
- package/components/mui_extended/Stack/Stack.d.ts +4 -0
- package/index.js +1 -1
- package/package.json +2 -2
- package/components/areas/components/AreasAdmin/index.d.ts +0 -10
- package/components/areas/components/AreasAdmin/index.js +0 -95
- package/components/areas/components/AreasAdmin/styles.js +0 -17
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/styles.js +0 -29
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.js +0 -56
- package/components/areas/components/AreasAdmin/subcomponents/AreaChipMobile/index.js +0 -96
- package/components/areas/components/AreasAdmin/subcomponents/PanelWindowPopUp/index.js +0 -54
- package/components/areas/utils/useOnClickOutside/index.js +0 -22
- /package/components/areas/{contexts/AreasContext/index.test.d.ts → components/AreasAdmin/test/AreasAdmin.test.d.ts} +0 -0
|
@@ -17,7 +17,9 @@ const ICONS = {
|
|
|
17
17
|
SHOW_OPTIONS: "showMoreVertical.svg",
|
|
18
18
|
CHEVRON_DOWN: "chevronDown.svg",
|
|
19
19
|
MODULE: "module.svg",
|
|
20
|
-
POPUP: "popup.svg"
|
|
20
|
+
POPUP: "popup.svg",
|
|
21
|
+
PENDING_ORDER: "pending_order.svg",
|
|
22
|
+
MORE_VERTICAL: "more_vertical.svg"
|
|
21
23
|
};
|
|
22
24
|
export {
|
|
23
25
|
ICONS as I
|
|
@@ -107,10 +107,15 @@ export type WindowState = {
|
|
|
107
107
|
* @returns void
|
|
108
108
|
* @author Andrés Quintero - automatic
|
|
109
109
|
* @createdAt 2024-12-27 08:27:31 - automatic
|
|
110
|
-
* @updatedAt 2025-01-
|
|
110
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
111
111
|
* @updatedUser cesar - automatic
|
|
112
112
|
*/
|
|
113
113
|
fnQueryClose?: () => void;
|
|
114
|
+
/**
|
|
115
|
+
* moduleCount representa el identificador de
|
|
116
|
+
* la ventana cuando se repite un módulo en una misma área
|
|
117
|
+
*/
|
|
118
|
+
moduleCount?: number;
|
|
114
119
|
};
|
|
115
120
|
/**
|
|
116
121
|
* Opciones para la ventana.
|
|
@@ -3,8 +3,8 @@ const rhfAutocompleteSyles = {
|
|
|
3
3
|
* Styles for the root component.
|
|
4
4
|
* @author Andrés Quintero - automatic
|
|
5
5
|
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
6
|
-
* @updatedAt 2025-01-
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
7
|
+
* @updatedUser cesar - automatic
|
|
8
8
|
*/
|
|
9
9
|
autocompleteRoot: ({ theme }) => ({
|
|
10
10
|
display: "flex",
|
|
@@ -19,8 +19,8 @@ const rhfAutocompleteSyles = {
|
|
|
19
19
|
* @returns {object} The styles for the label.
|
|
20
20
|
* @author Andrés Quintero - automatic
|
|
21
21
|
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
22
|
-
* @updatedAt 2025-01-
|
|
23
|
-
* @updatedUser
|
|
22
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
23
|
+
* @updatedUser cesar - automatic
|
|
24
24
|
*/
|
|
25
25
|
label: ({ theme, ownerState }) => ({
|
|
26
26
|
...ownerState.disabled === true && {
|
|
@@ -5,7 +5,7 @@ import { RHFAutocompleteProps } from './types';
|
|
|
5
5
|
* @returns The RHFAutocomplete component.
|
|
6
6
|
* @author Andrés Quintero - automatic
|
|
7
7
|
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
8
|
-
* @updatedAt 2025-01-
|
|
9
|
-
* @updatedUser
|
|
8
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
9
|
+
* @updatedUser cesar - automatic
|
|
10
10
|
*/
|
|
11
11
|
export declare function RHFAutocomplete<T>(props: RHFAutocompleteProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,13 @@ import { RHFCheckboxProps } from './types';
|
|
|
3
3
|
* Provee de un caja de selección vinculado al controlador de hook-forms y aporta su versión provisional de carga en red.
|
|
4
4
|
* @param props
|
|
5
5
|
* @returns
|
|
6
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
6
7
|
*/
|
|
7
8
|
/**
|
|
8
9
|
* El RHFCheckbox es un componente de checkbox que se integra con react-hook-form para manejar formularios en React. Proporciona características adicionales como validación, mensajes de ayuda, y soporte para un estado de esqueleto. Es útil para asegurar que los formularios sean manejados de manera eficiente y consistente, con una experiencia de usuario mejorada.
|
|
10
|
+
* @author cesar - automatic
|
|
11
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
12
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
13
|
+
* @updatedUser cesar - automatic
|
|
9
14
|
*/
|
|
10
15
|
export declare const RHFCheckbox: import('react').ForwardRefExoticComponent<Omit<RHFCheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -3,7 +3,7 @@ import { RHFDateTimeProps } from './types';
|
|
|
3
3
|
* TODO: Documentar
|
|
4
4
|
* @author DanielEscobar - automatic
|
|
5
5
|
* @createdAt 2025-01-27 14:53:37 - automatic
|
|
6
|
-
* @updatedAt 2025-01-
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
7
|
+
* @updatedUser cesar - automatic
|
|
8
8
|
*/
|
|
9
9
|
export declare function RHFDateTime(props: RHFDateTimeProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,8 @@ const rhfDateTimeStyles = {
|
|
|
3
3
|
* estilos root
|
|
4
4
|
* @author DanielEscobar - automatic
|
|
5
5
|
* @createdAt 2025-01-27 11:56:49 - automatic
|
|
6
|
-
* @updatedAt 2025-01-
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
7
|
+
* @updatedUser cesar - automatic
|
|
8
8
|
*/
|
|
9
9
|
root: ({ theme }) => ({
|
|
10
10
|
display: "flex",
|
|
@@ -4,7 +4,7 @@ import { MenuAction } from '../../../../../../../../../../../../MenuActions/type
|
|
|
4
4
|
* TODO: Documentar
|
|
5
5
|
* @author Andrés Quintero - automatic
|
|
6
6
|
* @createdAt 2024-12-27 08:27:31 - automatic
|
|
7
|
-
* @updatedAt 2025-01-
|
|
7
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
8
8
|
* @updatedUser cesar - automatic
|
|
9
9
|
*/
|
|
10
10
|
export declare function useRowActionsGetter(): {
|
|
@@ -7,7 +7,7 @@ interface UseRowActionsProps {
|
|
|
7
7
|
* TODO: Documentar
|
|
8
8
|
* @author cesar - automatic
|
|
9
9
|
* @createdAt 2024-11-24 18:49:53 - automatic
|
|
10
|
-
* @updatedAt 2025-01-
|
|
10
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
11
11
|
* @updatedUser cesar - automatic
|
|
12
12
|
*/
|
|
13
13
|
export declare function useRowActionsGetter(props: UseRowActionsProps): {
|
|
@@ -2,6 +2,10 @@ import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js"
|
|
|
2
2
|
const autocompleteSyles = {
|
|
3
3
|
/**
|
|
4
4
|
* Styles for the root component.
|
|
5
|
+
* @author cesar - automatic
|
|
6
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
7
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
8
|
+
* @updatedUser cesar - automatic
|
|
5
9
|
*/
|
|
6
10
|
root: () => ({
|
|
7
11
|
width: "100%",
|
|
@@ -17,6 +21,10 @@ const autocompleteSyles = {
|
|
|
17
21
|
iconButton: {},
|
|
18
22
|
/**
|
|
19
23
|
* Styles for the input component.
|
|
24
|
+
* @author cesar - automatic
|
|
25
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
26
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
27
|
+
* @updatedUser cesar - automatic
|
|
20
28
|
*/
|
|
21
29
|
adorments: ({ theme }) => ({
|
|
22
30
|
display: "flex",
|
|
@@ -33,8 +41,8 @@ const autocompleteSyles = {
|
|
|
33
41
|
* Styles for the menu item component.
|
|
34
42
|
* @author Andrés Quintero - automatic
|
|
35
43
|
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
36
|
-
* @updatedAt 2025-01-
|
|
37
|
-
* @updatedUser
|
|
44
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
45
|
+
* @updatedUser cesar - automatic
|
|
38
46
|
*/
|
|
39
47
|
menuItem: ({ theme }) => ({
|
|
40
48
|
padding: `${theme.vars.size.baseSpacings.sp1}!important`,
|
|
@@ -44,8 +52,8 @@ const autocompleteSyles = {
|
|
|
44
52
|
* Styles for the image component.
|
|
45
53
|
* @author SebastianM - automatic
|
|
46
54
|
* @createdAt 2024-12-02 07:14:21 - automatic
|
|
47
|
-
* @updatedAt 2025-01-
|
|
48
|
-
* @updatedUser
|
|
55
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
56
|
+
* @updatedUser cesar - automatic
|
|
49
57
|
*/
|
|
50
58
|
image: ({ theme }) => ({
|
|
51
59
|
width: `${theme.vars.size.baseSpacings.sp4} !important`,
|
|
@@ -55,16 +63,16 @@ const autocompleteSyles = {
|
|
|
55
63
|
* Styles for the chip component.
|
|
56
64
|
* @author SebastianM - automatic
|
|
57
65
|
* @createdAt 2024-11-26 12:36:08 - automatic
|
|
58
|
-
* @updatedAt 2025-01-
|
|
59
|
-
* @updatedUser
|
|
66
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
67
|
+
* @updatedUser cesar - automatic
|
|
60
68
|
*/
|
|
61
69
|
chip: {},
|
|
62
70
|
/**
|
|
63
71
|
* Styles for the text field component.
|
|
64
72
|
* @author SebastianM - automatic
|
|
65
73
|
* @createdAt 2024-11-26 12:36:08 - automatic
|
|
66
|
-
* @updatedAt 2025-01-
|
|
67
|
-
* @updatedUser
|
|
74
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
75
|
+
* @updatedUser cesar - automatic
|
|
68
76
|
*/
|
|
69
77
|
textField: ({ theme }) => ({
|
|
70
78
|
// position: 'relative',
|
|
@@ -83,8 +91,8 @@ const autocompleteSyles = {
|
|
|
83
91
|
* Styles for the popper component.
|
|
84
92
|
* @author SebastianM - automatic
|
|
85
93
|
* @createdAt 2024-11-26 12:36:08 - automatic
|
|
86
|
-
* @updatedAt 2025-01-
|
|
87
|
-
* @updatedUser
|
|
94
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
95
|
+
* @updatedUser cesar - automatic
|
|
88
96
|
*/
|
|
89
97
|
popper: ({ theme }) => ({
|
|
90
98
|
...theme.typography.body1,
|
|
@@ -96,16 +104,16 @@ const autocompleteSyles = {
|
|
|
96
104
|
* Styles for the popover component.
|
|
97
105
|
* @author SebastianM - automatic
|
|
98
106
|
* @createdAt 2024-11-26 12:36:08 - automatic
|
|
99
|
-
* @updatedAt 2025-01-
|
|
100
|
-
* @updatedUser
|
|
107
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
108
|
+
* @updatedUser cesar - automatic
|
|
101
109
|
*/
|
|
102
110
|
circularProgress: {},
|
|
103
111
|
/**
|
|
104
112
|
* Styles for the skeleton autocomplete component.
|
|
105
113
|
* @author SebastianM - automatic
|
|
106
114
|
* @createdAt 2024-11-21 15:23:15 - automatic
|
|
107
|
-
* @updatedAt 2025-01-
|
|
108
|
-
* @updatedUser
|
|
115
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
116
|
+
* @updatedUser cesar - automatic
|
|
109
117
|
*/
|
|
110
118
|
skeletonAutocomplete: ({ theme, ownerState }) => {
|
|
111
119
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const BadgeRootStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
2
2
|
ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
|
|
3
|
-
}, "children" | "components" | "color" | "style" | "variant" | "sx" | "classes" | "className" | "componentsProps" | "slotProps" | "slots" | "max" | "
|
|
3
|
+
}, "children" | "components" | "color" | "style" | "variant" | "sx" | "classes" | "className" | "componentsProps" | "slotProps" | "slots" | "max" | "anchorOrigin" | "invisible" | "badgeContent" | "overlap" | "showZero">, "children" | "ref" | "title" | "id" | "components" | "hidden" | "color" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "componentsProps" | "slotProps" | "slots" | "key" | "max" | "anchorOrigin" | "invisible" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').BadgeOwnerState> & Record<string, unknown> & {
|
|
4
4
|
ownerState: Partial<import('..').BadgeOwnerState> & Record<string, unknown>;
|
|
5
5
|
}, {}, {}>;
|
|
@@ -20,5 +20,9 @@ import { CheckboxProps } from './types';
|
|
|
20
20
|
* error={false}
|
|
21
21
|
* />
|
|
22
22
|
* ```
|
|
23
|
+
* @author cesar - automatic
|
|
24
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
25
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
26
|
+
* @updatedUser cesar - automatic
|
|
23
27
|
*/
|
|
24
28
|
export declare const CheckBox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
@@ -3,8 +3,8 @@ import { DateTimePickerProps } from './types';
|
|
|
3
3
|
* DataTimePicker es un refactor del componente de material UI.
|
|
4
4
|
* @author DanielEscobar - automatic
|
|
5
5
|
* @createdAt 2025-01-27 14:53:37 - automatic
|
|
6
|
-
* @updatedAt 2025-01-
|
|
7
|
-
* @updatedUser
|
|
6
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
7
|
+
* @updatedUser cesar - automatic
|
|
8
8
|
*
|
|
9
9
|
* ```tsx *
|
|
10
10
|
* const ExampleComponent = () => {
|
|
@@ -5,8 +5,8 @@ const dateTimePickerStyles = {
|
|
|
5
5
|
* Estilos para el root cuando esta en Desktop 💻
|
|
6
6
|
* @author DanielEscobar - automatic
|
|
7
7
|
* @createdAt 2025-01-28 01:24:17 - automatic
|
|
8
|
-
* @updatedAt 2025-01-
|
|
9
|
-
* @updatedUser
|
|
8
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
9
|
+
* @updatedUser cesar - automatic
|
|
10
10
|
*/
|
|
11
11
|
rootDesktop: ({ theme, ownerState }) => ({
|
|
12
12
|
// ↴ Overrides sizes ❌
|
|
@@ -95,8 +95,8 @@ const dateTimePickerStyles = {
|
|
|
95
95
|
* Estilos para el root cuando esta en Mobile 📱
|
|
96
96
|
* @author DanielEscobar - automatic
|
|
97
97
|
* @createdAt 2025-01-28 01:24:17 - automatic
|
|
98
|
-
* @updatedAt 2025-01-
|
|
99
|
-
* @updatedUser
|
|
98
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
99
|
+
* @updatedUser cesar - automatic
|
|
100
100
|
*/
|
|
101
101
|
rootMobile: ({ theme, ownerState }) => ({
|
|
102
102
|
// ↴ Overrides sizes ❌
|
|
@@ -167,8 +167,8 @@ const dateTimePickerStyles = {
|
|
|
167
167
|
* Estilos para el popper de Material UI
|
|
168
168
|
* @author DanielEscobar - automatic
|
|
169
169
|
* @createdAt 2025-01-28 01:24:17 - automatic
|
|
170
|
-
* @updatedAt 2025-01-
|
|
171
|
-
* @updatedUser
|
|
170
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
171
|
+
* @updatedUser cesar - automatic
|
|
172
172
|
*/
|
|
173
173
|
popper: ({ theme, ownerState }) => ({
|
|
174
174
|
zIndex: theme.vars.zIndex.modal,
|
|
@@ -348,8 +348,8 @@ const dateTimePickerStyles = {
|
|
|
348
348
|
* estilos para paper de Material UI
|
|
349
349
|
* @author DanielEscobar - automatic
|
|
350
350
|
* @createdAt 2025-01-28 02:42:08 - automatic
|
|
351
|
-
* @updatedAt 2025-01-
|
|
352
|
-
* @updatedUser
|
|
351
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
352
|
+
* @updatedUser cesar - automatic
|
|
353
353
|
*/
|
|
354
354
|
paper: ({ theme, ownerState }) => ({
|
|
355
355
|
minWidth: "0 !important",
|
|
@@ -649,8 +649,8 @@ const dateTimePickerStyles = {
|
|
|
649
649
|
* Estilos de pickersDay de Mui x
|
|
650
650
|
* @author DanielEscobar - automatic
|
|
651
651
|
* @createdAt 2025-01-28 02:42:08 - automatic
|
|
652
|
-
* @updatedAt 2025-01-
|
|
653
|
-
* @updatedUser
|
|
652
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
653
|
+
* @updatedUser cesar - automatic
|
|
654
654
|
*/
|
|
655
655
|
pickersDay: ({ theme, ownerState }) => ({
|
|
656
656
|
margin: 0,
|
|
@@ -688,8 +688,8 @@ const dateTimePickerStyles = {
|
|
|
688
688
|
*Estilos de pickersCalendarHeader de Mui x
|
|
689
689
|
* @author DanielEscobar - automatic
|
|
690
690
|
* @createdAt 2025-01-28 02:42:08 - automatic
|
|
691
|
-
* @updatedAt 2025-01-
|
|
692
|
-
* @updatedUser
|
|
691
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
692
|
+
* @updatedUser cesar - automatic
|
|
693
693
|
*/
|
|
694
694
|
pickersCalendarHeader: ({ theme, ownerState }) => ({
|
|
695
695
|
display: "flex",
|
|
@@ -731,8 +731,8 @@ const dateTimePickerStyles = {
|
|
|
731
731
|
* estilos para el skeleton 🦴
|
|
732
732
|
* @author DanielEscobar - automatic
|
|
733
733
|
* @createdAt 2025-01-28 01:24:17 - automatic
|
|
734
|
-
* @updatedAt 2025-01-
|
|
735
|
-
* @updatedUser
|
|
734
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
735
|
+
* @updatedUser cesar - automatic
|
|
736
736
|
*/
|
|
737
737
|
skeleton: ({ theme, ownerState }) => ({
|
|
738
738
|
...getHeightSizeStyles(
|
|
@@ -10,5 +10,9 @@ import { DividerProps } from './types';
|
|
|
10
10
|
* ```tsx
|
|
11
11
|
* <Divider orientation="horizontal" customVariant="solid" />
|
|
12
12
|
* ```
|
|
13
|
+
* @author cesar - automatic
|
|
14
|
+
* @createdAt 2025-01-31 11:34:36 - automatic
|
|
15
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
16
|
+
* @updatedUser cesar - automatic
|
|
13
17
|
*/
|
|
14
18
|
export declare const Divider: (props: DividerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const iconButtonStyles = {
|
|
2
2
|
/**
|
|
3
3
|
* TODO: Documentar
|
|
4
|
-
* @updatedUser
|
|
5
|
-
* @updatedAt 2025-01-
|
|
4
|
+
* @updatedUser cesar - automatic
|
|
5
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
6
6
|
* @createdAt 2024-10-22 19:53:39 - automatic
|
|
7
7
|
* @author Bruce Escobar - automatic
|
|
8
8
|
*/
|
|
@@ -135,8 +135,8 @@ const iconButtonStyles = {
|
|
|
135
135
|
* Comentado por el momento, falta de documentación en Figma de Badge
|
|
136
136
|
* @author Bruce Escobar - automatic
|
|
137
137
|
* @createdAt 2024-10-22 09:41:31 - automatic
|
|
138
|
-
* @updatedAt 2025-01-
|
|
139
|
-
* @updatedUser
|
|
138
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
139
|
+
* @updatedUser cesar - automatic
|
|
140
140
|
*/
|
|
141
141
|
badgeIconButton: () => ({
|
|
142
142
|
// '& [class*="MuiBadge-badge"]': {
|
|
@@ -176,8 +176,8 @@ const iconButtonStyles = {
|
|
|
176
176
|
* Slot skeleton con sus estilos de tamaño
|
|
177
177
|
* @author Andrés Quintero - automatic
|
|
178
178
|
* @createdAt 2024-12-27 08:27:31 - automatic
|
|
179
|
-
* @updatedAt 2025-01-
|
|
180
|
-
* @updatedUser
|
|
179
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
180
|
+
* @updatedUser cesar - automatic
|
|
181
181
|
*/
|
|
182
182
|
skeleton: ({ theme, ownerState }) => ({
|
|
183
183
|
"&.M4lclassCssSpecificity": {
|
|
@@ -5,7 +5,7 @@ export declare const StyledMUIIconButton: import('@emotion/styled').StyledCompon
|
|
|
5
5
|
}, {}, {}>;
|
|
6
6
|
export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
7
7
|
ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
|
|
8
|
-
}, "children" | "components" | "color" | "style" | "variant" | "sx" | "classes" | "className" | "componentsProps" | "slotProps" | "slots" | "max" | "
|
|
8
|
+
}, "children" | "components" | "color" | "style" | "variant" | "sx" | "classes" | "className" | "componentsProps" | "slotProps" | "slots" | "max" | "anchorOrigin" | "invisible" | "badgeContent" | "overlap" | "showZero">, "children" | "ref" | "title" | "id" | "components" | "hidden" | "color" | "content" | "style" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "componentsProps" | "slotProps" | "slots" | "key" | "max" | "anchorOrigin" | "invisible" | "badgeContent" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
9
9
|
ownerState: Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>;
|
|
10
10
|
}, {}, {}>;
|
|
11
11
|
export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
@@ -2,10 +2,21 @@ import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js"
|
|
|
2
2
|
const menuItemStyles = {
|
|
3
3
|
/**
|
|
4
4
|
* Estilos para el contenedor de los items del menú
|
|
5
|
+
* <<<<<<< HEAD
|
|
6
|
+
* @updatedUser cesar - automatic
|
|
7
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
8
|
+
* @createdAt 2025-01-25 19:41:41 - automatic
|
|
9
|
+
* @author cesar - automatic
|
|
10
|
+
* @updatedUser cesar - automatic
|
|
11
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
12
|
+
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
13
|
+
* @author Andrés Quintero - automatic
|
|
14
|
+
* =======
|
|
5
15
|
* @author cesar - automatic
|
|
6
16
|
* @createdAt 2025-01-20 15:51:18 - automatic
|
|
7
|
-
* @updatedAt 2025-01-
|
|
17
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
8
18
|
* @updatedUser cesar - automatic
|
|
19
|
+
* >>>>>>> main
|
|
9
20
|
*/
|
|
10
21
|
root: ({ theme, ownerState }) => ({
|
|
11
22
|
width: "100%",
|
|
@@ -110,7 +121,11 @@ const menuItemStyles = {
|
|
|
110
121
|
* Estilos para el icono de los items del menú
|
|
111
122
|
* @author SebastianM - automatic
|
|
112
123
|
* @createdAt 2024-12-02 19:12:14 - automatic
|
|
113
|
-
*
|
|
124
|
+
* <<<<<<< HEAD
|
|
125
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
126
|
+
* =======
|
|
127
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
128
|
+
* >>>>>>> main
|
|
114
129
|
* @updatedUser cesar - automatic
|
|
115
130
|
*/
|
|
116
131
|
menuItemIcon: () => ({
|
|
@@ -122,7 +137,11 @@ const menuItemStyles = {
|
|
|
122
137
|
* Estilos para el icono de los items del menú cuando están seleccionados
|
|
123
138
|
* @author SebastianM - automatic
|
|
124
139
|
* @createdAt 2024-12-13 12:45:48 - automatic
|
|
125
|
-
*
|
|
140
|
+
* <<<<<<< HEAD
|
|
141
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
142
|
+
* =======
|
|
143
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
144
|
+
* >>>>>>> main
|
|
126
145
|
* @updatedUser cesar - automatic
|
|
127
146
|
*/
|
|
128
147
|
menuItemIconChecked: ({ ownerState }) => ({
|
|
@@ -138,28 +157,40 @@ const menuItemStyles = {
|
|
|
138
157
|
* Estilos para la tipografía del menú item
|
|
139
158
|
* @author SebastianM - automatic
|
|
140
159
|
* @createdAt 2024-12-13 12:45:48 - automatic
|
|
141
|
-
*
|
|
160
|
+
* <<<<<<< HEAD
|
|
161
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
162
|
+
* =======
|
|
163
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
164
|
+
* >>>>>>> main
|
|
142
165
|
* @updatedUser cesar - automatic
|
|
143
166
|
*/
|
|
144
|
-
menuItemTypography: () => ({
|
|
167
|
+
menuItemTypography: () => ({
|
|
168
|
+
overflow: "hidden",
|
|
169
|
+
textOverflow: "ellipsis"
|
|
170
|
+
}),
|
|
145
171
|
/**
|
|
146
172
|
* Estilos para el contenedor de los items del menú contenedor
|
|
147
173
|
* @author cesar - automatic
|
|
148
174
|
* @createdAt 2025-01-20 15:51:18 - automatic
|
|
149
|
-
* @updatedAt 2025-01-
|
|
175
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
150
176
|
* @updatedUser cesar - automatic
|
|
151
177
|
*/
|
|
152
178
|
menuItemContainer: ({ theme }) => ({
|
|
153
179
|
display: "flex",
|
|
154
180
|
alignItems: "center",
|
|
155
181
|
width: "100%",
|
|
156
|
-
gap: theme.vars.size.baseSpacings["sp0-5"]
|
|
182
|
+
gap: theme.vars.size.baseSpacings["sp0-5"],
|
|
183
|
+
overflow: "hidden"
|
|
157
184
|
}),
|
|
158
185
|
/**
|
|
159
186
|
* Estilos para el contenedor de los items del menú en skeleton
|
|
160
187
|
* @author Bruce Escobar - automatic
|
|
161
188
|
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
162
|
-
*
|
|
189
|
+
* <<<<<<< HEAD
|
|
190
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
191
|
+
* =======
|
|
192
|
+
* @updatedAt 2025-01-31 11:37:44 - automatic
|
|
193
|
+
* >>>>>>> main
|
|
163
194
|
* @updatedUser cesar - automatic
|
|
164
195
|
*/
|
|
165
196
|
skeletonMenuItem: ({ theme, ownerState }) => ({
|
|
@@ -4,8 +4,8 @@ import { a as MENUITEM_KEY_COMPONENT } from "../constants.js";
|
|
|
4
4
|
import { m as menuItemStyles } from "../MenuItem.styles.js";
|
|
5
5
|
import { M as MenuItemSlots } from "./MenuItemEnum.js";
|
|
6
6
|
import { T as Typography } from "../../Typography/Typography.js";
|
|
7
|
-
import { S as Skeleton } from "../../Skeleton/Skeleton.js";
|
|
8
7
|
import { I as Icon } from "../../../Icon/Icon.js";
|
|
8
|
+
import { S as Skeleton } from "../../Skeleton/Skeleton.js";
|
|
9
9
|
const MenuItemRootStyled = styled(MenuItem, {
|
|
10
10
|
name: MENUITEM_KEY_COMPONENT,
|
|
11
11
|
slot: MenuItemSlots.root
|
|
@@ -5,5 +5,9 @@ import { NavLinkProps } from './types';
|
|
|
5
5
|
* lo que mejora la experiencia de usuario al proporcionar una interfaz clara e intuitiva.
|
|
6
6
|
* @param {NavLinkProps} props - Las propiedades del componente.
|
|
7
7
|
* @returns {JSX.Element} El componente NavLink renderizado.
|
|
8
|
+
* @author cesar - automatic
|
|
9
|
+
* @createdAt 2025-01-31 16:49:27 - automatic
|
|
10
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
11
|
+
* @updatedUser cesar - automatic
|
|
8
12
|
*/
|
|
9
13
|
export declare const NavLink: (props: NavLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,25 @@
|
|
|
1
1
|
import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js";
|
|
2
2
|
import { g as getTypographyStyles } from "../../../utils/getTypographyStyles.js";
|
|
3
3
|
const navLinkStyles = {
|
|
4
|
-
|
|
4
|
+
/* * @author cesar - automatic
|
|
5
|
+
* 🌳 Estilos para el componente raiz 🌳 */
|
|
5
6
|
root: () => ({}),
|
|
6
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Styles for the Typography component
|
|
9
|
+
* @param {object} ownerState - The state of the owner component
|
|
10
|
+
* @param {object} theme - The theme object
|
|
11
|
+
* @returns {object} The styles for the Typography component
|
|
12
|
+
* @author cesar - automatic
|
|
13
|
+
* @createdAt 2025-01-31 16:52:05 - automatic
|
|
14
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
15
|
+
* @updatedUser cesar - automatic
|
|
16
|
+
*/
|
|
7
17
|
typographyStyled: ({ ownerState, theme }) => ({
|
|
8
18
|
"&.MuiTypography-root": {
|
|
9
19
|
color: "inherit",
|
|
10
20
|
cursor: ownerState.disabled ? "not-allowed" : "inherit",
|
|
11
|
-
|
|
21
|
+
/* * @createdAt 2025-01-31 16:49:27 - automatic
|
|
22
|
+
* 🔠 Estilos para tamaños de la tipografia 🔠 */
|
|
12
23
|
...getTypographyStyles(
|
|
13
24
|
theme.generalSettings.isMobile,
|
|
14
25
|
ownerState.size || "medium",
|
|
@@ -21,7 +32,13 @@ const navLinkStyles = {
|
|
|
21
32
|
)
|
|
22
33
|
}
|
|
23
34
|
}),
|
|
24
|
-
/**
|
|
35
|
+
/**
|
|
36
|
+
* Styles for the Skeleton component
|
|
37
|
+
* @author cesar - automatic
|
|
38
|
+
* @createdAt 2025-01-31 16:52:05 - automatic
|
|
39
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
40
|
+
* @updatedUser cesar - automatic
|
|
41
|
+
*/
|
|
25
42
|
skeletonStyled: ({ ownerState, theme }) => ({
|
|
26
43
|
"&.MuiSkeleton-root": {
|
|
27
44
|
"&.M4lclassCssSpecificity": {
|
|
@@ -30,7 +47,6 @@ const navLinkStyles = {
|
|
|
30
47
|
display: "flex",
|
|
31
48
|
padding: theme.vars.size.baseSpacings.sp1,
|
|
32
49
|
backgroundColor: theme.vars.palette.skeleton.transition,
|
|
33
|
-
/** ☠️ Estilos para tamaños del Skeleton ☠️ */
|
|
34
50
|
...getHeightSizeStyles(
|
|
35
51
|
theme.generalSettings.isMobile,
|
|
36
52
|
ownerState.size || "medium",
|
|
@@ -44,7 +60,13 @@ const navLinkStyles = {
|
|
|
44
60
|
}
|
|
45
61
|
}
|
|
46
62
|
}),
|
|
47
|
-
/**
|
|
63
|
+
/**
|
|
64
|
+
* Styles for the RouterNavLink component
|
|
65
|
+
* @author cesar - automatic
|
|
66
|
+
* @createdAt 2025-01-31 16:52:05 - automatic
|
|
67
|
+
* @updatedAt 2025-01-31 16:52:06 - automatic
|
|
68
|
+
* @updatedUser cesar - automatic
|
|
69
|
+
*/
|
|
48
70
|
routerNavLinkStyled: ({ theme, ownerState }) => ({
|
|
49
71
|
/** 😶🌫️ Estilo Disabeld & Enabled para el componente RouterNavLink 😶🌫️ */
|
|
50
72
|
cursor: ownerState.disabled ? "not-allowed" : "pointer",
|