wca-designsystem 1.0.80 → 1.0.81
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/package.json
CHANGED
|
@@ -47,16 +47,15 @@ const CardInicial = ({
|
|
|
47
47
|
</S.CardInicialHeader>
|
|
48
48
|
|
|
49
49
|
<S.CardInicialBody>
|
|
50
|
-
|
|
51
50
|
<h2
|
|
52
51
|
style={{ color: acessoPermitido ? color : theme.colors.gray['300'] }}
|
|
53
52
|
>
|
|
54
53
|
{titulo}
|
|
55
54
|
</h2>
|
|
56
55
|
|
|
57
|
-
<p>
|
|
56
|
+
{/* <p>
|
|
58
57
|
{descricao}
|
|
59
|
-
</p>
|
|
58
|
+
</p> */}
|
|
60
59
|
|
|
61
60
|
<S.CardInicialFooter>
|
|
62
61
|
<Botao
|
|
@@ -86,7 +85,7 @@ const CardInicial = ({
|
|
|
86
85
|
</>
|
|
87
86
|
)
|
|
88
87
|
: (
|
|
89
|
-
<S.CardInicialWarning/>
|
|
88
|
+
<S.CardInicialWarning />
|
|
90
89
|
)
|
|
91
90
|
}
|
|
92
91
|
</S.CardInicialWarning>
|
|
@@ -3,9 +3,9 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
export const CardInicialWrapper = styled.div`
|
|
4
4
|
${({ theme }) => css`
|
|
5
5
|
position: relative;
|
|
6
|
-
width:
|
|
6
|
+
width: 210px;
|
|
7
7
|
height: 100%;
|
|
8
|
-
height:
|
|
8
|
+
height: 180px;
|
|
9
9
|
border-radius: 8px;
|
|
10
10
|
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
|
|
11
11
|
background-color: ${theme.colors.white};
|
|
@@ -17,15 +17,15 @@ export const CardInicialWrapper = styled.div`
|
|
|
17
17
|
export const CardInicialHeader = styled.div`
|
|
18
18
|
${() => css`
|
|
19
19
|
width: 100%;
|
|
20
|
-
padding:
|
|
20
|
+
padding: 8px 0;
|
|
21
21
|
border-radius: 8px 8px 0 0;
|
|
22
22
|
display: flex;
|
|
23
23
|
align-items: center;
|
|
24
24
|
justify-content: center;
|
|
25
25
|
|
|
26
26
|
.icone {
|
|
27
|
-
min-width:
|
|
28
|
-
min-height:
|
|
27
|
+
min-width: 30px;
|
|
28
|
+
min-height: 30px;
|
|
29
29
|
max-width: 80px;
|
|
30
30
|
max-height: 80px;
|
|
31
31
|
object-fit: contain;
|
|
@@ -57,7 +57,7 @@ export const CardInicialBody = styled.div`
|
|
|
57
57
|
overflow: hidden;
|
|
58
58
|
text-overflow: ellipsis;
|
|
59
59
|
display: -webkit-box;
|
|
60
|
-
-webkit-line-clamp:
|
|
60
|
+
-webkit-line-clamp: 1;
|
|
61
61
|
-webkit-box-orient: vertical;
|
|
62
62
|
}
|
|
63
63
|
|
|
@@ -70,7 +70,7 @@ export const CardInicialBody = styled.div`
|
|
|
70
70
|
export const CardInicialFooter = styled.div`
|
|
71
71
|
${({ theme }) => css`
|
|
72
72
|
text-align: center;
|
|
73
|
-
padding:
|
|
73
|
+
padding: 0;
|
|
74
74
|
margin-top: auto;
|
|
75
75
|
|
|
76
76
|
button {
|
|
@@ -65,7 +65,195 @@ const footer = {
|
|
|
65
65
|
exemplo: 4689815.609999999,
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
const data =
|
|
68
|
+
const data = [
|
|
69
|
+
{
|
|
70
|
+
id: "mgp6jnq3-b0hpsqrx",
|
|
71
|
+
cicloId: 0,
|
|
72
|
+
cicloNome: "dez/2025",
|
|
73
|
+
canalNome: "",
|
|
74
|
+
statusNome: "",
|
|
75
|
+
periodo: "",
|
|
76
|
+
processoAtualNome: "",
|
|
77
|
+
redirecionamento: "",
|
|
78
|
+
podeFinalizar: false,
|
|
79
|
+
semAcoes: true,
|
|
80
|
+
children: [
|
|
81
|
+
{
|
|
82
|
+
id: "mgp6jnq3-lcykklkc",
|
|
83
|
+
cicloId: 57085,
|
|
84
|
+
cicloNome: "sexta-05",
|
|
85
|
+
canalNome: "1 | Venda Direta",
|
|
86
|
+
statusNome: "Executando",
|
|
87
|
+
periodo: "dez/2025",
|
|
88
|
+
processoAtualNome: "Execução Desdobramento",
|
|
89
|
+
redirecionamento: "desdobramento",
|
|
90
|
+
podeFinalizar: false,
|
|
91
|
+
semAcoes: false,
|
|
92
|
+
children: []
|
|
93
|
+
}
|
|
94
|
+
]
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
id: "mgp6jnq3-gpg0opf9",
|
|
98
|
+
cicloId: 0,
|
|
99
|
+
cicloNome: "nov/2025",
|
|
100
|
+
canalNome: "",
|
|
101
|
+
statusNome: "",
|
|
102
|
+
periodo: "",
|
|
103
|
+
processoAtualNome: "",
|
|
104
|
+
redirecionamento: "",
|
|
105
|
+
podeFinalizar: false,
|
|
106
|
+
semAcoes: true,
|
|
107
|
+
children: [
|
|
108
|
+
{
|
|
109
|
+
id: "mgp6jnq3-x85h9d58",
|
|
110
|
+
cicloId: 53080,
|
|
111
|
+
cicloNome: "sexta-01",
|
|
112
|
+
canalNome: "1 | Demonstração",
|
|
113
|
+
statusNome: "Executando",
|
|
114
|
+
periodo: "nov/2025",
|
|
115
|
+
processoAtualNome: "Acompanhamento Crítica",
|
|
116
|
+
redirecionamento: "acompanhamento-critica",
|
|
117
|
+
podeFinalizar: false,
|
|
118
|
+
semAcoes: false,
|
|
119
|
+
children: []
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
id: "mgp6jnq3-augybwwc",
|
|
123
|
+
cicloId: 53081,
|
|
124
|
+
cicloNome: "sexta-02",
|
|
125
|
+
canalNome: "01 | Venda Direta",
|
|
126
|
+
statusNome: "Executando",
|
|
127
|
+
periodo: "nov/2025",
|
|
128
|
+
processoAtualNome: "Execução Desdobramento",
|
|
129
|
+
redirecionamento: "desdobramento",
|
|
130
|
+
podeFinalizar: false,
|
|
131
|
+
semAcoes: false,
|
|
132
|
+
children: []
|
|
133
|
+
},
|
|
134
|
+
{
|
|
135
|
+
id: "mgp6jnq3-ttj83ujw",
|
|
136
|
+
cicloId: 56082,
|
|
137
|
+
cicloNome: "quinta-01",
|
|
138
|
+
canalNome: "1 | Demonstração",
|
|
139
|
+
statusNome: "Executando",
|
|
140
|
+
periodo: "nov/2025",
|
|
141
|
+
processoAtualNome: "Execução Desdobramento",
|
|
142
|
+
redirecionamento: "desdobramento",
|
|
143
|
+
podeFinalizar: false,
|
|
144
|
+
semAcoes: false,
|
|
145
|
+
children: []
|
|
146
|
+
}
|
|
147
|
+
]
|
|
148
|
+
},
|
|
149
|
+
{
|
|
150
|
+
id: "mgp6jnq3-gbxbdert",
|
|
151
|
+
cicloId: 0,
|
|
152
|
+
cicloNome: "out/2025",
|
|
153
|
+
canalNome: "",
|
|
154
|
+
statusNome: "",
|
|
155
|
+
periodo: "",
|
|
156
|
+
processoAtualNome: "",
|
|
157
|
+
redirecionamento: "",
|
|
158
|
+
podeFinalizar: false,
|
|
159
|
+
semAcoes: true,
|
|
160
|
+
children: [
|
|
161
|
+
{
|
|
162
|
+
id: "mgp6jnq3-uvshflqp",
|
|
163
|
+
cicloId: 56084,
|
|
164
|
+
cicloNome: "Ciclo Consenso Carga 10069",
|
|
165
|
+
canalNome: "1 | Venda Direta",
|
|
166
|
+
statusNome: "Executando",
|
|
167
|
+
periodo: "out/2025",
|
|
168
|
+
processoAtualNome: "Execução Desdobramento",
|
|
169
|
+
redirecionamento: "desdobramento",
|
|
170
|
+
podeFinalizar: false,
|
|
171
|
+
semAcoes: false,
|
|
172
|
+
children: []
|
|
173
|
+
},
|
|
174
|
+
{
|
|
175
|
+
id: "mgp6jnq3-i90h7lt9",
|
|
176
|
+
cicloId: 53082,
|
|
177
|
+
cicloNome: "TesteLe03102025",
|
|
178
|
+
canalNome: "1 | Demonstração",
|
|
179
|
+
statusNome: "Executando",
|
|
180
|
+
periodo: "out/2025",
|
|
181
|
+
processoAtualNome: "Execução Desdobramento",
|
|
182
|
+
redirecionamento: "desdobramento",
|
|
183
|
+
podeFinalizar: false,
|
|
184
|
+
semAcoes: false,
|
|
185
|
+
children: []
|
|
186
|
+
},
|
|
187
|
+
{
|
|
188
|
+
id: "mgp6jnq3-f5qqyt02",
|
|
189
|
+
cicloId: 55082,
|
|
190
|
+
cicloNome: "Teste 08/10",
|
|
191
|
+
canalNome: "1 | Demonstração",
|
|
192
|
+
statusNome: "Executando",
|
|
193
|
+
periodo: "out/2025",
|
|
194
|
+
processoAtualNome: "Acompanhamento Crítica",
|
|
195
|
+
redirecionamento: "acompanhamento-critica",
|
|
196
|
+
podeFinalizar: false,
|
|
197
|
+
semAcoes: false,
|
|
198
|
+
children: []
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
id: "mgp6jnq3-m5udq300",
|
|
202
|
+
cicloId: 57084,
|
|
203
|
+
cicloNome: "TesteNovo1010",
|
|
204
|
+
canalNome: "1 | Venda Direta",
|
|
205
|
+
statusNome: "Executando",
|
|
206
|
+
periodo: "out/2025",
|
|
207
|
+
processoAtualNome: "Acompanhamento Crítica",
|
|
208
|
+
redirecionamento: "acompanhamento-critica",
|
|
209
|
+
podeFinalizar: false,
|
|
210
|
+
semAcoes: false,
|
|
211
|
+
children: []
|
|
212
|
+
}
|
|
213
|
+
]
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
id: "mgp6jnq3-p65jek76",
|
|
217
|
+
cicloId: 0,
|
|
218
|
+
cicloNome: "jan/2025",
|
|
219
|
+
canalNome: "",
|
|
220
|
+
statusNome: "",
|
|
221
|
+
periodo: "",
|
|
222
|
+
processoAtualNome: "",
|
|
223
|
+
redirecionamento: "",
|
|
224
|
+
podeFinalizar: false,
|
|
225
|
+
semAcoes: true,
|
|
226
|
+
children: [
|
|
227
|
+
{
|
|
228
|
+
id: "mgp6jnq3-bb0du6fc",
|
|
229
|
+
cicloId: 56085,
|
|
230
|
+
cicloNome: "teste-01",
|
|
231
|
+
canalNome: "1 | Venda Direta",
|
|
232
|
+
statusNome: "Executando",
|
|
233
|
+
periodo: "jan/2025",
|
|
234
|
+
processoAtualNome: "Agenda da Crítica",
|
|
235
|
+
redirecionamento: "agenda-critica",
|
|
236
|
+
podeFinalizar: false,
|
|
237
|
+
semAcoes: false,
|
|
238
|
+
children: []
|
|
239
|
+
},
|
|
240
|
+
{
|
|
241
|
+
id: "mgp6jnq3-fefdxmm3",
|
|
242
|
+
cicloId: 56083,
|
|
243
|
+
cicloNome: "teste",
|
|
244
|
+
canalNome: "1 | Demonstração",
|
|
245
|
+
statusNome: "Executando",
|
|
246
|
+
periodo: "jan/2025",
|
|
247
|
+
processoAtualNome: "Execução Desdobramento",
|
|
248
|
+
redirecionamento: "desdobramento",
|
|
249
|
+
podeFinalizar: false,
|
|
250
|
+
semAcoes: false,
|
|
251
|
+
children: []
|
|
252
|
+
}
|
|
253
|
+
]
|
|
254
|
+
}
|
|
255
|
+
];
|
|
256
|
+
|
|
69
257
|
const columns: any = [
|
|
70
258
|
{ key: 'id', header: 'ID', minWidth: '50px' },
|
|
71
259
|
{ key: 'name', header: 'Nome' },
|
|
@@ -97,8 +97,12 @@ function BodyTable<
|
|
|
97
97
|
<tr
|
|
98
98
|
key={`row-${item.id}`}
|
|
99
99
|
onClick={() => {
|
|
100
|
-
if (
|
|
101
|
-
|
|
100
|
+
if (item.disabled) return;
|
|
101
|
+
|
|
102
|
+
setSelectedLine?.(item);
|
|
103
|
+
|
|
104
|
+
if (item.children && item.children.length > 0) {
|
|
105
|
+
toggleExpandRow(item.id);
|
|
102
106
|
}
|
|
103
107
|
}}
|
|
104
108
|
style={{
|
|
@@ -116,9 +120,6 @@ function BodyTable<
|
|
|
116
120
|
return (
|
|
117
121
|
<td
|
|
118
122
|
key={`expand-${colIndex}`}
|
|
119
|
-
onClick={
|
|
120
|
-
hasChildren ? () => toggleExpandRow(item.id) : undefined
|
|
121
|
-
}
|
|
122
123
|
className="expand"
|
|
123
124
|
style={{
|
|
124
125
|
cursor: hasChildren ? 'pointer' : 'not-allowed',
|
|
@@ -171,7 +172,11 @@ function BodyTable<
|
|
|
171
172
|
}
|
|
172
173
|
if (column.key === 'acoes' && acoesChildren) {
|
|
173
174
|
return (
|
|
174
|
-
<td
|
|
175
|
+
<td
|
|
176
|
+
key={`acoes-${colIndex}`}
|
|
177
|
+
className="acoes"
|
|
178
|
+
onClick={(e) => e.stopPropagation()}
|
|
179
|
+
>
|
|
175
180
|
{acoesChildren(item)}
|
|
176
181
|
</td>
|
|
177
182
|
);
|