@pedidopago/ui 1.9.2 → 1.9.3
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/dist/components/CollapseCard/ExpandButton/styles.d.ts +59 -59
- package/dist/components/CollapseCard/styles.d.ts +57 -57
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +57 -57
- package/dist/components/Dropzone/styles.d.ts +5 -5
- package/dist/components/EmojiPicker/styles.d.ts +94 -94
- package/dist/components/Flex/styles.d.ts +7 -7
- package/dist/components/Modal/styles.d.ts +98 -98
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts +57 -57
- package/dist/components/NewSelect/components/OptionsSelect/styles.d.ts +57 -57
- package/dist/components/Slider/components/SliderSelector.d.ts +3 -3
- package/dist/components/Slider/index.d.ts +3 -3
- package/dist/components/Slider/styles.d.ts +1 -1
- package/dist/components/Tabs/styles.d.ts +2 -2
- package/dist/components/Timeline/styles.d.ts +1 -1
- package/dist/components/Toast/EventManager/index.d.ts +3 -0
- package/dist/components/Toast/EventManager/index.d.ts.map +1 -0
- package/dist/components/Toast/EventManager/index.js +1 -0
- package/dist/components/Toast/EventManager/types.d.ts +18 -0
- package/dist/components/Toast/EventManager/types.d.ts.map +1 -0
- package/dist/components/Toast/EventManager/types.js +1 -0
- package/dist/components/Toast/Example/index.d.ts +5 -0
- package/dist/components/Toast/Example/index.d.ts.map +1 -0
- package/dist/components/Toast/Example/index.js +1 -0
- package/dist/components/Toast/ToastContainer/index.d.ts +4 -0
- package/dist/components/Toast/ToastContainer/index.d.ts.map +1 -0
- package/dist/components/Toast/ToastContainer/index.js +1 -0
- package/dist/components/Toast/ToastContainer/styles.d.ts +6 -0
- package/dist/components/Toast/ToastContainer/styles.d.ts.map +1 -0
- package/dist/components/Toast/ToastContainer/styles.js +1 -0
- package/dist/components/Toast/ToastItem/animations.d.ts +12 -0
- package/dist/components/Toast/ToastItem/animations.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/animations.js +2 -0
- package/dist/components/Toast/ToastItem/index.d.ts +4 -0
- package/dist/components/Toast/ToastItem/index.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/index.js +1 -0
- package/dist/components/Toast/ToastItem/styles.d.ts +12 -0
- package/dist/components/Toast/ToastItem/styles.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/styles.js +1 -0
- package/dist/components/Toast/ToastItem/types.d.ts +7 -0
- package/dist/components/Toast/ToastItem/types.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/types.js +1 -0
- package/dist/components/Toast/ToastItem/utils.d.ts +4 -0
- package/dist/components/Toast/ToastItem/utils.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/utils.js +1 -0
- package/dist/components/Toast/contexts/ToastProvider.d.ts.map +1 -1
- package/dist/components/Toast/contexts/ToastProvider.js +1 -1
- package/dist/components/Toast/hooks/useToast.d.ts +11 -1
- package/dist/components/Toast/hooks/useToast.d.ts.map +1 -1
- package/dist/components/Toast/hooks/useToast.js +10 -1
- package/dist/components/Toast/index.d.ts +5 -3
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Toast/toast-handler.d.ts +11 -0
- package/dist/components/Toast/toast-handler.d.ts.map +1 -0
- package/dist/components/Toast/toast-handler.js +1 -0
- package/dist/components/Toast/types.d.ts +26 -13
- package/dist/components/Toast/types.d.ts.map +1 -1
- package/dist/components/Typography/styles.d.ts +5 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +4 -4
- package/dist/components/Toast/button-example.d.ts +0 -7
- package/dist/components/Toast/button-example.d.ts.map +0 -1
- package/dist/components/Toast/button-example.js +0 -1
- package/dist/components/Toast/components/Toast.d.ts +0 -5
- package/dist/components/Toast/components/Toast.d.ts.map +0 -1
- package/dist/components/Toast/components/Toast.js +0 -1
- package/dist/components/Toast/styles.d.ts +0 -23
- package/dist/components/Toast/styles.d.ts.map +0 -1
- package/dist/components/Toast/styles.js +0 -1
- package/dist/components/Toast/toast.test.d.ts +0 -2
- package/dist/components/Toast/toast.test.d.ts.map +0 -1
- package/dist/components/Toast/toast.test.js +0 -1
|
@@ -4,55 +4,90 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
|
|
|
4
4
|
slot?: string | undefined;
|
|
5
5
|
title?: string | undefined;
|
|
6
6
|
color?: string | undefined;
|
|
7
|
-
translate?: "
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
translate?: "yes" | "no" | undefined;
|
|
8
|
+
defaultChecked?: boolean | undefined;
|
|
9
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
10
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
11
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
12
|
+
accessKey?: string | undefined;
|
|
13
|
+
autoFocus?: boolean | undefined;
|
|
10
14
|
className?: string | undefined;
|
|
15
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
16
|
+
contextMenu?: string | undefined;
|
|
17
|
+
dir?: string | undefined;
|
|
18
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
19
|
+
hidden?: boolean | undefined;
|
|
20
|
+
id?: string | undefined;
|
|
11
21
|
lang?: string | undefined;
|
|
12
|
-
|
|
22
|
+
nonce?: string | undefined;
|
|
23
|
+
placeholder?: string | undefined;
|
|
24
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
13
25
|
tabIndex?: number | undefined;
|
|
26
|
+
radioGroup?: string | undefined;
|
|
27
|
+
role?: import("react").AriaRole | undefined;
|
|
28
|
+
about?: string | undefined;
|
|
29
|
+
datatype?: string | undefined;
|
|
30
|
+
inlist?: any;
|
|
31
|
+
prefix?: string | undefined;
|
|
32
|
+
property?: string | undefined;
|
|
33
|
+
resource?: string | undefined;
|
|
34
|
+
typeof?: string | undefined;
|
|
35
|
+
vocab?: string | undefined;
|
|
36
|
+
autoCapitalize?: string | undefined;
|
|
37
|
+
autoCorrect?: string | undefined;
|
|
38
|
+
autoSave?: string | undefined;
|
|
39
|
+
itemProp?: string | undefined;
|
|
40
|
+
itemScope?: boolean | undefined;
|
|
41
|
+
itemType?: string | undefined;
|
|
42
|
+
itemID?: string | undefined;
|
|
43
|
+
itemRef?: string | undefined;
|
|
44
|
+
results?: number | undefined;
|
|
45
|
+
security?: string | undefined;
|
|
46
|
+
unselectable?: "on" | "off" | undefined;
|
|
47
|
+
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
48
|
+
is?: string | undefined;
|
|
14
49
|
"aria-activedescendant"?: string | undefined;
|
|
15
|
-
"aria-atomic"?: (boolean | "
|
|
16
|
-
"aria-autocomplete"?: "
|
|
17
|
-
"aria-busy"?: (boolean | "
|
|
18
|
-
"aria-checked"?: boolean | "
|
|
50
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
51
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
52
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
53
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
19
54
|
"aria-colcount"?: number | undefined;
|
|
20
55
|
"aria-colindex"?: number | undefined;
|
|
21
56
|
"aria-colspan"?: number | undefined;
|
|
22
57
|
"aria-controls"?: string | undefined;
|
|
23
|
-
"aria-current"?: boolean | "time" | "
|
|
58
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
|
|
24
59
|
"aria-describedby"?: string | undefined;
|
|
25
60
|
"aria-details"?: string | undefined;
|
|
26
|
-
"aria-disabled"?: (boolean | "
|
|
61
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
27
62
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
28
63
|
"aria-errormessage"?: string | undefined;
|
|
29
|
-
"aria-expanded"?: (boolean | "
|
|
64
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
30
65
|
"aria-flowto"?: string | undefined;
|
|
31
|
-
"aria-grabbed"?: (boolean | "
|
|
32
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
33
|
-
"aria-hidden"?: (boolean | "
|
|
34
|
-
"aria-invalid"?: boolean | "
|
|
66
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
68
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
69
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
35
70
|
"aria-keyshortcuts"?: string | undefined;
|
|
36
71
|
"aria-label"?: string | undefined;
|
|
37
72
|
"aria-labelledby"?: string | undefined;
|
|
38
73
|
"aria-level"?: number | undefined;
|
|
39
74
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
40
|
-
"aria-modal"?: (boolean | "
|
|
41
|
-
"aria-multiline"?: (boolean | "
|
|
42
|
-
"aria-multiselectable"?: (boolean | "
|
|
75
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
76
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
77
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
43
78
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
44
79
|
"aria-owns"?: string | undefined;
|
|
45
80
|
"aria-placeholder"?: string | undefined;
|
|
46
81
|
"aria-posinset"?: number | undefined;
|
|
47
|
-
"aria-pressed"?: boolean | "
|
|
48
|
-
"aria-readonly"?: (boolean | "
|
|
82
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
83
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
49
84
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
50
|
-
"aria-required"?: (boolean | "
|
|
85
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
51
86
|
"aria-roledescription"?: string | undefined;
|
|
52
87
|
"aria-rowcount"?: number | undefined;
|
|
53
88
|
"aria-rowindex"?: number | undefined;
|
|
54
89
|
"aria-rowspan"?: number | undefined;
|
|
55
|
-
"aria-selected"?: (boolean | "
|
|
90
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
56
91
|
"aria-setsize"?: number | undefined;
|
|
57
92
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
58
93
|
"aria-valuemax"?: number | undefined;
|
|
@@ -220,41 +255,6 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
|
|
|
220
255
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
221
256
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
222
257
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
223
|
-
defaultChecked?: boolean | undefined;
|
|
224
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
225
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
226
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
227
|
-
accessKey?: string | undefined;
|
|
228
|
-
autoFocus?: boolean | undefined;
|
|
229
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
|
230
|
-
contextMenu?: string | undefined;
|
|
231
|
-
dir?: string | undefined;
|
|
232
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
233
|
-
nonce?: string | undefined;
|
|
234
|
-
placeholder?: string | undefined;
|
|
235
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
236
|
-
radioGroup?: string | undefined;
|
|
237
|
-
about?: string | undefined;
|
|
238
|
-
datatype?: string | undefined;
|
|
239
|
-
inlist?: any;
|
|
240
|
-
prefix?: string | undefined;
|
|
241
|
-
property?: string | undefined;
|
|
242
|
-
resource?: string | undefined;
|
|
243
|
-
typeof?: string | undefined;
|
|
244
|
-
vocab?: string | undefined;
|
|
245
|
-
autoCapitalize?: string | undefined;
|
|
246
|
-
autoCorrect?: string | undefined;
|
|
247
|
-
autoSave?: string | undefined;
|
|
248
|
-
itemProp?: string | undefined;
|
|
249
|
-
itemScope?: boolean | undefined;
|
|
250
|
-
itemType?: string | undefined;
|
|
251
|
-
itemID?: string | undefined;
|
|
252
|
-
itemRef?: string | undefined;
|
|
253
|
-
results?: number | undefined;
|
|
254
|
-
security?: string | undefined;
|
|
255
|
-
unselectable?: "off" | "on" | undefined;
|
|
256
|
-
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
257
|
-
is?: string | undefined;
|
|
258
258
|
} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
259
259
|
theme?: import("@emotion/react").Theme | undefined;
|
|
260
260
|
} & IStyleProps, {}, {}>;
|
|
@@ -4,55 +4,90 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
|
|
|
4
4
|
slot?: string | undefined;
|
|
5
5
|
title?: string | undefined;
|
|
6
6
|
color?: string | undefined;
|
|
7
|
-
translate?: "
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
translate?: "yes" | "no" | undefined;
|
|
8
|
+
defaultChecked?: boolean | undefined;
|
|
9
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
10
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
11
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
12
|
+
accessKey?: string | undefined;
|
|
13
|
+
autoFocus?: boolean | undefined;
|
|
10
14
|
className?: string | undefined;
|
|
15
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | undefined;
|
|
16
|
+
contextMenu?: string | undefined;
|
|
17
|
+
dir?: string | undefined;
|
|
18
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
19
|
+
hidden?: boolean | undefined;
|
|
20
|
+
id?: string | undefined;
|
|
11
21
|
lang?: string | undefined;
|
|
12
|
-
|
|
22
|
+
nonce?: string | undefined;
|
|
23
|
+
placeholder?: string | undefined;
|
|
24
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
13
25
|
tabIndex?: number | undefined;
|
|
26
|
+
radioGroup?: string | undefined;
|
|
27
|
+
role?: import("react").AriaRole | undefined;
|
|
28
|
+
about?: string | undefined;
|
|
29
|
+
datatype?: string | undefined;
|
|
30
|
+
inlist?: any;
|
|
31
|
+
prefix?: string | undefined;
|
|
32
|
+
property?: string | undefined;
|
|
33
|
+
resource?: string | undefined;
|
|
34
|
+
typeof?: string | undefined;
|
|
35
|
+
vocab?: string | undefined;
|
|
36
|
+
autoCapitalize?: string | undefined;
|
|
37
|
+
autoCorrect?: string | undefined;
|
|
38
|
+
autoSave?: string | undefined;
|
|
39
|
+
itemProp?: string | undefined;
|
|
40
|
+
itemScope?: boolean | undefined;
|
|
41
|
+
itemType?: string | undefined;
|
|
42
|
+
itemID?: string | undefined;
|
|
43
|
+
itemRef?: string | undefined;
|
|
44
|
+
results?: number | undefined;
|
|
45
|
+
security?: string | undefined;
|
|
46
|
+
unselectable?: "on" | "off" | undefined;
|
|
47
|
+
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
48
|
+
is?: string | undefined;
|
|
14
49
|
"aria-activedescendant"?: string | undefined;
|
|
15
|
-
"aria-atomic"?: (boolean | "
|
|
16
|
-
"aria-autocomplete"?: "
|
|
17
|
-
"aria-busy"?: (boolean | "
|
|
18
|
-
"aria-checked"?: boolean | "
|
|
50
|
+
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
51
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
52
|
+
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
53
|
+
"aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
19
54
|
"aria-colcount"?: number | undefined;
|
|
20
55
|
"aria-colindex"?: number | undefined;
|
|
21
56
|
"aria-colspan"?: number | undefined;
|
|
22
57
|
"aria-controls"?: string | undefined;
|
|
23
|
-
"aria-current"?: boolean | "time" | "
|
|
58
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "date" | "step" | "page" | "location" | undefined;
|
|
24
59
|
"aria-describedby"?: string | undefined;
|
|
25
60
|
"aria-details"?: string | undefined;
|
|
26
|
-
"aria-disabled"?: (boolean | "
|
|
61
|
+
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
27
62
|
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
28
63
|
"aria-errormessage"?: string | undefined;
|
|
29
|
-
"aria-expanded"?: (boolean | "
|
|
64
|
+
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
30
65
|
"aria-flowto"?: string | undefined;
|
|
31
|
-
"aria-grabbed"?: (boolean | "
|
|
32
|
-
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "
|
|
33
|
-
"aria-hidden"?: (boolean | "
|
|
34
|
-
"aria-invalid"?: boolean | "
|
|
66
|
+
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
|
|
67
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree" | undefined;
|
|
68
|
+
"aria-hidden"?: (boolean | "true" | "false") | undefined;
|
|
69
|
+
"aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
35
70
|
"aria-keyshortcuts"?: string | undefined;
|
|
36
71
|
"aria-label"?: string | undefined;
|
|
37
72
|
"aria-labelledby"?: string | undefined;
|
|
38
73
|
"aria-level"?: number | undefined;
|
|
39
74
|
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
40
|
-
"aria-modal"?: (boolean | "
|
|
41
|
-
"aria-multiline"?: (boolean | "
|
|
42
|
-
"aria-multiselectable"?: (boolean | "
|
|
75
|
+
"aria-modal"?: (boolean | "true" | "false") | undefined;
|
|
76
|
+
"aria-multiline"?: (boolean | "true" | "false") | undefined;
|
|
77
|
+
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
|
|
43
78
|
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
44
79
|
"aria-owns"?: string | undefined;
|
|
45
80
|
"aria-placeholder"?: string | undefined;
|
|
46
81
|
"aria-posinset"?: number | undefined;
|
|
47
|
-
"aria-pressed"?: boolean | "
|
|
48
|
-
"aria-readonly"?: (boolean | "
|
|
82
|
+
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
83
|
+
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
49
84
|
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
50
|
-
"aria-required"?: (boolean | "
|
|
85
|
+
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
51
86
|
"aria-roledescription"?: string | undefined;
|
|
52
87
|
"aria-rowcount"?: number | undefined;
|
|
53
88
|
"aria-rowindex"?: number | undefined;
|
|
54
89
|
"aria-rowspan"?: number | undefined;
|
|
55
|
-
"aria-selected"?: (boolean | "
|
|
90
|
+
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
56
91
|
"aria-setsize"?: number | undefined;
|
|
57
92
|
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
58
93
|
"aria-valuemax"?: number | undefined;
|
|
@@ -220,41 +255,6 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
|
|
|
220
255
|
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
221
256
|
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
222
257
|
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
223
|
-
defaultChecked?: boolean | undefined;
|
|
224
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
225
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
226
|
-
suppressHydrationWarning?: boolean | undefined;
|
|
227
|
-
accessKey?: string | undefined;
|
|
228
|
-
autoFocus?: boolean | undefined;
|
|
229
|
-
contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
|
|
230
|
-
contextMenu?: string | undefined;
|
|
231
|
-
dir?: string | undefined;
|
|
232
|
-
draggable?: (boolean | "false" | "true") | undefined;
|
|
233
|
-
nonce?: string | undefined;
|
|
234
|
-
placeholder?: string | undefined;
|
|
235
|
-
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
236
|
-
radioGroup?: string | undefined;
|
|
237
|
-
about?: string | undefined;
|
|
238
|
-
datatype?: string | undefined;
|
|
239
|
-
inlist?: any;
|
|
240
|
-
prefix?: string | undefined;
|
|
241
|
-
property?: string | undefined;
|
|
242
|
-
resource?: string | undefined;
|
|
243
|
-
typeof?: string | undefined;
|
|
244
|
-
vocab?: string | undefined;
|
|
245
|
-
autoCapitalize?: string | undefined;
|
|
246
|
-
autoCorrect?: string | undefined;
|
|
247
|
-
autoSave?: string | undefined;
|
|
248
|
-
itemProp?: string | undefined;
|
|
249
|
-
itemScope?: boolean | undefined;
|
|
250
|
-
itemType?: string | undefined;
|
|
251
|
-
itemID?: string | undefined;
|
|
252
|
-
itemRef?: string | undefined;
|
|
253
|
-
results?: number | undefined;
|
|
254
|
-
security?: string | undefined;
|
|
255
|
-
unselectable?: "off" | "on" | undefined;
|
|
256
|
-
inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
257
|
-
is?: string | undefined;
|
|
258
258
|
} & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement> & {
|
|
259
259
|
theme?: import("@emotion/react").Theme | undefined;
|
|
260
260
|
} & OptionsContainerProps, {}, {}>;
|
|
@@ -4,13 +4,13 @@ export declare const SliderSelector: import("react").MemoExoticComponent<import(
|
|
|
4
4
|
minValue: number;
|
|
5
5
|
maxValue: number;
|
|
6
6
|
step?: number | undefined;
|
|
7
|
-
trackColor?: import("../../..").GlobalColorsProps |
|
|
8
|
-
thumbColor?: import("../../..").GlobalColorsProps |
|
|
7
|
+
trackColor?: (string & {}) | import("../../..").GlobalColorsProps | undefined;
|
|
8
|
+
thumbColor?: (string & {}) | import("../../..").GlobalColorsProps | undefined;
|
|
9
9
|
disabled?: boolean | undefined;
|
|
10
10
|
fullSize?: boolean | undefined;
|
|
11
11
|
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
|
-
valueLabelDisplay?: (string & {}) | "
|
|
13
|
+
valueLabelDisplay?: "auto" | (string & {}) | "off" | "%v" | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
valueSliderSelector: number | number[];
|
|
16
16
|
onChangeSliderSelector: (percentage: number, index?: number | undefined) => void;
|
|
@@ -4,13 +4,13 @@ declare const Slider: import("react").ForwardRefExoticComponent<{
|
|
|
4
4
|
minValue: number;
|
|
5
5
|
maxValue: number;
|
|
6
6
|
step?: number | undefined;
|
|
7
|
-
trackColor?: import("../..").GlobalColorsProps |
|
|
8
|
-
thumbColor?: import("../..").GlobalColorsProps |
|
|
7
|
+
trackColor?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
8
|
+
thumbColor?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
9
9
|
disabled?: boolean | undefined;
|
|
10
10
|
fullSize?: boolean | undefined;
|
|
11
11
|
sizeSlider?: "sm" | "md" | "lg" | undefined;
|
|
12
12
|
direction?: "horizontal" | "vertical" | undefined;
|
|
13
|
-
valueLabelDisplay?: (string & {}) | "
|
|
13
|
+
valueLabelDisplay?: "auto" | (string & {}) | "off" | "%v" | undefined;
|
|
14
14
|
} & {
|
|
15
15
|
valueSlider: number | number[];
|
|
16
16
|
onChangeSlider: (value: number | number[], index?: number | undefined) => void;
|
|
@@ -22,7 +22,7 @@ export declare const SliderRailContainer: import("@emotion/styled").StyledCompon
|
|
|
22
22
|
theme?: import("@emotion/react").Theme | undefined;
|
|
23
23
|
as?: import("react").ElementType<any> | undefined;
|
|
24
24
|
} & {
|
|
25
|
-
trackColor?:
|
|
25
|
+
trackColor?: (string & {}) | GlobalColorsProps | undefined;
|
|
26
26
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
27
|
export declare const SliderTrack: import("@emotion/styled").StyledComponent<{
|
|
28
28
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -12,8 +12,8 @@ export declare const TabButton: import("@emotion/styled").StyledComponent<{
|
|
|
12
12
|
} & GenericThemeProps & import("react").HTMLAttributes<HTMLButtonElement> & {
|
|
13
13
|
active: boolean;
|
|
14
14
|
squeeze?: boolean | undefined;
|
|
15
|
-
indicatorColor?: import("../..").GlobalColorsProps |
|
|
16
|
-
textColor?: import("../..").GlobalColorsProps |
|
|
15
|
+
indicatorColor?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
16
|
+
textColor?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
17
17
|
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
18
18
|
export declare const TabButtonIcon: import("@emotion/styled").StyledComponent<{
|
|
19
19
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -23,7 +23,7 @@ export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledCo
|
|
|
23
23
|
as?: import("react").ElementType<any> | undefined;
|
|
24
24
|
} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
25
25
|
icon?: import("react").ReactNode;
|
|
26
|
-
circleColor?: import("../..").GlobalColorsProps |
|
|
26
|
+
circleColor?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
27
27
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
28
28
|
export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
|
|
29
29
|
theme?: import("@emotion/react").Theme | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/EventManager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,iBAAiB,EAAE,YAkB/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toastEventManager=void 0;var toastEventManager={list:new Map,on:function on(event,callback){var _this$list$get;return this.list.has(event)||this.list.set(event,[]),null===(_this$list$get=this.list.get(event))||void 0===_this$list$get?void 0:_this$list$get.push(callback),this},emit:function emit(event,args){var _this$list$get2;this.list.has(event)&&(null===(_this$list$get2=this.list.get(event))||void 0===_this$list$get2?void 0:_this$list$get2.forEach(function(callback){callback(args)}))},clear:function clear(){this.list.clear()}};exports.toastEventManager=toastEventManager;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ToastItem } from '../types';
|
|
2
|
+
export declare const enum EventToast {
|
|
3
|
+
Show = 0,
|
|
4
|
+
Clear = 1,
|
|
5
|
+
DidMount = 2,
|
|
6
|
+
WillUnmount = 3,
|
|
7
|
+
Change = 4,
|
|
8
|
+
ClearWaitingQueue = 5,
|
|
9
|
+
Remove = 6
|
|
10
|
+
}
|
|
11
|
+
export type CallbackToastEvent = (args: ToastItem) => void;
|
|
12
|
+
export interface EventManager {
|
|
13
|
+
list: Map<EventToast, CallbackToastEvent[]>;
|
|
14
|
+
on(event: EventToast, callback: CallbackToastEvent): EventManager;
|
|
15
|
+
emit(event: EventToast, args: ToastItem): void;
|
|
16
|
+
clear(): void;
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/EventManager/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,0BAAkB,UAAU;IAC1B,IAAI,IAAA;IACJ,KAAK,IAAA;IACL,QAAQ,IAAA;IACR,WAAW,IAAA;IACX,MAAM,IAAA;IACN,iBAAiB,IAAA;IACjB,MAAM,IAAA;CACP;AAED,MAAM,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;AAE3D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,GAAG,CAAC,UAAU,EAAE,kBAAkB,EAAE,CAAC,CAAC;IAC5C,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,kBAAkB,GAAG,YAAY,CAAC;IAClE,IAAI,CAAC,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/C,KAAK,IAAI,IAAI,CAAC;CACf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.EventToast=void 0;/* eslint-disable no-unused-vars */var EventToast=/*#__PURE__*/function(EventToast){return EventToast[EventToast.Show=0]="Show",EventToast[EventToast.Clear=1]="Clear",EventToast[EventToast.DidMount=2]="DidMount",EventToast[EventToast.WillUnmount=3]="WillUnmount",EventToast[EventToast.Change=4]="Change",EventToast[EventToast.ClearWaitingQueue=5]="ClearWaitingQueue",EventToast[EventToast.Remove=6]="Remove",EventToast}({});exports.EventToast=EventToast;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/Example/index.tsx"],"names":[],"mappings":";AAMA,wBAAgB,YAAY,gBA+E3B;AAED,wBAAgB,qBAAqB,gBAuBpC;AAED,wBAAgB,sBAAsB,gBAUrC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastCustomIconExample=ToastCustomIconExample,exports.ToastExample=ToastExample,exports.ToastPositionExamples=ToastPositionExamples;var _Typography=_interopRequireDefault(require("../../Typography")),_Button=_interopRequireDefault(require("../../Button")),_Flex=_interopRequireDefault(require("../../Flex")),_ToastContainer=require("../ToastContainer"),_toastHandler=require("../toast-handler"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ToastExample(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Sucesso !",{title:"Titulo"})},children:"Com titulo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Com dura\xE7\xE3o",{duration:4e3})},children:"Com dura\xE7\xE3o"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Toast padr\xE3o")},children:"Padr\xE3o"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Algo deu errado",{type:"error"})},children:"Erro"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("ERRO CR\xCDTICO",{type:"critical"})},children:"Cr\xEDtico"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Informa\xE7\xE3o",{type:"informative"})},children:"Informativo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Deu certo :)",{type:"success"})},children:"Sucesso"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Aten\xE7\xE3o",{type:"warning"})},children:"Aviso"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("\xCDcone",{icon:"airplay"})},children:"Com \xEDcone customizado"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Sem a barrinha",{hideBar:!0})},children:"Sem barra de progresso"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("\xCDcone escondido",{hideIcon:!0})},children:"Sem \xEDcone"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("S\xF3 da pra fechar clicando em mim",{hideCloseButton:!0})},children:"Sem \xEDcone de fechar"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Vazio",{hideCloseButton:!0,hideBar:!0,hideIcon:!0})},children:"S\xF3 o conte\xFAdo do toast"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",style:{width:"100%"},spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{children:"N\xE3o foi poss\xEDvel adicionar o produto, desbloqueie o carrinho antes"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{variant:"outline",bgColor:"neutral.neutral3",textColor:"neutral.neutral5",children:"Desbloquear carrinho"})]}),{hideIcon:!0})},children:"Com a\xE7\xE3o"})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Esquerda",{position:"top-left"})},children:"Superior esquerdo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Direita",{position:"top-right"})},children:"Superior direito"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Esquerda",{position:"bottom-left"})},children:"Inferior esquerdo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Direita",{position:"bottom-right"})},children:"Inferior direito"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Centro",{position:"top"})},children:"Centralizado no topo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Centro",{position:"bottom"})},children:"Centralizado no fundo"})]})]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastContainer.ToastContainer,{position:"top-right"})]})}function ToastPositionExamples(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Esquerda",{position:"top-left"})},children:"Superior esquerdo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Direita",{position:"top-right"})},children:"Superior direito"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Esquerda",{position:"bottom-left"})},children:"Inferior esquerdo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Direita",{position:"bottom-right"})},children:"Inferior direito"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Centro",{position:"top"})},children:"Centralizado no topo"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Centro",{position:"bottom"})},children:"Centralizado no fundo"})]})}function ToastCustomIconExample(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:function onClick(){return(0,_toastHandler.toast)("Friday deploy",{icon:"frown",type:"error"})},children:"\xCDcone customizado"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastContainer.ToastContainer,{})]})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastContainer/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAa,WAAW,EAAkB,MAAM,UAAU,CAAC;AAMlE,wBAAgB,cAAc,CAAC,YAAY,CAAC,EAAE,WAAW,eAkGxD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastContainer=ToastContainer;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_framerMotion=require("framer-motion"),_ToastItem=require("../ToastItem"),_EventManager=require("../EventManager"),_styles=require("./styles"),_types=require("../EventManager/types"),_animations=require("../ToastItem/animations"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["content","id"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e2){throw _e2},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e3){didErr=!0,err=_e3},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function ToastContainer(defaultProps){function buildToasts(params){setToasts(function(prevState){return[].concat(_toConsumableArray(prevState),[params])})}var _useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),toasts=_useState2[0],setToasts=_useState2[1];return(0,_react.useEffect)(function(){return _EventManager.toastEventManager.list.has(_types.EventToast.Show)||_EventManager.toastEventManager.on(_types.EventToast.Show,buildToasts),function(){_EventManager.toastEventManager.clear()}},[]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:function(callback){var _step,toastsToRender=new Map([["top-left",[]],["top-right",[]],["bottom-left",[]],["bottom-right",[]],["top",[]],["bottom",[]]]),_iterator=_createForOfIteratorHelper(toasts);try{for(_iterator.s();!(_step=_iterator.n()).done;){var _toastsToRender$get,toast=_step.value,position=toast.position||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.position)||"top-right";toastsToRender.has(position)||toastsToRender.set(position,[]),null===(_toastsToRender$get=toastsToRender.get(position))||void 0===_toastsToRender$get?void 0:_toastsToRender$get.push(toast)}}catch(err){_iterator.e(err)}finally{_iterator.f()}return Array.from(toastsToRender,function(positionedToasts){var toastsPosition=positionedToasts[0],newToasts=positionedToasts[1],reverseToasts=toastsPosition.includes("bottom");return reverseToasts&&newToasts.reverse(),callback(toastsPosition,newToasts)})}(function(position,items){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ToastsContainerWrapper,{className:(0,_classnames.default)(position.split("-"),{hide:!items[0]}),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"popLayout",children:null===items||void 0===items?void 0:items.map(function(_ref){var content=_ref.content,id=_ref.id,props=_objectWithoutProperties(_ref,_excluded),toastProps={duration:props.duration||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.duration),hideBar:props.hideBar||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.hideBar),position:props.position||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.position),icon:props.icon||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.icon),title:props.title||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.title),type:props.type||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.type),hideIcon:props.hideIcon||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.hideIcon),hideCloseButton:props.hideCloseButton||(null===defaultProps||void 0===defaultProps?void 0:defaultProps.hideCloseButton)};return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.li,_objectSpread(_objectSpread({layout:!0},_animations.toastAnimations[position]),{},{style:{width:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastItem.Toast,_objectSpread(_objectSpread({},toastProps),{},{onToastTimeoutEnd:function onToastTimeoutEnd(){setTimeout(function(){setToasts(function(prevState){var newItems=prevState.filter(function(item){return item.id!==id});return newItems})},0)},children:content}))}),"".concat(id,"-").concat(position))})})},"container-".concat(position))})})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ToastsContainerWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastContainer/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,sBAAsB;;;6GAkDlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastsContainerWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ToastsContainerWrapper=_styled.default.ul(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n position: fixed;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 20px;\n list-style: none;\n padding-block: 1rem;\n width: 400px;\n min-height: 150px;\n transition: all ease 0.2s;\n justify-content: start;\n z-index: ",";\n\n &.hide {\n opacity: 0;\n pointer-events: none;\n }\n\n &.top {\n top: 0px;\n }\n\n &.bottom {\n justify-content: end;\n bottom: 0px;\n }\n\n &.left {\n left: 20px;\n }\n &.right {\n right: 20px;\n }\n\n &:not(.left, .right) {\n left: 50%;\n transform: translate(-50%);\n }\n\n @media (max-width: 450px) {\n width: calc(100% - 2rem);\n\n &.top,\n &.bottom {\n transform: unset;\n right: unset;\n left: unset;\n }\n }\n"])),function(_ref){var theme=_ref.theme;return theme.zIndex.level48});exports.ToastsContainerWrapper=ToastsContainerWrapper;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { MotionProps } from 'framer-motion';
|
|
2
|
+
import { ToastPositions } from '../types';
|
|
3
|
+
export declare const topRightToastAnimation: MotionProps;
|
|
4
|
+
export declare const topLeftToastAnimation: MotionProps;
|
|
5
|
+
export declare const bottomLeftToastAnimation: MotionProps;
|
|
6
|
+
export declare const bottomRightToastAnimation: MotionProps;
|
|
7
|
+
export declare const bottomCenterToastAnimation: MotionProps;
|
|
8
|
+
export declare const topCenterToastAnimation: MotionProps;
|
|
9
|
+
export declare const toastAnimations: {
|
|
10
|
+
[positions in ToastPositions]: MotionProps;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastItem/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,eAAO,MAAM,sBAAsB,EAAE,WAIpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,WAInC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,WAItC,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,WAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,WAIxC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,WAIrC,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE;KAAG,SAAS,IAAI,cAAc,GAAG,WAAW;CAOzE,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.topRightToastAnimation=exports.topLeftToastAnimation=exports.topCenterToastAnimation=exports.toastAnimations=exports.bottomRightToastAnimation=exports.bottomLeftToastAnimation=exports.bottomCenterToastAnimation=void 0;var topRightToastAnimation={initial:{x:300,opacity:0},animate:{x:0,opacity:1},exit:{x:300,opacity:0}};exports.topRightToastAnimation=topRightToastAnimation;var topLeftToastAnimation={initial:{x:-300,opacity:0},animate:{x:0,opacity:1},exit:{x:-300,opacity:0}};exports.topLeftToastAnimation=topLeftToastAnimation;var bottomLeftToastAnimation={initial:{x:-100,opacity:0},animate:{x:0,opacity:1},exit:{x:-100,opacity:0}};exports.bottomLeftToastAnimation=bottomLeftToastAnimation;var bottomRightToastAnimation={initial:{x:300,opacity:0},animate:{x:0,opacity:1},exit:{x:300,opacity:0}};exports.bottomRightToastAnimation=bottomRightToastAnimation;var bottomCenterToastAnimation={initial:{y:100,opacity:0},animate:{y:0,opacity:1},exit:{y:100,opacity:0}};exports.bottomCenterToastAnimation=bottomCenterToastAnimation;var topCenterToastAnimation={initial:{y:-100,opacity:0},animate:{y:0,opacity:1},exit:{y:-300,opacity:0}};// eslint-disable-next-line no-unused-vars
|
|
2
|
+
exports.topCenterToastAnimation=topCenterToastAnimation;var toastAnimations={"top-left":topLeftToastAnimation,"top-right":topRightToastAnimation,"bottom-left":bottomLeftToastAnimation,"bottom-right":bottomRightToastAnimation,top:topCenterToastAnimation,bottom:bottomCenterToastAnimation};exports.toastAnimations=toastAnimations;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastItem/index.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,wBAAgB,KAAK,CAAC,EACpB,iBAAiB,EACjB,QAAQ,EACR,QAAe,EACf,IAAgB,EAChB,KAAK,EACL,IAAI,EACJ,OAAe,EACf,eAAuB,EACvB,QAAQ,GACT,EAAE,UAAU,eA4EZ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Toast=Toast;var _react=require("react"),_framerMotion=require("framer-motion"),_classnames=_interopRequireDefault(require("classnames")),_Flex=_interopRequireDefault(require("../../Flex")),_Icon=_interopRequireDefault(require("../../Icon")),_Typography=_interopRequireDefault(require("../../Typography")),_utils=require("./utils"),_theme=require("../../../shared/theme"),_customColorMode=require("../../../utils/customColorMode"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function Toast(_ref){var onToastTimeoutEnd=_ref.onToastTimeoutEnd,children=_ref.children,_ref$duration=_ref.duration,duration=void 0===_ref$duration?8e3:_ref$duration,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,title=_ref.title,icon=_ref.icon,_ref$hideBar=_ref.hideBar,_ref$hideCloseButton=_ref.hideCloseButton,hideIcon=_ref.hideIcon,barRef=(0,_react.useRef)(null),iconName=(0,_utils.getIconNameByType)(type),_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme,backgroundColor="default"===type?theme.colors.neutral.neutral2:theme.colors[type].default,barColor="default"===type?theme.colors.neutral.neutral4:theme.lightColors[type].blurred;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.ToastWrapper,{className:"closable_toast_area",onClick:function onClick(event){var target=event.target;target.classList.contains("closable_toast_area")&&onToastTimeoutEnd()},backgroundColor:backgroundColor,barColor:barColor,duration:duration,onMouseEnter:function onMouseEnter(){barRef.current&&(barRef.current.style.animationPlayState="paused")},onMouseLeave:function onMouseLeave(){barRef.current&&(barRef.current.style.animationPlayState="running")},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{ref:barRef,className:(0,_classnames.default)("toast_bar",{hide:void 0!==_ref$hideBar&&_ref$hideBar}),onAnimationEnd:onToastTimeoutEnd}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{className:"closable_toast_area",justifyContent:"space-between",style:{width:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{spacing:"1rem",alignItems:title?"flex-start":"center",children:[!hideIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Flex.default,{alignItems:"flex-start",style:{height:"100%"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{size:"1.5rem",color:barColor,name:icon||iconName})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"0.5rem",children:[title&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"600",className:"toast_title closable_toast_area",children:title}),children]})]}),!(void 0!==_ref$hideCloseButton&&_ref$hideCloseButton)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.button,{onClick:onToastTimeoutEnd,className:"icon_container",whileHover:{filter:"brightness(0.8)"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:(0,_customColorMode.customColorMode)("neutral.white","neutral.black")})})]})]})}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type ToastContainerProps = {
|
|
3
|
+
duration: number;
|
|
4
|
+
backgroundColor: string;
|
|
5
|
+
barColor: string;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToastWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & ToastContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastItem/styles.ts"],"names":[],"mappings":";AAIA,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,YAAY;;;+HAoDxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ToastWrapper=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_invertColor=require("../../../utils/invertColor");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var ToastWrapper=_styled.default.div(function(_ref){var _ref$duration=_ref.duration,duration=void 0===_ref$duration?8e3:_ref$duration,backgroundColor=_ref.backgroundColor,barColor=_ref.barColor;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n background: ",";\n width: 100%;\n padding: 1rem;\n border-radius: 0.5rem;\n display: flex;\n align-items: start;\n position: relative;\n overflow: hidden;\n box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n border: 1px solid ","50;\n color: ",";\n cursor: pointer;\n\n .toast_title {\n color: ",";\n }\n\n .icon_container {\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n align-items: start;\n }\n\n .toast_bar {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 3px;\n background: rgba(255, 255, 255, 0.5);\n animation: progress_bar ","ms linear;\n\n &.hide {\n opacity: 0;\n }\n\n @keyframes progress_bar {\n 0% {\n width: 100%;\n }\n\n 100% {\n width: 0%;\n }\n }\n }\n "])),backgroundColor,barColor,(0,_invertColor.invertColor)(backgroundColor,!0),(0,_invertColor.invertColor)(backgroundColor,!0),duration)});exports.ToastWrapper=ToastWrapper;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastItem/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACrC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastItem/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,MAAM,CAAC,GAAG,QAAQ,CA0BpE"}
|