@m4l/components 9.1.11 → 9.1.12
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/WindowBase/WindowBase.styles.js +21 -11
- package/components/WindowBase/tests/WindowBase.test.d.ts +1 -0
- package/components/WindowConfirm/WindowConfirm.d.ts +1 -1
- package/components/WindowConfirm/WindowConfirm.js +3 -2
- package/components/WindowConfirm/slots/WindowConfirmSlots.d.ts +2 -2
- package/components/WindowConfirm/slots/WindowConfirmSlots.js +8 -10
- package/components/WindowConfirm/subcomponents/MessageIllustration/MessageIllustration.js +1 -1
- package/components/mui_extended/Tab/Tab.styles.js +1 -2
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ const windowBaseStyles = {
|
|
|
3
3
|
* Styles for the window base wrapper component.
|
|
4
4
|
* @author cesar - automatic
|
|
5
5
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
6
|
-
* @updatedAt 2024-
|
|
6
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
7
7
|
* @updatedUser cesar - automatic
|
|
8
8
|
*/
|
|
9
9
|
wrapperWindowBase: ({ theme, ownerState }) => ({
|
|
@@ -25,7 +25,7 @@ const windowBaseStyles = {
|
|
|
25
25
|
* Styles for the content of the window base component.
|
|
26
26
|
* @author cesar - automatic
|
|
27
27
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
28
|
-
* @updatedAt 2024-
|
|
28
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
29
29
|
* @updatedUser cesar - automatic
|
|
30
30
|
*/
|
|
31
31
|
contentWindowBase: ({ theme }) => ({
|
|
@@ -35,7 +35,7 @@ const windowBaseStyles = {
|
|
|
35
35
|
* Styles for the header of the window base component.
|
|
36
36
|
* @author cesar - automatic
|
|
37
37
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
38
|
-
* @updatedAt 2024-
|
|
38
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
39
39
|
* @updatedUser cesar - automatic
|
|
40
40
|
*/
|
|
41
41
|
headerWindowComponent: ({ theme, ownerState }) => ({
|
|
@@ -71,7 +71,7 @@ const windowBaseStyles = {
|
|
|
71
71
|
* Styles for the content of the header of the window base component.
|
|
72
72
|
* @author cesar - automatic
|
|
73
73
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
74
|
-
* @updatedAt 2024-
|
|
74
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
75
75
|
* @updatedUser cesar - automatic
|
|
76
76
|
*/
|
|
77
77
|
headerContentWindowBase: ({ theme }) => ({
|
|
@@ -86,7 +86,7 @@ const windowBaseStyles = {
|
|
|
86
86
|
* Styles for the title of the header of the window base component.
|
|
87
87
|
* @author cesar - automatic
|
|
88
88
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
89
|
-
* @updatedAt 2024-
|
|
89
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
90
90
|
* @updatedUser cesar - automatic
|
|
91
91
|
*/
|
|
92
92
|
headerTitleWindowBase: ({ theme }) => ({
|
|
@@ -98,7 +98,7 @@ const windowBaseStyles = {
|
|
|
98
98
|
* Styles for the subtitle container of the header of the window base component.
|
|
99
99
|
* @author cesar - automatic
|
|
100
100
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
101
|
-
* @updatedAt 2024-
|
|
101
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
102
102
|
* @updatedUser cesar - automatic
|
|
103
103
|
*/
|
|
104
104
|
subtitleContainer: ({ theme }) => ({
|
|
@@ -113,7 +113,7 @@ const windowBaseStyles = {
|
|
|
113
113
|
* @returns An object containing the styles for the dot window base component.
|
|
114
114
|
* @author cesar - automatic
|
|
115
115
|
* @createdAt 2024-11-22 19:40:23 - automatic
|
|
116
|
-
* @updatedAt 2024-
|
|
116
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
117
117
|
* @updatedUser cesar - automatic
|
|
118
118
|
*/
|
|
119
119
|
pointWindowBase: ({ theme, ownerState }) => ({
|
|
@@ -140,7 +140,7 @@ const windowBaseStyles = {
|
|
|
140
140
|
* Styles for the subtitle of the header of the window base component.
|
|
141
141
|
* @author cesar - automatic
|
|
142
142
|
* @createdAt 2024-11-15 18:08:44 - automatic
|
|
143
|
-
* @updatedAt 2024-
|
|
143
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
144
144
|
* @updatedUser cesar - automatic
|
|
145
145
|
*/
|
|
146
146
|
headerSubTitleWindowBase: ({ theme }) => ({
|
|
@@ -152,7 +152,7 @@ const windowBaseStyles = {
|
|
|
152
152
|
* Styles for the icon of the header of the window base component.
|
|
153
153
|
* @author cesar - automatic
|
|
154
154
|
* @createdAt 2024-11-18 08:11:19 - automatic
|
|
155
|
-
* @updatedAt 2024-
|
|
155
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
156
156
|
* @updatedUser cesar - automatic
|
|
157
157
|
*/
|
|
158
158
|
headerIconWindowBase: ({ theme }) => ({
|
|
@@ -166,7 +166,7 @@ const windowBaseStyles = {
|
|
|
166
166
|
* Styles for the icons wrapper of the window base component.
|
|
167
167
|
* @author cesar - automatic
|
|
168
168
|
* @createdAt 2024-11-18 08:11:19 - automatic
|
|
169
|
-
* @updatedAt 2024-
|
|
169
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
170
170
|
* @updatedUser cesar - automatic
|
|
171
171
|
*/
|
|
172
172
|
iconsWrapperWindowBase: () => ({
|
|
@@ -177,7 +177,7 @@ const windowBaseStyles = {
|
|
|
177
177
|
* Styles for the dot icon of the window base component.
|
|
178
178
|
* @author cesar - automatic
|
|
179
179
|
* @createdAt 2024-11-22 19:40:23 - automatic
|
|
180
|
-
* @updatedAt 2024-
|
|
180
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
181
181
|
* @updatedUser cesar - automatic
|
|
182
182
|
*/
|
|
183
183
|
pointIcon: ({ theme, ownerState }) => ({
|
|
@@ -197,6 +197,16 @@ const windowBaseStyles = {
|
|
|
197
197
|
height: theme.vars.size.desktop.medium.base
|
|
198
198
|
}
|
|
199
199
|
}
|
|
200
|
+
}),
|
|
201
|
+
/**
|
|
202
|
+
* Styles for the menu actions of the window base component.
|
|
203
|
+
* @author cesar - automatic
|
|
204
|
+
* @createdAt 2024-12-05 07:49:27 - automatic
|
|
205
|
+
* @updatedAt 2024-12-05 07:49:28 - automatic
|
|
206
|
+
* @updatedUser cesar - automatic
|
|
207
|
+
*/
|
|
208
|
+
menuActionsWindowBase: () => ({
|
|
209
|
+
left: "-50px"
|
|
200
210
|
})
|
|
201
211
|
};
|
|
202
212
|
export {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -22,7 +22,7 @@ import { WindowConfirmProps } from './types';
|
|
|
22
22
|
* />
|
|
23
23
|
* @author SebastianM - automatic
|
|
24
24
|
* @createdAt 2024-11-06 09:00:05 - automatic
|
|
25
|
-
* @updatedAt 2024-
|
|
25
|
+
* @updatedAt 2024-12-04 16:53:46 - automatic
|
|
26
26
|
* @updatedUser cesar - automatic
|
|
27
27
|
*/
|
|
28
28
|
export declare const WindowConfirm: (props: WindowConfirmProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,7 +8,8 @@ import { W as WINDOW_CONFIRM_KEY_COMPONENT } from "./constants.js";
|
|
|
8
8
|
import { g as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
|
|
9
9
|
import clsx from "clsx";
|
|
10
10
|
import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
|
|
11
|
-
import { W as
|
|
11
|
+
import { W as WindowBase } from "../WindowBase/WindowBase.js";
|
|
12
|
+
import { W as WindowConfirmRootStyled, a as WindowConfirmContentStyled, M as MessageIllustrationStyled, A as ActionsContainerStyled, b as ActionCancelStyled, c as ActionIntroStyled } from "./slots/WindowConfirmSlots.js";
|
|
12
13
|
import { W as WindowConfirmSlots } from "./slots/WindowConfirmEnum.js";
|
|
13
14
|
const WindowConfirm = (props) => {
|
|
14
15
|
const {
|
|
@@ -51,7 +52,7 @@ const WindowConfirm = (props) => {
|
|
|
51
52
|
};
|
|
52
53
|
const { color } = getVariantMapping(variant);
|
|
53
54
|
const mappedVariant = getVariantMapping(variant).color;
|
|
54
|
-
return /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: currentSize, children: /* @__PURE__ */ jsx(
|
|
55
|
+
return /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: currentSize, children: /* @__PURE__ */ jsx(WindowBase, { variant: "text", title: getLabel("modal_dialog.label_window_confirm"), onClose: () => closeModal(), children: /* @__PURE__ */ jsx(
|
|
55
56
|
WindowConfirmRootStyled,
|
|
56
57
|
{
|
|
57
58
|
className: clsx(getComponentSlotRoot(WINDOW_CONFIRM_KEY_COMPONENT)),
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
export declare const WindowBaseRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown> & {
|
|
2
2
|
ownerState: Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown>;
|
|
3
3
|
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
4
|
-
export declare const WrapperWindowBaseStyled: import('@emotion/styled').StyledComponent<
|
|
4
|
+
export declare const WrapperWindowBaseStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown> & {
|
|
5
5
|
ownerState: Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown>;
|
|
6
|
-
},
|
|
6
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
7
7
|
export declare const WindowConfirmRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown> & {
|
|
8
8
|
ownerState: Partial<import('..').OwnerStateWindowConfirm> & Record<string, unknown>;
|
|
9
9
|
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
@@ -2,7 +2,6 @@ import { styled } from "@mui/material/styles";
|
|
|
2
2
|
import { W as WINDOW_CONFIRM_KEY_COMPONENT } from "../constants.js";
|
|
3
3
|
import { W as WindowConfirmSlots } from "./WindowConfirmEnum.js";
|
|
4
4
|
import { w as windowConfirmStyles } from "../WindowConfirm.styles.js";
|
|
5
|
-
import { W as WindowBase } from "../../WindowBase/WindowBase.js";
|
|
6
5
|
import { M as MessageIllustration } from "../subcomponents/MessageIllustration/MessageIllustration.js";
|
|
7
6
|
import { A as ActionsContainer } from "../../CommonActions/components/ActionsContainer/ActionsContainer.js";
|
|
8
7
|
import { A as ActionCancel } from "../../CommonActions/components/ActionCancel/ActionCancel.js";
|
|
@@ -13,7 +12,7 @@ styled("div", {
|
|
|
13
12
|
name: WINDOW_CONFIRM_KEY_COMPONENT,
|
|
14
13
|
slot: WindowConfirmSlots.windowBaseRoot
|
|
15
14
|
})(windowConfirmStyles?.windowBaseRoot);
|
|
16
|
-
|
|
15
|
+
styled("div", {
|
|
17
16
|
name: WINDOW_CONFIRM_KEY_COMPONENT,
|
|
18
17
|
slot: WindowConfirmSlots.wrapperWindowBase
|
|
19
18
|
})(windowConfirmStyles?.wrapperWindowBase);
|
|
@@ -66,12 +65,11 @@ export {
|
|
|
66
65
|
IllustrationContainerStyled as I,
|
|
67
66
|
MessageIllustrationStyled as M,
|
|
68
67
|
TextContentStyled as T,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
MessageStyled as g
|
|
68
|
+
WindowConfirmRootStyled as W,
|
|
69
|
+
WindowConfirmContentStyled as a,
|
|
70
|
+
ActionCancelStyled as b,
|
|
71
|
+
ActionIntroStyled as c,
|
|
72
|
+
IllustrationIconStyled as d,
|
|
73
|
+
TitleStyled as e,
|
|
74
|
+
MessageStyled as f
|
|
77
75
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useModuleDictionary, useEnvironment } from "@m4l/core";
|
|
3
3
|
import { d as dictionary } from "../../dictionary.js";
|
|
4
|
-
import { I as IllustrationContainerStyled,
|
|
4
|
+
import { I as IllustrationContainerStyled, d as IllustrationIconStyled, T as TextContentStyled, e as TitleStyled, f as MessageStyled } from "../../slots/WindowConfirmSlots.js";
|
|
5
5
|
const MessageIllustration = (props) => {
|
|
6
6
|
const { getLabel } = useModuleDictionary();
|
|
7
7
|
const {
|
|
@@ -87,9 +87,8 @@ const tabStyles = {
|
|
|
87
87
|
backgroundColor: !ownerState.disabled ? ownerState.paletteColor?.main : theme.vars.palette.text.secondary
|
|
88
88
|
},
|
|
89
89
|
"span": {
|
|
90
|
-
color: !ownerState.disabled ? theme.vars.palette.primary.main : theme.vars.palette.text.secondary
|
|
90
|
+
color: !ownerState.disabled ? theme.vars.palette.primary.main : theme.vars.palette.text.secondary
|
|
91
91
|
//ownerState.paletteColor?.main
|
|
92
|
-
prop1: "para evaluar"
|
|
93
92
|
},
|
|
94
93
|
// Efecto ripple en estado seleccionado
|
|
95
94
|
"& .MuiTouchRipple-root": {
|