@notificationapi/react 0.0.34 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/AntdIcon.js +1 -1
  3. package/dist/assets/CloseOutlined.js +13 -0
  4. package/dist/assets/Notification.js +17 -16
  5. package/dist/assets/PreferenceInput.js +1470 -0
  6. package/dist/assets/PurePanel.js +32 -42
  7. package/dist/assets/WebPushOptInMessage.js +478 -0
  8. package/dist/assets/button.js +50 -50
  9. package/dist/assets/colors.js +25 -20840
  10. package/dist/assets/compact-item.js +860 -0
  11. package/dist/assets/index.js +11 -9
  12. package/dist/assets/index2.js +10 -9
  13. package/dist/assets/index3.js +2303 -3150
  14. package/dist/assets/presets.js +22 -22
  15. package/dist/assets/reactNode.js +20821 -0
  16. package/dist/components/Notifications/Inbox.js +81 -78
  17. package/dist/components/Notifications/NotificationFeed.js +59 -31
  18. package/dist/components/Notifications/NotificationLauncher.js +61 -41
  19. package/dist/components/Notifications/NotificationPopup.js +72 -65
  20. package/dist/components/Preferences/NotificationPreferencesInline.d.ts +1 -1
  21. package/dist/components/Preferences/NotificationPreferencesInline.js +39 -5
  22. package/dist/components/Preferences/NotificationPreferencesPopup.d.ts +1 -1
  23. package/dist/components/Preferences/NotificationPreferencesPopup.js +463 -464
  24. package/dist/components/Preferences/PreferenceInput.js +5 -1466
  25. package/dist/components/Preferences/Preferences.js +24 -23
  26. package/dist/components/Provider/index.d.ts +9 -1
  27. package/dist/components/Provider/index.js +211 -156
  28. package/dist/components/WebPush/WebPushOptInMessage.d.ts +14 -0
  29. package/dist/components/WebPush/WebPushOptInMessage.js +8 -0
  30. package/package.json +2 -2
