react-native-exp-fig 2.0.0 → 2.0.1
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/notification-card/index.js +12 -7
- package/lib/commonjs/components/notification-card/index.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/module/components/notification-card/index.js +12 -7
- package/lib/module/components/notification-card/index.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/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/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/notification-card/index.tsx +127 -123
- package/src/components/notification-card/interface.ts +19 -18
- package/src/stories/notification-card/notification-card.stories.tsx +202 -0
- package/src/stories/notification-loading/notification-loading.stories.tsx +88 -88
|
@@ -14,8 +14,8 @@ var _theme = require("../../styles/theme/theme.js");
|
|
|
14
14
|
var _asBaseComponent = require("../../@types/as-base-component.js");
|
|
15
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
17
|
-
/**
|
|
18
|
-
* IMPORTS
|
|
17
|
+
/**
|
|
18
|
+
* IMPORTS
|
|
19
19
|
*/
|
|
20
20
|
|
|
21
21
|
// commons / icons
|
|
@@ -26,8 +26,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
|
|
|
26
26
|
|
|
27
27
|
// typings
|
|
28
28
|
|
|
29
|
-
/**
|
|
30
|
-
* Componente NotificationCard
|
|
29
|
+
/**
|
|
30
|
+
* Componente NotificationCard
|
|
31
31
|
*/
|
|
32
32
|
const NotificationCard = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
33
33
|
variant = "read",
|
|
@@ -94,7 +94,7 @@ const NotificationCard = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
94
94
|
color: _theme.theme.colors.black[100],
|
|
95
95
|
marginLeft: 8
|
|
96
96
|
})]
|
|
97
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
97
|
+
}), typeof description === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
98
98
|
text: description,
|
|
99
99
|
numberOfLines: isWarning ? 2 : 4,
|
|
100
100
|
ellipsizeMode: "tail",
|
|
@@ -103,6 +103,11 @@ const NotificationCard = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
103
103
|
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
104
104
|
color: _theme.theme.colors.gray[700],
|
|
105
105
|
marginBottom: _theme.theme.margins.xs
|
|
106
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Box, {
|
|
107
|
+
marginStyle: {
|
|
108
|
+
marginBottom: _theme.theme.margins.xs
|
|
109
|
+
},
|
|
110
|
+
children: description
|
|
106
111
|
}), actionLabel && onPressAction && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Button, {
|
|
107
112
|
isLoading: false,
|
|
108
113
|
title: actionLabel,
|
|
@@ -134,8 +139,8 @@ const NotificationCard = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
134
139
|
});
|
|
135
140
|
NotificationCard.displayName = "NotificationCard";
|
|
136
141
|
|
|
137
|
-
/**
|
|
138
|
-
* EXPORTS
|
|
142
|
+
/**
|
|
143
|
+
* EXPORTS
|
|
139
144
|
*/
|
|
140
145
|
var _default = exports.default = (0, _asBaseComponent.asBaseComponent)(NotificationCard);
|
|
141
146
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_index4","_theme","_asBaseComponent","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NotificationCard","forwardRef","variant","title","description","actionLabel","onPress","onPressAction","testID","ref","isWarning","borderColor","theme","colors","orange","blue","jsx","TouchableOpacity","activeOpacity","children","jsxs","Box","flexStyle","flexDirection","borderStyled","borderWidth","neutral","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","backgroundColor","width","borderTopLeftRadius","borderBottomLeftRadius","flex","paddingStyle","padding","paddings","sm","alignItems","Icons","icon","color","size","Typography","text","fontFamily","fonts","inter_bold","fontWeight","fontSizes","md","black","marginLeft","numberOfLines","ellipsizeMode","lineHeight","inter_regular_400","gray","margins","xs","Button","isLoading","red","buttonTextStyle","fontSize","inter_medium_500","justifyContent","style","alignSelf","paddingHorizontal","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/notification-card/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_index3","_index4","_theme","_asBaseComponent","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NotificationCard","forwardRef","variant","title","description","actionLabel","onPress","onPressAction","testID","ref","isWarning","borderColor","theme","colors","orange","blue","jsx","TouchableOpacity","activeOpacity","children","jsxs","Box","flexStyle","flexDirection","borderStyled","borderWidth","neutral","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","backgroundColor","width","borderTopLeftRadius","borderBottomLeftRadius","flex","paddingStyle","padding","paddings","sm","alignItems","Icons","icon","color","size","Typography","text","fontFamily","fonts","inter_bold","fontWeight","fontSizes","md","black","marginLeft","numberOfLines","ellipsizeMode","lineHeight","inter_regular_400","gray","margins","xs","Button","isLoading","red","buttonTextStyle","fontSize","inter_medium_500","justifyContent","style","alignSelf","paddingHorizontal","displayName","_default","exports","asBaseComponent"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/notification-card/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.WithReactNodeDescription = exports.WithComplexReactNode = exports.WithAction = exports.Unread = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _index = _interopRequireDefault(require("../../components/notification-card/index.js"));
|
|
10
|
+
var _index2 = require("../../components/box/index.js");
|
|
11
|
+
var _index3 = require("../../components/typography/index.js");
|
|
12
|
+
var _theme = require("../../styles/theme/theme.js");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
/* eslint-disable no-undef */
|
|
16
|
+
/**
|
|
17
|
+
* IMPORTS
|
|
18
|
+
*/
|
|
19
|
+
|
|
20
|
+
// components
|
|
21
|
+
|
|
22
|
+
// styles
|
|
23
|
+
|
|
24
|
+
const meta = {
|
|
25
|
+
title: "componente/NotificationCard",
|
|
26
|
+
component: _index.default,
|
|
27
|
+
args: {
|
|
28
|
+
variant: "read",
|
|
29
|
+
title: "Notificação",
|
|
30
|
+
description: "Descrição da notificação",
|
|
31
|
+
actionLabel: undefined,
|
|
32
|
+
onPress: () => {
|
|
33
|
+
console.log("Notificação clicada-1");
|
|
34
|
+
},
|
|
35
|
+
onPressAction: () => {
|
|
36
|
+
console.log("Notificação clicada-2");
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
parameters: {
|
|
40
|
+
notes: `
|
|
41
|
+
# NotificationCard
|
|
42
|
+
|
|
43
|
+
Este é um componente de Card de notificação.
|
|
44
|
+
Você usa assim:
|
|
45
|
+
\`\`\`tsx
|
|
46
|
+
<NotificationCard
|
|
47
|
+
variant="read" | "unread"
|
|
48
|
+
title="Título"
|
|
49
|
+
description="String ou ReactNode"
|
|
50
|
+
actionLabel="Label da ação"
|
|
51
|
+
onPress={() => {}}
|
|
52
|
+
onPressAction={() => {}}
|
|
53
|
+
/>
|
|
54
|
+
\`\`\`
|
|
55
|
+
|
|
56
|
+
## Props
|
|
57
|
+
|
|
58
|
+
- **variant**: Define o estilo de variante da notificação ('read' ou 'unread')
|
|
59
|
+
- **title**: Título da notificação (string obrigatória)
|
|
60
|
+
- **description**: Descrição (string ou ReactNode)
|
|
61
|
+
- **actionLabel**: Label do botão de ação (opcional)
|
|
62
|
+
- **onPress**: Função chamada ao clicar na notificação
|
|
63
|
+
- **onPressAction**: Função chamada ao clicar no botão de ação
|
|
64
|
+
- **testID**: ID para testes (opcional)
|
|
65
|
+
`
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
var _default = exports.default = meta;
|
|
69
|
+
const Default = exports.Default = {
|
|
70
|
+
name: "Notificação Lida",
|
|
71
|
+
args: {
|
|
72
|
+
variant: "read",
|
|
73
|
+
title: "Formulário Enviado",
|
|
74
|
+
description: "Seu formulário foi enviado com sucesso e está em análise.",
|
|
75
|
+
onPress: () => {
|
|
76
|
+
console.log("Notificação clicada-1");
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
const Unread = exports.Unread = {
|
|
81
|
+
name: "Notificação Não Lida",
|
|
82
|
+
args: {
|
|
83
|
+
variant: "unread",
|
|
84
|
+
title: "Nova Mensagem",
|
|
85
|
+
description: "Você tem uma nova mensagem aguardando sua resposta.",
|
|
86
|
+
onPress: () => {
|
|
87
|
+
console.log("Notificação clicada-2");
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
const WithAction = exports.WithAction = {
|
|
92
|
+
name: "Com Botão de Ação",
|
|
93
|
+
args: {
|
|
94
|
+
variant: "read",
|
|
95
|
+
title: "Documento Expirado",
|
|
96
|
+
description: "Seu documento está expirado e precisa ser renovado urgentemente.",
|
|
97
|
+
actionLabel: "Renovar Agora",
|
|
98
|
+
onPress: () => {
|
|
99
|
+
console.log("Notificação clicada-3");
|
|
100
|
+
},
|
|
101
|
+
onPressAction: () => {
|
|
102
|
+
console.log("Notificação clicada-4");
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
const WithReactNodeDescription = exports.WithReactNodeDescription = {
|
|
107
|
+
name: "Com React Node na Descrição",
|
|
108
|
+
args: {
|
|
109
|
+
variant: "read",
|
|
110
|
+
title: "Status da Entrega",
|
|
111
|
+
description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Box, {
|
|
112
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
113
|
+
text: "Sua entrega est\xE1 a caminho!",
|
|
114
|
+
size: _theme.theme.fontSizes.sm,
|
|
115
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
116
|
+
color: _theme.theme.colors.gray[700],
|
|
117
|
+
marginBottom: 8
|
|
118
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Box, {
|
|
119
|
+
flexStyle: {
|
|
120
|
+
flexDirection: "row",
|
|
121
|
+
alignItems: "center"
|
|
122
|
+
},
|
|
123
|
+
marginStyle: {
|
|
124
|
+
marginTop: 8
|
|
125
|
+
},
|
|
126
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
127
|
+
style: {
|
|
128
|
+
width: 12,
|
|
129
|
+
height: 12,
|
|
130
|
+
borderRadius: 6,
|
|
131
|
+
backgroundColor: _theme.theme.colors.green[500],
|
|
132
|
+
marginRight: 8
|
|
133
|
+
}
|
|
134
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
135
|
+
text: "Previs\xE3o: Hoje \xE0s 14:00",
|
|
136
|
+
size: _theme.theme.fontSizes.xs,
|
|
137
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
138
|
+
color: _theme.theme.colors.green[500]
|
|
139
|
+
})]
|
|
140
|
+
})]
|
|
141
|
+
}),
|
|
142
|
+
onPress: () => {
|
|
143
|
+
console.log("Notificação clicada-5");
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
};
|
|
147
|
+
const WithComplexReactNode = exports.WithComplexReactNode = {
|
|
148
|
+
name: "Com React Node Complexo",
|
|
149
|
+
args: {
|
|
150
|
+
variant: "unread",
|
|
151
|
+
title: "Alerta de Segurança",
|
|
152
|
+
description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Box, {
|
|
153
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
154
|
+
text: "Uma atividade suspeita foi detectada",
|
|
155
|
+
size: _theme.theme.fontSizes.sm,
|
|
156
|
+
fontFamily: _theme.theme.fonts.inter_bold,
|
|
157
|
+
fontWeight: "700",
|
|
158
|
+
color: _theme.theme.colors.red[500],
|
|
159
|
+
marginBottom: 12
|
|
160
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index2.Box, {
|
|
161
|
+
backgroundColor: _theme.theme.colors.yellow[120],
|
|
162
|
+
borderStyled: {
|
|
163
|
+
borderRadius: 8
|
|
164
|
+
},
|
|
165
|
+
paddingStyle: {
|
|
166
|
+
padding: 8
|
|
167
|
+
},
|
|
168
|
+
marginStyle: {
|
|
169
|
+
marginBottom: 8
|
|
170
|
+
},
|
|
171
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
172
|
+
text: "\u2022 Login de local desconhecido",
|
|
173
|
+
size: _theme.theme.fontSizes["2xs"],
|
|
174
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
175
|
+
color: _theme.theme.colors.gray[700],
|
|
176
|
+
marginBottom: 4
|
|
177
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
178
|
+
text: "\u2022 Altera\xE7\xE3o de dados da conta",
|
|
179
|
+
size: _theme.theme.fontSizes["2xs"],
|
|
180
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
181
|
+
color: _theme.theme.colors.gray[700]
|
|
182
|
+
})]
|
|
183
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Typography, {
|
|
184
|
+
text: "Revise sua conta agora para garantir sua seguran\xE7a.",
|
|
185
|
+
size: _theme.theme.fontSizes["2xs"],
|
|
186
|
+
fontFamily: _theme.theme.fonts.inter_regular_400,
|
|
187
|
+
color: _theme.theme.colors.gray[600],
|
|
188
|
+
marginTop: 8
|
|
189
|
+
})]
|
|
190
|
+
}),
|
|
191
|
+
actionLabel: "Revisar Conta",
|
|
192
|
+
onPress: () => {
|
|
193
|
+
console.log("Notificação clicada-6");
|
|
194
|
+
},
|
|
195
|
+
onPressAction: () => {
|
|
196
|
+
console.log("Notificação clicada-7");
|
|
197
|
+
}
|
|
198
|
+
}
|
|
199
|
+
};
|
|
200
|
+
//# sourceMappingURL=notification-card.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_index","_index2","_index3","_theme","_jsxRuntime","e","__esModule","default","meta","title","component","NotificationCard","args","variant","description","actionLabel","undefined","onPress","console","log","onPressAction","parameters","notes","_default","exports","Default","name","Unread","WithAction","WithReactNodeDescription","jsxs","Box","children","jsx","Typography","text","size","theme","fontSizes","sm","fontFamily","fonts","inter_regular_400","color","colors","gray","marginBottom","flexStyle","flexDirection","alignItems","marginStyle","marginTop","View","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":["_index","require","meta","title","component","NotificationLoading","args","date","handleNavigation","notification","statusNotify","dataStart","readonly","parameters","notes","_default","exports","default","NotificationLoadingPending","name","NotificationLoadingApproved","NotificationLoadingRecused","NotificationLoadingReadonly"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/notification-loading/notification-loading.stories.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEC,0BAA+B;EAC1CC,IAAI,EAAE;IACJH,KAAK,EAAE,8BAA8B;IACrCI,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,
|
|
1
|
+
{"version":3,"names":["_index","require","meta","title","component","NotificationLoading","args","date","handleNavigation","notification","statusNotify","dataStart","readonly","parameters","notes","_default","exports","default","NotificationLoadingPending","name","NotificationLoadingApproved","NotificationLoadingRecused","NotificationLoadingReadonly"],"sourceRoot":"..\\..\\..\\..\\src","sources":["stories/notification-loading/notification-loading.stories.tsx"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEC,0BAA+B;EAC1CC,IAAI,EAAE;IACJH,KAAK,EAAE,8BAA8B;IACrCI,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;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaf,IAAI;AAIZ,MAAMgB,0BAAiC,GAAAF,OAAA,CAAAE,0BAAA,GAAG;EAC/CC,IAAI,EAAE,sBAAsB;EAC5Bb,IAAI,EAAE;IACJH,KAAK,EAAE,eAAe;IACtBI,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE;EACb;AACF,CAAC;AACM,MAAMS,2BAAkC,GAAAJ,OAAA,CAAAI,2BAAA,GAAG;EAChDD,IAAI,EAAE,uBAAuB;EAC7Bb,IAAI,EAAE;IACJH,KAAK,EAAE,eAAe;IACtBI,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE;EACb;AACF,CAAC;AACM,MAAMU,0BAAiC,GAAAL,OAAA,CAAAK,0BAAA,GAAG;EAC/CF,IAAI,EAAE,sBAAsB;EAC5Bb,IAAI,EAAE;IACJH,KAAK,EAAE,eAAe;IACtBI,IAAI,EAAE,kBAAkB;IACxBC,gBAAgB,EAAEA,CAAA,KAAM,CAAE,CAAC;IAC3BC,YAAY,EAAE,2CAA2C;IACzDC,YAAY,EAAE,WAAW;IACzBC,SAAS,EAAE;EACb;AACF,CAAC;AAEM,MAAMW,2BAAkC,GAAAN,OAAA,CAAAM,2BAAA,GAAG;EAChDH,IAAI,EAAE,uBAAuB;EAC7Bb,IAAI,EAAE;IACJH,KAAK,EAAE,eAAe;IACtBI,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
|
import React, { forwardRef } from "react";
|
|
7
7
|
import { TouchableOpacity } from "react-native";
|
|
@@ -20,8 +20,8 @@ import { theme } from "../../styles/theme/theme.js";
|
|
|
20
20
|
// typings
|
|
21
21
|
import { asBaseComponent } from "../../@types/as-base-component.js";
|
|
22
22
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
23
|
-
/**
|
|
24
|
-
* Componente NotificationCard
|
|
23
|
+
/**
|
|
24
|
+
* Componente NotificationCard
|
|
25
25
|
*/
|
|
26
26
|
const NotificationCard = /*#__PURE__*/forwardRef(({
|
|
27
27
|
variant = "read",
|
|
@@ -88,7 +88,7 @@ const NotificationCard = /*#__PURE__*/forwardRef(({
|
|
|
88
88
|
color: theme.colors.black[100],
|
|
89
89
|
marginLeft: 8
|
|
90
90
|
})]
|
|
91
|
-
}), /*#__PURE__*/_jsx(Typography, {
|
|
91
|
+
}), typeof description === "string" ? /*#__PURE__*/_jsx(Typography, {
|
|
92
92
|
text: description,
|
|
93
93
|
numberOfLines: isWarning ? 2 : 4,
|
|
94
94
|
ellipsizeMode: "tail",
|
|
@@ -97,6 +97,11 @@ const NotificationCard = /*#__PURE__*/forwardRef(({
|
|
|
97
97
|
fontFamily: theme.fonts.inter_regular_400,
|
|
98
98
|
color: theme.colors.gray[700],
|
|
99
99
|
marginBottom: theme.margins.xs
|
|
100
|
+
}) : /*#__PURE__*/_jsx(Box, {
|
|
101
|
+
marginStyle: {
|
|
102
|
+
marginBottom: theme.margins.xs
|
|
103
|
+
},
|
|
104
|
+
children: description
|
|
100
105
|
}), actionLabel && onPressAction && /*#__PURE__*/_jsx(Button, {
|
|
101
106
|
isLoading: false,
|
|
102
107
|
title: actionLabel,
|
|
@@ -128,8 +133,8 @@ const NotificationCard = /*#__PURE__*/forwardRef(({
|
|
|
128
133
|
});
|
|
129
134
|
NotificationCard.displayName = "NotificationCard";
|
|
130
135
|
|
|
131
|
-
/**
|
|
132
|
-
* EXPORTS
|
|
136
|
+
/**
|
|
137
|
+
* EXPORTS
|
|
133
138
|
*/
|
|
134
139
|
export default asBaseComponent(NotificationCard);
|
|
135
140
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","TouchableOpacity","Icons","Box","Typography","Button","theme","asBaseComponent","jsx","_jsx","jsxs","_jsxs","NotificationCard","variant","title","description","actionLabel","onPress","onPressAction","testID","ref","isWarning","borderColor","colors","orange","blue","activeOpacity","children","flexStyle","flexDirection","borderStyled","borderWidth","neutral","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","backgroundColor","width","borderTopLeftRadius","borderBottomLeftRadius","flex","paddingStyle","padding","paddings","sm","alignItems","icon","color","size","text","fontFamily","fonts","inter_bold","fontWeight","fontSizes","md","black","marginLeft","numberOfLines","ellipsizeMode","lineHeight","inter_regular_400","gray","margins","xs","isLoading","red","buttonTextStyle","fontSize","inter_medium_500","justifyContent","style","alignSelf","paddingHorizontal","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/notification-card/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","forwardRef","TouchableOpacity","Icons","Box","Typography","Button","theme","asBaseComponent","jsx","_jsx","jsxs","_jsxs","NotificationCard","variant","title","description","actionLabel","onPress","onPressAction","testID","ref","isWarning","borderColor","colors","orange","blue","activeOpacity","children","flexStyle","flexDirection","borderStyled","borderWidth","neutral","borderRadius","borderWidths","thick_medium","marginStyle","marginBottom","backgroundColor","width","borderTopLeftRadius","borderBottomLeftRadius","flex","paddingStyle","padding","paddings","sm","alignItems","icon","color","size","text","fontFamily","fonts","inter_bold","fontWeight","fontSizes","md","black","marginLeft","numberOfLines","ellipsizeMode","lineHeight","inter_regular_400","gray","margins","xs","isLoading","red","buttonTextStyle","fontSize","inter_medium_500","justifyContent","style","alignSelf","paddingHorizontal","displayName"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/notification-card/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -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 +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"}
|
|
@@ -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
|