@pipelinesolucoes/display 1.0.4 → 1.0.6
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/README.md +13 -2
- package/dist/components/ModalMotion.d.ts +216 -10
- package/dist/components/ModalMotion.js +224 -7
- package/dist/components/ModalMotion.js.map +1 -1
- package/dist/components/VisualizadorPdfBase.d.ts +2 -1
- package/dist/components/VisualizadorPdfBase.js +2 -2
- package/dist/components/VisualizadorPdfBase.js.map +1 -1
- package/dist/theme.js +7 -7
- package/dist/theme.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -11,6 +11,8 @@ Este pacote faz parte do ecossistema de componentes da **Pipeline Soluções**.
|
|
|
11
11
|
A biblioteca inclui os seguintes componentes:
|
|
12
12
|
|
|
13
13
|
- **ModalMotion**
|
|
14
|
+
Modal com animação de entrada/saída utilizando Framer Motion e integração
|
|
15
|
+
com tokens do Design System Pipeline Soluções.
|
|
14
16
|
|
|
15
17
|
- **VisualizadorPdf**
|
|
16
18
|
|
|
@@ -38,9 +40,18 @@ yarn add @pipelinesolucoes/display
|
|
|
38
40
|
```
|
|
39
41
|
|
|
40
42
|
## 🚀 Uso básico
|
|
41
|
-
|
|
42
43
|
```
|
|
43
|
-
|
|
44
|
+
import { ModalMotion } from '@pipelinesolucoes/display';
|
|
45
|
+
|
|
46
|
+
<ModalMotion
|
|
47
|
+
open={open}
|
|
48
|
+
onClose={() => setOpen(false)}
|
|
49
|
+
titulo="Detalhes do usuário"
|
|
50
|
+
width={500}
|
|
51
|
+
>
|
|
52
|
+
<div>Conteúdo do modal</div>
|
|
53
|
+
</ModalMotion>
|
|
54
|
+
|
|
44
55
|
```
|
|
45
56
|
|
|
46
57
|
## 🧩 Uso em Design Systems
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import { TypographyVariant } from '@mui/material';
|
|
2
|
+
import { CSSObject, TypographyVariant } from '@mui/material';
|
|
3
|
+
import { PipelineSolucoesTypographyTokens } from '@pipelinesolucoes/theme';
|
|
3
4
|
export declare const BoxTitulo: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
|
|
4
|
-
|
|
5
|
+
typo?: CSSObject | PipelineSolucoesTypographyTokens;
|
|
5
6
|
color: string;
|
|
6
7
|
align: string;
|
|
7
8
|
padding: string;
|
|
@@ -10,24 +11,229 @@ export declare const CloseIconStyled: import("@emotion/styled").StyledComponent<
|
|
|
10
11
|
iconColor?: string;
|
|
11
12
|
}, {}, {}>;
|
|
12
13
|
interface ModalMotionProps {
|
|
13
|
-
open: boolean;
|
|
14
|
-
onClose: () => void;
|
|
15
|
-
children: ReactNode;
|
|
16
14
|
width?: string | number;
|
|
17
15
|
height?: string | number;
|
|
16
|
+
backgroundColor?: string;
|
|
17
|
+
backgroundImage?: string;
|
|
18
|
+
boxShadow?: string;
|
|
19
|
+
borderRadius?: string;
|
|
18
20
|
titulo?: string;
|
|
19
21
|
variantTitulo?: TypographyVariant;
|
|
20
22
|
colorTitulo?: string;
|
|
21
23
|
alignTitulo?: string;
|
|
22
24
|
paddingTitulo?: string;
|
|
25
|
+
iconCloseColor?: string;
|
|
23
26
|
closeOnBackdrop?: boolean;
|
|
24
27
|
closeOnEsc?: boolean;
|
|
25
28
|
showCloseButton?: boolean;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
iconCloseColor?: string;
|
|
30
|
-
borderRadius?: string;
|
|
29
|
+
open: boolean;
|
|
30
|
+
onClose: () => void;
|
|
31
|
+
children: ReactNode;
|
|
31
32
|
}
|
|
33
|
+
/**
|
|
34
|
+
* Modal com animação de entrada/saída utilizando Framer Motion e integração
|
|
35
|
+
* com tokens do Design System Pipeline Soluções.
|
|
36
|
+
*
|
|
37
|
+
* Principais funcionalidades:
|
|
38
|
+
* - Exibição controlada via prop `open`
|
|
39
|
+
* - Fechamento por botão, tecla ESC e clique no backdrop
|
|
40
|
+
* - Animação de abertura e fechamento com Framer Motion
|
|
41
|
+
* - Suporte a imagem de fundo
|
|
42
|
+
* - Customização visual via props e tokens do theme
|
|
43
|
+
* - Responsividade integrada com Material UI
|
|
44
|
+
* - Integração com tipografia do Material UI e Design System Pipeline
|
|
45
|
+
*
|
|
46
|
+
*
|
|
47
|
+
* @param {boolean} open
|
|
48
|
+
* Controla a visibilidade do modal.
|
|
49
|
+
*
|
|
50
|
+
* @param {() => void} onClose
|
|
51
|
+
* Callback executado ao solicitar o fechamento do modal.
|
|
52
|
+
*
|
|
53
|
+
* @param {import('react').ReactNode} children
|
|
54
|
+
* Conteúdo renderizado dentro do modal.
|
|
55
|
+
*
|
|
56
|
+
* @param {string | number} [width]
|
|
57
|
+
* Largura do modal.
|
|
58
|
+
*
|
|
59
|
+
* Comportamento responsivo:
|
|
60
|
+
* - `xs`: `calc(100% - 32px)`
|
|
61
|
+
* - `sm`: `360px`
|
|
62
|
+
* - `md+`: valor informado na prop ou fallback interno
|
|
63
|
+
*
|
|
64
|
+
* @param {string | number} [height]
|
|
65
|
+
* Altura do modal.
|
|
66
|
+
*
|
|
67
|
+
* @param {string} [backgroundColor]
|
|
68
|
+
* Cor de fundo do container principal.
|
|
69
|
+
*
|
|
70
|
+
* Ordem:
|
|
71
|
+
* `backgroundColor`
|
|
72
|
+
* → `theme.pipelinesolucoes.display.modal.background`
|
|
73
|
+
* → `fbbackground`
|
|
74
|
+
*
|
|
75
|
+
* @param {string} [backgroundImage="None"]
|
|
76
|
+
* URL da imagem de fundo aplicada ao modal.
|
|
77
|
+
*
|
|
78
|
+
* Quando informada:
|
|
79
|
+
* - aplica `background-image`
|
|
80
|
+
* - utiliza `background-size: contain`
|
|
81
|
+
* - centraliza a imagem
|
|
82
|
+
* - evita repetição
|
|
83
|
+
*
|
|
84
|
+
* @param {string} [boxShadow]
|
|
85
|
+
* Sombra aplicada ao modal.
|
|
86
|
+
*
|
|
87
|
+
* Ordem:
|
|
88
|
+
* `boxShadow`
|
|
89
|
+
* → `theme.pipelinesolucoes.display.modal.boxShadow`
|
|
90
|
+
* → `fbboxShadow`
|
|
91
|
+
*
|
|
92
|
+
* @param {string} [borderRadius]
|
|
93
|
+
* Border radius aplicado ao modal.
|
|
94
|
+
*
|
|
95
|
+
* Ordem:
|
|
96
|
+
* `borderRadius`
|
|
97
|
+
* → `theme.pipelinesolucoes.display.modal.borderRadius`
|
|
98
|
+
* → `fbborderRadius`
|
|
99
|
+
*
|
|
100
|
+
* @param {string} [titulo=""]
|
|
101
|
+
* Texto exibido no cabeçalho do modal.
|
|
102
|
+
*
|
|
103
|
+
* O cabeçalho será renderizado quando:
|
|
104
|
+
* - existir `titulo`
|
|
105
|
+
* - ou `showCloseButton` for `true`
|
|
106
|
+
*
|
|
107
|
+
* @param {import('@mui/material').TypographyVariant} [variantTitulo]
|
|
108
|
+
* Variante tipográfica do título baseada no Material UI.
|
|
109
|
+
*
|
|
110
|
+
* Ordem:
|
|
111
|
+
* `theme.typography[variantTitulo]`
|
|
112
|
+
* → `theme.pipelinesolucoes.display.modal.variantTitulo`
|
|
113
|
+
* → `theme.typography.body1`
|
|
114
|
+
*
|
|
115
|
+
* @param {string} [colorTitulo]
|
|
116
|
+
* Cor do texto do título.
|
|
117
|
+
*
|
|
118
|
+
* Ordem:
|
|
119
|
+
* `colorTitulo`
|
|
120
|
+
* → `theme.pipelinesolucoes.display.modal.colorTitulo`
|
|
121
|
+
* → `fbcolor`
|
|
122
|
+
*
|
|
123
|
+
* @param {string} [alignTitulo="flex-start"]
|
|
124
|
+
* Alinhamento horizontal do conteúdo do cabeçalho.
|
|
125
|
+
*
|
|
126
|
+
* Valor aplicado em:
|
|
127
|
+
* `justifyItems`
|
|
128
|
+
*
|
|
129
|
+
* @param {string} [paddingTitulo]
|
|
130
|
+
* Espaçamento interno da área do título.
|
|
131
|
+
*
|
|
132
|
+
* Ordem:
|
|
133
|
+
* `paddingTitulo`
|
|
134
|
+
* → `theme.pipelinesolucoes.display.modal.paddingTitulo`
|
|
135
|
+
* → `"8px 0 16px 0"`
|
|
136
|
+
*
|
|
137
|
+
* @param {string} [iconCloseColor]
|
|
138
|
+
* Cor do ícone de fechamento.
|
|
139
|
+
*
|
|
140
|
+
* Ordem:
|
|
141
|
+
* `iconCloseColor`
|
|
142
|
+
* → `theme.pipelinesolucoes.display.modal.iconCloseColor`
|
|
143
|
+
* → `fbcolor`
|
|
144
|
+
*
|
|
145
|
+
* @param {boolean} [closeOnBackdrop=false]
|
|
146
|
+
* Define se o modal deve ser fechado ao clicar no backdrop.
|
|
147
|
+
*
|
|
148
|
+
* @param {boolean} [closeOnEsc=true]
|
|
149
|
+
* Define se o modal deve ser fechado ao pressionar a tecla `ESC`.
|
|
150
|
+
*
|
|
151
|
+
* O listener é registrado apenas quando:
|
|
152
|
+
* - `open === true`
|
|
153
|
+
* - `closeOnEsc === true`
|
|
154
|
+
*
|
|
155
|
+
* @param {boolean} [showCloseButton=true]
|
|
156
|
+
* Controla a exibição do botão de fechamento no cabeçalho.
|
|
157
|
+
*
|
|
158
|
+
* ─────────────────────────────────────────────
|
|
159
|
+
* Estilo / Aparência
|
|
160
|
+
* ─────────────────────────────────────────────
|
|
161
|
+
*
|
|
162
|
+
* - Utiliza `Backdrop` do Material UI
|
|
163
|
+
* - Animações com `AnimatePresence` e `motion.div`
|
|
164
|
+
* - Layout interno baseado em Flexbox
|
|
165
|
+
* - Suporte a imagem de fundo
|
|
166
|
+
* - Scroll automático quando conteúdo excede altura máxima
|
|
167
|
+
* - Altura máxima configurada em `90vh`
|
|
168
|
+
*
|
|
169
|
+
* ─────────────────────────────────────────────
|
|
170
|
+
* Eventos
|
|
171
|
+
* ─────────────────────────────────────────────
|
|
172
|
+
*
|
|
173
|
+
* Fechamento suportado por:
|
|
174
|
+
* - botão de fechar
|
|
175
|
+
* - tecla ESC
|
|
176
|
+
* - clique no backdrop
|
|
177
|
+
*
|
|
178
|
+
* Todos os fluxos utilizam a callback `onClose`.
|
|
179
|
+
*
|
|
180
|
+
* ─────────────────────────────────────────────
|
|
181
|
+
* Exemplo básico
|
|
182
|
+
* ─────────────────────────────────────────────
|
|
183
|
+
*
|
|
184
|
+
* @example
|
|
185
|
+
* ```tsx
|
|
186
|
+
* <ModalMotion
|
|
187
|
+
* open={open}
|
|
188
|
+
* onClose={() => setOpen(false)}
|
|
189
|
+
* titulo="Detalhes do usuário"
|
|
190
|
+
* width={500}
|
|
191
|
+
* >
|
|
192
|
+
* <div>Conteúdo do modal</div>
|
|
193
|
+
* </ModalMotion>
|
|
194
|
+
* ```
|
|
195
|
+
*
|
|
196
|
+
* ─────────────────────────────────────────────
|
|
197
|
+
* Exemplo com customização visual
|
|
198
|
+
* ─────────────────────────────────────────────
|
|
199
|
+
*
|
|
200
|
+
* @example
|
|
201
|
+
* ```tsx
|
|
202
|
+
* <ModalMotion
|
|
203
|
+
* open={open}
|
|
204
|
+
* onClose={() => setOpen(false)}
|
|
205
|
+
* titulo="Confirmação"
|
|
206
|
+
* variantTitulo="h6"
|
|
207
|
+
* backgroundColor="#FFFFFF"
|
|
208
|
+
* borderRadius="24px"
|
|
209
|
+
* boxShadow="0 8px 24px rgba(0,0,0,0.2)"
|
|
210
|
+
* iconCloseColor="#D32F2F"
|
|
211
|
+
* closeOnBackdrop
|
|
212
|
+
* >
|
|
213
|
+
* <div>Deseja continuar?</div>
|
|
214
|
+
* </ModalMotion>
|
|
215
|
+
* ```
|
|
216
|
+
*
|
|
217
|
+
* ─────────────────────────────────────────────
|
|
218
|
+
* Exemplo de configuração no theme Pipeline
|
|
219
|
+
* ─────────────────────────────────────────────
|
|
220
|
+
*
|
|
221
|
+
* @example
|
|
222
|
+
* ```ts
|
|
223
|
+
* pipelinesolucoes: {
|
|
224
|
+
* display: {
|
|
225
|
+
* modal: {
|
|
226
|
+
* background: '#FFFFFF',
|
|
227
|
+
* borderRadius: '20px',
|
|
228
|
+
* boxShadow: '0 8px 32px rgba(0,0,0,0.15)',
|
|
229
|
+
* colorTitulo: '#1F1F1F',
|
|
230
|
+
* iconCloseColor: '#5F6368',
|
|
231
|
+
* paddingTitulo: '8px 0 24px 0',
|
|
232
|
+
* variantTitulo: theme.typography.h6,
|
|
233
|
+
* }
|
|
234
|
+
* }
|
|
235
|
+
* }
|
|
236
|
+
* ```
|
|
237
|
+
*/
|
|
32
238
|
export default function ModalMotion({ open, onClose, children, width, height, titulo, variantTitulo, colorTitulo, alignTitulo, paddingTitulo, closeOnBackdrop, closeOnEsc, showCloseButton, backgroundColor, boxShadow, iconCloseColor, backgroundImage, borderRadius, }: ModalMotionProps): import("react/jsx-runtime").JSX.Element;
|
|
33
239
|
export {};
|
|
@@ -1,19 +1,226 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
|
-
import { Backdrop, Box, IconButton, styled } from '@mui/material';
|
|
4
|
+
import { Backdrop, Box, IconButton, styled, useTheme } from '@mui/material';
|
|
5
5
|
import CloseIcon from '@mui/icons-material/Close';
|
|
6
6
|
import { motion, AnimatePresence } from 'framer-motion';
|
|
7
|
+
import { fbbackground, fbborderRadius, fbboxShadow, fbcolor } from '../constant';
|
|
7
8
|
export const BoxTitulo = styled(Box, {
|
|
8
9
|
shouldForwardProp: (prop) => !["variant", "color", "align", 'padding'].includes(prop),
|
|
9
|
-
})(({ theme,
|
|
10
|
+
})(({ theme, typo, color, align, padding }) => (Object.assign({ display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center', justifyItems: align, minHeight: 40, padding: padding, gap: '16px', color: color }, (typo !== null && typo !== void 0 ? typo : {}))));
|
|
10
11
|
export const CloseIconStyled = styled(CloseIcon, {
|
|
11
12
|
shouldForwardProp: (prop) => prop !== "iconColor",
|
|
12
13
|
})(({ iconColor }) => ({
|
|
13
14
|
color: iconColor,
|
|
14
15
|
fontSize: "24px",
|
|
15
16
|
}));
|
|
16
|
-
|
|
17
|
+
/**
|
|
18
|
+
* Modal com animação de entrada/saída utilizando Framer Motion e integração
|
|
19
|
+
* com tokens do Design System Pipeline Soluções.
|
|
20
|
+
*
|
|
21
|
+
* Principais funcionalidades:
|
|
22
|
+
* - Exibição controlada via prop `open`
|
|
23
|
+
* - Fechamento por botão, tecla ESC e clique no backdrop
|
|
24
|
+
* - Animação de abertura e fechamento com Framer Motion
|
|
25
|
+
* - Suporte a imagem de fundo
|
|
26
|
+
* - Customização visual via props e tokens do theme
|
|
27
|
+
* - Responsividade integrada com Material UI
|
|
28
|
+
* - Integração com tipografia do Material UI e Design System Pipeline
|
|
29
|
+
*
|
|
30
|
+
*
|
|
31
|
+
* @param {boolean} open
|
|
32
|
+
* Controla a visibilidade do modal.
|
|
33
|
+
*
|
|
34
|
+
* @param {() => void} onClose
|
|
35
|
+
* Callback executado ao solicitar o fechamento do modal.
|
|
36
|
+
*
|
|
37
|
+
* @param {import('react').ReactNode} children
|
|
38
|
+
* Conteúdo renderizado dentro do modal.
|
|
39
|
+
*
|
|
40
|
+
* @param {string | number} [width]
|
|
41
|
+
* Largura do modal.
|
|
42
|
+
*
|
|
43
|
+
* Comportamento responsivo:
|
|
44
|
+
* - `xs`: `calc(100% - 32px)`
|
|
45
|
+
* - `sm`: `360px`
|
|
46
|
+
* - `md+`: valor informado na prop ou fallback interno
|
|
47
|
+
*
|
|
48
|
+
* @param {string | number} [height]
|
|
49
|
+
* Altura do modal.
|
|
50
|
+
*
|
|
51
|
+
* @param {string} [backgroundColor]
|
|
52
|
+
* Cor de fundo do container principal.
|
|
53
|
+
*
|
|
54
|
+
* Ordem:
|
|
55
|
+
* `backgroundColor`
|
|
56
|
+
* → `theme.pipelinesolucoes.display.modal.background`
|
|
57
|
+
* → `fbbackground`
|
|
58
|
+
*
|
|
59
|
+
* @param {string} [backgroundImage="None"]
|
|
60
|
+
* URL da imagem de fundo aplicada ao modal.
|
|
61
|
+
*
|
|
62
|
+
* Quando informada:
|
|
63
|
+
* - aplica `background-image`
|
|
64
|
+
* - utiliza `background-size: contain`
|
|
65
|
+
* - centraliza a imagem
|
|
66
|
+
* - evita repetição
|
|
67
|
+
*
|
|
68
|
+
* @param {string} [boxShadow]
|
|
69
|
+
* Sombra aplicada ao modal.
|
|
70
|
+
*
|
|
71
|
+
* Ordem:
|
|
72
|
+
* `boxShadow`
|
|
73
|
+
* → `theme.pipelinesolucoes.display.modal.boxShadow`
|
|
74
|
+
* → `fbboxShadow`
|
|
75
|
+
*
|
|
76
|
+
* @param {string} [borderRadius]
|
|
77
|
+
* Border radius aplicado ao modal.
|
|
78
|
+
*
|
|
79
|
+
* Ordem:
|
|
80
|
+
* `borderRadius`
|
|
81
|
+
* → `theme.pipelinesolucoes.display.modal.borderRadius`
|
|
82
|
+
* → `fbborderRadius`
|
|
83
|
+
*
|
|
84
|
+
* @param {string} [titulo=""]
|
|
85
|
+
* Texto exibido no cabeçalho do modal.
|
|
86
|
+
*
|
|
87
|
+
* O cabeçalho será renderizado quando:
|
|
88
|
+
* - existir `titulo`
|
|
89
|
+
* - ou `showCloseButton` for `true`
|
|
90
|
+
*
|
|
91
|
+
* @param {import('@mui/material').TypographyVariant} [variantTitulo]
|
|
92
|
+
* Variante tipográfica do título baseada no Material UI.
|
|
93
|
+
*
|
|
94
|
+
* Ordem:
|
|
95
|
+
* `theme.typography[variantTitulo]`
|
|
96
|
+
* → `theme.pipelinesolucoes.display.modal.variantTitulo`
|
|
97
|
+
* → `theme.typography.body1`
|
|
98
|
+
*
|
|
99
|
+
* @param {string} [colorTitulo]
|
|
100
|
+
* Cor do texto do título.
|
|
101
|
+
*
|
|
102
|
+
* Ordem:
|
|
103
|
+
* `colorTitulo`
|
|
104
|
+
* → `theme.pipelinesolucoes.display.modal.colorTitulo`
|
|
105
|
+
* → `fbcolor`
|
|
106
|
+
*
|
|
107
|
+
* @param {string} [alignTitulo="flex-start"]
|
|
108
|
+
* Alinhamento horizontal do conteúdo do cabeçalho.
|
|
109
|
+
*
|
|
110
|
+
* Valor aplicado em:
|
|
111
|
+
* `justifyItems`
|
|
112
|
+
*
|
|
113
|
+
* @param {string} [paddingTitulo]
|
|
114
|
+
* Espaçamento interno da área do título.
|
|
115
|
+
*
|
|
116
|
+
* Ordem:
|
|
117
|
+
* `paddingTitulo`
|
|
118
|
+
* → `theme.pipelinesolucoes.display.modal.paddingTitulo`
|
|
119
|
+
* → `"8px 0 16px 0"`
|
|
120
|
+
*
|
|
121
|
+
* @param {string} [iconCloseColor]
|
|
122
|
+
* Cor do ícone de fechamento.
|
|
123
|
+
*
|
|
124
|
+
* Ordem:
|
|
125
|
+
* `iconCloseColor`
|
|
126
|
+
* → `theme.pipelinesolucoes.display.modal.iconCloseColor`
|
|
127
|
+
* → `fbcolor`
|
|
128
|
+
*
|
|
129
|
+
* @param {boolean} [closeOnBackdrop=false]
|
|
130
|
+
* Define se o modal deve ser fechado ao clicar no backdrop.
|
|
131
|
+
*
|
|
132
|
+
* @param {boolean} [closeOnEsc=true]
|
|
133
|
+
* Define se o modal deve ser fechado ao pressionar a tecla `ESC`.
|
|
134
|
+
*
|
|
135
|
+
* O listener é registrado apenas quando:
|
|
136
|
+
* - `open === true`
|
|
137
|
+
* - `closeOnEsc === true`
|
|
138
|
+
*
|
|
139
|
+
* @param {boolean} [showCloseButton=true]
|
|
140
|
+
* Controla a exibição do botão de fechamento no cabeçalho.
|
|
141
|
+
*
|
|
142
|
+
* ─────────────────────────────────────────────
|
|
143
|
+
* Estilo / Aparência
|
|
144
|
+
* ─────────────────────────────────────────────
|
|
145
|
+
*
|
|
146
|
+
* - Utiliza `Backdrop` do Material UI
|
|
147
|
+
* - Animações com `AnimatePresence` e `motion.div`
|
|
148
|
+
* - Layout interno baseado em Flexbox
|
|
149
|
+
* - Suporte a imagem de fundo
|
|
150
|
+
* - Scroll automático quando conteúdo excede altura máxima
|
|
151
|
+
* - Altura máxima configurada em `90vh`
|
|
152
|
+
*
|
|
153
|
+
* ─────────────────────────────────────────────
|
|
154
|
+
* Eventos
|
|
155
|
+
* ─────────────────────────────────────────────
|
|
156
|
+
*
|
|
157
|
+
* Fechamento suportado por:
|
|
158
|
+
* - botão de fechar
|
|
159
|
+
* - tecla ESC
|
|
160
|
+
* - clique no backdrop
|
|
161
|
+
*
|
|
162
|
+
* Todos os fluxos utilizam a callback `onClose`.
|
|
163
|
+
*
|
|
164
|
+
* ─────────────────────────────────────────────
|
|
165
|
+
* Exemplo básico
|
|
166
|
+
* ─────────────────────────────────────────────
|
|
167
|
+
*
|
|
168
|
+
* @example
|
|
169
|
+
* ```tsx
|
|
170
|
+
* <ModalMotion
|
|
171
|
+
* open={open}
|
|
172
|
+
* onClose={() => setOpen(false)}
|
|
173
|
+
* titulo="Detalhes do usuário"
|
|
174
|
+
* width={500}
|
|
175
|
+
* >
|
|
176
|
+
* <div>Conteúdo do modal</div>
|
|
177
|
+
* </ModalMotion>
|
|
178
|
+
* ```
|
|
179
|
+
*
|
|
180
|
+
* ─────────────────────────────────────────────
|
|
181
|
+
* Exemplo com customização visual
|
|
182
|
+
* ─────────────────────────────────────────────
|
|
183
|
+
*
|
|
184
|
+
* @example
|
|
185
|
+
* ```tsx
|
|
186
|
+
* <ModalMotion
|
|
187
|
+
* open={open}
|
|
188
|
+
* onClose={() => setOpen(false)}
|
|
189
|
+
* titulo="Confirmação"
|
|
190
|
+
* variantTitulo="h6"
|
|
191
|
+
* backgroundColor="#FFFFFF"
|
|
192
|
+
* borderRadius="24px"
|
|
193
|
+
* boxShadow="0 8px 24px rgba(0,0,0,0.2)"
|
|
194
|
+
* iconCloseColor="#D32F2F"
|
|
195
|
+
* closeOnBackdrop
|
|
196
|
+
* >
|
|
197
|
+
* <div>Deseja continuar?</div>
|
|
198
|
+
* </ModalMotion>
|
|
199
|
+
* ```
|
|
200
|
+
*
|
|
201
|
+
* ─────────────────────────────────────────────
|
|
202
|
+
* Exemplo de configuração no theme Pipeline
|
|
203
|
+
* ─────────────────────────────────────────────
|
|
204
|
+
*
|
|
205
|
+
* @example
|
|
206
|
+
* ```ts
|
|
207
|
+
* pipelinesolucoes: {
|
|
208
|
+
* display: {
|
|
209
|
+
* modal: {
|
|
210
|
+
* background: '#FFFFFF',
|
|
211
|
+
* borderRadius: '20px',
|
|
212
|
+
* boxShadow: '0 8px 32px rgba(0,0,0,0.15)',
|
|
213
|
+
* colorTitulo: '#1F1F1F',
|
|
214
|
+
* iconCloseColor: '#5F6368',
|
|
215
|
+
* paddingTitulo: '8px 0 24px 0',
|
|
216
|
+
* variantTitulo: theme.typography.h6,
|
|
217
|
+
* }
|
|
218
|
+
* }
|
|
219
|
+
* }
|
|
220
|
+
* ```
|
|
221
|
+
*/
|
|
222
|
+
export default function ModalMotion({ open, onClose, children, width, height, titulo = '', variantTitulo, colorTitulo, alignTitulo = "flex-start", paddingTitulo, closeOnBackdrop = false, closeOnEsc = true, showCloseButton = true, backgroundColor, boxShadow, iconCloseColor, backgroundImage = "None", borderRadius, }) {
|
|
223
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
17
224
|
useEffect(() => {
|
|
18
225
|
if (!open || !closeOnEsc)
|
|
19
226
|
return;
|
|
@@ -32,20 +239,30 @@ export default function ModalMotion({ open, onClose, children, width, height = '
|
|
|
32
239
|
onClose();
|
|
33
240
|
}
|
|
34
241
|
};
|
|
242
|
+
const theme = useTheme();
|
|
243
|
+
// props -> tokens -> fallback
|
|
244
|
+
const modal = (_b = (_a = theme.pipelinesolucoes) === null || _a === void 0 ? void 0 : _a.display) === null || _b === void 0 ? void 0 : _b.modal;
|
|
245
|
+
const bg = (_c = backgroundColor !== null && backgroundColor !== void 0 ? backgroundColor : modal === null || modal === void 0 ? void 0 : modal.background) !== null && _c !== void 0 ? _c : fbbackground;
|
|
246
|
+
const br = (_d = borderRadius !== null && borderRadius !== void 0 ? borderRadius : modal === null || modal === void 0 ? void 0 : modal.borderRadius) !== null && _d !== void 0 ? _d : fbborderRadius;
|
|
247
|
+
const bs = (_e = boxShadow !== null && boxShadow !== void 0 ? boxShadow : modal === null || modal === void 0 ? void 0 : modal.boxShadow) !== null && _e !== void 0 ? _e : fbboxShadow;
|
|
248
|
+
const iconColor = (_f = iconCloseColor !== null && iconCloseColor !== void 0 ? iconCloseColor : modal === null || modal === void 0 ? void 0 : modal.iconCloseColor) !== null && _f !== void 0 ? _f : fbcolor;
|
|
249
|
+
const typoTitulo = (_h = (_g = (variantTitulo && theme.typography[variantTitulo])) !== null && _g !== void 0 ? _g : modal === null || modal === void 0 ? void 0 : modal.variantTitulo) !== null && _h !== void 0 ? _h : theme.typography.body1;
|
|
250
|
+
const pd = (_j = paddingTitulo !== null && paddingTitulo !== void 0 ? paddingTitulo : modal === null || modal === void 0 ? void 0 : modal.paddingTitulo) !== null && _j !== void 0 ? _j : "8px 0 16px 0";
|
|
251
|
+
const ct = (_k = colorTitulo !== null && colorTitulo !== void 0 ? colorTitulo : modal === null || modal === void 0 ? void 0 : modal.colorTitulo) !== null && _k !== void 0 ? _k : fbcolor;
|
|
35
252
|
return (_jsx(AnimatePresence, { children: open && (_jsx(Backdrop, { open: open, onClick: handleBackdropClick, sx: {
|
|
36
253
|
zIndex: 1300,
|
|
37
254
|
color: '#fff',
|
|
38
255
|
padding: '16px',
|
|
39
256
|
}, children: _jsx(motion.div, { onClick: (e) => e.stopPropagation(), initial: { opacity: 0, scale: 0.92, y: 16 }, animate: { opacity: 1, scale: 1, y: 0 }, exit: { opacity: 0, scale: 0.92, y: 16 }, transition: { duration: 0.25 }, style: { width: '100%' }, children: _jsxs(Box, { display: "flex", flexDirection: "column", role: "dialog", "aria-modal": "true", sx: {
|
|
40
257
|
position: 'relative',
|
|
41
|
-
bgcolor:
|
|
258
|
+
bgcolor: bg,
|
|
42
259
|
backgroundImage: backgroundImage && backgroundImage !== "None"
|
|
43
260
|
? `url(${backgroundImage})`
|
|
44
261
|
: "none",
|
|
45
262
|
backgroundSize: 'contain',
|
|
46
263
|
backgroundPosition: 'center',
|
|
47
264
|
backgroundRepeat: 'no-repeat',
|
|
48
|
-
borderRadius:
|
|
265
|
+
borderRadius: br,
|
|
49
266
|
padding: '8px 20px 20px 20px',
|
|
50
267
|
margin: '0 auto',
|
|
51
268
|
width: {
|
|
@@ -58,7 +275,7 @@ export default function ModalMotion({ open, onClose, children, width, height = '
|
|
|
58
275
|
height,
|
|
59
276
|
maxHeight: '90vh',
|
|
60
277
|
overflowY: 'auto',
|
|
61
|
-
boxShadow:
|
|
62
|
-
}, children: [(titulo || showCloseButton) && (_jsxs(BoxTitulo, {
|
|
278
|
+
boxShadow: bs,
|
|
279
|
+
}, children: [(titulo || showCloseButton) && (_jsxs(BoxTitulo, { typo: typoTitulo, color: ct, align: alignTitulo, padding: pd, children: [_jsx("div", { children: titulo }), showCloseButton && (_jsx(IconButton, { onClick: onClose, "aria-label": "Fechar modal", children: _jsx(CloseIconStyled, { iconColor: iconColor }) }))] })), children] }) }) })) }));
|
|
63
280
|
}
|
|
64
281
|
//# sourceMappingURL=ModalMotion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalMotion.js","sourceRoot":"","sources":["../../src/components/ModalMotion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"ModalMotion.js","sourceRoot":"","sources":["../../src/components/ModalMotion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,6 @@ export type VisualizadorPdfBaseProps = {
|
|
|
9
9
|
width?: string;
|
|
10
10
|
height?: string;
|
|
11
11
|
iconColor?: string;
|
|
12
|
+
scale?: number;
|
|
12
13
|
};
|
|
13
|
-
export declare function VisualizadorPdfBase({ fileUrl, width, height, iconColor }: VisualizadorPdfBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare function VisualizadorPdfBase({ fileUrl, width, height, iconColor, scale }: VisualizadorPdfBaseProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -18,7 +18,7 @@ export const ProximoIcon = styled(ArrowCircleRightIcon, {
|
|
|
18
18
|
fontSize: "24px",
|
|
19
19
|
}));
|
|
20
20
|
pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.min.mjs", import.meta.url).toString();
|
|
21
|
-
export function VisualizadorPdfBase({ fileUrl, width = '100%', height = "480px", iconColor = "black" }) {
|
|
21
|
+
export function VisualizadorPdfBase({ fileUrl, width = '100%', height = "480px", iconColor = "black", scale = 1.5 }) {
|
|
22
22
|
const theme = useTheme();
|
|
23
23
|
const [numPages, setNumPages] = useState(0);
|
|
24
24
|
const [pageNumber, setPageNumber] = useState(1);
|
|
@@ -34,6 +34,6 @@ export function VisualizadorPdfBase({ fileUrl, width = '100%', height = "480px",
|
|
|
34
34
|
}, children: _jsx(Document, { file: fileUrl, onLoadSuccess: ({ numPages }) => {
|
|
35
35
|
setNumPages(numPages);
|
|
36
36
|
setPageNumber(1);
|
|
37
|
-
}, loading: _jsx(Typography, { children: "Carregando documento..." }), error: _jsx(Typography, { children: "N\u00E3o foi poss\u00EDvel carregar o documento." }), children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: false, renderAnnotationLayer: false, scale:
|
|
37
|
+
}, loading: _jsx(Typography, { children: "Carregando documento..." }), error: _jsx(Typography, { children: "N\u00E3o foi poss\u00EDvel carregar o documento." }), children: _jsx(Page, { pageNumber: pageNumber, renderTextLayer: false, renderAnnotationLayer: false, scale: scale }) }) })] }));
|
|
38
38
|
}
|
|
39
39
|
//# sourceMappingURL=VisualizadorPdfBase.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VisualizadorPdfBase.js","sourceRoot":"","sources":["../../src/components/VisualizadorPdfBase.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,mBAAmB,MAAM,qCAAqC,CAAC;AACtE,OAAO,oBAAoB,MAAM,sCAAsC,CAAC;AAExE,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,mBAAmB,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,EAAE;IACtD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,WAAW;CAClD,CAAC,CAAwB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5C,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,MAAM;CACjB,CAAC,CAAC,CAAC;AAGJ,KAAK,CAAC,mBAAmB,CAAC,SAAS,GAAG,IAAI,GAAG,CAC3C,qCAAqC,EACrC,MAAM,CAAC,IAAI,CAAC,GAAG,CAChB,CAAC,QAAQ,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"VisualizadorPdfBase.js","sourceRoot":"","sources":["../../src/components/VisualizadorPdfBase.tsx"],"names":[],"mappings":"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"}
|
package/dist/theme.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
export const displayThemeOptions = {
|
|
2
2
|
pipelinesolucoes: {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
display: {
|
|
4
|
+
modal: {
|
|
5
|
+
background: "#fff",
|
|
6
|
+
borderRadius: '0',
|
|
7
|
+
boxShadow: "none",
|
|
8
|
+
iconCloseColor: '#000'
|
|
9
|
+
}
|
|
10
10
|
}
|
|
11
11
|
},
|
|
12
12
|
};
|
package/dist/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,gBAAgB,EAAE;QAChB,
|
|
1
|
+
{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC/C,gBAAgB,EAAE;QAChB,OAAO,EAAC;YACN,KAAK,EAAC;gBACJ,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,GAAG;gBACjB,SAAS,EAAE,MAAM;gBACjB,cAAc,EAAE,MAAM;aACvB;SACF;KACF;CACF,CAAC"}
|