@pedidopago/ui 1.9.2 → 1.9.4

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.
Files changed (81) hide show
  1. package/dist/components/CollapseCard/ExpandButton/styles.d.ts +59 -59
  2. package/dist/components/CollapseCard/styles.d.ts +57 -57
  3. package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +57 -57
  4. package/dist/components/Dropzone/styles.d.ts +5 -5
  5. package/dist/components/EmojiPicker/styles.d.ts +94 -94
  6. package/dist/components/Flex/styles.d.ts +7 -7
  7. package/dist/components/Modal/index.d.ts +1 -1
  8. package/dist/components/Modal/index.d.ts.map +1 -1
  9. package/dist/components/Modal/index.js +1 -1
  10. package/dist/components/Modal/styles.d.ts +98 -98
  11. package/dist/components/Modal/types.d.ts +1 -0
  12. package/dist/components/Modal/types.d.ts.map +1 -1
  13. package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts +57 -57
  14. package/dist/components/MultipleSelect/index.d.ts.map +1 -1
  15. package/dist/components/MultipleSelect/index.js +1 -1
  16. package/dist/components/NewSelect/components/OptionsSelect/styles.d.ts +57 -57
  17. package/dist/components/Slider/components/SliderSelector.d.ts +3 -3
  18. package/dist/components/Slider/index.d.ts +3 -3
  19. package/dist/components/Slider/styles.d.ts +1 -1
  20. package/dist/components/Tabs/styles.d.ts +2 -2
  21. package/dist/components/Timeline/styles.d.ts +1 -1
  22. package/dist/components/Toast/EventManager/index.d.ts +3 -0
  23. package/dist/components/Toast/EventManager/index.d.ts.map +1 -0
  24. package/dist/components/Toast/EventManager/index.js +1 -0
  25. package/dist/components/Toast/EventManager/types.d.ts +18 -0
  26. package/dist/components/Toast/EventManager/types.d.ts.map +1 -0
  27. package/dist/components/Toast/EventManager/types.js +1 -0
  28. package/dist/components/Toast/Example/index.d.ts +5 -0
  29. package/dist/components/Toast/Example/index.d.ts.map +1 -0
  30. package/dist/components/Toast/Example/index.js +1 -0
  31. package/dist/components/Toast/ToastContainer/index.d.ts +4 -0
  32. package/dist/components/Toast/ToastContainer/index.d.ts.map +1 -0
  33. package/dist/components/Toast/ToastContainer/index.js +1 -0
  34. package/dist/components/Toast/ToastContainer/styles.d.ts +6 -0
  35. package/dist/components/Toast/ToastContainer/styles.d.ts.map +1 -0
  36. package/dist/components/Toast/ToastContainer/styles.js +1 -0
  37. package/dist/components/Toast/ToastItem/animations.d.ts +12 -0
  38. package/dist/components/Toast/ToastItem/animations.d.ts.map +1 -0
  39. package/dist/components/Toast/ToastItem/animations.js +2 -0
  40. package/dist/components/Toast/ToastItem/index.d.ts +4 -0
  41. package/dist/components/Toast/ToastItem/index.d.ts.map +1 -0
  42. package/dist/components/Toast/ToastItem/index.js +1 -0
  43. package/dist/components/Toast/ToastItem/styles.d.ts +12 -0
  44. package/dist/components/Toast/ToastItem/styles.d.ts.map +1 -0
  45. package/dist/components/Toast/ToastItem/styles.js +1 -0
  46. package/dist/components/Toast/ToastItem/types.d.ts +7 -0
  47. package/dist/components/Toast/ToastItem/types.d.ts.map +1 -0
  48. package/dist/components/Toast/ToastItem/types.js +1 -0
  49. package/dist/components/Toast/ToastItem/utils.d.ts +4 -0
  50. package/dist/components/Toast/ToastItem/utils.d.ts.map +1 -0
  51. package/dist/components/Toast/ToastItem/utils.js +1 -0
  52. package/dist/components/Toast/contexts/ToastProvider.d.ts.map +1 -1
  53. package/dist/components/Toast/contexts/ToastProvider.js +1 -1
  54. package/dist/components/Toast/hooks/useToast.d.ts +11 -1
  55. package/dist/components/Toast/hooks/useToast.d.ts.map +1 -1
  56. package/dist/components/Toast/hooks/useToast.js +10 -1
  57. package/dist/components/Toast/index.d.ts +5 -3
  58. package/dist/components/Toast/index.d.ts.map +1 -1
  59. package/dist/components/Toast/index.js +1 -1
  60. package/dist/components/Toast/toast-handler.d.ts +11 -0
  61. package/dist/components/Toast/toast-handler.d.ts.map +1 -0
  62. package/dist/components/Toast/toast-handler.js +1 -0
  63. package/dist/components/Toast/types.d.ts +26 -13
  64. package/dist/components/Toast/types.d.ts.map +1 -1
  65. package/dist/components/Typography/styles.d.ts +5 -5
  66. package/dist/index.d.ts +1 -1
  67. package/dist/index.d.ts.map +1 -1
  68. package/dist/index.js +1 -1
  69. package/package.json +4 -4
  70. package/dist/components/Toast/button-example.d.ts +0 -7
  71. package/dist/components/Toast/button-example.d.ts.map +0 -1
  72. package/dist/components/Toast/button-example.js +0 -1
  73. package/dist/components/Toast/components/Toast.d.ts +0 -5
  74. package/dist/components/Toast/components/Toast.d.ts.map +0 -1
  75. package/dist/components/Toast/components/Toast.js +0 -1
  76. package/dist/components/Toast/styles.d.ts +0 -23
  77. package/dist/components/Toast/styles.d.ts.map +0 -1
  78. package/dist/components/Toast/styles.js +0 -1
  79. package/dist/components/Toast/toast.test.d.ts +0 -2
  80. package/dist/components/Toast/toast.test.d.ts.map +0 -1
  81. package/dist/components/Toast/toast.test.js +0 -1
