@notificationapi/react 1.4.1 → 1.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Badge.js +1 -1
- package/dist/assets/Box.js +13 -13
- package/dist/assets/Button.js +781 -0
- package/dist/assets/ButtonBase.js +409 -622
- package/dist/assets/DefaultPropsProvider.js +220 -215
- package/dist/assets/Divider.js +105 -154
- package/dist/assets/Grow.js +201 -0
- package/dist/assets/IconButton.js +1 -1
- package/dist/assets/List.js +142 -0
- package/dist/assets/Modal.js +1094 -0
- package/dist/assets/Notification.js +71 -71
- package/dist/assets/Paper.js +1 -1
- package/dist/assets/Popover.js +8 -6
- package/dist/assets/Portal.js +2 -2
- package/dist/assets/Stack.js +216 -0
- package/dist/assets/Typography.js +193 -117
- package/dist/assets/WebPushOptInMessage.js +40 -814
- package/dist/assets/createSvgIcon.js +5 -5
- package/dist/assets/dividerClasses.js +56 -0
- package/dist/assets/index.js +151 -0
- package/dist/assets/useTheme2.js +253 -11
- package/dist/assets/utils.js +4 -4
- package/dist/components/Notifications/Inbox.js +2927 -9
- package/dist/components/Notifications/InboxHeader.js +2146 -7
- package/dist/components/Notifications/NotificationFeed.js +13 -13
- package/dist/components/Notifications/NotificationLauncher.js +2 -2
- package/dist/components/Notifications/NotificationPopup.js +7 -7
- package/dist/components/Preferences/NotificationPreferencesPopup.js +608 -7
- package/dist/components/Preferences/PreferenceInput.js +1451 -6
- package/dist/components/Preferences/Preferences.js +368 -515
- package/dist/components/Preferences/index.js +1 -1
- package/dist/components/Provider/index.js +226 -202
- package/dist/components/Slack/SlackConnect.d.ts +12 -0
- package/dist/components/Slack/SlackConnect.js +4826 -0
- package/dist/components/Slack/index.d.ts +1 -0
- package/dist/components/Slack/index.js +4 -0
- package/dist/components/WebPush/WebPushOptInMessage.js +3 -2
- package/dist/main.d.ts +1 -0
- package/dist/main.js +5 -3
- package/package.json +4 -4
- package/dist/assets/Inbox.js +0 -3061
- package/dist/assets/InboxHeader.js +0 -2338
- package/dist/assets/NotificationPreferencesPopup.js +0 -1694
- package/dist/assets/PreferenceInput.js +0 -1657
|
@@ -1,277 +1,64 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { r as
|
|
5
|
-
import * as
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
8
|
-
import { jsx as
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the MIT license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/
|
|
18
|
-
var Pe;
|
|
19
|
-
function nt() {
|
|
20
|
-
if (Pe) return h;
|
|
21
|
-
Pe = 1;
|
|
22
|
-
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, E = e ? Symbol.for("react.forward_ref") : 60112, T = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, A = e ? Symbol.for("react.scope") : 60119;
|
|
23
|
-
function g(r) {
|
|
24
|
-
if (typeof r == "object" && r !== null) {
|
|
25
|
-
var C = r.$$typeof;
|
|
26
|
-
switch (C) {
|
|
27
|
-
case t:
|
|
28
|
-
switch (r = r.type, r) {
|
|
29
|
-
case p:
|
|
30
|
-
case m:
|
|
31
|
-
case a:
|
|
32
|
-
case i:
|
|
33
|
-
case s:
|
|
34
|
-
case T:
|
|
35
|
-
return r;
|
|
36
|
-
default:
|
|
37
|
-
switch (r = r && r.$$typeof, r) {
|
|
38
|
-
case f:
|
|
39
|
-
case E:
|
|
40
|
-
case R:
|
|
41
|
-
case S:
|
|
42
|
-
case u:
|
|
43
|
-
return r;
|
|
44
|
-
default:
|
|
45
|
-
return C;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
case n:
|
|
49
|
-
return C;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
function l(r) {
|
|
54
|
-
return g(r) === m;
|
|
55
|
-
}
|
|
56
|
-
return h.AsyncMode = p, h.ConcurrentMode = m, h.ContextConsumer = f, h.ContextProvider = u, h.Element = t, h.ForwardRef = E, h.Fragment = a, h.Lazy = R, h.Memo = S, h.Portal = n, h.Profiler = i, h.StrictMode = s, h.Suspense = T, h.isAsyncMode = function(r) {
|
|
57
|
-
return l(r) || g(r) === p;
|
|
58
|
-
}, h.isConcurrentMode = l, h.isContextConsumer = function(r) {
|
|
59
|
-
return g(r) === f;
|
|
60
|
-
}, h.isContextProvider = function(r) {
|
|
61
|
-
return g(r) === u;
|
|
62
|
-
}, h.isElement = function(r) {
|
|
63
|
-
return typeof r == "object" && r !== null && r.$$typeof === t;
|
|
64
|
-
}, h.isForwardRef = function(r) {
|
|
65
|
-
return g(r) === E;
|
|
66
|
-
}, h.isFragment = function(r) {
|
|
67
|
-
return g(r) === a;
|
|
68
|
-
}, h.isLazy = function(r) {
|
|
69
|
-
return g(r) === R;
|
|
70
|
-
}, h.isMemo = function(r) {
|
|
71
|
-
return g(r) === S;
|
|
72
|
-
}, h.isPortal = function(r) {
|
|
73
|
-
return g(r) === n;
|
|
74
|
-
}, h.isProfiler = function(r) {
|
|
75
|
-
return g(r) === i;
|
|
76
|
-
}, h.isStrictMode = function(r) {
|
|
77
|
-
return g(r) === s;
|
|
78
|
-
}, h.isSuspense = function(r) {
|
|
79
|
-
return g(r) === T;
|
|
80
|
-
}, h.isValidElementType = function(r) {
|
|
81
|
-
return typeof r == "string" || typeof r == "function" || r === a || r === m || r === i || r === s || r === T || r === M || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === S || r.$$typeof === u || r.$$typeof === f || r.$$typeof === E || r.$$typeof === P || r.$$typeof === _ || r.$$typeof === A || r.$$typeof === x);
|
|
82
|
-
}, h.typeOf = g, h;
|
|
83
|
-
}
|
|
84
|
-
var y = {};
|
|
85
|
-
/** @license React v16.13.1
|
|
86
|
-
* react-is.development.js
|
|
87
|
-
*
|
|
88
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
89
|
-
*
|
|
90
|
-
* This source code is licensed under the MIT license found in the
|
|
91
|
-
* LICENSE file in the root directory of this source tree.
|
|
92
|
-
*/
|
|
93
|
-
var xe;
|
|
94
|
-
function rt() {
|
|
95
|
-
return xe || (xe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
96
|
-
var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, n = e ? Symbol.for("react.portal") : 60106, a = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, i = e ? Symbol.for("react.profiler") : 60114, u = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, E = e ? Symbol.for("react.forward_ref") : 60112, T = e ? Symbol.for("react.suspense") : 60113, M = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, R = e ? Symbol.for("react.lazy") : 60116, x = e ? Symbol.for("react.block") : 60121, P = e ? Symbol.for("react.fundamental") : 60117, _ = e ? Symbol.for("react.responder") : 60118, A = e ? Symbol.for("react.scope") : 60119;
|
|
97
|
-
function g(c) {
|
|
98
|
-
return typeof c == "string" || typeof c == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
99
|
-
c === a || c === m || c === i || c === s || c === T || c === M || typeof c == "object" && c !== null && (c.$$typeof === R || c.$$typeof === S || c.$$typeof === u || c.$$typeof === f || c.$$typeof === E || c.$$typeof === P || c.$$typeof === _ || c.$$typeof === A || c.$$typeof === x);
|
|
100
|
-
}
|
|
101
|
-
function l(c) {
|
|
102
|
-
if (typeof c == "object" && c !== null) {
|
|
103
|
-
var G = c.$$typeof;
|
|
104
|
-
switch (G) {
|
|
105
|
-
case t:
|
|
106
|
-
var k = c.type;
|
|
107
|
-
switch (k) {
|
|
108
|
-
case p:
|
|
109
|
-
case m:
|
|
110
|
-
case a:
|
|
111
|
-
case i:
|
|
112
|
-
case s:
|
|
113
|
-
case T:
|
|
114
|
-
return k;
|
|
115
|
-
default:
|
|
116
|
-
var te = k && k.$$typeof;
|
|
117
|
-
switch (te) {
|
|
118
|
-
case f:
|
|
119
|
-
case E:
|
|
120
|
-
case R:
|
|
121
|
-
case S:
|
|
122
|
-
case u:
|
|
123
|
-
return te;
|
|
124
|
-
default:
|
|
125
|
-
return G;
|
|
126
|
-
}
|
|
127
|
-
}
|
|
128
|
-
case n:
|
|
129
|
-
return G;
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}
|
|
133
|
-
var r = p, C = m, B = f, L = u, U = t, $ = E, N = a, I = R, O = S, D = n, X = i, V = s, q = T, z = !1;
|
|
134
|
-
function v(c) {
|
|
135
|
-
return z || (z = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), ee(c) || l(c) === p;
|
|
136
|
-
}
|
|
137
|
-
function ee(c) {
|
|
138
|
-
return l(c) === m;
|
|
139
|
-
}
|
|
140
|
-
function Y(c) {
|
|
141
|
-
return l(c) === f;
|
|
142
|
-
}
|
|
143
|
-
function W(c) {
|
|
144
|
-
return l(c) === u;
|
|
145
|
-
}
|
|
146
|
-
function ae(c) {
|
|
147
|
-
return typeof c == "object" && c !== null && c.$$typeof === t;
|
|
148
|
-
}
|
|
149
|
-
function ue(c) {
|
|
150
|
-
return l(c) === E;
|
|
151
|
-
}
|
|
152
|
-
function ce(c) {
|
|
153
|
-
return l(c) === a;
|
|
154
|
-
}
|
|
155
|
-
function le(c) {
|
|
156
|
-
return l(c) === R;
|
|
157
|
-
}
|
|
158
|
-
function fe(c) {
|
|
159
|
-
return l(c) === S;
|
|
160
|
-
}
|
|
161
|
-
function pe(c) {
|
|
162
|
-
return l(c) === n;
|
|
163
|
-
}
|
|
164
|
-
function de(c) {
|
|
165
|
-
return l(c) === i;
|
|
166
|
-
}
|
|
167
|
-
function me(c) {
|
|
168
|
-
return l(c) === s;
|
|
169
|
-
}
|
|
170
|
-
function he(c) {
|
|
171
|
-
return l(c) === T;
|
|
172
|
-
}
|
|
173
|
-
y.AsyncMode = r, y.ConcurrentMode = C, y.ContextConsumer = B, y.ContextProvider = L, y.Element = U, y.ForwardRef = $, y.Fragment = N, y.Lazy = I, y.Memo = O, y.Portal = D, y.Profiler = X, y.StrictMode = V, y.Suspense = q, y.isAsyncMode = v, y.isConcurrentMode = ee, y.isContextConsumer = Y, y.isContextProvider = W, y.isElement = ae, y.isForwardRef = ue, y.isFragment = ce, y.isLazy = le, y.isMemo = fe, y.isPortal = pe, y.isProfiler = de, y.isStrictMode = me, y.isSuspense = he, y.isValidElementType = g, y.typeOf = l;
|
|
174
|
-
}()), y;
|
|
175
|
-
}
|
|
176
|
-
process.env.NODE_ENV === "production" ? be.exports = nt() : be.exports = rt();
|
|
177
|
-
var ot = be.exports, Ie = ot, st = {
|
|
178
|
-
$$typeof: !0,
|
|
179
|
-
render: !0,
|
|
180
|
-
defaultProps: !0,
|
|
181
|
-
displayName: !0,
|
|
182
|
-
propTypes: !0
|
|
183
|
-
}, it = {
|
|
184
|
-
$$typeof: !0,
|
|
185
|
-
compare: !0,
|
|
186
|
-
defaultProps: !0,
|
|
187
|
-
displayName: !0,
|
|
188
|
-
propTypes: !0,
|
|
189
|
-
type: !0
|
|
190
|
-
}, De = {};
|
|
191
|
-
De[Ie.ForwardRef] = st;
|
|
192
|
-
De[Ie.Memo] = it;
|
|
193
|
-
var _e = function(t, n) {
|
|
194
|
-
var a = arguments;
|
|
195
|
-
if (n == null || !We.call(n, "css"))
|
|
196
|
-
return b.createElement.apply(void 0, a);
|
|
197
|
-
var s = a.length, i = new Array(s);
|
|
198
|
-
i[0] = He, i[1] = Ge(t, n);
|
|
199
|
-
for (var u = 2; u < s; u++)
|
|
200
|
-
i[u] = a[u];
|
|
201
|
-
return b.createElement.apply(null, i);
|
|
202
|
-
};
|
|
203
|
-
(function(e) {
|
|
204
|
-
var t;
|
|
205
|
-
t || (t = e.JSX || (e.JSX = {}));
|
|
206
|
-
})(_e || (_e = {}));
|
|
207
|
-
function at() {
|
|
208
|
-
for (var e = arguments.length, t = new Array(e), n = 0; n < e; n++)
|
|
209
|
-
t[n] = arguments[n];
|
|
210
|
-
return Je(t);
|
|
211
|
-
}
|
|
212
|
-
function ge() {
|
|
213
|
-
var e = at.apply(void 0, arguments), t = "animation-" + e.name;
|
|
214
|
-
return {
|
|
215
|
-
name: t,
|
|
216
|
-
styles: "@keyframes " + t + "{" + e.styles + "}",
|
|
217
|
-
anim: 1,
|
|
218
|
-
toString: function() {
|
|
219
|
-
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
|
220
|
-
}
|
|
1
|
+
var Le = Object.defineProperty;
|
|
2
|
+
var Be = (e, t, n) => t in e ? Le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
|
|
3
|
+
var K = (e, t, n) => Be(e, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
+
import { r as je, m as ke, u as te, a as Fe } from "./resolveComponentProps.js";
|
|
5
|
+
import * as d from "react";
|
|
6
|
+
import q, { Children as $e, isValidElement as G, cloneElement as Z } from "react";
|
|
7
|
+
import { P as o, _ as Ue, c as x, g as de, s as re, u as he, e as _e, b as ze } from "./DefaultPropsProvider.js";
|
|
8
|
+
import { jsx as U, jsxs as Ae } from "react/jsx-runtime";
|
|
9
|
+
import { k as se } from "./useTheme2.js";
|
|
10
|
+
const Ye = typeof window < "u" ? d.useLayoutEffect : d.useEffect;
|
|
11
|
+
function Xe(e, t) {
|
|
12
|
+
return process.env.NODE_ENV === "production" ? () => null : function(...i) {
|
|
13
|
+
return e(...i) || t(...i);
|
|
221
14
|
};
|
|
222
15
|
}
|
|
223
|
-
|
|
224
|
-
function ct(e, t) {
|
|
225
|
-
return process.env.NODE_ENV === "production" ? () => null : function(...a) {
|
|
226
|
-
return e(...a) || t(...a);
|
|
227
|
-
};
|
|
228
|
-
}
|
|
229
|
-
function lt(e) {
|
|
16
|
+
function Ke(e) {
|
|
230
17
|
const {
|
|
231
18
|
prototype: t = {}
|
|
232
19
|
} = e;
|
|
233
20
|
return !!t.isReactComponent;
|
|
234
21
|
}
|
|
235
|
-
function
|
|
236
|
-
const
|
|
237
|
-
if (
|
|
22
|
+
function qe(e, t, n, i, r) {
|
|
23
|
+
const s = e[t], u = r || t;
|
|
24
|
+
if (s == null || // When server-side rendering React doesn't warn either.
|
|
238
25
|
// This is not an accurate check for SSR.
|
|
239
26
|
// This is only in place for emotion compat.
|
|
240
27
|
// TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
|
|
241
28
|
typeof window > "u")
|
|
242
29
|
return null;
|
|
243
|
-
let
|
|
244
|
-
return typeof
|
|
30
|
+
let c;
|
|
31
|
+
return typeof s == "function" && !Ke(s) && (c = "Did you accidentally provide a plain function component instead?"), c !== void 0 ? new Error(`Invalid ${i} \`${u}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${c} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
|
|
245
32
|
}
|
|
246
|
-
const
|
|
247
|
-
function
|
|
248
|
-
const t =
|
|
249
|
-
return
|
|
33
|
+
const He = Xe(o.elementType, qe), We = o.oneOfType([o.func, o.object]);
|
|
34
|
+
function J(e) {
|
|
35
|
+
const t = d.useRef(e);
|
|
36
|
+
return Ye(() => {
|
|
250
37
|
t.current = e;
|
|
251
|
-
}),
|
|
38
|
+
}), d.useRef((...n) => (
|
|
252
39
|
// @ts-expect-error hide `this`
|
|
253
40
|
(0, t.current)(...n)
|
|
254
41
|
)).current;
|
|
255
42
|
}
|
|
256
|
-
const
|
|
257
|
-
function
|
|
258
|
-
const n =
|
|
259
|
-
return n.current ===
|
|
43
|
+
const ce = {};
|
|
44
|
+
function me(e, t) {
|
|
45
|
+
const n = d.useRef(ce);
|
|
46
|
+
return n.current === ce && (n.current = e(t)), n;
|
|
260
47
|
}
|
|
261
|
-
const
|
|
262
|
-
function
|
|
263
|
-
|
|
48
|
+
const Ge = [];
|
|
49
|
+
function Ze(e) {
|
|
50
|
+
d.useEffect(e, Ge);
|
|
264
51
|
}
|
|
265
|
-
class
|
|
52
|
+
class ie {
|
|
266
53
|
constructor() {
|
|
267
|
-
|
|
268
|
-
|
|
54
|
+
K(this, "currentId", null);
|
|
55
|
+
K(this, "clear", () => {
|
|
269
56
|
this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
|
|
270
57
|
});
|
|
271
|
-
|
|
58
|
+
K(this, "disposeEffect", () => this.clear);
|
|
272
59
|
}
|
|
273
60
|
static create() {
|
|
274
|
-
return new
|
|
61
|
+
return new ie();
|
|
275
62
|
}
|
|
276
63
|
/**
|
|
277
64
|
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
|
@@ -282,11 +69,11 @@ class Se {
|
|
|
282
69
|
}, t);
|
|
283
70
|
}
|
|
284
71
|
}
|
|
285
|
-
function
|
|
286
|
-
const e =
|
|
287
|
-
return
|
|
72
|
+
function Je() {
|
|
73
|
+
const e = me(ie.create).current;
|
|
74
|
+
return Ze(e.disposeEffect), e;
|
|
288
75
|
}
|
|
289
|
-
function
|
|
76
|
+
function pe(e) {
|
|
290
77
|
try {
|
|
291
78
|
return e.matches(":focus-visible");
|
|
292
79
|
} catch {
|
|
@@ -295,117 +82,117 @@ function we(e) {
|
|
|
295
82
|
}
|
|
296
83
|
return !1;
|
|
297
84
|
}
|
|
298
|
-
function
|
|
85
|
+
function Qe(e, t) {
|
|
299
86
|
if (e == null) return {};
|
|
300
87
|
var n = {};
|
|
301
|
-
for (var
|
|
302
|
-
if (t.indexOf(
|
|
303
|
-
n[
|
|
88
|
+
for (var i in e) if ({}.hasOwnProperty.call(e, i)) {
|
|
89
|
+
if (t.indexOf(i) !== -1) continue;
|
|
90
|
+
n[i] = e[i];
|
|
304
91
|
}
|
|
305
92
|
return n;
|
|
306
93
|
}
|
|
307
|
-
function
|
|
308
|
-
return
|
|
309
|
-
return n.__proto__ =
|
|
310
|
-
},
|
|
94
|
+
function ne(e, t) {
|
|
95
|
+
return ne = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, i) {
|
|
96
|
+
return n.__proto__ = i, n;
|
|
97
|
+
}, ne(e, t);
|
|
311
98
|
}
|
|
312
|
-
function
|
|
313
|
-
e.prototype = Object.create(t.prototype), e.prototype.constructor = e,
|
|
99
|
+
function et(e, t) {
|
|
100
|
+
e.prototype = Object.create(t.prototype), e.prototype.constructor = e, ne(e, t);
|
|
314
101
|
}
|
|
315
|
-
const
|
|
316
|
-
function
|
|
102
|
+
const fe = q.createContext(null);
|
|
103
|
+
function tt(e) {
|
|
317
104
|
if (e === void 0) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
318
105
|
return e;
|
|
319
106
|
}
|
|
320
|
-
function
|
|
321
|
-
var n = function(
|
|
322
|
-
return t &&
|
|
323
|
-
},
|
|
324
|
-
return e &&
|
|
325
|
-
return
|
|
326
|
-
}).forEach(function(
|
|
327
|
-
|
|
328
|
-
}),
|
|
107
|
+
function ue(e, t) {
|
|
108
|
+
var n = function(s) {
|
|
109
|
+
return t && G(s) ? t(s) : s;
|
|
110
|
+
}, i = /* @__PURE__ */ Object.create(null);
|
|
111
|
+
return e && $e.map(e, function(r) {
|
|
112
|
+
return r;
|
|
113
|
+
}).forEach(function(r) {
|
|
114
|
+
i[r.key] = n(r);
|
|
115
|
+
}), i;
|
|
329
116
|
}
|
|
330
|
-
function
|
|
117
|
+
function nt(e, t) {
|
|
331
118
|
e = e || {}, t = t || {};
|
|
332
|
-
function n(
|
|
333
|
-
return
|
|
119
|
+
function n(h) {
|
|
120
|
+
return h in t ? t[h] : e[h];
|
|
334
121
|
}
|
|
335
|
-
var
|
|
336
|
-
for (var
|
|
337
|
-
|
|
338
|
-
var u,
|
|
339
|
-
for (var
|
|
340
|
-
if (
|
|
341
|
-
for (u = 0; u <
|
|
342
|
-
var
|
|
343
|
-
|
|
122
|
+
var i = /* @__PURE__ */ Object.create(null), r = [];
|
|
123
|
+
for (var s in e)
|
|
124
|
+
s in t ? r.length && (i[s] = r, r = []) : r.push(s);
|
|
125
|
+
var u, c = {};
|
|
126
|
+
for (var l in t) {
|
|
127
|
+
if (i[l])
|
|
128
|
+
for (u = 0; u < i[l].length; u++) {
|
|
129
|
+
var p = i[l][u];
|
|
130
|
+
c[i[l][u]] = n(p);
|
|
344
131
|
}
|
|
345
|
-
|
|
132
|
+
c[l] = n(l);
|
|
346
133
|
}
|
|
347
|
-
for (u = 0; u <
|
|
348
|
-
|
|
349
|
-
return
|
|
134
|
+
for (u = 0; u < r.length; u++)
|
|
135
|
+
c[r[u]] = n(r[u]);
|
|
136
|
+
return c;
|
|
350
137
|
}
|
|
351
|
-
function
|
|
138
|
+
function F(e, t, n) {
|
|
352
139
|
return n[t] != null ? n[t] : e.props[t];
|
|
353
140
|
}
|
|
354
|
-
function
|
|
355
|
-
return
|
|
356
|
-
return
|
|
141
|
+
function ot(e, t) {
|
|
142
|
+
return ue(e.children, function(n) {
|
|
143
|
+
return Z(n, {
|
|
357
144
|
onExited: t.bind(null, n),
|
|
358
145
|
in: !0,
|
|
359
|
-
appear:
|
|
360
|
-
enter:
|
|
361
|
-
exit:
|
|
146
|
+
appear: F(n, "appear", e),
|
|
147
|
+
enter: F(n, "enter", e),
|
|
148
|
+
exit: F(n, "exit", e)
|
|
362
149
|
});
|
|
363
150
|
});
|
|
364
151
|
}
|
|
365
|
-
function
|
|
366
|
-
var
|
|
367
|
-
return Object.keys(
|
|
368
|
-
var u = s
|
|
369
|
-
if (
|
|
370
|
-
var
|
|
371
|
-
|
|
152
|
+
function rt(e, t, n) {
|
|
153
|
+
var i = ue(e.children), r = nt(t, i);
|
|
154
|
+
return Object.keys(r).forEach(function(s) {
|
|
155
|
+
var u = r[s];
|
|
156
|
+
if (G(u)) {
|
|
157
|
+
var c = s in t, l = s in i, p = t[s], h = G(p) && !p.props.in;
|
|
158
|
+
l && (!c || h) ? r[s] = Z(u, {
|
|
372
159
|
onExited: n.bind(null, u),
|
|
373
160
|
in: !0,
|
|
374
|
-
exit:
|
|
375
|
-
enter:
|
|
376
|
-
}) : !
|
|
161
|
+
exit: F(u, "exit", e),
|
|
162
|
+
enter: F(u, "enter", e)
|
|
163
|
+
}) : !l && c && !h ? r[s] = Z(u, {
|
|
377
164
|
in: !1
|
|
378
|
-
}) :
|
|
165
|
+
}) : l && c && G(p) && (r[s] = Z(u, {
|
|
379
166
|
onExited: n.bind(null, u),
|
|
380
|
-
in:
|
|
381
|
-
exit:
|
|
382
|
-
enter:
|
|
167
|
+
in: p.props.in,
|
|
168
|
+
exit: F(u, "exit", e),
|
|
169
|
+
enter: F(u, "enter", e)
|
|
383
170
|
}));
|
|
384
171
|
}
|
|
385
|
-
}),
|
|
172
|
+
}), r;
|
|
386
173
|
}
|
|
387
|
-
var
|
|
174
|
+
var st = Object.values || function(e) {
|
|
388
175
|
return Object.keys(e).map(function(t) {
|
|
389
176
|
return e[t];
|
|
390
177
|
});
|
|
391
|
-
},
|
|
178
|
+
}, it = {
|
|
392
179
|
component: "div",
|
|
393
180
|
childFactory: function(t) {
|
|
394
181
|
return t;
|
|
395
182
|
}
|
|
396
|
-
},
|
|
397
|
-
|
|
398
|
-
function t(
|
|
399
|
-
var
|
|
400
|
-
|
|
401
|
-
var u =
|
|
402
|
-
return
|
|
183
|
+
}, ae = /* @__PURE__ */ function(e) {
|
|
184
|
+
et(t, e);
|
|
185
|
+
function t(i, r) {
|
|
186
|
+
var s;
|
|
187
|
+
s = e.call(this, i, r) || this;
|
|
188
|
+
var u = s.handleExited.bind(tt(s));
|
|
189
|
+
return s.state = {
|
|
403
190
|
contextValue: {
|
|
404
191
|
isMounting: !0
|
|
405
192
|
},
|
|
406
193
|
handleExited: u,
|
|
407
194
|
firstRender: !0
|
|
408
|
-
},
|
|
195
|
+
}, s;
|
|
409
196
|
}
|
|
410
197
|
var n = t.prototype;
|
|
411
198
|
return n.componentDidMount = function() {
|
|
@@ -416,30 +203,30 @@ var vt = Object.values || function(e) {
|
|
|
416
203
|
});
|
|
417
204
|
}, n.componentWillUnmount = function() {
|
|
418
205
|
this.mounted = !1;
|
|
419
|
-
}, t.getDerivedStateFromProps = function(
|
|
420
|
-
var u =
|
|
206
|
+
}, t.getDerivedStateFromProps = function(r, s) {
|
|
207
|
+
var u = s.children, c = s.handleExited, l = s.firstRender;
|
|
421
208
|
return {
|
|
422
|
-
children:
|
|
209
|
+
children: l ? ot(r, c) : rt(r, u, c),
|
|
423
210
|
firstRender: !1
|
|
424
211
|
};
|
|
425
|
-
}, n.handleExited = function(
|
|
426
|
-
var u =
|
|
427
|
-
|
|
428
|
-
var
|
|
429
|
-
return delete
|
|
430
|
-
children:
|
|
212
|
+
}, n.handleExited = function(r, s) {
|
|
213
|
+
var u = ue(this.props.children);
|
|
214
|
+
r.key in u || (r.props.onExited && r.props.onExited(s), this.mounted && this.setState(function(c) {
|
|
215
|
+
var l = Ue({}, c.children);
|
|
216
|
+
return delete l[r.key], {
|
|
217
|
+
children: l
|
|
431
218
|
};
|
|
432
219
|
}));
|
|
433
220
|
}, n.render = function() {
|
|
434
|
-
var
|
|
435
|
-
return delete
|
|
436
|
-
value:
|
|
437
|
-
},
|
|
438
|
-
value:
|
|
439
|
-
}, /* @__PURE__ */
|
|
221
|
+
var r = this.props, s = r.component, u = r.childFactory, c = Qe(r, ["component", "childFactory"]), l = this.state.contextValue, p = st(this.state.children).map(u);
|
|
222
|
+
return delete c.appear, delete c.enter, delete c.exit, s === null ? /* @__PURE__ */ q.createElement(fe.Provider, {
|
|
223
|
+
value: l
|
|
224
|
+
}, p) : /* @__PURE__ */ q.createElement(fe.Provider, {
|
|
225
|
+
value: l
|
|
226
|
+
}, /* @__PURE__ */ q.createElement(s, c, p));
|
|
440
227
|
}, t;
|
|
441
|
-
}(
|
|
442
|
-
|
|
228
|
+
}(q.Component);
|
|
229
|
+
ae.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
443
230
|
/**
|
|
444
231
|
* `<TransitionGroup>` renders a `<div>` by default. You can change this
|
|
445
232
|
* behavior by providing a `component` prop.
|
|
@@ -492,49 +279,49 @@ Me.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
492
279
|
*/
|
|
493
280
|
childFactory: o.func
|
|
494
281
|
} : {};
|
|
495
|
-
|
|
496
|
-
function
|
|
282
|
+
ae.defaultProps = it;
|
|
283
|
+
function wt(e, t) {
|
|
497
284
|
const {
|
|
498
285
|
className: n,
|
|
499
|
-
elementType:
|
|
500
|
-
ownerState:
|
|
501
|
-
externalForwardedProps:
|
|
286
|
+
elementType: i,
|
|
287
|
+
ownerState: r,
|
|
288
|
+
externalForwardedProps: s,
|
|
502
289
|
internalForwardedProps: u,
|
|
503
|
-
...
|
|
290
|
+
...c
|
|
504
291
|
} = t, {
|
|
505
|
-
component:
|
|
506
|
-
slots:
|
|
292
|
+
component: l,
|
|
293
|
+
slots: p = {
|
|
507
294
|
[e]: void 0
|
|
508
295
|
},
|
|
509
|
-
slotProps:
|
|
296
|
+
slotProps: h = {
|
|
510
297
|
[e]: void 0
|
|
511
298
|
},
|
|
512
|
-
...
|
|
513
|
-
} =
|
|
299
|
+
...m
|
|
300
|
+
} = s, y = p[e] || i, R = je(h[e], r), {
|
|
514
301
|
props: {
|
|
515
|
-
component:
|
|
516
|
-
...
|
|
302
|
+
component: g,
|
|
303
|
+
...w
|
|
517
304
|
},
|
|
518
|
-
internalRef:
|
|
519
|
-
} =
|
|
305
|
+
internalRef: T
|
|
306
|
+
} = ke({
|
|
520
307
|
className: n,
|
|
521
|
-
...
|
|
522
|
-
externalForwardedProps: e === "root" ?
|
|
523
|
-
externalSlotProps:
|
|
524
|
-
}),
|
|
525
|
-
...e === "root" && !
|
|
526
|
-
...e !== "root" && !
|
|
527
|
-
...
|
|
528
|
-
...
|
|
529
|
-
as:
|
|
308
|
+
...c,
|
|
309
|
+
externalForwardedProps: e === "root" ? m : void 0,
|
|
310
|
+
externalSlotProps: R
|
|
311
|
+
}), S = te(T, R == null ? void 0 : R.ref, t.ref), L = e === "root" ? g || l : g, D = Fe(y, {
|
|
312
|
+
...e === "root" && !l && !p[e] && u,
|
|
313
|
+
...e !== "root" && !p[e] && u,
|
|
314
|
+
...w,
|
|
315
|
+
...L && {
|
|
316
|
+
as: L
|
|
530
317
|
},
|
|
531
|
-
ref:
|
|
532
|
-
},
|
|
533
|
-
return [
|
|
318
|
+
ref: S
|
|
319
|
+
}, r);
|
|
320
|
+
return [y, D];
|
|
534
321
|
}
|
|
535
|
-
class
|
|
322
|
+
class Q {
|
|
536
323
|
constructor() {
|
|
537
|
-
|
|
324
|
+
K(this, "mountEffect", () => {
|
|
538
325
|
this.shouldMount && !this.didMount && this.ref.current !== null && (this.didMount = !0, this.mounted.resolve());
|
|
539
326
|
});
|
|
540
327
|
this.ref = {
|
|
@@ -547,14 +334,14 @@ class ie {
|
|
|
547
334
|
/** If the ripple component has been mounted */
|
|
548
335
|
/** React state hook setter */
|
|
549
336
|
static create() {
|
|
550
|
-
return new
|
|
337
|
+
return new Q();
|
|
551
338
|
}
|
|
552
339
|
static use() {
|
|
553
|
-
const t =
|
|
554
|
-
return t.shouldMount = n, t.setShouldMount =
|
|
340
|
+
const t = me(Q.create).current, [n, i] = d.useState(!1);
|
|
341
|
+
return t.shouldMount = n, t.setShouldMount = i, d.useEffect(t.mountEffect, [n]), t;
|
|
555
342
|
}
|
|
556
343
|
mount() {
|
|
557
|
-
return this.mounted || (this.mounted =
|
|
344
|
+
return this.mounted || (this.mounted = at(), this.shouldMount = !0, this.setShouldMount(this.shouldMount)), this.mounted;
|
|
558
345
|
}
|
|
559
346
|
/* Ripple API */
|
|
560
347
|
start(...t) {
|
|
@@ -576,49 +363,49 @@ class ie {
|
|
|
576
363
|
});
|
|
577
364
|
}
|
|
578
365
|
}
|
|
579
|
-
function
|
|
580
|
-
return
|
|
366
|
+
function ut() {
|
|
367
|
+
return Q.use();
|
|
581
368
|
}
|
|
582
|
-
function
|
|
369
|
+
function at() {
|
|
583
370
|
let e, t;
|
|
584
|
-
const n = new Promise((
|
|
585
|
-
e =
|
|
371
|
+
const n = new Promise((i, r) => {
|
|
372
|
+
e = i, t = r;
|
|
586
373
|
});
|
|
587
374
|
return n.resolve = e, n.reject = t, n;
|
|
588
375
|
}
|
|
589
|
-
function
|
|
376
|
+
function be(e) {
|
|
590
377
|
const {
|
|
591
378
|
className: t,
|
|
592
379
|
classes: n,
|
|
593
|
-
pulsate:
|
|
594
|
-
rippleX:
|
|
595
|
-
rippleY:
|
|
380
|
+
pulsate: i = !1,
|
|
381
|
+
rippleX: r,
|
|
382
|
+
rippleY: s,
|
|
596
383
|
rippleSize: u,
|
|
597
|
-
in:
|
|
598
|
-
onExited:
|
|
599
|
-
timeout:
|
|
600
|
-
} = e, [
|
|
384
|
+
in: c,
|
|
385
|
+
onExited: l,
|
|
386
|
+
timeout: p
|
|
387
|
+
} = e, [h, m] = d.useState(!1), y = x(t, n.ripple, n.rippleVisible, i && n.ripplePulsate), R = {
|
|
601
388
|
width: u,
|
|
602
389
|
height: u,
|
|
603
|
-
top: -(u / 2) +
|
|
604
|
-
left: -(u / 2) +
|
|
605
|
-
},
|
|
606
|
-
return !
|
|
607
|
-
if (!
|
|
608
|
-
const
|
|
390
|
+
top: -(u / 2) + s,
|
|
391
|
+
left: -(u / 2) + r
|
|
392
|
+
}, g = x(n.child, h && n.childLeaving, i && n.childPulsate);
|
|
393
|
+
return !c && !h && m(!0), d.useEffect(() => {
|
|
394
|
+
if (!c && l != null) {
|
|
395
|
+
const w = setTimeout(l, p);
|
|
609
396
|
return () => {
|
|
610
|
-
clearTimeout(
|
|
397
|
+
clearTimeout(w);
|
|
611
398
|
};
|
|
612
399
|
}
|
|
613
|
-
}, [
|
|
614
|
-
className:
|
|
615
|
-
style:
|
|
616
|
-
children: /* @__PURE__ */
|
|
617
|
-
className:
|
|
400
|
+
}, [l, c, p]), /* @__PURE__ */ U("span", {
|
|
401
|
+
className: y,
|
|
402
|
+
style: R,
|
|
403
|
+
children: /* @__PURE__ */ U("span", {
|
|
404
|
+
className: g
|
|
618
405
|
})
|
|
619
406
|
});
|
|
620
407
|
}
|
|
621
|
-
process.env.NODE_ENV !== "production" && (
|
|
408
|
+
process.env.NODE_ENV !== "production" && (be.propTypes = {
|
|
622
409
|
/**
|
|
623
410
|
* Override or extend the styles applied to the component.
|
|
624
411
|
*/
|
|
@@ -653,7 +440,7 @@ process.env.NODE_ENV !== "production" && (Le.propTypes = {
|
|
|
653
440
|
*/
|
|
654
441
|
timeout: o.number.isRequired
|
|
655
442
|
});
|
|
656
|
-
const
|
|
443
|
+
const M = de("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), oe = 550, lt = 80, ct = se`
|
|
657
444
|
0% {
|
|
658
445
|
transform: scale(0);
|
|
659
446
|
opacity: 0.1;
|
|
@@ -663,7 +450,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
663
450
|
transform: scale(1);
|
|
664
451
|
opacity: 0.3;
|
|
665
452
|
}
|
|
666
|
-
`,
|
|
453
|
+
`, pt = se`
|
|
667
454
|
0% {
|
|
668
455
|
opacity: 1;
|
|
669
456
|
}
|
|
@@ -671,7 +458,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
671
458
|
100% {
|
|
672
459
|
opacity: 0;
|
|
673
460
|
}
|
|
674
|
-
`,
|
|
461
|
+
`, ft = se`
|
|
675
462
|
0% {
|
|
676
463
|
transform: scale(1);
|
|
677
464
|
}
|
|
@@ -683,7 +470,7 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
683
470
|
100% {
|
|
684
471
|
transform: scale(1);
|
|
685
472
|
}
|
|
686
|
-
`,
|
|
473
|
+
`, dt = re("span", {
|
|
687
474
|
name: "MuiTouchRipple",
|
|
688
475
|
slot: "Root"
|
|
689
476
|
})({
|
|
@@ -696,30 +483,30 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
696
483
|
bottom: 0,
|
|
697
484
|
left: 0,
|
|
698
485
|
borderRadius: "inherit"
|
|
699
|
-
}),
|
|
486
|
+
}), ht = re(be, {
|
|
700
487
|
name: "MuiTouchRipple",
|
|
701
488
|
slot: "Ripple"
|
|
702
489
|
})`
|
|
703
490
|
opacity: 0;
|
|
704
491
|
position: absolute;
|
|
705
492
|
|
|
706
|
-
&.${
|
|
493
|
+
&.${M.rippleVisible} {
|
|
707
494
|
opacity: 0.3;
|
|
708
495
|
transform: scale(1);
|
|
709
|
-
animation-name: ${
|
|
710
|
-
animation-duration: ${
|
|
496
|
+
animation-name: ${ct};
|
|
497
|
+
animation-duration: ${oe}ms;
|
|
711
498
|
animation-timing-function: ${({
|
|
712
499
|
theme: e
|
|
713
500
|
}) => e.transitions.easing.easeInOut};
|
|
714
501
|
}
|
|
715
502
|
|
|
716
|
-
&.${
|
|
503
|
+
&.${M.ripplePulsate} {
|
|
717
504
|
animation-duration: ${({
|
|
718
505
|
theme: e
|
|
719
506
|
}) => e.transitions.duration.shorter}ms;
|
|
720
507
|
}
|
|
721
508
|
|
|
722
|
-
& .${
|
|
509
|
+
& .${M.child} {
|
|
723
510
|
opacity: 1;
|
|
724
511
|
display: block;
|
|
725
512
|
width: 100%;
|
|
@@ -728,21 +515,21 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
728
515
|
background-color: currentColor;
|
|
729
516
|
}
|
|
730
517
|
|
|
731
|
-
& .${
|
|
518
|
+
& .${M.childLeaving} {
|
|
732
519
|
opacity: 0;
|
|
733
|
-
animation-name: ${
|
|
734
|
-
animation-duration: ${
|
|
520
|
+
animation-name: ${pt};
|
|
521
|
+
animation-duration: ${oe}ms;
|
|
735
522
|
animation-timing-function: ${({
|
|
736
523
|
theme: e
|
|
737
524
|
}) => e.transitions.easing.easeInOut};
|
|
738
525
|
}
|
|
739
526
|
|
|
740
|
-
& .${
|
|
527
|
+
& .${M.childPulsate} {
|
|
741
528
|
position: absolute;
|
|
742
529
|
/* @noflip */
|
|
743
530
|
left: 0px;
|
|
744
531
|
top: 0;
|
|
745
|
-
animation-name: ${
|
|
532
|
+
animation-name: ${ft};
|
|
746
533
|
animation-duration: 2500ms;
|
|
747
534
|
animation-timing-function: ${({
|
|
748
535
|
theme: e
|
|
@@ -750,123 +537,123 @@ const w = Oe("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsat
|
|
|
750
537
|
animation-iteration-count: infinite;
|
|
751
538
|
animation-delay: 200ms;
|
|
752
539
|
}
|
|
753
|
-
`,
|
|
754
|
-
const
|
|
540
|
+
`, ge = /* @__PURE__ */ d.forwardRef(function(t, n) {
|
|
541
|
+
const i = he({
|
|
755
542
|
props: t,
|
|
756
543
|
name: "MuiTouchRipple"
|
|
757
544
|
}), {
|
|
758
|
-
center:
|
|
759
|
-
classes:
|
|
545
|
+
center: r = !1,
|
|
546
|
+
classes: s = {},
|
|
760
547
|
className: u,
|
|
761
|
-
...
|
|
762
|
-
} =
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
}, [
|
|
766
|
-
const
|
|
548
|
+
...c
|
|
549
|
+
} = i, [l, p] = d.useState([]), h = d.useRef(0), m = d.useRef(null);
|
|
550
|
+
d.useEffect(() => {
|
|
551
|
+
m.current && (m.current(), m.current = null);
|
|
552
|
+
}, [l]);
|
|
553
|
+
const y = d.useRef(!1), R = Je(), g = d.useRef(null), w = d.useRef(null), T = d.useCallback((f) => {
|
|
767
554
|
const {
|
|
768
|
-
pulsate:
|
|
769
|
-
rippleX:
|
|
770
|
-
rippleY:
|
|
771
|
-
rippleSize:
|
|
772
|
-
cb:
|
|
773
|
-
} =
|
|
774
|
-
|
|
555
|
+
pulsate: C,
|
|
556
|
+
rippleX: E,
|
|
557
|
+
rippleY: $,
|
|
558
|
+
rippleSize: B,
|
|
559
|
+
cb: _
|
|
560
|
+
} = f;
|
|
561
|
+
p((P) => [...P, /* @__PURE__ */ U(ht, {
|
|
775
562
|
classes: {
|
|
776
|
-
ripple:
|
|
777
|
-
rippleVisible:
|
|
778
|
-
ripplePulsate:
|
|
779
|
-
child:
|
|
780
|
-
childLeaving:
|
|
781
|
-
childPulsate:
|
|
563
|
+
ripple: x(s.ripple, M.ripple),
|
|
564
|
+
rippleVisible: x(s.rippleVisible, M.rippleVisible),
|
|
565
|
+
ripplePulsate: x(s.ripplePulsate, M.ripplePulsate),
|
|
566
|
+
child: x(s.child, M.child),
|
|
567
|
+
childLeaving: x(s.childLeaving, M.childLeaving),
|
|
568
|
+
childPulsate: x(s.childPulsate, M.childPulsate)
|
|
782
569
|
},
|
|
783
|
-
timeout:
|
|
784
|
-
pulsate:
|
|
785
|
-
rippleX:
|
|
786
|
-
rippleY:
|
|
787
|
-
rippleSize:
|
|
788
|
-
},
|
|
789
|
-
}, [
|
|
570
|
+
timeout: oe,
|
|
571
|
+
pulsate: C,
|
|
572
|
+
rippleX: E,
|
|
573
|
+
rippleY: $,
|
|
574
|
+
rippleSize: B
|
|
575
|
+
}, h.current)]), h.current += 1, m.current = _;
|
|
576
|
+
}, [s]), S = d.useCallback((f = {}, C = {}, E = () => {
|
|
790
577
|
}) => {
|
|
791
578
|
const {
|
|
792
|
-
pulsate:
|
|
793
|
-
center:
|
|
794
|
-
fakeElement:
|
|
579
|
+
pulsate: $ = !1,
|
|
580
|
+
center: B = r || C.pulsate,
|
|
581
|
+
fakeElement: _ = !1
|
|
795
582
|
// For test purposes
|
|
796
|
-
} =
|
|
797
|
-
if ((
|
|
798
|
-
|
|
583
|
+
} = C;
|
|
584
|
+
if ((f == null ? void 0 : f.type) === "mousedown" && y.current) {
|
|
585
|
+
y.current = !1;
|
|
799
586
|
return;
|
|
800
587
|
}
|
|
801
|
-
(
|
|
802
|
-
const
|
|
588
|
+
(f == null ? void 0 : f.type) === "touchstart" && (y.current = !0);
|
|
589
|
+
const P = _ ? null : w.current, O = P ? P.getBoundingClientRect() : {
|
|
803
590
|
width: 0,
|
|
804
591
|
height: 0,
|
|
805
592
|
left: 0,
|
|
806
593
|
top: 0
|
|
807
594
|
};
|
|
808
|
-
let
|
|
809
|
-
if (
|
|
810
|
-
|
|
595
|
+
let V, N, I;
|
|
596
|
+
if (B || f === void 0 || f.clientX === 0 && f.clientY === 0 || !f.clientX && !f.touches)
|
|
597
|
+
V = Math.round(O.width / 2), N = Math.round(O.height / 2);
|
|
811
598
|
else {
|
|
812
599
|
const {
|
|
813
|
-
clientX:
|
|
814
|
-
clientY:
|
|
815
|
-
} =
|
|
816
|
-
|
|
600
|
+
clientX: z,
|
|
601
|
+
clientY: j
|
|
602
|
+
} = f.touches && f.touches.length > 0 ? f.touches[0] : f;
|
|
603
|
+
V = Math.round(z - O.left), N = Math.round(j - O.top);
|
|
817
604
|
}
|
|
818
|
-
if (
|
|
819
|
-
|
|
605
|
+
if (B)
|
|
606
|
+
I = Math.sqrt((2 * O.width ** 2 + O.height ** 2) / 3), I % 2 === 0 && (I += 1);
|
|
820
607
|
else {
|
|
821
|
-
const
|
|
822
|
-
|
|
608
|
+
const z = Math.max(Math.abs((P ? P.clientWidth : 0) - V), V) * 2 + 2, j = Math.max(Math.abs((P ? P.clientHeight : 0) - N), N) * 2 + 2;
|
|
609
|
+
I = Math.sqrt(z ** 2 + j ** 2);
|
|
823
610
|
}
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
pulsate:
|
|
827
|
-
rippleX:
|
|
828
|
-
rippleY:
|
|
829
|
-
rippleSize:
|
|
830
|
-
cb:
|
|
611
|
+
f != null && f.touches ? g.current === null && (g.current = () => {
|
|
612
|
+
T({
|
|
613
|
+
pulsate: $,
|
|
614
|
+
rippleX: V,
|
|
615
|
+
rippleY: N,
|
|
616
|
+
rippleSize: I,
|
|
617
|
+
cb: E
|
|
831
618
|
});
|
|
832
|
-
},
|
|
833
|
-
|
|
834
|
-
})) :
|
|
835
|
-
pulsate:
|
|
836
|
-
rippleX:
|
|
837
|
-
rippleY:
|
|
838
|
-
rippleSize:
|
|
839
|
-
cb:
|
|
619
|
+
}, R.start(lt, () => {
|
|
620
|
+
g.current && (g.current(), g.current = null);
|
|
621
|
+
})) : T({
|
|
622
|
+
pulsate: $,
|
|
623
|
+
rippleX: V,
|
|
624
|
+
rippleY: N,
|
|
625
|
+
rippleSize: I,
|
|
626
|
+
cb: E
|
|
840
627
|
});
|
|
841
|
-
}, [
|
|
842
|
-
|
|
628
|
+
}, [r, T, R]), L = d.useCallback(() => {
|
|
629
|
+
S({}, {
|
|
843
630
|
pulsate: !0
|
|
844
631
|
});
|
|
845
|
-
}, [
|
|
846
|
-
if (
|
|
847
|
-
|
|
848
|
-
|
|
632
|
+
}, [S]), D = d.useCallback((f, C) => {
|
|
633
|
+
if (R.clear(), (f == null ? void 0 : f.type) === "touchend" && g.current) {
|
|
634
|
+
g.current(), g.current = null, R.start(0, () => {
|
|
635
|
+
D(f, C);
|
|
849
636
|
});
|
|
850
637
|
return;
|
|
851
638
|
}
|
|
852
|
-
|
|
853
|
-
}, [
|
|
854
|
-
return
|
|
855
|
-
pulsate:
|
|
856
|
-
start:
|
|
857
|
-
stop:
|
|
858
|
-
}), [
|
|
859
|
-
className:
|
|
860
|
-
ref:
|
|
861
|
-
...
|
|
862
|
-
children: /* @__PURE__ */
|
|
639
|
+
g.current = null, p((E) => E.length > 0 ? E.slice(1) : E), m.current = C;
|
|
640
|
+
}, [R]);
|
|
641
|
+
return d.useImperativeHandle(n, () => ({
|
|
642
|
+
pulsate: L,
|
|
643
|
+
start: S,
|
|
644
|
+
stop: D
|
|
645
|
+
}), [L, S, D]), /* @__PURE__ */ U(dt, {
|
|
646
|
+
className: x(M.root, s.root, u),
|
|
647
|
+
ref: w,
|
|
648
|
+
...c,
|
|
649
|
+
children: /* @__PURE__ */ U(ae, {
|
|
863
650
|
component: null,
|
|
864
651
|
exit: !0,
|
|
865
|
-
children:
|
|
652
|
+
children: l
|
|
866
653
|
})
|
|
867
654
|
});
|
|
868
655
|
});
|
|
869
|
-
process.env.NODE_ENV !== "production" && (
|
|
656
|
+
process.env.NODE_ENV !== "production" && (ge.propTypes = {
|
|
870
657
|
/**
|
|
871
658
|
* If `true`, the ripple starts at the center of the component
|
|
872
659
|
* rather than at the point of interaction.
|
|
@@ -881,20 +668,20 @@ process.env.NODE_ENV !== "production" && (Ve.propTypes = {
|
|
|
881
668
|
*/
|
|
882
669
|
className: o.string
|
|
883
670
|
});
|
|
884
|
-
function
|
|
885
|
-
return
|
|
671
|
+
function mt(e) {
|
|
672
|
+
return _e("MuiButtonBase", e);
|
|
886
673
|
}
|
|
887
|
-
const
|
|
674
|
+
const bt = de("MuiButtonBase", ["root", "disabled", "focusVisible"]), gt = (e) => {
|
|
888
675
|
const {
|
|
889
676
|
disabled: t,
|
|
890
677
|
focusVisible: n,
|
|
891
|
-
focusVisibleClassName:
|
|
892
|
-
classes:
|
|
893
|
-
} = e, u =
|
|
678
|
+
focusVisibleClassName: i,
|
|
679
|
+
classes: r
|
|
680
|
+
} = e, u = ze({
|
|
894
681
|
root: ["root", t && "disabled", n && "focusVisible"]
|
|
895
|
-
},
|
|
896
|
-
return n &&
|
|
897
|
-
},
|
|
682
|
+
}, mt, r);
|
|
683
|
+
return n && i && (u.root += ` ${i}`), u;
|
|
684
|
+
}, yt = re("button", {
|
|
898
685
|
name: "MuiButtonBase",
|
|
899
686
|
slot: "Root",
|
|
900
687
|
overridesResolver: (e, t) => t.root
|
|
@@ -929,7 +716,7 @@ const It = Oe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = (e) =
|
|
|
929
716
|
borderStyle: "none"
|
|
930
717
|
// Remove Firefox dotted outline.
|
|
931
718
|
},
|
|
932
|
-
[`&.${
|
|
719
|
+
[`&.${bt.disabled}`]: {
|
|
933
720
|
pointerEvents: "none",
|
|
934
721
|
// Disable link interactions
|
|
935
722
|
cursor: "default"
|
|
@@ -937,117 +724,117 @@ const It = Oe("MuiButtonBase", ["root", "disabled", "focusVisible"]), Dt = (e) =
|
|
|
937
724
|
"@media print": {
|
|
938
725
|
colorAdjust: "exact"
|
|
939
726
|
}
|
|
940
|
-
}),
|
|
941
|
-
const
|
|
727
|
+
}), Rt = /* @__PURE__ */ d.forwardRef(function(t, n) {
|
|
728
|
+
const i = he({
|
|
942
729
|
props: t,
|
|
943
730
|
name: "MuiButtonBase"
|
|
944
731
|
}), {
|
|
945
|
-
action:
|
|
946
|
-
centerRipple:
|
|
732
|
+
action: r,
|
|
733
|
+
centerRipple: s = !1,
|
|
947
734
|
children: u,
|
|
948
|
-
className:
|
|
949
|
-
component:
|
|
950
|
-
disabled:
|
|
951
|
-
disableRipple:
|
|
952
|
-
disableTouchRipple:
|
|
953
|
-
focusRipple:
|
|
954
|
-
focusVisibleClassName:
|
|
955
|
-
LinkComponent:
|
|
956
|
-
onBlur:
|
|
957
|
-
onClick:
|
|
958
|
-
onContextMenu:
|
|
959
|
-
onDragLeave:
|
|
960
|
-
onFocus:
|
|
961
|
-
onFocusVisible:
|
|
962
|
-
onKeyDown:
|
|
963
|
-
onKeyUp:
|
|
964
|
-
onMouseDown:
|
|
965
|
-
onMouseLeave:
|
|
966
|
-
onMouseUp:
|
|
967
|
-
onTouchEnd:
|
|
968
|
-
onTouchMove:
|
|
969
|
-
onTouchStart:
|
|
970
|
-
tabIndex:
|
|
971
|
-
TouchRippleProps:
|
|
972
|
-
touchRippleRef:
|
|
973
|
-
type:
|
|
974
|
-
...
|
|
975
|
-
} =
|
|
976
|
-
|
|
735
|
+
className: c,
|
|
736
|
+
component: l = "button",
|
|
737
|
+
disabled: p = !1,
|
|
738
|
+
disableRipple: h = !1,
|
|
739
|
+
disableTouchRipple: m = !1,
|
|
740
|
+
focusRipple: y = !1,
|
|
741
|
+
focusVisibleClassName: R,
|
|
742
|
+
LinkComponent: g = "a",
|
|
743
|
+
onBlur: w,
|
|
744
|
+
onClick: T,
|
|
745
|
+
onContextMenu: S,
|
|
746
|
+
onDragLeave: L,
|
|
747
|
+
onFocus: D,
|
|
748
|
+
onFocusVisible: f,
|
|
749
|
+
onKeyDown: C,
|
|
750
|
+
onKeyUp: E,
|
|
751
|
+
onMouseDown: $,
|
|
752
|
+
onMouseLeave: B,
|
|
753
|
+
onMouseUp: _,
|
|
754
|
+
onTouchEnd: P,
|
|
755
|
+
onTouchMove: O,
|
|
756
|
+
onTouchStart: V,
|
|
757
|
+
tabIndex: N = 0,
|
|
758
|
+
TouchRippleProps: I,
|
|
759
|
+
touchRippleRef: z,
|
|
760
|
+
type: j,
|
|
761
|
+
...A
|
|
762
|
+
} = i, Y = d.useRef(null), b = ut(), ye = te(b.ref, z), [k, H] = d.useState(!1);
|
|
763
|
+
p && k && H(!1), d.useImperativeHandle(r, () => ({
|
|
977
764
|
focusVisible: () => {
|
|
978
|
-
|
|
765
|
+
H(!0), Y.current.focus();
|
|
979
766
|
}
|
|
980
767
|
}), []);
|
|
981
|
-
const
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
}, [
|
|
985
|
-
const
|
|
986
|
-
|
|
987
|
-
},
|
|
988
|
-
|
|
989
|
-
}, !1),
|
|
990
|
-
|
|
991
|
-
}),
|
|
992
|
-
const
|
|
993
|
-
return
|
|
994
|
-
},
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
}),
|
|
998
|
-
}),
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
}),
|
|
768
|
+
const Re = b.shouldMount && !h && !p;
|
|
769
|
+
d.useEffect(() => {
|
|
770
|
+
k && y && !h && b.pulsate();
|
|
771
|
+
}, [h, y, k, b]);
|
|
772
|
+
const Me = v(b, "start", $, m), Te = v(b, "stop", S, m), Ee = v(b, "stop", L, m), Ce = v(b, "stop", _, m), Pe = v(b, "stop", (a) => {
|
|
773
|
+
k && a.preventDefault(), B && B(a);
|
|
774
|
+
}, m), xe = v(b, "start", V, m), we = v(b, "stop", P, m), Ne = v(b, "stop", O, m), ve = v(b, "stop", (a) => {
|
|
775
|
+
pe(a.target) || H(!1), w && w(a);
|
|
776
|
+
}, !1), Se = J((a) => {
|
|
777
|
+
Y.current || (Y.current = a.currentTarget), pe(a.target) && (H(!0), f && f(a)), D && D(a);
|
|
778
|
+
}), ee = () => {
|
|
779
|
+
const a = Y.current;
|
|
780
|
+
return l && l !== "button" && !(a.tagName === "A" && a.href);
|
|
781
|
+
}, De = J((a) => {
|
|
782
|
+
y && !a.repeat && k && a.key === " " && b.stop(a, () => {
|
|
783
|
+
b.start(a);
|
|
784
|
+
}), a.target === a.currentTarget && ee() && a.key === " " && a.preventDefault(), C && C(a), a.target === a.currentTarget && ee() && a.key === "Enter" && !p && (a.preventDefault(), T && T(a));
|
|
785
|
+
}), Oe = J((a) => {
|
|
786
|
+
y && a.key === " " && k && !a.defaultPrevented && b.stop(a, () => {
|
|
787
|
+
b.pulsate(a);
|
|
788
|
+
}), E && E(a), T && a.target === a.currentTarget && ee() && a.key === " " && !a.defaultPrevented && T(a);
|
|
1002
789
|
});
|
|
1003
|
-
let
|
|
1004
|
-
|
|
1005
|
-
const
|
|
1006
|
-
|
|
1007
|
-
const
|
|
1008
|
-
...
|
|
1009
|
-
centerRipple:
|
|
1010
|
-
component:
|
|
1011
|
-
disabled:
|
|
1012
|
-
disableRipple:
|
|
1013
|
-
disableTouchRipple:
|
|
1014
|
-
focusRipple:
|
|
1015
|
-
tabIndex:
|
|
1016
|
-
focusVisible:
|
|
1017
|
-
},
|
|
1018
|
-
return /* @__PURE__ */
|
|
1019
|
-
as:
|
|
1020
|
-
className:
|
|
1021
|
-
ownerState:
|
|
1022
|
-
onBlur:
|
|
1023
|
-
onClick:
|
|
1024
|
-
onContextMenu:
|
|
1025
|
-
onFocus:
|
|
1026
|
-
onKeyDown:
|
|
1027
|
-
onKeyUp:
|
|
1028
|
-
onMouseDown:
|
|
1029
|
-
onMouseLeave:
|
|
1030
|
-
onMouseUp:
|
|
1031
|
-
onDragLeave:
|
|
1032
|
-
onTouchEnd:
|
|
1033
|
-
onTouchMove:
|
|
1034
|
-
onTouchStart:
|
|
1035
|
-
ref:
|
|
1036
|
-
tabIndex:
|
|
1037
|
-
type:
|
|
1038
|
-
...
|
|
1039
|
-
...
|
|
1040
|
-
children: [u,
|
|
1041
|
-
ref:
|
|
1042
|
-
center:
|
|
1043
|
-
...
|
|
790
|
+
let W = l;
|
|
791
|
+
W === "button" && (A.href || A.to) && (W = g);
|
|
792
|
+
const X = {};
|
|
793
|
+
W === "button" ? (X.type = j === void 0 ? "button" : j, X.disabled = p) : (!A.href && !A.to && (X.role = "button"), p && (X["aria-disabled"] = p));
|
|
794
|
+
const Ve = te(n, Y), le = {
|
|
795
|
+
...i,
|
|
796
|
+
centerRipple: s,
|
|
797
|
+
component: l,
|
|
798
|
+
disabled: p,
|
|
799
|
+
disableRipple: h,
|
|
800
|
+
disableTouchRipple: m,
|
|
801
|
+
focusRipple: y,
|
|
802
|
+
tabIndex: N,
|
|
803
|
+
focusVisible: k
|
|
804
|
+
}, Ie = gt(le);
|
|
805
|
+
return /* @__PURE__ */ Ae(yt, {
|
|
806
|
+
as: W,
|
|
807
|
+
className: x(Ie.root, c),
|
|
808
|
+
ownerState: le,
|
|
809
|
+
onBlur: ve,
|
|
810
|
+
onClick: T,
|
|
811
|
+
onContextMenu: Te,
|
|
812
|
+
onFocus: Se,
|
|
813
|
+
onKeyDown: De,
|
|
814
|
+
onKeyUp: Oe,
|
|
815
|
+
onMouseDown: Me,
|
|
816
|
+
onMouseLeave: Pe,
|
|
817
|
+
onMouseUp: Ce,
|
|
818
|
+
onDragLeave: Ee,
|
|
819
|
+
onTouchEnd: we,
|
|
820
|
+
onTouchMove: Ne,
|
|
821
|
+
onTouchStart: xe,
|
|
822
|
+
ref: Ve,
|
|
823
|
+
tabIndex: p ? -1 : N,
|
|
824
|
+
type: j,
|
|
825
|
+
...X,
|
|
826
|
+
...A,
|
|
827
|
+
children: [u, Re ? /* @__PURE__ */ U(ge, {
|
|
828
|
+
ref: ye,
|
|
829
|
+
center: s,
|
|
830
|
+
...I
|
|
1044
831
|
}) : null]
|
|
1045
832
|
});
|
|
1046
833
|
});
|
|
1047
|
-
function
|
|
1048
|
-
return
|
|
834
|
+
function v(e, t, n, i = !1) {
|
|
835
|
+
return J((r) => (n && n(r), i || e[t](r), !0));
|
|
1049
836
|
}
|
|
1050
|
-
process.env.NODE_ENV !== "production" && (
|
|
837
|
+
process.env.NODE_ENV !== "production" && (Rt.propTypes = {
|
|
1051
838
|
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
1052
839
|
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
1053
840
|
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
@@ -1056,7 +843,7 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
|
|
|
1056
843
|
* A ref for imperative actions.
|
|
1057
844
|
* It currently only supports `focusVisible()` action.
|
|
1058
845
|
*/
|
|
1059
|
-
action:
|
|
846
|
+
action: We,
|
|
1060
847
|
/**
|
|
1061
848
|
* If `true`, the ripples are centered.
|
|
1062
849
|
* They won't start at the cursor interaction position.
|
|
@@ -1079,7 +866,7 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
|
|
|
1079
866
|
* The component used for the root node.
|
|
1080
867
|
* Either a string to use a HTML element or a component.
|
|
1081
868
|
*/
|
|
1082
|
-
component:
|
|
869
|
+
component: He,
|
|
1083
870
|
/**
|
|
1084
871
|
* If `true`, the component is disabled.
|
|
1085
872
|
* @default false
|
|
@@ -1206,19 +993,19 @@ process.env.NODE_ENV !== "production" && (Lt.propTypes = {
|
|
|
1206
993
|
type: o.oneOfType([o.oneOf(["button", "reset", "submit"]), o.string])
|
|
1207
994
|
});
|
|
1208
995
|
export {
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
|
|
1220
|
-
|
|
1221
|
-
|
|
1222
|
-
|
|
1223
|
-
|
|
996
|
+
Rt as B,
|
|
997
|
+
fe as T,
|
|
998
|
+
et as _,
|
|
999
|
+
wt as a,
|
|
1000
|
+
Ye as b,
|
|
1001
|
+
Xe as c,
|
|
1002
|
+
J as d,
|
|
1003
|
+
He as e,
|
|
1004
|
+
Qe as f,
|
|
1005
|
+
ie as g,
|
|
1006
|
+
ne as h,
|
|
1007
|
+
pe as i,
|
|
1008
|
+
tt as j,
|
|
1009
|
+
We as r,
|
|
1010
|
+
Je as u
|
|
1224
1011
|
};
|