@@ -0,0 +1,860 @@
1
+ import { f as ce, a as pe, d as re, _ as be, c as Y } from "./presets.js";
2
+ import { s as we, t as le, v as ne, w as ue, R as Ee, x as Se, y as Ce, z as U, e as xe, i as me, a as se, A as _e, B as Le, c as $e, S as Re, g as Oe, m as Ie } from "./reactNode.js";
3
+ import * as p from "react";
4
+ import D, { useContext as Ne, useRef as Ge } from "react";
5
+ import { I as ve } from "./AntdIcon.js";
6
+ function oe(e) {
7
+ var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, n = [];
8
+ return D.Children.forEach(e, function(o) {
9
+ o == null && !t.keepEmpty || (Array.isArray(o) ? n = n.concat(oe(o)) : we.isFragment(o) && o.props ? n = n.concat(oe(o.props.children, t)) : n.push(o));
10
+ }), n;
11
+ }
12
+ function vt(e, t) {
13
+ var n = Object.assign({}, e);
14
+ return Array.isArray(t) && t.forEach(function(o) {
15
+ delete n[o];
16
+ }), n;
17
+ }
18
+ function Z(e) {
19
+ return e !== void 0;
20
+ }
21
+ function ht(e, t) {
22
+ var n = t || {}, o = n.defaultValue, s = n.value, d = n.onChange, f = n.postState, v = le(function() {
23
+ return Z(s) ? s : Z(o) ? typeof o == "function" ? o() : o : typeof e == "function" ? e() : e;
24
+ }), y = ce(v, 2), m = y[0], g = y[1], C = s !== void 0 ? s : m, S = f ? f(C) : C, P = ne(d), j = le([C]), O = ce(j, 2), h = O[0], R = O[1];
25
+ ue(function() {
26
+ var b = h[0];
27
+ m !== b && P(m, b);
28
+ }, [h]), ue(function() {
29
+ Z(s) || g(s);
30
+ }, [s]);
31
+ var N = ne(function(b, $) {
32
+ g(b, $), R([C], $);
33
+ });
34
+ return [S, N];
35
+ }
36
+ var je = { icon: { tag: "svg", attrs: { "fill-rule": "evenodd", viewBox: "64 64 896 896", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, name: "close-circle", theme: "filled" }, Te = function(t, n) {
37
+ return /* @__PURE__ */ p.createElement(ve, pe({}, t, {
38
+ ref: n,
39
+ icon: je
40
+ }));
41
+ }, Pe = /* @__PURE__ */ p.forwardRef(Te);
42
+ process.env.NODE_ENV !== "production" && (Pe.displayName = "CloseCircleFilled");
43
+ var ze = { icon: { tag: "svg", attrs: { viewBox: "0 0 1024 1024", focusable: "false" }, children: [{ tag: "path", attrs: { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" } }] }, name: "loading", theme: "outlined" }, We = function(t, n) {
44
+ return /* @__PURE__ */ p.createElement(ve, pe({}, t, {
45
+ ref: n,
46
+ icon: ze
47
+ }));
48
+ }, ke = /* @__PURE__ */ p.forwardRef(We);
49
+ process.env.NODE_ENV !== "production" && (ke.displayName = "LoadingOutlined");
50
+ function M() {
51
+ M = function() {
52
+ return t;
53
+ };
54
+ var e, t = {}, n = Object.prototype, o = n.hasOwnProperty, s = Object.defineProperty || function(i, r, a) {
55
+ i[r] = a.value;
56
+ }, d = typeof Symbol == "function" ? Symbol : {}, f = d.iterator || "@@iterator", v = d.asyncIterator || "@@asyncIterator", y = d.toStringTag || "@@toStringTag";
57
+ function m(i, r, a) {
58
+ return Object.defineProperty(i, r, {
59
+ value: a,
60
+ enumerable: !0,
61
+ configurable: !0,
62
+ writable: !0
63
+ }), i[r];
64
+ }
65
+ try {
66
+ m({}, "");
67
+ } catch {
68
+ m = function(a, c, u) {
69
+ return a[c] = u;
70
+ };
71
+ }
72
+ function g(i, r, a, c) {
73
+ var u = r && r.prototype instanceof R ? r : R, l = Object.create(u.prototype), w = new F(c || []);
74
+ return s(l, "_invoke", {
75
+ value: X(i, a, w)
76
+ }), l;
77
+ }
78
+ function C(i, r, a) {
79
+ try {
80
+ return {
81
+ type: "normal",
82
+ arg: i.call(r, a)
83
+ };
84
+ } catch (c) {
85
+ return {
86
+ type: "throw",
87
+ arg: c
88
+ };
89
+ }
90
+ }
91
+ t.wrap = g;
92
+ var S = "suspendedStart", P = "suspendedYield", j = "executing", O = "completed", h = {};
93
+ function R() {
94
+ }
95
+ function N() {
96
+ }
97
+ function b() {
98
+ }
99
+ var $ = {};
100
+ m($, f, function() {
101
+ return this;
102
+ });
103
+ var z = Object.getPrototypeOf, x = z && z(z(Q([])));
104
+ x && x !== n && o.call(x, f) && ($ = x);
105
+ var E = b.prototype = R.prototype = Object.create($);
106
+ function G(i) {
107
+ ["next", "throw", "return"].forEach(function(r) {
108
+ m(i, r, function(a) {
109
+ return this._invoke(r, a);
110
+ });
111
+ });
112
+ }
113
+ function I(i, r) {
114
+ function a(u, l, w, _) {
115
+ var L = C(i[u], i, l);
116
+ if (L.type !== "throw") {
117
+ var W = L.arg, T = W.value;
118
+ return T && re(T) == "object" && o.call(T, "__await") ? r.resolve(T.__await).then(function(k) {
119
+ a("next", k, w, _);
120
+ }, function(k) {
121
+ a("throw", k, w, _);
122
+ }) : r.resolve(T).then(function(k) {
123
+ W.value = k, w(W);
124
+ }, function(k) {
125
+ return a("throw", k, w, _);
126
+ });
127
+ }
128
+ _(L.arg);
129
+ }
130
+ var c;
131
+ s(this, "_invoke", {
132
+ value: function(l, w) {
133
+ function _() {
134
+ return new r(function(L, W) {
135
+ a(l, w, L, W);
136
+ });
137
+ }
138
+ return c = c ? c.then(_, _) : _();
139
+ }
140
+ });
141
+ }
142
+ function X(i, r, a) {
143
+ var c = S;
144
+ return function(u, l) {
145
+ if (c === j) throw Error("Generator is already running");
146
+ if (c === O) {
147
+ if (u === "throw") throw l;
148
+ return {
149
+ value: e,
150
+ done: !0
151
+ };
152
+ }
153
+ for (a.method = u, a.arg = l; ; ) {
154
+ var w = a.delegate;
155
+ if (w) {
156
+ var _ = V(w, a);
157
+ if (_) {
158
+ if (_ === h) continue;
159
+ return _;
160
+ }
161
+ }
162
+ if (a.method === "next") a.sent = a._sent = a.arg;
163
+ else if (a.method === "throw") {
164
+ if (c === S) throw c = O, a.arg;
165
+ a.dispatchException(a.arg);
166
+ } else a.method === "return" && a.abrupt("return", a.arg);
167
+ c = j;
168
+ var L = C(i, r, a);
169
+ if (L.type === "normal") {
170
+ if (c = a.done ? O : P, L.arg === h) continue;
171
+ return {
172
+ value: L.arg,
173
+ done: a.done
174
+ };
175
+ }
176
+ L.type === "throw" && (c = O, a.method = "throw", a.arg = L.arg);
177
+ }
178
+ };
179
+ }
180
+ function V(i, r) {
181
+ var a = r.method, c = i.iterator[a];
182
+ if (c === e) return r.delegate = null, a === "throw" && i.iterator.return && (r.method = "return", r.arg = e, V(i, r), r.method === "throw") || a !== "return" && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + a + "' method")), h;
183
+ var u = C(c, i.iterator, r.arg);
184
+ if (u.type === "throw") return r.method = "throw", r.arg = u.arg, r.delegate = null, h;
185
+ var l = u.arg;
186
+ return l ? l.done ? (r[i.resultName] = l.value, r.next = i.nextLoc, r.method !== "return" && (r.method = "next", r.arg = e), r.delegate = null, h) : l : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, h);
187
+ }
188
+ function J(i) {
189
+ var r = {
190
+ tryLoc: i[0]
191
+ };
192
+ 1 in i && (r.catchLoc = i[1]), 2 in i && (r.finallyLoc = i[2], r.afterLoc = i[3]), this.tryEntries.push(r);
193
+ }
194
+ function A(i) {
195
+ var r = i.completion || {};
196
+ r.type = "normal", delete r.arg, i.completion = r;
197
+ }
198
+ function F(i) {
199
+ this.tryEntries = [{
200
+ tryLoc: "root"
201
+ }], i.forEach(J, this), this.reset(!0);
202
+ }
203
+ function Q(i) {
204
+ if (i || i === "") {
205
+ var r = i[f];
206
+ if (r) return r.call(i);
207
+ if (typeof i.next == "function") return i;
208
+ if (!isNaN(i.length)) {
209
+ var a = -1, c = function u() {
210
+ for (; ++a < i.length; ) if (o.call(i, a)) return u.value = i[a], u.done = !1, u;
211
+ return u.value = e, u.done = !0, u;
212
+ };
213
+ return c.next = c;
214
+ }
215
+ }
216
+ throw new TypeError(re(i) + " is not iterable");
217
+ }
218
+ return N.prototype = b, s(E, "constructor", {
219
+ value: b,
220
+ configurable: !0
221
+ }), s(b, "constructor", {
222
+ value: N,
223
+ configurable: !0
224
+ }), N.displayName = m(b, y, "GeneratorFunction"), t.isGeneratorFunction = function(i) {
225
+ var r = typeof i == "function" && i.constructor;
226
+ return !!r && (r === N || (r.displayName || r.name) === "GeneratorFunction");
227
+ }, t.mark = function(i) {
228
+ return Object.setPrototypeOf ? Object.setPrototypeOf(i, b) : (i.__proto__ = b, m(i, y, "GeneratorFunction")), i.prototype = Object.create(E), i;
229
+ }, t.awrap = function(i) {
230
+ return {
231
+ __await: i
232
+ };
233
+ }, G(I.prototype), m(I.prototype, v, function() {
234
+ return this;
235
+ }), t.AsyncIterator = I, t.async = function(i, r, a, c, u) {
236
+ u === void 0 && (u = Promise);
237
+ var l = new I(g(i, r, a, c), u);
238
+ return t.isGeneratorFunction(r) ? l : l.next().then(function(w) {
239
+ return w.done ? w.value : l.next();
240
+ });
241
+ }, G(E), m(E, y, "Generator"), m(E, f, function() {
242
+ return this;
243
+ }), m(E, "toString", function() {
244
+ return "[object Generator]";
245
+ }), t.keys = function(i) {
246
+ var r = Object(i), a = [];
247
+ for (var c in r) a.push(c);
248
+ return a.reverse(), function u() {
249
+ for (; a.length; ) {
250
+ var l = a.pop();
251
+ if (l in r) return u.value = l, u.done = !1, u;
252
+ }
253
+ return u.done = !0, u;
254
+ };
255
+ }, t.values = Q, F.prototype = {
256
+ constructor: F,
257
+ reset: function(r) {
258
+ if (this.prev = 0, this.next = 0, this.sent = this._sent = e, this.done = !1, this.delegate = null, this.method = "next", this.arg = e, this.tryEntries.forEach(A), !r) for (var a in this) a.charAt(0) === "t" && o.call(this, a) && !isNaN(+a.slice(1)) && (this[a] = e);
259
+ },
260
+ stop: function() {
261
+ this.done = !0;
262
+ var r = this.tryEntries[0].completion;
263
+ if (r.type === "throw") throw r.arg;
264
+ return this.rval;
265
+ },
266
+ dispatchException: function(r) {
267
+ if (this.done) throw r;
268
+ var a = this;
269
+ function c(W, T) {
270
+ return w.type = "throw", w.arg = r, a.next = W, T && (a.method = "next", a.arg = e), !!T;
271
+ }
272
+ for (var u = this.tryEntries.length - 1; u >= 0; --u) {
273
+ var l = this.tryEntries[u], w = l.completion;
274
+ if (l.tryLoc === "root") return c("end");
275
+ if (l.tryLoc <= this.prev) {
276
+ var _ = o.call(l, "catchLoc"), L = o.call(l, "finallyLoc");
277
+ if (_ && L) {
278
+ if (this.prev < l.catchLoc) return c(l.catchLoc, !0);
279
+ if (this.prev < l.finallyLoc) return c(l.finallyLoc);
280
+ } else if (_) {
281
+ if (this.prev < l.catchLoc) return c(l.catchLoc, !0);
282
+ } else {
283
+ if (!L) throw Error("try statement without catch or finally");
284
+ if (this.prev < l.finallyLoc) return c(l.finallyLoc);
285
+ }
286
+ }
287
+ }
288
+ },
289
+ abrupt: function(r, a) {
290
+ for (var c = this.tryEntries.length - 1; c >= 0; --c) {
291
+ var u = this.tryEntries[c];
292
+ if (u.tryLoc <= this.prev && o.call(u, "finallyLoc") && this.prev < u.finallyLoc) {
293
+ var l = u;
294
+ break;
295
+ }
296
+ }
297
+ l && (r === "break" || r === "continue") && l.tryLoc <= a && a <= l.finallyLoc && (l = null);
298
+ var w = l ? l.completion : {};
299
+ return w.type = r, w.arg = a, l ? (this.method = "next", this.next = l.finallyLoc, h) : this.complete(w);
300
+ },
301
+ complete: function(r, a) {
302
+ if (r.type === "throw") throw r.arg;
303
+ return r.type === "break" || r.type === "continue" ? this.next = r.arg : r.type === "return" ? (this.rval = this.arg = r.arg, this.method = "return", this.next = "end") : r.type === "normal" && a && (this.next = a), h;
304
+ },
305
+ finish: function(r) {
306
+ for (var a = this.tryEntries.length - 1; a >= 0; --a) {
307
+ var c = this.tryEntries[a];
308
+ if (c.finallyLoc === r) return this.complete(c.completion, c.afterLoc), A(c), h;
309
+ }
310
+ },
311
+ catch: function(r) {
312
+ for (var a = this.tryEntries.length - 1; a >= 0; --a) {
313
+ var c = this.tryEntries[a];
314
+ if (c.tryLoc === r) {
315
+ var u = c.completion;
316
+ if (u.type === "throw") {
317
+ var l = u.arg;
318
+ A(c);
319
+ }
320
+ return l;
321
+ }
322
+ }
323
+ throw Error("illegal catch attempt");
324
+ },
325
+ delegateYield: function(r, a, c) {
326
+ return this.delegate = {
327
+ iterator: Q(r),
328
+ resultName: a,
329
+ nextLoc: c
330
+ }, this.method === "next" && (this.arg = e), h;
331
+ }
332
+ }, t;
333
+ }
334
+ function fe(e, t, n, o, s, d, f) {
335
+ try {
336
+ var v = e[d](f), y = v.value;
337
+ } catch (m) {
338
+ return void n(m);
339
+ }
340
+ v.done ? t(y) : Promise.resolve(y).then(o, s);
341
+ }
342
+ function he(e) {
343
+ return function() {
344
+ var t = this, n = arguments;
345
+ return new Promise(function(o, s) {
346
+ var d = e.apply(t, n);
347
+ function f(y) {
348
+ fe(d, o, s, f, v, "next", y);
349
+ }
350
+ function v(y) {
351
+ fe(d, o, s, f, v, "throw", y);
352
+ }
353
+ f(void 0);
354
+ });
355
+ };
356
+ }
357
+ var B = be({}, Ee), Ae = B.version, Fe = B.render, De = B.unmountComponentAtNode, H;
358
+ try {
359
+ var Me = Number((Ae || "").split(".")[0]);
360
+ Me >= 18 && (H = B.createRoot);
361
+ } catch {
362
+ }
363
+ function de(e) {
364
+ var t = B.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
365
+ t && re(t) === "object" && (t.usingClientEntryPoint = e);
366
+ }
367
+ var q = "__rc_react_root__";
368
+ function Be(e, t) {
369
+ de(!0);
370
+ var n = t[q] || H(t);
371
+ de(!1), n.render(e), t[q] = n;
372
+ }
373
+ function Ve(e, t) {
374
+ Fe(e, t);
375
+ }
376
+ function Ue(e, t) {
377
+ if (H) {
378
+ Be(e, t);
379
+ return;
380
+ }
381
+ Ve(e, t);
382
+ }
383
+ function qe(e) {
384
+ return ae.apply(this, arguments);
385
+ }
386
+ function ae() {
387
+ return ae = he(/* @__PURE__ */ M().mark(function e(t) {
388
+ return M().wrap(function(o) {
389
+ for (; ; ) switch (o.prev = o.next) {
390
+ case 0:
391
+ return o.abrupt("return", Promise.resolve().then(function() {
392
+ var s;
393
+ (s = t[q]) === null || s === void 0 || s.unmount(), delete t[q];
394
+ }));
395
+ case 1:
396
+ case "end":
397
+ return o.stop();
398
+ }
399
+ }, e);
400
+ })), ae.apply(this, arguments);
401
+ }
402
+ function Ye(e) {
403
+ De(e);
404
+ }
405
+ function He(e) {
406
+ return ie.apply(this, arguments);
407
+ }
408
+ function ie() {
409
+ return ie = he(/* @__PURE__ */ M().mark(function e(t) {
410
+ return M().wrap(function(o) {
411
+ for (; ; ) switch (o.prev = o.next) {
412
+ case 0:
413
+ if (H === void 0) {
414
+ o.next = 2;
415
+ break;
416
+ }
417
+ return o.abrupt("return", qe(t));
418
+ case 2:
419
+ Ye(t);
420
+ case 3:
421
+ case "end":
422
+ return o.stop();
423
+ }
424
+ }, e);
425
+ })), ie.apply(this, arguments);
426
+ }
427
+ const Ke = function(e) {
428
+ if (!e)
429
+ return !1;
430
+ if (e instanceof Element) {
431
+ if (e.offsetParent)
432
+ return !0;
433
+ if (e.getBBox) {
434
+ var t = e.getBBox(), n = t.width, o = t.height;
435
+ if (n || o)
436
+ return !0;
437
+ }
438
+ if (e.getBoundingClientRect) {
439
+ var s = e.getBoundingClientRect(), d = s.width, f = s.height;
440
+ if (d || f)
441
+ return !0;
442
+ }
443
+ }
444
+ return !1;
445
+ }, Xe = (e) => {
446
+ const {
447
+ componentCls: t,
448
+ colorPrimary: n
449
+ } = e;
450
+ return {
451
+ [t]: {
452
+ position: "absolute",
453
+ background: "transparent",
454
+ pointerEvents: "none",
455
+ boxSizing: "border-box",
456
+ color: `var(--wave-color, ${n})`,
457
+ boxShadow: "0 0 0 0 currentcolor",
458
+ opacity: 0.2,
459
+ // =================== Motion ===================
460
+ "&.wave-motion-appear": {
461
+ transition: [`box-shadow 0.4s ${e.motionEaseOutCirc}`, `opacity 2s ${e.motionEaseOutCirc}`].join(","),
462
+ "&-active": {
463
+ boxShadow: "0 0 0 6px currentcolor",
464
+ opacity: 0
465
+ },
466
+ "&.wave-quick": {
467
+ transition: [`box-shadow ${e.motionDurationSlow} ${e.motionEaseInOut}`, `opacity ${e.motionDurationSlow} ${e.motionEaseInOut}`].join(",")
468
+ }
469
+ }
470
+ }
471
+ };
472
+ }, Je = Se("Wave", (e) => [Xe(e)]), ge = `${Ce}-wave-target`;
473
+ function ee(e) {
474
+ return e && e !== "#fff" && e !== "#ffffff" && e !== "rgb(255, 255, 255)" && e !== "rgba(255, 255, 255, 1)" && !/rgba\((?:\d*, ){3}0\)/.test(e) && // any transparent rgba color
475
+ e !== "transparent";
476
+ }
477
+ function Qe(e) {
478
+ const {
479
+ borderTopColor: t,
480
+ borderColor: n,
481
+ backgroundColor: o
482
+ } = getComputedStyle(e);
483
+ return ee(t) ? t : ee(n) ? n : ee(o) ? o : null;
484
+ }
485
+ function te(e) {
486
+ return Number.isNaN(e) ? 0 : e;
487
+ }
488
+ const Ze = (e) => {
489
+ const {
490
+ className: t,
491
+ target: n,
492
+ component: o
493
+ } = e, s = p.useRef(null), [d, f] = p.useState(null), [v, y] = p.useState([]), [m, g] = p.useState(0), [C, S] = p.useState(0), [P, j] = p.useState(0), [O, h] = p.useState(0), [R, N] = p.useState(!1), b = {
494
+ left: m,
495
+ top: C,
496
+ width: P,
497
+ height: O,
498
+ borderRadius: v.map((x) => `${x}px`).join(" ")
499
+ };
500
+ d && (b["--wave-color"] = d);
501
+ function $() {
502
+ const x = getComputedStyle(n);
503
+ f(Qe(n));
504
+ const E = x.position === "static", {
505
+ borderLeftWidth: G,
506
+ borderTopWidth: I
507
+ } = x;
508
+ g(E ? n.offsetLeft : te(-parseFloat(G))), S(E ? n.offsetTop : te(-parseFloat(I))), j(n.offsetWidth), h(n.offsetHeight);
509
+ const {
510
+ borderTopLeftRadius: X,
511
+ borderTopRightRadius: V,
512
+ borderBottomLeftRadius: J,
513
+ borderBottomRightRadius: A
514
+ } = x;
515
+ y([X, V, A, J].map((F) => te(parseFloat(F))));
516
+ }
517
+ if (p.useEffect(() => {
518
+ if (n) {
519
+ const x = U(() => {
520
+ $(), N(!0);
521
+ });
522
+ let E;
523
+ return typeof ResizeObserver < "u" && (E = new ResizeObserver($), E.observe(n)), () => {
524
+ U.cancel(x), E == null || E.disconnect();
525
+ };
526
+ }
527
+ }, []), !R)
528
+ return null;
529
+ const z = (o === "Checkbox" || o === "Radio") && (n == null ? void 0 : n.classList.contains(ge));
530
+ return /* @__PURE__ */ p.createElement(xe, {
531
+ visible: !0,
532
+ motionAppear: !0,
533
+ motionName: "wave-motion",
534
+ motionDeadline: 5e3,
535
+ onAppearEnd: (x, E) => {
536
+ var G;
537
+ if (E.deadline || E.propertyName === "opacity") {
538
+ const I = (G = s.current) === null || G === void 0 ? void 0 : G.parentElement;
539
+ He(I).then(() => {
540
+ I == null || I.remove();
541
+ });
542
+ }
543
+ return !1;
544
+ }
545
+ }, (x, E) => {
546
+ let {
547
+ className: G
548
+ } = x;
549
+ return /* @__PURE__ */ p.createElement("div", {
550
+ ref: me(s, E),
551
+ className: Y(t, G, {
552
+ "wave-quick": z
553
+ }),
554
+ style: b
555
+ });
556
+ });
557
+ }, et = (e, t) => {
558
+ var n;
559
+ const {
560
+ component: o
561
+ } = t;
562
+ if (o === "Checkbox" && !(!((n = e.querySelector("input")) === null || n === void 0) && n.checked))
563
+ return;
564
+ const s = document.createElement("div");
565
+ s.style.position = "absolute", s.style.left = "0px", s.style.top = "0px", e == null || e.insertBefore(s, e == null ? void 0 : e.firstChild), Ue(/* @__PURE__ */ p.createElement(Ze, Object.assign({}, t, {
566
+ target: e
567
+ })), s);
568
+ }, tt = (e, t, n) => {
569
+ const {
570
+ wave: o
571
+ } = p.useContext(se), [, s, d] = _e(), f = ne((m) => {
572
+ const g = e.current;
573
+ if (o != null && o.disabled || !g)
574
+ return;
575
+ const C = g.querySelector(`.${ge}`) || g, {
576
+ showEffect: S
577
+ } = o || {};
578
+ (S || et)(C, {
579
+ className: t,
580
+ token: s,
581
+ component: n,
582
+ event: m,
583
+ hashId: d
584
+ });
585
+ }), v = p.useRef();
586
+ return (m) => {
587
+ U.cancel(v.current), v.current = U(() => {
588
+ f(m);
589
+ });
590
+ };
591
+ }, rt = (e) => {
592
+ const {
593
+ children: t,
594
+ disabled: n,
595
+ component: o
596
+ } = e, {
597
+ getPrefixCls: s
598
+ } = Ne(se), d = Ge(null), f = s("wave"), [, v] = Je(f), y = tt(d, Y(f, v), o);
599
+ if (D.useEffect(() => {
600
+ const g = d.current;
601
+ if (!g || g.nodeType !== 1 || n)
602
+ return;
603
+ const C = (S) => {
604
+ !Ke(S.target) || // No need wave
605
+ !g.getAttribute || g.getAttribute("disabled") || g.disabled || g.className.includes("disabled") || g.className.includes("-leave") || y(S);
606
+ };
607
+ return g.addEventListener("click", C, !0), () => {
608
+ g.removeEventListener("click", C, !0);
609
+ };
610
+ }, [n]), !/* @__PURE__ */ D.isValidElement(t))
611
+ return t ?? null;
612
+ const m = Le(t) ? me(t.ref, d) : d;
613
+ return $e(t, {
614
+ ref: m
615
+ });
616
+ };
617
+ process.env.NODE_ENV !== "production" && (rt.displayName = "Wave");
618
+ const nt = (e) => {
619
+ const t = D.useContext(Re);
620
+ return D.useMemo(() => e ? typeof e == "string" ? e ?? t : e instanceof Function ? e(t) : t : t, [e, t]);
621
+ }, ot = (e) => {
622
+ const {
623
+ componentCls: t
624
+ } = e;
625
+ return {
626
+ [t]: {
627
+ "&-block": {
628
+ display: "flex",
629
+ width: "100%"
630
+ },
631
+ "&-vertical": {
632
+ flexDirection: "column"
633
+ }
634
+ }
635
+ };
636
+ }, at = (e) => {
637
+ const {
638
+ componentCls: t,
639
+ antCls: n
640
+ } = e;
641
+ return {
642
+ [t]: {
643
+ display: "inline-flex",
644
+ "&-rtl": {
645
+ direction: "rtl"
646
+ },
647
+ "&-vertical": {
648
+ flexDirection: "column"
649
+ },
650
+ "&-align": {
651
+ flexDirection: "column",
652
+ "&-center": {
653
+ alignItems: "center"
654
+ },
655
+ "&-start": {
656
+ alignItems: "flex-start"
657
+ },
658
+ "&-end": {
659
+ alignItems: "flex-end"
660
+ },
661
+ "&-baseline": {
662
+ alignItems: "baseline"
663
+ }
664
+ },
665
+ [`${t}-item:empty`]: {
666
+ display: "none"
667
+ },
668
+ // https://github.com/ant-design/ant-design/issues/47875
669
+ [`${t}-item > ${n}-badge-not-a-wrapper:only-child`]: {
670
+ display: "block"
671
+ }
672
+ }
673
+ };
674
+ }, it = (e) => {
675
+ const {
676
+ componentCls: t
677
+ } = e;
678
+ return {
679
+ [t]: {
680
+ "&-gap-row-small": {
681
+ rowGap: e.spaceGapSmallSize
682
+ },
683
+ "&-gap-row-middle": {
684
+ rowGap: e.spaceGapMiddleSize
685
+ },
686
+ "&-gap-row-large": {
687
+ rowGap: e.spaceGapLargeSize
688
+ },
689
+ "&-gap-col-small": {
690
+ columnGap: e.spaceGapSmallSize
691
+ },
692
+ "&-gap-col-middle": {
693
+ columnGap: e.spaceGapMiddleSize
694
+ },
695
+ "&-gap-col-large": {
696
+ columnGap: e.spaceGapLargeSize
697
+ }
698
+ }
699
+ };
700
+ }, st = Oe("Space", (e) => {
701
+ const t = Ie(e, {
702
+ spaceGapSmallSize: e.paddingXS,
703
+ spaceGapMiddleSize: e.padding,
704
+ spaceGapLargeSize: e.paddingLG
705
+ });
706
+ return [at(t), it(t), ot(t)];
707
+ }, () => ({}), {
708
+ // Space component don't apply extra font style
709
+ // https://github.com/ant-design/ant-design/issues/40315
710
+ resetStyle: !1
711
+ });
712
+ var ye = function(e, t) {
713
+ var n = {};
714
+ for (var o in e) Object.prototype.hasOwnProperty.call(e, o) && t.indexOf(o) < 0 && (n[o] = e[o]);
715
+ if (e != null && typeof Object.getOwnPropertySymbols == "function") for (var s = 0, o = Object.getOwnPropertySymbols(e); s < o.length; s++)
716
+ t.indexOf(o[s]) < 0 && Object.prototype.propertyIsEnumerable.call(e, o[s]) && (n[o[s]] = e[o[s]]);
717
+ return n;
718
+ };
719
+ const K = /* @__PURE__ */ p.createContext(null), gt = (e, t) => {
720
+ const n = p.useContext(K), o = p.useMemo(() => {
721
+ if (!n)
722
+ return "";
723
+ const {
724
+ compactDirection: s,
725
+ isFirstItem: d,
726
+ isLastItem: f
727
+ } = n, v = s === "vertical" ? "-vertical-" : "-";
728
+ return Y(`${e}-compact${v}item`, {
729
+ [`${e}-compact${v}first-item`]: d,
730
+ [`${e}-compact${v}last-item`]: f,
731
+ [`${e}-compact${v}item-rtl`]: t === "rtl"
732
+ });
733
+ }, [e, t, n]);
734
+ return {
735
+ compactSize: n == null ? void 0 : n.compactSize,
736
+ compactDirection: n == null ? void 0 : n.compactDirection,
737
+ compactItemClassnames: o
738
+ };
739
+ }, yt = (e) => {
740
+ let {
741
+ children: t
742
+ } = e;
743
+ return /* @__PURE__ */ p.createElement(K.Provider, {
744
+ value: null
745
+ }, t);
746
+ }, ct = (e) => {
747
+ var {
748
+ children: t
749
+ } = e, n = ye(e, ["children"]);
750
+ return /* @__PURE__ */ p.createElement(K.Provider, {
751
+ value: n
752
+ }, t);
753
+ }, bt = (e) => {
754
+ const {
755
+ getPrefixCls: t,
756
+ direction: n
757
+ } = p.useContext(se), {
758
+ size: o,
759
+ direction: s,
760
+ block: d,
761
+ prefixCls: f,
762
+ className: v,
763
+ rootClassName: y,
764
+ children: m
765
+ } = e, g = ye(e, ["size", "direction", "block", "prefixCls", "className", "rootClassName", "children"]), C = nt((b) => o ?? b), S = t("space-compact", f), [P, j] = st(S), O = Y(S, j, {
766
+ [`${S}-rtl`]: n === "rtl",
767
+ [`${S}-block`]: d,
768
+ [`${S}-vertical`]: s === "vertical"
769
+ }, v, y), h = p.useContext(K), R = oe(m), N = p.useMemo(() => R.map((b, $) => {
770
+ const z = (b == null ? void 0 : b.key) || `${S}-item-${$}`;
771
+ return /* @__PURE__ */ p.createElement(ct, {
772
+ key: z,
773
+ compactSize: C,
774
+ compactDirection: s,
775
+ isFirstItem: $ === 0 && (!h || (h == null ? void 0 : h.isFirstItem)),
776
+ isLastItem: $ === R.length - 1 && (!h || (h == null ? void 0 : h.isLastItem))
777
+ }, b);
778
+ }), [o, R, h]);
779
+ return R.length === 0 ? null : P(/* @__PURE__ */ p.createElement("div", Object.assign({
780
+ className: O
781
+ }, g), N));
782
+ };
783
+ function lt(e, t, n) {
784
+ const {
785
+ focusElCls: o,
786
+ focus: s,
787
+ borderElCls: d
788
+ } = n, f = d ? "> *" : "", v = ["hover", s ? "focus" : null, "active"].filter(Boolean).map((y) => `&:${y} ${f}`).join(",");
789
+ return {
790
+ [`&-item:not(${t}-last-item)`]: {
791
+ marginInlineEnd: e.calc(e.lineWidth).mul(-1).equal()
792
+ },
793
+ "&-item": Object.assign(Object.assign({
794
+ [v]: {
795
+ zIndex: 2
796
+ }
797
+ }, o ? {
798
+ [`&${o}`]: {
799
+ zIndex: 2
800
+ }
801
+ } : {}), {
802
+ [`&[disabled] ${f}`]: {
803
+ zIndex: 0
804
+ }
805
+ })
806
+ };
807
+ }
808
+ function ut(e, t, n) {
809
+ const {
810
+ borderElCls: o
811
+ } = n, s = o ? `> ${o}` : "";
812
+ return {
813
+ [`&-item:not(${t}-first-item):not(${t}-last-item) ${s}`]: {
814
+ borderRadius: 0
815
+ },
816
+ [`&-item:not(${t}-last-item)${t}-first-item`]: {
817
+ [`& ${s}, &${e}-sm ${s}, &${e}-lg ${s}`]: {
818
+ borderStartEndRadius: 0,
819
+ borderEndEndRadius: 0
820
+ }
821
+ },
822
+ [`&-item:not(${t}-first-item)${t}-last-item`]: {
823
+ [`& ${s}, &${e}-sm ${s}, &${e}-lg ${s}`]: {
824
+ borderStartStartRadius: 0,
825
+ borderEndStartRadius: 0
826
+ }
827
+ }
828
+ };
829
+ }
830
+ function wt(e) {
831
+ let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
832
+ focus: !0
833
+ };
834
+ const {
835
+ componentCls: n
836
+ } = e, o = `${n}-compact`;
837
+ return {
838
+ [o]: Object.assign(Object.assign({}, lt(e, o, t)), ut(n, o, t))
839
+ };
840
+ }
841
+ export {
842
+ bt as C,
843
+ yt as N,
844
+ Pe as R,
845
+ ge as T,
846
+ rt as W,
847
+ he as _,
848
+ nt as a,
849
+ st as b,
850
+ ke as c,
851
+ gt as d,
852
+ He as e,
853
+ M as f,
854
+ wt as g,
855
+ Ke as i,
856
+ vt as o,
857
+ Ue as r,
858
+ oe as t,
859
+ ht as u
860
+ };