@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.
Files changed (23) hide show
  1. package/components/AccountPopover/AccountPopover.d.ts +7 -16
  2. package/components/AccountPopover/AccountPopover.d.ts.map +1 -1
  3. package/components/AccountPopover/AccountPopover.js +38 -34
  4. package/components/AccountPopover/AccountPopover.styles.d.ts.map +1 -1
  5. package/components/AccountPopover/AccountPopover.styles.js +118 -153
  6. package/components/AccountPopover/constants.d.ts +4 -0
  7. package/components/AccountPopover/constants.d.ts.map +1 -1
  8. package/components/AccountPopover/constants.js +16 -10
  9. package/components/AccountPopover/slots/AccountPopoverSlots.js +18 -17
  10. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.d.ts.map +1 -1
  11. package/components/AccountPopover/subcomponents/MenuPopover/MenuPopover.js +57 -54
  12. package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts +4 -5
  13. package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.d.ts.map +1 -1
  14. package/components/AccountPopover/subcomponents/MyAvatar/MyAvatar.js +5 -5
  15. package/components/AccountPopover/types.d.ts +17 -47
  16. package/components/AccountPopover/types.d.ts.map +1 -1
  17. package/components/extended/mui/Select/slots/SelectSlots.d.ts +1 -1
  18. package/components/extended/mui/Tab/constants.d.ts +1 -1
  19. package/components/extended/mui/TextField/TextField.styles.d.ts.map +1 -1
  20. package/components/extended/mui/TextField/TextField.styles.js +2 -1
  21. package/components/hook-form/RHFPeriod/slots/RHFPeriodSlots.d.ts +1 -1
  22. package/components/hook-form/RHFSelect/slots/RHFSlots.d.ts +1 -1
  23. package/package.json +7 -7
@@ -1,21 +1,12 @@
1
1
  import { AccountPopoverProps } from './types';