@@ -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?: "no" | "yes" | undefined;
8
- id?: string | undefined;
9
- hidden?: boolean | undefined;
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
- role?: import("react").AriaRole | undefined;
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 | "false" | "true") | undefined;
16
- "aria-autocomplete"?: "none" | "list" | "inline" | "both" | undefined;
17
- "aria-busy"?: (boolean | "false" | "true") | undefined;
18
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
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" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
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 | "false" | "true") | undefined;
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 | "false" | "true") | undefined;
64
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
30
65
  "aria-flowto"?: string | undefined;
31
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
32
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
33
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
34
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
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 | "false" | "true") | undefined;
41
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
42
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
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 | "mixed" | "false" | "true" | undefined;
48
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
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 | "false" | "true") | undefined;
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 | "false" | "true") | undefined;
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 | (string & {}) | undefined;
8
- thumbColor?: import("../../..").GlobalColorsProps | (string & {}) | undefined;
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 & {}) | "auto" | "off" | "%v" | undefined;
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 | (string & {}) | undefined;
8
- thumbColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
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 & {}) | "auto" | "off" | "%v" | undefined;
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?: GlobalColorsProps | (string & {}) | undefined;
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 | (string & {}) | undefined;
16
- textColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
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 | (string & {}) | undefined;
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,3 @@
1
+ import { EventManager } from './types';
2
+ export declare const toastEventManager: EventManager;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -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,5 @@
1
+ /// <reference types="react" />
2
+ export declare function ToastExample(): JSX.Element;
3
+ export declare function ToastPositionExamples(): JSX.Element;
4
+ export declare function ToastCustomIconExample(): JSX.Element;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ /// <reference types="react" />
2
+ import { ToastParams } from '../types';
3
+ export declare function ToastContainer(defaultProps?: ToastParams): JSX.Element;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,4 @@
1
+ /// <reference types="react" />
2
+ import { ToastProps } from './types';
3
+ export declare function Toast({ onToastTimeoutEnd, children, duration, type, title, icon, hideBar, hideCloseButton, hideIcon, }: ToastProps): JSX.Element;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -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,7 @@
1
+ import { ReactNode } from 'react';
2
+ import { ToastParams } from '../types';
3
+ export type ToastProps = ToastParams & {
4
+ onToastTimeoutEnd: () => void;
5
+ children: ReactNode;
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -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,4 @@
1
+ import { IconName } from '../../../components/Icon/types';
2
+ import { ToastProps } from './types';
3
+ export declare function getIconNameByType(type: ToastProps['type']): IconName;
4
+ //# sourceMappingURL=utils.d.ts.map
@@ -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"}
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.getIconNameByType=getIconNameByType;function getIconNameByType(type){return["default","informative"].includes(type)?"info":["warning"].includes(type)?"alert-circle":["error","critical"].includes(type)?"slash":["success"].includes(type)?"check-circle":"info"}
@@ -1 +1 @@
1
- {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA4B,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE3F,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,QAAA,MAAM,aAAa,iBAAkB,kBAAkB,gBAqCtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAgB,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE/E,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,QAAA,MAAM,aAAa,iBAAkB,kBAAkB,gBAyBtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1 +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.default=exports.ToastContext=void 0;var _react=require("react"),_=_interopRequireDefault(require("..")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 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 _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}var ToastContext=/*#__PURE__*/(0,_react.createContext)({});exports.ToastContext=ToastContext;var ToastProvider=function(_ref){var children=_ref.children,_useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),toasts=_useState2[0],setToasts=_useState2[1],addToast=(0,_react.useCallback)(function(options){var toastOptions={config:_objectSpread(_objectSpread({},options),{},{icon:options.icon||"info",duration:options.duration||5e3,type:options.type||"default",position:options.position||"bottom",onClose:options.onClose||void 0}),id:Math.random().toString(36).substring(2,9)};setToasts([].concat(_toConsumableArray(toasts),[toastOptions]))},[]),remoteToast=(0,_react.useCallback)(function(id){setToasts(function(prevState){var filterToast=prevState.filter(function(toast){return toast.id===id});if(filterToast[0]){var _filterToast$0$config,_filterToast$0$config2;null===(_filterToast$0$config=(_filterToast$0$config2=filterToast[0].config).onClose)||void 0===_filterToast$0$config?void 0:_filterToast$0$config.call(_filterToast$0$config2,id)}return prevState.filter(function(toast){return toast.id!==id})})},[]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(ToastContext.Provider,{value:{add:addToast,remove:remoteToast,toasts:toasts},children:[children,/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{})]})},_default=ToastProvider;exports.default=_default;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ToastContext=void 0;var _react=require("react"),_ToastContainer=require("../../Toast/ToastContainer"),_toastHandler=require("../../Toast/toast-handler"),_jsxRuntime=require("react/jsx-runtime");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)}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)}var ToastContext=/*#__PURE__*/(0,_react.createContext)({});exports.ToastContext=ToastContext;var ToastProvider=function(_ref){var children=_ref.children,addToast=(0,_react.useCallback)(function(options){var toastOptions={config:_objectSpread(_objectSpread({},options),{},{icon:options.icon,duration:options.duration||8e3,type:options.type||"default",position:options.position||"top-right",onClose:options.onClose||void 0}),id:Math.random().toString(36).substring(2,9)},_toastOptions$config=toastOptions.config,content=_toastOptions$config.content,duration=_toastOptions$config.duration,icon=_toastOptions$config.icon,position=_toastOptions$config.position,type=_toastOptions$config.type,title=_toastOptions$config.title;(0,_toastHandler.toast)(content,{duration:duration,icon:icon,position:position,type:type,title:title})},[]);return/*#__PURE__*/(0,_jsxRuntime.jsxs)(ToastContext.Provider,{value:{add:addToast},children:[children,/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastContainer.ToastContainer,{})]})},_default=ToastProvider;exports.default=_default;
@@ -1,3 +1,13 @@
1
- declare const useToast: () => (options: import("../types").IToastConfig) => void;
1
+ /**
2
+ * @deprecated do not use ToastProvider or useToast, use toast() instead like the following example:
3
+ *
4
+ * ```typescript
5
+ * import { toast } from '@pedidopago/ui'
6
+ *
7
+ * toast('Conteúdo do toast');
8
+ * ```
9
+ *
10
+ */
11
+ declare const useToast: () => (options: import("..").IToastConfig) => void;
2
12
  export default useToast;
