bmi-next-brokers 2.9.1 → 2.9.2
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_fnryu_2{position:relative;width:100%;min-width:0;border-radius:12px;align-items:center;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em;box-sizing:border-box}._topRow_fnryu_18{display:flex;align-items:center;flex-wrap:wrap;width:100%}._iconAndContent_fnryu_25{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_fnryu_25._medium_fnryu_34{gap:6px}._iconContainer_fnryu_39{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_fnryu_50{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:0;gap:2px;overflow:visible;word-break:break-word}._actionButton_fnryu_63{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;margin-left:10px}._actionButton_fnryu_63._withIcon_fnryu_77{justify-content:space-between}._actionButton_fnryu_63._small_fnryu_81{margin-right:4px}._actionButton_fnryu_63._medium_fnryu_34{margin-right:6px}._actionButton_fnryu_63._large_fnryu_89{margin-right:8px;margin-left:14px}._closeButton_fnryu_95{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_fnryu_95:active{transform:scale(.95)}._entering_fnryu_113{animation:_staticToastIn_fnryu_1 .3s cubic-bezier(.16,1,.3,1) forwards}._exiting_fnryu_117{animation:_staticToastOut_fnryu_1 .3s cubic-bezier(.4,0,1,1) forwards}@keyframes _staticToastIn_fnryu_1{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes _staticToastOut_fnryu_1{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(3px)}}@media (prefers-reduced-motion: reduce){._toast_fnryu_2,._entering_fnryu_113,._exiting_fnryu_117{animation:none!important}}._content_fnryu_50:only-child,._content_fnryu_50:not(:has(._body_fnryu_158)){justify-content:center}@media (max-width: 720px){._topRow_fnryu_18._withAction_fnryu_163{align-items:flex-start}._topRow_fnryu_18._small_fnryu_81{align-items:center}._iconAndContent_fnryu_25._withAction_fnryu_163{align-items:flex-start}._iconAndContent_fnryu_25._small_fnryu_81{align-items:center}._closeButton_fnryu_95{order:2}._actionButton_fnryu_63{order:3;width:100%;margin-top:10px;margin-left:0}._actionButton_fnryu_63._large_fnryu_89{margin-top:14px}}
|
package/dist/assets/Toast.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._toast_ni99f_1{position:fixed;min-width:320px;max-width:420px;border-radius:12px;align-items:center;z-index:9000;border-left:4px solid;overflow:hidden;cursor:default;display:flex;flex-direction:column;gap:.75em}._topRow_ni99f_17{display:flex;align-items:center;flex-wrap:wrap;width:100%}._iconAndContent_ni99f_24{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:10px}._iconAndContent_ni99f_24._medium_ni99f_33{gap:6px}._position_top_right_ni99f_38{top:1rem;right:1rem}._position_top_left_ni99f_43{top:1rem;left:1rem}._position_bottom_right_ni99f_48{bottom:1rem;right:1rem}._position_bottom_left_ni99f_53{bottom:1rem;left:1rem}._position_top_center_ni99f_58{top:1rem;left:50%;transform:translate(-50%)}._position_bottom_center_ni99f_64{bottom:1rem;left:50%;transform:translate(-50%)}._iconContainer_ni99f_71{flex-shrink:0;width:24px;margin-left:5px;height:24px;display:flex;align-items:center;justify-content:center}._content_ni99f_82{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;flex:1;min-width:0;gap:2px;overflow:visible;word-break:break-word}._title_ni99f_94{font-weight:600;font-size:.9rem;color:#000}._actions_ni99f_100{display:flex;justify-content:center;align-items:center}._actionButton_ni99f_107{background:transparent;border:none;border-radius:1000px;cursor:pointer;font-family:var(--font-regular);display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;margin-left:10px}._actionButton_ni99f_107._withIcon_ni99f_121{justify-content:space-between}._actionButton_ni99f_107._small_ni99f_125{margin-right:4px}._actionButton_ni99f_107._medium_ni99f_33{margin-right:6px}._actionButton_ni99f_107._large_ni99f_133{margin-right:8px;margin-left:14px}._closeButton_ni99f_139{flex-shrink:0;background:none;border:none;cursor:pointer;padding:0;padding-inline:10px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}._closeButton_ni99f_139:active{transform:scale(.95)}._position_top_right_ni99f_38._exiting_ni99f_157,._position_bottom_right_ni99f_48._exiting_ni99f_157{animation:_slideOutToRight_ni99f_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_right_ni99f_38._entering_ni99f_163,._position_bottom_right_ni99f_48._entering_ni99f_163{animation:_slideInFromRight_ni99f_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_left_ni99f_43._exiting_ni99f_157,._position_bottom_left_ni99f_53._exiting_ni99f_157{animation:_slideOutToLeft_ni99f_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_left_ni99f_43._entering_ni99f_163,._position_bottom_left_ni99f_53._entering_ni99f_163{animation:_slideInFromLeft_ni99f_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_top_center_ni99f_58._exiting_ni99f_157{animation:_slideOutToTop_ni99f_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_top_center_ni99f_58._entering_ni99f_163{animation:_slideInFromTop_ni99f_1 .4s cubic-bezier(.16,1,.3,1) forwards}._position_bottom_center_ni99f_64._exiting_ni99f_157{animation:_slideOutToBottom_ni99f_1 .3s cubic-bezier(.4,0,1,1) forwards}._position_bottom_center_ni99f_64._entering_ni99f_163{animation:_slideInFromBottom_ni99f_1 .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes _slideInFromRight_ni99f_1{0%{transform:translate(100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromLeft_ni99f_1{0%{transform:translate(-100%);opacity:0;filter:blur(4px)}to{transform:translate(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromTop_ni99f_1{0%{transform:translate(-50%) translateY(-100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideInFromBottom_ni99f_1{0%{transform:translate(-50%) translateY(100%);opacity:0;filter:blur(4px)}to{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0)}}@keyframes _slideOutToRight_ni99f_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToLeft_ni99f_1{0%{transform:translate(0);opacity:1;filter:blur(0px)}to{transform:translate(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToTop_ni99f_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(-120%);opacity:0;filter:blur(4px)}}@keyframes _slideOutToBottom_ni99f_1{0%{transform:translate(-50%) translateY(0);opacity:1;filter:blur(0px)}to{transform:translate(-50%) translateY(120%);opacity:0;filter:blur(4px)}}._toast_ni99f_1:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}@media (max-width: 905px){._toast_ni99f_1{min-width:unset;max-width:unset;width:calc(100% - 1rem);left:0;right:0;margin-inline:auto}._toast_ni99f_1._position_top_center_ni99f_58,._toast_ni99f_1._position_bottom_center_ni99f_64{left:50%}}@media (max-width: 720px){._topRow_ni99f_17._withAction_ni99f_331{align-items:flex-start}._topRow_ni99f_17._small_ni99f_125{align-items:center}._iconAndContent_ni99f_24._withAction_ni99f_331{align-items:flex-start}._iconAndContent_ni99f_24._small_ni99f_125{align-items:center}._closeButton_ni99f_139{order:2}._actionButton_ni99f_107{order:3;width:100%;margin-top:10px;margin-left:0}._actionButton_ni99f_107._large_ni99f_133{margin-top:14px}}@media (prefers-reduced-motion: reduce){._toast_ni99f_1{animation:none!important}._toast_ni99f_1:hover{transition:none}}._content_ni99f_82:only-child,._content_ni99f_82:not(:has(._body_ni99f_376)){justify-content:center}
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsx as i, jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { Icon as
|
|
4
|
-
import '../../assets/StaticToast.css';const N = "
|
|
1
|
+
import { jsx as i, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { useState as A, useEffect as F } from "react";
|
|
3
|
+
import { Icon as y } from "../../icons/Icon.js";
|
|
4
|
+
import '../../assets/StaticToast.css';const N = "_toast_fnryu_2", D = "_topRow_fnryu_18", j = "_iconAndContent_fnryu_25", H = "_medium_fnryu_34", M = "_iconContainer_fnryu_39", O = "_content_fnryu_50", P = "_actionButton_fnryu_63", W = "_withIcon_fnryu_77", q = "_small_fnryu_81", G = "_large_fnryu_89", J = "_closeButton_fnryu_95", K = "_entering_fnryu_113", L = "_staticToastIn_fnryu_1", Q = "_exiting_fnryu_117", U = "_staticToastOut_fnryu_1", X = "_body_fnryu_158", Y = "_withAction_fnryu_163", t = {
|
|
5
5
|
toast: N,
|
|
6
6
|
topRow: D,
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
},
|
|
23
|
-
type:
|
|
24
|
-
title:
|
|
25
|
-
body:
|
|
26
|
-
size:
|
|
7
|
+
iconAndContent: j,
|
|
8
|
+
medium: H,
|
|
9
|
+
iconContainer: M,
|
|
10
|
+
content: O,
|
|
11
|
+
actionButton: P,
|
|
12
|
+
withIcon: W,
|
|
13
|
+
small: q,
|
|
14
|
+
large: G,
|
|
15
|
+
closeButton: J,
|
|
16
|
+
entering: K,
|
|
17
|
+
staticToastIn: L,
|
|
18
|
+
exiting: Q,
|
|
19
|
+
staticToastOut: U,
|
|
20
|
+
body: X,
|
|
21
|
+
withAction: Y
|
|
22
|
+
}, z = ({
|
|
23
|
+
type: w = "info",
|
|
24
|
+
title: p,
|
|
25
|
+
body: x,
|
|
26
|
+
size: e = "small",
|
|
27
27
|
icon: B,
|
|
28
|
-
isVisible:
|
|
28
|
+
isVisible: u = !0,
|
|
29
29
|
closable: E = !1,
|
|
30
|
-
onClose:
|
|
31
|
-
autoClose:
|
|
32
|
-
duration:
|
|
30
|
+
onClose: g,
|
|
31
|
+
autoClose: h = !1,
|
|
32
|
+
duration: m = 5e3,
|
|
33
33
|
className: I,
|
|
34
34
|
style: k,
|
|
35
|
-
action:
|
|
35
|
+
action: r
|
|
36
36
|
}) => {
|
|
37
|
-
const [a,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}, [
|
|
41
|
-
if (
|
|
37
|
+
const [a, C] = A(u), [_, R] = A(!1);
|
|
38
|
+
F(() => {
|
|
39
|
+
u ? (R(!1), C(!0)) : a && b();
|
|
40
|
+
}, [u]), F(() => {
|
|
41
|
+
if (h && a && !_ && m > 0) {
|
|
42
42
|
const d = setTimeout(() => {
|
|
43
|
-
|
|
44
|
-
},
|
|
43
|
+
b();
|
|
44
|
+
}, m);
|
|
45
45
|
return () => clearTimeout(d);
|
|
46
46
|
}
|
|
47
|
-
}, [a,
|
|
48
|
-
const
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
}, [a, m, h, _]);
|
|
48
|
+
const b = () => {
|
|
49
|
+
R(!0), setTimeout(() => {
|
|
50
|
+
C(!1), g == null || g();
|
|
51
51
|
}, 300);
|
|
52
52
|
}, c = {
|
|
53
53
|
small: "10px 4px 10px 8px",
|
|
@@ -86,150 +86,150 @@ import '../../assets/StaticToast.css';const N = "_toast_fzbbb_2", D = "_topRow_f
|
|
|
86
86
|
actionButton: "title6Regular",
|
|
87
87
|
body: "bodyRegular"
|
|
88
88
|
}
|
|
89
|
-
}, $ = (d,
|
|
89
|
+
}, $ = (d, o) => {
|
|
90
90
|
switch (d) {
|
|
91
91
|
case "brand":
|
|
92
92
|
return {
|
|
93
93
|
borderColor: "#2054A5",
|
|
94
94
|
background: "#FFF",
|
|
95
95
|
color: "#2054A5",
|
|
96
|
-
padding: c[
|
|
97
|
-
borderRadius: l[
|
|
96
|
+
padding: c[o],
|
|
97
|
+
borderRadius: l[o]
|
|
98
98
|
};
|
|
99
99
|
case "info":
|
|
100
100
|
return {
|
|
101
101
|
borderColor: "#2054A5",
|
|
102
102
|
background: "#EEF3FC",
|
|
103
103
|
color: "#2054A5",
|
|
104
|
-
padding: c[
|
|
105
|
-
borderRadius: l[
|
|
104
|
+
padding: c[o],
|
|
105
|
+
borderRadius: l[o]
|
|
106
106
|
};
|
|
107
107
|
case "new":
|
|
108
108
|
return {
|
|
109
109
|
borderColor: "#0F93A8",
|
|
110
110
|
background: "#D6F4F8",
|
|
111
111
|
color: "#065564",
|
|
112
|
-
padding: c[
|
|
113
|
-
borderRadius: l[
|
|
112
|
+
padding: c[o],
|
|
113
|
+
borderRadius: l[o]
|
|
114
114
|
};
|
|
115
115
|
case "pending":
|
|
116
116
|
return {
|
|
117
117
|
borderColor: "#CA8A04",
|
|
118
118
|
background: "#FEFDE8",
|
|
119
119
|
color: "#713F12",
|
|
120
|
-
padding: c[
|
|
121
|
-
borderRadius: l[
|
|
120
|
+
padding: c[o],
|
|
121
|
+
borderRadius: l[o]
|
|
122
122
|
};
|
|
123
123
|
case "positive":
|
|
124
124
|
return {
|
|
125
125
|
borderColor: "#65A30D",
|
|
126
126
|
background: "#F7FEE7",
|
|
127
127
|
color: "#365314",
|
|
128
|
-
padding: c[
|
|
129
|
-
borderRadius: l[
|
|
128
|
+
padding: c[o],
|
|
129
|
+
borderRadius: l[o]
|
|
130
130
|
};
|
|
131
131
|
case "warning":
|
|
132
132
|
return {
|
|
133
133
|
borderColor: "#EA580C",
|
|
134
134
|
background: "#FFEDD5",
|
|
135
135
|
color: "#7C2D12",
|
|
136
|
-
padding: c[
|
|
137
|
-
borderRadius: l[
|
|
136
|
+
padding: c[o],
|
|
137
|
+
borderRadius: l[o]
|
|
138
138
|
};
|
|
139
139
|
case "negative":
|
|
140
140
|
return {
|
|
141
141
|
borderColor: "#DC2626",
|
|
142
142
|
background: "#FEF2F2",
|
|
143
143
|
color: "#B91C1C",
|
|
144
|
-
padding: c[
|
|
145
|
-
borderRadius: l[
|
|
144
|
+
padding: c[o],
|
|
145
|
+
borderRadius: l[o]
|
|
146
146
|
};
|
|
147
147
|
default:
|
|
148
148
|
return {
|
|
149
149
|
borderColor: "#2054A5",
|
|
150
150
|
background: "#EEF3FC",
|
|
151
151
|
color: "#2054A5",
|
|
152
|
-
padding: c[
|
|
153
|
-
borderRadius: l[
|
|
152
|
+
padding: c[o],
|
|
153
|
+
borderRadius: l[o]
|
|
154
154
|
};
|
|
155
155
|
}
|
|
156
156
|
};
|
|
157
157
|
if (!a) return null;
|
|
158
158
|
const T = [
|
|
159
159
|
t.toast,
|
|
160
|
-
|
|
160
|
+
_ ? t.exiting : t.entering,
|
|
161
161
|
I
|
|
162
|
-
].filter(Boolean).join(" "),
|
|
162
|
+
].filter(Boolean).join(" "), n = $(w, e);
|
|
163
163
|
return /* @__PURE__ */ i(
|
|
164
164
|
"div",
|
|
165
165
|
{
|
|
166
166
|
className: T,
|
|
167
167
|
style: {
|
|
168
|
-
border: "1px solid " +
|
|
169
|
-
background:
|
|
170
|
-
padding:
|
|
171
|
-
borderRadius:
|
|
168
|
+
border: "1px solid " + n.borderColor,
|
|
169
|
+
background: n.background,
|
|
170
|
+
padding: n.padding,
|
|
171
|
+
borderRadius: n.borderRadius,
|
|
172
172
|
...k
|
|
173
173
|
},
|
|
174
174
|
role: "alert",
|
|
175
175
|
"aria-live": "polite",
|
|
176
|
-
children: /* @__PURE__ */
|
|
176
|
+
children: /* @__PURE__ */ s(
|
|
177
177
|
"div",
|
|
178
178
|
{
|
|
179
|
-
className: `${t.topRow} ${
|
|
179
|
+
className: `${t.topRow} ${r ? t.withAction : ""} ${t[e]}`,
|
|
180
180
|
children: [
|
|
181
|
-
/* @__PURE__ */
|
|
181
|
+
/* @__PURE__ */ s(
|
|
182
182
|
"div",
|
|
183
183
|
{
|
|
184
|
-
className: `${t.iconAndContent} ${
|
|
184
|
+
className: `${t.iconAndContent} ${r ? t.withAction : ""} ${t[e]}`,
|
|
185
185
|
children: [
|
|
186
186
|
/* @__PURE__ */ i("div", { className: t.iconContainer, children: /* @__PURE__ */ i(
|
|
187
|
-
|
|
187
|
+
y,
|
|
188
188
|
{
|
|
189
189
|
name: B || "Info",
|
|
190
|
-
fill:
|
|
190
|
+
fill: n == null ? void 0 : n.color,
|
|
191
191
|
width: 25,
|
|
192
192
|
height: 25
|
|
193
193
|
}
|
|
194
194
|
) }),
|
|
195
|
-
/* @__PURE__ */
|
|
196
|
-
|
|
195
|
+
/* @__PURE__ */ s("div", { className: t.content, children: [
|
|
196
|
+
p && /* @__PURE__ */ i(
|
|
197
197
|
"div",
|
|
198
198
|
{
|
|
199
|
-
className: f[
|
|
199
|
+
className: f[e].title,
|
|
200
200
|
style: { fontWeight: 600 },
|
|
201
|
-
children:
|
|
201
|
+
children: p
|
|
202
202
|
}
|
|
203
203
|
),
|
|
204
|
-
|
|
204
|
+
x && /* @__PURE__ */ i(
|
|
205
205
|
"div",
|
|
206
206
|
{
|
|
207
|
-
className: f[
|
|
208
|
-
style: { color:
|
|
209
|
-
children:
|
|
207
|
+
className: f[e].body,
|
|
208
|
+
style: { color: n == null ? void 0 : n.color },
|
|
209
|
+
children: x
|
|
210
210
|
}
|
|
211
211
|
)
|
|
212
212
|
] })
|
|
213
213
|
]
|
|
214
214
|
}
|
|
215
215
|
),
|
|
216
|
-
|
|
216
|
+
r && /* @__PURE__ */ s(
|
|
217
217
|
"button",
|
|
218
218
|
{
|
|
219
219
|
type: "button",
|
|
220
220
|
onClick: () => {
|
|
221
221
|
var d;
|
|
222
|
-
return (d =
|
|
222
|
+
return (d = r.function) == null ? void 0 : d.call(r);
|
|
223
223
|
},
|
|
224
|
-
className: `${f[
|
|
224
|
+
className: `${f[e].actionButton} ${t.actionButton} ${r.icon ? t.withIcon : ""} ${t[e]}`,
|
|
225
225
|
style: {
|
|
226
|
-
border: `1px solid ${
|
|
227
|
-
color:
|
|
228
|
-
...v[
|
|
226
|
+
border: `1px solid ${n == null ? void 0 : n.color}`,
|
|
227
|
+
color: n == null ? void 0 : n.color,
|
|
228
|
+
...v[e]
|
|
229
229
|
},
|
|
230
230
|
children: [
|
|
231
|
-
|
|
232
|
-
|
|
231
|
+
r.label,
|
|
232
|
+
r.icon && /* @__PURE__ */ i(y, { ...r.icon })
|
|
233
233
|
]
|
|
234
234
|
}
|
|
235
235
|
),
|
|
@@ -238,13 +238,13 @@ import '../../assets/StaticToast.css';const N = "_toast_fzbbb_2", D = "_topRow_f
|
|
|
238
238
|
{
|
|
239
239
|
type: "button",
|
|
240
240
|
className: t.closeButton,
|
|
241
|
-
onClick:
|
|
241
|
+
onClick: b,
|
|
242
242
|
"aria-label": "Cerrar notificación",
|
|
243
243
|
children: /* @__PURE__ */ i(
|
|
244
|
-
|
|
244
|
+
y,
|
|
245
245
|
{
|
|
246
246
|
name: "CancelIcon",
|
|
247
|
-
fill:
|
|
247
|
+
fill: n == null ? void 0 : n.color,
|
|
248
248
|
width: 20,
|
|
249
249
|
height: 20
|
|
250
250
|
}
|
|
@@ -258,5 +258,5 @@ import '../../assets/StaticToast.css';const N = "_toast_fzbbb_2", D = "_topRow_f
|
|
|
258
258
|
);
|
|
259
259
|
};
|
|
260
260
|
export {
|
|
261
|
-
|
|
261
|
+
z as StaticToast
|
|
262
262
|
};
|
|
@@ -1,68 +1,69 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as c, jsxs as _ } from "react/jsx-runtime";
|
|
2
2
|
import { useState as R, useEffect as I } from "react";
|
|
3
3
|
import { createPortal as N } from "react-dom";
|
|
4
|
-
import { Icon as
|
|
5
|
-
import '../../assets/Toast.css';const D = "
|
|
4
|
+
import { Icon as f } from "../../icons/Icon.js";
|
|
5
|
+
import '../../assets/Toast.css';const D = "_toast_ni99f_1", L = "_topRow_ni99f_17", P = "_iconAndContent_ni99f_24", j = "_medium_ni99f_33", H = "_position_top_right_ni99f_38", M = "_position_top_left_ni99f_43", W = "_position_bottom_right_ni99f_48", q = "_position_bottom_left_ni99f_53", G = "_position_top_center_ni99f_58", J = "_position_bottom_center_ni99f_64", K = "_iconContainer_ni99f_71", Q = "_content_ni99f_82", U = "_title_ni99f_94", X = "_actions_ni99f_100", Y = "_actionButton_ni99f_107", Z = "_withIcon_ni99f_121", V = "_small_ni99f_125", S = "_large_ni99f_133", z = "_closeButton_ni99f_139", oo = "_exiting_ni99f_157", to = "_slideOutToRight_ni99f_1", no = "_entering_ni99f_163", io = "_slideInFromRight_ni99f_1", eo = "_slideOutToLeft_ni99f_1", ro = "_slideInFromLeft_ni99f_1", lo = "_slideOutToTop_ni99f_1", co = "_slideInFromTop_ni99f_1", so = "_slideOutToBottom_ni99f_1", _o = "_slideInFromBottom_ni99f_1", ao = "_withAction_ni99f_331", uo = "_body_ni99f_376", n = {
|
|
6
6
|
toast: D,
|
|
7
7
|
topRow: L,
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
8
|
+
iconAndContent: P,
|
|
9
|
+
medium: j,
|
|
10
|
+
position_top_right: H,
|
|
11
|
+
position_top_left: M,
|
|
12
|
+
position_bottom_right: W,
|
|
13
|
+
position_bottom_left: q,
|
|
14
|
+
position_top_center: G,
|
|
15
|
+
position_bottom_center: J,
|
|
16
|
+
iconContainer: K,
|
|
17
|
+
content: Q,
|
|
18
|
+
title: U,
|
|
19
|
+
actions: X,
|
|
20
20
|
actionButton: Y,
|
|
21
21
|
withIcon: Z,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
small: V,
|
|
23
|
+
large: S,
|
|
24
|
+
closeButton: z,
|
|
25
|
+
exiting: oo,
|
|
26
|
+
slideOutToRight: to,
|
|
27
|
+
entering: no,
|
|
28
|
+
slideInFromRight: io,
|
|
29
|
+
slideOutToLeft: eo,
|
|
30
|
+
slideInFromLeft: ro,
|
|
31
|
+
slideOutToTop: lo,
|
|
32
|
+
slideInFromTop: co,
|
|
33
|
+
slideOutToBottom: so,
|
|
34
|
+
slideInFromBottom: _o,
|
|
35
|
+
withAction: ao,
|
|
36
|
+
body: uo
|
|
37
|
+
}, bo = ({
|
|
37
38
|
type: B = "info",
|
|
38
|
-
title:
|
|
39
|
-
body:
|
|
39
|
+
title: b,
|
|
40
|
+
body: h,
|
|
40
41
|
duration: a = 5e3,
|
|
41
42
|
icon: T,
|
|
42
|
-
size:
|
|
43
|
+
size: e = "small",
|
|
43
44
|
position: A = "top-right",
|
|
44
|
-
isVisible:
|
|
45
|
-
onClose:
|
|
45
|
+
isVisible: d = !0,
|
|
46
|
+
onClose: u,
|
|
46
47
|
autoClose: F = !0,
|
|
47
48
|
closable: w = !1,
|
|
48
49
|
className: y,
|
|
49
|
-
action:
|
|
50
|
+
action: i
|
|
50
51
|
}) => {
|
|
51
|
-
const [
|
|
52
|
+
const [m, x] = R(d), [E, C] = R(!1), g = () => {
|
|
52
53
|
C(!0), setTimeout(() => {
|
|
53
|
-
x(!1),
|
|
54
|
+
x(!1), u == null || u();
|
|
54
55
|
}, 300);
|
|
55
56
|
};
|
|
56
57
|
I(() => {
|
|
57
|
-
x(
|
|
58
|
-
}, [
|
|
59
|
-
if (F &&
|
|
58
|
+
x(d), d && C(!1);
|
|
59
|
+
}, [d]), I(() => {
|
|
60
|
+
if (F && m && a > 0) {
|
|
60
61
|
const s = setTimeout(() => {
|
|
61
|
-
|
|
62
|
+
g();
|
|
62
63
|
}, a);
|
|
63
64
|
return () => clearTimeout(s);
|
|
64
65
|
}
|
|
65
|
-
}, [
|
|
66
|
+
}, [m, a, F]);
|
|
66
67
|
const r = {
|
|
67
68
|
small: "10px 4px 10px 8px",
|
|
68
69
|
medium: "14px 10px",
|
|
@@ -84,7 +85,7 @@ import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_1
|
|
|
84
85
|
minHeight: "42px",
|
|
85
86
|
paddingInline: "14px"
|
|
86
87
|
}
|
|
87
|
-
},
|
|
88
|
+
}, p = {
|
|
88
89
|
small: {
|
|
89
90
|
title: "small2Medium",
|
|
90
91
|
actionButton: "small2Regular",
|
|
@@ -168,13 +169,13 @@ import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_1
|
|
|
168
169
|
};
|
|
169
170
|
}
|
|
170
171
|
};
|
|
171
|
-
if (!
|
|
172
|
+
if (!m) return null;
|
|
172
173
|
const $ = [
|
|
173
174
|
n.toast,
|
|
174
175
|
n[`position_${A.replace("-", "_")}`],
|
|
175
176
|
E ? n.exiting : n.entering,
|
|
176
177
|
y
|
|
177
|
-
].filter(Boolean).join(" "), o = O(B,
|
|
178
|
+
].filter(Boolean).join(" "), o = O(B, e), v = /* @__PURE__ */ c(
|
|
178
179
|
"div",
|
|
179
180
|
{
|
|
180
181
|
className: $,
|
|
@@ -187,19 +188,19 @@ import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_1
|
|
|
187
188
|
},
|
|
188
189
|
role: "alert",
|
|
189
190
|
"aria-live": "polite",
|
|
190
|
-
onClick:
|
|
191
|
+
onClick: g,
|
|
191
192
|
children: /* @__PURE__ */ _(
|
|
192
193
|
"div",
|
|
193
194
|
{
|
|
194
|
-
className: `${n.topRow} ${
|
|
195
|
+
className: `${n.topRow} ${i ? n.withAction : ""} ${n[e]}`,
|
|
195
196
|
children: [
|
|
196
197
|
/* @__PURE__ */ _(
|
|
197
198
|
"div",
|
|
198
199
|
{
|
|
199
|
-
className: `${n.iconAndContent} ${
|
|
200
|
+
className: `${n.iconAndContent} ${i ? n.withAction : ""} ${n[e]}`,
|
|
200
201
|
children: [
|
|
201
|
-
/* @__PURE__ */
|
|
202
|
-
|
|
202
|
+
/* @__PURE__ */ c("div", { className: n.iconContainer, children: /* @__PURE__ */ c(
|
|
203
|
+
f,
|
|
203
204
|
{
|
|
204
205
|
name: T || "Info",
|
|
205
206
|
fill: o == null ? void 0 : o.color,
|
|
@@ -208,57 +209,57 @@ import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_1
|
|
|
208
209
|
}
|
|
209
210
|
) }),
|
|
210
211
|
/* @__PURE__ */ _("div", { className: n.content, children: [
|
|
211
|
-
|
|
212
|
+
b && /* @__PURE__ */ c(
|
|
212
213
|
"div",
|
|
213
214
|
{
|
|
214
|
-
className:
|
|
215
|
+
className: p[e].title,
|
|
215
216
|
style: { fontWeight: 600 },
|
|
216
|
-
children:
|
|
217
|
+
children: b
|
|
217
218
|
}
|
|
218
219
|
),
|
|
219
|
-
|
|
220
|
+
h && /* @__PURE__ */ c(
|
|
220
221
|
"div",
|
|
221
222
|
{
|
|
222
|
-
className:
|
|
223
|
+
className: p[e].body,
|
|
223
224
|
style: { color: o == null ? void 0 : o.color },
|
|
224
|
-
children:
|
|
225
|
+
children: h
|
|
225
226
|
}
|
|
226
227
|
)
|
|
227
228
|
] })
|
|
228
229
|
]
|
|
229
230
|
}
|
|
230
231
|
),
|
|
231
|
-
|
|
232
|
+
i && /* @__PURE__ */ _(
|
|
232
233
|
"button",
|
|
233
234
|
{
|
|
234
235
|
type: "button",
|
|
235
236
|
onClick: (s) => {
|
|
236
237
|
var t;
|
|
237
|
-
s.stopPropagation(), (t =
|
|
238
|
+
s.stopPropagation(), (t = i.function) == null || t.call(i);
|
|
238
239
|
},
|
|
239
|
-
className: `${
|
|
240
|
+
className: `${p[e].actionButton} ${n.actionButton} ${i.icon ? n.withIcon : ""} ${n[e]}`,
|
|
240
241
|
style: {
|
|
241
|
-
border: `1px solid ${o == null ? void 0 : o.
|
|
242
|
+
border: `1px solid ${o == null ? void 0 : o.color}`,
|
|
242
243
|
color: o == null ? void 0 : o.color,
|
|
243
|
-
...k[
|
|
244
|
+
...k[e]
|
|
244
245
|
},
|
|
245
246
|
children: [
|
|
246
|
-
|
|
247
|
-
|
|
247
|
+
i.label,
|
|
248
|
+
i.icon && /* @__PURE__ */ c(f, { ...i.icon })
|
|
248
249
|
]
|
|
249
250
|
}
|
|
250
251
|
),
|
|
251
|
-
w && /* @__PURE__ */
|
|
252
|
+
w && /* @__PURE__ */ c(
|
|
252
253
|
"button",
|
|
253
254
|
{
|
|
254
255
|
type: "button",
|
|
255
256
|
className: n.closeButton,
|
|
256
257
|
onClick: (s) => {
|
|
257
|
-
s.stopPropagation(),
|
|
258
|
+
s.stopPropagation(), g();
|
|
258
259
|
},
|
|
259
260
|
"aria-label": "Cerrar notificación",
|
|
260
|
-
children: /* @__PURE__ */
|
|
261
|
-
|
|
261
|
+
children: /* @__PURE__ */ c(
|
|
262
|
+
f,
|
|
262
263
|
{
|
|
263
264
|
name: "CancelIcon",
|
|
264
265
|
fill: o == null ? void 0 : o.color,
|
|
@@ -279,5 +280,5 @@ import '../../assets/Toast.css';const D = "_toast_17e9b_1", L = "_topRow_17e9b_1
|
|
|
279
280
|
);
|
|
280
281
|
};
|
|
281
282
|
export {
|
|
282
|
-
|
|
283
|
+
bo as Toast
|
|
283
284
|
};
|
package/package.json
CHANGED