wca-designsystem 1.0.77 → 1.0.79
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
|
@@ -97,6 +97,11 @@ const Calendario = ({
|
|
|
97
97
|
weekends={true}
|
|
98
98
|
events={events}
|
|
99
99
|
eventContent={renderEventContent}
|
|
100
|
+
headerToolbar={{
|
|
101
|
+
left: 'prev',
|
|
102
|
+
center: 'title',
|
|
103
|
+
right: 'next',
|
|
104
|
+
}}
|
|
100
105
|
{...calendarProps} // Passa todas as propriedades adicionais para o FullCalendar
|
|
101
106
|
/>
|
|
102
107
|
</S.CalendarioWrapper>
|
|
@@ -7,42 +7,62 @@ type StylesProps = {
|
|
|
7
7
|
export const CalendarioWrapper = styled.div<StylesProps>`
|
|
8
8
|
${({ color, theme }) => css`
|
|
9
9
|
.fc-header-toolbar {
|
|
10
|
-
max-width:
|
|
10
|
+
max-width: 100%;
|
|
11
|
+
display: flex;
|
|
12
|
+
justify-content: center;
|
|
11
13
|
|
|
12
14
|
h2 {
|
|
13
15
|
color: ${color};
|
|
14
16
|
font-size: ${theme.sizes.meddium};
|
|
15
17
|
font-weight: 600;
|
|
18
|
+
text-transform: capitalize;
|
|
19
|
+
margin: 0 !important;
|
|
20
|
+
padding: 0 12px;
|
|
16
21
|
}
|
|
17
22
|
}
|
|
18
23
|
|
|
19
|
-
.fc .fc-toolbar {
|
|
20
|
-
justify-content: start;
|
|
21
|
-
position: relative;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
24
|
.fc-toolbar-chunk {
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
justify-content: center;
|
|
28
|
+
gap: 65px !important;
|
|
29
|
+
|
|
25
30
|
.fc-today-button {
|
|
26
31
|
display: none;
|
|
27
32
|
}
|
|
28
33
|
|
|
29
|
-
.fc-button
|
|
34
|
+
.fc-button {
|
|
35
|
+
width: 30px;
|
|
36
|
+
height: 30px;
|
|
37
|
+
border-radius: 4px;
|
|
38
|
+
background-color: transparent;
|
|
39
|
+
border: none;
|
|
30
40
|
display: flex;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
justify-content: center;
|
|
42
|
+
align-items: center;
|
|
43
|
+
cursor: pointer;
|
|
44
|
+
outline: none;
|
|
45
|
+
box-shadow: none;
|
|
46
|
+
transition: all 0.2s ease;
|
|
47
|
+
|
|
48
|
+
&:hover,
|
|
49
|
+
&:focus,
|
|
50
|
+
&:active,
|
|
51
|
+
&.fc-button-active,
|
|
52
|
+
&:disabled {
|
|
53
|
+
background-color: transparent !important;
|
|
54
|
+
box-shadow: none !important;
|
|
55
|
+
outline: none !important;
|
|
43
56
|
}
|
|
44
|
-
|
|
57
|
+
|
|
58
|
+
.fc-icon {
|
|
45
59
|
color: ${color};
|
|
60
|
+
font-size: 1rem;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
&:hover {
|
|
64
|
+
opacity: 0.7;
|
|
65
|
+
transform: scale(1.05);
|
|
46
66
|
}
|
|
47
67
|
}
|
|
48
68
|
}
|
|
@@ -63,7 +83,7 @@ export const CalendarioWrapper = styled.div<StylesProps>`
|
|
|
63
83
|
color: ${theme.colors.gray['700']};
|
|
64
84
|
}
|
|
65
85
|
`}
|
|
66
|
-
|
|
86
|
+
`
|
|
67
87
|
|
|
68
88
|
export const EventosWrapper = styled.div`
|
|
69
89
|
${({ theme }) => css`
|
|
@@ -206,8 +206,8 @@ function BodyTable<
|
|
|
206
206
|
);
|
|
207
207
|
})}
|
|
208
208
|
</tr>,
|
|
209
|
-
...(expandedRows.has(item.id)
|
|
210
|
-
? item
|
|
209
|
+
...(expandedRows.has(item.id) && Array.isArray(item.children)
|
|
210
|
+
? item.children.flatMap(child =>
|
|
211
211
|
renderRows(
|
|
212
212
|
child,
|
|
213
213
|
columns,
|
|
@@ -230,7 +230,7 @@ function BodyTable<
|
|
|
230
230
|
color={color}
|
|
231
231
|
style={{ left: `${hasSelect ? '53px' : '0px'}` }}
|
|
232
232
|
>
|
|
233
|
-
{data
|
|
233
|
+
{data?.flatMap(item =>
|
|
234
234
|
renderRows(
|
|
235
235
|
item,
|
|
236
236
|
columns,
|