@dt-dds/react-toast 1.0.0-beta.56
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/CHANGELOG.md +532 -0
- package/LICENSE.md +21 -0
- package/README.md +212 -0
- package/dist/index.d.ts +48 -0
- package/dist/index.js +575 -0
- package/dist/index.mjs +539 -0
- package/package.json +56 -0
package/dist/index.js
ADDED
|
@@ -0,0 +1,575 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
7
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
10
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
+
var __objRest = (source, exclude) => {
|
|
26
|
+
var target = {};
|
|
27
|
+
for (var prop in source)
|
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
}
|
|
35
|
+
return target;
|
|
36
|
+
};
|
|
37
|
+
var __export = (target, all) => {
|
|
38
|
+
for (var name in all)
|
|
39
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
40
|
+
};
|
|
41
|
+
var __copyProps = (to, from, except, desc) => {
|
|
42
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
43
|
+
for (let key of __getOwnPropNames(from))
|
|
44
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
45
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
46
|
+
}
|
|
47
|
+
return to;
|
|
48
|
+
};
|
|
49
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
+
mod
|
|
56
|
+
));
|
|
57
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
58
|
+
|
|
59
|
+
// index.ts
|
|
60
|
+
var toast_exports = {};
|
|
61
|
+
__export(toast_exports, {
|
|
62
|
+
Toast: () => Toast_default,
|
|
63
|
+
ToastPosition: () => ToastPosition,
|
|
64
|
+
ToastType: () => ToastType,
|
|
65
|
+
Toaster: () => Toaster_default,
|
|
66
|
+
dismissToast: () => dismissToast,
|
|
67
|
+
emitToast: () => emitToast
|
|
68
|
+
});
|
|
69
|
+
module.exports = __toCommonJS(toast_exports);
|
|
70
|
+
|
|
71
|
+
// ../../dt-dds-react/core/assets/svgs/AllOut.tsx
|
|
72
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
73
|
+
|
|
74
|
+
// ../../dt-dds-react/core/assets/svgs/Apis.tsx
|
|
75
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
76
|
+
|
|
77
|
+
// ../../dt-dds-react/core/assets/svgs/Apps.tsx
|
|
78
|
+
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
79
|
+
|
|
80
|
+
// ../../dt-dds-react/core/assets/svgs/ArrowDropDown.tsx
|
|
81
|
+
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
82
|
+
|
|
83
|
+
// ../../dt-dds-react/core/assets/svgs/ArrowDropUp.tsx
|
|
84
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
85
|
+
|
|
86
|
+
// ../../dt-dds-react/core/assets/svgs/ArrowLeft.tsx
|
|
87
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
88
|
+
|
|
89
|
+
// ../../dt-dds-react/core/assets/svgs/ArrowRight.tsx
|
|
90
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
91
|
+
|
|
92
|
+
// ../../dt-dds-react/core/assets/svgs/AvatarThumbnail.tsx
|
|
93
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
94
|
+
|
|
95
|
+
// ../../dt-dds-react/core/assets/svgs/Bolt.tsx
|
|
96
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
97
|
+
|
|
98
|
+
// ../../dt-dds-react/core/assets/svgs/CalendarMonth.tsx
|
|
99
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
100
|
+
|
|
101
|
+
// ../../dt-dds-react/core/assets/svgs/Cancel.tsx
|
|
102
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
103
|
+
|
|
104
|
+
// ../../dt-dds-react/core/assets/svgs/Check.tsx
|
|
105
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
106
|
+
|
|
107
|
+
// ../../dt-dds-react/core/assets/svgs/CheckCircle.tsx
|
|
108
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
109
|
+
|
|
110
|
+
// ../../dt-dds-react/core/assets/svgs/CheckCircleOutline.tsx
|
|
111
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
112
|
+
var CheckCircleOutlineIcon = (props) => {
|
|
113
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
114
|
+
"svg",
|
|
115
|
+
__spreadProps(__spreadValues({
|
|
116
|
+
fill: "currentColor",
|
|
117
|
+
height: "24",
|
|
118
|
+
viewBox: "0 0 24 24",
|
|
119
|
+
width: "24",
|
|
120
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
121
|
+
}, props), {
|
|
122
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
|
|
123
|
+
"path",
|
|
124
|
+
{
|
|
125
|
+
d: "M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM12 21.6C6.708 21.6 2.4 17.292 2.4 12C2.4 6.708 6.708 2.4 12 2.4C17.292 2.4 21.6 6.708 21.6 12C21.6 17.292 17.292 21.6 12 21.6ZM17.508 6.696L9.6 14.604L6.492 11.508L4.8 13.2L9.6 18L19.2 8.4L17.508 6.696Z",
|
|
126
|
+
fill: "currentColor"
|
|
127
|
+
}
|
|
128
|
+
)
|
|
129
|
+
})
|
|
130
|
+
);
|
|
131
|
+
};
|
|
132
|
+
var CheckCircleOutline_default = CheckCircleOutlineIcon;
|
|
133
|
+
|
|
134
|
+
// ../../dt-dds-react/core/assets/svgs/Close.tsx
|
|
135
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
136
|
+
var CloseIcon = (props) => {
|
|
137
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
138
|
+
"svg",
|
|
139
|
+
__spreadProps(__spreadValues({
|
|
140
|
+
fill: "none",
|
|
141
|
+
height: "24",
|
|
142
|
+
viewBox: "0 0 24 24",
|
|
143
|
+
width: "24",
|
|
144
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
145
|
+
}, props), {
|
|
146
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
|
|
147
|
+
"path",
|
|
148
|
+
{
|
|
149
|
+
d: "M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z",
|
|
150
|
+
fill: "currentColor"
|
|
151
|
+
}
|
|
152
|
+
)
|
|
153
|
+
})
|
|
154
|
+
);
|
|
155
|
+
};
|
|
156
|
+
var Close_default = CloseIcon;
|
|
157
|
+
|
|
158
|
+
// ../../dt-dds-react/core/assets/svgs/Copy.tsx
|
|
159
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
160
|
+
|
|
161
|
+
// ../../dt-dds-react/core/assets/svgs/Delete.tsx
|
|
162
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
163
|
+
|
|
164
|
+
// ../../dt-dds-react/core/assets/svgs/Edit.tsx
|
|
165
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
166
|
+
|
|
167
|
+
// ../../dt-dds-react/core/assets/svgs/Email.tsx
|
|
168
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
169
|
+
|
|
170
|
+
// ../../dt-dds-react/core/assets/svgs/EmailSend.tsx
|
|
171
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
172
|
+
|
|
173
|
+
// ../../dt-dds-react/core/assets/svgs/Error.tsx
|
|
174
|
+
var import_react = require("@emotion/react");
|
|
175
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
176
|
+
|
|
177
|
+
// ../../dt-dds-react/core/assets/svgs/ErrorOutline.tsx
|
|
178
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
179
|
+
var ErrorOutline = (props) => {
|
|
180
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
181
|
+
"svg",
|
|
182
|
+
__spreadProps(__spreadValues({
|
|
183
|
+
fill: "none",
|
|
184
|
+
height: "24",
|
|
185
|
+
viewBox: "0 0 24 24",
|
|
186
|
+
width: "24",
|
|
187
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
188
|
+
}, props), {
|
|
189
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
190
|
+
"path",
|
|
191
|
+
{
|
|
192
|
+
d: "M11.988 0C5.364 0 0 5.376 0 12C0 18.624 5.364 24 11.988 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 11.988 0ZM12 21.6C6.696 21.6 2.4 17.304 2.4 12C2.4 6.696 6.696 2.4 12 2.4C17.304 2.4 21.6 6.696 21.6 12C21.6 17.304 17.304 21.6 12 21.6ZM10.8 15.6H13.2V18H10.8V15.6ZM10.8 6H13.2V13.2H10.8V6Z",
|
|
193
|
+
fill: "currentColor"
|
|
194
|
+
}
|
|
195
|
+
)
|
|
196
|
+
})
|
|
197
|
+
);
|
|
198
|
+
};
|
|
199
|
+
var ErrorOutline_default = ErrorOutline;
|
|
200
|
+
|
|
201
|
+
// ../../dt-dds-react/core/assets/svgs/EVStation.tsx
|
|
202
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
203
|
+
|
|
204
|
+
// ../../dt-dds-react/core/assets/svgs/Info.tsx
|
|
205
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
206
|
+
|
|
207
|
+
// ../../dt-dds-react/core/assets/svgs/InfoOutline.tsx
|
|
208
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
209
|
+
var InfoOutline = (props) => {
|
|
210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
211
|
+
"svg",
|
|
212
|
+
__spreadProps(__spreadValues({
|
|
213
|
+
fill: "currentColor",
|
|
214
|
+
height: "24",
|
|
215
|
+
viewBox: "0 0 24 24",
|
|
216
|
+
width: "24",
|
|
217
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
218
|
+
}, props), {
|
|
219
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { d: "M11 7H13V9H11V7ZM11 11H13V17H11V11ZM12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 20C7.59 20 4 16.41 4 12C4 7.59 7.59 4 12 4C16.41 4 20 7.59 20 12C20 16.41 16.41 20 12 20Z" })
|
|
220
|
+
})
|
|
221
|
+
);
|
|
222
|
+
};
|
|
223
|
+
var InfoOutline_default = InfoOutline;
|
|
224
|
+
|
|
225
|
+
// ../../dt-dds-react/core/assets/svgs/Input.tsx
|
|
226
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
227
|
+
|
|
228
|
+
// ../../dt-dds-react/core/assets/svgs/Language.tsx
|
|
229
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
230
|
+
|
|
231
|
+
// ../../dt-dds-react/core/assets/svgs/LocationOn.tsx
|
|
232
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
233
|
+
|
|
234
|
+
// ../../dt-dds-react/core/assets/svgs/LocationSearching.tsx
|
|
235
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
236
|
+
|
|
237
|
+
// ../../dt-dds-react/core/assets/svgs/MenuCompact.tsx
|
|
238
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
239
|
+
|
|
240
|
+
// ../../dt-dds-react/core/assets/svgs/MenuExpand.tsx
|
|
241
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
242
|
+
|
|
243
|
+
// ../../dt-dds-react/core/assets/svgs/Menu.tsx
|
|
244
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
245
|
+
|
|
246
|
+
// ../../dt-dds-react/core/assets/svgs/MoreHorizontal.tsx
|
|
247
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
248
|
+
|
|
249
|
+
// ../../dt-dds-react/core/assets/svgs/MoreVertical.tsx
|
|
250
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
251
|
+
|
|
252
|
+
// ../../dt-dds-react/core/assets/svgs/NoData.tsx
|
|
253
|
+
var import_react2 = require("@emotion/react");
|
|
254
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
255
|
+
|
|
256
|
+
// ../../dt-dds-react/core/assets/svgs/NotFound.tsx
|
|
257
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
258
|
+
|
|
259
|
+
// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropDown.tsx
|
|
260
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
261
|
+
|
|
262
|
+
// ../../dt-dds-react/core/assets/svgs/OutlinedArrowDropUp.tsx
|
|
263
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
264
|
+
|
|
265
|
+
// ../../dt-dds-react/core/assets/svgs/PhoneOutlined.tsx
|
|
266
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
267
|
+
|
|
268
|
+
// ../../dt-dds-react/core/assets/svgs/Payments.tsx
|
|
269
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
270
|
+
|
|
271
|
+
// ../../dt-dds-react/core/assets/svgs/Products.tsx
|
|
272
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
273
|
+
|
|
274
|
+
// ../../dt-dds-react/core/assets/svgs/RemoveCircleOutline.tsx
|
|
275
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
276
|
+
|
|
277
|
+
// ../../dt-dds-react/core/assets/svgs/Share.tsx
|
|
278
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
279
|
+
|
|
280
|
+
// ../../dt-dds-react/core/assets/svgs/Signout.tsx
|
|
281
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
282
|
+
|
|
283
|
+
// ../../dt-dds-react/core/assets/svgs/Teams.tsx
|
|
284
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
285
|
+
|
|
286
|
+
// ../../dt-dds-react/core/assets/svgs/Timeline.tsx
|
|
287
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
288
|
+
|
|
289
|
+
// ../../dt-dds-react/core/assets/svgs/Topic.tsx
|
|
290
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
291
|
+
|
|
292
|
+
// ../../dt-dds-react/core/assets/svgs/UnfoldLess.tsx
|
|
293
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
294
|
+
|
|
295
|
+
// ../../dt-dds-react/core/assets/svgs/UnfoldMore.tsx
|
|
296
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
297
|
+
|
|
298
|
+
// ../../dt-dds-react/core/assets/svgs/Username.tsx
|
|
299
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
300
|
+
|
|
301
|
+
// ../../dt-dds-react/core/assets/svgs/ViewAgenda.tsx
|
|
302
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
303
|
+
|
|
304
|
+
// ../../dt-dds-react/core/assets/svgs/Visibility.tsx
|
|
305
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
306
|
+
|
|
307
|
+
// ../../dt-dds-react/core/assets/svgs/VisibilityOff.tsx
|
|
308
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
309
|
+
|
|
310
|
+
// ../../dt-dds-react/core/assets/svgs/WarningOutline.tsx
|
|
311
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
312
|
+
var WarningOutline = (props) => {
|
|
313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
|
|
314
|
+
"svg",
|
|
315
|
+
__spreadProps(__spreadValues({
|
|
316
|
+
fill: "currentColor",
|
|
317
|
+
height: "24",
|
|
318
|
+
viewBox: "0 0 24 24",
|
|
319
|
+
width: "24",
|
|
320
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
321
|
+
}, props), {
|
|
322
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("path", { d: "M12 6.49L19.53 19.5H4.47L12 6.49ZM12 2.5L1 21.5H23L12 2.5ZM13 16.5H11V18.5H13V16.5ZM13 10.5H11V14.5H13V10.5Z" })
|
|
323
|
+
})
|
|
324
|
+
);
|
|
325
|
+
};
|
|
326
|
+
var WarningOutline_default = WarningOutline;
|
|
327
|
+
|
|
328
|
+
// ../../dt-dds-react/core/assets/svgs/Warning.tsx
|
|
329
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
330
|
+
|
|
331
|
+
// ../../dt-dds-react/core/assets/svgs/Wifi.tsx
|
|
332
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
333
|
+
|
|
334
|
+
// ../../dt-dds-react/core/assets/svgs/Settings.tsx
|
|
335
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
336
|
+
|
|
337
|
+
// src/constants/enums.ts
|
|
338
|
+
var ToastPosition = /* @__PURE__ */ ((ToastPosition2) => {
|
|
339
|
+
ToastPosition2["TopLeft"] = "top-left";
|
|
340
|
+
ToastPosition2["TopCenter"] = "top-center";
|
|
341
|
+
ToastPosition2["TopRight"] = "top-right";
|
|
342
|
+
ToastPosition2["BottomLeft"] = "bottom-left";
|
|
343
|
+
ToastPosition2["BottomCenter"] = "bottom-center";
|
|
344
|
+
ToastPosition2["BottomRight"] = "bottom-right";
|
|
345
|
+
return ToastPosition2;
|
|
346
|
+
})(ToastPosition || {});
|
|
347
|
+
var ToastType = /* @__PURE__ */ ((ToastType2) => {
|
|
348
|
+
ToastType2["Success"] = "success";
|
|
349
|
+
ToastType2["Error"] = "error";
|
|
350
|
+
ToastType2["Info"] = "informative";
|
|
351
|
+
ToastType2["Warning"] = "warning";
|
|
352
|
+
return ToastType2;
|
|
353
|
+
})(ToastType || {});
|
|
354
|
+
|
|
355
|
+
// src/Toast.styled.ts
|
|
356
|
+
var import_react3 = require("@emotion/react");
|
|
357
|
+
var import_styled = __toESM(require("@emotion/styled"));
|
|
358
|
+
var ToastIconStyled = import_styled.default.div`
|
|
359
|
+
height: 100%;
|
|
360
|
+
display: flex;
|
|
361
|
+
align-items: center;
|
|
362
|
+
padding-left: 8px;
|
|
363
|
+
padding-right: 8px;
|
|
364
|
+
${({ theme, type }) => `
|
|
365
|
+
background-color: ${theme.palette[type].default};
|
|
366
|
+
color: ${theme.palette.content.contrast}
|
|
367
|
+
`}
|
|
368
|
+
`;
|
|
369
|
+
var fadeIn = import_react3.keyframes`
|
|
370
|
+
from { opacity: 0; }
|
|
371
|
+
to { opacity: 1; }
|
|
372
|
+
`;
|
|
373
|
+
var ToastStyled = import_styled.default.div`
|
|
374
|
+
display: flex;
|
|
375
|
+
flex-direction: row;
|
|
376
|
+
align-items: center;
|
|
377
|
+
width: 360px;
|
|
378
|
+
animation: ${fadeIn} 0.75s ease-in;
|
|
379
|
+
transition: all 0.75s ease-in-out;
|
|
380
|
+
overflow: hidden;
|
|
381
|
+
${({ theme, isVisible }) => `
|
|
382
|
+
background-color: ${theme.palette.surface.contrast};
|
|
383
|
+
opacity: ${isVisible ? 1 : 0};
|
|
384
|
+
color: ${theme.palette.content.default};
|
|
385
|
+
border-radius: ${theme.shape.toast};
|
|
386
|
+
box-shadow: ${theme.shadows.s};
|
|
387
|
+
`}
|
|
388
|
+
`;
|
|
389
|
+
var ToastContentStyled = import_styled.default.div`
|
|
390
|
+
${({ theme }) => `
|
|
391
|
+
height: 100%;
|
|
392
|
+
flex-grow: 1;
|
|
393
|
+
padding: ${theme.spacing["2xs"]} ${theme.spacing["2xs"]};
|
|
394
|
+
`}
|
|
395
|
+
`;
|
|
396
|
+
var ToastTitleStyled = import_styled.default.div`
|
|
397
|
+
${({ theme }) => `
|
|
398
|
+
${theme.fontStyles.h6};
|
|
399
|
+
color: ${theme.palette.content.dark};
|
|
400
|
+
margin-bottom: ${theme.spacing["5xs"]};
|
|
401
|
+
text-transform: capitalize;
|
|
402
|
+
`}
|
|
403
|
+
`;
|
|
404
|
+
var ToastMessageStyled = import_styled.default.div`
|
|
405
|
+
${({ theme }) => `
|
|
406
|
+
${theme.fontStyles.body2};
|
|
407
|
+
color: ${theme.palette.content.default};
|
|
408
|
+
overflow: hidden;
|
|
409
|
+
word-break: break-word;
|
|
410
|
+
hyphens: auto;
|
|
411
|
+
display: -webkit-box;
|
|
412
|
+
-webkit-line-clamp: 6;
|
|
413
|
+
-webkit-box-orient: vertical;
|
|
414
|
+
`}
|
|
415
|
+
`;
|
|
416
|
+
var ToastButtonCloseStyled = import_styled.default.button`
|
|
417
|
+
${({ theme }) => `
|
|
418
|
+
color: ${theme.palette.content.default};
|
|
419
|
+
border: 0;
|
|
420
|
+
cursor: pointer;
|
|
421
|
+
background: transparent;
|
|
422
|
+
align-self: flex-start;
|
|
423
|
+
font-size: 0;
|
|
424
|
+
line-height: 0;
|
|
425
|
+
|
|
426
|
+
&:hover {
|
|
427
|
+
background-color: ${theme.palette.surface.contrast};
|
|
428
|
+
}
|
|
429
|
+
`}
|
|
430
|
+
`;
|
|
431
|
+
var ToastTextContainer = import_styled.default.div`
|
|
432
|
+
${({ theme, hasCloseButton }) => `
|
|
433
|
+
display: grid;
|
|
434
|
+
${hasCloseButton ? "grid-template-columns: auto 24px;" : "grid-template-rows: auto auto;"}
|
|
435
|
+
column-gap: ${theme.spacing["2xs"]};
|
|
436
|
+
`}
|
|
437
|
+
`;
|
|
438
|
+
var ToastActionsStyled = import_styled.default.div`
|
|
439
|
+
${({ theme, hasChildren }) => `
|
|
440
|
+
display: flex;
|
|
441
|
+
flex-direction: row;
|
|
442
|
+
justify-content: flex-end;
|
|
443
|
+
padding-top: ${hasChildren ? theme.spacing["5xs"] : 0};
|
|
444
|
+
`}
|
|
445
|
+
`;
|
|
446
|
+
|
|
447
|
+
// src/Toast.tsx
|
|
448
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
449
|
+
var ToastIcons = {
|
|
450
|
+
["success" /* Success */]: CheckCircleOutline_default,
|
|
451
|
+
["error" /* Error */]: ErrorOutline_default,
|
|
452
|
+
["informative" /* Info */]: InfoOutline_default,
|
|
453
|
+
["warning" /* Warning */]: WarningOutline_default
|
|
454
|
+
};
|
|
455
|
+
var Toast = ({
|
|
456
|
+
children,
|
|
457
|
+
id,
|
|
458
|
+
dataTestId,
|
|
459
|
+
title,
|
|
460
|
+
message,
|
|
461
|
+
onClose,
|
|
462
|
+
type,
|
|
463
|
+
isVisible = true,
|
|
464
|
+
dismissible = true
|
|
465
|
+
}) => {
|
|
466
|
+
const Icon = ToastIcons[type];
|
|
467
|
+
const dataTest = dataTestId != null ? dataTestId : `toast-${id}`;
|
|
468
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
469
|
+
ToastStyled,
|
|
470
|
+
{
|
|
471
|
+
"data-testid": dataTest,
|
|
472
|
+
isVisible,
|
|
473
|
+
type,
|
|
474
|
+
children: [
|
|
475
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastIconStyled, { type, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { height: 20, width: 20 }) }),
|
|
476
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ToastContentStyled, { children: [
|
|
477
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(ToastTextContainer, { hasCloseButton: dismissible, children: [
|
|
478
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastTitleStyled, { children: title }),
|
|
479
|
+
dismissible ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastButtonCloseStyled, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Close_default, {}) }) : null,
|
|
480
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastMessageStyled, { children: message })
|
|
481
|
+
] }),
|
|
482
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ToastActionsStyled, { hasChildren: Boolean(children), children })
|
|
483
|
+
] })
|
|
484
|
+
]
|
|
485
|
+
},
|
|
486
|
+
id
|
|
487
|
+
);
|
|
488
|
+
};
|
|
489
|
+
var Toast_default = Toast;
|
|
490
|
+
|
|
491
|
+
// src/Toaster.tsx
|
|
492
|
+
var import_react_core = require("@dt-dds/react-core");
|
|
493
|
+
var import_react4 = require("@emotion/react");
|
|
494
|
+
var import_react5 = require("react");
|
|
495
|
+
var import_react_hot_toast = require("react-hot-toast");
|
|
496
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
497
|
+
var TOAST_DEFAULT_DURATION = 4e3;
|
|
498
|
+
var TOAST_ERROR_DURATION = Infinity;
|
|
499
|
+
var smallPosition = "bottom-center" /* BottomCenter */;
|
|
500
|
+
var defaultPosition = "bottom-right" /* BottomRight */;
|
|
501
|
+
var dismissToast = (id) => {
|
|
502
|
+
import_react_hot_toast.toast.dismiss(id);
|
|
503
|
+
};
|
|
504
|
+
var emitToast = (_a) => {
|
|
505
|
+
var _b = _a, {
|
|
506
|
+
type,
|
|
507
|
+
title,
|
|
508
|
+
message,
|
|
509
|
+
children,
|
|
510
|
+
dismissible
|
|
511
|
+
} = _b, props = __objRest(_b, [
|
|
512
|
+
"type",
|
|
513
|
+
"title",
|
|
514
|
+
"message",
|
|
515
|
+
"children",
|
|
516
|
+
"dismissible"
|
|
517
|
+
]);
|
|
518
|
+
const duration = type === "error" /* Error */ ? TOAST_ERROR_DURATION : TOAST_DEFAULT_DURATION;
|
|
519
|
+
import_react_hot_toast.toast.custom(
|
|
520
|
+
(t) => {
|
|
521
|
+
const clonedChildren = import_react5.Children.map(children, (child) => {
|
|
522
|
+
return child && (0, import_react5.cloneElement)(child, __spreadValues({
|
|
523
|
+
toastId: t.id
|
|
524
|
+
}, child.props));
|
|
525
|
+
});
|
|
526
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
527
|
+
Toast_default,
|
|
528
|
+
{
|
|
529
|
+
dismissible,
|
|
530
|
+
id: t.id,
|
|
531
|
+
isVisible: t.visible,
|
|
532
|
+
message,
|
|
533
|
+
onClose: () => import_react_hot_toast.toast.dismiss(t.id),
|
|
534
|
+
title,
|
|
535
|
+
type,
|
|
536
|
+
children: clonedChildren
|
|
537
|
+
}
|
|
538
|
+
);
|
|
539
|
+
},
|
|
540
|
+
__spreadValues({
|
|
541
|
+
duration
|
|
542
|
+
}, props)
|
|
543
|
+
);
|
|
544
|
+
};
|
|
545
|
+
var Toaster = (_a) => {
|
|
546
|
+
var _b = _a, { gutter = 8 } = _b, props = __objRest(_b, ["gutter"]);
|
|
547
|
+
const theme = (0, import_react4.useTheme)();
|
|
548
|
+
const small = (0, import_react_core.useMedia)(`(max-width: ${theme.breakpoints.s}px)`);
|
|
549
|
+
const position = small ? smallPosition : defaultPosition;
|
|
550
|
+
const margin = small ? 8 : 16;
|
|
551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
552
|
+
import_react_hot_toast.Toaster,
|
|
553
|
+
__spreadProps(__spreadValues({
|
|
554
|
+
gutter,
|
|
555
|
+
position
|
|
556
|
+
}, props), {
|
|
557
|
+
containerStyle: __spreadValues({
|
|
558
|
+
bottom: 16,
|
|
559
|
+
right: margin,
|
|
560
|
+
top: margin,
|
|
561
|
+
left: margin
|
|
562
|
+
}, props.containerStyle)
|
|
563
|
+
})
|
|
564
|
+
);
|
|
565
|
+
};
|
|
566
|
+
var Toaster_default = Toaster;
|
|
567
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
568
|
+
0 && (module.exports = {
|
|
569
|
+
Toast,
|
|
570
|
+
ToastPosition,
|
|
571
|
+
ToastType,
|
|
572
|
+
Toaster,
|
|
573
|
+
dismissToast,
|
|
574
|
+
emitToast
|
|
575
|
+
});
|