2
2
  /**
3
- * El componente AccountPopover es un componente que permite visualizar la información del usuario
4
- * y las opciones de menú disponibles para el usuario.
5
- * Generalmente se utiliza en la barra de navegación de la aplicación.
6
- * Este componente muestra el avatar del usuario, la versión de la aplicación, el nombre del usuario y las opciones de menú.
7
- * ### Dependencias:
8
- * - **`useNetwork:`** Hook que permite realizar solicitudes de red en la aplicación.
9
- * - **`useLocales:`** Hook que expone el locale efectivo del host para recargar el menú derecho cuando cambie el idioma.
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;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,qDA+HxD,CAAC"}
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 x, Fragment as B, jsx as i } from "@emotion/react/jsx-runtime";
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 s, useRef as j, useEffect as H, useCallback as h } from "react";
5
- import { MenuPopover as b } from "./subcomponents/MenuPopover/MenuPopover.js";
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 = (L) => {
12
+ const se = (v) => {
13
13
  const {
14
- anchorOrigin: g,
15
- transformOrigin: v,
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
- } = L, { avatarUrl: M, firstName: z = "firstname", lastName: E = "lastname" } = u, [P, c] = s("unLoad"), [t, r] = s(null), [k, m] = s([]), [d, f] = s(), a = j(void 0), { networkOperation: p } = D(), { currentLocale: N } = _(), e = N?.localeString, { currentSize: l } = q(y), R = {
23
- size: l
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
- H(() => {
26
- let o = !0;
27
- return !!t && d !== e && a.current !== e ? (a.current = e, c("loading"), p({
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
- o && (c("loaded"), m(Array.isArray(n.data) ? n.data : []), f(e));
36
+ t && (l("loaded"), m(Array.isArray(n.data) ? n.data : []), f(e));
37
37
  }).catch((n) => {
38
- o && (c("unLoad"), m([]), f(void 0));
38
+ t && (l("unLoad"), m([]), f(void 0));
39
39
  }).finally(() => {
40
- a.current === e && (a.current = void 0);
40
+ r.current === e && (r.current = void 0);
41
41
  }), function() {
42
- o = !1;
42
+ t = !1;
43
43
  }) : function() {
44
- o = !1;
44
+ t = !1;
45
45
  };
46
- }, [t, e, d, p]);
47
- const T = h(() => {
48
- r(null);
49
- }, [r]), U = h((o) => {
50
- r(o.currentTarget);
51
- }, [r]), w = V(F, Y);
52
- return /* @__PURE__ */ x(B, { children: [
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
- icon: /* @__PURE__ */ i(K, { size: l, avatarUrl: M, firstName: z, lastName: E, slotAvatar: I }),
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: U,
60
- selected: !!t,
61
- className: w.iconButtonRoot
63
+ onClick: x,
64
+ selected: !!o,
65
+ className: B.iconButtonRoot
62
66
  }
63
67
  ),
64
- !!t && /* @__PURE__ */ i(
65
- b,
68
+ !!o && /* @__PURE__ */ i(
69
+ H,
66
70
  {
67
- size: l,
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: g,
76
- transformOrigin: v,
77
- anchorEl: t,
78
- handleClose: T
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":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,eAAO,MAAM,oBAAoB,EAAE,oBAkMlC,CAAC"}
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 { getTypographyStyles as i } from "../../utils/getTypographyStyles.js";
2
- const t = {
3
- /**
4
- * ***************************************************************
5
- * Estilos para el icono de usuario que se muestra en el popover.
6
- * ***************************************************************
7
- */
8
- iconButtonRoot: ({ theme: a }) => ({
9
- width: a.vars.size.baseSpacings.sp6,
10
- height: a.vars.size.baseSpacings.sp6,
11
- "& .M4LAvatar-root": {
12
- aspectRatio: "1/1",
13
- "& .MuiAvatar-root": {
14
- width: "100% !important",
15
- height: "100% !important",
16
- background: "transparent"
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% !important",
28
- height: "100% !important",
29
- color: a.vars.palette.text.primary,
30
- ...i(a.generalSettings.isMobile, "medium", "bodyDens"),
31
- "& .MuiAvatar-root": {
32
- boxShadow: "none !important"
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
- * Estilos para el avatar del usuario que se muestra en el popover.
39
- * ******************************************************************
40
- */
41
- avatarPopover: ({ theme: a, ownerState: s }) => ({
42
- width: `${a.vars.size[a.generalSettings.isMobile ? "mobile" : "desktop"][s?.size ?? "medium"].container}`,
43
- height: `${a.vars.size[a.generalSettings.isMobile ? "mobile" : "desktop"][s?.size ?? "medium"].container}`
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
- marginTop: "5px",
53
- // marginLeft: '15px',
54
- padding: a.vars.size.baseSpacings.sp3,
55
- backgroundColor: a.vars.palette.background.default,
56
- borderRadius: a.vars.size.borderRadius.r2,
57
- boxShadow: a.vars.customShadows.z4
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: a.vars.size.baseSpacings.sp3,
87
+ gap: s.vars.size.baseSpacings.sp3,
70
88
  width: "100%",
71
89
  alignItems: "center",
72
- padding: `${a.vars.size.baseSpacings.sp2} ${a.vars.size.baseSpacings.sp1} ${a.vars.size.baseSpacings.sp5} ${a.vars.size.baseSpacings.sp1}`,
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: a.vars.size.baseSpacings.sp1
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: a.vars.palette.text.secondary
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: a.vars.size.baseSpacings.sp6,
118
- padding: `${a.vars.size.baseSpacings.sp1} !important`,
119
- justifyContent: "space-between",
120
- alignItems: "center"
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
- * Estilos para el contenedor de los elementos del menú del popover.
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
- * Estilos para el icono de la versión que se muestra en el popover.
144
- * ****************************************************************
145
- */
146
- versionIcon: ({ theme: a }) => ({
147
- "& > div": {
148
- background: a.vars.palette.text.disabled
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
- * Estilos para los items que se cargan como opciones
154
- * adicionales del MenuPopover.
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: a.vars.palette.border.secondary
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
- t as accountPopoverStyles
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;AAGlE,eAAO,MAAM,mBAAmB,sBAAsB,CAAC;AACvD,eAAO,MAAM,UAAU,kDAAiC,CAAC;AACzD,eAAO,MAAM,YAAY,kDAAmC,CAAC;AAC7D,eAAO,MAAM,kBAAkB,kDAA+B,CAAC;AAC/D,eAAO,MAAM,aAAa,kDAA8B,CAAC;AAEzD,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
+ {"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 t } from "@emotion/react/jsx-runtime";
2
- import { DevDevelopmentBranchOutlined as o, SettingsConfig02Outlined as O, LoginLogoutExitOutlined as n } from "@m4l/icons";
3
- const r = "M4LAccountPopover", e = /* @__PURE__ */ t(o, {}), A = /* @__PURE__ */ t(O, {}), c = /* @__PURE__ */ t(n, {}), N = {
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
- }, P = {
10
+ }, d = {
7
11
  horizontal: "right",
8
12
  vertical: "top"
9
13
  };
10
14
  export {
11
- r as ACCOUNT_KEY_POPOVER,
12
- N as DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN,
13
- P as DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN,
14
- A as PATH_CONFIGURATION,
15
- c as PATH_SIGN_OFF,
16
- e as PATH_VERSION
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 l } from "../../extended/mui/IconButton/IconButton.js";
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 i } from "../../extended/mui/Popover/Popover.js";
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(l, {
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), E = o(m, {
17
+ })(n?.avatar), R = o(m, {
18
18
  name: t,
19
19
  slot: e.avatarPopover
20
- })(n?.avatarPopover), R = o(i, {
20
+ })(n?.avatarPopover), A = o(l, {
21
21
  name: t,
22
22
  slot: e.popoverRoot
23
- })(n?.popoverRoot), A = o("div", {
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), T = o(r, {
47
+ })(n?.fullName);
48
+ o(r, {
48
49
  name: t,
49
50
  slot: e.email
50
- })(n?.email), _ = o("div", {
51
+ })(n?.email);
52
+ const T = o("div", {
51
53
  name: t,
52
54
  slot: e.versionContainer
53
- })(n?.versionContainer), h = o(r, {
55
+ })(n?.versionContainer), _ = o(r, {
54
56
  name: t,
55
57
  slot: e.version
56
- })(n?.version), x = o(s, {
58
+ })(n?.version), h = o(s, {
57
59
  name: t,
58
60
  slot: e.versionIcon
59
61
  })(n?.versionIcon);
60
62
  export {
61
- E as AvatarPopoverStyled,
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
- R as PopoverStyled,
72
- A as UserDataContainerStyled,
72
+ A as PopoverStyled,
73
+ E as UserDataContainerStyled,
73
74
  B as UserNameEmailStyled,
74
- _ as VersionContainerStyled,
75
- x as VersionIconStyled,
76
- h as VersionStyled
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,4DAwGlD,CAAC"}
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 r, jsx as e, Fragment as k } from "@emotion/react/jsx-runtime";
2
- import { useEnvironment as E, useModuleDictionary as R } from "@m4l/core";
3
- import { Icon as p } from "@m4l/base";
4
- import { TEST_PROP_ID as U } from "../../../../test/constants_no_mock.js";
5
- import { DEFAULT_ACCOUNT_POPOVER_TRANSFORM_ORIGIN as D, DEFAULT_ACCOUNT_POPOVER_ANCHOR_ORIGIN as x, PATH_VERSION as F, PATH_CONFIGURATION as M, PATH_SIGN_OFF as V } from "../../constants.js";
6
- import { PopoverStyled as H, UserDataContainerStyled as L, AvatarPopoverStyled as W, UserNameEmailStyled as G, FullNametStyled as j, EmailtStyled as z, VersionContainerStyled as B, VersionStyled as q, VersionIconStyled as w, DividerStyled as h, CircularProgressStyled as J, MenuItemSettingsStyled as K, MenuItemStyled as Q, MenuItemLogoutStyled as X } from "../../slots/AccountPopoverSlots.js";
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 ve = (u) => {
12
+ const _e = (g) => {
13
13
  const {
14
- version: d,
15
- handleClose: l,
16
- anchorEl: a,
17
- userData: v,
18
- settingsHandleOpen: g,
19
- handleLogOut: _,
20
- itemHandleClick: S,
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: y,
23
- size: A,
24
- anchorOrigin: O = x,
25
- transformOrigin: $ = D
26
- } = u, { hostApiRemote: C } = E(), I = oe(a), { firstName: s, lastName: c, id: m, avatarUrl: N } = v, { getLabel: n } = R(), o = ee().size.baseSpacings.sp2, f = (t) => {
27
- S(t), l();
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
- _(), l();
29
+ a(), y();
30
+ }, T = () => {
31
+ O(), a();
32
32
  };
33
- return a ? /* @__PURE__ */ r(
33
+ return s ? /* @__PURE__ */ l(
34
34
  H,
35
35
  {
36
- size: A,
37
- open: !!a,
38
- anchorEl: a,
39
- container: I ?? void 0,
40
- onClose: l,
41
- anchorOrigin: O,
42
- transformOrigin: $,
43
- ...process.env.NODE_ENV !== "production" ? { [U]: Y("popover") } : {},
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__ */ r(L, { children: [
46
- /* @__PURE__ */ e(Z, { avatarUrl: N, firstName: s || "first name", lastName: c || "last name", slotAvatar: W }),
47
- /* @__PURE__ */ r(G, { children: [
48
- /* @__PURE__ */ e(j, { variant: "paragraphDens", skeletonWidth: `calc(${`${s} ${c}`.length}ex + ${o})`, children: `${s} ${c}` }),
49
- /* @__PURE__ */ e(z, { variant: "bodyStandard", skeletonWidth: `calc(${m.length}ex + ${o})`, children: m })
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__ */ r(B, { children: [
53
- /* @__PURE__ */ e(q, { variant: "bodyStandard", skeletonWidth: `calc(${d.length}ex + ${o})`, children: `${n("account_popover.label_version")} ${d}` }),
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
- skeletonWidth: `calc(${n("account_popover.label_settings").length}ex + ${o})`,
62
- onClick: b,
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(p, { src: M })
65
+ endAdornment: /* @__PURE__ */ e(m, { src: F })
65
66
  }
66
67
  ),
67
68
  Array.isArray(i) && i.length > 0 && i.map((t) => {
68
- const T = te(C, t.iconUrl);
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 + ${o})`,
75
+ skeletonWidth: `calc(${t.title.length}ex + ${r})`,
74
76
  onClick: () => f(t),
75
77
  label: t.title,
76
- endAdornment: T
78
+ endAdornment: _ ? /* @__PURE__ */ e(m, { src: _ }) : U
77
79
  },
78
80
  `${t.title}-${t.moduleId}`
79
81
  );
80
82
  }),
81
- /* @__PURE__ */ e(h, {})
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 + ${o})`,
88
- onClick: P,
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(p, { src: V })
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
- ve as MenuPopover
101
+ _e as MenuPopover
99
102
  };
@@ -1,10 +1,9 @@
1
1
  import { MyAvatarProps } from './types';
2
2
  /**
3
- * Componente utilizado para mostrar avatares de usuarios.
4
- * Si se proporciona una URL de imagen para el avatar, se muestra esa imagen.
5
- * Si no se proporciona una URL de imagen, se generan iniciales a partir del primer nombre y el apellido del usuario.
6
- * @param {MyAvatarProps} props - Las propiedades del componente MyAvatar.
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;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAcpD"}
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 c(t) {
3
- const { avatarUrl: a, firstName: r, lastName: e, size: s, slotAvatar: o } = t;
2
+ function f(t) {
3
+ const { avatarUrl: a, firstName: r, lastName: e, size: o, slotAvatar: s } = t;
4
4
  return /* @__PURE__ */ l(
5
- o,
5
+ s,
6
6
  {
7
7
  alt: "User avatar",
8
8
  color: "default",
9
- sizes: s,
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
- c as default
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
- * Colección de datos que representa el valor del menú de administrativo propio del usuario.
34
- * Para obtener el detalle de la información del tipo de dato RightMenuData, se debe validar en la documentación de la librería @m4l/core.
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;;;;;OAKG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAGD,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AACzD;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAC;CACtB;AAGD,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC;IACjD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,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,CAAC,CAAA;AACxE,MAAM,MAAM,uBAAuB,GAAI,MAAM,OAAO,mBAAmB,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,sBAAsB,CAAC,uBAAuB,EAAE,OAAO,mBAAmB,EAAE,KAAK,CAAC,CAAC"}
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" | "value" | "onOpen" | "disabled" | "startAdornment" | "endAdornment" | "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> & {
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" | "icon" | "startAdornmentImageWrapper" | "endAdornmentImageWrapper" | "labelGroup" | "tipography", string>;
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,eAsT7B,CAAC"}
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: 0,
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" | "value" | "dataTestId" | "onOpen" | "disabled" | "startAdornment" | "endAdornment" | 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>, {}, {}>;
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" | "value" | "dataTestId" | "onOpen" | "disabled" | "startAdornment" | "endAdornment" | 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>, {}, {}>;
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.65.3-beta-feature-795-m4l-react-native-ui-indicator-flag.0",
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-resizable": "3.1.3",
74
- "react-window": "1.8.11"
73
+ "react-window": "1.8.11",
74
+ "react-resizable": "3.1.3"
75
75
  }
76
76
  }