@sparrowengg/integrations-templates-frontend 8.0.4 → 8.0.5
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/cjs/contact-import/components/ContactImportHeader.js +2 -6
- package/dist/cjs/contact-import/components/ContactImportHeader.js.map +1 -1
- package/dist/cjs/contact-import/index.js +2 -1
- package/dist/cjs/contact-import/index.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/hooks/use-toast.js +38 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/hooks/use-toast.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +4 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dismissable-layer/dist/index.js.map +1 -1
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-toast/dist/index.js +731 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-toast/dist/index.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/alert-fill.js +66 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/alert-fill.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/info-fill.js +88 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/info-fill.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/tick-circle-fill.js +66 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/tick-circle-fill.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/toast/toast.js +507 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/toast/toast.js.map +1 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/toast/toastr.js +87 -0
- package/dist/cjs/node_modules/@sparrowengg/twigs-react/dist/es/toast/toastr.js.map +1 -0
- package/dist/es/contact-import/components/ContactImportHeader.js +2 -6
- package/dist/es/contact-import/components/ContactImportHeader.js.map +1 -1
- package/dist/es/contact-import/index.js +2 -1
- package/dist/es/contact-import/index.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/hooks/use-toast.js +19 -2
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/hooks/use-toast.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +3 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-dismissable-layer/dist/index.js.map +1 -1
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-toast/dist/index.js +696 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/node_modules/@radix-ui/react-toast/dist/index.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/alert-fill.js +64 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/alert-fill.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/info-fill.js +86 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/info-fill.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/tick-circle-fill.js +64 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/packages/react-icons/dist/es/icons/tick-circle-fill.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/toast/toast.js +501 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/toast/toast.js.map +1 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/toast/toastr.js +85 -0
- package/dist/es/node_modules/@sparrowengg/twigs-react/dist/es/toast/toastr.js.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1,507 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var index = require('../node_modules/@radix-ui/react-toast/dist/index.js');
|
|
6
|
+
var circle = require('../loader/circle.js');
|
|
7
|
+
var stitches_config = require('../stitches.config.js');
|
|
8
|
+
var flex = require('../flex/flex.js');
|
|
9
|
+
var box = require('../box/box.js');
|
|
10
|
+
var tooltip = require('../tooltip/tooltip.js');
|
|
11
|
+
var tickCircleFill = require('../packages/react-icons/dist/es/icons/tick-circle-fill.js');
|
|
12
|
+
var alertFill = require('../packages/react-icons/dist/es/icons/alert-fill.js');
|
|
13
|
+
var infoFill = require('../packages/react-icons/dist/es/icons/info-fill.js');
|
|
14
|
+
var close = require('../packages/react-icons/dist/es/icons/close.js');
|
|
15
|
+
|
|
16
|
+
var __defProp = Object.defineProperty;
|
|
17
|
+
var __defProps = Object.defineProperties;
|
|
18
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
19
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
20
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
21
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
22
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
23
|
+
var __spreadValues = (a, b) => {
|
|
24
|
+
for (var prop in b || (b = {}))
|
|
25
|
+
if (__hasOwnProp.call(b, prop))
|
|
26
|
+
__defNormalProp(a, prop, b[prop]);
|
|
27
|
+
if (__getOwnPropSymbols)
|
|
28
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
29
|
+
if (__propIsEnum.call(b, prop))
|
|
30
|
+
__defNormalProp(a, prop, b[prop]);
|
|
31
|
+
}
|
|
32
|
+
return a;
|
|
33
|
+
};
|
|
34
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
35
|
+
var __objRest = (source, exclude) => {
|
|
36
|
+
var target = {};
|
|
37
|
+
for (var prop in source)
|
|
38
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
39
|
+
target[prop] = source[prop];
|
|
40
|
+
if (source != null && __getOwnPropSymbols)
|
|
41
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
42
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
43
|
+
target[prop] = source[prop];
|
|
44
|
+
}
|
|
45
|
+
return target;
|
|
46
|
+
};
|
|
47
|
+
const StyledTickIcon = stitches_config.styled(tickCircleFill.TickCircleFillIcon);
|
|
48
|
+
const StyledErrorIcon = stitches_config.styled(alertFill.AlertFillIcon);
|
|
49
|
+
const StyledWarningIcon = stitches_config.styled(infoFill.InfoFillIcon);
|
|
50
|
+
const hide = stitches_config.keyframes({
|
|
51
|
+
"0%": { opacity: 1 },
|
|
52
|
+
"100%": { opacity: 0 }
|
|
53
|
+
});
|
|
54
|
+
const slideInFromRight = stitches_config.keyframes({
|
|
55
|
+
from: { transform: "translateX(calc(100% + $space$12))" },
|
|
56
|
+
to: { transform: "translateX(0)" }
|
|
57
|
+
});
|
|
58
|
+
const slideInFromLeft = stitches_config.keyframes({
|
|
59
|
+
from: { transform: "translateX(calc(-100% + $space$12))" },
|
|
60
|
+
to: { transform: "translateX(0)" }
|
|
61
|
+
});
|
|
62
|
+
const slideInFromTop = stitches_config.keyframes({
|
|
63
|
+
from: { transform: "translateY(calc(-100% + $space$12))" },
|
|
64
|
+
to: { transform: "translateY(0)" }
|
|
65
|
+
});
|
|
66
|
+
const slideInFromBottom = stitches_config.keyframes({
|
|
67
|
+
from: { transform: "translateY(calc(100% + $space$12))" },
|
|
68
|
+
to: { transform: "translateY(0)" }
|
|
69
|
+
});
|
|
70
|
+
const swipeOutToRight = stitches_config.keyframes({
|
|
71
|
+
from: { transform: "translateX(var(--radix-toast-swipe-end-x))" },
|
|
72
|
+
to: { transform: "translateX(100vw)" }
|
|
73
|
+
});
|
|
74
|
+
const swipeOutToLeft = stitches_config.keyframes({
|
|
75
|
+
from: { transform: "translateX(var(--radix-toast-swipe-end-x))" },
|
|
76
|
+
to: { transform: "translateX(-100vw)" }
|
|
77
|
+
});
|
|
78
|
+
const swipeOutToTop = stitches_config.keyframes({
|
|
79
|
+
from: { transform: "translateY(var(--radix-toast-swipe-end-y))" },
|
|
80
|
+
to: { transform: "translateY(-100vh)" }
|
|
81
|
+
});
|
|
82
|
+
const swipeOutToBottom = stitches_config.keyframes({
|
|
83
|
+
from: { transform: "translateY(var(--radix-toast-swipe-end-y))" },
|
|
84
|
+
to: { transform: "translateY(100vh)" }
|
|
85
|
+
});
|
|
86
|
+
const StyledViewport = stitches_config.styled(index.Viewport, {
|
|
87
|
+
position: "fixed",
|
|
88
|
+
display: "flex",
|
|
89
|
+
flexDirection: "column",
|
|
90
|
+
gap: "$space$5",
|
|
91
|
+
minWidth: 400,
|
|
92
|
+
maxWidth: "100vw",
|
|
93
|
+
margin: 0,
|
|
94
|
+
listStyle: "none",
|
|
95
|
+
zIndex: 99999999,
|
|
96
|
+
outline: "none",
|
|
97
|
+
"& li": {
|
|
98
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
99
|
+
'&[data-swipe-direction="up"], &[data-swipe-direction="down"]': {
|
|
100
|
+
'&[data-swipe="move"]': {
|
|
101
|
+
transform: "translateY(var(--radix-toast-swipe-move-y))"
|
|
102
|
+
},
|
|
103
|
+
'&[data-swipe="cancel"]': {
|
|
104
|
+
transform: "translateY(0)",
|
|
105
|
+
transition: "transform 200ms ease-out"
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
'&[data-swipe-direction="up"]': {
|
|
109
|
+
'&[data-swipe="end"]': {
|
|
110
|
+
animation: `${swipeOutToTop} 150ms ease-out`
|
|
111
|
+
}
|
|
112
|
+
},
|
|
113
|
+
'&[data-swipe-direction="down"]': {
|
|
114
|
+
'&[data-swipe="end"]': {
|
|
115
|
+
animation: `${swipeOutToBottom} 150ms ease-out`
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
'&[data-swipe-direction="left"], &[data-swipe-direction="right"]': {
|
|
119
|
+
'&[data-swipe="move"]': {
|
|
120
|
+
transform: "translateX(var(--radix-toast-swipe-move-x))"
|
|
121
|
+
},
|
|
122
|
+
'&[data-swipe="cancel"]': {
|
|
123
|
+
transform: "translateX(0)",
|
|
124
|
+
transition: "transform 200ms ease-out"
|
|
125
|
+
}
|
|
126
|
+
},
|
|
127
|
+
'&[data-swipe-direction="left"]': {
|
|
128
|
+
'&[data-swipe="end"]': {
|
|
129
|
+
animation: `${swipeOutToLeft} 300ms ease-out`
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
'&[data-swipe-direction="right"]': {
|
|
133
|
+
'&[data-swipe="end"]': {
|
|
134
|
+
animation: `${swipeOutToRight} 300ms ease-out`
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
},
|
|
139
|
+
variants: {
|
|
140
|
+
position: {
|
|
141
|
+
"top-left": {
|
|
142
|
+
top: "0",
|
|
143
|
+
left: "0",
|
|
144
|
+
paddingTop: "$12",
|
|
145
|
+
paddingLeft: "$12",
|
|
146
|
+
"& li": {
|
|
147
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
148
|
+
'&[data-state="open"]': {
|
|
149
|
+
animation: `${slideInFromLeft} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"top-center": {
|
|
155
|
+
top: "0",
|
|
156
|
+
left: "50%",
|
|
157
|
+
transform: "translateX(-50%)",
|
|
158
|
+
paddingTop: "$12",
|
|
159
|
+
"& li": {
|
|
160
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
161
|
+
'&[data-state="open"]': {
|
|
162
|
+
animation: `${slideInFromTop} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
"top-right": {
|
|
168
|
+
top: "0",
|
|
169
|
+
right: "0",
|
|
170
|
+
paddingTop: "$12",
|
|
171
|
+
paddingRight: "$12",
|
|
172
|
+
"& li": {
|
|
173
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
174
|
+
'&[data-state="open"]': {
|
|
175
|
+
animation: `${slideInFromRight} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
"bottom-left": {
|
|
181
|
+
bottom: "0",
|
|
182
|
+
left: "0",
|
|
183
|
+
paddingBottom: "$12",
|
|
184
|
+
paddingLeft: "$12",
|
|
185
|
+
"& li": {
|
|
186
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
187
|
+
'&[data-state="open"]': {
|
|
188
|
+
animation: `${slideInFromLeft} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
"bottom-center": {
|
|
194
|
+
bottom: "0",
|
|
195
|
+
left: "50%",
|
|
196
|
+
paddingBottom: "$12",
|
|
197
|
+
transform: "translateX(-50%)",
|
|
198
|
+
"& li": {
|
|
199
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
200
|
+
'&[data-state="open"]': {
|
|
201
|
+
animation: `${slideInFromBottom} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
},
|
|
206
|
+
"bottom-right": {
|
|
207
|
+
bottom: "0",
|
|
208
|
+
right: "0",
|
|
209
|
+
paddingBottom: "$12",
|
|
210
|
+
paddingRight: "$12",
|
|
211
|
+
"& li": {
|
|
212
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
213
|
+
'&[data-state="open"]': {
|
|
214
|
+
animation: `${slideInFromRight} 150ms cubic-bezier(0.16, 1, 0.3, 1)`
|
|
215
|
+
}
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
},
|
|
221
|
+
defaultVariants: {
|
|
222
|
+
position: "bottom-center"
|
|
223
|
+
}
|
|
224
|
+
});
|
|
225
|
+
const StyledIcon = stitches_config.styled(flex.Flex, {
|
|
226
|
+
gridArea: "icon",
|
|
227
|
+
width: "$6",
|
|
228
|
+
height: "$6",
|
|
229
|
+
alignItems: "center",
|
|
230
|
+
justifyContent: "center"
|
|
231
|
+
});
|
|
232
|
+
const Icon = (_a) => {
|
|
233
|
+
var _b = _a, { children, variant = "success" } = _b, props = __objRest(_b, ["children", "variant"]);
|
|
234
|
+
const iconMap = {
|
|
235
|
+
default: () => /* @__PURE__ */ jsxRuntime.jsx(StyledTickIcon, { size: 24 }),
|
|
236
|
+
success: () => /* @__PURE__ */ jsxRuntime.jsx(StyledTickIcon, { size: 24 }),
|
|
237
|
+
error: () => /* @__PURE__ */ jsxRuntime.jsx(StyledErrorIcon, { size: 24 }),
|
|
238
|
+
warning: () => /* @__PURE__ */ jsxRuntime.jsx(StyledWarningIcon, { size: 24 })
|
|
239
|
+
};
|
|
240
|
+
return variant === "loading" ? children || /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(circle.CircleLoader, { size: "xl", color: "accent" }) }) : /* @__PURE__ */ jsxRuntime.jsx(StyledIcon, __spreadProps(__spreadValues({}, props), { children: children || /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: iconMap[variant]() }) }));
|
|
241
|
+
};
|
|
242
|
+
const StyledTitle = stitches_config.styled(index.Title, {
|
|
243
|
+
fontWeight: "$7",
|
|
244
|
+
lineHeight: "$sm",
|
|
245
|
+
fontSize: "$sm"
|
|
246
|
+
});
|
|
247
|
+
const StyledDescription = stitches_config.styled(index.Description, {
|
|
248
|
+
gridArea: "description",
|
|
249
|
+
margin: 0,
|
|
250
|
+
color: "$white900",
|
|
251
|
+
fontSize: "$sm"
|
|
252
|
+
});
|
|
253
|
+
const defaultBoxShadow = `0px 56px 70px 30px ${stitches_config.hexToRgba("$white900", 0.4)}, 0px 10px 20px 0px ${stitches_config.hexToRgba("$accent500", 0.15)}, 0px 2px 5px 0px ${stitches_config.hexToRgba("$accent500", 0.06)}, 0px 1px 1px 0px ${stitches_config.hexToRgba("$accent500", 0.06)}`;
|
|
254
|
+
const successBoxShadow = `0px 56px 70px 30px ${stitches_config.hexToRgba("$white900", 0.4)}, 0px 10px 20px 0px ${stitches_config.hexToRgba("$accent700", 0.15)}, 0px 2px 5px 0px ${stitches_config.hexToRgba("$accent700", 0.06)}, 0px 1px 1px 0px ${stitches_config.hexToRgba("$accent700", 0.06)}`;
|
|
255
|
+
const errorBoxShadow = `0px 56px 70px 30px ${stitches_config.hexToRgba("$white900", 0.4)}, 0px 10px 20px 0px ${stitches_config.hexToRgba("$negative700", 0.15)}, 0px 2px 5px 0px ${stitches_config.hexToRgba("$negative700", 0.06)}, 0px 1px 1px 0px ${stitches_config.hexToRgba("$negative700", 0.06)}`;
|
|
256
|
+
const warningBoxShadow = `0px 56px 70px 30px ${stitches_config.hexToRgba("$white900", 0.4)}, 0px 10px 20px 0px ${stitches_config.hexToRgba("$warning700", 0.15)}, 0px 2px 5px 0px ${stitches_config.hexToRgba("$warning700", 0.06)}, 0px 1px 1px 0px ${stitches_config.hexToRgba("$warning700", 0.06)}`;
|
|
257
|
+
const StyledToast = stitches_config.styled(index.Root, {
|
|
258
|
+
backgroundColor: "$neutral900",
|
|
259
|
+
borderRadius: "$xl",
|
|
260
|
+
display: "flex",
|
|
261
|
+
borderWidth: ".5px",
|
|
262
|
+
borderStyle: "solid",
|
|
263
|
+
borderColorOpacity: ["$secondary500", 0.4],
|
|
264
|
+
padding: "$7 $8",
|
|
265
|
+
overflow: "hidden",
|
|
266
|
+
"&:focus, &:active": {
|
|
267
|
+
outline: "none"
|
|
268
|
+
},
|
|
269
|
+
"&:focus-visible": {
|
|
270
|
+
$$shadowColor: "$colors$primary300",
|
|
271
|
+
boxShadow: "rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
|
|
272
|
+
},
|
|
273
|
+
variants: {
|
|
274
|
+
variant: {
|
|
275
|
+
default: {
|
|
276
|
+
background: "$accent50",
|
|
277
|
+
boxShadow: defaultBoxShadow,
|
|
278
|
+
[`& ${StyledIcon} svg`]: {
|
|
279
|
+
color: "$accent500"
|
|
280
|
+
},
|
|
281
|
+
[`& ${StyledTitle}`]: {
|
|
282
|
+
color: "$black900"
|
|
283
|
+
},
|
|
284
|
+
[`& ${StyledDescription}`]: {
|
|
285
|
+
color: "$black800"
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
success: {
|
|
289
|
+
background: "$accent500",
|
|
290
|
+
boxShadow: successBoxShadow,
|
|
291
|
+
[`& ${StyledIcon} svg`]: {
|
|
292
|
+
color: "$accent100"
|
|
293
|
+
},
|
|
294
|
+
[`& ${StyledTitle}`]: {
|
|
295
|
+
color: "$white900"
|
|
296
|
+
},
|
|
297
|
+
[`& ${StyledDescription}`]: {
|
|
298
|
+
color: "$white800"
|
|
299
|
+
}
|
|
300
|
+
},
|
|
301
|
+
error: {
|
|
302
|
+
background: "$negative600",
|
|
303
|
+
boxShadow: errorBoxShadow,
|
|
304
|
+
[`& ${StyledIcon} svg`]: {
|
|
305
|
+
color: "$white900"
|
|
306
|
+
},
|
|
307
|
+
[`& ${StyledTitle}`]: {
|
|
308
|
+
color: "$white900"
|
|
309
|
+
},
|
|
310
|
+
[`& ${StyledDescription}`]: {
|
|
311
|
+
color: "$white800"
|
|
312
|
+
}
|
|
313
|
+
},
|
|
314
|
+
warning: {
|
|
315
|
+
background: "$warning200",
|
|
316
|
+
boxShadow: warningBoxShadow,
|
|
317
|
+
[`& ${StyledIcon} svg`]: {
|
|
318
|
+
color: "$black700"
|
|
319
|
+
},
|
|
320
|
+
[`& ${StyledTitle}`]: {
|
|
321
|
+
color: "$black900"
|
|
322
|
+
},
|
|
323
|
+
[`& ${StyledDescription}`]: {
|
|
324
|
+
color: "$black800"
|
|
325
|
+
}
|
|
326
|
+
},
|
|
327
|
+
loading: {
|
|
328
|
+
backgroundColorOpacity: ["$accent500", 0.04],
|
|
329
|
+
borderColorOpacity: ["$accent500", 0.2],
|
|
330
|
+
borderRadius: "$xl",
|
|
331
|
+
[`& ${StyledTitle}`]: {
|
|
332
|
+
color: "$neutral900"
|
|
333
|
+
},
|
|
334
|
+
[`& ${StyledDescription}`]: {
|
|
335
|
+
color: "$black800"
|
|
336
|
+
}
|
|
337
|
+
}
|
|
338
|
+
}
|
|
339
|
+
},
|
|
340
|
+
"@media (prefers-reduced-motion: no-preference)": {
|
|
341
|
+
'&[data-state="closed"]': {
|
|
342
|
+
animation: `${hide} 100ms ease-in`
|
|
343
|
+
},
|
|
344
|
+
'&[data-swipe="move"]': {
|
|
345
|
+
transform: "translateX(var(--radix-toast-swipe-move-x))"
|
|
346
|
+
},
|
|
347
|
+
'&[data-swipe="cancel"]': {
|
|
348
|
+
transform: "translateX(0)",
|
|
349
|
+
transition: "transform 200ms ease-out"
|
|
350
|
+
}
|
|
351
|
+
},
|
|
352
|
+
defaultVariants: {
|
|
353
|
+
variant: "default"
|
|
354
|
+
}
|
|
355
|
+
});
|
|
356
|
+
const StyledToastWrapper = stitches_config.styled(box.Box, {
|
|
357
|
+
display: "grid",
|
|
358
|
+
minWidth: "100%",
|
|
359
|
+
gridTemplateAreas: '"icon content action" "icon content action"',
|
|
360
|
+
gridTemplateColumns: "max-content auto max-content",
|
|
361
|
+
columnGap: "$4",
|
|
362
|
+
alignItems: "center"
|
|
363
|
+
});
|
|
364
|
+
const ToastWrapper = (_c) => {
|
|
365
|
+
var _d = _c, {
|
|
366
|
+
children,
|
|
367
|
+
icon,
|
|
368
|
+
variant = "default",
|
|
369
|
+
showCloseButton
|
|
370
|
+
} = _d, props = __objRest(_d, [
|
|
371
|
+
"children",
|
|
372
|
+
"icon",
|
|
373
|
+
"variant",
|
|
374
|
+
"showCloseButton"
|
|
375
|
+
]);
|
|
376
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyledToast, __spreadProps(__spreadValues({ "data-testid": "toast", variant }, props), { children: /* @__PURE__ */ jsxRuntime.jsxs(StyledToastWrapper, { children: [
|
|
377
|
+
/* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, children: icon && React.cloneElement(icon) }),
|
|
378
|
+
children,
|
|
379
|
+
showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
380
|
+
tooltip.Tooltip,
|
|
381
|
+
{
|
|
382
|
+
content: "Close",
|
|
383
|
+
css: { zIndex: 1e8 },
|
|
384
|
+
sideOffset: 4,
|
|
385
|
+
delayDuration: 0,
|
|
386
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(StyledClose, { "aria-label": "Close", variant, children: /* @__PURE__ */ jsxRuntime.jsx(close.CloseIcon, { size: 20 }) })
|
|
387
|
+
}
|
|
388
|
+
) })
|
|
389
|
+
] }) }));
|
|
390
|
+
};
|
|
391
|
+
const Provider = (_e) => {
|
|
392
|
+
var _f = _e, {
|
|
393
|
+
duration,
|
|
394
|
+
label,
|
|
395
|
+
swipeDirection,
|
|
396
|
+
swipeThreshold,
|
|
397
|
+
children
|
|
398
|
+
} = _f, rest = __objRest(_f, [
|
|
399
|
+
"duration",
|
|
400
|
+
"label",
|
|
401
|
+
"swipeDirection",
|
|
402
|
+
"swipeThreshold",
|
|
403
|
+
"children"
|
|
404
|
+
]);
|
|
405
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
406
|
+
index.Provider,
|
|
407
|
+
{
|
|
408
|
+
duration,
|
|
409
|
+
label,
|
|
410
|
+
swipeDirection,
|
|
411
|
+
swipeThreshold,
|
|
412
|
+
children: [
|
|
413
|
+
children,
|
|
414
|
+
/* @__PURE__ */ jsxRuntime.jsx(StyledViewport, __spreadValues({}, rest))
|
|
415
|
+
]
|
|
416
|
+
}
|
|
417
|
+
);
|
|
418
|
+
};
|
|
419
|
+
const StyledContent = stitches_config.styled(flex.Flex, {
|
|
420
|
+
gridArea: "content",
|
|
421
|
+
height: "100%",
|
|
422
|
+
flexDirection: "column",
|
|
423
|
+
justifyContent: "center",
|
|
424
|
+
gap: "$2",
|
|
425
|
+
overflow: "hidden"
|
|
426
|
+
});
|
|
427
|
+
const Content = (_g) => {
|
|
428
|
+
var _h = _g, { children } = _h, props = __objRest(_h, ["children"]);
|
|
429
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyledContent, __spreadProps(__spreadValues({}, props), { children }));
|
|
430
|
+
};
|
|
431
|
+
stitches_config.styled(index.Action, {
|
|
432
|
+
gridArea: "action",
|
|
433
|
+
padding: "0 $6",
|
|
434
|
+
display: "flex",
|
|
435
|
+
alignItems: "center",
|
|
436
|
+
justifyContent: "center",
|
|
437
|
+
position: "relative"
|
|
438
|
+
});
|
|
439
|
+
const StyledClose = stitches_config.styled(index.Close, {
|
|
440
|
+
gridArea: "action",
|
|
441
|
+
display: "flex",
|
|
442
|
+
padding: "$1",
|
|
443
|
+
border: "none",
|
|
444
|
+
cursor: "pointer",
|
|
445
|
+
borderRadius: "$sm",
|
|
446
|
+
"&:focus, &:active": {
|
|
447
|
+
outline: "none"
|
|
448
|
+
},
|
|
449
|
+
"&:focus-visible": {
|
|
450
|
+
$$shadowColor: "$colors$primary300",
|
|
451
|
+
boxShadow: "rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
|
|
452
|
+
},
|
|
453
|
+
variants: {
|
|
454
|
+
variant: {
|
|
455
|
+
default: {
|
|
456
|
+
color: "$secondary500",
|
|
457
|
+
backgroundColorOpacity: ["$secondary500", 0.08],
|
|
458
|
+
"&:hover": {
|
|
459
|
+
backgroundColorOpacity: ["$secondary500", 0.15]
|
|
460
|
+
}
|
|
461
|
+
},
|
|
462
|
+
success: {
|
|
463
|
+
color: "$white900",
|
|
464
|
+
backgroundColorOpacity: ["$white200", 0.1],
|
|
465
|
+
"&:hover": {
|
|
466
|
+
backgroundColorOpacity: ["$white200", 0.15]
|
|
467
|
+
}
|
|
468
|
+
},
|
|
469
|
+
error: {
|
|
470
|
+
color: "$white900",
|
|
471
|
+
backgroundColorOpacity: ["$white200", 0.1],
|
|
472
|
+
"&:hover": {
|
|
473
|
+
backgroundColorOpacity: ["$white200", 0.15]
|
|
474
|
+
}
|
|
475
|
+
},
|
|
476
|
+
warning: {
|
|
477
|
+
color: "$secondary600",
|
|
478
|
+
backgroundColorOpacity: ["$secondary500", 0.08],
|
|
479
|
+
"&:hover": {
|
|
480
|
+
backgroundColorOpacity: ["$secondary500", 0.15]
|
|
481
|
+
}
|
|
482
|
+
},
|
|
483
|
+
loading: {
|
|
484
|
+
color: "$secondary500",
|
|
485
|
+
backgroundColorOpacity: ["$secondary500", 0.08],
|
|
486
|
+
"&:hover": {
|
|
487
|
+
backgroundColorOpacity: ["$secondary500", 0.15]
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
}
|
|
491
|
+
},
|
|
492
|
+
defaultVariants: {
|
|
493
|
+
variant: "default"
|
|
494
|
+
}
|
|
495
|
+
});
|
|
496
|
+
const ToastProvider = Provider;
|
|
497
|
+
const Toast = ToastWrapper;
|
|
498
|
+
const ToastContent = Content;
|
|
499
|
+
const ToastTitle = StyledTitle;
|
|
500
|
+
const ToastDescription = StyledDescription;
|
|
501
|
+
|
|
502
|
+
exports.Toast = Toast;
|
|
503
|
+
exports.ToastContent = ToastContent;
|
|
504
|
+
exports.ToastDescription = ToastDescription;
|
|
505
|
+
exports.ToastProvider = ToastProvider;
|
|
506
|
+
exports.ToastTitle = ToastTitle;
|
|
507
|
+
//# sourceMappingURL=toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toast.js","sources":["../../../../../../../../../../node_modules/@sparrowengg/twigs-react/dist/es/toast/toast.js"],"sourcesContent":["import { jsx, jsxs, Fragment } from 'react/jsx-runtime';\nimport React__default from 'react';\nimport { Viewport, Title, Description, Root as Root2, Action as Action$1, Close, Provider as Provider$1 } from '../node_modules/@radix-ui/react-toast/dist/index.js';\nimport { CircleLoader } from '../loader/circle.js';\nimport { styled, keyframes, hexToRgba } from '../stitches.config.js';\nimport { Flex } from '../flex/flex.js';\nimport { Box } from '../box/box.js';\nimport { TooltipProvider, Tooltip } from '../tooltip/tooltip.js';\nimport { TickCircleFillIcon } from '../packages/react-icons/dist/es/icons/tick-circle-fill.js';\nimport { AlertFillIcon } from '../packages/react-icons/dist/es/icons/alert-fill.js';\nimport { InfoFillIcon } from '../packages/react-icons/dist/es/icons/info-fill.js';\nimport { CloseIcon } from '../packages/react-icons/dist/es/icons/close.js';\n\nvar __defProp = Object.defineProperty;\nvar __defProps = Object.defineProperties;\nvar __getOwnPropDescs = Object.getOwnPropertyDescriptors;\nvar __getOwnPropSymbols = Object.getOwnPropertySymbols;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __propIsEnum = Object.prototype.propertyIsEnumerable;\nvar __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;\nvar __spreadValues = (a, b) => {\n for (var prop in b || (b = {}))\n if (__hasOwnProp.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n if (__getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(b)) {\n if (__propIsEnum.call(b, prop))\n __defNormalProp(a, prop, b[prop]);\n }\n return a;\n};\nvar __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));\nvar __objRest = (source, exclude) => {\n var target = {};\n for (var prop in source)\n if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)\n target[prop] = source[prop];\n if (source != null && __getOwnPropSymbols)\n for (var prop of __getOwnPropSymbols(source)) {\n if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))\n target[prop] = source[prop];\n }\n return target;\n};\nconst StyledTickIcon = styled(TickCircleFillIcon);\nconst StyledErrorIcon = styled(AlertFillIcon);\nconst StyledWarningIcon = styled(InfoFillIcon);\nconst hide = keyframes({\n \"0%\": { opacity: 1 },\n \"100%\": { opacity: 0 }\n});\nconst slideInFromRight = keyframes({\n from: { transform: \"translateX(calc(100% + $space$12))\" },\n to: { transform: \"translateX(0)\" }\n});\nconst slideInFromLeft = keyframes({\n from: { transform: \"translateX(calc(-100% + $space$12))\" },\n to: { transform: \"translateX(0)\" }\n});\nconst slideInFromTop = keyframes({\n from: { transform: \"translateY(calc(-100% + $space$12))\" },\n to: { transform: \"translateY(0)\" }\n});\nconst slideInFromBottom = keyframes({\n from: { transform: \"translateY(calc(100% + $space$12))\" },\n to: { transform: \"translateY(0)\" }\n});\nconst swipeOutToRight = keyframes({\n from: { transform: \"translateX(var(--radix-toast-swipe-end-x))\" },\n to: { transform: \"translateX(100vw)\" }\n});\nconst swipeOutToLeft = keyframes({\n from: { transform: \"translateX(var(--radix-toast-swipe-end-x))\" },\n to: { transform: \"translateX(-100vw)\" }\n});\nconst swipeOutToTop = keyframes({\n from: { transform: \"translateY(var(--radix-toast-swipe-end-y))\" },\n to: { transform: \"translateY(-100vh)\" }\n});\nconst swipeOutToBottom = keyframes({\n from: { transform: \"translateY(var(--radix-toast-swipe-end-y))\" },\n to: { transform: \"translateY(100vh)\" }\n});\nconst StyledViewport = styled(Viewport, {\n position: \"fixed\",\n display: \"flex\",\n flexDirection: \"column\",\n gap: \"$space$5\",\n minWidth: 400,\n maxWidth: \"100vw\",\n margin: 0,\n listStyle: \"none\",\n zIndex: 99999999,\n outline: \"none\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-swipe-direction=\"up\"], &[data-swipe-direction=\"down\"]': {\n '&[data-swipe=\"move\"]': {\n transform: \"translateY(var(--radix-toast-swipe-move-y))\"\n },\n '&[data-swipe=\"cancel\"]': {\n transform: \"translateY(0)\",\n transition: \"transform 200ms ease-out\"\n }\n },\n '&[data-swipe-direction=\"up\"]': {\n '&[data-swipe=\"end\"]': {\n animation: `${swipeOutToTop} 150ms ease-out`\n }\n },\n '&[data-swipe-direction=\"down\"]': {\n '&[data-swipe=\"end\"]': {\n animation: `${swipeOutToBottom} 150ms ease-out`\n }\n },\n '&[data-swipe-direction=\"left\"], &[data-swipe-direction=\"right\"]': {\n '&[data-swipe=\"move\"]': {\n transform: \"translateX(var(--radix-toast-swipe-move-x))\"\n },\n '&[data-swipe=\"cancel\"]': {\n transform: \"translateX(0)\",\n transition: \"transform 200ms ease-out\"\n }\n },\n '&[data-swipe-direction=\"left\"]': {\n '&[data-swipe=\"end\"]': {\n animation: `${swipeOutToLeft} 300ms ease-out`\n }\n },\n '&[data-swipe-direction=\"right\"]': {\n '&[data-swipe=\"end\"]': {\n animation: `${swipeOutToRight} 300ms ease-out`\n }\n }\n }\n },\n variants: {\n position: {\n \"top-left\": {\n top: \"0\",\n left: \"0\",\n paddingTop: \"$12\",\n paddingLeft: \"$12\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromLeft} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n },\n \"top-center\": {\n top: \"0\",\n left: \"50%\",\n transform: \"translateX(-50%)\",\n paddingTop: \"$12\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromTop} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n },\n \"top-right\": {\n top: \"0\",\n right: \"0\",\n paddingTop: \"$12\",\n paddingRight: \"$12\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromRight} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n },\n \"bottom-left\": {\n bottom: \"0\",\n left: \"0\",\n paddingBottom: \"$12\",\n paddingLeft: \"$12\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromLeft} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n },\n \"bottom-center\": {\n bottom: \"0\",\n left: \"50%\",\n paddingBottom: \"$12\",\n transform: \"translateX(-50%)\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromBottom} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n },\n \"bottom-right\": {\n bottom: \"0\",\n right: \"0\",\n paddingBottom: \"$12\",\n paddingRight: \"$12\",\n \"& li\": {\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"open\"]': {\n animation: `${slideInFromRight} 150ms cubic-bezier(0.16, 1, 0.3, 1)`\n }\n }\n }\n }\n }\n },\n defaultVariants: {\n position: \"bottom-center\"\n }\n});\nconst StyledIcon = styled(Flex, {\n gridArea: \"icon\",\n width: \"$6\",\n height: \"$6\",\n alignItems: \"center\",\n justifyContent: \"center\"\n});\nconst Icon = (_a) => {\n var _b = _a, { children, variant = \"success\" } = _b, props = __objRest(_b, [\"children\", \"variant\"]);\n const iconMap = {\n default: () => /* @__PURE__ */ jsx(StyledTickIcon, { size: 24 }),\n success: () => /* @__PURE__ */ jsx(StyledTickIcon, { size: 24 }),\n error: () => /* @__PURE__ */ jsx(StyledErrorIcon, { size: 24 }),\n warning: () => /* @__PURE__ */ jsx(StyledWarningIcon, { size: 24 })\n };\n return variant === \"loading\" ? children || /* @__PURE__ */ jsx(StyledIcon, { children: /* @__PURE__ */ jsx(CircleLoader, { size: \"xl\", color: \"accent\" }) }) : /* @__PURE__ */ jsx(StyledIcon, __spreadProps(__spreadValues({}, props), { children: children || /* @__PURE__ */ jsx(Fragment, { children: iconMap[variant]() }) }));\n};\nconst StyledTitle = styled(Title, {\n fontWeight: \"$7\",\n lineHeight: \"$sm\",\n fontSize: \"$sm\"\n});\nconst StyledDescription = styled(Description, {\n gridArea: \"description\",\n margin: 0,\n color: \"$white900\",\n fontSize: \"$sm\"\n});\nconst defaultBoxShadow = `0px 56px 70px 30px ${hexToRgba(\"$white900\", 0.4)}, 0px 10px 20px 0px ${hexToRgba(\"$accent500\", 0.15)}, 0px 2px 5px 0px ${hexToRgba(\"$accent500\", 0.06)}, 0px 1px 1px 0px ${hexToRgba(\"$accent500\", 0.06)}`;\nconst successBoxShadow = `0px 56px 70px 30px ${hexToRgba(\"$white900\", 0.4)}, 0px 10px 20px 0px ${hexToRgba(\"$accent700\", 0.15)}, 0px 2px 5px 0px ${hexToRgba(\"$accent700\", 0.06)}, 0px 1px 1px 0px ${hexToRgba(\"$accent700\", 0.06)}`;\nconst errorBoxShadow = `0px 56px 70px 30px ${hexToRgba(\"$white900\", 0.4)}, 0px 10px 20px 0px ${hexToRgba(\"$negative700\", 0.15)}, 0px 2px 5px 0px ${hexToRgba(\"$negative700\", 0.06)}, 0px 1px 1px 0px ${hexToRgba(\"$negative700\", 0.06)}`;\nconst warningBoxShadow = `0px 56px 70px 30px ${hexToRgba(\"$white900\", 0.4)}, 0px 10px 20px 0px ${hexToRgba(\"$warning700\", 0.15)}, 0px 2px 5px 0px ${hexToRgba(\"$warning700\", 0.06)}, 0px 1px 1px 0px ${hexToRgba(\"$warning700\", 0.06)}`;\nconst StyledToast = styled(Root2, {\n backgroundColor: \"$neutral900\",\n borderRadius: \"$xl\",\n display: \"flex\",\n borderWidth: \".5px\",\n borderStyle: \"solid\",\n borderColorOpacity: [\"$secondary500\", 0.4],\n padding: \"$7 $8\",\n overflow: \"hidden\",\n \"&:focus, &:active\": {\n outline: \"none\"\n },\n \"&:focus-visible\": {\n $$shadowColor: \"$colors$primary300\",\n boxShadow: \"rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\"\n },\n variants: {\n variant: {\n default: {\n background: \"$accent50\",\n boxShadow: defaultBoxShadow,\n [`& ${StyledIcon} svg`]: {\n color: \"$accent500\"\n },\n [`& ${StyledTitle}`]: {\n color: \"$black900\"\n },\n [`& ${StyledDescription}`]: {\n color: \"$black800\"\n }\n },\n success: {\n background: \"$accent500\",\n boxShadow: successBoxShadow,\n [`& ${StyledIcon} svg`]: {\n color: \"$accent100\"\n },\n [`& ${StyledTitle}`]: {\n color: \"$white900\"\n },\n [`& ${StyledDescription}`]: {\n color: \"$white800\"\n }\n },\n error: {\n background: \"$negative600\",\n boxShadow: errorBoxShadow,\n [`& ${StyledIcon} svg`]: {\n color: \"$white900\"\n },\n [`& ${StyledTitle}`]: {\n color: \"$white900\"\n },\n [`& ${StyledDescription}`]: {\n color: \"$white800\"\n }\n },\n warning: {\n background: \"$warning200\",\n boxShadow: warningBoxShadow,\n [`& ${StyledIcon} svg`]: {\n color: \"$black700\"\n },\n [`& ${StyledTitle}`]: {\n color: \"$black900\"\n },\n [`& ${StyledDescription}`]: {\n color: \"$black800\"\n }\n },\n loading: {\n backgroundColorOpacity: [\"$accent500\", 0.04],\n borderColorOpacity: [\"$accent500\", 0.2],\n borderRadius: \"$xl\",\n [`& ${StyledTitle}`]: {\n color: \"$neutral900\"\n },\n [`& ${StyledDescription}`]: {\n color: \"$black800\"\n }\n }\n }\n },\n \"@media (prefers-reduced-motion: no-preference)\": {\n '&[data-state=\"closed\"]': {\n animation: `${hide} 100ms ease-in`\n },\n '&[data-swipe=\"move\"]': {\n transform: \"translateX(var(--radix-toast-swipe-move-x))\"\n },\n '&[data-swipe=\"cancel\"]': {\n transform: \"translateX(0)\",\n transition: \"transform 200ms ease-out\"\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n});\nconst StyledToastWrapper = styled(Box, {\n display: \"grid\",\n minWidth: \"100%\",\n gridTemplateAreas: '\"icon content action\" \"icon content action\"',\n gridTemplateColumns: \"max-content auto max-content\",\n columnGap: \"$4\",\n alignItems: \"center\"\n});\nconst ToastWrapper = (_c) => {\n var _d = _c, {\n children,\n icon,\n variant = \"default\",\n showCloseButton\n } = _d, props = __objRest(_d, [\n \"children\",\n \"icon\",\n \"variant\",\n \"showCloseButton\"\n ]);\n return /* @__PURE__ */ jsx(StyledToast, __spreadProps(__spreadValues({ \"data-testid\": \"toast\", variant }, props), { children: /* @__PURE__ */ jsxs(StyledToastWrapper, { children: [\n /* @__PURE__ */ jsx(Icon, { variant, children: icon && React__default.cloneElement(icon) }),\n children,\n showCloseButton && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(\n Tooltip,\n {\n content: \"Close\",\n css: { zIndex: 1e8 },\n sideOffset: 4,\n delayDuration: 0,\n children: /* @__PURE__ */ jsx(StyledClose, { \"aria-label\": \"Close\", variant, children: /* @__PURE__ */ jsx(CloseIcon, { size: 20 }) })\n }\n ) })\n ] }) }));\n};\nconst Provider = (_e) => {\n var _f = _e, {\n duration,\n label,\n swipeDirection,\n swipeThreshold,\n children\n } = _f, rest = __objRest(_f, [\n \"duration\",\n \"label\",\n \"swipeDirection\",\n \"swipeThreshold\",\n \"children\"\n ]);\n return /* @__PURE__ */ jsxs(\n Provider$1,\n {\n duration,\n label,\n swipeDirection,\n swipeThreshold,\n children: [\n children,\n /* @__PURE__ */ jsx(StyledViewport, __spreadValues({}, rest))\n ]\n }\n );\n};\nconst StyledContent = styled(Flex, {\n gridArea: \"content\",\n height: \"100%\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n gap: \"$2\",\n overflow: \"hidden\"\n});\nconst Content = (_g) => {\n var _h = _g, { children } = _h, props = __objRest(_h, [\"children\"]);\n return /* @__PURE__ */ jsx(StyledContent, __spreadProps(__spreadValues({}, props), { children }));\n};\nconst StyledAction = styled(Action$1, {\n gridArea: \"action\",\n padding: \"0 $6\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n position: \"relative\"\n});\nconst Action = (_i) => {\n var _j = _i, { children } = _j, props = __objRest(_j, [\"children\"]);\n return /* @__PURE__ */ jsx(StyledAction, __spreadProps(__spreadValues({ className: \"toast-actions\" }, props), { children }));\n};\nconst StyledClose = styled(Close, {\n gridArea: \"action\",\n display: \"flex\",\n padding: \"$1\",\n border: \"none\",\n cursor: \"pointer\",\n borderRadius: \"$sm\",\n \"&:focus, &:active\": {\n outline: \"none\"\n },\n \"&:focus-visible\": {\n $$shadowColor: \"$colors$primary300\",\n boxShadow: \"rgb(255, 255, 255) 0px 0px 0px 2px, $$shadowColor 0px 0px 0px 4px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px\"\n },\n variants: {\n variant: {\n default: {\n color: \"$secondary500\",\n backgroundColorOpacity: [\"$secondary500\", 0.08],\n \"&:hover\": {\n backgroundColorOpacity: [\"$secondary500\", 0.15]\n }\n },\n success: {\n color: \"$white900\",\n backgroundColorOpacity: [\"$white200\", 0.1],\n \"&:hover\": {\n backgroundColorOpacity: [\"$white200\", 0.15]\n }\n },\n error: {\n color: \"$white900\",\n backgroundColorOpacity: [\"$white200\", 0.1],\n \"&:hover\": {\n backgroundColorOpacity: [\"$white200\", 0.15]\n }\n },\n warning: {\n color: \"$secondary600\",\n backgroundColorOpacity: [\"$secondary500\", 0.08],\n \"&:hover\": {\n backgroundColorOpacity: [\"$secondary500\", 0.15]\n }\n },\n loading: {\n color: \"$secondary500\",\n backgroundColorOpacity: [\"$secondary500\", 0.08],\n \"&:hover\": {\n backgroundColorOpacity: [\"$secondary500\", 0.15]\n }\n }\n }\n },\n defaultVariants: {\n variant: \"default\"\n }\n});\nconst ToastProvider = Provider;\nconst ToastViewport = StyledViewport;\nconst Toast = ToastWrapper;\nconst ToastContent = Content;\nconst ToastTitle = StyledTitle;\nconst ToastDescription = StyledDescription;\nconst ToastAction = Action;\nconst ToastClose = StyledClose;\n\nexport { Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastProvider, ToastTitle, ToastViewport };\n//# sourceMappingURL=toast.js.map\n"],"names":["styled","TickCircleFillIcon","AlertFillIcon","InfoFillIcon","keyframes","Viewport","Flex","jsx","CircleLoader","Fragment","Title","Description","hexToRgba","Root2","Box","jsxs","React__default","TooltipProvider","Tooltip","CloseIcon","Provider$1","Action$1","Close"],"mappings":"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","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var toast = require('./toast.js');
|
|
5
|
+
var useToast = require('../hooks/use-toast.js');
|
|
6
|
+
|
|
7
|
+
var __defProp = Object.defineProperty;
|
|
8
|
+
var __defProps = Object.defineProperties;
|
|
9
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
10
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
11
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
12
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
13
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
14
|
+
var __spreadValues = (a, b) => {
|
|
15
|
+
for (var prop in b || (b = {}))
|
|
16
|
+
if (__hasOwnProp.call(b, prop))
|
|
17
|
+
__defNormalProp(a, prop, b[prop]);
|
|
18
|
+
if (__getOwnPropSymbols)
|
|
19
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
20
|
+
if (__propIsEnum.call(b, prop))
|
|
21
|
+
__defNormalProp(a, prop, b[prop]);
|
|
22
|
+
}
|
|
23
|
+
return a;
|
|
24
|
+
};
|
|
25
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
26
|
+
var __objRest = (source, exclude) => {
|
|
27
|
+
var target = {};
|
|
28
|
+
for (var prop in source)
|
|
29
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
30
|
+
target[prop] = source[prop];
|
|
31
|
+
if (source != null && __getOwnPropSymbols)
|
|
32
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
33
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
34
|
+
target[prop] = source[prop];
|
|
35
|
+
}
|
|
36
|
+
return target;
|
|
37
|
+
};
|
|
38
|
+
const Toastr = (_a) => {
|
|
39
|
+
var _b = _a, {
|
|
40
|
+
duration,
|
|
41
|
+
swipeDirection,
|
|
42
|
+
swipeThreshold,
|
|
43
|
+
maxToasts
|
|
44
|
+
} = _b, rest = __objRest(_b, [
|
|
45
|
+
"duration",
|
|
46
|
+
"swipeDirection",
|
|
47
|
+
"swipeThreshold",
|
|
48
|
+
"maxToasts"
|
|
49
|
+
]);
|
|
50
|
+
const { toasts } = useToast.useToast({
|
|
51
|
+
maxToasts
|
|
52
|
+
});
|
|
53
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
54
|
+
toast.ToastProvider,
|
|
55
|
+
__spreadProps(__spreadValues({
|
|
56
|
+
duration,
|
|
57
|
+
swipeDirection,
|
|
58
|
+
swipeThreshold
|
|
59
|
+
}, rest), {
|
|
60
|
+
children: toasts.map((_a2) => {
|
|
61
|
+
var _b2 = _a2, {
|
|
62
|
+
id,
|
|
63
|
+
title,
|
|
64
|
+
description,
|
|
65
|
+
action,
|
|
66
|
+
showCloseButton
|
|
67
|
+
} = _b2, props = __objRest(_b2, [
|
|
68
|
+
"id",
|
|
69
|
+
"title",
|
|
70
|
+
"description",
|
|
71
|
+
"action",
|
|
72
|
+
"showCloseButton"
|
|
73
|
+
]);
|
|
74
|
+
return /* @__PURE__ */ jsxRuntime.jsx(toast.Toast, __spreadProps(__spreadValues({}, props), { showCloseButton: action ? false : showCloseButton, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
75
|
+
/* @__PURE__ */ jsxRuntime.jsxs(toast.ToastContent, { children: [
|
|
76
|
+
title && /* @__PURE__ */ jsxRuntime.jsx(toast.ToastTitle, { children: title }),
|
|
77
|
+
description && /* @__PURE__ */ jsxRuntime.jsx(toast.ToastDescription, { children: description })
|
|
78
|
+
] }),
|
|
79
|
+
action
|
|
80
|
+
] }) }), id);
|
|
81
|
+
})
|
|
82
|
+
})
|
|
83
|
+
);
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
exports.Toastr = Toastr;
|
|
87
|
+
//# sourceMappingURL=toastr.js.map
|