@notificationapi/react 0.0.37 → 1.0.1

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 (72) hide show
  1. package/dist/assets/Badge.js +456 -0
  2. package/dist/assets/Box.js +57 -0
  3. package/dist/assets/ButtonBase.js +1224 -0
  4. package/dist/assets/DefaultPropsProvider.js +4368 -0
  5. package/dist/assets/Divider.js +343 -0
  6. package/dist/assets/IconButton.js +225 -0
  7. package/dist/assets/Inbox.js +3051 -0
  8. package/dist/assets/InboxHeader.js +2338 -0
  9. package/dist/assets/Notification.js +5349 -7150
  10. package/dist/assets/NotificationPreferencesPopup.js +1694 -0
  11. package/dist/assets/Paper.js +154 -0
  12. package/dist/assets/Popover.js +451 -0
  13. package/dist/assets/Portal.js +110 -0
  14. package/dist/assets/PreferenceInput.js +1545 -1366
  15. package/dist/assets/Typography.js +292 -0
  16. package/dist/assets/WebPushOptInMessage.js +794 -407
  17. package/dist/assets/channelUtils.js +33 -65
  18. package/dist/assets/createSimplePaletteValueFilter.js +17 -0
  19. package/dist/assets/createSvgIcon.js +248 -0
  20. package/dist/assets/integerPropType.js +31 -0
  21. package/dist/assets/resolveComponentProps.js +93 -0
  22. package/dist/assets/style.css +1 -0
  23. package/dist/assets/useSlotProps.js +24 -0
  24. package/dist/assets/useTheme.js +10 -0
  25. package/dist/assets/useTheme2.js +16 -0
  26. package/dist/assets/utils.js +743 -0
  27. package/dist/components/Notifications/DefaultEmpty.d.ts +3 -0
  28. package/dist/components/Notifications/DefaultEmpty.js +7 -0
  29. package/dist/components/Notifications/Inbox.d.ts +4 -4
  30. package/dist/components/Notifications/Inbox.js +9 -6450
  31. package/dist/components/Notifications/InboxHeader.d.ts +1 -1
  32. package/dist/components/Notifications/InboxHeader.js +7 -53
  33. package/dist/components/Notifications/Notification.d.ts +3 -4
  34. package/dist/components/Notifications/Notification.js +6 -5
  35. package/dist/components/Notifications/NotificationCounter.js +16 -6
  36. package/dist/components/Notifications/NotificationFeed.d.ts +1 -2
  37. package/dist/components/Notifications/NotificationFeed.js +41 -38
  38. package/dist/components/Notifications/NotificationLauncher.d.ts +1 -0
  39. package/dist/components/Notifications/NotificationLauncher.js +100 -114
  40. package/dist/components/Notifications/NotificationPopup.d.ts +3 -4
  41. package/dist/components/Notifications/NotificationPopup.js +86 -88
  42. package/dist/components/Notifications/UnreadBadge.d.ts +7 -4
  43. package/dist/components/Notifications/UnreadBadge.js +28 -20
  44. package/dist/components/Notifications/interface.d.ts +0 -4
  45. package/dist/components/Notifications/interface.js +4 -5
  46. package/dist/components/Preferences/NotificationPreferencesInline.js +14 -14
  47. package/dist/components/Preferences/NotificationPreferencesPopup.js +7 -2068
  48. package/dist/components/Preferences/PreferenceInput.js +4 -3
  49. package/dist/components/Preferences/Preferences.js +1042 -547
  50. package/dist/components/Preferences/channelUtils.js +3 -4
  51. package/dist/components/Preferences/index.js +1 -1
  52. package/dist/components/Provider/context.d.ts +27 -0
  53. package/dist/components/Provider/context.js +7 -0
  54. package/dist/components/Provider/index.d.ts +2 -25
  55. package/dist/components/Provider/index.js +22 -24
  56. package/dist/components/WebPush/WebPushOptInMessage.js +3 -4
  57. package/dist/main.d.ts +1 -0
  58. package/dist/main.js +4 -4
  59. package/package.json +14 -12
  60. package/dist/assets/AntdIcon.js +0 -200
  61. package/dist/assets/CloseOutlined.js +0 -13
  62. package/dist/assets/PurePanel.js +0 -59
  63. package/dist/assets/RightOutlined.js +0 -13
  64. package/dist/assets/button.js +0 -1660
  65. package/dist/assets/colors.js +0 -36
  66. package/dist/assets/compact-item.js +0 -860
  67. package/dist/assets/index.js +0 -271
  68. package/dist/assets/index2.js +0 -647
  69. package/dist/assets/index3.js +0 -7527
  70. package/dist/assets/pickAttrs.js +0 -42
  71. package/dist/assets/presets.js +0 -810
  72. package/dist/assets/reactNode.js +0 -20821
@@ -1,860 +0,0 @@
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
- };