@pipelinesolucoes/form 1.2.0-beta.2 → 1.2.0-beta.4
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/dist/components/login/ClickResult.d.ts +11 -0
- package/dist/components/login/ClickResult.js +2 -0
- package/dist/components/login/ClickResult.js.map +1 -0
- package/dist/components/login/FormLogin.d.ts +5 -109
- package/dist/components/login/FormLogin.js +6 -137
- package/dist/components/login/FormLogin.js.map +1 -1
- package/dist/components/login/FormPasswordRecovery.js +1 -1
- package/dist/components/login/FormPasswordRecovery.js.map +1 -1
- package/dist/components/login/FormSignUp.d.ts +3 -108
- package/dist/components/login/FormSignUp.js +7 -147
- package/dist/components/login/FormSignUp.js.map +1 -1
- package/dist/components/login/StyleLogin.d.ts +7 -0
- package/dist/components/login/StyleLogin.js +42 -0
- package/dist/components/login/StyleLogin.js.map +1 -0
- package/dist/components/style/LinkFormStyled.d.ts +3 -3
- package/dist/components/style/LinkFormStyled.js +2 -2
- package/dist/components/style/LinkFormStyled.js.map +1 -1
- package/dist/theme.js +27 -0
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Retorno do onClick/onSubmit do componente pai.
|
|
3
|
+
* - success: define se a ação foi bem sucedida
|
|
4
|
+
* - message: mensagem para exibir no próprio FormLogin
|
|
5
|
+
* - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
|
|
6
|
+
*/
|
|
7
|
+
export interface ClickResult {
|
|
8
|
+
success: boolean;
|
|
9
|
+
message: string;
|
|
10
|
+
color?: string;
|
|
11
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ClickResult.js","sourceRoot":"","sources":["../../../src/components/login/ClickResult.ts"],"names":[],"mappings":""}
|
|
@@ -4,18 +4,10 @@ import { SvgIconProps } from '@mui/material';
|
|
|
4
4
|
import { ButtonProps } from '../../types/ButtonProps';
|
|
5
5
|
import { FieldProps } from '@/types/FieldProps';
|
|
6
6
|
import { BorderProps, ColorProps } from '@pipelinesolucoes/theme';
|
|
7
|
-
|
|
8
|
-
* Retorno do onClick/onSubmit do componente pai.
|
|
9
|
-
* - success: define se a ação foi bem sucedida
|
|
10
|
-
* - message: mensagem para exibir no próprio FormLogin
|
|
11
|
-
* - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
|
|
12
|
-
*/
|
|
13
|
-
export interface ClickResult {
|
|
14
|
-
success: boolean;
|
|
15
|
-
message: string;
|
|
16
|
-
color?: string;
|
|
17
|
-
}
|
|
7
|
+
import { ClickResult } from './ClickResult';
|
|
18
8
|
export interface FormLoginProps extends ColorProps, BorderProps, ButtonProps, FieldProps {
|
|
9
|
+
urlRecuperarConta: string;
|
|
10
|
+
urlCriarConta: string;
|
|
19
11
|
Icon?: React.ElementType<SvgIconProps>;
|
|
20
12
|
titulo?: () => React.ReactElement;
|
|
21
13
|
googleButton: () => React.ReactElement;
|
|
@@ -23,109 +15,13 @@ export interface FormLoginProps extends ColorProps, BorderProps, ButtonProps, Fi
|
|
|
23
15
|
variantButton?: TypographyVariant;
|
|
24
16
|
color_message_sucess: string;
|
|
25
17
|
color_message_erro: string;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
urlRecuperarConta: string;
|
|
29
|
-
urlCriarConta: string;
|
|
18
|
+
colorLink?: string;
|
|
19
|
+
divider?: string;
|
|
30
20
|
children?: React.ReactNode;
|
|
31
21
|
onClick?: (data: {
|
|
32
22
|
email: string;
|
|
33
23
|
password: string;
|
|
34
24
|
}) => Promise<ClickResult> | ClickResult;
|
|
35
25
|
}
|
|
36
|
-
/**
|
|
37
|
-
* Componente de formulário de login com suporte a autenticação via Google e login por email/senha.
|
|
38
|
-
* Inclui validação básica de email, exibição de mensagens de erro/sucesso retornadas pelo handler `onClick`
|
|
39
|
-
* e customização visual via props (container, campos, botão e links).
|
|
40
|
-
*
|
|
41
|
-
* @param {string} urlRecuperarConta URL para a página de recuperação de conta/senha. Obrigatório.
|
|
42
|
-
* @param {string} urlCriarConta URL para a página de criação de conta. Obrigatório.
|
|
43
|
-
* @param {React.ElementType<SvgIconProps>} [Icon] Ícone opcional (MUI SvgIcon) exibido no topo do formulário.
|
|
44
|
-
* @param {() => React.ReactElement} [titulo] Função que retorna o conteúdo do título exibido no topo do formulário.
|
|
45
|
-
* @param {() => React.ReactElement} googleButton Função que retorna o botão de login com Google. Obrigatório.
|
|
46
|
-
*
|
|
47
|
-
* @param {string} [background='transparent'] Cor de fundo do container principal.
|
|
48
|
-
* @param {string} [borderRadius='0'] Raio da borda do container principal.
|
|
49
|
-
* @param {string} [border='none'] Borda do container principal.
|
|
50
|
-
* @param {string} [boxShadow='none'] Sombra do container principal.
|
|
51
|
-
*
|
|
52
|
-
* @param {string} [backgroundField='transparent'] Fundo dos campos (email/senha).
|
|
53
|
-
* @param {string} [colorField='#000'] Cor do texto dos campos (email/senha).
|
|
54
|
-
* @param {string} [colorFocusedField] Cor do estado focado do campo (se suportado pelos campos internos).
|
|
55
|
-
* @param {string} [borderRadiusField='0px'] Raio da borda dos campos.
|
|
56
|
-
* @param {string} [boxShadowField='none'] Sombra dos campos.
|
|
57
|
-
* @param {string} [borderColorField='#ccc'] Cor da borda dos campos.
|
|
58
|
-
* @param {string} [paddingField='4px 8px'] Espaçamento interno dos campos.
|
|
59
|
-
*
|
|
60
|
-
* @param {string} [textButton='Enviar'] Texto do botão principal.
|
|
61
|
-
* @param {TypographyVariant} [variantButton='body1'] Variante do Typography usada no texto do botão.
|
|
62
|
-
* @param {string} [backgroundButton='transparent'] Fundo do botão principal.
|
|
63
|
-
* @param {string} [backgroundHoverButton='transparent'] Fundo do botão no hover.
|
|
64
|
-
* @param {string} [colorButton='#000'] Cor do texto do botão.
|
|
65
|
-
* @param {string} [colorHoverButton='#000'] Cor do texto do botão no hover.
|
|
66
|
-
* @param {string} [borderRadiusButton='0'] Raio da borda do botão.
|
|
67
|
-
* @param {string} [borderButton='none'] Borda do botão.
|
|
68
|
-
* @param {string} [boxShadowButton='none'] Sombra do botão.
|
|
69
|
-
* @param {string} [widthButton='auto'] Largura do botão.
|
|
70
|
-
* @param {string} [heightButton='auto'] Altura do botão.
|
|
71
|
-
* @param {string} [paddingButton='4px 24px'] Padding do botão.
|
|
72
|
-
* @param {string} [marginButton='0'] Margem do botão.
|
|
73
|
-
*
|
|
74
|
-
* @param {string} color_message_sucess Cor padrão para mensagem de sucesso (caso `onClick` não retorne `color`). Obrigatório.
|
|
75
|
-
* @param {string} color_message_erro Cor padrão para mensagem de erro (caso `onClick` não retorne `color`). Obrigatório.
|
|
76
|
-
* @param {string} color_link Cor aplicada nos links "Esqueceu sua senha?" e "Criar conta". Obrigatório.
|
|
77
|
-
* @param {string} color_separador Cor da linha separadora (Divider). Obrigatório.
|
|
78
|
-
*
|
|
79
|
-
* @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
|
|
80
|
-
* Handler chamado ao submeter o formulário. Recebe `{ email, password }` e deve retornar um `ClickResult`.
|
|
81
|
-
* - Se `success` for `true`, exibe `message` com `color_message_sucess` (ou `result.color` se fornecida)
|
|
82
|
-
* - Se `success` for `false`, exibe `message` com `color_message_erro` (ou `result.color` se fornecida)
|
|
83
|
-
* Se não for informado, o componente exibirá a mensagem: "Nenhuma ação foi configurada para o botão.".
|
|
84
|
-
*
|
|
85
|
-
* @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
|
|
86
|
-
*
|
|
87
|
-
* @example
|
|
88
|
-
* ```tsx
|
|
89
|
-
* import FormLogin from '@/components/FormLogin';
|
|
90
|
-
* import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
|
|
91
|
-
* import { Button } from '@mui/material';
|
|
92
|
-
*
|
|
93
|
-
* export default function Example() {
|
|
94
|
-
* return (
|
|
95
|
-
* <FormLogin
|
|
96
|
-
* urlRecuperarConta="/recuperar"
|
|
97
|
-
* urlCriarConta="/cadastro"
|
|
98
|
-
* Icon={LockOutlinedIcon}
|
|
99
|
-
* titulo={() => <h2>Entrar</h2>}
|
|
100
|
-
* googleButton={() => <Button variant="outlined">Continuar com Google</Button>}
|
|
101
|
-
* color="#111"
|
|
102
|
-
* background="#fff"
|
|
103
|
-
* borderRadius="12px"
|
|
104
|
-
* boxShadow="0 10px 30px rgba(0,0,0,0.08)"
|
|
105
|
-
* backgroundField="#fafafa"
|
|
106
|
-
* borderColorField="#e0e0e0"
|
|
107
|
-
* paddingField="10px 12px"
|
|
108
|
-
* textButton="Acessar"
|
|
109
|
-
* backgroundButton="#111"
|
|
110
|
-
* backgroundHoverButton="#000"
|
|
111
|
-
* colorButton="#fff"
|
|
112
|
-
* colorHoverButton="#fff"
|
|
113
|
-
* borderRadiusButton="10px"
|
|
114
|
-
* paddingButton="10px 16px"
|
|
115
|
-
* color_message_sucess="#1b5e20"
|
|
116
|
-
* color_message_erro="#b71c1c"
|
|
117
|
-
* color_link="#1976d2"
|
|
118
|
-
* color_separador="#e0e0e0"
|
|
119
|
-
* onClick={async ({ email, password }) => {
|
|
120
|
-
* if (email === 'teste@exemplo.com' && password === '123') {
|
|
121
|
-
* return { success: true, message: 'Login realizado com sucesso!' };
|
|
122
|
-
* }
|
|
123
|
-
* return { success: false, message: 'Email ou senha inválidos.' };
|
|
124
|
-
* }}
|
|
125
|
-
* />
|
|
126
|
-
* );
|
|
127
|
-
* }
|
|
128
|
-
* ```
|
|
129
|
-
*/
|
|
130
26
|
declare const FormLogin: React.FC<FormLoginProps>;
|
|
131
27
|
export default FormLogin;
|
|
@@ -8,14 +8,7 @@ import { validateEmailMessage } from '../../utils/validateEmail';
|
|
|
8
8
|
import TextFieldValidate from '../TextFieldValidate';
|
|
9
9
|
import TextFieldPassword from '../TextFieldPassword';
|
|
10
10
|
import { LinkFormStyled } from '../style/LinkFormStyled';
|
|
11
|
-
|
|
12
|
-
display: 'flex',
|
|
13
|
-
flexDirection: 'column',
|
|
14
|
-
gap: '16px',
|
|
15
|
-
width: '100%',
|
|
16
|
-
margin: 'auto',
|
|
17
|
-
padding: '0px',
|
|
18
|
-
}));
|
|
11
|
+
import { DivCampos, DivLink, DivTitulo, FormContainer } from './StyleLogin';
|
|
19
12
|
const DivPassword = styled('div')(() => ({
|
|
20
13
|
display: 'flex',
|
|
21
14
|
flexDirection: 'column',
|
|
@@ -24,134 +17,8 @@ const DivPassword = styled('div')(() => ({
|
|
|
24
17
|
margin: '0',
|
|
25
18
|
padding: '0',
|
|
26
19
|
}));
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
flexDirection: 'column',
|
|
30
|
-
gap: '8px',
|
|
31
|
-
width: '100%',
|
|
32
|
-
margin: '0',
|
|
33
|
-
padding: '0',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
justifyContent: 'center',
|
|
36
|
-
}));
|
|
37
|
-
const DivLink = styled('div', {
|
|
38
|
-
shouldForwardProp: (prop) => !['text_color', 'align'].includes(prop),
|
|
39
|
-
})(({ text_color, align }) => ({
|
|
40
|
-
display: 'flex',
|
|
41
|
-
flexDirection: 'row',
|
|
42
|
-
alignItems: 'center',
|
|
43
|
-
justifyContent: align,
|
|
44
|
-
width: '100%',
|
|
45
|
-
padding: '0',
|
|
46
|
-
flex: '1',
|
|
47
|
-
color: text_color !== null && text_color !== void 0 ? text_color : "#000",
|
|
48
|
-
}));
|
|
49
|
-
const DivCampos = styled('div')(() => ({
|
|
50
|
-
display: 'flex',
|
|
51
|
-
flexDirection: 'column',
|
|
52
|
-
gap: '4px',
|
|
53
|
-
width: '100%',
|
|
54
|
-
margin: '0',
|
|
55
|
-
padding: '0',
|
|
56
|
-
alignItems: 'center',
|
|
57
|
-
justifyContent: 'center',
|
|
58
|
-
}));
|
|
59
|
-
/**
|
|
60
|
-
* Componente de formulário de login com suporte a autenticação via Google e login por email/senha.
|
|
61
|
-
* Inclui validação básica de email, exibição de mensagens de erro/sucesso retornadas pelo handler `onClick`
|
|
62
|
-
* e customização visual via props (container, campos, botão e links).
|
|
63
|
-
*
|
|
64
|
-
* @param {string} urlRecuperarConta URL para a página de recuperação de conta/senha. Obrigatório.
|
|
65
|
-
* @param {string} urlCriarConta URL para a página de criação de conta. Obrigatório.
|
|
66
|
-
* @param {React.ElementType<SvgIconProps>} [Icon] Ícone opcional (MUI SvgIcon) exibido no topo do formulário.
|
|
67
|
-
* @param {() => React.ReactElement} [titulo] Função que retorna o conteúdo do título exibido no topo do formulário.
|
|
68
|
-
* @param {() => React.ReactElement} googleButton Função que retorna o botão de login com Google. Obrigatório.
|
|
69
|
-
*
|
|
70
|
-
* @param {string} [background='transparent'] Cor de fundo do container principal.
|
|
71
|
-
* @param {string} [borderRadius='0'] Raio da borda do container principal.
|
|
72
|
-
* @param {string} [border='none'] Borda do container principal.
|
|
73
|
-
* @param {string} [boxShadow='none'] Sombra do container principal.
|
|
74
|
-
*
|
|
75
|
-
* @param {string} [backgroundField='transparent'] Fundo dos campos (email/senha).
|
|
76
|
-
* @param {string} [colorField='#000'] Cor do texto dos campos (email/senha).
|
|
77
|
-
* @param {string} [colorFocusedField] Cor do estado focado do campo (se suportado pelos campos internos).
|
|
78
|
-
* @param {string} [borderRadiusField='0px'] Raio da borda dos campos.
|
|
79
|
-
* @param {string} [boxShadowField='none'] Sombra dos campos.
|
|
80
|
-
* @param {string} [borderColorField='#ccc'] Cor da borda dos campos.
|
|
81
|
-
* @param {string} [paddingField='4px 8px'] Espaçamento interno dos campos.
|
|
82
|
-
*
|
|
83
|
-
* @param {string} [textButton='Enviar'] Texto do botão principal.
|
|
84
|
-
* @param {TypographyVariant} [variantButton='body1'] Variante do Typography usada no texto do botão.
|
|
85
|
-
* @param {string} [backgroundButton='transparent'] Fundo do botão principal.
|
|
86
|
-
* @param {string} [backgroundHoverButton='transparent'] Fundo do botão no hover.
|
|
87
|
-
* @param {string} [colorButton='#000'] Cor do texto do botão.
|
|
88
|
-
* @param {string} [colorHoverButton='#000'] Cor do texto do botão no hover.
|
|
89
|
-
* @param {string} [borderRadiusButton='0'] Raio da borda do botão.
|
|
90
|
-
* @param {string} [borderButton='none'] Borda do botão.
|
|
91
|
-
* @param {string} [boxShadowButton='none'] Sombra do botão.
|
|
92
|
-
* @param {string} [widthButton='auto'] Largura do botão.
|
|
93
|
-
* @param {string} [heightButton='auto'] Altura do botão.
|
|
94
|
-
* @param {string} [paddingButton='4px 24px'] Padding do botão.
|
|
95
|
-
* @param {string} [marginButton='0'] Margem do botão.
|
|
96
|
-
*
|
|
97
|
-
* @param {string} color_message_sucess Cor padrão para mensagem de sucesso (caso `onClick` não retorne `color`). Obrigatório.
|
|
98
|
-
* @param {string} color_message_erro Cor padrão para mensagem de erro (caso `onClick` não retorne `color`). Obrigatório.
|
|
99
|
-
* @param {string} color_link Cor aplicada nos links "Esqueceu sua senha?" e "Criar conta". Obrigatório.
|
|
100
|
-
* @param {string} color_separador Cor da linha separadora (Divider). Obrigatório.
|
|
101
|
-
*
|
|
102
|
-
* @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
|
|
103
|
-
* Handler chamado ao submeter o formulário. Recebe `{ email, password }` e deve retornar um `ClickResult`.
|
|
104
|
-
* - Se `success` for `true`, exibe `message` com `color_message_sucess` (ou `result.color` se fornecida)
|
|
105
|
-
* - Se `success` for `false`, exibe `message` com `color_message_erro` (ou `result.color` se fornecida)
|
|
106
|
-
* Se não for informado, o componente exibirá a mensagem: "Nenhuma ação foi configurada para o botão.".
|
|
107
|
-
*
|
|
108
|
-
* @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
|
|
109
|
-
*
|
|
110
|
-
* @example
|
|
111
|
-
* ```tsx
|
|
112
|
-
* import FormLogin from '@/components/FormLogin';
|
|
113
|
-
* import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
|
|
114
|
-
* import { Button } from '@mui/material';
|
|
115
|
-
*
|
|
116
|
-
* export default function Example() {
|
|
117
|
-
* return (
|
|
118
|
-
* <FormLogin
|
|
119
|
-
* urlRecuperarConta="/recuperar"
|
|
120
|
-
* urlCriarConta="/cadastro"
|
|
121
|
-
* Icon={LockOutlinedIcon}
|
|
122
|
-
* titulo={() => <h2>Entrar</h2>}
|
|
123
|
-
* googleButton={() => <Button variant="outlined">Continuar com Google</Button>}
|
|
124
|
-
* color="#111"
|
|
125
|
-
* background="#fff"
|
|
126
|
-
* borderRadius="12px"
|
|
127
|
-
* boxShadow="0 10px 30px rgba(0,0,0,0.08)"
|
|
128
|
-
* backgroundField="#fafafa"
|
|
129
|
-
* borderColorField="#e0e0e0"
|
|
130
|
-
* paddingField="10px 12px"
|
|
131
|
-
* textButton="Acessar"
|
|
132
|
-
* backgroundButton="#111"
|
|
133
|
-
* backgroundHoverButton="#000"
|
|
134
|
-
* colorButton="#fff"
|
|
135
|
-
* colorHoverButton="#fff"
|
|
136
|
-
* borderRadiusButton="10px"
|
|
137
|
-
* paddingButton="10px 16px"
|
|
138
|
-
* color_message_sucess="#1b5e20"
|
|
139
|
-
* color_message_erro="#b71c1c"
|
|
140
|
-
* color_link="#1976d2"
|
|
141
|
-
* color_separador="#e0e0e0"
|
|
142
|
-
* onClick={async ({ email, password }) => {
|
|
143
|
-
* if (email === 'teste@exemplo.com' && password === '123') {
|
|
144
|
-
* return { success: true, message: 'Login realizado com sucesso!' };
|
|
145
|
-
* }
|
|
146
|
-
* return { success: false, message: 'Email ou senha inválidos.' };
|
|
147
|
-
* }}
|
|
148
|
-
* />
|
|
149
|
-
* );
|
|
150
|
-
* }
|
|
151
|
-
* ```
|
|
152
|
-
*/
|
|
153
|
-
const FormLogin = ({ urlRecuperarConta, urlCriarConta, Icon, titulo, googleButton, background, borderRadius, border, boxShadow, backgroundField, colorField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, textButton = 'Enviar', variantButton = 'body1', backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton = 'none', boxShadowButton, widthButton = 'auto', heightButton = 'auto', paddingButton, marginButton = '0', color_message_sucess, color_message_erro, color_link, color_separador, onClick, children, }) => {
|
|
154
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61;
|
|
20
|
+
const FormLogin = ({ urlCriarConta, urlRecuperarConta, Icon, titulo, googleButton, background, borderRadius, border, boxShadow, backgroundField, colorField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, textButton = 'Enviar', variantButton = 'body1', backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton = 'none', boxShadowButton, widthButton = 'auto', heightButton = 'auto', paddingButton, marginButton = '0', color_message_sucess, color_message_erro, colorLink, divider, onClick, children, }) => {
|
|
21
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61, _62, _63, _64, _65, _66, _67, _68, _69, _70;
|
|
155
22
|
const theme = useTheme();
|
|
156
23
|
const [mensagemApi, setMensagemApi] = useState('');
|
|
157
24
|
const [corMensagemApi, setCorMensagemApi] = useState(color_message_erro);
|
|
@@ -219,9 +86,11 @@ const FormLogin = ({ urlRecuperarConta, urlCriarConta, Icon, titulo, googleButto
|
|
|
219
86
|
const brButton = (_51 = borderRadiusButton !== null && borderRadiusButton !== void 0 ? borderRadiusButton : (_50 = (_49 = (_48 = (_47 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _47 === void 0 ? void 0 : _47.forms) === null || _48 === void 0 ? void 0 : _48.login) === null || _49 === void 0 ? void 0 : _49.button) === null || _50 === void 0 ? void 0 : _50.borderRadius) !== null && _51 !== void 0 ? _51 : undefined;
|
|
220
87
|
const bsButton = (_56 = boxShadowButton !== null && boxShadowButton !== void 0 ? boxShadowButton : (_55 = (_54 = (_53 = (_52 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _52 === void 0 ? void 0 : _52.forms) === null || _53 === void 0 ? void 0 : _53.login) === null || _54 === void 0 ? void 0 : _54.button) === null || _55 === void 0 ? void 0 : _55.boxShadow) !== null && _56 !== void 0 ? _56 : undefined;
|
|
221
88
|
const pButton = (_61 = paddingButton !== null && paddingButton !== void 0 ? paddingButton : (_60 = (_59 = (_58 = (_57 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _57 === void 0 ? void 0 : _57.forms) === null || _58 === void 0 ? void 0 : _58.login) === null || _59 === void 0 ? void 0 : _59.button) === null || _60 === void 0 ? void 0 : _60.padding) !== null && _61 !== void 0 ? _61 : undefined;
|
|
89
|
+
const cdivider = (_65 = divider !== null && divider !== void 0 ? divider : (_64 = (_63 = (_62 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _62 === void 0 ? void 0 : _62.forms) === null || _63 === void 0 ? void 0 : _63.login) === null || _64 === void 0 ? void 0 : _64.divider) !== null && _65 !== void 0 ? _65 : undefined;
|
|
90
|
+
const cLink = (_70 = colorLink !== null && colorLink !== void 0 ? colorLink : (_69 = (_68 = (_67 = (_66 = theme === null || theme === void 0 ? void 0 : theme.pipelinesolucoes) === null || _66 === void 0 ? void 0 : _66.forms) === null || _67 === void 0 ? void 0 : _67.login) === null || _68 === void 0 ? void 0 : _68.link) === null || _69 === void 0 ? void 0 : _69.color) !== null && _70 !== void 0 ? _70 : undefined;
|
|
222
91
|
return (_jsxs(Box, { display: "flex", flexDirection: "column", justifyContent: "center", gap: "24px", flex: 1, sx: { padding: '24px', borderRadius: brContainer,
|
|
223
92
|
background: bContainer, border: bdContainer,
|
|
224
|
-
boxShadow: bsContainer }, children: [(Icon || titulo) && (_jsxs(DivTitulo, { children: [Icon && _jsx(Icon, {}), titulo && titulo()] })), _jsxs(FormContainer, { children: [googleButton && googleButton(), _jsx(Divider, { sx: { borderColor:
|
|
93
|
+
boxShadow: bsContainer }, children: [(Icon || titulo) && (_jsxs(DivTitulo, { children: [Icon && _jsx(Icon, {}), titulo && titulo()] })), _jsxs(FormContainer, { children: [googleButton && googleButton(), _jsx(Divider, { sx: { borderColor: cdivider }, children: "ou" }), _jsxs(DivCampos, { children: [_jsx(TextFieldValidate, { id: "email", label: "Email", placeholder: "Email", background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField, value: email, onChange: (e) => setEmail(e.target.value), required: true, requiredMessage: "Campo obrigat\u00F3rio", validate: validateEmailMessage, showErrorOn: "blur" }), _jsxs(DivPassword, { children: [_jsx(TextFieldPassword, { id: "password", label: "Senha", placeholder: "Senha", required: true, background: bField, color: cField, borderRadius: brField, borderColor: bcField, boxShadow: bsField, padding: pField, margin: mgField, value: password, onPasswordChange: (p) => setPassword(p) }), _jsx(DivLink, { align: "flex-start", children: _jsx(LinkFormStyled, { href: urlRecuperarConta, text_color: cLink, children: _jsx(Typography, { variant: variantButton, component: 'span', sx: { fontSize: "0.8rem" }, children: "Esqueceu sua senha?" }) }) })] })] }), _jsx(ButtonFormStyled, { backgroundButton: bgButton, backgroundHoverButton: bgHoverButton, colorButton: cButton, colorHoverButton: cHoverButton, borderRadiusButton: brButton, borderButton: borderButton, boxShadowButton: bsButton, widthButton: widthButton, heightButton: heightButton, paddingButton: pButton, marginButton: marginButton, disabled: isLoading, onClick: handleClick, children: isLoading ? ('Enviando...') : (_jsx(Typography, { variant: variantButton, component: "span", children: textButton })) }), _jsx(DivLink, { children: _jsx(LinkFormStyled, { href: urlCriarConta, text_color: cLink, children: _jsx(Typography, { variant: variantButton, component: 'span', children: "Criar conta" }) }) })] }), mensagemApi && (_jsx(Typography, { variant: "body2", sx: { color: corMensagemApi }, children: mensagemApi })), children] }));
|
|
225
94
|
};
|
|
226
95
|
export default FormLogin;
|
|
227
96
|
//# sourceMappingURL=FormLogin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLogin.js","sourceRoot":"","sources":["../../../src/components/login/FormLogin.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,OAAO,EAAgB,UAAU,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,
|
|
1
|
+
{"version":3,"file":"FormLogin.js","sourceRoot":"","sources":["../../../src/components/login/FormLogin.tsx"],"names":[],"mappings":"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"}
|
|
@@ -129,7 +129,7 @@ const StyledRoot = styled(Box, {
|
|
|
129
129
|
* };
|
|
130
130
|
* ```
|
|
131
131
|
*/
|
|
132
|
-
const FormPasswordRecovery = ({ Icon, titulo, subTitulo, background
|
|
132
|
+
const FormPasswordRecovery = ({ Icon, titulo, subTitulo, background, borderRadius, border, boxShadow, backgroundField, colorField, borderRadiusField, boxShadowField, borderColorField, paddingField, marginField, textButton = 'Enviar', variantButton = 'body1', backgroundButton, backgroundHoverButton, colorButton, colorHoverButton, borderRadiusButton, borderButton = 'none', boxShadowButton, widthButton = 'auto', heightButton = 'auto', paddingButton, marginButton = '0', color_message_sucess, color_message_erro, onSubmit, onResult, children, }) => {
|
|
133
133
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59, _60, _61;
|
|
134
134
|
const theme = useTheme();
|
|
135
135
|
const [mensagemApi, setMensagemApi] = useState('');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormPasswordRecovery.js","sourceRoot":"","sources":["../../../src/components/login/FormPasswordRecovery.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAgB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,iBAAiB,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEhF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAI7D,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACzC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACrC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,GAAG;IACX,OAAO,EAAE,GAAG;IACZ,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;CACzB,CAAC,CAAC,CAAC;AAEJ,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,EAAE;IAC7B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CACrG,CAAC,CAIC,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IACjD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,CAAC;IACP,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK;IACpC,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,aAAa;CACxC,CAAC,CAAC,CAAC;AA+BJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyFG;AACH,MAAM,oBAAoB,GAAwC,CAAC,EACjE,IAAI,EACJ,MAAM,EACN,SAAS,EAET,UAAU,
|
|
1
|
+
{"version":3,"file":"FormPasswordRecovery.js","sourceRoot":"","sources":["../../../src/components/login/FormPasswordRecovery.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,17 +3,7 @@ import { SvgIconProps } from '@mui/material';
|
|
|
3
3
|
import { ButtonProps } from '../../types/ButtonProps';
|
|
4
4
|
import { FieldProps } from '@/types/FieldProps';
|
|
5
5
|
import { BorderProps, ColorProps } from '@pipelinesolucoes/theme';
|
|
6
|
-
|
|
7
|
-
* Retorno do onClick/onSubmit do componente pai.
|
|
8
|
-
* - success: define se a ação foi bem sucedida
|
|
9
|
-
* - message: mensagem para exibir no próprio FormLogin
|
|
10
|
-
* - color: cor opcional para a mensagem (caso queira sobrescrever as cores padrão)
|
|
11
|
-
*/
|
|
12
|
-
export interface ClickResult {
|
|
13
|
-
success: boolean;
|
|
14
|
-
message: string;
|
|
15
|
-
color?: string;
|
|
16
|
-
}
|
|
6
|
+
import { ClickResult } from './ClickResult';
|
|
17
7
|
export interface FormSignUpProps extends ColorProps, BorderProps, ButtonProps, FieldProps {
|
|
18
8
|
Icon?: React.ElementType<SvgIconProps>;
|
|
19
9
|
titulo?: () => React.ReactElement;
|
|
@@ -21,8 +11,8 @@ export interface FormSignUpProps extends ColorProps, BorderProps, ButtonProps, F
|
|
|
21
11
|
/** Cores padrão para mensagem (caso o pai não retorne color no ClickResult) */
|
|
22
12
|
color_message_sucess: string;
|
|
23
13
|
color_message_erro: string;
|
|
24
|
-
|
|
25
|
-
|
|
14
|
+
colorLink?: string;
|
|
15
|
+
divider?: string;
|
|
26
16
|
urlLogin: string;
|
|
27
17
|
children?: React.ReactNode;
|
|
28
18
|
/**
|
|
@@ -34,100 +24,5 @@ export interface FormSignUpProps extends ColorProps, BorderProps, ButtonProps, F
|
|
|
34
24
|
password: string;
|
|
35
25
|
}) => Promise<ClickResult> | ClickResult;
|
|
36
26
|
}
|
|
37
|
-
/**
|
|
38
|
-
* Componente de formulário de login com suporte a autenticação via Google e login por email/senha.
|
|
39
|
-
* Inclui validação básica de email, exibição de mensagens de erro/sucesso retornadas pelo handler `onClick`
|
|
40
|
-
* e customização visual via props (container, campos, botão e links).
|
|
41
|
-
*
|
|
42
|
-
* @param {string} urlRecuperarConta URL para a página de recuperação de conta/senha. Obrigatório.
|
|
43
|
-
* @param {string} urlCriarConta URL para a página de criação de conta. Obrigatório.
|
|
44
|
-
* @param {React.ElementType<SvgIconProps>} [Icon] Ícone opcional (MUI SvgIcon) exibido no topo do formulário.
|
|
45
|
-
* @param {() => React.ReactElement} [titulo] Função que retorna o conteúdo do título exibido no topo do formulário.
|
|
46
|
-
* @param {() => React.ReactElement} googleButton Função que retorna o botão de login com Google. Obrigatório.
|
|
47
|
-
*
|
|
48
|
-
* @param {string} color Cor usada em alguns textos/containers auxiliares (ex.: wrapper dos links). Obrigatório.
|
|
49
|
-
* @param {string} [background='transparent'] Cor de fundo do container principal.
|
|
50
|
-
* @param {string} [borderRadius='0'] Raio da borda do container principal.
|
|
51
|
-
* @param {string} [border='none'] Borda do container principal.
|
|
52
|
-
* @param {string} [boxShadow='none'] Sombra do container principal.
|
|
53
|
-
*
|
|
54
|
-
* @param {string} [backgroundField='transparent'] Fundo dos campos (email/senha).
|
|
55
|
-
* @param {string} [colorField='#000'] Cor do texto dos campos (email/senha).
|
|
56
|
-
* @param {string} [colorFocusedField] Cor do estado focado do campo (se suportado pelos campos internos).
|
|
57
|
-
* @param {string} [borderRadiusField='0px'] Raio da borda dos campos.
|
|
58
|
-
* @param {string} [boxShadowField='none'] Sombra dos campos.
|
|
59
|
-
* @param {string} [borderColorField='#ccc'] Cor da borda dos campos.
|
|
60
|
-
* @param {string} [paddingField='4px 8px'] Espaçamento interno dos campos.
|
|
61
|
-
*
|
|
62
|
-
* @param {string} [textButton='Enviar'] Texto do botão principal.
|
|
63
|
-
* @param {TypographyVariant} [variantButton='body1'] Variante do Typography usada no texto do botão.
|
|
64
|
-
* @param {string} [backgroundButton='transparent'] Fundo do botão principal.
|
|
65
|
-
* @param {string} [backgroundHoverButton='transparent'] Fundo do botão no hover.
|
|
66
|
-
* @param {string} [colorButton='#000'] Cor do texto do botão.
|
|
67
|
-
* @param {string} [colorHoverButton='#000'] Cor do texto do botão no hover.
|
|
68
|
-
* @param {string} [borderRadiusButton='0'] Raio da borda do botão.
|
|
69
|
-
* @param {string} [borderButton='none'] Borda do botão.
|
|
70
|
-
* @param {string} [boxShadowButton='none'] Sombra do botão.
|
|
71
|
-
* @param {string} [widthButton='auto'] Largura do botão.
|
|
72
|
-
* @param {string} [heightButton='auto'] Altura do botão.
|
|
73
|
-
* @param {string} [paddingButton='4px 24px'] Padding do botão.
|
|
74
|
-
* @param {string} [marginButton='0'] Margem do botão.
|
|
75
|
-
*
|
|
76
|
-
* @param {string} color_message_sucess Cor padrão para mensagem de sucesso (caso `onClick` não retorne `color`). Obrigatório.
|
|
77
|
-
* @param {string} color_message_erro Cor padrão para mensagem de erro (caso `onClick` não retorne `color`). Obrigatório.
|
|
78
|
-
* @param {string} color_link Cor aplicada nos links "Esqueceu sua senha?" e "Criar conta". Obrigatório.
|
|
79
|
-
* @param {string} color_separador Cor da linha separadora (Divider). Obrigatório.
|
|
80
|
-
*
|
|
81
|
-
* @param {(data: { email: string; password: string }) => Promise<ClickResult> | ClickResult} [onClick]
|
|
82
|
-
* Handler chamado ao submeter o formulário. Recebe `{ email, password }` e deve retornar um `ClickResult`.
|
|
83
|
-
* - Se `success` for `true`, exibe `message` com `color_message_sucess` (ou `result.color` se fornecida)
|
|
84
|
-
* - Se `success` for `false`, exibe `message` com `color_message_erro` (ou `result.color` se fornecida)
|
|
85
|
-
* Se não for informado, o componente exibirá a mensagem: "Nenhuma ação foi configurada para o botão.".
|
|
86
|
-
*
|
|
87
|
-
* @param {React.ReactNode} [children] Conteúdo extra renderizado ao final do container (abaixo da mensagem).
|
|
88
|
-
*
|
|
89
|
-
* @example
|
|
90
|
-
* ```tsx
|
|
91
|
-
* import FormLogin from '@/components/FormLogin';
|
|
92
|
-
* import LockOutlinedIcon from '@mui/icons-material/LockOutlined';
|
|
93
|
-
* import { Button } from '@mui/material';
|
|
94
|
-
*
|
|
95
|
-
* export default function Example() {
|
|
96
|
-
* return (
|
|
97
|
-
* <FormLogin
|
|
98
|
-
* urlRecuperarConta="/recuperar"
|
|
99
|
-
* urlCriarConta="/cadastro"
|
|
100
|
-
* Icon={LockOutlinedIcon}
|
|
101
|
-
* titulo={() => <h2>Entrar</h2>}
|
|
102
|
-
* googleButton={() => <Button variant="outlined">Continuar com Google</Button>}
|
|
103
|
-
* color="#111"
|
|
104
|
-
* background="#fff"
|
|
105
|
-
* borderRadius="12px"
|
|
106
|
-
* boxShadow="0 10px 30px rgba(0,0,0,0.08)"
|
|
107
|
-
* backgroundField="#fafafa"
|
|
108
|
-
* borderColorField="#e0e0e0"
|
|
109
|
-
* paddingField="10px 12px"
|
|
110
|
-
* textButton="Acessar"
|
|
111
|
-
* backgroundButton="#111"
|
|
112
|
-
* backgroundHoverButton="#000"
|
|
113
|
-
* colorButton="#fff"
|
|
114
|
-
* colorHoverButton="#fff"
|
|
115
|
-
* borderRadiusButton="10px"
|
|
116
|
-
* paddingButton="10px 16px"
|
|
117
|
-
* color_message_sucess="#1b5e20"
|
|
118
|
-
* color_message_erro="#b71c1c"
|
|
119
|
-
* color_link="#1976d2"
|
|
120
|
-
* color_separador="#e0e0e0"
|
|
121
|
-
* onClick={async ({ email, password }) => {
|
|
122
|
-
* if (email === 'teste@exemplo.com' && password === '123') {
|
|
123
|
-
* return { success: true, message: 'Login realizado com sucesso!' };
|
|
124
|
-
* }
|
|
125
|
-
* return { success: false, message: 'Email ou senha inválidos.' };
|
|
126
|
-
* }}
|
|
127
|
-
* />
|
|
128
|
-
* );
|
|
129
|
-
* }
|
|
130
|
-
* ```
|
|
131
|
-
*/
|
|
132
27
|
declare const FormSignUp: React.FC<FormSignUpProps>;
|
|
133
28
|
export default FormSignUp;
|