3
13
  //# sourceMappingURL=useToast.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks/useToast.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,QAAQ,0DAQb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/hooks/useToast.ts"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,QAAA,MAAM,QAAQ,oDAQb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1 +1,10 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_ToastProvider=require("../contexts/ToastProvider"),useToast=function(){var _useContext=(0,_react.useContext)(_ToastProvider.ToastContext),add=_useContext.add;if(!add)throw new Error("useToast must be used within ToastProvider");return add},_default=useToast;exports.default=_default;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_ToastProvider=require("../contexts/ToastProvider"),useToast=function(){var _useContext=(0,_react.useContext)(_ToastProvider.ToastContext),add=_useContext.add;if(!add)throw new Error("useToast must be used within ToastProvider");return add},_default=useToast;/**
2
+ * @deprecated do not use ToastProvider or useToast, use toast() instead like the following example:
3
+ *
4
+ * ```typescript
5
+ * import { toast } from '@pedidopago/ui'
6
+ *
7
+ * toast('Conteúdo do toast');
8
+ * ```
9
+ *
10
+ */exports.default=_default;
@@ -1,4 +1,6 @@
1
- /// <reference types="react" />
2
- declare const ToastContainer: () => JSX.Element;
3
- export default ToastContainer;
1
+ export * from './ToastContainer';
2
+ export * from './toast-handler';
3
+ export * from './types';
4
+ export * from './ToastItem';
5
+ export * from './EventManager';
4
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.tsx"],"names":[],"mappings":";AAeA,QAAA,MAAM,cAAc,mBAuFnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_Toast=_interopRequireDefault(require("./components/Toast")),_ReactPortal=require("../ReactPortal"),_ToastProvider=require("./contexts/ToastProvider"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var ToastContainer=function(){var _useContext=(0,_react.useContext)(_ToastProvider.ToastContext),toasts=_useContext.toasts,remove=_useContext.remove;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_ReactPortal.ReactPortal,{wrapperId:"toast-root",children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StyledToastContainerOverlay,{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"top",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"top"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"top-right",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"top-right"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"top-left",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"top-left"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"bottom",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"bottom"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"bottom-right",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"bottom-right"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerOverlay,{position:"bottom-left",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastManagerInner,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{initial:!1,children:toasts&&toasts.map(function(toast){return"bottom-left"===toast.config.position&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Toast.default,_objectSpread({toastId:toast.id,close:remove},toast.config),toast.id)})})})})]})})},_default=ToastContainer;exports.default=_default;
1
+ "use strict";var _ToastContainer=require("./ToastContainer");var _toastHandler=require("./toast-handler");var _types=require("./types");var _ToastItem=require("./ToastItem");var _EventManager=require("./EventManager");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_ToastContainer).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_ToastContainer[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ToastContainer[key]}})});Object.keys(_toastHandler).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_toastHandler[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _toastHandler[key]}})});Object.keys(_types).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_types[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _types[key]}})});Object.keys(_ToastItem).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_ToastItem[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ToastItem[key]}})});Object.keys(_EventManager).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_EventManager[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EventManager[key]}})});
@@ -0,0 +1,11 @@
1
+ import { ReactNode } from 'react';
2
+ import { ToastParams, ToastByTypeParams } from './types';
3
+ export declare function toast(content: ReactNode, params?: ToastParams): void;
4
+ export declare namespace toast {
5
+ var success: (content: ReactNode, params?: ToastByTypeParams | undefined) => void;
6
+ var error: (content: ReactNode, params?: ToastByTypeParams | undefined) => void;
7
+ var critical: (content: ReactNode, params?: ToastByTypeParams | undefined) => void;
8
+ var informative: (content: ReactNode, params?: ToastByTypeParams | undefined) => void;
9
+ var warning: (content: ReactNode, params?: ToastByTypeParams | undefined) => void;
10
+ }
11
+ //# sourceMappingURL=toast-handler.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast-handler.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toast-handler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEzD,wBAAgB,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,MAAM,CAAC,EAAE,WAAW,QAG7D;yBAHe,KAAK"}
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.toast=toast;var _EventManager=require("./EventManager"),_types=require("./EventManager/types");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)}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 toast(content,params){var id=new Date().getTime();_EventManager.toastEventManager.emit(_types.EventToast.Show,_objectSpread(_objectSpread({},params),{},{id:id,content:content}))}toast.success=function(content,params){return toast(content,_objectSpread(_objectSpread({},params),{},{type:"success"}))},toast.error=function(content,params){return toast(content,_objectSpread(_objectSpread({},params),{},{type:"error"}))},toast.critical=function(content,params){return toast(content,_objectSpread(_objectSpread({},params),{},{type:"critical"}))},toast.informative=function(content,params){return toast(content,_objectSpread(_objectSpread({},params),{},{type:"informative"}))},toast.warning=function(content,params){return toast(content,_objectSpread(_objectSpread({},params),{},{type:"warning"}))};