@m4l/components 9.65.3-beta-feature-795-m4l-react-native-ui-indicator-flag.0 → 9.66.0
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 +7 -16
- package/components/AccountPopover/AccountPopover.d.ts.map +1 -1
- package/components/AccountPopover/AccountPopover.js +38 -34
- package/components/AccountPopover/AccountPopover.styles.d.ts.map +1 -1
- package/components/AccountPopover/AccountPopover.styles.js +118 -153
- package/components/AccountPopover/constants.d.ts +4 -0
- package/components/AccountPopover/constants.d.ts.map +1 -1
- package/components/AccountPopover/constants.js +16 -10
- package/components/AccountPopover/slots/AccountPopoverSlots.js +18 -17
- package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts.map +1 -1
- package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +57 -54
- package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts +4 -5
- package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts.map +1 -1
- package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.js +5 -5
- package/components/AccountPopover/types.d.ts +17 -47
- package/components/AccountPopover/types.d.ts.map +1 -1
- package/components/extended/mui/Select/slots/SelectSlots.d.ts +1 -1
- package/components/extended/mui/Tab/constants.d.ts +1 -1
- package/components/extended/mui/TextField/TextField.styles.d.ts.map +1 -1
- package/components/extended/mui/TextField/TextField.styles.js +2 -1
- package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts +1 -1
- package/components/hook-form/RHFSelect/slots/RHFSlots.d.ts +1 -1
- package/package.json +7 -7
|
@@ -1,21 +1,12 @@
|
|
|
1
1
|
import { AccountPopoverProps } from './types';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
* - **`useEnviroment:`** Hook que permite acceder a los valores del entorno de la aplicación.
|
|
11
|
-
* @param {AccountPopoverProps} props - Propiedades del componente.
|
|
12
|
-
* @param {Function} props.handleClick - Manejador para hacer clic en el componente.
|
|
13
|
-
* @param {string} props.version - Versión de la aplicación.
|
|
14
|
-
* @param {Function} props.handleLogOut - Manejador para cerrar la sesión del usuario.
|
|
15
|
-
* @param {RightMenuData} props.userData - Datos del usuario.
|
|
16
|
-
* @param {string} props.className - Clases CSS adicionales para el componente.
|
|
17
|
-
* @returns {JSX.Element} Elemento JSX que representa el componente.
|
|
18
|
-
* @example
|
|
3
|
+
* Display the user's avatar, identity, application version, and account actions.
|
|
4
|
+
* Usually placed in the application's navigation bar or rail.
|
|
5
|
+
* `useNetwork` loads menu entries, and `useLocales` reloads their backend labels
|
|
6
|
+
* when the effective host locale changes. The menu resolves environment values
|
|
7
|
+
* through `useEnvironment`.
|
|
8
|
+
* @param props - User data, version, action callbacks, size, and popover origins.
|
|
9
|
+
* @returns The account trigger and its menu when open.
|
|
19
10
|
*/
|
|
20
11
|
export declare const AccountPopover: (props: AccountPopoverProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
12
|
//# sourceMappingURL=AccountPopover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountPopover.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAA6B,MAAM,SAAS,CAAC;AAQzE
|
|
1
|
+
{"version":3,"file":"AccountPopover.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAA6B,MAAM,SAAS,CAAC;AAQzE;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,qDAkIxD,CAAC"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as T, Fragment as w, jsx as i } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import { useNetwork as D } from "@m4l/core";
|
|
3
3
|
import { useLocales as _ } from "@m4l/graphics";
|
|
4
|
-
import { useState as
|
|
5
|
-
import { MenuPopover as
|
|
4
|
+
import { useState as c, useRef as b, useEffect as j, useCallback as h } from "react";
|
|
5
|
+
import { MenuPopover as H } from "./subcomponents/MenuPopover/MenuPopover.js";
|
|
6
6
|
import { ACCOUNT_KEY_POPOVER as F } from "./constants.js";
|
|
7
7
|
import { IconButtonRootStyled as G, AvatarStyled as I } from "./slots/AccountPopoverSlots.js";
|
|
8
8
|
import K from "./subcomponents/MyAvatar/MyAvatar.js";
|
|
9
9
|
import { getComponentClasses as V } from "../../utils/getComponentSlotRoot.js";
|
|
10
10
|
import { AccountPopoverSlots as Y } from "./slots/AccountPopoverEnum.js";
|
|
11
11
|
import { useComponentSize as q } from "../../hooks/useComponentSize/index.js";
|
|
12
|
-
const se = (
|
|
12
|
+
const se = (v) => {
|
|
13
13
|
const {
|
|
14
|
-
anchorOrigin:
|
|
15
|
-
transformOrigin:
|
|
14
|
+
anchorOrigin: L,
|
|
15
|
+
transformOrigin: g,
|
|
16
16
|
itemHandleClick: C,
|
|
17
17
|
version: S,
|
|
18
18
|
handleLogOut: A,
|
|
19
19
|
userData: u,
|
|
20
20
|
settingsHandleOpen: O,
|
|
21
21
|
size: y
|
|
22
|
-
} =
|
|
23
|
-
size:
|
|
22
|
+
} = v, { avatarUrl: M, firstName: z = "firstname", lastName: E = "lastname" } = u, [P, l] = c("unLoad"), [o, a] = c(null), [k, m] = c([]), [d, f] = c(), r = b(void 0), { networkOperation: p } = D(), { currentLocale: N } = _(), e = N?.localeString, { currentSize: s } = q(y), R = {
|
|
23
|
+
size: s
|
|
24
24
|
};
|
|
25
|
-
|
|
26
|
-
let
|
|
27
|
-
return !!
|
|
25
|
+
j(() => {
|
|
26
|
+
let t = !0;
|
|
27
|
+
return !!o && d !== e && r.current !== e ? (r.current = e, l("loading"), p({
|
|
28
28
|
method: "GET",
|
|
29
29
|
responseToCamelCase: !0,
|
|
30
30
|
endPoint: "menus",
|
|
@@ -33,38 +33,42 @@ const se = (L) => {
|
|
|
33
33
|
locale: e
|
|
34
34
|
}
|
|
35
35
|
}).then((n) => {
|
|
36
|
-
|
|
36
|
+
t && (l("loaded"), m(Array.isArray(n.data) ? n.data : []), f(e));
|
|
37
37
|
}).catch((n) => {
|
|
38
|
-
|
|
38
|
+
t && (l("unLoad"), m([]), f(void 0));
|
|
39
39
|
}).finally(() => {
|
|
40
|
-
|
|
40
|
+
r.current === e && (r.current = void 0);
|
|
41
41
|
}), function() {
|
|
42
|
-
|
|
42
|
+
t = !1;
|
|
43
43
|
}) : function() {
|
|
44
|
-
|
|
44
|
+
t = !1;
|
|
45
45
|
};
|
|
46
|
-
}, [
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
}, [
|
|
50
|
-
|
|
51
|
-
}, [
|
|
52
|
-
return /* @__PURE__ */
|
|
46
|
+
}, [o, e, d, p]);
|
|
47
|
+
const U = h(() => {
|
|
48
|
+
a(null);
|
|
49
|
+
}, [a]), x = h((t) => {
|
|
50
|
+
a(t.currentTarget);
|
|
51
|
+
}, [a]), B = V(F, Y);
|
|
52
|
+
return /* @__PURE__ */ T(w, { children: [
|
|
53
53
|
/* @__PURE__ */ i(
|
|
54
54
|
G,
|
|
55
55
|
{
|
|
56
56
|
ownerState: R,
|
|
57
|
-
|
|
57
|
+
size: s,
|
|
58
|
+
"aria-label": "User avatar",
|
|
59
|
+
"aria-haspopup": "menu",
|
|
60
|
+
"aria-expanded": !!o,
|
|
61
|
+
icon: /* @__PURE__ */ i(K, { size: s, avatarUrl: M, firstName: z, lastName: E, slotAvatar: I }),
|
|
58
62
|
src: "",
|
|
59
|
-
onClick:
|
|
60
|
-
selected: !!
|
|
61
|
-
className:
|
|
63
|
+
onClick: x,
|
|
64
|
+
selected: !!o,
|
|
65
|
+
className: B.iconButtonRoot
|
|
62
66
|
}
|
|
63
67
|
),
|
|
64
|
-
!!
|
|
65
|
-
|
|
68
|
+
!!o && /* @__PURE__ */ i(
|
|
69
|
+
H,
|
|
66
70
|
{
|
|
67
|
-
size:
|
|
71
|
+
size: s,
|
|
68
72
|
data: k,
|
|
69
73
|
asyncState: P,
|
|
70
74
|
itemHandleClick: C,
|
|
@@ -72,10 +76,10 @@ const se = (L) => {
|
|
|
72
76
|
handleLogOut: A,
|
|
73
77
|
userData: u,
|
|
74
78
|
settingsHandleOpen: O,
|
|
75
|
-
anchorOrigin:
|
|
76
|
-
transformOrigin:
|
|
77
|
-
anchorEl:
|
|
78
|
-
handleClose:
|
|
79
|
+
anchorOrigin: L,
|
|
80
|
+
transformOrigin: g,
|
|
81
|
+
anchorEl: o,
|
|
82
|
+
handleClose: U
|
|
79
83
|
}
|
|
80
84
|
)
|
|
81
85
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountPopover.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccountPopover.styles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/AccountPopover.styles.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAkB/C,eAAO,MAAM,oBAAoB,EAAE,oBAgJlC,CAAC"}
|
|
@@ -1,170 +1,146 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
import { getIconPaintStyles as o } from "@m4l/base";
|
|
2
|
+
import { getTypographyStyles as r } from "../../utils/getTypographyStyles.js";
|
|
3
|
+
import { ACCOUNT_POPOVER_WIDTH as n } from "./constants.js";
|
|
4
|
+
import { MENUITEM_CLASSES as e } from "../extended/mui/MenuItem/constants.js";
|
|
5
|
+
const a = (s) => ({
|
|
6
|
+
"&&&": {
|
|
7
|
+
border: 0,
|
|
8
|
+
padding: `${s.vars.size.baseSpacings["sp1-5"]} ${s.vars.size.baseSpacings.sp2}`,
|
|
9
|
+
[`& .${e.menuItemLabelWrapper}`]: {
|
|
10
|
+
flex: 1,
|
|
11
|
+
paddingLeft: s.vars.size.baseSpacings.sp1
|
|
12
|
+
},
|
|
13
|
+
...o(s.vars.palette.text.secondary, {
|
|
14
|
+
// Match the Icon root as well to outrank MenuItem's own icon paint selector.
|
|
15
|
+
scope: `.${e.menuItemIcon}.M4LIcon-root`
|
|
16
|
+
})
|
|
17
|
+
}
|
|
18
|
+
}), c = {
|
|
19
|
+
/** Styles for the account trigger and its selected avatar surface. */
|
|
20
|
+
iconButtonRoot: ({ theme: s, ownerState: i }) => ({
|
|
21
|
+
"&&&": {
|
|
22
|
+
width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].box,
|
|
23
|
+
height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].box,
|
|
24
|
+
flexShrink: 0,
|
|
25
|
+
padding: 0,
|
|
26
|
+
border: `${s.vars.size.baseSpacings["sp0-5"]} solid transparent`,
|
|
27
|
+
borderRadius: s.vars.size.borderRadius.r2,
|
|
28
|
+
backgroundColor: s.vars.palette.background.base,
|
|
29
|
+
boxShadow: s.vars.customShadows.z1,
|
|
30
|
+
'&[aria-expanded="true"]': {
|
|
31
|
+
borderColor: s.vars.palette.primary.selectedOpacity
|
|
32
|
+
},
|
|
33
|
+
"& > .M4LIcon-root": {
|
|
34
|
+
width: "100%",
|
|
35
|
+
height: "100%"
|
|
17
36
|
}
|
|
18
37
|
}
|
|
19
38
|
}),
|
|
20
|
-
/**
|
|
21
|
-
|
|
22
|
-
* Estilos para el avatar del usuario que se muestra en el iconbutton.
|
|
23
|
-
* ******************************************************************
|
|
24
|
-
*/
|
|
25
|
-
avatar: ({ theme: a }) => ({
|
|
39
|
+
/** Styles for the user avatar inside the account trigger. */
|
|
40
|
+
avatar: ({ theme: s, ownerState: i }) => ({
|
|
26
41
|
"&&&": {
|
|
27
|
-
width: "100%
|
|
28
|
-
height: "100%
|
|
29
|
-
color:
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
42
|
+
width: "100%",
|
|
43
|
+
height: "100%",
|
|
44
|
+
color: s.vars.palette.text.primary,
|
|
45
|
+
backgroundColor: "transparent",
|
|
46
|
+
borderRadius: s.vars.size.borderRadius.r2,
|
|
47
|
+
boxShadow: "none",
|
|
48
|
+
...r(s.generalSettings.isMobile, i?.size ?? "medium", "captionDens")
|
|
34
49
|
}
|
|
35
50
|
}),
|
|
36
|
-
/**
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
51
|
+
/** Styles for the user avatar in the popover header. */
|
|
52
|
+
avatarPopover: ({ theme: s, ownerState: i }) => ({
|
|
53
|
+
"&&&": {
|
|
54
|
+
width: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].container,
|
|
55
|
+
height: s.vars.size[s.generalSettings.isMobile ? "mobile" : "desktop"][i?.size ?? "medium"].container,
|
|
56
|
+
flexShrink: 0,
|
|
57
|
+
border: s.vars.size.borderStroke.actionInput,
|
|
58
|
+
borderColor: s.vars.palette.border.default,
|
|
59
|
+
borderRadius: s.vars.size.borderRadius.r2,
|
|
60
|
+
backgroundColor: s.vars.palette.background.base,
|
|
61
|
+
color: s.vars.palette.text.primary,
|
|
62
|
+
...r(s.generalSettings.isMobile, i?.size ?? "medium", "captionDens")
|
|
63
|
+
}
|
|
44
64
|
}),
|
|
45
|
-
/**
|
|
46
|
-
|
|
47
|
-
* Estilos para el popover que se muestra al hacer clic en el avatar.
|
|
48
|
-
* *******************************************************************
|
|
49
|
-
*/
|
|
50
|
-
popoverRoot: ({ theme: a }) => ({
|
|
65
|
+
/** Styles for the popover displayed when the user opens the avatar trigger. */
|
|
66
|
+
popoverRoot: ({ theme: s, ownerState: i }) => ({
|
|
51
67
|
"&&& .MuiPaper-root": {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
68
|
+
width: n,
|
|
69
|
+
boxSizing: "border-box",
|
|
70
|
+
display: "flex",
|
|
71
|
+
flexDirection: "column",
|
|
72
|
+
gap: s.vars.size.baseSpacings["sp0-5"],
|
|
73
|
+
marginTop: i?.anchorOrigin?.vertical === "bottom" && i?.transformOrigin?.vertical === "top" ? s.vars.size.baseSpacings.sp2 : 0,
|
|
74
|
+
// Rail placement needs a horizontal gap instead of the top-bar vertical offset.
|
|
75
|
+
marginLeft: i?.anchorOrigin?.horizontal === "right" && i?.transformOrigin?.horizontal === "left" ? s.vars.size.baseSpacings.sp2 : 0,
|
|
76
|
+
padding: s.vars.size.baseSpacings.sp3,
|
|
77
|
+
backgroundColor: s.vars.palette.background.default,
|
|
78
|
+
borderRadius: s.vars.size.borderRadius.r3,
|
|
79
|
+
boxShadow: s.vars.customShadows.z3
|
|
58
80
|
}
|
|
59
81
|
}),
|
|
60
|
-
/**
|
|
61
|
-
|
|
62
|
-
* Estilos para el contenedor de los datos del usuario en el popover.
|
|
63
|
-
* ********************************************************************
|
|
64
|
-
*/
|
|
65
|
-
userDataContainer: ({ theme: a }) => ({
|
|
82
|
+
/** Styles for the user identity header in the popover. */
|
|
83
|
+
userDataContainer: ({ theme: s }) => ({
|
|
66
84
|
display: "flex",
|
|
67
85
|
flexDirection: "row",
|
|
68
86
|
flexWrap: "nowrap",
|
|
69
|
-
gap:
|
|
87
|
+
gap: s.vars.size.baseSpacings.sp3,
|
|
70
88
|
width: "100%",
|
|
71
89
|
alignItems: "center",
|
|
72
|
-
|
|
73
|
-
"& .M4LAvatar-root": {
|
|
74
|
-
"& .MuiAvatar-root": {
|
|
75
|
-
width: `${a.vars.size[a.generalSettings.isMobile ? "mobile" : "desktop"].medium.container} !important`,
|
|
76
|
-
height: `${a.vars.size[a.generalSettings.isMobile ? "mobile" : "desktop"].medium.container} !important`,
|
|
77
|
-
background: "transparent"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
90
|
+
paddingBottom: s.vars.size.baseSpacings.sp4
|
|
80
91
|
}),
|
|
81
|
-
/**
|
|
82
|
-
|
|
83
|
-
* Estilos para el contenedor de nombre y correo del usuario en el popover.
|
|
84
|
-
* ************************************************************************
|
|
85
|
-
*/
|
|
86
|
-
userNameEmail: ({ theme: a }) => ({
|
|
92
|
+
/** Styles for the identity text stack, shared by the name and version. */
|
|
93
|
+
userNameEmail: ({ theme: s }) => ({
|
|
87
94
|
display: "flex",
|
|
88
95
|
flexDirection: "column",
|
|
89
96
|
justifyContent: "flex-start",
|
|
90
|
-
gap:
|
|
97
|
+
gap: s.vars.size.baseSpacings["sp0-5"],
|
|
98
|
+
minWidth: 0,
|
|
99
|
+
flex: 1
|
|
100
|
+
}),
|
|
101
|
+
/** Styles for the user's full name in the popover. */
|
|
102
|
+
fullName: ({ theme: s }) => ({
|
|
103
|
+
minHeight: s.vars.size.baseSpacings.sp4,
|
|
104
|
+
"&&&": {
|
|
105
|
+
lineHeight: s.vars.size.baseSpacings.sp4
|
|
106
|
+
}
|
|
91
107
|
}),
|
|
92
|
-
/**
|
|
93
|
-
|
|
94
|
-
* Estilos para el nombre completo del usuario en el popover.
|
|
95
|
-
* ***********************************************************
|
|
96
|
-
*/
|
|
97
|
-
fullName: () => ({}),
|
|
98
|
-
/**
|
|
99
|
-
* ********************************************************
|
|
100
|
-
* Estilos para el correo del usuario en el popover.
|
|
101
|
-
* ********************************************************
|
|
102
|
-
*/
|
|
103
|
-
email: ({ theme: a }) => ({
|
|
108
|
+
/** Styles for the legacy email slot, retained for theme compatibility. */
|
|
109
|
+
email: ({ theme: s }) => ({
|
|
104
110
|
"&.M4lclassCssSpecificity": {
|
|
105
|
-
color:
|
|
111
|
+
color: s.vars.palette.text.secondary
|
|
106
112
|
}
|
|
107
113
|
}),
|
|
108
|
-
/**
|
|
109
|
-
|
|
110
|
-
* Estilos para el contenedor de la versión que se muestra en el popover.
|
|
111
|
-
* ***********************************************************************
|
|
112
|
-
*/
|
|
113
|
-
versionContainer: ({ theme: a }) => ({
|
|
114
|
+
/** Styles for the version row directly below the user's name. */
|
|
115
|
+
versionContainer: ({ theme: s }) => ({
|
|
114
116
|
display: "flex",
|
|
115
117
|
flexDirection: "row",
|
|
116
118
|
flexWrap: "nowrap",
|
|
117
|
-
minHeight:
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}),
|
|
122
|
-
/**
|
|
123
|
-
* ************************************************************
|
|
124
|
-
* Estilos para la versión que se muestra en el popover.
|
|
125
|
-
* ************************************************************
|
|
126
|
-
*/
|
|
127
|
-
version: ({ theme: a }) => ({
|
|
128
|
-
"&.MuiTypography-root": {
|
|
129
|
-
color: a.vars.palette.text.disabled,
|
|
130
|
-
fontSize: a.typography.body.fontSize
|
|
131
|
-
}
|
|
119
|
+
minHeight: s.vars.size.baseSpacings.sp4,
|
|
120
|
+
gap: s.vars.size.baseSpacings.sp1,
|
|
121
|
+
alignItems: "center",
|
|
122
|
+
minWidth: 0
|
|
132
123
|
}),
|
|
133
|
-
/**
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
* ******************************************************************
|
|
137
|
-
*/
|
|
138
|
-
menuItemSetting: ({ theme: a }) => ({
|
|
139
|
-
padding: `${a.vars.size.baseSpacings.sp1} !important`
|
|
124
|
+
/** Styles for the version label in the popover. */
|
|
125
|
+
version: () => ({
|
|
126
|
+
minWidth: 0
|
|
140
127
|
}),
|
|
141
|
-
/**
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
128
|
+
/** Styles for the preferences menu entry. */
|
|
129
|
+
menuItemSetting: ({ theme: s }) => a(s),
|
|
130
|
+
/** Styles for the branch icon preceding the version label. */
|
|
131
|
+
versionIcon: ({ theme: s }) => ({
|
|
132
|
+
"&&&": {
|
|
133
|
+
width: s.vars.size.baseSpacings["sp3-5"],
|
|
134
|
+
height: s.vars.size.baseSpacings["sp3-5"],
|
|
135
|
+
flexShrink: 0
|
|
149
136
|
}
|
|
150
137
|
}),
|
|
151
|
-
/**
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
menuItem: ({ theme: a }) => ({
|
|
158
|
-
padding: `${a.vars.size.baseSpacings.sp1} !important`
|
|
159
|
-
}),
|
|
160
|
-
/**
|
|
161
|
-
* ********************************************************
|
|
162
|
-
* Estilos para el divisor que se muestra en el popover.
|
|
163
|
-
* ********************************************************
|
|
164
|
-
*/
|
|
165
|
-
divider: ({ theme: a }) => ({
|
|
166
|
-
padding: `${a.vars.size.baseSpacings.sp1} 0px`,
|
|
167
|
-
justifyContent: "center",
|
|
138
|
+
/** Styles for additional menu entries supplied by the backend. */
|
|
139
|
+
menuItem: ({ theme: s }) => a(s),
|
|
140
|
+
/** Styles for the divider separating identity, actions, and logout. */
|
|
141
|
+
divider: ({ theme: s }) => ({
|
|
142
|
+
height: `calc(${s.vars.size.baseSpacings.sp3} + 1px)`,
|
|
143
|
+
flexShrink: 0,
|
|
168
144
|
position: "relative",
|
|
169
145
|
"&::after": {
|
|
170
146
|
content: '""',
|
|
@@ -174,25 +150,14 @@ const t = {
|
|
|
174
150
|
right: 0,
|
|
175
151
|
height: "1px",
|
|
176
152
|
transform: "translateY(-50%)",
|
|
177
|
-
background:
|
|
153
|
+
background: s.vars.palette.border.secondary
|
|
178
154
|
}
|
|
179
155
|
}),
|
|
180
|
-
/**
|
|
181
|
-
* ************************************************************
|
|
182
|
-
* Estilos para el circular progress que se muestra
|
|
183
|
-
* cuando la carga de las opciones adicionales está en loading
|
|
184
|
-
* *************************************************************
|
|
185
|
-
*/
|
|
156
|
+
/** Styles for the progress indicator while additional actions are loading. */
|
|
186
157
|
circularPropress: () => ({}),
|
|
187
|
-
/**
|
|
188
|
-
|
|
189
|
-
* Estilos para el item de logout del MenuPopover.
|
|
190
|
-
* ********************************************************
|
|
191
|
-
*/
|
|
192
|
-
menuItemLogout: ({ theme: a }) => ({
|
|
193
|
-
padding: `${a.vars.size.baseSpacings.sp1} !important`
|
|
194
|
-
})
|
|
158
|
+
/** Styles for the logout menu entry. */
|
|
159
|
+
menuItemLogout: ({ theme: s }) => a(s)
|
|
195
160
|
};
|
|
196
161
|
export {
|
|
197
|
-
|
|
162
|
+
c as accountPopoverStyles
|
|
198
163
|
};
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
import { PopoverProps } from '../extended/mui/Popover/types';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
2
3
|
export declare const ACCOUNT_KEY_POPOVER = "M4LAccountPopover";
|
|
4
|
+
export declare const ACCOUNT_POPOVER_WIDTH = 260;
|
|
3
5
|
export declare const PATH_EMAIL: import("@emotion/react/jsx-runtime").JSX.Element;
|
|
4
6
|
export declare const PATH_VERSION: import("@emotion/react/jsx-runtime").JSX.Element;
|
|
5
7
|
export declare const PATH_CONFIGURATION: import("@emotion/react/jsx-runtime").JSX.Element;
|
|
6
8
|
export declare const PATH_SIGN_OFF: import("@emotion/react/jsx-runtime").JSX.Element;
|
|
9
|
+
/** Keep account actions visually distinct regardless of backend labels or artwork. */
|
|
10
|
+
export declare const ACCOUNT_MENU_MODULE_ICONS: ReadonlyMap<string, ReactElement>;
|
|
7
11
|
export declare const DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN: NonNullable<PopoverProps['anchorOrigin']>;
|
|
8
12
|
export declare const DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN: NonNullable<PopoverProps['transformOrigin']>;
|
|
9
13
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/constants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAG1C,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,eAAO,MAAM,UAAU,kDAAiC,CAAC;AACzD,eAAO,MAAM,YAAY,kDAAmC,CAAC;AAC7D,eAAO,MAAM,kBAAkB,kDAA+B,CAAC;AAC/D,eAAO,MAAM,aAAa,kDAA+B,CAAC;AAE1D,sFAAsF;AACtF,eAAO,MAAM,yBAAyB,EAAE,WAAW,CAAC,MAAM,EAAE,YAAY,CAItE,CAAC;AAEH,eAAO,MAAM,qCAAqC,EAAE,WAAW,CAC7D,YAAY,CAAC,cAAc,CAAC,CAI7B,CAAC;AAEF,eAAO,MAAM,wCAAwC,EAAE,WAAW,CAChE,YAAY,CAAC,iBAAiB,CAAC,CAIhC,CAAC"}
|
|
@@ -1,17 +1,23 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { DevDevelopmentBranchOutlined as
|
|
3
|
-
const
|
|
1
|
+
import { jsx as e } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { DevDevelopmentBranchOutlined as n, SettingsConfig02Outlined as o, UserSingleOutlined as t, SettingsConfigOutlined as O, LoginLogoutEnterOutlined as _ } from "@m4l/icons";
|
|
3
|
+
const s = "M4LAccountPopover", c = 260, C = /* @__PURE__ */ e(n, {}), N = /* @__PURE__ */ e(o, {}), A = /* @__PURE__ */ e(_, {}), T = /* @__PURE__ */ new Map([
|
|
4
|
+
["shared_users_preferences_edit", /* @__PURE__ */ e(t, {})],
|
|
5
|
+
["shared_user_preferences_edit", /* @__PURE__ */ e(t, {})],
|
|
6
|
+
["shared_account_preferences_edit", /* @__PURE__ */ e(O, {})]
|
|
7
|
+
]), P = {
|
|
4
8
|
horizontal: "right",
|
|
5
9
|
vertical: "bottom"
|
|
6
|
-
},
|
|
10
|
+
}, d = {
|
|
7
11
|
horizontal: "right",
|
|
8
12
|
vertical: "top"
|
|
9
13
|
};
|
|
10
14
|
export {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
s as ACCOUNT_KEY_POPOVER,
|
|
16
|
+
T as ACCOUNT_MENU_MODULE_ICONS,
|
|
17
|
+
c as ACCOUNT_POPOVER_WIDTH,
|
|
18
|
+
P as DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN,
|
|
19
|
+
d as DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN,
|
|
20
|
+
N as PATH_CONFIGURATION,
|
|
21
|
+
A as PATH_SIGN_OFF,
|
|
22
|
+
C as PATH_VERSION
|
|
17
23
|
};
|
|
@@ -3,24 +3,24 @@ import { ACCOUNT_KEY_POPOVER as t } from "../constants.js";
|
|
|
3
3
|
import { AccountPopoverSlots as e } from "./AccountPopoverEnum.js";
|
|
4
4
|
import { accountPopoverStyles as n } from "../AccountPopover.styles.js";
|
|
5
5
|
import { Typography as r, Icon as s } from "@m4l/base";
|
|
6
|
-
import { IconButton as
|
|
6
|
+
import { IconButton as i } from "../../extended/mui/IconButton/IconButton.js";
|
|
7
7
|
import { Avatar as m } from "../../extended/mui/Avatar/Avatar.js";
|
|
8
|
-
import { Popover as
|
|
8
|
+
import { Popover as l } from "../../extended/mui/Popover/Popover.js";
|
|
9
9
|
import { CircularProgress as c } from "../../extended/mui/CircularProgress/CircularProgress.js";
|
|
10
10
|
import { MenuItem as a } from "../../extended/mui/MenuItem/MenuItem.js";
|
|
11
|
-
const g = o(
|
|
11
|
+
const g = o(i, {
|
|
12
12
|
name: t,
|
|
13
13
|
slot: e.iconButtonRoot
|
|
14
14
|
})(n?.iconButtonRoot), N = o(m, {
|
|
15
15
|
name: t,
|
|
16
16
|
slot: e.avatar
|
|
17
|
-
})(n?.avatar),
|
|
17
|
+
})(n?.avatar), R = o(m, {
|
|
18
18
|
name: t,
|
|
19
19
|
slot: e.avatarPopover
|
|
20
|
-
})(n?.avatarPopover),
|
|
20
|
+
})(n?.avatarPopover), A = o(l, {
|
|
21
21
|
name: t,
|
|
22
22
|
slot: e.popoverRoot
|
|
23
|
-
})(n?.popoverRoot),
|
|
23
|
+
})(n?.popoverRoot), E = o("div", {
|
|
24
24
|
name: t,
|
|
25
25
|
slot: e.userDataContainer
|
|
26
26
|
})(n?.userDataContainer), B = o("div", {
|
|
@@ -44,34 +44,35 @@ const g = o(l, {
|
|
|
44
44
|
})(n?.menuItem), U = o(r, {
|
|
45
45
|
name: t,
|
|
46
46
|
slot: e.fullName
|
|
47
|
-
})(n?.fullName)
|
|
47
|
+
})(n?.fullName);
|
|
48
|
+
o(r, {
|
|
48
49
|
name: t,
|
|
49
50
|
slot: e.email
|
|
50
|
-
})(n?.email)
|
|
51
|
+
})(n?.email);
|
|
52
|
+
const T = o("div", {
|
|
51
53
|
name: t,
|
|
52
54
|
slot: e.versionContainer
|
|
53
|
-
})(n?.versionContainer),
|
|
55
|
+
})(n?.versionContainer), _ = o(r, {
|
|
54
56
|
name: t,
|
|
55
57
|
slot: e.version
|
|
56
|
-
})(n?.version),
|
|
58
|
+
})(n?.version), h = o(s, {
|
|
57
59
|
name: t,
|
|
58
60
|
slot: e.versionIcon
|
|
59
61
|
})(n?.versionIcon);
|
|
60
62
|
export {
|
|
61
|
-
|
|
63
|
+
R as AvatarPopoverStyled,
|
|
62
64
|
N as AvatarStyled,
|
|
63
65
|
M as CircularProgressStyled,
|
|
64
66
|
D as DividerStyled,
|
|
65
|
-
T as EmailtStyled,
|
|
66
67
|
U as FullNametStyled,
|
|
67
68
|
g as IconButtonRootStyled,
|
|
68
69
|
L as MenuItemLogoutStyled,
|
|
69
70
|
V as MenuItemSettingsStyled,
|
|
70
71
|
O as MenuItemStyled,
|
|
71
|
-
|
|
72
|
-
|
|
72
|
+
A as PopoverStyled,
|
|
73
|
+
E as UserDataContainerStyled,
|
|
73
74
|
B as UserNameEmailStyled,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
T as VersionContainerStyled,
|
|
76
|
+
h as VersionIconStyled,
|
|
77
|
+
_ as VersionStyled
|
|
77
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAa3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"MenuPopover.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAa3C;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4DA4GlD,CAAC"}
|
|
@@ -1,93 +1,96 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useEnvironment as E, useModuleDictionary as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import { TEST_PROP_ID as
|
|
5
|
-
import { DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN as
|
|
6
|
-
import { PopoverStyled as H, UserDataContainerStyled as
|
|
1
|
+
import { jsxs as l, jsx as e, Fragment as b } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useEnvironment as E, useModuleDictionary as k } from "@m4l/core";
|
|
3
|
+
import { Icon as m } from "@m4l/base";
|
|
4
|
+
import { TEST_PROP_ID as D } from "../../../../test/constants_no_mock.js";
|
|
5
|
+
import { DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN as R, DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN as x, PATH_VERSION as M, PATH_CONFIGURATION as F, ACCOUNT_MENU_MODULE_ICONS as L, PATH_SIGN_OFF as V } from "../../constants.js";
|
|
6
|
+
import { PopoverStyled as H, UserDataContainerStyled as W, AvatarPopoverStyled as G, UserNameEmailStyled as j, FullNametStyled as z, VersionContainerStyled as w, VersionIconStyled as B, VersionStyled as q, DividerStyled as v, CircularProgressStyled as J, MenuItemSettingsStyled as K, MenuItemStyled as Q, MenuItemLogoutStyled as X } from "../../slots/AccountPopoverSlots.js";
|
|
7
7
|
import { getNameDataTestId as Y } from "../../tests/utils.js";
|
|
8
8
|
import Z from "../MyAvatar/MyAvatar.js";
|
|
9
9
|
import { useTheme as ee } from "@mui/material";
|
|
10
10
|
import { resolveAccountMenuIconUrl as te } from "../../helpers/resolveAccountMenuIconUrl.js";
|
|
11
11
|
import { usePopoverContainer as oe } from "../../../../hooks/usePopoverContainer/usePopoverContainer.js";
|
|
12
|
-
const
|
|
12
|
+
const _e = (g) => {
|
|
13
13
|
const {
|
|
14
|
-
version:
|
|
15
|
-
handleClose:
|
|
16
|
-
anchorEl:
|
|
17
|
-
userData:
|
|
18
|
-
settingsHandleOpen:
|
|
19
|
-
handleLogOut:
|
|
20
|
-
itemHandleClick:
|
|
14
|
+
version: p,
|
|
15
|
+
handleClose: a,
|
|
16
|
+
anchorEl: s,
|
|
17
|
+
userData: S,
|
|
18
|
+
settingsHandleOpen: y,
|
|
19
|
+
handleLogOut: O,
|
|
20
|
+
itemHandleClick: C,
|
|
21
21
|
data: i = [],
|
|
22
|
-
asyncState:
|
|
23
|
-
size:
|
|
24
|
-
anchorOrigin:
|
|
25
|
-
transformOrigin:
|
|
26
|
-
} =
|
|
27
|
-
|
|
28
|
-
}, b = () => {
|
|
29
|
-
l(), g();
|
|
22
|
+
asyncState: I,
|
|
23
|
+
size: o,
|
|
24
|
+
anchorOrigin: u = x,
|
|
25
|
+
transformOrigin: h = R
|
|
26
|
+
} = g, { hostApiRemote: N } = E(), A = oe(s), { firstName: c, lastName: d, avatarUrl: $ } = S, { getLabel: n } = k(), r = ee().size.baseSpacings.sp2, f = (t) => {
|
|
27
|
+
C(t), a();
|
|
30
28
|
}, P = () => {
|
|
31
|
-
|
|
29
|
+
a(), y();
|
|
30
|
+
}, T = () => {
|
|
31
|
+
O(), a();
|
|
32
32
|
};
|
|
33
|
-
return
|
|
33
|
+
return s ? /* @__PURE__ */ l(
|
|
34
34
|
H,
|
|
35
35
|
{
|
|
36
|
-
size:
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
36
|
+
size: o,
|
|
37
|
+
ownerState: { size: o, anchorOrigin: u, transformOrigin: h },
|
|
38
|
+
open: !!s,
|
|
39
|
+
anchorEl: s,
|
|
40
|
+
container: A ?? void 0,
|
|
41
|
+
onClose: a,
|
|
42
|
+
anchorOrigin: u,
|
|
43
|
+
transformOrigin: h,
|
|
44
|
+
...process.env.NODE_ENV !== "production" ? { [D]: Y("popover") } : {},
|
|
44
45
|
children: [
|
|
45
|
-
/* @__PURE__ */
|
|
46
|
-
/* @__PURE__ */ e(Z, {
|
|
47
|
-
/* @__PURE__ */
|
|
48
|
-
/* @__PURE__ */ e(
|
|
49
|
-
/* @__PURE__ */
|
|
46
|
+
/* @__PURE__ */ l(W, { children: [
|
|
47
|
+
/* @__PURE__ */ e(Z, { size: o, avatarUrl: $, firstName: c || "first name", lastName: d || "last name", slotAvatar: G }),
|
|
48
|
+
/* @__PURE__ */ l(j, { children: [
|
|
49
|
+
/* @__PURE__ */ e(z, { size: o, variant: "captionDens", ellipsis: !0, skeletonWidth: `calc(${`${c} ${d}`.length}ex + ${r})`, children: `${c} ${d}` }),
|
|
50
|
+
/* @__PURE__ */ l(w, { children: [
|
|
51
|
+
/* @__PURE__ */ e(B, { src: M, color: "text.secondary" }),
|
|
52
|
+
/* @__PURE__ */ e(q, { size: o, variant: "bodyStandard", color: "text.secondary", ellipsis: !0, skeletonWidth: `calc(${p.length}ex + ${r})`, children: `${n("account_popover.label_version")} ${p}` })
|
|
53
|
+
] })
|
|
50
54
|
] })
|
|
51
55
|
] }),
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
|
|
54
|
-
/* @__PURE__ */ e(w, { src: F })
|
|
55
|
-
] }),
|
|
56
|
-
/* @__PURE__ */ e(h, {}),
|
|
57
|
-
y === "loading" ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ r(k, { children: [
|
|
56
|
+
/* @__PURE__ */ e(v, {}),
|
|
57
|
+
I === "loading" ? /* @__PURE__ */ e(J, {}) : /* @__PURE__ */ l(b, { children: [
|
|
58
58
|
/* @__PURE__ */ e(
|
|
59
59
|
K,
|
|
60
60
|
{
|
|
61
|
-
|
|
62
|
-
|
|
61
|
+
size: o,
|
|
62
|
+
skeletonWidth: `calc(${n("account_popover.label_settings").length}ex + ${r})`,
|
|
63
|
+
onClick: P,
|
|
63
64
|
label: n("account_popover.label_settings"),
|
|
64
|
-
endAdornment: /* @__PURE__ */ e(
|
|
65
|
+
endAdornment: /* @__PURE__ */ e(m, { src: F })
|
|
65
66
|
}
|
|
66
67
|
),
|
|
67
68
|
Array.isArray(i) && i.length > 0 && i.map((t) => {
|
|
68
|
-
const
|
|
69
|
+
const _ = L.get(t.moduleId ?? ""), U = te(N, t.iconUrl);
|
|
69
70
|
return /* @__PURE__ */ e(
|
|
70
71
|
Q,
|
|
71
72
|
{
|
|
73
|
+
size: o,
|
|
72
74
|
variant: "body",
|
|
73
|
-
skeletonWidth: `calc(${t.title.length}ex + ${
|
|
75
|
+
skeletonWidth: `calc(${t.title.length}ex + ${r})`,
|
|
74
76
|
onClick: () => f(t),
|
|
75
77
|
label: t.title,
|
|
76
|
-
endAdornment:
|
|
78
|
+
endAdornment: _ ? /* @__PURE__ */ e(m, { src: _ }) : U
|
|
77
79
|
},
|
|
78
80
|
`${t.title}-${t.moduleId}`
|
|
79
81
|
);
|
|
80
82
|
}),
|
|
81
|
-
/* @__PURE__ */ e(
|
|
83
|
+
/* @__PURE__ */ e(v, {})
|
|
82
84
|
] }),
|
|
83
85
|
/* @__PURE__ */ e(
|
|
84
86
|
X,
|
|
85
87
|
{
|
|
88
|
+
size: o,
|
|
86
89
|
variant: "body",
|
|
87
|
-
skeletonWidth: `calc(${n("account_popover.label_logout").length}ex + ${
|
|
88
|
-
onClick:
|
|
90
|
+
skeletonWidth: `calc(${n("account_popover.label_logout").length}ex + ${r})`,
|
|
91
|
+
onClick: T,
|
|
89
92
|
label: n("account_popover.label_logout"),
|
|
90
|
-
endAdornment: /* @__PURE__ */ e(
|
|
93
|
+
endAdornment: /* @__PURE__ */ e(m, { src: V })
|
|
91
94
|
}
|
|
92
95
|
)
|
|
93
96
|
]
|
|
@@ -95,5 +98,5 @@ const ve = (u) => {
|
|
|
95
98
|
) : null;
|
|
96
99
|
};
|
|
97
100
|
export {
|
|
98
|
-
|
|
101
|
+
_e as MenuPopover
|
|
99
102
|
};
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { MyAvatarProps } from './types';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
6
|
-
* @
|
|
7
|
-
* @returns {JSX.Element} El componente MyAvatar.
|
|
3
|
+
* Display a user avatar from the supplied image URL.
|
|
4
|
+
* Without an image, use the first letters of the user's first and last names.
|
|
5
|
+
* @param props - The avatar data, size, and styled slot.
|
|
6
|
+
* @returns The user avatar.
|
|
8
7
|
*/
|
|
9
8
|
export default function MyAvatar(props: MyAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
9
|
//# sourceMappingURL=MyAvatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MyAvatar.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC
|
|
1
|
+
{"version":3,"file":"MyAvatar.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAcpD"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
2
|
-
function
|
|
3
|
-
const { avatarUrl: a, firstName: r, lastName: e, size:
|
|
2
|
+
function f(t) {
|
|
3
|
+
const { avatarUrl: a, firstName: r, lastName: e, size: o, slotAvatar: s } = t;
|
|
4
4
|
return /* @__PURE__ */ l(
|
|
5
|
-
|
|
5
|
+
s,
|
|
6
6
|
{
|
|
7
7
|
alt: "User avatar",
|
|
8
8
|
color: "default",
|
|
9
|
-
|
|
9
|
+
size: o,
|
|
10
10
|
...a ? {
|
|
11
11
|
src: a
|
|
12
12
|
} : { children: `${r[0]}${e[0]}`.toUpperCase() }
|
|
@@ -14,5 +14,5 @@ function c(t) {
|
|
|
14
14
|
);
|
|
15
15
|
}
|
|
16
16
|
export {
|
|
17
|
-
|
|
17
|
+
f as default
|
|
18
18
|
};
|
|
@@ -6,72 +6,42 @@ import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
|
6
6
|
import { M4LOverridesStyleRules } from '../../@types/augmentations';
|
|
7
7
|
import { PopoverProps } from '../extended/mui/Popover/types';
|
|
8
8
|
export interface RightMenuData {
|
|
9
|
-
/**
|
|
10
|
-
* Esta propiedad hace referencia al título del módulo.
|
|
11
|
-
* Tiene utilidades como:
|
|
12
|
-
* - Definir el nombre en el encabezado del modulo cuando se agrega en la interfaz de la aplicación web.
|
|
13
|
-
* ...
|
|
14
|
-
*/
|
|
9
|
+
/** The module title, also used for the header when opening the module in the web application. */
|
|
15
10
|
title: string;
|
|
16
|
-
/**
|
|
17
|
-
* Esta propiedad define el identificador para el tipo de módulo.
|
|
18
|
-
* Tiene utiidades como:
|
|
19
|
-
* - Define a la aplicación web cual de todos los módulos disponibles debe agregar en la interfaz de la aplicación web.
|
|
20
|
-
* - Permite almacenar información del usuario basado en la interacción del módulo tomando en cuenta el identificador.
|
|
21
|
-
*/
|
|
11
|
+
/** Identify the module to open and associate user interaction preferences with that module. */
|
|
22
12
|
moduleId?: string;
|
|
23
|
-
/**
|
|
24
|
-
* Esta propiedad define la ubicación del icono representativo del módulo.
|
|
25
|
-
* Tiene utiidades como:
|
|
26
|
-
* - Mostrar el icono representativo en el encabezado del módulo.
|
|
27
|
-
*/
|
|
13
|
+
/** Locate the module icon used in its header and menu entry. */
|
|
28
14
|
iconUrl?: string;
|
|
29
15
|
debugPort?: number;
|
|
30
16
|
}
|
|
17
|
+
/** Possible loading states for the GET menus request with position 1. */
|
|
31
18
|
export type AsyncTypes = 'unLoad' | 'loading' | 'loaded';
|
|
32
19
|
/**
|
|
33
|
-
*
|
|
34
|
-
*
|
|
20
|
+
* Account menu data for the authenticated user.
|
|
21
|
+
* See the @m4l/core documentation for the related user data contract.
|
|
35
22
|
*/
|
|
36
23
|
export interface MenuDataProvider {
|
|
37
24
|
value: RightMenuData;
|
|
38
25
|
}
|
|
26
|
+
/** Properties accepted by AccountPopover. */
|
|
39
27
|
export interface AccountPopoverProps {
|
|
40
|
-
/**
|
|
41
|
-
* Procedimiento definido desde la instancia, va a ser activado por alguno de elementos del listado dinámico por medio del evento click.
|
|
42
|
-
*/
|
|
28
|
+
/** Handle the click on an entry in the dynamic menu. */
|
|
43
29
|
itemHandleClick: (item: RightMenuData) => void;
|
|
44
|
-
/**
|
|
45
|
-
* Procedimiento encargado finalizar la sesión del cliente autenticado.
|
|
46
|
-
*/
|
|
30
|
+
/** End the authenticated client session. */
|
|
47
31
|
handleLogOut: VoidFunction;
|
|
48
|
-
/**
|
|
49
|
-
* Procedimiento definido desde la instancia, el cual tiene como propósito permitir visualizar el configurador de apariencia
|
|
50
|
-
*/
|
|
32
|
+
/** Open the appearance preferences panel. */
|
|
51
33
|
settingsHandleOpen: () => void;
|
|
52
|
-
/**
|
|
53
|
-
* Dato que representa la versión actual de la aplicación web.
|
|
54
|
-
*/
|
|
34
|
+
/** Current version of the web application. */
|
|
55
35
|
version: string;
|
|
56
|
-
/**
|
|
57
|
-
* Es una colección de datos relacionados al cliente autenticado, puede contener datos como: nombre, apellido, módulos activos entre otros.
|
|
58
|
-
*/
|
|
36
|
+
/** Authenticated user data, including identity and active modules. */
|
|
59
37
|
userData: UserAuth;
|
|
60
|
-
/**
|
|
61
|
-
* Opción de apariencia del componente.
|
|
62
|
-
*/
|
|
38
|
+
/** Visual variant of the component. */
|
|
63
39
|
variant?: 'standard';
|
|
64
|
-
/**
|
|
65
|
-
* Opción de color que pinta al componente.
|
|
66
|
-
*/
|
|
40
|
+
/** Palette used by the component. */
|
|
67
41
|
color?: Extract<ComponentPalletColor, 'default'>;
|
|
68
|
-
/**
|
|
69
|
-
* Opciones de tamaño usado en las configuraciones de css del componente.
|
|
70
|
-
*/
|
|
42
|
+
/** Size used by the component's styles. */
|
|
71
43
|
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
72
|
-
/**
|
|
73
|
-
* Test id para pruebas automatizadas.
|
|
74
|
-
*/
|
|
44
|
+
/** Identifier for automated tests. */
|
|
75
45
|
dataTestid?: string;
|
|
76
46
|
/**
|
|
77
47
|
* Overrides the anchor point used by the internal popover surface.
|
|
@@ -82,7 +52,7 @@ export interface AccountPopoverProps {
|
|
|
82
52
|
*/
|
|
83
53
|
transformOrigin?: PopoverProps['transformOrigin'];
|
|
84
54
|
}
|
|
85
|
-
export type AccountPopoverOwnerState = Pick<AccountPopoverProps, 'size'>;
|
|
55
|
+
export type AccountPopoverOwnerState = Pick<AccountPopoverProps, 'size' | 'anchorOrigin' | 'transformOrigin'>;
|
|
86
56
|
export type AccountPopoverSlotsType = keyof typeof AccountPopoverSlots;
|
|
87
57
|
export type AccountPopoverStyles = M4LOverridesStyleRules<AccountPopoverSlotsType, typeof ACCOUNT_KEY_POPOVER, Theme>;
|
|
88
58
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,MAAM,WAAW,aAAa;IAC5B
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/AccountPopover/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,MAAM,WAAW,aAAa;IAC5B,iGAAiG;IACjG,KAAK,EAAE,MAAM,CAAC;IACd,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AACD,yEAAyE;AACzE,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;CACtB;AACD,6CAA6C;AAC7C,MAAM,WAAW,mBAAmB;IAClC,wDAAwD;IACxD,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,4CAA4C;IAC5C,YAAY,EAAE,YAAY,CAAC;IAC3B,6CAA6C;IAC7C,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,QAAQ,EAAE,QAAQ,CAAC;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAC;IAC5C;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CACnD;AACD,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,cAAc,GAAG,iBAAiB,CAAC,CAAA;AAC7G,MAAM,MAAM,uBAAuB,GAAI,MAAM,OAAO,mBAAmB,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,uBAAuB,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* <SelectRootStyled<number> />
|
|
7
7
|
* <SelectRootStyled<string> />
|
|
8
8
|
*/
|
|
9
|
-
export declare const SelectRootStyled: <T extends string | number>() => import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<T>, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "
|
|
9
|
+
export declare const SelectRootStyled: <T extends string | number>() => import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<T>, "color" | "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "ref" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "startAdornment" | "endAdornment" | "value" | "onOpen" | "disabled" | "readOnly" | "multiple" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "inputComponent" | "renderSuffix" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
10
10
|
ownerState?: (Partial<import('../types').SelectOwnerState<any, any>> & Record<string, unknown>) | undefined;
|
|
11
11
|
}, {}, {}>;
|
|
12
12
|
export declare const AdormentStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
* Class name used to identify the component's slots and generate their CSS classes.
|
|
3
3
|
*/
|
|
4
4
|
export declare const TAB_KEY_COMPONENT = "M4LTab";
|
|
5
|
-
export declare const TAB_CLASSES: Record<"root" | "title" | "description" | "
|
|
5
|
+
export declare const TAB_CLASSES: Record<"root" | "title" | "description" | "startAdornmentImageWrapper" | "endAdornmentImageWrapper" | "icon" | "labelGroup" | "tipography", string>;
|
|
6
6
|
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6B1C,eAAO,MAAM,eAAe,EAAE,
|
|
1
|
+
{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/TextField/TextField.styles.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AA6B1C,eAAO,MAAM,eAAe,EAAE,eAuT7B,CAAC"}
|
|
@@ -74,7 +74,8 @@ const s = (o, t) => o && o > 79 && o < 100 ? t.vars.palette.warning.semanticText
|
|
|
74
74
|
},
|
|
75
75
|
// Variant Contained TextField
|
|
76
76
|
...o?.variant === "contained" && {
|
|
77
|
-
border:
|
|
77
|
+
border: t.vars.size.borderStroke.actionInput,
|
|
78
|
+
borderColor: r.borderColor,
|
|
78
79
|
backgroundColor: t.vars.palette[o?.color || "default"][o?.error ? "toneOpacity" : "enabledOpacity"]
|
|
79
80
|
},
|
|
80
81
|
// Read-only state
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const RHFPeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
2
2
|
export declare const PeriodRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
3
3
|
export declare const NumberInputStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../NumberInput/types').NumberInputProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../../NumberInput/types').NumberInputProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
|
|
4
|
-
export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "
|
|
4
|
+
export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "startAdornment" | "endAdornment" | "value" | "dataTestId" | "onOpen" | "disabled" | keyof import('react').RefAttributes<HTMLDivElement> | "readOnly" | "options" | "multiple" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "inputComponent" | "renderSuffix" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
|
|
5
5
|
//# sourceMappingURL=RHFPeriodSlots.d.ts.map
|
|
@@ -12,7 +12,7 @@ export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick
|
|
|
12
12
|
* Elemento HelperError construido a través de styled,
|
|
13
13
|
* sirve para mostrar el mensaje de error del componente `RHFSelect`
|
|
14
14
|
*/
|
|
15
|
-
export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "
|
|
15
|
+
export declare const SelectStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').SelectProps<string | number, boolean | undefined>, "ref"> & import('react').RefAttributes<HTMLDivElement>, "content" | "translate" | "margin" | "error" | "classes" | "children" | "className" | "components" | "componentsProps" | "onClose" | "open" | "slots" | "slotProps" | "sx" | "input" | "label" | "slot" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "size" | "type" | "variant" | "startAdornment" | "endAdornment" | "value" | "dataTestId" | "onOpen" | "disabled" | keyof import('react').RefAttributes<HTMLDivElement> | "readOnly" | "options" | "multiple" | "fullWidth" | "placeholder" | "maxRows" | "required" | "autoComplete" | "inputProps" | "inputRef" | "multiline" | "rows" | "minRows" | "disableInjectingGlobalStyles" | "inputComponent" | "renderSuffix" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;
|
|
16
16
|
/**
|
|
17
17
|
* Elemento HelperError construido a través de styled,
|
|
18
18
|
* sirve para mostrar el mensaje de error del componente `RHFSelect`
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@m4l/components",
|
|
3
|
-
"version": "9.
|
|
3
|
+
"version": "9.66.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -53,24 +53,24 @@
|
|
|
53
53
|
"@hookform/resolvers": "2.9.11",
|
|
54
54
|
"nprogress": "0.2.0",
|
|
55
55
|
"react-transition-group": "4.4.5",
|
|
56
|
-
"react-color": "2.19.3",
|
|
57
|
-
"@tanstack/react-virtual": "3.13.23",
|
|
58
|
-
"@mui/x-date-pickers": "6.20.2",
|
|
59
56
|
"react-rnd": "10.5.2",
|
|
57
|
+
"@tanstack/react-virtual": "3.13.23",
|
|
58
|
+
"react-color": "2.19.3",
|
|
60
59
|
"react-draggable": "4.5.0",
|
|
60
|
+
"@mui/x-date-pickers": "6.20.2",
|
|
61
61
|
"react-dropzone": "14.4.1",
|
|
62
62
|
"react-spinners": "0.13.8",
|
|
63
63
|
"chart.js": "4.5.1",
|
|
64
64
|
"chartjs-chart-error-bars": "4.4.5",
|
|
65
65
|
"qrcode.react": "3.2.0",
|
|
66
|
-
"simplebar-react": "3.2.6",
|
|
67
66
|
"react-resizable-panels": "2.1.9",
|
|
67
|
+
"simplebar-react": "3.2.6",
|
|
68
68
|
"react-simple-code-editor": "0.14.1",
|
|
69
69
|
"react-data-grid": "7.0.0-beta.47",
|
|
70
70
|
"react-dnd": "16.0.1",
|
|
71
71
|
"react-dnd-html5-backend": "16.0.1",
|
|
72
72
|
"date-fns": "2.30.0",
|
|
73
|
-
"react-
|
|
74
|
-
"react-
|
|
73
|
+
"react-window": "1.8.11",
|
|
74
|
+
"react-resizable": "3.1.3"
|
|
75
75
|
}
|
|
76
76
|
}
|