react-native-exp-fig 2.0.0 → 2.0.2
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/lib/commonjs/components/box/index.js +4 -4
- package/lib/commonjs/components/card-loading/index.js +26 -24
- package/lib/commonjs/components/card-loading/index.js.map +1 -1
- package/lib/commonjs/components/header-profile/index.js +69 -63
- package/lib/commonjs/components/header-profile/index.js.map +1 -1
- package/lib/commonjs/components/history-details/index.js +4 -4
- package/lib/commonjs/components/notification-card/index.js +12 -7
- package/lib/commonjs/components/notification-card/index.js.map +1 -1
- package/lib/commonjs/components/user-profile/index.js +9 -10
- package/lib/commonjs/components/user-profile/index.js.map +1 -1
- package/lib/commonjs/index.js +3 -3
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/stories/header-profile/header-profile.stories.js +7 -17
- package/lib/commonjs/stories/header-profile/header-profile.stories.js.map +1 -1
- package/lib/commonjs/stories/notification-card/notification-card.stories.js +200 -0
- package/lib/commonjs/stories/notification-card/notification-card.stories.js.map +1 -0
- package/lib/commonjs/stories/notification-loading/notification-loading.stories.js.map +1 -1
- package/lib/commonjs/styles/theme/theme.js +5 -5
- package/lib/commonjs/utils/status-color/return-color.js +2 -2
- package/lib/commonjs/utils/status-color/return-color.js.map +1 -1
- package/lib/module/components/box/index.js +4 -4
- package/lib/module/components/card-loading/index.js +27 -25
- package/lib/module/components/card-loading/index.js.map +1 -1
- package/lib/module/components/header-profile/index.js +68 -62
- package/lib/module/components/header-profile/index.js.map +1 -1
- package/lib/module/components/history-details/index.js +4 -4
- package/lib/module/components/notification-card/index.js +12 -7
- package/lib/module/components/notification-card/index.js.map +1 -1
- package/lib/module/components/user-profile/index.js +9 -10
- package/lib/module/components/user-profile/index.js.map +1 -1
- package/lib/module/index.js +3 -3
- package/lib/module/index.js.map +1 -1
- package/lib/module/stories/header-profile/header-profile.stories.js +5 -16
- package/lib/module/stories/header-profile/header-profile.stories.js.map +1 -1
- package/lib/module/stories/notification-card/notification-card.stories.js +194 -0
- package/lib/module/stories/notification-card/notification-card.stories.js.map +1 -0
- package/lib/module/stories/notification-loading/notification-loading.stories.js.map +1 -1
- package/lib/module/styles/theme/theme.js +5 -5
- package/lib/module/utils/status-color/return-color.js +2 -2
- package/lib/module/utils/status-color/return-color.js.map +1 -1
- package/lib/typescript/src/components/card-loading/index.d.ts.map +1 -1
- package/lib/typescript/src/components/header-profile/index.d.ts +66 -5
- package/lib/typescript/src/components/header-profile/index.d.ts.map +1 -1
- package/lib/typescript/src/components/notification-card/index.d.ts.map +1 -1
- package/lib/typescript/src/components/notification-card/interface.d.ts +2 -1
- package/lib/typescript/src/components/notification-card/interface.d.ts.map +1 -1
- package/lib/typescript/src/components/user-profile/index.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/stories/header-profile/header-profile.stories.d.ts +1 -1
- package/lib/typescript/src/stories/header-profile/header-profile.stories.d.ts.map +1 -1
- package/lib/typescript/src/stories/notification-card/notification-card.stories.d.ts +14 -0
- package/lib/typescript/src/stories/notification-card/notification-card.stories.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/components/box/index.tsx +49 -49
- package/src/components/card-loading/index.tsx +294 -290
- package/src/components/header-profile/index.tsx +148 -132
- package/src/components/header-profile/interface.d.ts +145 -57
- package/src/components/history-details/index.tsx +99 -99
- package/src/components/notification-card/index.tsx +127 -123
- package/src/components/notification-card/interface.ts +19 -18
- package/src/components/user-profile/index.tsx +206 -204
- package/src/index.ts +48 -48
- package/src/stories/header-profile/header-profile.stories.tsx +92 -103
- package/src/stories/notification-card/notification-card.stories.tsx +202 -0
- package/src/stories/notification-loading/notification-loading.stories.tsx +88 -88
- package/src/styles/theme/theme.ts +193 -193
- package/src/utils/status-color/return-color.ts +34 -34
|
@@ -0,0 +1,194 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
/* eslint-disable no-undef */
|
|
4
|
+
/**
|
|
5
|
+
* IMPORTS
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
import React from "react";
|
|
9
|
+
import { View } from "react-native";
|
|
10
|
+
// components
|
|
11
|
+
import NotificationCard from "../../components/notification-card/index.js";
|
|
12
|
+
import { Box } from "../../components/box/index.js";
|
|
13
|
+
import { Typography } from "../../components/typography/index.js";
|
|
14
|
+
|
|
15
|
+
// styles
|
|
16
|
+
import { theme } from "../../styles/theme/theme.js";
|
|
17
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
+
const meta = {
|
|
19
|
+
title: "componente/NotificationCard",
|
|
20
|
+
component: NotificationCard,
|
|
21
|
+
args: {
|
|
22
|
+
variant: "read",
|
|
23
|
+
title: "Notificação",
|
|
24
|
+
description: "Descrição da notificação",
|
|
25
|
+
actionLabel: undefined,
|
|
26
|
+
onPress: () => {
|
|
27
|
+
console.log("Notificação clicada-1");
|
|
28
|
+
},
|
|
29
|
+
onPressAction: () => {
|
|
30
|
+
console.log("Notificação clicada-2");
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
parameters: {
|
|
34
|
+
notes: `
|
|
35
|
+
# NotificationCard
|
|
36
|
+
|
|
37
|
+
Este é um componente de Card de notificação.
|
|
38
|
+
Você usa assim:
|
|
39
|
+
\`\`\`tsx
|
|
40
|
+
<NotificationCard
|
|
41
|
+
variant="read" | "unread"
|
|
42
|
+
title="Título"
|
|
43
|
+
description="String ou ReactNode"
|
|
44
|
+
actionLabel="Label da ação"
|
|
45
|
+
onPress={() => {}}
|
|
46
|
+
onPressAction={() => {}}
|
|
47
|
+
/>
|
|
48
|
+
\`\`\`
|
|
49
|
+
|
|
50
|
+
## Props
|
|
51
|
+
|
|
52
|
+
- **variant**: Define o estilo de variante da notificação ('read' ou 'unread')
|
|
53
|
+
- **title**: Título da notificação (string obrigatória)
|
|
54
|
+
- **description**: Descrição (string ou ReactNode)
|
|
55
|
+
- **actionLabel**: Label do botão de ação (opcional)
|
|
56
|
+
- **onPress**: Função chamada ao clicar na notificação
|
|
57
|
+
- **onPressAction**: Função chamada ao clicar no botão de ação
|
|
58
|
+
- **testID**: ID para testes (opcional)
|
|
59
|
+
`
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
export default meta;
|
|
63
|
+
export const Default = {
|
|
64
|
+
name: "Notificação Lida",
|
|
65
|
+
args: {
|
|
66
|
+
variant: "read",
|
|
67
|
+
title: "Formulário Enviado",
|
|
68
|
+
description: "Seu formulário foi enviado com sucesso e está em análise.",
|
|
69
|
+
onPress: () => {
|
|
70
|
+
console.log("Notificação clicada-1");
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
export const Unread = {
|
|
75
|
+
name: "Notificação Não Lida",
|
|
76
|
+
args: {
|
|
77
|
+
variant: "unread",
|
|
78
|
+
title: "Nova Mensagem",
|
|
79
|
+
description: "Você tem uma nova mensagem aguardando sua resposta.",
|
|
80
|
+
onPress: () => {
|
|
81
|
+
console.log("Notificação clicada-2");
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
};
|
|
85
|
+
export const WithAction = {
|
|
86
|
+
name: "Com Botão de Ação",
|
|
87
|
+
args: {
|
|
88
|
+
variant: "read",
|
|
89
|
+
title: "Documento Expirado",
|
|
90
|
+
description: "Seu documento está expirado e precisa ser renovado urgentemente.",
|
|
91
|
+
actionLabel: "Renovar Agora",
|
|
92
|
+
onPress: () => {
|
|
93
|
+
console.log("Notificação clicada-3");
|
|
94
|
+
},
|
|
95
|
+
onPressAction: () => {
|
|
96
|
+
console.log("Notificação clicada-4");
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
};
|
|
100
|
+
export const WithReactNodeDescription = {
|
|
101
|
+
name: "Com React Node na Descrição",
|
|
102
|
+
args: {
|
|
103
|
+
variant: "read",
|
|
104
|
+
title: "Status da Entrega",
|
|
105
|
+
description: /*#__PURE__*/_jsxs(Box, {
|
|
106
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
107
|
+
text: "Sua entrega est\xE1 a caminho!",
|
|
108
|
+
size: theme.fontSizes.sm,
|
|
109
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
110
|
+
color: theme.colors.gray[700],
|
|
111
|
+
marginBottom: 8
|
|
112
|
+
}), /*#__PURE__*/_jsxs(Box, {
|
|
113
|
+
flexStyle: {
|
|
114
|
+
flexDirection: "row",
|
|
115
|
+
alignItems: "center"
|
|
116
|
+
},
|
|
117
|
+
marginStyle: {
|
|
118
|
+
marginTop: 8
|
|
119
|
+
},
|
|
120
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
121
|
+
style: {
|
|
122
|
+
width: 12,
|
|
123
|
+
height: 12,
|
|
124
|
+
borderRadius: 6,
|
|
125
|
+
backgroundColor: theme.colors.green[500],
|
|
126
|
+
marginRight: 8
|
|
127
|
+
}
|
|
128
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
129
|
+
text: "Previs\xE3o: Hoje \xE0s 14:00",
|
|
130
|
+
size: theme.fontSizes.xs,
|
|
131
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
132
|
+
color: theme.colors.green[500]
|
|
133
|
+
})]
|
|
134
|
+
})]
|
|
135
|
+
}),
|
|
136
|
+
onPress: () => {
|
|
137
|
+
console.log("Notificação clicada-5");
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
};
|
|
141
|
+
export const WithComplexReactNode = {
|
|
142
|
+
name: "Com React Node Complexo",
|
|
143
|
+
args: {
|
|
144
|
+
variant: "unread",
|
|
145
|
+
title: "Alerta de Segurança",
|
|
146
|
+
description: /*#__PURE__*/_jsxs(Box, {
|
|
147
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
148
|
+
text: "Uma atividade suspeita foi detectada",
|
|
149
|
+
size: theme.fontSizes.sm,
|
|
150
|
+
fontFamily: theme.fonts.inter_bold,
|
|
151
|
+
fontWeight: "700",
|
|
152
|
+
color: theme.colors.red[500],
|
|
153
|
+
marginBottom: 12
|
|
154
|
+
}), /*#__PURE__*/_jsxs(Box, {
|
|
155
|
+
backgroundColor: theme.colors.yellow[120],
|
|
156
|
+
borderStyled: {
|
|
157
|
+
borderRadius: 8
|
|
158
|
+
},
|
|
159
|
+
paddingStyle: {
|
|
160
|
+
padding: 8
|
|
161
|
+
},
|
|
162
|
+
marginStyle: {
|
|
163
|
+
marginBottom: 8
|
|
164
|
+
},
|
|
165
|
+
children: [/*#__PURE__*/_jsx(Typography, {
|
|
166
|
+
text: "\u2022 Login de local desconhecido",
|
|
167
|
+
size: theme.fontSizes["2xs"],
|
|
168
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
169
|
+
color: theme.colors.gray[700],
|
|
170
|
+
marginBottom: 4
|
|
171
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
172
|
+
text: "\u2022 Altera\xE7\xE3o de dados da conta",
|
|
173
|
+
size: theme.fontSizes["2xs"],
|
|
174
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
175
|
+
color: theme.colors.gray[700]
|
|
176
|
+
})]
|
|
177
|
+
}), /*#__PURE__*/_jsx(Typography, {
|
|
178
|
+
text: "Revise sua conta agora para garantir sua seguran\xE7a.",
|
|
179
|
+
size: theme.fontSizes["2xs"],
|
|
180
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
181
|
+
color: theme.colors.gray[600],
|
|
182
|
+
marginTop: 8
|
|
183
|
+
})]
|
|
184
|
+
}),
|
|
185
|
+
actionLabel: "Revisar Conta",
|
|
186
|
+
onPress: () => {
|
|
187
|
+
console.log("Notificação clicada-6");
|
|
188
|
+
},
|
|
189
|
+
onPressAction: () => {
|
|
190
|
+
console.log("Notificação clicada-7");
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
//# sourceMappingURL=notification-card.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","NotificationCard","Box","Typography","theme","jsx","_jsx","jsxs","_jsxs","meta","title","component","args","variant","description","actionLabel","undefined","onPress","console","log","onPressAction","parameters","notes","Default","name","Unread","WithAction","WithReactNodeDescription","children","text","size","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","gray","marginBottom","flexStyle","flexDirection","alignItems","marginStyle","marginTop","style","width","height","borderRadius","backgroundColor","green","marginRight","xs","WithComplexReactNode","inter_bold","fontWeight","red","yellow","borderStyled","paddingStyle","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/notification-card/notification-card.stories.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["NotificationLoading","meta","title","component","args","date","handleNavigation","notification","statusNotify","dataStart","readonly","parameters","notes","NotificationLoadingPending","name","NotificationLoadingApproved","NotificationLoadingRecused","NotificationLoadingReadonly"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/notification-loading/notification-loading.stories.tsx"],"mappings":";;AAGA,SAASA,mBAAmB,QAAQ,gDAAuC;AAE3E,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAA+B;EAC1CI,IAAI,EAAE;IACJF,KAAK,EAAE,8BAA8B;IACrCG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,
|
|
1
|
+
{"version":3,"names":["NotificationLoading","meta","title","component","args","date","handleNavigation","notification","statusNotify","dataStart","readonly","parameters","notes","NotificationLoadingPending","name","NotificationLoadingApproved","NotificationLoadingRecused","NotificationLoadingReadonly"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/notification-loading/notification-loading.stories.tsx"],"mappings":";;AAGA,SAASA,mBAAmB,QAAQ,gDAAuC;AAE3E,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEH,mBAA+B;EAC1CI,IAAI,EAAE;IACJF,KAAK,EAAE,8BAA8B;IACrCG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,SAAS;IACvBC,SAAS,EAAE,MAAM;IACjBC,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMY,0BAAiC,GAAG;EAC/CC,IAAI,EAAE,sBAAsB;EAC5BV,IAAI,EAAE;IACJF,KAAK,EAAE,eAAe;IACtBG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE;EACb;AACF,CAAC;AACD,OAAO,MAAMM,2BAAkC,GAAG;EAChDD,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJF,KAAK,EAAE,eAAe;IACtBG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE;EACb;AACF,CAAC;AACD,OAAO,MAAMO,0BAAiC,GAAG;EAC/CF,IAAI,EAAE,sBAAsB;EAC5BV,IAAI,EAAE;IACJF,KAAK,EAAE,eAAe;IACtBG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,WAAW;IACzBC,SAAS,EAAE;EACb;AACF,CAAC;AAED,OAAO,MAAMQ,2BAAkC,GAAG;EAChDH,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJF,KAAK,EAAE,eAAe;IACtBG,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,WAAW;IACzBC,SAAS,EAAE,eAAe;IAC1BC,QAAQ,EAAE;EACZ;AACF,CAAC","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
/**
|
|
4
|
-
* IMPORTS
|
|
3
|
+
/**
|
|
4
|
+
* IMPORTS
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
const colors = {
|
|
@@ -29,7 +29,7 @@ const colors = {
|
|
|
29
29
|
375: "#056CF2",
|
|
30
30
|
525: "#2D3748",
|
|
31
31
|
500: "#050022",
|
|
32
|
-
400: "#
|
|
32
|
+
400: "#2D3748",
|
|
33
33
|
800: "#87CEFA"
|
|
34
34
|
},
|
|
35
35
|
red: {
|
|
@@ -172,8 +172,8 @@ const lineHeight = {
|
|
|
172
172
|
"9xl": 128
|
|
173
173
|
};
|
|
174
174
|
|
|
175
|
-
/**
|
|
176
|
-
* EXPORTSS
|
|
175
|
+
/**
|
|
176
|
+
* EXPORTSS
|
|
177
177
|
*/
|
|
178
178
|
export const theme = {
|
|
179
179
|
borderWidths,
|
|
@@ -11,9 +11,9 @@ function getBorderColor(status) {
|
|
|
11
11
|
function getStatusColor(status) {
|
|
12
12
|
const statusColors = {
|
|
13
13
|
Concluido: theme.colors.green[250],
|
|
14
|
+
Andamento: theme.colors.green[500],
|
|
14
15
|
Cancelado: theme.colors.red[900],
|
|
15
|
-
Pendente: theme.colors.yellow[75]
|
|
16
|
-
Andamento: theme.colors.yellow[50]
|
|
16
|
+
Pendente: theme.colors.yellow[75]
|
|
17
17
|
};
|
|
18
18
|
return statusColors[status];
|
|
19
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","
|
|
1
|
+
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","Andamento","yellow","getStatusTextColor","neutral"],"sourceRoot":"..\\..\\..\\..\\src","sources":["utils/status-color/return-color.ts"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,6BAA0B;AAIhD,SAASC,cAAcA,CAACC,MAAc,EAAE;EACtC,MAAMC,YAAY,GAAG;IACnBC,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACG,MAAM,CAAC,GAAG;EACnC,CAAC;EACD,OAAOL,YAAY,CAACD,MAAM,CAA8B;AAC1D;AACA,SAASO,cAAcA,CAACP,MAAkB,EAAU;EAClD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCC,SAAS,EAAEb,KAAK,CAACK,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCR,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACS,MAAM,CAAC,EAAE;EAClC,CAAC;EAED,OAAOJ,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASa,kBAAkBA,CAACb,MAAkB,EAAU;EACtD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IACnCZ,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IACnCT,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IAClCH,SAAS,EAAEb,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE;EACpC,CAAC;EAED,OAAON,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASO,cAAc,EAAER,cAAc,EAAEc,kBAAkB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card-loading/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3C;;;GAGG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/card-loading/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAU3C;;;GAGG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoQvC,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -2,13 +2,74 @@
|
|
|
2
2
|
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
import React from "react";
|
|
5
|
-
import { IHeaderProps } from "./interface";
|
|
6
5
|
/**
|
|
7
|
-
*
|
|
6
|
+
* EXPORTS
|
|
8
7
|
*/
|
|
9
|
-
declare const Header: React.FC<IHeaderProps>;
|
|
10
8
|
/**
|
|
11
|
-
*
|
|
9
|
+
* Componente HeaderNavigation para a interação da ui.
|
|
12
10
|
*/
|
|
13
|
-
|
|
11
|
+
declare const _default: React.ComponentType<Omit<import("react-native").ViewProps & {
|
|
12
|
+
title: string;
|
|
13
|
+
propsNav?: any;
|
|
14
|
+
isProduction?: boolean | undefined;
|
|
15
|
+
arrow: boolean;
|
|
16
|
+
isInternetReachable: boolean;
|
|
17
|
+
bluetoothIsConnected?: boolean | undefined;
|
|
18
|
+
handleNavigation: () => void;
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
height?: import("react-native").DimensionValue | undefined;
|
|
21
|
+
testID?: string | undefined;
|
|
22
|
+
borderStyled?: {
|
|
23
|
+
borderStyle?: "solid" | "dotted" | "dashed" | undefined;
|
|
24
|
+
borderRadius?: import("react-native").DimensionValue | undefined;
|
|
25
|
+
borderTopRightRadius?: import("react-native").DimensionValue | undefined;
|
|
26
|
+
borderTopLeftRadius?: import("react-native").DimensionValue | undefined;
|
|
27
|
+
borderBottomRightRadius?: import("react-native").DimensionValue | undefined;
|
|
28
|
+
borderBottomLeftRadius?: import("react-native").DimensionValue | undefined;
|
|
29
|
+
borderWidth?: import("react-native").DimensionValue | undefined;
|
|
30
|
+
borderLeftWidth?: import("react-native").DimensionValue | undefined;
|
|
31
|
+
borderRightWidth?: import("react-native").DimensionValue | undefined;
|
|
32
|
+
borderTopWidth?: import("react-native").DimensionValue | undefined;
|
|
33
|
+
borderBottomWidth?: import("react-native").DimensionValue | undefined;
|
|
34
|
+
borderColor?: string | undefined;
|
|
35
|
+
borderBottomColor?: string | undefined;
|
|
36
|
+
borderLeftColor?: string | undefined;
|
|
37
|
+
borderRightColor?: string | undefined;
|
|
38
|
+
borderTopColor?: string | undefined;
|
|
39
|
+
} | undefined;
|
|
40
|
+
flexStyle?: {
|
|
41
|
+
alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
42
|
+
alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
|
|
43
|
+
flex?: string | number | undefined;
|
|
44
|
+
flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
45
|
+
flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
|
|
46
|
+
textAlign?: "auto" | "center" | "left" | "right" | "justify" | undefined;
|
|
47
|
+
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
|
|
48
|
+
} | undefined;
|
|
49
|
+
marginStyle?: {
|
|
50
|
+
margin?: import("react-native").DimensionValue | undefined;
|
|
51
|
+
marginLeft?: import("react-native").DimensionValue | undefined;
|
|
52
|
+
marginRight?: import("react-native").DimensionValue | undefined;
|
|
53
|
+
marginTop?: import("react-native").DimensionValue | undefined;
|
|
54
|
+
marginBottom?: import("react-native").DimensionValue | undefined;
|
|
55
|
+
} | undefined;
|
|
56
|
+
paddingStyle?: {
|
|
57
|
+
padding?: import("react-native").DimensionValue | undefined;
|
|
58
|
+
paddingLeft?: import("react-native").DimensionValue | undefined;
|
|
59
|
+
paddingRight?: import("react-native").DimensionValue | undefined;
|
|
60
|
+
paddingTop?: import("react-native").DimensionValue | undefined;
|
|
61
|
+
paddingBottom?: import("react-native").DimensionValue | undefined;
|
|
62
|
+
} | undefined;
|
|
63
|
+
width?: import("react-native").DimensionValue | undefined;
|
|
64
|
+
backgroundColor?: string | undefined;
|
|
65
|
+
color?: {
|
|
66
|
+
colorSvg?: string | undefined;
|
|
67
|
+
colorText?: string | undefined;
|
|
68
|
+
colorTextBold?: string | undefined;
|
|
69
|
+
colorTextData?: string | undefined;
|
|
70
|
+
} | undefined;
|
|
71
|
+
} & React.RefAttributes<any>, "ref"> & {
|
|
72
|
+
ref?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
|
|
73
|
+
}>;
|
|
74
|
+
export default _default;
|
|
14
75
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header-profile/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/header-profile/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AA0I1C;;GAEG;AACH;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACH,wBAA6D"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/notification-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAgB1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/notification-card/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAgB1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAwG1D;;GAEG;;AACH,wBAAiD"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* IMPORTS
|
|
3
3
|
*/
|
|
4
|
+
import type { ReactNode } from "react";
|
|
4
5
|
interface INotificationCardProps {
|
|
5
6
|
variant?: "read" | "unread";
|
|
6
7
|
title: string;
|
|
7
|
-
description: string;
|
|
8
|
+
description: string | ReactNode;
|
|
8
9
|
actionLabel?: string;
|
|
9
10
|
onPress?: () => void;
|
|
10
11
|
onPressAction?: () => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/notification-card/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;
|
|
1
|
+
{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../../../src/components/notification-card/interface.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,sBAAsB;IAC9B,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,OAAO,EAAE,KAAK,sBAAsB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/user-profile/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/user-profile/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAK3C;;GAEG;AACH,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkLvC,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -9,7 +9,7 @@ export { Input } from "./components/input";
|
|
|
9
9
|
export { CapturePhoto } from "./components/capture-photo";
|
|
10
10
|
export { CardHours } from "./components/card-hours";
|
|
11
11
|
export { SelectOption } from "./components/selects/select-option";
|
|
12
|
-
export {
|
|
12
|
+
export { default as HeaderNavigation } from "./components/header-profile";
|
|
13
13
|
export { ScheduledJourneyIndicators } from "./components/scheduled-journey-indicators";
|
|
14
14
|
export { CardScheduledJourney } from "./components/card-scheduled-journey";
|
|
15
15
|
export { UserProfile } from "./components/user-profile";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGpF,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { StoryObj, Meta } from "@storybook/react";
|
|
2
|
-
import
|
|
2
|
+
import Header from "../../components/header-profile";
|
|
3
3
|
declare const meta: Meta<typeof Header>;
|
|
4
4
|
export default meta;
|
|
5
5
|
declare type Story = StoryObj<typeof meta>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"header-profile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/header-profile/header-profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"header-profile.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/header-profile/header-profile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,MAAM,MAAM,iCAAiC,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAwB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AACF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import type { StoryObj, Meta } from "@storybook/react";
|
|
5
|
+
import NotificationCard from "../../components/notification-card";
|
|
6
|
+
declare const meta: Meta<typeof NotificationCard>;
|
|
7
|
+
export default meta;
|
|
8
|
+
declare type Story = StoryObj<typeof meta>;
|
|
9
|
+
export declare const Default: Story;
|
|
10
|
+
export declare const Unread: Story;
|
|
11
|
+
export declare const WithAction: Story;
|
|
12
|
+
export declare const WithReactNodeDescription: Story;
|
|
13
|
+
export declare const WithComplexReactNode: Story;
|
|
14
|
+
//# sourceMappingURL=notification-card.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"notification-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/notification-card/notification-card.stories.tsx"],"names":[],"mappings":"AACA;;GAEG;AAKH,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,gBAAgB,MAAM,oCAAoC,CAAC;AAOlE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA2CvC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,aAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAUpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAwCtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAoDlC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
3
|
-
*/
|
|
4
|
-
import React from "react";
|
|
5
|
-
import { View } from "react-native";
|
|
6
|
-
|
|
7
|
-
// typings
|
|
8
|
-
import { IBoxProps } from "./interface";
|
|
9
|
-
|
|
10
|
-
// styles
|
|
11
|
-
import { styles } from "./styles";
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Componente Box para envolver outros componentes de forma flexível.
|
|
15
|
-
*/
|
|
16
|
-
export const Box: React.FC<IBoxProps> = ({
|
|
17
|
-
ref,
|
|
18
|
-
children,
|
|
19
|
-
width,
|
|
20
|
-
height,
|
|
21
|
-
backgroundColor,
|
|
22
|
-
borderStyled,
|
|
23
|
-
flexStyle,
|
|
24
|
-
paddingStyle,
|
|
25
|
-
marginStyle,
|
|
26
|
-
opacity = 1,
|
|
27
|
-
testID = "box",
|
|
28
|
-
style,
|
|
29
|
-
}) => {
|
|
30
|
-
// Criando o objeto de estilos dinamicamente
|
|
31
|
-
const styleProps: Partial<IBoxProps> = {
|
|
32
|
-
ref,
|
|
33
|
-
width,
|
|
34
|
-
height,
|
|
35
|
-
backgroundColor,
|
|
36
|
-
borderStyled,
|
|
37
|
-
flexStyle,
|
|
38
|
-
paddingStyle,
|
|
39
|
-
marginStyle,
|
|
40
|
-
opacity,
|
|
41
|
-
style,
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
return (
|
|
45
|
-
<View ref={ref} testID={testID} style={[styles(styleProps).boxStyle, style]}>
|
|
46
|
-
{children}
|
|
47
|
-
</View>
|
|
48
|
-
);
|
|
49
|
-
};
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { View } from "react-native";
|
|
6
|
+
|
|
7
|
+
// typings
|
|
8
|
+
import { IBoxProps } from "./interface";
|
|
9
|
+
|
|
10
|
+
// styles
|
|
11
|
+
import { styles } from "./styles";
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Componente Box para envolver outros componentes de forma flexível.
|
|
15
|
+
*/
|
|
16
|
+
export const Box: React.FC<IBoxProps> = ({
|
|
17
|
+
ref,
|
|
18
|
+
children,
|
|
19
|
+
width,
|
|
20
|
+
height,
|
|
21
|
+
backgroundColor,
|
|
22
|
+
borderStyled,
|
|
23
|
+
flexStyle,
|
|
24
|
+
paddingStyle,
|
|
25
|
+
marginStyle,
|
|
26
|
+
opacity = 1,
|
|
27
|
+
testID = "box",
|
|
28
|
+
style,
|
|
29
|
+
}) => {
|
|
30
|
+
// Criando o objeto de estilos dinamicamente
|
|
31
|
+
const styleProps: Partial<IBoxProps> = {
|
|
32
|
+
ref,
|
|
33
|
+
width,
|
|
34
|
+
height,
|
|
35
|
+
backgroundColor,
|
|
36
|
+
borderStyled,
|
|
37
|
+
flexStyle,
|
|
38
|
+
paddingStyle,
|
|
39
|
+
marginStyle,
|
|
40
|
+
opacity,
|
|
41
|
+
style,
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
return (
|
|
45
|
+
<View ref={ref} testID={testID} style={[styles(styleProps).boxStyle, style]}>
|
|
46
|
+
{children}
|
|
47
|
+
</View>
|
|
48
|
+
);
|
|
49
|
+
};
|