skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1217629 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1217804
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/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as Qe from "react";
|
|
2
2
|
import me, { forwardRef as G, Fragment as Vt, useState as pt, useEffect as ot, useRef as Dt, useCallback as ht, useMemo as te, createContext as tr, useContext as er, useLayoutEffect as Ar, useImperativeHandle as Pr, useId as xe } from "react";
|
|
3
|
-
import { clsx as
|
|
3
|
+
import { clsx as L } from "clsx";
|
|
4
4
|
import { useFloating as zr, useTransitionStyles as Or, useDismiss as Dr, useRole as Fr, useInteractions as Wr, useMergeRefs as Hr, FloatingPortal as Vr, FloatingOverlay as qr, FloatingFocusManager as Xr } from "@floating-ui/react";
|
|
5
5
|
import Yr from "rc-tooltip";
|
|
6
6
|
import './index.css';function Zr(t) {
|
|
@@ -21,12 +21,12 @@ function Ur() {
|
|
|
21
21
|
if (Be) return Ft;
|
|
22
22
|
Be = 1;
|
|
23
23
|
var t = me, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
24
|
-
function l(c,
|
|
25
|
-
var
|
|
26
|
-
p !== void 0 && (m = "" + p),
|
|
27
|
-
for (
|
|
28
|
-
if (c && c.defaultProps) for (
|
|
29
|
-
return { $$typeof: r, type: c, key: m, ref:
|
|
24
|
+
function l(c, _, p) {
|
|
25
|
+
var d, h = {}, m = null, b = null;
|
|
26
|
+
p !== void 0 && (m = "" + p), _.key !== void 0 && (m = "" + _.key), _.ref !== void 0 && (b = _.ref);
|
|
27
|
+
for (d in _) s.call(_, d) && !a.hasOwnProperty(d) && (h[d] = _[d]);
|
|
28
|
+
if (c && c.defaultProps) for (d in _ = c.defaultProps, _) h[d] === void 0 && (h[d] = _[d]);
|
|
29
|
+
return { $$typeof: r, type: c, key: m, ref: b, props: h, _owner: i.current };
|
|
30
30
|
}
|
|
31
31
|
return Ft.Fragment = n, Ft.jsx = l, Ft.jsxs = l, Ft;
|
|
32
32
|
}
|
|
@@ -43,15 +43,15 @@ var Wt = {};
|
|
|
43
43
|
var Ae;
|
|
44
44
|
function Gr() {
|
|
45
45
|
return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
|
-
var t = me, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"),
|
|
47
|
-
function
|
|
46
|
+
var t = me, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), b = Symbol.for("react.offscreen"), y = Symbol.iterator, w = "@@iterator";
|
|
47
|
+
function g(e) {
|
|
48
48
|
if (e === null || typeof e != "object")
|
|
49
49
|
return null;
|
|
50
50
|
var f = y && e[y] || e[w];
|
|
51
51
|
return typeof f == "function" ? f : null;
|
|
52
52
|
}
|
|
53
|
-
var
|
|
54
|
-
function
|
|
53
|
+
var x = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
54
|
+
function u(e) {
|
|
55
55
|
{
|
|
56
56
|
for (var f = arguments.length, C = new Array(f > 1 ? f - 1 : 0), E = 1; E < f; E++)
|
|
57
57
|
C[E - 1] = arguments[E];
|
|
@@ -60,18 +60,18 @@ function Gr() {
|
|
|
60
60
|
}
|
|
61
61
|
function v(e, f, C) {
|
|
62
62
|
{
|
|
63
|
-
var E =
|
|
64
|
-
|
|
65
|
-
var
|
|
63
|
+
var E = x.ReactDebugCurrentFrame, P = E.getStackAddendum();
|
|
64
|
+
P !== "" && (f += "%s", C = C.concat([P]));
|
|
65
|
+
var O = C.map(function(B) {
|
|
66
66
|
return String(B);
|
|
67
67
|
});
|
|
68
|
-
|
|
68
|
+
O.unshift("Warning: " + f), Function.prototype.apply.call(console[e], console, O);
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
var S = !1, $ = !1,
|
|
71
|
+
var S = !1, $ = !1, k = !1, T = !1, R = !1, I;
|
|
72
72
|
I = Symbol.for("react.module.reference");
|
|
73
|
-
function
|
|
74
|
-
return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || R || e === i || e === p || e ===
|
|
73
|
+
function F(e) {
|
|
74
|
+
return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || R || e === i || e === p || e === d || T || e === b || S || $ || k || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === h || e.$$typeof === l || e.$$typeof === c || e.$$typeof === _ || // This needs to include all possible module reference object
|
|
75
75
|
// types supported by any Flight configuration anywhere since
|
|
76
76
|
// we don't know which Flight build this will end up being used
|
|
77
77
|
// with.
|
|
@@ -81,16 +81,16 @@ function Gr() {
|
|
|
81
81
|
var E = e.displayName;
|
|
82
82
|
if (E)
|
|
83
83
|
return E;
|
|
84
|
-
var
|
|
85
|
-
return
|
|
84
|
+
var P = f.displayName || f.name || "";
|
|
85
|
+
return P !== "" ? C + "(" + P + ")" : C;
|
|
86
86
|
}
|
|
87
|
-
function
|
|
87
|
+
function D(e) {
|
|
88
88
|
return e.displayName || "Context";
|
|
89
89
|
}
|
|
90
90
|
function j(e) {
|
|
91
91
|
if (e == null)
|
|
92
92
|
return null;
|
|
93
|
-
if (typeof e.tag == "number" &&
|
|
93
|
+
if (typeof e.tag == "number" && u("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
94
94
|
return e.displayName || e.name || null;
|
|
95
95
|
if (typeof e == "string")
|
|
96
96
|
return e;
|
|
@@ -105,26 +105,26 @@ function Gr() {
|
|
|
105
105
|
return "StrictMode";
|
|
106
106
|
case p:
|
|
107
107
|
return "Suspense";
|
|
108
|
-
case
|
|
108
|
+
case d:
|
|
109
109
|
return "SuspenseList";
|
|
110
110
|
}
|
|
111
111
|
if (typeof e == "object")
|
|
112
112
|
switch (e.$$typeof) {
|
|
113
113
|
case c:
|
|
114
114
|
var f = e;
|
|
115
|
-
return
|
|
115
|
+
return D(f) + ".Consumer";
|
|
116
116
|
case l:
|
|
117
117
|
var C = e;
|
|
118
|
-
return
|
|
119
|
-
case
|
|
118
|
+
return D(C._context) + ".Provider";
|
|
119
|
+
case _:
|
|
120
120
|
return q(e, e.render, "ForwardRef");
|
|
121
|
-
case
|
|
121
|
+
case h:
|
|
122
122
|
var E = e.displayName || null;
|
|
123
123
|
return E !== null ? E : j(e.type) || "Memo";
|
|
124
124
|
case m: {
|
|
125
|
-
var
|
|
125
|
+
var P = e, O = P._payload, B = P._init;
|
|
126
126
|
try {
|
|
127
|
-
return j(B(
|
|
127
|
+
return j(B(O));
|
|
128
128
|
} catch {
|
|
129
129
|
return null;
|
|
130
130
|
}
|
|
@@ -191,17 +191,17 @@ function Gr() {
|
|
|
191
191
|
})
|
|
192
192
|
});
|
|
193
193
|
}
|
|
194
|
-
W < 0 &&
|
|
194
|
+
W < 0 && u("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
var lt =
|
|
197
|
+
var lt = x.ReactCurrentDispatcher, Tt;
|
|
198
198
|
function ft(e, f, C) {
|
|
199
199
|
{
|
|
200
200
|
if (Tt === void 0)
|
|
201
201
|
try {
|
|
202
202
|
throw Error();
|
|
203
|
-
} catch (
|
|
204
|
-
var E =
|
|
203
|
+
} catch (P) {
|
|
204
|
+
var E = P.stack.trim().match(/\n( *(at )?)/);
|
|
205
205
|
Tt = E && E[1] || "";
|
|
206
206
|
}
|
|
207
207
|
return `
|
|
@@ -223,10 +223,10 @@ function Gr() {
|
|
|
223
223
|
}
|
|
224
224
|
var E;
|
|
225
225
|
qt = !0;
|
|
226
|
-
var
|
|
226
|
+
var P = Error.prepareStackTrace;
|
|
227
227
|
Error.prepareStackTrace = void 0;
|
|
228
|
-
var
|
|
229
|
-
|
|
228
|
+
var O;
|
|
229
|
+
O = lt.current, lt.current = null, St();
|
|
230
230
|
try {
|
|
231
231
|
if (f) {
|
|
232
232
|
var B = function() {
|
|
@@ -279,7 +279,7 @@ function Gr() {
|
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
} finally {
|
|
282
|
-
qt = !1, lt.current =
|
|
282
|
+
qt = !1, lt.current = O, vt(), Error.prepareStackTrace = P;
|
|
283
283
|
}
|
|
284
284
|
var Bt = e ? e.displayName || e.name : "", Rt = Bt ? ft(Bt) : "";
|
|
285
285
|
return typeof e == "function" && Nt.set(e, Rt), Rt;
|
|
@@ -301,26 +301,26 @@ function Gr() {
|
|
|
301
301
|
switch (e) {
|
|
302
302
|
case p:
|
|
303
303
|
return ft("Suspense");
|
|
304
|
-
case
|
|
304
|
+
case d:
|
|
305
305
|
return ft("SuspenseList");
|
|
306
306
|
}
|
|
307
307
|
if (typeof e == "object")
|
|
308
308
|
switch (e.$$typeof) {
|
|
309
|
-
case
|
|
309
|
+
case _:
|
|
310
310
|
return ne(e.render);
|
|
311
|
-
case
|
|
311
|
+
case h:
|
|
312
312
|
return Q(e.type, f, C);
|
|
313
313
|
case m: {
|
|
314
|
-
var E = e,
|
|
314
|
+
var E = e, P = E._payload, O = E._init;
|
|
315
315
|
try {
|
|
316
|
-
return Q(
|
|
316
|
+
return Q(O(P), f, C);
|
|
317
317
|
} catch {
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
320
|
}
|
|
321
321
|
return "";
|
|
322
322
|
}
|
|
323
|
-
var tt = Object.prototype.hasOwnProperty, Ct = {}, Ce =
|
|
323
|
+
var tt = Object.prototype.hasOwnProperty, Ct = {}, Ce = x.ReactDebugCurrentFrame;
|
|
324
324
|
function Yt(e) {
|
|
325
325
|
if (e) {
|
|
326
326
|
var f = e._owner, C = Q(e.type, e._source, f ? f.type : null);
|
|
@@ -328,11 +328,11 @@ function Gr() {
|
|
|
328
328
|
} else
|
|
329
329
|
Ce.setExtraStackFrame(null);
|
|
330
330
|
}
|
|
331
|
-
function fr(e, f, C, E,
|
|
331
|
+
function fr(e, f, C, E, P) {
|
|
332
332
|
{
|
|
333
|
-
var
|
|
333
|
+
var O = Function.call.bind(tt);
|
|
334
334
|
for (var B in e)
|
|
335
|
-
if (
|
|
335
|
+
if (O(e, B)) {
|
|
336
336
|
var N = void 0;
|
|
337
337
|
try {
|
|
338
338
|
if (typeof e[B] != "function") {
|
|
@@ -343,7 +343,7 @@ function Gr() {
|
|
|
343
343
|
} catch (Y) {
|
|
344
344
|
N = Y;
|
|
345
345
|
}
|
|
346
|
-
N && !(N instanceof Error) && (Yt(
|
|
346
|
+
N && !(N instanceof Error) && (Yt(P), u("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", E || "React class", C, B, typeof N), Yt(null)), N instanceof Error && !(N.message in Ct) && (Ct[N.message] = !0, Yt(P), u("Failed %s type: %s", C, N.message), Yt(null));
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
}
|
|
@@ -369,9 +369,9 @@ function Gr() {
|
|
|
369
369
|
}
|
|
370
370
|
function Se(e) {
|
|
371
371
|
if (br(e))
|
|
372
|
-
return
|
|
372
|
+
return u("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", hr(e)), we(e);
|
|
373
373
|
}
|
|
374
|
-
var ke =
|
|
374
|
+
var ke = x.ReactCurrentOwner, mr = {
|
|
375
375
|
key: !0,
|
|
376
376
|
ref: !0,
|
|
377
377
|
__self: !0,
|
|
@@ -399,7 +399,7 @@ function Gr() {
|
|
|
399
399
|
function Cr(e, f) {
|
|
400
400
|
{
|
|
401
401
|
var C = function() {
|
|
402
|
-
Le || (Le = !0,
|
|
402
|
+
Le || (Le = !0, u("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
|
|
403
403
|
};
|
|
404
404
|
C.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
405
405
|
get: C,
|
|
@@ -410,7 +410,7 @@ function Gr() {
|
|
|
410
410
|
function wr(e, f) {
|
|
411
411
|
{
|
|
412
412
|
var C = function() {
|
|
413
|
-
je || (je = !0,
|
|
413
|
+
je || (je = !0, u("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
|
|
414
414
|
};
|
|
415
415
|
C.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
416
416
|
get: C,
|
|
@@ -418,7 +418,7 @@ function Gr() {
|
|
|
418
418
|
});
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
-
var Sr = function(e, f, C, E,
|
|
421
|
+
var Sr = function(e, f, C, E, P, O, B) {
|
|
422
422
|
var N = {
|
|
423
423
|
// This tag allows us to uniquely identify this as a React Element
|
|
424
424
|
$$typeof: r,
|
|
@@ -428,7 +428,7 @@ function Gr() {
|
|
|
428
428
|
ref: C,
|
|
429
429
|
props: B,
|
|
430
430
|
// Record the component responsible for creating this element.
|
|
431
|
-
_owner:
|
|
431
|
+
_owner: O
|
|
432
432
|
};
|
|
433
433
|
return N._store = {}, Object.defineProperty(N._store, "validated", {
|
|
434
434
|
configurable: !1,
|
|
@@ -444,28 +444,28 @@ function Gr() {
|
|
|
444
444
|
configurable: !1,
|
|
445
445
|
enumerable: !1,
|
|
446
446
|
writable: !1,
|
|
447
|
-
value:
|
|
447
|
+
value: P
|
|
448
448
|
}), Object.freeze && (Object.freeze(N.props), Object.freeze(N)), N;
|
|
449
449
|
};
|
|
450
|
-
function kr(e, f, C, E,
|
|
450
|
+
function kr(e, f, C, E, P) {
|
|
451
451
|
{
|
|
452
|
-
var
|
|
453
|
-
C !== void 0 && (Se(C), N = "" + C), yr(f) && (Se(f.key), N = "" + f.key), xr(f) && (nt = f.ref, vr(f,
|
|
454
|
-
for (
|
|
455
|
-
tt.call(f,
|
|
452
|
+
var O, B = {}, N = null, nt = null;
|
|
453
|
+
C !== void 0 && (Se(C), N = "" + C), yr(f) && (Se(f.key), N = "" + f.key), xr(f) && (nt = f.ref, vr(f, P));
|
|
454
|
+
for (O in f)
|
|
455
|
+
tt.call(f, O) && !mr.hasOwnProperty(O) && (B[O] = f[O]);
|
|
456
456
|
if (e && e.defaultProps) {
|
|
457
457
|
var Y = e.defaultProps;
|
|
458
|
-
for (
|
|
459
|
-
B[
|
|
458
|
+
for (O in Y)
|
|
459
|
+
B[O] === void 0 && (B[O] = Y[O]);
|
|
460
460
|
}
|
|
461
461
|
if (N || nt) {
|
|
462
462
|
var Z = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
463
463
|
N && Cr(B, Z), nt && wr(B, Z);
|
|
464
464
|
}
|
|
465
|
-
return Sr(e, N, nt,
|
|
465
|
+
return Sr(e, N, nt, P, E, ke.current, B);
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
|
-
var se =
|
|
468
|
+
var se = x.ReactCurrentOwner, $e = x.ReactDebugCurrentFrame;
|
|
469
469
|
function Mt(e) {
|
|
470
470
|
if (e) {
|
|
471
471
|
var f = e._owner, C = Q(e.type, e._source, f ? f.type : null);
|
|
@@ -516,7 +516,7 @@ Check the top-level render call using <` + C + ">.");
|
|
|
516
516
|
return;
|
|
517
517
|
Ee[C] = !0;
|
|
518
518
|
var E = "";
|
|
519
|
-
e && e._owner && e._owner !== se.current && (E = " It was passed a child from " + j(e._owner.type) + "."), Mt(e),
|
|
519
|
+
e && e._owner && e._owner !== se.current && (E = " It was passed a child from " + j(e._owner.type) + "."), Mt(e), u('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', C, E), Mt(null);
|
|
520
520
|
}
|
|
521
521
|
}
|
|
522
522
|
function Ie(e, f) {
|
|
@@ -531,9 +531,9 @@ Check the top-level render call using <` + C + ">.");
|
|
|
531
531
|
else if (le(e))
|
|
532
532
|
e._store && (e._store.validated = !0);
|
|
533
533
|
else if (e) {
|
|
534
|
-
var
|
|
535
|
-
if (typeof
|
|
536
|
-
for (var
|
|
534
|
+
var P = g(e);
|
|
535
|
+
if (typeof P == "function" && P !== e.entries)
|
|
536
|
+
for (var O = P.call(e), B; !(B = O.next()).done; )
|
|
537
537
|
le(B.value) && Re(B.value, f);
|
|
538
538
|
}
|
|
539
539
|
}
|
|
@@ -546,9 +546,9 @@ Check the top-level render call using <` + C + ">.");
|
|
|
546
546
|
var C;
|
|
547
547
|
if (typeof f == "function")
|
|
548
548
|
C = f.propTypes;
|
|
549
|
-
else if (typeof f == "object" && (f.$$typeof ===
|
|
549
|
+
else if (typeof f == "object" && (f.$$typeof === _ || // Note: Memo only checks outer props here.
|
|
550
550
|
// Inner props are checked in the reconciler.
|
|
551
|
-
f.$$typeof ===
|
|
551
|
+
f.$$typeof === h))
|
|
552
552
|
C = f.propTypes;
|
|
553
553
|
else
|
|
554
554
|
return;
|
|
@@ -557,10 +557,10 @@ Check the top-level render call using <` + C + ">.");
|
|
|
557
557
|
fr(C, e.props, "prop", E, e);
|
|
558
558
|
} else if (f.PropTypes !== void 0 && !ie) {
|
|
559
559
|
ie = !0;
|
|
560
|
-
var
|
|
561
|
-
|
|
560
|
+
var P = j(f);
|
|
561
|
+
u("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
|
|
562
562
|
}
|
|
563
|
-
typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved &&
|
|
563
|
+
typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && u("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
564
564
|
}
|
|
565
565
|
}
|
|
566
566
|
function Tr(e) {
|
|
@@ -568,26 +568,26 @@ Check the top-level render call using <` + C + ">.");
|
|
|
568
568
|
for (var f = Object.keys(e.props), C = 0; C < f.length; C++) {
|
|
569
569
|
var E = f[C];
|
|
570
570
|
if (E !== "children" && E !== "key") {
|
|
571
|
-
Mt(e),
|
|
571
|
+
Mt(e), u("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", E), Mt(null);
|
|
572
572
|
break;
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
|
-
e.ref !== null && (Mt(e),
|
|
575
|
+
e.ref !== null && (Mt(e), u("Invalid attribute `ref` supplied to `React.Fragment`."), Mt(null));
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
578
|
var Ne = {};
|
|
579
|
-
function Me(e, f, C, E,
|
|
579
|
+
function Me(e, f, C, E, P, O) {
|
|
580
580
|
{
|
|
581
|
-
var B =
|
|
581
|
+
var B = F(e);
|
|
582
582
|
if (!B) {
|
|
583
583
|
var N = "";
|
|
584
584
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (N += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
585
585
|
var nt = Lr();
|
|
586
586
|
nt ? N += nt : N += Te();
|
|
587
587
|
var Y;
|
|
588
|
-
e === null ? Y = "null" : ae(e) ? Y = "array" : e !== void 0 && e.$$typeof === r ? (Y = "<" + (j(e.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : Y = typeof e,
|
|
588
|
+
e === null ? Y = "null" : ae(e) ? Y = "array" : e !== void 0 && e.$$typeof === r ? (Y = "<" + (j(e.type) || "Unknown") + " />", N = " Did you accidentally export a JSX literal instead of a component?") : Y = typeof e, u("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Y, N);
|
|
589
589
|
}
|
|
590
|
-
var Z = kr(e, f, C,
|
|
590
|
+
var Z = kr(e, f, C, P, O);
|
|
591
591
|
if (Z == null)
|
|
592
592
|
return Z;
|
|
593
593
|
if (B) {
|
|
@@ -599,7 +599,7 @@ Check the top-level render call using <` + C + ">.");
|
|
|
599
599
|
Ie(mt[Bt], e);
|
|
600
600
|
Object.freeze && Object.freeze(mt);
|
|
601
601
|
} else
|
|
602
|
-
|
|
602
|
+
u("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
603
603
|
else
|
|
604
604
|
Ie(mt, e);
|
|
605
605
|
}
|
|
@@ -609,7 +609,7 @@ Check the top-level render call using <` + C + ">.");
|
|
|
609
609
|
}), ce = ct.length > 0 ? "{key: someKey, " + ct.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
610
610
|
if (!Ne[Rt + ce]) {
|
|
611
611
|
var Mr = ct.length > 0 ? "{" + ct.join(": ..., ") + ": ...}" : "{}";
|
|
612
|
-
|
|
612
|
+
u(`A props object containing a "key" prop is being spread into JSX:
|
|
613
613
|
let props = %s;
|
|
614
614
|
<%s {...props} />
|
|
615
615
|
React keys must be passed directly to JSX without using spread:
|
|
@@ -635,7 +635,7 @@ function Kr() {
|
|
|
635
635
|
return Pe || (Pe = 1, process.env.NODE_ENV === "production" ? Zt.exports = Ur() : Zt.exports = Gr()), Zt.exports;
|
|
636
636
|
}
|
|
637
637
|
var o = Kr();
|
|
638
|
-
const Jr = (t) => t.as === "a", Qr = (t) => t.as === void 0 || t.as === "button", ze = (t) => t.displayAs === void 0 || t.displayAs === "button", tn = (t) => t.displayAs === "link", en = "_button_11kkg_1", rn = "_link_11kkg_22", nn = "_disabled_11kkg_27", on = "_loading_11kkg_27", an = "_neutral_11kkg_59", sn = "_accent_11kkg_63", ln = "_positive_11kkg_67", cn = "_negative_11kkg_71", dn = "_contrast_11kkg_75", un = "_primary_11kkg_79", _n = "_secondary_11kkg_80", pn = "_tertiary_11kkg_81", fn = "_gray_11kkg_91", gn = "_spaceBetween_11kkg_119", hn = "_rightGroup_11kkg_119", bn = "_withSubcaption_11kkg_127", mn = "_label_11kkg_139", xn = "_icon_11kkg_148", yn = "_labelText_11kkg_153", vn = "_isLink_11kkg_159", Cn = "_iconOnly_11kkg_174", wn = "_stretched_11kkg_190", Sn = "_postfix_11kkg_195", kn = "_underline_11kkg_225", Ln = "_backButton_11kkg_428", jn = "_warning_11kkg_1159", $n = "_subcaption_11kkg_1389", Tn = "_content_11kkg_1394", En = "_contentHidden_11kkg_1398", Rn = "_loaderWrapper_11kkg_1402", In = "_l_11kkg_22", Nn = "_m_11kkg_1441", Mn = "_s_11kkg_80", Bn = "_xs_11kkg_1484", An = "_noPaddings_11kkg_1506", Pn = "_iconRight_11kkg_1542", zn = "_spin_11kkg_1",
|
|
638
|
+
const Jr = (t) => t.as === "a", Qr = (t) => t.as === void 0 || t.as === "button", ze = (t) => t.displayAs === void 0 || t.displayAs === "button", tn = (t) => t.displayAs === "link", en = "_button_11kkg_1", rn = "_link_11kkg_22", nn = "_disabled_11kkg_27", on = "_loading_11kkg_27", an = "_neutral_11kkg_59", sn = "_accent_11kkg_63", ln = "_positive_11kkg_67", cn = "_negative_11kkg_71", dn = "_contrast_11kkg_75", un = "_primary_11kkg_79", _n = "_secondary_11kkg_80", pn = "_tertiary_11kkg_81", fn = "_gray_11kkg_91", gn = "_spaceBetween_11kkg_119", hn = "_rightGroup_11kkg_119", bn = "_withSubcaption_11kkg_127", mn = "_label_11kkg_139", xn = "_icon_11kkg_148", yn = "_labelText_11kkg_153", vn = "_isLink_11kkg_159", Cn = "_iconOnly_11kkg_174", wn = "_stretched_11kkg_190", Sn = "_postfix_11kkg_195", kn = "_underline_11kkg_225", Ln = "_backButton_11kkg_428", jn = "_warning_11kkg_1159", $n = "_subcaption_11kkg_1389", Tn = "_content_11kkg_1394", En = "_contentHidden_11kkg_1398", Rn = "_loaderWrapper_11kkg_1402", In = "_l_11kkg_22", Nn = "_m_11kkg_1441", Mn = "_s_11kkg_80", Bn = "_xs_11kkg_1484", An = "_noPaddings_11kkg_1506", Pn = "_iconRight_11kkg_1542", zn = "_spin_11kkg_1", z = {
|
|
639
639
|
button: en,
|
|
640
640
|
link: rn,
|
|
641
641
|
disabled: nn,
|
|
@@ -836,12 +836,12 @@ const Et = /* @__PURE__ */ Zr(eo), rr = G(
|
|
|
836
836
|
children: a,
|
|
837
837
|
className: l,
|
|
838
838
|
style: c,
|
|
839
|
-
"data-testid":
|
|
839
|
+
"data-testid": _,
|
|
840
840
|
...p
|
|
841
|
-
} = t,
|
|
842
|
-
return /* @__PURE__ */ o.jsxs("div", { ref: r, className:
|
|
841
|
+
} = t, d = Et(Ht.container, l);
|
|
842
|
+
return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid": _, ...p, children: [
|
|
843
843
|
a,
|
|
844
|
-
n && /* @__PURE__ */ o.jsx("div", { className: Ht.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: s, variant: i, "data-testid": `${
|
|
844
|
+
n && /* @__PURE__ */ o.jsx("div", { className: Ht.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: s, variant: i, "data-testid": `${_}-spinner` }) })
|
|
845
845
|
] });
|
|
846
846
|
}), nr = G((t, r) => t.children ? /* @__PURE__ */ o.jsx(
|
|
847
847
|
ro,
|
|
@@ -908,30 +908,30 @@ const Et = /* @__PURE__ */ Zr(eo), rr = G(
|
|
|
908
908
|
size: a,
|
|
909
909
|
isAsButton: l
|
|
910
910
|
}) => {
|
|
911
|
-
const c = !!(i && l && a === "l"),
|
|
911
|
+
const c = !!(i && l && a === "l"), _ = !!(!n && l && r), p = l && !!(c && !n && s || s && !c);
|
|
912
912
|
return /* @__PURE__ */ o.jsxs(Vt, { children: [
|
|
913
913
|
c && n && /* @__PURE__ */ o.jsxs(Vt, { children: [
|
|
914
|
-
/* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className:
|
|
914
|
+
/* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: L(z.label, z.labelText), children: n }),
|
|
915
915
|
/* @__PURE__ */ o.jsx(
|
|
916
916
|
"span",
|
|
917
917
|
{
|
|
918
918
|
"data-testid": "button-subcaption",
|
|
919
|
-
className:
|
|
919
|
+
className: L(z.subcaption, U["typography-label-4-regular"]),
|
|
920
920
|
children: i
|
|
921
921
|
}
|
|
922
922
|
)
|
|
923
923
|
] }),
|
|
924
|
-
!c && n && /* @__PURE__ */ o.jsxs("span", { "data-testid": "button-label", className:
|
|
925
|
-
r && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-left-icon", className:
|
|
926
|
-
/* @__PURE__ */ o.jsx("span", { className:
|
|
927
|
-
!l && t && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className:
|
|
924
|
+
!c && n && /* @__PURE__ */ o.jsxs("span", { "data-testid": "button-label", className: z.label, children: [
|
|
925
|
+
r && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-left-icon", className: z.icon, children: r }),
|
|
926
|
+
/* @__PURE__ */ o.jsx("span", { className: L(z.labelText, { [z.isLink]: !l }), children: n }),
|
|
927
|
+
!l && t && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: L(z.icon, z.iconRight), children: t })
|
|
928
928
|
] }),
|
|
929
|
-
|
|
930
|
-
p && /* @__PURE__ */ o.jsx("div", { "data-testid": "button-right-group", className:
|
|
929
|
+
_ && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: z.icon, children: l ? r : t }),
|
|
930
|
+
p && /* @__PURE__ */ o.jsx("div", { "data-testid": "button-right-group", className: z.rightGroup, children: /* @__PURE__ */ o.jsx(
|
|
931
931
|
"span",
|
|
932
932
|
{
|
|
933
933
|
"data-testid": "button-postfix",
|
|
934
|
-
className:
|
|
934
|
+
className: L(z.postfix, U["typography-subtitle-2-semibold"]),
|
|
935
935
|
children: s
|
|
936
936
|
}
|
|
937
937
|
) })
|
|
@@ -944,34 +944,34 @@ const Et = /* @__PURE__ */ Zr(eo), rr = G(
|
|
|
944
944
|
disabled: a = !1,
|
|
945
945
|
className: l,
|
|
946
946
|
children: c,
|
|
947
|
-
tabIndex:
|
|
948
|
-
} = t, p = n === "tertiary",
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
947
|
+
tabIndex: _
|
|
948
|
+
} = t, p = n === "tertiary", d = ze(t), h = tn(t), m = p && "paddings" in t ? t.paddings ?? !0 : !0, b = d ? t.subcaption : void 0, y = d ? t.postfix : void 0, w = d ? t.stretched : void 0, g = !(h && t.size === void 0), x = h && g ? t.iconLeft : void 0, u = h && g ? t.iconRight : void 0, v = !!(d && "loading" in t && t.loading), S = d ? a : a || v, $ = !S && !v, k = d ? t.iconLeft : void 0, T = !!(!c && (d && k && !y || h && u)), R = typeof w == "object" ? w.justify === "space-between" : void 0, I = so(s), F = U[I], q = h ? Fn(t.size ?? "m") : void 0, D = q ? U[q] : void 0, j = Wn(S, n, i), A = S || v ? -1 : _, W = L(
|
|
949
|
+
z.button,
|
|
950
|
+
z[s],
|
|
951
|
+
z[n],
|
|
952
|
+
z[i],
|
|
953
|
+
h && D,
|
|
954
|
+
d && F,
|
|
955
955
|
{
|
|
956
|
-
[
|
|
957
|
-
[
|
|
958
|
-
[
|
|
959
|
-
[
|
|
960
|
-
[
|
|
961
|
-
[
|
|
962
|
-
[
|
|
963
|
-
[
|
|
964
|
-
[
|
|
956
|
+
[z.disabled]: S,
|
|
957
|
+
[z.loading]: d && "loading" in t && t.loading,
|
|
958
|
+
[z.stretched]: w,
|
|
959
|
+
[z.spaceBetween]: R,
|
|
960
|
+
[z.withSubcaption]: !!(b && s === "l" && c),
|
|
961
|
+
[z.iconOnly]: T,
|
|
962
|
+
[z.link]: h,
|
|
963
|
+
[z.underline]: h && "showUnderline" in t && t.showUnderline,
|
|
964
|
+
[z.noPaddings]: p && d && !m
|
|
965
965
|
},
|
|
966
966
|
l
|
|
967
967
|
), H = {
|
|
968
|
-
iconRight:
|
|
969
|
-
iconLeft:
|
|
968
|
+
iconRight: u,
|
|
969
|
+
iconLeft: d ? k : x,
|
|
970
970
|
children: c,
|
|
971
971
|
postfix: y,
|
|
972
|
-
subcaption:
|
|
972
|
+
subcaption: b,
|
|
973
973
|
size: s,
|
|
974
|
-
isAsButton:
|
|
974
|
+
isAsButton: d
|
|
975
975
|
};
|
|
976
976
|
if (Jr(t)) {
|
|
977
977
|
const { href: X, onClick: K, style: at, target: rt, rel: J, "data-testid": st, ...it } = t, St = Oe(it), vt = rt ?? (t.isExternal ? "_blank" : void 0);
|
|
@@ -1023,8 +1023,8 @@ const Et = /* @__PURE__ */ Zr(eo), rr = G(
|
|
|
1023
1023
|
style: at,
|
|
1024
1024
|
...st,
|
|
1025
1025
|
children: [
|
|
1026
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1027
|
-
v && /* @__PURE__ */ o.jsx("div", { className:
|
|
1026
|
+
/* @__PURE__ */ o.jsx("div", { className: L(z.content, { [z.contentHidden]: v }), children: /* @__PURE__ */ o.jsx(Fe, { ...H }) }),
|
|
1027
|
+
v && /* @__PURE__ */ o.jsx("div", { className: z.loaderWrapper, children: /* @__PURE__ */ o.jsx(
|
|
1028
1028
|
nr,
|
|
1029
1029
|
{
|
|
1030
1030
|
variant: j,
|
|
@@ -1049,7 +1049,7 @@ const or = G(
|
|
|
1049
1049
|
buttonStyle: "neutral",
|
|
1050
1050
|
size: "m",
|
|
1051
1051
|
iconLeft: n ?? /* @__PURE__ */ o.jsx(oo, {}),
|
|
1052
|
-
className:
|
|
1052
|
+
className: L(z.backButton, U["typography-subtitle-1-semibold"], s)
|
|
1053
1053
|
};
|
|
1054
1054
|
return /* @__PURE__ */ o.jsx(ye, { ref: r, ...l });
|
|
1055
1055
|
}
|
|
@@ -1152,26 +1152,26 @@ const So = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1152
1152
|
isDisabled: a = !1,
|
|
1153
1153
|
shape: l = "circle",
|
|
1154
1154
|
variant: c = "filled",
|
|
1155
|
-
placeholderType:
|
|
1155
|
+
placeholderType: _ = "neutral",
|
|
1156
1156
|
name: p,
|
|
1157
|
-
imgSrc:
|
|
1158
|
-
imgAlt:
|
|
1157
|
+
imgSrc: d,
|
|
1158
|
+
imgAlt: h,
|
|
1159
1159
|
icon: m,
|
|
1160
|
-
imgProps:
|
|
1160
|
+
imgProps: b,
|
|
1161
1161
|
colorScheme: y,
|
|
1162
1162
|
className: w,
|
|
1163
|
-
"data-testid":
|
|
1164
|
-
...
|
|
1165
|
-
} = t, { onClick:
|
|
1163
|
+
"data-testid": g,
|
|
1164
|
+
...x
|
|
1165
|
+
} = t, { onClick: u, onPointerDown: v } = x, $ = !a && !i && (!!u || !!v), [k, T] = pt(!1);
|
|
1166
1166
|
ot(() => {
|
|
1167
|
-
|
|
1168
|
-
}, [
|
|
1169
|
-
const R =
|
|
1167
|
+
d && T(!1);
|
|
1168
|
+
}, [d]);
|
|
1169
|
+
const R = d && !k ? "image" : m ? "icon" : p ? "name" : "placeholder", I = y || R === "name" && mo(p) || "gray", F = wo(s), q = vo(s, l), D = L(
|
|
1170
1170
|
w,
|
|
1171
1171
|
wt.avatar,
|
|
1172
1172
|
wt[`variant-${c}`],
|
|
1173
1173
|
wt[`color-${I}`],
|
|
1174
|
-
U[
|
|
1174
|
+
U[F],
|
|
1175
1175
|
{
|
|
1176
1176
|
[wt.disabled]: a,
|
|
1177
1177
|
[wt.loading]: i,
|
|
@@ -1182,53 +1182,53 @@ const So = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1182
1182
|
"--avatar-border-radius": `${q}px`,
|
|
1183
1183
|
...n
|
|
1184
1184
|
}, A = {
|
|
1185
|
-
icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title:
|
|
1185
|
+
icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: h || void 0, role: "img", className: wt.icon, children: m == null ? void 0 : m({}) }),
|
|
1186
1186
|
name: () => /* @__PURE__ */ o.jsx(
|
|
1187
1187
|
"span",
|
|
1188
1188
|
{
|
|
1189
1189
|
role: "textbox",
|
|
1190
1190
|
"data-testid": "avatar-name",
|
|
1191
1191
|
className: wt.name,
|
|
1192
|
-
title:
|
|
1192
|
+
title: h || void 0,
|
|
1193
1193
|
children: xo(p || "")
|
|
1194
1194
|
}
|
|
1195
1195
|
),
|
|
1196
1196
|
placeholder: () => /* @__PURE__ */ o.jsx(
|
|
1197
1197
|
"img",
|
|
1198
1198
|
{
|
|
1199
|
-
...
|
|
1199
|
+
...b,
|
|
1200
1200
|
"data-testid": "avatar-placeholder",
|
|
1201
1201
|
className: wt.image,
|
|
1202
|
-
src: $o[
|
|
1203
|
-
alt:
|
|
1202
|
+
src: $o[_],
|
|
1203
|
+
alt: h || void 0
|
|
1204
1204
|
}
|
|
1205
1205
|
),
|
|
1206
1206
|
image: () => /* @__PURE__ */ o.jsx(
|
|
1207
1207
|
"img",
|
|
1208
1208
|
{
|
|
1209
1209
|
"data-testid": "avatar-image",
|
|
1210
|
-
...
|
|
1210
|
+
...b,
|
|
1211
1211
|
className: wt.image,
|
|
1212
|
-
src:
|
|
1213
|
-
alt:
|
|
1214
|
-
onLoad: () =>
|
|
1212
|
+
src: d || void 0,
|
|
1213
|
+
alt: h || void 0,
|
|
1214
|
+
onLoad: () => T(!1),
|
|
1215
1215
|
onError: (H) => {
|
|
1216
1216
|
var X;
|
|
1217
|
-
|
|
1217
|
+
T(!0), (X = b == null ? void 0 : b.onError) == null || X.call(b, H);
|
|
1218
1218
|
}
|
|
1219
1219
|
}
|
|
1220
1220
|
)
|
|
1221
1221
|
}, W = (H) => {
|
|
1222
|
-
$ && (
|
|
1222
|
+
$ && (u == null || u(H));
|
|
1223
1223
|
};
|
|
1224
1224
|
return /* @__PURE__ */ o.jsx(
|
|
1225
1225
|
"div",
|
|
1226
1226
|
{
|
|
1227
1227
|
ref: r,
|
|
1228
1228
|
onClick: W,
|
|
1229
|
-
className:
|
|
1229
|
+
className: D,
|
|
1230
1230
|
style: j,
|
|
1231
|
-
"data-testid":
|
|
1231
|
+
"data-testid": g,
|
|
1232
1232
|
"aria-disabled": a || i,
|
|
1233
1233
|
children: A[R](null)
|
|
1234
1234
|
}
|
|
@@ -1281,22 +1281,22 @@ const Bo = 2, Ao = (t) => {
|
|
|
1281
1281
|
overflowCount: a = 0,
|
|
1282
1282
|
overflowProps: l,
|
|
1283
1283
|
cutoutBackground: c
|
|
1284
|
-
} = t, p = -(n * s) + Bo, { ref:
|
|
1284
|
+
} = t, p = -(n * s) + Bo, { ref: d, bgColor: h } = ve(), m = c || h || "#ffffff", b = Et(Eo.avatarGroup), y = {
|
|
1285
1285
|
"--avatar-cutout-bg": m
|
|
1286
1286
|
};
|
|
1287
|
-
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className:
|
|
1288
|
-
r.map((w,
|
|
1287
|
+
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: b, ref: d, style: y, children: [
|
|
1288
|
+
r.map((w, g) => {
|
|
1289
1289
|
if (w.wrapper) {
|
|
1290
|
-
const
|
|
1290
|
+
const x = w.wrapper;
|
|
1291
1291
|
return /* @__PURE__ */ o.jsx(
|
|
1292
1292
|
"div",
|
|
1293
1293
|
{
|
|
1294
1294
|
style: {
|
|
1295
1295
|
marginRight: p
|
|
1296
1296
|
},
|
|
1297
|
-
children: /* @__PURE__ */ o.jsx(
|
|
1297
|
+
children: /* @__PURE__ */ o.jsx(x, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w }) })
|
|
1298
1298
|
},
|
|
1299
|
-
ee(w) +
|
|
1299
|
+
ee(w) + g
|
|
1300
1300
|
);
|
|
1301
1301
|
}
|
|
1302
1302
|
return /* @__PURE__ */ o.jsx(
|
|
@@ -1307,7 +1307,7 @@ const Bo = 2, Ao = (t) => {
|
|
|
1307
1307
|
},
|
|
1308
1308
|
children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w })
|
|
1309
1309
|
},
|
|
1310
|
-
ee(w) +
|
|
1310
|
+
ee(w) + g
|
|
1311
1311
|
);
|
|
1312
1312
|
}),
|
|
1313
1313
|
a > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: p }, children: /* @__PURE__ */ o.jsx(
|
|
@@ -1388,43 +1388,40 @@ function ar({
|
|
|
1388
1388
|
open: t,
|
|
1389
1389
|
onOpenChange: r,
|
|
1390
1390
|
placement: n = "center",
|
|
1391
|
-
|
|
1392
|
-
disableEscapeKey: i = !1
|
|
1391
|
+
disableEscapeKey: s = !1
|
|
1393
1392
|
}) {
|
|
1394
|
-
const
|
|
1395
|
-
(
|
|
1396
|
-
r == null || r(
|
|
1393
|
+
const i = ht(
|
|
1394
|
+
(y) => {
|
|
1395
|
+
r == null || r(y);
|
|
1397
1396
|
},
|
|
1398
1397
|
[r]
|
|
1399
|
-
),
|
|
1398
|
+
), a = Do(n), { context: l, refs: c } = zr({
|
|
1400
1399
|
open: t,
|
|
1401
|
-
onOpenChange:
|
|
1402
|
-
placement:
|
|
1403
|
-
}),
|
|
1400
|
+
onOpenChange: i,
|
|
1401
|
+
placement: a
|
|
1402
|
+
}), _ = Fo(n), { isMounted: p, styles: d } = Or(l, {
|
|
1404
1403
|
duration: 200,
|
|
1405
1404
|
common: {
|
|
1406
1405
|
transitionProperty: "opacity, transform",
|
|
1407
1406
|
transitionTimingFunction: "ease-in-out",
|
|
1408
|
-
transformOrigin:
|
|
1407
|
+
transformOrigin: a ?? "center",
|
|
1409
1408
|
position: "fixed",
|
|
1410
1409
|
opacity: 0
|
|
1411
1410
|
},
|
|
1412
|
-
...
|
|
1413
|
-
}),
|
|
1414
|
-
|
|
1415
|
-
|
|
1416
|
-
|
|
1417
|
-
escapeKey: !i
|
|
1418
|
-
}), x = Fr(c, { role: "dialog" }), { getFloatingProps: y } = Wr([m, x]);
|
|
1411
|
+
..._
|
|
1412
|
+
}), h = Dr(l, {
|
|
1413
|
+
escapeKey: !s,
|
|
1414
|
+
outsidePress: !1
|
|
1415
|
+
}), m = Fr(l, { role: "dialog" }), { getFloatingProps: b } = Wr([h, m]);
|
|
1419
1416
|
return te(
|
|
1420
1417
|
() => ({
|
|
1421
|
-
isMounted:
|
|
1422
|
-
transitionStyles:
|
|
1423
|
-
context:
|
|
1424
|
-
refs:
|
|
1425
|
-
getFloatingProps:
|
|
1418
|
+
isMounted: p,
|
|
1419
|
+
transitionStyles: d,
|
|
1420
|
+
context: l,
|
|
1421
|
+
refs: c,
|
|
1422
|
+
getFloatingProps: b
|
|
1426
1423
|
}),
|
|
1427
|
-
[
|
|
1424
|
+
[p, d, l, c, b]
|
|
1428
1425
|
);
|
|
1429
1426
|
}
|
|
1430
1427
|
const Wo = 80;
|
|
@@ -1432,99 +1429,97 @@ function Ho({
|
|
|
1432
1429
|
open: t,
|
|
1433
1430
|
onOpenChange: r,
|
|
1434
1431
|
placement: n = "center",
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
closeOnDrag: a
|
|
1432
|
+
disableEscapeKey: s = !1,
|
|
1433
|
+
closeOnDrag: i
|
|
1438
1434
|
}) {
|
|
1439
|
-
const { getFloatingProps:
|
|
1435
|
+
const { getFloatingProps: a, transitionStyles: l, isMounted: c, context: _, refs: p } = ar({
|
|
1440
1436
|
open: t,
|
|
1441
1437
|
onOpenChange: r,
|
|
1442
1438
|
placement: n,
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
}), g = Dt({ startX: 0, startY: 0, dragging: !1 }), [m, x] = pt(0), y = a == null ? void 0 : a.direction, w = (a == null ? void 0 : a.threshold) ?? Wo, h = y === "top" || y === "bottom", b = t && !!y;
|
|
1439
|
+
disableEscapeKey: s
|
|
1440
|
+
}), d = Dt({ startX: 0, startY: 0, dragging: !1 }), [h, m] = pt(0), b = i == null ? void 0 : i.direction, y = (i == null ? void 0 : i.threshold) ?? Wo, w = b === "top" || b === "bottom", g = t && !!b;
|
|
1446
1441
|
ot(() => {
|
|
1447
|
-
t || (
|
|
1442
|
+
t || (d.current.dragging = !1, m(0));
|
|
1448
1443
|
}, [t]);
|
|
1449
|
-
const
|
|
1450
|
-
(
|
|
1451
|
-
if (
|
|
1452
|
-
|
|
1444
|
+
const x = ht(
|
|
1445
|
+
(k) => {
|
|
1446
|
+
if (g) {
|
|
1447
|
+
d.current.dragging = !0, d.current.startX = k.clientX, d.current.startY = k.clientY, m(0);
|
|
1453
1448
|
try {
|
|
1454
|
-
|
|
1449
|
+
k.currentTarget.setPointerCapture(k.pointerId);
|
|
1455
1450
|
} catch {
|
|
1456
1451
|
}
|
|
1457
1452
|
}
|
|
1458
1453
|
},
|
|
1459
|
-
[
|
|
1460
|
-
),
|
|
1461
|
-
(
|
|
1462
|
-
if (!
|
|
1463
|
-
const
|
|
1464
|
-
let
|
|
1465
|
-
switch (
|
|
1454
|
+
[g]
|
|
1455
|
+
), u = ht(
|
|
1456
|
+
(k) => {
|
|
1457
|
+
if (!d.current.dragging || !g) return;
|
|
1458
|
+
const T = k.clientX - d.current.startX, R = k.clientY - d.current.startY;
|
|
1459
|
+
let I;
|
|
1460
|
+
switch (b) {
|
|
1466
1461
|
case "bottom":
|
|
1467
|
-
|
|
1462
|
+
I = Math.max(0, R);
|
|
1468
1463
|
break;
|
|
1469
1464
|
case "top":
|
|
1470
|
-
|
|
1465
|
+
I = Math.max(0, -R);
|
|
1471
1466
|
break;
|
|
1472
1467
|
case "right":
|
|
1473
|
-
|
|
1468
|
+
I = Math.max(0, T);
|
|
1474
1469
|
break;
|
|
1475
1470
|
case "left":
|
|
1476
|
-
|
|
1471
|
+
I = Math.max(0, -T);
|
|
1477
1472
|
break;
|
|
1478
1473
|
default:
|
|
1479
|
-
|
|
1474
|
+
I = w ? R : T;
|
|
1480
1475
|
}
|
|
1481
|
-
|
|
1476
|
+
m(I);
|
|
1482
1477
|
},
|
|
1483
|
-
[
|
|
1484
|
-
),
|
|
1485
|
-
(
|
|
1486
|
-
var
|
|
1487
|
-
if (!(!
|
|
1488
|
-
|
|
1478
|
+
[g, b, w]
|
|
1479
|
+
), v = ht(
|
|
1480
|
+
(k) => {
|
|
1481
|
+
var T, R;
|
|
1482
|
+
if (!(!d.current.dragging || !g)) {
|
|
1483
|
+
d.current.dragging = !1;
|
|
1489
1484
|
try {
|
|
1490
|
-
(
|
|
1485
|
+
(R = (T = k.currentTarget).hasPointerCapture) != null && R.call(T, k.pointerId) && k.currentTarget.releasePointerCapture(k.pointerId);
|
|
1491
1486
|
} catch {
|
|
1492
1487
|
}
|
|
1493
|
-
|
|
1488
|
+
h >= y ? r(!1) : m(0);
|
|
1494
1489
|
}
|
|
1495
1490
|
},
|
|
1496
|
-
[
|
|
1497
|
-
),
|
|
1498
|
-
if (!
|
|
1499
|
-
if (
|
|
1500
|
-
const
|
|
1501
|
-
if (
|
|
1502
|
-
const
|
|
1503
|
-
|
|
1491
|
+
[h, y, r, g]
|
|
1492
|
+
), S = te(() => {
|
|
1493
|
+
if (!g) return l;
|
|
1494
|
+
if (d.current.dragging) {
|
|
1495
|
+
const k = { ...l, transitionProperty: "none" };
|
|
1496
|
+
if (h > 0) {
|
|
1497
|
+
const T = b === "left" || b === "top" ? -h : h;
|
|
1498
|
+
k.transform = w ? `translateY(${T}px)` : `translateX(${T}px)`;
|
|
1504
1499
|
}
|
|
1505
|
-
return
|
|
1500
|
+
return k;
|
|
1506
1501
|
}
|
|
1507
|
-
return
|
|
1508
|
-
}, [
|
|
1509
|
-
(
|
|
1510
|
-
...
|
|
1511
|
-
onPointerDown:
|
|
1512
|
-
onPointerMove:
|
|
1513
|
-
onPointerUp:
|
|
1514
|
-
onPointerCancel:
|
|
1502
|
+
return l;
|
|
1503
|
+
}, [l, h, g, w, b]), $ = ht(
|
|
1504
|
+
(k) => a(g ? {
|
|
1505
|
+
...k,
|
|
1506
|
+
onPointerDown: x,
|
|
1507
|
+
onPointerMove: u,
|
|
1508
|
+
onPointerUp: v,
|
|
1509
|
+
onPointerCancel: v
|
|
1515
1510
|
// Отмена (например, уход фокуса) также завершает перетаскивание
|
|
1516
|
-
} :
|
|
1517
|
-
[
|
|
1511
|
+
} : k),
|
|
1512
|
+
[a, x, u, v, g]
|
|
1518
1513
|
);
|
|
1519
1514
|
return te(
|
|
1520
1515
|
() => ({
|
|
1521
|
-
isMounted:
|
|
1522
|
-
context:
|
|
1523
|
-
refs:
|
|
1524
|
-
transitionStyles:
|
|
1525
|
-
getFloatingProps:
|
|
1516
|
+
isMounted: c,
|
|
1517
|
+
context: _,
|
|
1518
|
+
refs: p,
|
|
1519
|
+
transitionStyles: S,
|
|
1520
|
+
getFloatingProps: $
|
|
1526
1521
|
}),
|
|
1527
|
-
[
|
|
1522
|
+
[c, S, $, _, p]
|
|
1528
1523
|
);
|
|
1529
1524
|
}
|
|
1530
1525
|
const sr = G((t, r) => {
|
|
@@ -1535,60 +1530,61 @@ const sr = G((t, r) => {
|
|
|
1535
1530
|
overlayProps: a,
|
|
1536
1531
|
portalProps: l,
|
|
1537
1532
|
children: c,
|
|
1538
|
-
disableOutsideClick:
|
|
1533
|
+
disableOutsideClick: _ = !1,
|
|
1539
1534
|
disableEscapeKey: p = !1,
|
|
1540
|
-
disableOverlay:
|
|
1541
|
-
closeOnDrag:
|
|
1535
|
+
disableOverlay: d = !1,
|
|
1536
|
+
closeOnDrag: h,
|
|
1542
1537
|
className: m,
|
|
1543
|
-
style:
|
|
1538
|
+
style: b,
|
|
1544
1539
|
"data-testid": y,
|
|
1545
1540
|
...w
|
|
1546
1541
|
} = t;
|
|
1547
1542
|
s === void 0 && process.env.NODE_ENV !== "production" && console.error(
|
|
1548
1543
|
"Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
|
|
1549
1544
|
);
|
|
1550
|
-
const
|
|
1545
|
+
const g = h ? Ho({
|
|
1551
1546
|
open: s,
|
|
1552
1547
|
onOpenChange: i,
|
|
1553
1548
|
placement: n,
|
|
1554
|
-
disableOutsideClick: u,
|
|
1555
1549
|
disableEscapeKey: p,
|
|
1556
|
-
closeOnDrag:
|
|
1550
|
+
closeOnDrag: h
|
|
1557
1551
|
}) : ar({
|
|
1558
1552
|
open: s,
|
|
1559
1553
|
onOpenChange: i,
|
|
1560
1554
|
placement: n,
|
|
1561
|
-
disableOutsideClick: u,
|
|
1562
1555
|
disableEscapeKey: p
|
|
1563
|
-
}), { isMounted:
|
|
1564
|
-
|
|
1556
|
+
}), { isMounted: x, transitionStyles: u } = g, v = Hr([r, g.refs.setFloating]), S = () => {
|
|
1557
|
+
_ || i(!1);
|
|
1558
|
+
};
|
|
1559
|
+
return x ? (
|
|
1565
1560
|
// `FloatingPortal` рендерит диалог в корне `document.body`,
|
|
1566
1561
|
// чтобы избежать проблем с z-index и overflow.
|
|
1567
1562
|
/* @__PURE__ */ o.jsxs(Vr, { ...l, children: [
|
|
1568
|
-
!
|
|
1563
|
+
!d && /* @__PURE__ */ o.jsx(
|
|
1569
1564
|
qr,
|
|
1570
1565
|
{
|
|
1566
|
+
onPointerDown: S,
|
|
1571
1567
|
"data-testid": "dialog-overlay",
|
|
1572
|
-
className:
|
|
1568
|
+
className: L(ue.overlay, a == null ? void 0 : a.className),
|
|
1573
1569
|
lockScroll: (a == null ? void 0 : a.lockScroll) ?? !0,
|
|
1574
1570
|
style: {
|
|
1575
1571
|
// Стили для анимации прозрачности оверлея
|
|
1576
|
-
opacity:
|
|
1577
|
-
transition:
|
|
1572
|
+
opacity: u == null ? void 0 : u.opacity,
|
|
1573
|
+
transition: u == null ? void 0 : u.transition,
|
|
1578
1574
|
...a == null ? void 0 : a.style
|
|
1579
1575
|
}
|
|
1580
1576
|
}
|
|
1581
1577
|
),
|
|
1582
|
-
/* @__PURE__ */ o.jsx(Xr, { context:
|
|
1578
|
+
/* @__PURE__ */ o.jsx(Xr, { context: g.context, children: /* @__PURE__ */ o.jsx(
|
|
1583
1579
|
"div",
|
|
1584
1580
|
{
|
|
1585
1581
|
ref: v,
|
|
1586
1582
|
"aria-modal": "true",
|
|
1587
1583
|
role: "dialog",
|
|
1588
|
-
className:
|
|
1589
|
-
style: { ...
|
|
1584
|
+
className: L(m, ue.container, ue[`placement-${n}`]),
|
|
1585
|
+
style: { ...b, ...u },
|
|
1590
1586
|
"data-testid": y,
|
|
1591
|
-
...
|
|
1587
|
+
...g.getFloatingProps(w),
|
|
1592
1588
|
children: c
|
|
1593
1589
|
}
|
|
1594
1590
|
) })
|
|
@@ -1644,20 +1640,20 @@ const sr = G((t, r) => {
|
|
|
1644
1640
|
"data-testid": a,
|
|
1645
1641
|
as: l,
|
|
1646
1642
|
fontWeight: c = "semibold",
|
|
1647
|
-
disabled:
|
|
1643
|
+
disabled: _ = !1,
|
|
1648
1644
|
typographyStyle: p = "primary",
|
|
1649
|
-
...
|
|
1650
|
-
},
|
|
1651
|
-
const m = l || da[n],
|
|
1645
|
+
...d
|
|
1646
|
+
}, h) => {
|
|
1647
|
+
const m = l || da[n], b = L(
|
|
1652
1648
|
Ot.typography,
|
|
1653
1649
|
U[`typography-${t}-${n}-${c}`],
|
|
1654
1650
|
Ot[p],
|
|
1655
1651
|
{
|
|
1656
|
-
[Ot.disabled]:
|
|
1652
|
+
[Ot.disabled]: _
|
|
1657
1653
|
},
|
|
1658
1654
|
i
|
|
1659
1655
|
);
|
|
1660
|
-
return s ? /* @__PURE__ */ o.jsx(m, { ref:
|
|
1656
|
+
return s ? /* @__PURE__ */ o.jsx(m, { ref: h, className: b, "data-testid": a, ...d, children: s }) : null;
|
|
1661
1657
|
}
|
|
1662
1658
|
);
|
|
1663
1659
|
return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
|
|
@@ -1670,26 +1666,26 @@ const sr = G((t, r) => {
|
|
|
1670
1666
|
"data-testid": a,
|
|
1671
1667
|
as: l = "p",
|
|
1672
1668
|
fontWeight: c = "regular",
|
|
1673
|
-
disabled:
|
|
1669
|
+
disabled: _ = !1,
|
|
1674
1670
|
typographyStyle: p = "primary",
|
|
1675
|
-
...
|
|
1676
|
-
},
|
|
1677
|
-
const m = l,
|
|
1671
|
+
...d
|
|
1672
|
+
}, h) => {
|
|
1673
|
+
const m = l, b = L(
|
|
1678
1674
|
Ot.typography,
|
|
1679
1675
|
U[`typography-${t}-${n}-${c}`],
|
|
1680
1676
|
Ot[p],
|
|
1681
1677
|
{
|
|
1682
|
-
[Ot.disabled]:
|
|
1678
|
+
[Ot.disabled]: _
|
|
1683
1679
|
},
|
|
1684
1680
|
i
|
|
1685
1681
|
);
|
|
1686
1682
|
return s ? /* @__PURE__ */ o.jsx(
|
|
1687
1683
|
m,
|
|
1688
1684
|
{
|
|
1689
|
-
ref:
|
|
1690
|
-
className:
|
|
1685
|
+
ref: h,
|
|
1686
|
+
className: b,
|
|
1691
1687
|
"data-testid": a,
|
|
1692
|
-
...
|
|
1688
|
+
...d,
|
|
1693
1689
|
children: s
|
|
1694
1690
|
}
|
|
1695
1691
|
) : null;
|
|
@@ -1723,18 +1719,18 @@ const sr = G((t, r) => {
|
|
|
1723
1719
|
placement: a = "default",
|
|
1724
1720
|
showCloseButton: l = !0,
|
|
1725
1721
|
closeButtonProps: c,
|
|
1726
|
-
title:
|
|
1722
|
+
title: _,
|
|
1727
1723
|
subTitle: p,
|
|
1728
|
-
actions:
|
|
1729
|
-
children:
|
|
1724
|
+
actions: d,
|
|
1725
|
+
children: h,
|
|
1730
1726
|
footer: m,
|
|
1731
|
-
hideHeaderDivider:
|
|
1727
|
+
hideHeaderDivider: b,
|
|
1732
1728
|
hideFooterDivider: y,
|
|
1733
1729
|
className: w,
|
|
1734
|
-
classNames:
|
|
1735
|
-
styles:
|
|
1736
|
-
...
|
|
1737
|
-
} = t, v = pa.includes(a), S = !!(
|
|
1730
|
+
classNames: g,
|
|
1731
|
+
styles: x,
|
|
1732
|
+
...u
|
|
1733
|
+
} = t, v = pa.includes(a), S = !!(_ || p || d), $ = a === "bottom-sheet" ? { direction: "bottom", threshold: 80 } : t == null ? void 0 : t.closeOnDrag;
|
|
1738
1734
|
return /* @__PURE__ */ o.jsx(
|
|
1739
1735
|
sr,
|
|
1740
1736
|
{
|
|
@@ -1744,34 +1740,34 @@ const sr = G((t, r) => {
|
|
|
1744
1740
|
ref: r,
|
|
1745
1741
|
style: { width: i },
|
|
1746
1742
|
closeOnDrag: $,
|
|
1747
|
-
...
|
|
1743
|
+
...u,
|
|
1748
1744
|
children: /* @__PURE__ */ o.jsxs(
|
|
1749
1745
|
"div",
|
|
1750
1746
|
{
|
|
1751
|
-
className:
|
|
1752
|
-
style: { width: i, ...
|
|
1753
|
-
"data-testid":
|
|
1747
|
+
className: L(dt.container, w, g == null ? void 0 : g.container),
|
|
1748
|
+
style: { width: i, ...x == null ? void 0 : x.container },
|
|
1749
|
+
"data-testid": u["data-testid"] ? `${u["data-testid"]}-container` : void 0,
|
|
1754
1750
|
children: [
|
|
1755
1751
|
$ && /* @__PURE__ */ o.jsx(
|
|
1756
1752
|
"div",
|
|
1757
1753
|
{
|
|
1758
|
-
className:
|
|
1754
|
+
className: L(
|
|
1759
1755
|
dt.grabber,
|
|
1760
1756
|
dt[`grabber-${$.direction}`],
|
|
1761
|
-
|
|
1757
|
+
g == null ? void 0 : g.grabber
|
|
1762
1758
|
),
|
|
1763
1759
|
role: "presentation",
|
|
1764
1760
|
"aria-hidden": "true",
|
|
1765
|
-
"data-testid":
|
|
1761
|
+
"data-testid": u["data-testid"] ? `${u["data-testid"]}-grabber` : void 0
|
|
1766
1762
|
}
|
|
1767
1763
|
),
|
|
1768
|
-
S && /* @__PURE__ */ o.jsxs("div", { className:
|
|
1769
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1764
|
+
S && /* @__PURE__ */ o.jsxs("div", { className: L(dt.header, g == null ? void 0 : g.header), style: x == null ? void 0 : x.header, children: [
|
|
1765
|
+
/* @__PURE__ */ o.jsx("div", { className: L(dt.title, g == null ? void 0 : g.title), style: x == null ? void 0 : x.title, children: typeof _ == "string" ? /* @__PURE__ */ o.jsx(_a, { size: 5, className: dt["title-text"], children: _ }) : _ }),
|
|
1770
1766
|
/* @__PURE__ */ o.jsxs("div", { className: dt.actions, children: [
|
|
1771
|
-
|
|
1767
|
+
d,
|
|
1772
1768
|
l && /* @__PURE__ */ o.jsx(fa, { closeButtonProps: c, onOpenChange: s })
|
|
1773
1769
|
] }),
|
|
1774
|
-
p && /* @__PURE__ */ o.jsx("div", { className:
|
|
1770
|
+
p && /* @__PURE__ */ o.jsx("div", { className: L(dt.subTitle, g == null ? void 0 : g.subTitle), style: x == null ? void 0 : x.subTitle, children: typeof p == "string" ? /* @__PURE__ */ o.jsx(
|
|
1775
1771
|
ua,
|
|
1776
1772
|
{
|
|
1777
1773
|
size: 2,
|
|
@@ -1781,23 +1777,23 @@ const sr = G((t, r) => {
|
|
|
1781
1777
|
}
|
|
1782
1778
|
) : p })
|
|
1783
1779
|
] }),
|
|
1784
|
-
!
|
|
1780
|
+
!b && S && /* @__PURE__ */ o.jsx("hr", { className: dt.divider }),
|
|
1785
1781
|
/* @__PURE__ */ o.jsx(
|
|
1786
1782
|
"div",
|
|
1787
1783
|
{
|
|
1788
|
-
className:
|
|
1784
|
+
className: L(
|
|
1789
1785
|
v ? dt["content-for-side-drawer"] : dt.content,
|
|
1790
|
-
|
|
1786
|
+
g == null ? void 0 : g.content
|
|
1791
1787
|
),
|
|
1792
1788
|
style: {
|
|
1793
|
-
...
|
|
1789
|
+
...x == null ? void 0 : x.content
|
|
1794
1790
|
},
|
|
1795
|
-
"data-testid":
|
|
1796
|
-
children:
|
|
1791
|
+
"data-testid": u["data-testid"] ? `${u["data-testid"]}-content` : void 0,
|
|
1792
|
+
children: h
|
|
1797
1793
|
}
|
|
1798
1794
|
),
|
|
1799
1795
|
!y && m && /* @__PURE__ */ o.jsx("hr", { className: dt.divider }),
|
|
1800
|
-
m && /* @__PURE__ */ o.jsx("div", { className:
|
|
1796
|
+
m && /* @__PURE__ */ o.jsx("div", { className: L(dt.footer, g == null ? void 0 : g.footer), style: x == null ? void 0 : x.footer, children: m })
|
|
1801
1797
|
]
|
|
1802
1798
|
}
|
|
1803
1799
|
)
|
|
@@ -1926,22 +1922,22 @@ const Ta = (t) => {
|
|
|
1926
1922
|
classNames: a,
|
|
1927
1923
|
children: l,
|
|
1928
1924
|
"data-testid": c,
|
|
1929
|
-
size:
|
|
1930
|
-
} = t, p = $a(
|
|
1925
|
+
size: _ = "m"
|
|
1926
|
+
} = t, p = $a(_);
|
|
1931
1927
|
return /* @__PURE__ */ o.jsxs(
|
|
1932
1928
|
"div",
|
|
1933
1929
|
{
|
|
1934
|
-
className:
|
|
1930
|
+
className: L(At.container, a == null ? void 0 : a.container),
|
|
1935
1931
|
style: i == null ? void 0 : i.container,
|
|
1936
1932
|
"data-testid": c,
|
|
1937
1933
|
children: [
|
|
1938
|
-
r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className:
|
|
1939
|
-
(n || s) && /* @__PURE__ */ o.jsxs("div", { className:
|
|
1934
|
+
r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: L(At.iconSlot, a == null ? void 0 : a.iconSlot), children: r }),
|
|
1935
|
+
(n || s) && /* @__PURE__ */ o.jsxs("div", { className: L(At.textBlock, a == null ? void 0 : a.textBlock), children: [
|
|
1940
1936
|
n && /* @__PURE__ */ o.jsx(
|
|
1941
1937
|
"p",
|
|
1942
1938
|
{
|
|
1943
1939
|
style: i == null ? void 0 : i.title,
|
|
1944
|
-
className:
|
|
1940
|
+
className: L(At.title, U[p.title], a == null ? void 0 : a.title),
|
|
1945
1941
|
children: n
|
|
1946
1942
|
}
|
|
1947
1943
|
),
|
|
@@ -1949,12 +1945,12 @@ const Ta = (t) => {
|
|
|
1949
1945
|
"p",
|
|
1950
1946
|
{
|
|
1951
1947
|
style: i == null ? void 0 : i.subTitle,
|
|
1952
|
-
className:
|
|
1948
|
+
className: L(At.subtitle, U[p.subtitle], a == null ? void 0 : a.subTitle),
|
|
1953
1949
|
children: s
|
|
1954
1950
|
}
|
|
1955
1951
|
)
|
|
1956
1952
|
] }),
|
|
1957
|
-
l && /* @__PURE__ */ o.jsx("div", { className:
|
|
1953
|
+
l && /* @__PURE__ */ o.jsx("div", { className: L(At.children, a == null ? void 0 : a.children), children: l })
|
|
1958
1954
|
]
|
|
1959
1955
|
}
|
|
1960
1956
|
);
|
|
@@ -1967,18 +1963,18 @@ const Ta = (t) => {
|
|
|
1967
1963
|
title: a,
|
|
1968
1964
|
description: l,
|
|
1969
1965
|
children: c,
|
|
1970
|
-
variantAvatarProps:
|
|
1966
|
+
variantAvatarProps: _,
|
|
1971
1967
|
"data-testid": p
|
|
1972
|
-
} = t, { icon:
|
|
1968
|
+
} = t, { icon: d, colorScheme: h } = (Ut == null ? void 0 : Ut[i]) || Ut.info, b = i === "avatar" ? {
|
|
1973
1969
|
size: 48,
|
|
1974
1970
|
colorScheme: "gray",
|
|
1975
1971
|
variant: "light",
|
|
1976
1972
|
"data-testid": "alert-avatar",
|
|
1977
|
-
...
|
|
1973
|
+
..._
|
|
1978
1974
|
} : {
|
|
1979
1975
|
size: 48,
|
|
1980
|
-
icon:
|
|
1981
|
-
colorScheme:
|
|
1976
|
+
icon: d,
|
|
1977
|
+
colorScheme: h,
|
|
1982
1978
|
variant: "light",
|
|
1983
1979
|
style: { fontSize: 24, outline: "none" },
|
|
1984
1980
|
"data-testid": "alert-icon"
|
|
@@ -1997,7 +1993,7 @@ const Ta = (t) => {
|
|
|
1997
1993
|
title: a,
|
|
1998
1994
|
subTitle: l,
|
|
1999
1995
|
size: "m",
|
|
2000
|
-
iconSlot: /* @__PURE__ */ o.jsx(Po, { ...
|
|
1996
|
+
iconSlot: /* @__PURE__ */ o.jsx(Po, { ...b }),
|
|
2001
1997
|
children: c
|
|
2002
1998
|
}
|
|
2003
1999
|
)
|
|
@@ -2049,39 +2045,39 @@ const Ta = (t) => {
|
|
|
2049
2045
|
label: a,
|
|
2050
2046
|
isHidden: l = !1,
|
|
2051
2047
|
colorScheme: c = "red",
|
|
2052
|
-
size:
|
|
2048
|
+
size: _ = 20,
|
|
2053
2049
|
position: p = "top-right",
|
|
2054
|
-
positionOffset:
|
|
2055
|
-
cutoutBackground:
|
|
2050
|
+
positionOffset: d = { x: 0, y: 0 },
|
|
2051
|
+
cutoutBackground: h,
|
|
2056
2052
|
isDisabled: m,
|
|
2057
|
-
className:
|
|
2053
|
+
className: b,
|
|
2058
2054
|
"data-testid": y = "badge",
|
|
2059
2055
|
...w
|
|
2060
|
-
} = t, { onClick:
|
|
2061
|
-
|
|
2056
|
+
} = t, { onClick: g, onPointerDown: x } = w, { ref: u, bgColor: v } = ve(), S = h || v, k = !m && (!!g || !!x), T = Et(kt.badge__container, kt[`position-${p}`]), R = Et(
|
|
2057
|
+
b,
|
|
2062
2058
|
kt.badge__content,
|
|
2063
2059
|
kt[`color-${c}`],
|
|
2064
2060
|
kt[`variant-${i}`],
|
|
2065
2061
|
{
|
|
2066
2062
|
[kt.disabled]: m,
|
|
2067
2063
|
[kt.icon]: !!n,
|
|
2068
|
-
[kt.interactive]:
|
|
2064
|
+
[kt.interactive]: k
|
|
2069
2065
|
}
|
|
2070
2066
|
), I = {
|
|
2071
|
-
"--badge-height": `${
|
|
2072
|
-
"--badge-offset-x": `${
|
|
2073
|
-
"--badge-offset-y": `${
|
|
2067
|
+
"--badge-height": `${_}px`,
|
|
2068
|
+
"--badge-offset-x": `${d.x}px`,
|
|
2069
|
+
"--badge-offset-y": `${d.y}px`,
|
|
2074
2070
|
...S && { "--badge-cutout-bg": S },
|
|
2075
2071
|
...i === "transparent" && { "--badge-cutout-bg": "transparent" }
|
|
2076
|
-
},
|
|
2077
|
-
|
|
2072
|
+
}, F = (n == null ? void 0 : n({})) || a, q = (D) => {
|
|
2073
|
+
k && (g == null || g(D));
|
|
2078
2074
|
};
|
|
2079
|
-
return /* @__PURE__ */ o.jsxs("div", { className: kt.wrapper, ref:
|
|
2075
|
+
return /* @__PURE__ */ o.jsxs("div", { className: kt.wrapper, ref: u, "data-testid": y + "-wrapper", children: [
|
|
2080
2076
|
s,
|
|
2081
2077
|
!l && /* @__PURE__ */ o.jsx(
|
|
2082
2078
|
"span",
|
|
2083
2079
|
{
|
|
2084
|
-
className:
|
|
2080
|
+
className: T,
|
|
2085
2081
|
style: I,
|
|
2086
2082
|
"data-testid": y + "-container",
|
|
2087
2083
|
children: /* @__PURE__ */ o.jsx(
|
|
@@ -2093,7 +2089,7 @@ const Ta = (t) => {
|
|
|
2093
2089
|
"data-testid": y + "-content",
|
|
2094
2090
|
ref: r,
|
|
2095
2091
|
"aria-disabled": m,
|
|
2096
|
-
children:
|
|
2092
|
+
children: F
|
|
2097
2093
|
}
|
|
2098
2094
|
)
|
|
2099
2095
|
}
|
|
@@ -2132,25 +2128,25 @@ const Ta = (t) => {
|
|
|
2132
2128
|
isLoading: a = !1,
|
|
2133
2129
|
className: l,
|
|
2134
2130
|
"data-testid": c = "image",
|
|
2135
|
-
onError:
|
|
2131
|
+
onError: _,
|
|
2136
2132
|
onLoad: p,
|
|
2137
|
-
...
|
|
2138
|
-
} = t, [
|
|
2133
|
+
...d
|
|
2134
|
+
} = t, [h, m] = pt("loading"), b = h === "error", y = (a || h === "loading") && !b, w = h === "loaded" && !a, g = Et(
|
|
2139
2135
|
_e.image,
|
|
2140
2136
|
{
|
|
2141
2137
|
[_e.loading]: y
|
|
2142
2138
|
},
|
|
2143
2139
|
l
|
|
2144
|
-
),
|
|
2140
|
+
), x = ht(
|
|
2145
2141
|
(S) => {
|
|
2146
2142
|
m("loaded"), p == null || p(S);
|
|
2147
2143
|
},
|
|
2148
2144
|
[p]
|
|
2149
|
-
),
|
|
2145
|
+
), u = ht(
|
|
2150
2146
|
(S) => {
|
|
2151
|
-
m("error"),
|
|
2147
|
+
m("error"), _ == null || _(S);
|
|
2152
2148
|
},
|
|
2153
|
-
[
|
|
2149
|
+
[_]
|
|
2154
2150
|
), v = {
|
|
2155
2151
|
loader: /* @__PURE__ */ o.jsxs(Vt, { children: [
|
|
2156
2152
|
/* @__PURE__ */ o.jsx(nr, { size: 48, variant: "special", "data-testid": `${c}-loader` }),
|
|
@@ -2159,8 +2155,8 @@ const Ta = (t) => {
|
|
|
2159
2155
|
{
|
|
2160
2156
|
alt: n,
|
|
2161
2157
|
src: i,
|
|
2162
|
-
onLoad:
|
|
2163
|
-
onError:
|
|
2158
|
+
onLoad: x,
|
|
2159
|
+
onError: u,
|
|
2164
2160
|
style: { display: "none" }
|
|
2165
2161
|
}
|
|
2166
2162
|
)
|
|
@@ -2174,7 +2170,7 @@ const Ta = (t) => {
|
|
|
2174
2170
|
"data-testid": c,
|
|
2175
2171
|
loading: s,
|
|
2176
2172
|
src: i,
|
|
2177
|
-
className:
|
|
2173
|
+
className: g
|
|
2178
2174
|
}
|
|
2179
2175
|
)
|
|
2180
2176
|
};
|
|
@@ -2184,9 +2180,9 @@ const Ta = (t) => {
|
|
|
2184
2180
|
return;
|
|
2185
2181
|
}
|
|
2186
2182
|
m("loading");
|
|
2187
|
-
}, [i]), /* @__PURE__ */ o.jsxs("div", { className: _e.container, "data-testid": `${c}-container`, ...
|
|
2183
|
+
}, [i]), /* @__PURE__ */ o.jsxs("div", { className: _e.container, "data-testid": `${c}-container`, ...d, children: [
|
|
2188
2184
|
y && v.loader,
|
|
2189
|
-
|
|
2185
|
+
b && v.error,
|
|
2190
2186
|
w && v.image
|
|
2191
2187
|
] });
|
|
2192
2188
|
}), Fa = {}, ir = tr({
|
|
@@ -2239,7 +2235,7 @@ const Ta = (t) => {
|
|
|
2239
2235
|
"div",
|
|
2240
2236
|
{
|
|
2241
2237
|
"data-testid": "ConfigProvider-component",
|
|
2242
|
-
className:
|
|
2238
|
+
className: L(Ha, Va, qa, Xa, Ya, hs, U, s)
|
|
2243
2239
|
}
|
|
2244
2240
|
),
|
|
2245
2241
|
/* @__PURE__ */ o.jsx(ir.Provider, { value: { locale: t }, children: n })
|
|
@@ -2268,16 +2264,16 @@ const Ta = (t) => {
|
|
|
2268
2264
|
size: a = "medium",
|
|
2269
2265
|
disabled: l = !1,
|
|
2270
2266
|
showLabel: c = !!s,
|
|
2271
|
-
slotStart:
|
|
2267
|
+
slotStart: _,
|
|
2272
2268
|
slotEnd: p,
|
|
2273
|
-
slotStartWrapperProps:
|
|
2274
|
-
slotEndWrapperProps:
|
|
2269
|
+
slotStartWrapperProps: d = {},
|
|
2270
|
+
slotEndWrapperProps: h = {},
|
|
2275
2271
|
"data-testid": m
|
|
2276
|
-
} = t, { className:
|
|
2272
|
+
} = t, { className: b, ...y } = d, { className: w, ...g } = h;
|
|
2277
2273
|
return /* @__PURE__ */ o.jsxs(
|
|
2278
2274
|
"div",
|
|
2279
2275
|
{
|
|
2280
|
-
className:
|
|
2276
|
+
className: L(
|
|
2281
2277
|
It.tag,
|
|
2282
2278
|
It[a],
|
|
2283
2279
|
It[i],
|
|
@@ -2291,9 +2287,9 @@ const Ta = (t) => {
|
|
|
2291
2287
|
"data-testid": m || "tag-component",
|
|
2292
2288
|
ref: r,
|
|
2293
2289
|
children: [
|
|
2294
|
-
|
|
2295
|
-
c && /* @__PURE__ */ o.jsx("span", { className:
|
|
2296
|
-
p && /* @__PURE__ */ o.jsx("span", { className:
|
|
2290
|
+
_ && /* @__PURE__ */ o.jsx("span", { className: L([It.iconWrapper, b]), ...y, children: _ }),
|
|
2291
|
+
c && /* @__PURE__ */ o.jsx("span", { className: L([It.label]), children: s }),
|
|
2292
|
+
p && /* @__PURE__ */ o.jsx("span", { className: L([It.iconWrapper, w]), ...g, children: p })
|
|
2297
2293
|
]
|
|
2298
2294
|
}
|
|
2299
2295
|
);
|
|
@@ -2389,32 +2385,32 @@ const Ta = (t) => {
|
|
|
2389
2385
|
indeterminate: a = !1,
|
|
2390
2386
|
loading: l = !1,
|
|
2391
2387
|
error: c,
|
|
2392
|
-
disabled:
|
|
2388
|
+
disabled: _ = !1,
|
|
2393
2389
|
containerClassName: p,
|
|
2394
|
-
className:
|
|
2395
|
-
containerStyle:
|
|
2390
|
+
className: d,
|
|
2391
|
+
containerStyle: h,
|
|
2396
2392
|
style: m,
|
|
2397
|
-
children:
|
|
2393
|
+
children: b,
|
|
2398
2394
|
clickableLabel: y = !0,
|
|
2399
2395
|
tabIndex: w,
|
|
2400
|
-
onChange:
|
|
2401
|
-
"data-testid":
|
|
2402
|
-
} = t, [
|
|
2396
|
+
onChange: g,
|
|
2397
|
+
"data-testid": x = "checkbox"
|
|
2398
|
+
} = t, [u, v] = pt(!1), S = s ?? u, $ = _ || l, k = !!c, T = S || a, R = L(jt.container, jt[i], p), I = L(
|
|
2403
2399
|
jt.checkbox,
|
|
2404
2400
|
jt[i],
|
|
2405
2401
|
{
|
|
2406
|
-
[jt.error]:
|
|
2402
|
+
[jt.error]: k
|
|
2407
2403
|
},
|
|
2408
|
-
|
|
2409
|
-
),
|
|
2410
|
-
$ || (v(A.target.checked),
|
|
2404
|
+
d
|
|
2405
|
+
), F = (A) => {
|
|
2406
|
+
$ || (v(A.target.checked), g == null || g(A.target.checked, A));
|
|
2411
2407
|
}, q = (A) => {
|
|
2412
2408
|
if (A.key === "Enter" && !$) {
|
|
2413
2409
|
A.preventDefault();
|
|
2414
|
-
const W = !
|
|
2415
|
-
v(W),
|
|
2410
|
+
const W = !T;
|
|
2411
|
+
v(W), g == null || g(W);
|
|
2416
2412
|
}
|
|
2417
|
-
},
|
|
2413
|
+
}, D = (A) => {
|
|
2418
2414
|
y || A.preventDefault();
|
|
2419
2415
|
}, j = (A) => A.stopPropagation();
|
|
2420
2416
|
return /* @__PURE__ */ o.jsxs(
|
|
@@ -2422,8 +2418,8 @@ const Ta = (t) => {
|
|
|
2422
2418
|
{
|
|
2423
2419
|
className: R,
|
|
2424
2420
|
htmlFor: n,
|
|
2425
|
-
style:
|
|
2426
|
-
"data-testid":
|
|
2421
|
+
style: h,
|
|
2422
|
+
"data-testid": x,
|
|
2427
2423
|
"data-clickable-label": y,
|
|
2428
2424
|
children: [
|
|
2429
2425
|
/* @__PURE__ */ o.jsx("div", { className: jt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
|
|
@@ -2433,11 +2429,11 @@ const Ta = (t) => {
|
|
|
2433
2429
|
className: I,
|
|
2434
2430
|
style: m,
|
|
2435
2431
|
onKeyDown: q,
|
|
2436
|
-
"aria-checked":
|
|
2432
|
+
"aria-checked": T,
|
|
2437
2433
|
"aria-disabled": $,
|
|
2438
|
-
"aria-invalid":
|
|
2434
|
+
"aria-invalid": k,
|
|
2439
2435
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2440
|
-
"data-testid": `${
|
|
2436
|
+
"data-testid": `${x}-label`,
|
|
2441
2437
|
children: [
|
|
2442
2438
|
/* @__PURE__ */ o.jsx(
|
|
2443
2439
|
"input",
|
|
@@ -2446,15 +2442,15 @@ const Ta = (t) => {
|
|
|
2446
2442
|
type: "checkbox",
|
|
2447
2443
|
id: n,
|
|
2448
2444
|
name: n,
|
|
2449
|
-
checked:
|
|
2445
|
+
checked: T,
|
|
2450
2446
|
disabled: $,
|
|
2451
2447
|
className: jt.input,
|
|
2452
|
-
onChange:
|
|
2448
|
+
onChange: F,
|
|
2453
2449
|
onClick: j,
|
|
2454
|
-
"aria-checked":
|
|
2455
|
-
"aria-invalid":
|
|
2450
|
+
"aria-checked": T,
|
|
2451
|
+
"aria-invalid": k,
|
|
2456
2452
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2457
|
-
"data-testid": `${
|
|
2453
|
+
"data-testid": `${x}-input`
|
|
2458
2454
|
}
|
|
2459
2455
|
),
|
|
2460
2456
|
/* @__PURE__ */ o.jsx(
|
|
@@ -2462,23 +2458,23 @@ const Ta = (t) => {
|
|
|
2462
2458
|
{
|
|
2463
2459
|
name: n,
|
|
2464
2460
|
size: i,
|
|
2465
|
-
isChecked:
|
|
2461
|
+
isChecked: T,
|
|
2466
2462
|
isDisabled: $,
|
|
2467
2463
|
indeterminate: a,
|
|
2468
|
-
dataTestId:
|
|
2464
|
+
dataTestId: x
|
|
2469
2465
|
}
|
|
2470
2466
|
)
|
|
2471
2467
|
]
|
|
2472
2468
|
}
|
|
2473
2469
|
) }),
|
|
2474
|
-
|
|
2470
|
+
b && /* @__PURE__ */ o.jsx(
|
|
2475
2471
|
"span",
|
|
2476
2472
|
{
|
|
2477
|
-
"data-testid": `${
|
|
2473
|
+
"data-testid": `${x}-label-text`,
|
|
2478
2474
|
"data-clickable-label": y,
|
|
2479
2475
|
className: jt.label,
|
|
2480
|
-
onClick:
|
|
2481
|
-
children:
|
|
2476
|
+
onClick: D,
|
|
2477
|
+
children: b
|
|
2482
2478
|
}
|
|
2483
2479
|
)
|
|
2484
2480
|
]
|
|
@@ -2631,13 +2627,13 @@ const Ta = (t) => {
|
|
|
2631
2627
|
a.preventDefault(), a.stopPropagation();
|
|
2632
2628
|
const l = a.currentTarget.closest(`.${M.wrapper}`);
|
|
2633
2629
|
if (!l) return;
|
|
2634
|
-
const c = a.clientY,
|
|
2635
|
-
const m =
|
|
2630
|
+
const c = a.clientY, _ = l.clientHeight, p = (h) => {
|
|
2631
|
+
const m = h.clientY - c, b = Math.min(100, _), y = Math.max(b, _ + m);
|
|
2636
2632
|
l.style.height = `${y}px`;
|
|
2637
|
-
},
|
|
2638
|
-
document.removeEventListener("mousemove", p), document.removeEventListener("mouseup",
|
|
2633
|
+
}, d = () => {
|
|
2634
|
+
document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", d);
|
|
2639
2635
|
};
|
|
2640
|
-
document.addEventListener("mousemove", p), document.addEventListener("mouseup",
|
|
2636
|
+
document.addEventListener("mousemove", p), document.addEventListener("mouseup", d);
|
|
2641
2637
|
},
|
|
2642
2638
|
[t, r, n, s]
|
|
2643
2639
|
) }), Ze = 30, Pi = G(
|
|
@@ -2650,46 +2646,46 @@ const Ta = (t) => {
|
|
|
2650
2646
|
loading: a = !1,
|
|
2651
2647
|
onFocus: l,
|
|
2652
2648
|
onBlur: c,
|
|
2653
|
-
onChange:
|
|
2649
|
+
onChange: _,
|
|
2654
2650
|
onKeyDown: p,
|
|
2655
|
-
onKeyUp:
|
|
2656
|
-
maxLength:
|
|
2651
|
+
onKeyUp: d,
|
|
2652
|
+
maxLength: h,
|
|
2657
2653
|
className: m,
|
|
2658
|
-
style:
|
|
2654
|
+
style: b,
|
|
2659
2655
|
truncate: y = !1,
|
|
2660
2656
|
shouldShowFloatingLabelClass: w = !1,
|
|
2661
|
-
"aria-invalid":
|
|
2662
|
-
"aria-errormessage":
|
|
2663
|
-
id:
|
|
2657
|
+
"aria-invalid": g,
|
|
2658
|
+
"aria-errormessage": x,
|
|
2659
|
+
id: u,
|
|
2664
2660
|
resize: v,
|
|
2665
2661
|
...S
|
|
2666
2662
|
}, $) => {
|
|
2667
|
-
const { textareaRef:
|
|
2668
|
-
if (Bi(n, v,
|
|
2663
|
+
const { textareaRef: k, inputRef: T, currentRef: R } = Mi(n, t);
|
|
2664
|
+
if (Bi(n, v, k), Pr($, () => R.current, [R]), t === "textarea")
|
|
2669
2665
|
return /* @__PURE__ */ o.jsx(
|
|
2670
2666
|
"textarea",
|
|
2671
2667
|
{
|
|
2672
|
-
ref:
|
|
2673
|
-
id:
|
|
2668
|
+
ref: k,
|
|
2669
|
+
id: u,
|
|
2674
2670
|
value: n,
|
|
2675
2671
|
placeholder: s,
|
|
2676
2672
|
disabled: i || a,
|
|
2677
2673
|
onFocus: l,
|
|
2678
2674
|
onBlur: c,
|
|
2679
|
-
onChange:
|
|
2675
|
+
onChange: _,
|
|
2680
2676
|
onKeyDown: p,
|
|
2681
|
-
onKeyUp:
|
|
2682
|
-
maxLength:
|
|
2683
|
-
className:
|
|
2677
|
+
onKeyUp: d,
|
|
2678
|
+
maxLength: h,
|
|
2679
|
+
className: L(
|
|
2684
2680
|
M.textarea,
|
|
2685
2681
|
M[`size-${r}`],
|
|
2686
2682
|
w && M["with-floating-label"],
|
|
2687
2683
|
m
|
|
2688
2684
|
),
|
|
2689
|
-
style:
|
|
2690
|
-
"aria-invalid":
|
|
2691
|
-
"aria-errormessage":
|
|
2692
|
-
"aria-describedby":
|
|
2685
|
+
style: b,
|
|
2686
|
+
"aria-invalid": g,
|
|
2687
|
+
"aria-errormessage": x,
|
|
2688
|
+
"aria-describedby": x ? `${u}-error` : void 0,
|
|
2693
2689
|
tabIndex: 0,
|
|
2694
2690
|
"data-resize": v,
|
|
2695
2691
|
...S
|
|
@@ -2699,28 +2695,28 @@ const Ta = (t) => {
|
|
|
2699
2695
|
return /* @__PURE__ */ o.jsx(
|
|
2700
2696
|
"input",
|
|
2701
2697
|
{
|
|
2702
|
-
ref:
|
|
2703
|
-
id:
|
|
2698
|
+
ref: T,
|
|
2699
|
+
id: u,
|
|
2704
2700
|
value: n,
|
|
2705
2701
|
placeholder: s,
|
|
2706
2702
|
disabled: i || a,
|
|
2707
2703
|
onFocus: l,
|
|
2708
2704
|
onBlur: c,
|
|
2709
|
-
onChange:
|
|
2705
|
+
onChange: _,
|
|
2710
2706
|
onKeyDown: p,
|
|
2711
|
-
onKeyUp:
|
|
2712
|
-
maxLength:
|
|
2713
|
-
className:
|
|
2707
|
+
onKeyUp: d,
|
|
2708
|
+
maxLength: h,
|
|
2709
|
+
className: L(
|
|
2714
2710
|
M.input,
|
|
2715
2711
|
M[`size-${r}`],
|
|
2716
2712
|
w && M["with-floating-label"],
|
|
2717
2713
|
y && M.truncate,
|
|
2718
2714
|
m
|
|
2719
2715
|
),
|
|
2720
|
-
style:
|
|
2721
|
-
"aria-invalid":
|
|
2722
|
-
"aria-errormessage":
|
|
2723
|
-
"aria-describedby":
|
|
2716
|
+
style: b,
|
|
2717
|
+
"aria-invalid": g,
|
|
2718
|
+
"aria-errormessage": x,
|
|
2719
|
+
"aria-describedby": x ? `${u}-error` : void 0,
|
|
2724
2720
|
tabIndex: 0,
|
|
2725
2721
|
...S
|
|
2726
2722
|
}
|
|
@@ -2740,31 +2736,31 @@ const Ta = (t) => {
|
|
|
2740
2736
|
className: a,
|
|
2741
2737
|
wrapperProps: l,
|
|
2742
2738
|
wrapperStyles: c,
|
|
2743
|
-
floatingLabelStyles:
|
|
2739
|
+
floatingLabelStyles: _,
|
|
2744
2740
|
prefixStyles: p,
|
|
2745
|
-
suffixStyles:
|
|
2746
|
-
labelProps:
|
|
2741
|
+
suffixStyles: d,
|
|
2742
|
+
labelProps: h,
|
|
2747
2743
|
helperProps: m,
|
|
2748
|
-
showLimit:
|
|
2744
|
+
showLimit: b = !1,
|
|
2749
2745
|
maxLength: y,
|
|
2750
2746
|
hint: w,
|
|
2751
|
-
showHint:
|
|
2752
|
-
showHintOnEmpty:
|
|
2753
|
-
prefix:
|
|
2747
|
+
showHint: g = !1,
|
|
2748
|
+
showHintOnEmpty: x = !1,
|
|
2749
|
+
prefix: u,
|
|
2754
2750
|
suffix: v,
|
|
2755
2751
|
onSuffixClick: S,
|
|
2756
2752
|
placeholder: $,
|
|
2757
|
-
showLabel:
|
|
2758
|
-
labelClassName:
|
|
2753
|
+
showLabel: k = !0,
|
|
2754
|
+
labelClassName: T,
|
|
2759
2755
|
hasValue: R = !1,
|
|
2760
2756
|
helper: I,
|
|
2761
|
-
id:
|
|
2757
|
+
id: F,
|
|
2762
2758
|
value: q = "",
|
|
2763
|
-
resize:
|
|
2759
|
+
resize: D,
|
|
2764
2760
|
showGrip: j = !1,
|
|
2765
2761
|
...A
|
|
2766
2762
|
}, W) => {
|
|
2767
|
-
const H = xe(), X =
|
|
2763
|
+
const H = xe(), X = F || H, K = g && w && (R || x), at = w && w.length > Ze ? w.substring(0, Ze) + "..." : w, rt = L(
|
|
2768
2764
|
M.wrapper,
|
|
2769
2765
|
M[`size-${r}`],
|
|
2770
2766
|
n && M.error,
|
|
@@ -2772,47 +2768,47 @@ const Ta = (t) => {
|
|
|
2772
2768
|
i && M.loading,
|
|
2773
2769
|
K && M["has-hint"],
|
|
2774
2770
|
v && M["has-suffix"],
|
|
2775
|
-
|
|
2771
|
+
b && M["has-limit"],
|
|
2776
2772
|
a
|
|
2777
|
-
), J =
|
|
2773
|
+
), J = L(
|
|
2778
2774
|
M.floatingLabel,
|
|
2779
2775
|
M[r],
|
|
2780
2776
|
R && M.filled,
|
|
2781
|
-
|
|
2782
|
-
), { handleGripMouseDown: st } = Ai(j, s, i,
|
|
2777
|
+
T
|
|
2778
|
+
), { handleGripMouseDown: st } = Ai(j, s, i, D);
|
|
2783
2779
|
return /* @__PURE__ */ o.jsxs("div", { ref: W, className: M.inputBase, "data-testid": "input-base-wrapper", ...A, children: [
|
|
2784
2780
|
/* @__PURE__ */ o.jsxs(
|
|
2785
2781
|
"div",
|
|
2786
2782
|
{
|
|
2787
2783
|
className: rt,
|
|
2788
2784
|
style: c,
|
|
2789
|
-
"data-resize":
|
|
2785
|
+
"data-resize": D,
|
|
2790
2786
|
"data-show-grip": j ? "true" : "false",
|
|
2791
2787
|
...l,
|
|
2792
2788
|
children: [
|
|
2793
|
-
|
|
2789
|
+
u && /* @__PURE__ */ o.jsx("label", { htmlFor: X, className: M.leftSection, style: p, children: u }),
|
|
2794
2790
|
v && /* @__PURE__ */ o.jsx(
|
|
2795
2791
|
"label",
|
|
2796
2792
|
{
|
|
2797
2793
|
htmlFor: X,
|
|
2798
2794
|
className: M.rightSection,
|
|
2799
|
-
style:
|
|
2795
|
+
style: d,
|
|
2800
2796
|
onClick: S,
|
|
2801
2797
|
children: v
|
|
2802
2798
|
}
|
|
2803
2799
|
),
|
|
2804
|
-
$ &&
|
|
2800
|
+
$ && k && /* @__PURE__ */ o.jsx(
|
|
2805
2801
|
"label",
|
|
2806
2802
|
{
|
|
2807
2803
|
htmlFor: X,
|
|
2808
2804
|
className: J,
|
|
2809
|
-
style:
|
|
2810
|
-
...
|
|
2805
|
+
style: _,
|
|
2806
|
+
...h,
|
|
2811
2807
|
children: $
|
|
2812
2808
|
}
|
|
2813
2809
|
),
|
|
2814
2810
|
t,
|
|
2815
|
-
j && !
|
|
2811
|
+
j && !b && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
|
|
2816
2812
|
"div",
|
|
2817
2813
|
{
|
|
2818
2814
|
className: M.gripHandle,
|
|
@@ -2826,12 +2822,12 @@ const Ta = (t) => {
|
|
|
2826
2822
|
K && /* @__PURE__ */ o.jsx(
|
|
2827
2823
|
"div",
|
|
2828
2824
|
{
|
|
2829
|
-
className:
|
|
2825
|
+
className: L(M.hint, R && M.truncate),
|
|
2830
2826
|
"data-disabled": s || i,
|
|
2831
2827
|
children: at
|
|
2832
2828
|
}
|
|
2833
2829
|
),
|
|
2834
|
-
|
|
2830
|
+
b && y && /* @__PURE__ */ o.jsxs("div", { className: M.characterLimit, children: [
|
|
2835
2831
|
(q || "").length,
|
|
2836
2832
|
" из ",
|
|
2837
2833
|
y
|
|
@@ -2842,7 +2838,7 @@ const Ta = (t) => {
|
|
|
2842
2838
|
I && /* @__PURE__ */ o.jsx(
|
|
2843
2839
|
"div",
|
|
2844
2840
|
{
|
|
2845
|
-
className:
|
|
2841
|
+
className: L(
|
|
2846
2842
|
M.helper,
|
|
2847
2843
|
n && M.error,
|
|
2848
2844
|
(s || i) && M.disabled
|
|
@@ -2868,27 +2864,27 @@ const Ue = Object.assign(Pi, {
|
|
|
2868
2864
|
loading: a = !1,
|
|
2869
2865
|
placeholder: l,
|
|
2870
2866
|
showLabel: c = !0,
|
|
2871
|
-
labelClassName:
|
|
2867
|
+
labelClassName: _,
|
|
2872
2868
|
helper: p,
|
|
2873
|
-
prefix:
|
|
2874
|
-
suffix:
|
|
2869
|
+
prefix: d,
|
|
2870
|
+
suffix: h,
|
|
2875
2871
|
id: m,
|
|
2876
|
-
onFocus:
|
|
2872
|
+
onFocus: b,
|
|
2877
2873
|
onBlur: y,
|
|
2878
2874
|
onKeyDown: w,
|
|
2879
|
-
onSuffixClick:
|
|
2880
|
-
onChange:
|
|
2881
|
-
value:
|
|
2875
|
+
onSuffixClick: g,
|
|
2876
|
+
onChange: x,
|
|
2877
|
+
value: u = "",
|
|
2882
2878
|
wrapperProps: v,
|
|
2883
2879
|
wrapperStyles: S,
|
|
2884
2880
|
floatingLabelStyles: $,
|
|
2885
|
-
prefixStyles:
|
|
2886
|
-
suffixStyles:
|
|
2881
|
+
prefixStyles: k,
|
|
2882
|
+
suffixStyles: T,
|
|
2887
2883
|
textareaStyles: R,
|
|
2888
2884
|
labelProps: I,
|
|
2889
|
-
helperProps:
|
|
2885
|
+
helperProps: F,
|
|
2890
2886
|
showLimit: q = !1,
|
|
2891
|
-
maxLength:
|
|
2887
|
+
maxLength: D,
|
|
2892
2888
|
inputProps: j,
|
|
2893
2889
|
hint: A,
|
|
2894
2890
|
showHint: W = !1,
|
|
@@ -2898,15 +2894,15 @@ const Ue = Object.assign(Pi, {
|
|
|
2898
2894
|
showGrip: at = !1,
|
|
2899
2895
|
...rt
|
|
2900
2896
|
}, J) => {
|
|
2901
|
-
const st = xe(), it = m || st, [St, vt] = pt(
|
|
2897
|
+
const st = xe(), it = m || st, [St, vt] = pt(u), lt = u !== void 0 ? u : St, Tt = (lt || "").length > 0, ft = lt || "", Nt = c && (r === "XL" || t === "textarea") && !d, re = ht(
|
|
2902
2898
|
(Q) => {
|
|
2903
2899
|
var tt;
|
|
2904
|
-
i || a || (
|
|
2900
|
+
i || a || (b == null || b(), (tt = j == null ? void 0 : j.onFocus) == null || tt.call(
|
|
2905
2901
|
j,
|
|
2906
2902
|
Q
|
|
2907
2903
|
));
|
|
2908
2904
|
},
|
|
2909
|
-
[
|
|
2905
|
+
[b, j, i, a]
|
|
2910
2906
|
), Xt = ht(
|
|
2911
2907
|
(Q) => {
|
|
2912
2908
|
var tt;
|
|
@@ -2935,16 +2931,16 @@ const Ue = Object.assign(Pi, {
|
|
|
2935
2931
|
var Ct;
|
|
2936
2932
|
if (i || a) return;
|
|
2937
2933
|
const tt = Q.target.value;
|
|
2938
|
-
vt(tt),
|
|
2934
|
+
vt(tt), x == null || x(tt, Q), (Ct = j == null ? void 0 : j.onChange) == null || Ct.call(
|
|
2939
2935
|
j,
|
|
2940
2936
|
Q
|
|
2941
2937
|
);
|
|
2942
2938
|
},
|
|
2943
|
-
[
|
|
2939
|
+
[x, j, i, a]
|
|
2944
2940
|
);
|
|
2945
2941
|
return ot(() => {
|
|
2946
|
-
vt(
|
|
2947
|
-
}, [
|
|
2942
|
+
vt(u || "");
|
|
2943
|
+
}, [u]), /* @__PURE__ */ o.jsx(
|
|
2948
2944
|
Ue.Wrapper,
|
|
2949
2945
|
{
|
|
2950
2946
|
ref: J,
|
|
@@ -2952,25 +2948,25 @@ const Ue = Object.assign(Pi, {
|
|
|
2952
2948
|
error: s,
|
|
2953
2949
|
disabled: i || a,
|
|
2954
2950
|
loading: a,
|
|
2955
|
-
className:
|
|
2951
|
+
className: L(n, t === "textarea" && M["textarea-wrapper"]),
|
|
2956
2952
|
wrapperProps: v,
|
|
2957
2953
|
wrapperStyles: S,
|
|
2958
2954
|
floatingLabelStyles: $,
|
|
2959
|
-
prefixStyles:
|
|
2960
|
-
suffixStyles:
|
|
2955
|
+
prefixStyles: k,
|
|
2956
|
+
suffixStyles: T,
|
|
2961
2957
|
labelProps: I,
|
|
2962
|
-
helperProps:
|
|
2958
|
+
helperProps: F,
|
|
2963
2959
|
showLimit: q,
|
|
2964
|
-
maxLength:
|
|
2960
|
+
maxLength: D,
|
|
2965
2961
|
hint: A,
|
|
2966
2962
|
showHint: W,
|
|
2967
2963
|
showHintOnEmpty: H,
|
|
2968
|
-
prefix:
|
|
2969
|
-
suffix:
|
|
2970
|
-
onSuffixClick:
|
|
2964
|
+
prefix: d,
|
|
2965
|
+
suffix: h,
|
|
2966
|
+
onSuffixClick: g,
|
|
2971
2967
|
placeholder: l,
|
|
2972
2968
|
showLabel: c,
|
|
2973
|
-
labelClassName:
|
|
2969
|
+
labelClassName: _,
|
|
2974
2970
|
hasValue: Tt,
|
|
2975
2971
|
helper: p,
|
|
2976
2972
|
id: it,
|
|
@@ -2992,7 +2988,7 @@ const Ue = Object.assign(Pi, {
|
|
|
2992
2988
|
onChange: oe,
|
|
2993
2989
|
onKeyDown: w,
|
|
2994
2990
|
onKeyUp: Xt,
|
|
2995
|
-
maxLength:
|
|
2991
|
+
maxLength: D,
|
|
2996
2992
|
truncate: X,
|
|
2997
2993
|
"data-empty": !Tt,
|
|
2998
2994
|
shouldShowFloatingLabelClass: Nt,
|
|
@@ -3174,39 +3170,39 @@ const Ue = Object.assign(Pi, {
|
|
|
3174
3170
|
minLength: a,
|
|
3175
3171
|
autoComplete: l,
|
|
3176
3172
|
autoFocus: c,
|
|
3177
|
-
size:
|
|
3173
|
+
size: _ = V.L,
|
|
3178
3174
|
inputProps: p,
|
|
3179
|
-
error:
|
|
3180
|
-
disabled:
|
|
3175
|
+
error: d,
|
|
3176
|
+
disabled: h,
|
|
3181
3177
|
loading: m,
|
|
3182
|
-
helper:
|
|
3178
|
+
helper: b,
|
|
3183
3179
|
prefix: y,
|
|
3184
3180
|
suffix: w,
|
|
3185
|
-
clearable:
|
|
3186
|
-
id:
|
|
3187
|
-
showLabel:
|
|
3181
|
+
clearable: g = !1,
|
|
3182
|
+
id: x,
|
|
3183
|
+
showLabel: u = !0,
|
|
3188
3184
|
onFocus: v,
|
|
3189
3185
|
onBlur: S,
|
|
3190
3186
|
onSuffixClick: $,
|
|
3191
|
-
onClear:
|
|
3192
|
-
className:
|
|
3187
|
+
onClear: k,
|
|
3188
|
+
className: T,
|
|
3193
3189
|
truncate: R = !0,
|
|
3194
3190
|
hint: I,
|
|
3195
|
-
showHint:
|
|
3191
|
+
showHint: F = !1,
|
|
3196
3192
|
showHintOnEmpty: q = !1,
|
|
3197
|
-
wrapperProps:
|
|
3193
|
+
wrapperProps: D,
|
|
3198
3194
|
labelProps: j,
|
|
3199
3195
|
helperProps: A,
|
|
3200
3196
|
...W
|
|
3201
3197
|
}, H) => {
|
|
3202
|
-
const X = (t || "").length > 0, K =
|
|
3203
|
-
r == null || r(""),
|
|
3198
|
+
const X = (t || "").length > 0, K = _ === V.XL, at = !!y, rt = K && u && !y, J = g && X && !(h || m), st = () => {
|
|
3199
|
+
r == null || r(""), k == null || k();
|
|
3204
3200
|
}, it = () => {
|
|
3205
3201
|
J && st(), $ == null || $();
|
|
3206
3202
|
}, St = J ? /* @__PURE__ */ o.jsx(
|
|
3207
3203
|
lr,
|
|
3208
3204
|
{
|
|
3209
|
-
size:
|
|
3205
|
+
size: _ === V.S || _ === V.M ? "xs" : "sm",
|
|
3210
3206
|
color: "var(--icon-secondary)",
|
|
3211
3207
|
style: { cursor: "pointer" },
|
|
3212
3208
|
"data-testid": "x-icon"
|
|
@@ -3217,18 +3213,18 @@ const Ue = Object.assign(Pi, {
|
|
|
3217
3213
|
autoComplete: l,
|
|
3218
3214
|
autoFocus: c,
|
|
3219
3215
|
...p
|
|
3220
|
-
}, lt = Xi(
|
|
3216
|
+
}, lt = Xi(_, rt, X, at);
|
|
3221
3217
|
return /* @__PURE__ */ o.jsx(
|
|
3222
3218
|
dr,
|
|
3223
3219
|
{
|
|
3224
|
-
size:
|
|
3225
|
-
error:
|
|
3226
|
-
disabled:
|
|
3220
|
+
size: _,
|
|
3221
|
+
error: d,
|
|
3222
|
+
disabled: h || m,
|
|
3227
3223
|
loading: m,
|
|
3228
|
-
helper:
|
|
3224
|
+
helper: b,
|
|
3229
3225
|
prefix: y,
|
|
3230
3226
|
suffix: St,
|
|
3231
|
-
id:
|
|
3227
|
+
id: x,
|
|
3232
3228
|
showLabel: rt,
|
|
3233
3229
|
onFocus: v,
|
|
3234
3230
|
onBlur: S,
|
|
@@ -3236,19 +3232,19 @@ const Ue = Object.assign(Pi, {
|
|
|
3236
3232
|
onChange: r,
|
|
3237
3233
|
value: t,
|
|
3238
3234
|
placeholder: s,
|
|
3239
|
-
className:
|
|
3235
|
+
className: T,
|
|
3240
3236
|
wrapperStyles: lt.wrapperStyles,
|
|
3241
3237
|
floatingLabelStyles: lt.floatingLabelStyles,
|
|
3242
3238
|
prefixStyles: lt.prefixStyles,
|
|
3243
3239
|
suffixStyles: lt.suffixStyles,
|
|
3244
|
-
wrapperProps:
|
|
3240
|
+
wrapperProps: D,
|
|
3245
3241
|
labelProps: j,
|
|
3246
3242
|
helperProps: A,
|
|
3247
3243
|
showLimit: !1,
|
|
3248
3244
|
maxLength: i,
|
|
3249
3245
|
inputProps: vt,
|
|
3250
3246
|
hint: I,
|
|
3251
|
-
showHint:
|
|
3247
|
+
showHint: F,
|
|
3252
3248
|
showHintOnEmpty: q,
|
|
3253
3249
|
truncate: R,
|
|
3254
3250
|
...W
|
|
@@ -3387,31 +3383,31 @@ const Ue = Object.assign(Pi, {
|
|
|
3387
3383
|
autoFocus: a,
|
|
3388
3384
|
size: l = bt.L,
|
|
3389
3385
|
textareaProps: c,
|
|
3390
|
-
error:
|
|
3386
|
+
error: _,
|
|
3391
3387
|
disabled: p,
|
|
3392
|
-
loading:
|
|
3393
|
-
helper:
|
|
3388
|
+
loading: d,
|
|
3389
|
+
helper: h,
|
|
3394
3390
|
suffix: m,
|
|
3395
|
-
clearable:
|
|
3391
|
+
clearable: b = !1,
|
|
3396
3392
|
id: y,
|
|
3397
3393
|
showLabel: w = !0,
|
|
3398
|
-
onFocus:
|
|
3399
|
-
onBlur:
|
|
3400
|
-
onClear:
|
|
3394
|
+
onFocus: g,
|
|
3395
|
+
onBlur: x,
|
|
3396
|
+
onClear: u,
|
|
3401
3397
|
onKeyDown: v,
|
|
3402
3398
|
className: S,
|
|
3403
3399
|
rows: $ = 1,
|
|
3404
|
-
showLimit:
|
|
3405
|
-
wrapperProps:
|
|
3400
|
+
showLimit: k = !1,
|
|
3401
|
+
wrapperProps: T,
|
|
3406
3402
|
labelProps: R,
|
|
3407
3403
|
helperProps: I,
|
|
3408
|
-
showGrip:
|
|
3404
|
+
showGrip: F,
|
|
3409
3405
|
minHeight: q,
|
|
3410
|
-
resize:
|
|
3406
|
+
resize: D,
|
|
3411
3407
|
...j
|
|
3412
3408
|
}, A) => {
|
|
3413
|
-
const W = (t || "").length > 0, H = w && !!n && (l === bt.M || q !== 48), X =
|
|
3414
|
-
r == null || r(""),
|
|
3409
|
+
const W = (t || "").length > 0, H = w && !!n && (l === bt.M || q !== 48), X = b && W && !(p || d), K = () => {
|
|
3410
|
+
r == null || r(""), u == null || u();
|
|
3415
3411
|
}, at = () => {
|
|
3416
3412
|
X && K();
|
|
3417
3413
|
}, rt = X ? /* @__PURE__ */ o.jsx(
|
|
@@ -3422,11 +3418,11 @@ const Ue = Object.assign(Pi, {
|
|
|
3422
3418
|
style: { cursor: "pointer" },
|
|
3423
3419
|
"data-testid": "x-icon"
|
|
3424
3420
|
}
|
|
3425
|
-
) : m, J = tl(l, q, H && W,
|
|
3421
|
+
) : m, J = tl(l, q, H && W, D), st = Ki(l, q), it = {
|
|
3426
3422
|
rows: $,
|
|
3427
3423
|
minLength: i,
|
|
3428
3424
|
autoFocus: a,
|
|
3429
|
-
resize:
|
|
3425
|
+
resize: D,
|
|
3430
3426
|
...c
|
|
3431
3427
|
};
|
|
3432
3428
|
return /* @__PURE__ */ o.jsx(
|
|
@@ -3435,16 +3431,16 @@ const Ue = Object.assign(Pi, {
|
|
|
3435
3431
|
ref: A,
|
|
3436
3432
|
component: "textarea",
|
|
3437
3433
|
size: st,
|
|
3438
|
-
error:
|
|
3439
|
-
disabled: p ||
|
|
3440
|
-
loading:
|
|
3434
|
+
error: _,
|
|
3435
|
+
disabled: p || d,
|
|
3436
|
+
loading: d,
|
|
3441
3437
|
onSuffixClick: at,
|
|
3442
|
-
helper:
|
|
3438
|
+
helper: h,
|
|
3443
3439
|
suffix: rt,
|
|
3444
3440
|
id: y,
|
|
3445
3441
|
showLabel: H,
|
|
3446
|
-
onFocus:
|
|
3447
|
-
onBlur:
|
|
3442
|
+
onFocus: g,
|
|
3443
|
+
onBlur: x,
|
|
3448
3444
|
onKeyDown: v,
|
|
3449
3445
|
onChange: r,
|
|
3450
3446
|
value: t || "",
|
|
@@ -3455,14 +3451,14 @@ const Ue = Object.assign(Pi, {
|
|
|
3455
3451
|
floatingLabelStyles: J.floatingLabelStyles,
|
|
3456
3452
|
suffixStyles: J.suffixStyles,
|
|
3457
3453
|
textareaStyles: J.textareaStyles,
|
|
3458
|
-
wrapperProps:
|
|
3454
|
+
wrapperProps: T,
|
|
3459
3455
|
labelProps: R,
|
|
3460
3456
|
helperProps: I,
|
|
3461
|
-
showLimit:
|
|
3457
|
+
showLimit: k && (q === 112 || l === bt.M),
|
|
3462
3458
|
maxLength: s,
|
|
3463
3459
|
inputProps: it,
|
|
3464
|
-
resize:
|
|
3465
|
-
showGrip:
|
|
3460
|
+
resize: D,
|
|
3461
|
+
showGrip: F,
|
|
3466
3462
|
...j
|
|
3467
3463
|
}
|
|
3468
3464
|
);
|
|
@@ -3481,12 +3477,12 @@ const Ue = Object.assign(Pi, {
|
|
|
3481
3477
|
"aria-label": l,
|
|
3482
3478
|
"aria-describedby": c
|
|
3483
3479
|
}) => {
|
|
3484
|
-
const
|
|
3480
|
+
const _ = !!r, p = L(
|
|
3485
3481
|
fe.helper,
|
|
3486
|
-
|
|
3482
|
+
_ && fe["helper--error"],
|
|
3487
3483
|
i && fe["helper--disabled"],
|
|
3488
3484
|
n
|
|
3489
|
-
),
|
|
3485
|
+
), d = i ? t : r || t;
|
|
3490
3486
|
return /* @__PURE__ */ o.jsx(
|
|
3491
3487
|
"div",
|
|
3492
3488
|
{
|
|
@@ -3495,7 +3491,7 @@ const Ue = Object.assign(Pi, {
|
|
|
3495
3491
|
"data-testid": a,
|
|
3496
3492
|
"aria-label": l,
|
|
3497
3493
|
"aria-describedby": c,
|
|
3498
|
-
children: /* @__PURE__ */ o.jsx("p", { children:
|
|
3494
|
+
children: /* @__PURE__ */ o.jsx("p", { children: d })
|
|
3499
3495
|
}
|
|
3500
3496
|
);
|
|
3501
3497
|
}, rl = "_radio_1n8zx_59", nl = "_checked_1n8zx_80", ol = "_error_1n8zx_85", al = "_disabled_1n8zx_94", sl = "_icon_1n8zx_130", il = "_small_1n8zx_138", ll = "_medium_1n8zx_145", cl = "_large_1n8zx_152", dl = "_label_1n8zx_159", ul = "_container_1n8zx_185", _l = "_input_1n8zx_198", pl = "_card_1n8zx_205", fl = "_smallCard_1n8zx_211", gl = "_mediumCard_1n8zx_215", hl = "_largeCard_1n8zx_219", gt = {
|
|
@@ -3524,39 +3520,39 @@ const Ue = Object.assign(Pi, {
|
|
|
3524
3520
|
size: a = "large",
|
|
3525
3521
|
loading: l = !1,
|
|
3526
3522
|
error: c,
|
|
3527
|
-
disabled:
|
|
3523
|
+
disabled: _ = !1,
|
|
3528
3524
|
checked: p = !1,
|
|
3529
|
-
containerClassName:
|
|
3530
|
-
className:
|
|
3525
|
+
containerClassName: d,
|
|
3526
|
+
className: h,
|
|
3531
3527
|
children: m,
|
|
3532
|
-
clickable:
|
|
3528
|
+
clickable: b = "all",
|
|
3533
3529
|
mode: y = "default",
|
|
3534
3530
|
tabIndex: w,
|
|
3535
|
-
style:
|
|
3536
|
-
containerStyle:
|
|
3537
|
-
onChange:
|
|
3531
|
+
style: g,
|
|
3532
|
+
containerStyle: x,
|
|
3533
|
+
onChange: u,
|
|
3538
3534
|
"data-testid": v,
|
|
3539
3535
|
...S
|
|
3540
|
-
} = t, $ = !!c,
|
|
3541
|
-
|
|
3542
|
-
},
|
|
3543
|
-
H.key === "Enter" && !
|
|
3536
|
+
} = t, $ = !!c, k = _ || l, T = b === "all", R = y === "card", I = gt[`${a}Card`], F = s ?? n, q = (H) => {
|
|
3537
|
+
k || u == null || u(i, H);
|
|
3538
|
+
}, D = (H) => {
|
|
3539
|
+
H.key === "Enter" && !k && (H.preventDefault(), u == null || u(i));
|
|
3544
3540
|
}, j = (H) => H.stopPropagation(), A = () => /* @__PURE__ */ o.jsxs(
|
|
3545
3541
|
"div",
|
|
3546
3542
|
{
|
|
3547
|
-
className:
|
|
3543
|
+
className: L(
|
|
3548
3544
|
gt.radio,
|
|
3549
3545
|
gt[a],
|
|
3550
3546
|
{
|
|
3551
3547
|
[gt.checked]: p,
|
|
3552
|
-
[gt.disabled]:
|
|
3553
|
-
[gt.error]: $ && !
|
|
3548
|
+
[gt.disabled]: k,
|
|
3549
|
+
[gt.error]: $ && !k
|
|
3554
3550
|
},
|
|
3555
|
-
|
|
3551
|
+
h
|
|
3556
3552
|
),
|
|
3557
|
-
style:
|
|
3553
|
+
style: g,
|
|
3558
3554
|
tabIndex: w || 1,
|
|
3559
|
-
"data-testid": `${bl}${
|
|
3555
|
+
"data-testid": `${bl}${F}`,
|
|
3560
3556
|
children: [
|
|
3561
3557
|
/* @__PURE__ */ o.jsx(
|
|
3562
3558
|
"input",
|
|
@@ -3565,9 +3561,9 @@ const Ue = Object.assign(Pi, {
|
|
|
3565
3561
|
"aria-invalid": $,
|
|
3566
3562
|
checked: p,
|
|
3567
3563
|
className: gt.input,
|
|
3568
|
-
"data-testid": `radio-${
|
|
3569
|
-
disabled:
|
|
3570
|
-
id:
|
|
3564
|
+
"data-testid": `radio-${F}`,
|
|
3565
|
+
disabled: k,
|
|
3566
|
+
id: F,
|
|
3571
3567
|
name: n,
|
|
3572
3568
|
ref: r,
|
|
3573
3569
|
type: "radio",
|
|
@@ -3576,33 +3572,33 @@ const Ue = Object.assign(Pi, {
|
|
|
3576
3572
|
onClick: j
|
|
3577
3573
|
}
|
|
3578
3574
|
),
|
|
3579
|
-
/* @__PURE__ */ o.jsx("svg", { "data-testid": `radio-icon-${
|
|
3575
|
+
/* @__PURE__ */ o.jsx("svg", { "data-testid": `radio-icon-${F}`, viewBox: "0 0 8 8", className: gt.icon, children: /* @__PURE__ */ o.jsx("circle", { cx: 4, cy: 4, fill: "current", r: 4 }) })
|
|
3580
3576
|
]
|
|
3581
3577
|
}
|
|
3582
3578
|
), W = () => /* @__PURE__ */ o.jsxs(
|
|
3583
3579
|
"label",
|
|
3584
3580
|
{
|
|
3585
3581
|
"aria-checked": p,
|
|
3586
|
-
"aria-disabled":
|
|
3587
|
-
"data-testid":
|
|
3588
|
-
htmlFor:
|
|
3589
|
-
style:
|
|
3590
|
-
className:
|
|
3591
|
-
[
|
|
3592
|
-
[I]:
|
|
3582
|
+
"aria-disabled": k,
|
|
3583
|
+
"data-testid": T ? v : ml,
|
|
3584
|
+
htmlFor: F,
|
|
3585
|
+
style: x,
|
|
3586
|
+
className: L(gt.label, {
|
|
3587
|
+
[L(gt.container, gt[y], d)]: T,
|
|
3588
|
+
[I]: T && R
|
|
3593
3589
|
}),
|
|
3594
|
-
onKeyDown:
|
|
3590
|
+
onKeyDown: D,
|
|
3595
3591
|
...S,
|
|
3596
3592
|
children: [
|
|
3597
3593
|
A(),
|
|
3598
|
-
|
|
3594
|
+
T && m
|
|
3599
3595
|
]
|
|
3600
3596
|
}
|
|
3601
3597
|
);
|
|
3602
|
-
return
|
|
3598
|
+
return T ? W() : /* @__PURE__ */ o.jsxs(
|
|
3603
3599
|
"div",
|
|
3604
3600
|
{
|
|
3605
|
-
className:
|
|
3601
|
+
className: L(gt.container, gt[y], d, {
|
|
3606
3602
|
[I]: R
|
|
3607
3603
|
}),
|
|
3608
3604
|
"data-testid": v,
|
|
@@ -3626,31 +3622,31 @@ const Ue = Object.assign(Pi, {
|
|
|
3626
3622
|
options: a,
|
|
3627
3623
|
className: l,
|
|
3628
3624
|
radioClassName: c,
|
|
3629
|
-
disabled:
|
|
3625
|
+
disabled: _ = !1,
|
|
3630
3626
|
layout: p = "vertical",
|
|
3631
|
-
"data-testid":
|
|
3632
|
-
...
|
|
3627
|
+
"data-testid": d,
|
|
3628
|
+
...h
|
|
3633
3629
|
} = t;
|
|
3634
3630
|
return /* @__PURE__ */ o.jsx(
|
|
3635
3631
|
"div",
|
|
3636
3632
|
{
|
|
3637
3633
|
className: Et(Ge.group, Ge[p], l),
|
|
3638
|
-
"data-testid":
|
|
3634
|
+
"data-testid": d ?? `radio-group-${s}`,
|
|
3639
3635
|
id: n,
|
|
3640
3636
|
ref: r,
|
|
3641
|
-
children: a.map(({ label: m, value:
|
|
3642
|
-
const w = `${s}-${String(
|
|
3637
|
+
children: a.map(({ label: m, value: b, disabled: y }) => {
|
|
3638
|
+
const w = `${s}-${String(b)}`, g = String(b) === String(i);
|
|
3643
3639
|
return /* @__PURE__ */ o.jsx(
|
|
3644
3640
|
ur,
|
|
3645
3641
|
{
|
|
3646
3642
|
id: w,
|
|
3647
|
-
checked:
|
|
3643
|
+
checked: g,
|
|
3648
3644
|
"data-testid": w,
|
|
3649
|
-
disabled:
|
|
3645
|
+
disabled: _ || y,
|
|
3650
3646
|
name: s,
|
|
3651
|
-
value:
|
|
3647
|
+
value: b,
|
|
3652
3648
|
className: c,
|
|
3653
|
-
...
|
|
3649
|
+
...h,
|
|
3654
3650
|
children: m
|
|
3655
3651
|
},
|
|
3656
3652
|
w
|
|
@@ -3681,9 +3677,9 @@ const Ue = Object.assign(Pi, {
|
|
|
3681
3677
|
size: a = "md",
|
|
3682
3678
|
"data-testid": l = "list",
|
|
3683
3679
|
...c
|
|
3684
|
-
} = t,
|
|
3680
|
+
} = t, _ = n === "ordered" ? "ol" : "ul";
|
|
3685
3681
|
return /* @__PURE__ */ o.jsx(
|
|
3686
|
-
|
|
3682
|
+
_,
|
|
3687
3683
|
{
|
|
3688
3684
|
"data-testid": l,
|
|
3689
3685
|
ref: r,
|
|
@@ -3713,14 +3709,14 @@ const Ue = Object.assign(Pi, {
|
|
|
3713
3709
|
className: n,
|
|
3714
3710
|
size: s
|
|
3715
3711
|
}) => {
|
|
3716
|
-
const i = Dt(null), [a, l] = pt(!1), [c,
|
|
3712
|
+
const i = Dt(null), [a, l] = pt(!1), [c, _] = pt(!1), { ref: p, bgColor: d } = ve(), h = p ?? { current: null }, m = d ?? Hl, b = r && a, y = r && c, w = ({ direction: u }) => /* @__PURE__ */ o.jsx(
|
|
3717
3713
|
"svg",
|
|
3718
3714
|
{
|
|
3719
3715
|
height: "12px",
|
|
3720
3716
|
width: "12px",
|
|
3721
3717
|
viewBox: "0 0 185.343 185.343",
|
|
3722
3718
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3723
|
-
children: /* @__PURE__ */ o.jsx("g", { transform:
|
|
3719
|
+
children: /* @__PURE__ */ o.jsx("g", { transform: u === "left" ? "scale(-1,1) translate(-185.343,0)" : void 0, children: /* @__PURE__ */ o.jsx(
|
|
3724
3720
|
"path",
|
|
3725
3721
|
{
|
|
3726
3722
|
fill: "currentColor",
|
|
@@ -3728,36 +3724,36 @@ const Ue = Object.assign(Pi, {
|
|
|
3728
3724
|
}
|
|
3729
3725
|
) })
|
|
3730
3726
|
}
|
|
3731
|
-
),
|
|
3732
|
-
const
|
|
3733
|
-
if (!
|
|
3734
|
-
const v = Math.round(
|
|
3735
|
-
l(v > 0),
|
|
3736
|
-
},
|
|
3727
|
+
), g = () => {
|
|
3728
|
+
const u = i.current;
|
|
3729
|
+
if (!u) return;
|
|
3730
|
+
const v = Math.round(u.scrollLeft), S = Math.round(u.scrollLeft + u.clientWidth), $ = Math.round(u.scrollWidth);
|
|
3731
|
+
l(v > 0), _(S < $);
|
|
3732
|
+
}, x = (u) => {
|
|
3737
3733
|
const v = i.current;
|
|
3738
3734
|
if (!v) return;
|
|
3739
3735
|
const S = v.clientWidth;
|
|
3740
|
-
v.scrollBy({ left:
|
|
3736
|
+
v.scrollBy({ left: u === "left" ? -S : S, behavior: "smooth" });
|
|
3741
3737
|
};
|
|
3742
3738
|
return ot(() => {
|
|
3743
|
-
const
|
|
3744
|
-
if (!
|
|
3739
|
+
const u = i.current;
|
|
3740
|
+
if (!u) return;
|
|
3745
3741
|
const v = (S) => {
|
|
3746
|
-
Math.abs(S.deltaX) > Math.abs(S.deltaY) ||
|
|
3742
|
+
Math.abs(S.deltaX) > Math.abs(S.deltaY) || u.scrollWidth > u.clientWidth && (S.preventDefault(), u.scrollBy({ left: S.deltaY, behavior: "auto" }));
|
|
3747
3743
|
};
|
|
3748
|
-
return
|
|
3744
|
+
return u.addEventListener("wheel", v, { passive: !1 }), () => u.removeEventListener("wheel", v);
|
|
3749
3745
|
}, []), ot(() => {
|
|
3750
|
-
|
|
3751
|
-
const
|
|
3752
|
-
if (
|
|
3753
|
-
return
|
|
3754
|
-
|
|
3746
|
+
g();
|
|
3747
|
+
const u = i.current;
|
|
3748
|
+
if (u)
|
|
3749
|
+
return u.addEventListener("scroll", g, { passive: !0 }), window.addEventListener("resize", g), () => {
|
|
3750
|
+
u.removeEventListener("scroll", g), window.removeEventListener("resize", g);
|
|
3755
3751
|
};
|
|
3756
|
-
}, []), /* @__PURE__ */ o.jsxs("div", { ref:
|
|
3757
|
-
|
|
3752
|
+
}, []), /* @__PURE__ */ o.jsxs("div", { ref: h, className: L(ut.wrapper, n), children: [
|
|
3753
|
+
b && /* @__PURE__ */ o.jsx(
|
|
3758
3754
|
"div",
|
|
3759
3755
|
{
|
|
3760
|
-
className:
|
|
3756
|
+
className: L(ut.mask, ut.maskLeft, a && ut.visible),
|
|
3761
3757
|
style: {
|
|
3762
3758
|
background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
|
|
3763
3759
|
}
|
|
@@ -3766,21 +3762,21 @@ const Ue = Object.assign(Pi, {
|
|
|
3766
3762
|
y && /* @__PURE__ */ o.jsx(
|
|
3767
3763
|
"div",
|
|
3768
3764
|
{
|
|
3769
|
-
className:
|
|
3765
|
+
className: L(ut.mask, ut.maskRight, c && ut.visible),
|
|
3770
3766
|
style: {
|
|
3771
3767
|
background: `linear-gradient(to left, ${m} 17%, transparent 80%)`
|
|
3772
3768
|
}
|
|
3773
3769
|
}
|
|
3774
3770
|
),
|
|
3775
3771
|
/* @__PURE__ */ o.jsx("div", { ref: i, className: ut.viewport, children: t }),
|
|
3776
|
-
|
|
3772
|
+
b && /* @__PURE__ */ o.jsx(
|
|
3777
3773
|
"button",
|
|
3778
3774
|
{
|
|
3779
3775
|
type: "button",
|
|
3780
3776
|
tabIndex: -1,
|
|
3781
3777
|
"aria-hidden": "true",
|
|
3782
|
-
className:
|
|
3783
|
-
onClick: () =>
|
|
3778
|
+
className: L(ut.control, ut.left, ut[s]),
|
|
3779
|
+
onClick: () => x("left"),
|
|
3784
3780
|
children: /* @__PURE__ */ o.jsx(w, { direction: "left" })
|
|
3785
3781
|
}
|
|
3786
3782
|
),
|
|
@@ -3790,8 +3786,8 @@ const Ue = Object.assign(Pi, {
|
|
|
3790
3786
|
type: "button",
|
|
3791
3787
|
tabIndex: -1,
|
|
3792
3788
|
"aria-hidden": "true",
|
|
3793
|
-
className:
|
|
3794
|
-
onClick: () =>
|
|
3789
|
+
className: L(ut.control, ut.right, ut[s]),
|
|
3790
|
+
onClick: () => x("right"),
|
|
3795
3791
|
children: /* @__PURE__ */ o.jsx(w, { direction: "right" })
|
|
3796
3792
|
}
|
|
3797
3793
|
)
|
|
@@ -3819,10 +3815,10 @@ const Ue = Object.assign(Pi, {
|
|
|
3819
3815
|
activeTab: n,
|
|
3820
3816
|
onChange: s
|
|
3821
3817
|
}) => {
|
|
3822
|
-
const [i, a] = pt(r), l = n !== void 0, c = l ? n : i,
|
|
3818
|
+
const [i, a] = pt(r), l = n !== void 0, c = l ? n : i, _ = (p) => {
|
|
3823
3819
|
l || a(p), s && s(p);
|
|
3824
3820
|
};
|
|
3825
|
-
return /* @__PURE__ */ o.jsx(_r.Provider, { value: { activeTab: c, setTab:
|
|
3821
|
+
return /* @__PURE__ */ o.jsx(_r.Provider, { value: { activeTab: c, setTab: _ }, children: t });
|
|
3826
3822
|
}, l1 = ({
|
|
3827
3823
|
mode: t,
|
|
3828
3824
|
item: r,
|
|
@@ -3834,13 +3830,13 @@ const Ue = Object.assign(Pi, {
|
|
|
3834
3830
|
onSelectTab: c
|
|
3835
3831
|
}) => {
|
|
3836
3832
|
const {
|
|
3837
|
-
value:
|
|
3833
|
+
value: _,
|
|
3838
3834
|
label: p,
|
|
3839
|
-
prefix:
|
|
3840
|
-
prefixWrapperProps:
|
|
3835
|
+
prefix: d,
|
|
3836
|
+
prefixWrapperProps: h = {},
|
|
3841
3837
|
postfix: m,
|
|
3842
|
-
postfixWrapperProps:
|
|
3843
|
-
} = r, { className: y, ...w } =
|
|
3838
|
+
postfixWrapperProps: b = {}
|
|
3839
|
+
} = r, { className: y, ...w } = h, { className: g, ...x } = b, u = {
|
|
3844
3840
|
primary: U["typography-label-3-medium"],
|
|
3845
3841
|
secondary: U["typography-label-3-regular"],
|
|
3846
3842
|
prefix: U["typography-label-3-medium"],
|
|
@@ -3849,29 +3845,29 @@ const Ue = Object.assign(Pi, {
|
|
|
3849
3845
|
size: a1,
|
|
3850
3846
|
position: s1,
|
|
3851
3847
|
...i
|
|
3852
|
-
}, S =
|
|
3848
|
+
}, S = L(et.tab, et[t], et[a], {
|
|
3853
3849
|
[et.selected]: n,
|
|
3854
3850
|
[et.disabled]: l
|
|
3855
|
-
}), $ =
|
|
3851
|
+
}), $ = L(
|
|
3856
3852
|
et.tabPrefix,
|
|
3857
3853
|
y,
|
|
3858
3854
|
et[t],
|
|
3859
|
-
|
|
3855
|
+
u.prefix,
|
|
3860
3856
|
{
|
|
3861
3857
|
[et.selected]: n,
|
|
3862
3858
|
[et.disabled]: l
|
|
3863
3859
|
}
|
|
3864
|
-
),
|
|
3860
|
+
), k = L(
|
|
3865
3861
|
et.tabPostfix,
|
|
3866
|
-
|
|
3862
|
+
g,
|
|
3867
3863
|
et[t],
|
|
3868
|
-
|
|
3864
|
+
u.postfix,
|
|
3869
3865
|
{
|
|
3870
3866
|
[et.selected]: n,
|
|
3871
3867
|
[et.disabled]: l
|
|
3872
3868
|
}
|
|
3873
|
-
),
|
|
3874
|
-
n || l || (c(
|
|
3869
|
+
), T = L(et.tabLabel, et[t], u[t]), R = (F) => {
|
|
3870
|
+
n || l || (c(_), F.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
|
|
3875
3871
|
}, I = /* @__PURE__ */ o.jsxs(
|
|
3876
3872
|
"button",
|
|
3877
3873
|
{
|
|
@@ -3880,33 +3876,33 @@ const Ue = Object.assign(Pi, {
|
|
|
3880
3876
|
"aria-label": p,
|
|
3881
3877
|
"aria-selected": n,
|
|
3882
3878
|
"aria-disabled": l,
|
|
3883
|
-
"aria-controls": `tab-panel-${
|
|
3884
|
-
"data-testid": `tab-item-${
|
|
3879
|
+
"aria-controls": `tab-panel-${_}`,
|
|
3880
|
+
"data-testid": `tab-item-${_}`,
|
|
3885
3881
|
onClick: R,
|
|
3886
3882
|
children: [
|
|
3887
|
-
|
|
3883
|
+
d && /* @__PURE__ */ o.jsx(
|
|
3888
3884
|
"span",
|
|
3889
3885
|
{
|
|
3890
3886
|
className: $,
|
|
3891
3887
|
...w,
|
|
3892
|
-
"data-testid": `tab-prefix-${
|
|
3893
|
-
children:
|
|
3888
|
+
"data-testid": `tab-prefix-${_}`,
|
|
3889
|
+
children: d
|
|
3894
3890
|
}
|
|
3895
3891
|
),
|
|
3896
|
-
/* @__PURE__ */ o.jsx("span", { className:
|
|
3892
|
+
/* @__PURE__ */ o.jsx("span", { className: T, "data-testid": `tab-label-${_}`, children: p }),
|
|
3897
3893
|
m && /* @__PURE__ */ o.jsx(
|
|
3898
3894
|
"span",
|
|
3899
3895
|
{
|
|
3900
|
-
className:
|
|
3901
|
-
...
|
|
3902
|
-
"data-testid": `tab-postfix-${
|
|
3896
|
+
className: k,
|
|
3897
|
+
...x,
|
|
3898
|
+
"data-testid": `tab-postfix-${_}`,
|
|
3903
3899
|
children: m
|
|
3904
3900
|
}
|
|
3905
3901
|
)
|
|
3906
3902
|
]
|
|
3907
3903
|
}
|
|
3908
3904
|
);
|
|
3909
|
-
return s ? /* @__PURE__ */ o.jsx(Aa, { ...v, "data-testid": `tab-badge-${
|
|
3905
|
+
return s ? /* @__PURE__ */ o.jsx(Aa, { ...v, "data-testid": `tab-badge-${_}`, children: I }) : I;
|
|
3910
3906
|
}, c1 = ({
|
|
3911
3907
|
mode: t,
|
|
3912
3908
|
items: r,
|
|
@@ -3920,7 +3916,7 @@ const Ue = Object.assign(Pi, {
|
|
|
3920
3916
|
role: "tablist",
|
|
3921
3917
|
"data-testid": "tabs-bar",
|
|
3922
3918
|
"aria-orientation": "horizontal",
|
|
3923
|
-
className:
|
|
3919
|
+
className: L(et.tabBar, et[t]),
|
|
3924
3920
|
children: r.map((c) => /* @__PURE__ */ o.jsx(
|
|
3925
3921
|
l1,
|
|
3926
3922
|
{
|
|
@@ -4153,29 +4149,29 @@ const Ue = Object.assign(Pi, {
|
|
|
4153
4149
|
classNames: a = {},
|
|
4154
4150
|
onClose: l,
|
|
4155
4151
|
buttons: c,
|
|
4156
|
-
buttonProps:
|
|
4152
|
+
buttonProps: _,
|
|
4157
4153
|
showClose: p
|
|
4158
4154
|
}) => {
|
|
4159
|
-
const
|
|
4155
|
+
const d = ["neutral", "accent"].includes(s) ? "contrast" : "primary", h = i === "m", m = !!(r && h), b = !!(n && h), y = c && !!c.length, w = !!(p && h) || !p && h && !y, g = i === "xs" ? 4 : 3;
|
|
4160
4156
|
return /* @__PURE__ */ o.jsxs("div", { className: _t.content, children: [
|
|
4161
|
-
|
|
4157
|
+
b && /* @__PURE__ */ o.jsx("div", { className: L(_t.mediaWrapper, a.mediaWrapper), children: n }),
|
|
4162
4158
|
/* @__PURE__ */ o.jsxs("div", { className: a.textWrapper, children: [
|
|
4163
4159
|
m && /* @__PURE__ */ o.jsx(
|
|
4164
4160
|
be.Subtitle,
|
|
4165
4161
|
{
|
|
4166
|
-
className:
|
|
4162
|
+
className: L(_t.typography, _t.title, a.typography),
|
|
4167
4163
|
size: 1,
|
|
4168
4164
|
as: "h3",
|
|
4169
|
-
typographyStyle:
|
|
4165
|
+
typographyStyle: d,
|
|
4170
4166
|
children: r
|
|
4171
4167
|
}
|
|
4172
4168
|
),
|
|
4173
4169
|
/* @__PURE__ */ o.jsx(
|
|
4174
4170
|
be.Label,
|
|
4175
4171
|
{
|
|
4176
|
-
className:
|
|
4177
|
-
typographyStyle:
|
|
4178
|
-
size:
|
|
4172
|
+
className: L(_t.typography, _t.text, a.typography),
|
|
4173
|
+
typographyStyle: d,
|
|
4174
|
+
size: g,
|
|
4179
4175
|
children: t
|
|
4180
4176
|
}
|
|
4181
4177
|
)
|
|
@@ -4184,8 +4180,8 @@ const Ue = Object.assign(Pi, {
|
|
|
4184
4180
|
"button",
|
|
4185
4181
|
{
|
|
4186
4182
|
type: "button",
|
|
4187
|
-
className:
|
|
4188
|
-
[_t.hasMedia]:
|
|
4183
|
+
className: L(_t.closeButton, _t[s], a.closeButton, {
|
|
4184
|
+
[_t.hasMedia]: b
|
|
4189
4185
|
}),
|
|
4190
4186
|
onClick: l,
|
|
4191
4187
|
"aria-label": "Закрыть подсказку",
|
|
@@ -4193,12 +4189,12 @@ const Ue = Object.assign(Pi, {
|
|
|
4193
4189
|
children: /* @__PURE__ */ o.jsx($1, {})
|
|
4194
4190
|
}
|
|
4195
4191
|
),
|
|
4196
|
-
|
|
4197
|
-
const v = M1(
|
|
4192
|
+
h && y && /* @__PURE__ */ o.jsx("div", { className: _t.buttonStack, children: c.map((x, u) => {
|
|
4193
|
+
const v = M1(u, c.length, s), S = N1(x, v, _), { closeOnClick: $, ...k } = S, T = (R) => {
|
|
4198
4194
|
var I;
|
|
4199
|
-
(I =
|
|
4195
|
+
(I = k.onClick) == null || I.call(k, R), $ && (l == null || l());
|
|
4200
4196
|
};
|
|
4201
|
-
return /* @__PURE__ */ o.jsx(he, { ...
|
|
4197
|
+
return /* @__PURE__ */ o.jsx(he, { ...k, onClick: T }, u);
|
|
4202
4198
|
}) })
|
|
4203
4199
|
] });
|
|
4204
4200
|
}, lc = ({
|
|
@@ -4210,29 +4206,29 @@ const Ue = Object.assign(Pi, {
|
|
|
4210
4206
|
mouseLeaveDelay: a = 0.1,
|
|
4211
4207
|
showArrow: l = !0,
|
|
4212
4208
|
showClose: c = !0,
|
|
4213
|
-
trigger:
|
|
4209
|
+
trigger: _ = "hover",
|
|
4214
4210
|
variant: p = "neutral",
|
|
4215
|
-
size:
|
|
4216
|
-
text:
|
|
4211
|
+
size: d = "s",
|
|
4212
|
+
text: h,
|
|
4217
4213
|
title: m,
|
|
4218
|
-
media:
|
|
4214
|
+
media: b,
|
|
4219
4215
|
buttons: y,
|
|
4220
4216
|
buttonProps: w,
|
|
4221
|
-
onClose:
|
|
4222
|
-
...
|
|
4217
|
+
onClose: g,
|
|
4218
|
+
...x
|
|
4223
4219
|
}) => {
|
|
4224
|
-
const [
|
|
4225
|
-
v(!1),
|
|
4226
|
-
}, R = t || (
|
|
4220
|
+
const [u, v] = pt(!1), [S, $] = pt(!1), k = d === "m" ? E1 : R1, T = () => {
|
|
4221
|
+
v(!1), g == null || g();
|
|
4222
|
+
}, R = t || (d === "m" ? /* @__PURE__ */ o.jsx(
|
|
4227
4223
|
Ke,
|
|
4228
4224
|
{
|
|
4229
4225
|
classNames: s,
|
|
4230
|
-
text:
|
|
4226
|
+
text: h,
|
|
4231
4227
|
variant: p,
|
|
4232
|
-
size:
|
|
4233
|
-
onClose:
|
|
4228
|
+
size: d,
|
|
4229
|
+
onClose: T,
|
|
4234
4230
|
title: m,
|
|
4235
|
-
media:
|
|
4231
|
+
media: b,
|
|
4236
4232
|
showClose: c,
|
|
4237
4233
|
buttons: y,
|
|
4238
4234
|
buttonProps: w
|
|
@@ -4241,40 +4237,40 @@ const Ue = Object.assign(Pi, {
|
|
|
4241
4237
|
Ke,
|
|
4242
4238
|
{
|
|
4243
4239
|
classNames: s,
|
|
4244
|
-
text:
|
|
4240
|
+
text: h,
|
|
4245
4241
|
variant: p,
|
|
4246
|
-
size:
|
|
4247
|
-
onClose:
|
|
4242
|
+
size: d,
|
|
4243
|
+
onClose: T
|
|
4248
4244
|
}
|
|
4249
4245
|
));
|
|
4250
4246
|
return ot(() => {
|
|
4251
|
-
if (
|
|
4247
|
+
if (u) {
|
|
4252
4248
|
const I = requestAnimationFrame(() => $(!0));
|
|
4253
4249
|
return () => cancelAnimationFrame(I);
|
|
4254
4250
|
}
|
|
4255
4251
|
$(!1);
|
|
4256
|
-
}, [
|
|
4252
|
+
}, [u]), /* @__PURE__ */ o.jsx(
|
|
4257
4253
|
Yr,
|
|
4258
4254
|
{
|
|
4259
|
-
visible:
|
|
4255
|
+
visible: u,
|
|
4260
4256
|
onVisibleChange: v,
|
|
4261
4257
|
classNames: {
|
|
4262
|
-
root:
|
|
4263
|
-
...
|
|
4258
|
+
root: L(_t.root, _t[p], _t[d], S && _t.open),
|
|
4259
|
+
...x.classNames
|
|
4264
4260
|
},
|
|
4265
4261
|
placement: n,
|
|
4266
4262
|
overlay: () => R,
|
|
4267
|
-
trigger:
|
|
4263
|
+
trigger: _,
|
|
4268
4264
|
mouseEnterDelay: i,
|
|
4269
4265
|
mouseLeaveDelay: a,
|
|
4270
4266
|
motion: { motionName: "tooltipMotion" },
|
|
4271
|
-
builtinPlacements:
|
|
4267
|
+
builtinPlacements: k,
|
|
4272
4268
|
showArrow: l ? {
|
|
4273
4269
|
content: /* @__PURE__ */ o.jsx(T1, {}),
|
|
4274
|
-
className: `tooltipArrow tooltipArrow-${
|
|
4270
|
+
className: `tooltipArrow tooltipArrow-${d}`
|
|
4275
4271
|
} : !1,
|
|
4276
4272
|
destroyTooltipOnHide: !0,
|
|
4277
|
-
...
|
|
4273
|
+
...x,
|
|
4278
4274
|
children: r
|
|
4279
4275
|
}
|
|
4280
4276
|
);
|
|
@@ -4293,7 +4289,7 @@ const Ue = Object.assign(Pi, {
|
|
|
4293
4289
|
m: U["typography-label-2-regular"],
|
|
4294
4290
|
l: U["typography-label-2-regular"]
|
|
4295
4291
|
}, cc = (t) => {
|
|
4296
|
-
var
|
|
4292
|
+
var u;
|
|
4297
4293
|
const {
|
|
4298
4294
|
className: r,
|
|
4299
4295
|
defaultValue: n,
|
|
@@ -4302,29 +4298,29 @@ const Ue = Object.assign(Pi, {
|
|
|
4302
4298
|
segments: a,
|
|
4303
4299
|
stretched: l,
|
|
4304
4300
|
mode: c = "label",
|
|
4305
|
-
onChange:
|
|
4306
|
-
} = t, p = xe(), [
|
|
4301
|
+
onChange: _
|
|
4302
|
+
} = t, p = xe(), [d, h] = pt(n || a[0].value), [m, b] = pt({ width: 0, left: 0 }), y = Dt(null);
|
|
4307
4303
|
ot(() => {
|
|
4308
|
-
s &&
|
|
4304
|
+
s && h(s);
|
|
4309
4305
|
}, [s]), ot(() => {
|
|
4310
4306
|
w();
|
|
4311
|
-
}, [
|
|
4307
|
+
}, [d, a, i, l, c]);
|
|
4312
4308
|
const w = () => {
|
|
4313
4309
|
if (!(y != null && y.current)) return;
|
|
4314
4310
|
const v = y.current.querySelector(
|
|
4315
4311
|
'[data-is-active-segment="true"]'
|
|
4316
4312
|
);
|
|
4317
|
-
v &&
|
|
4313
|
+
v && b({
|
|
4318
4314
|
width: v.offsetWidth,
|
|
4319
4315
|
left: v.offsetLeft
|
|
4320
4316
|
});
|
|
4321
|
-
},
|
|
4322
|
-
|
|
4317
|
+
}, g = (u = a.find((v) => v.value === d)) == null ? void 0 : u.label, x = (v) => {
|
|
4318
|
+
h(v), _ == null || _(v);
|
|
4323
4319
|
};
|
|
4324
4320
|
return (a == null ? void 0 : a.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
|
|
4325
4321
|
"div",
|
|
4326
4322
|
{
|
|
4327
|
-
className:
|
|
4323
|
+
className: L(
|
|
4328
4324
|
zt.segmentedControl,
|
|
4329
4325
|
zt[i],
|
|
4330
4326
|
zt[c],
|
|
@@ -4337,7 +4333,7 @@ const Ue = Object.assign(Pi, {
|
|
|
4337
4333
|
ref: y,
|
|
4338
4334
|
children: [
|
|
4339
4335
|
a == null ? void 0 : a.map(({ label: v, value: S }, $) => {
|
|
4340
|
-
const
|
|
4336
|
+
const k = () => x(S);
|
|
4341
4337
|
return /* @__PURE__ */ o.jsxs(Vt, { children: [
|
|
4342
4338
|
/* @__PURE__ */ o.jsx(
|
|
4343
4339
|
"input",
|
|
@@ -4345,15 +4341,15 @@ const Ue = Object.assign(Pi, {
|
|
|
4345
4341
|
id: p + JSON.stringify(S),
|
|
4346
4342
|
value: JSON.stringify(S),
|
|
4347
4343
|
type: "radio",
|
|
4348
|
-
checked:
|
|
4349
|
-
onClick:
|
|
4344
|
+
checked: d === S,
|
|
4345
|
+
onClick: k
|
|
4350
4346
|
}
|
|
4351
4347
|
),
|
|
4352
4348
|
/* @__PURE__ */ o.jsx(
|
|
4353
4349
|
"label",
|
|
4354
4350
|
{
|
|
4355
|
-
"data-is-active-segment":
|
|
4356
|
-
className:
|
|
4351
|
+
"data-is-active-segment": d === S,
|
|
4352
|
+
className: L(zt.segment, Je[i]),
|
|
4357
4353
|
htmlFor: p + JSON.stringify(S),
|
|
4358
4354
|
"data-testid": "segmented-control-segment",
|
|
4359
4355
|
children: v
|
|
@@ -4364,13 +4360,13 @@ const Ue = Object.assign(Pi, {
|
|
|
4364
4360
|
/* @__PURE__ */ o.jsx(
|
|
4365
4361
|
"div",
|
|
4366
4362
|
{
|
|
4367
|
-
className:
|
|
4363
|
+
className: L(zt.activeSegmentIndicator, Je[i]),
|
|
4368
4364
|
"data-testid": "segmented-control-active-segment",
|
|
4369
4365
|
style: {
|
|
4370
4366
|
width: m.width,
|
|
4371
4367
|
left: m.left
|
|
4372
4368
|
},
|
|
4373
|
-
children:
|
|
4369
|
+
children: g
|
|
4374
4370
|
}
|
|
4375
4371
|
)
|
|
4376
4372
|
]
|