skillgrid 0.0.35 → 0.0.36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as Je from "react";
|
|
2
|
-
import
|
|
2
|
+
import me, { forwardRef as U, Fragment as Ht, useState as ft, useEffect as gt, useRef as Vt, useCallback as jt, useMemo as Qe, createContext as tr, useContext as er, useLayoutEffect as rr, useImperativeHandle as Ar, useId as be } from "react";
|
|
3
3
|
import { clsx as k } from "clsx";
|
|
4
4
|
import { useFloating as Or, useTransitionStyles as Pr, useDismiss as zr, useRole as Dr, useInteractions as Fr, useMergeRefs as Wr, FloatingPortal as qr, FloatingOverlay as Hr, FloatingFocusManager as Vr } from "@floating-ui/react";
|
|
5
5
|
import Zr from "rc-tooltip";
|
|
6
6
|
import './index.css';function Xr(t) {
|
|
7
7
|
return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
|
|
8
8
|
}
|
|
9
|
-
var
|
|
9
|
+
var Gt = { exports: {} }, zt = {};
|
|
10
10
|
/**
|
|
11
11
|
* @license React
|
|
12
12
|
* react-jsx-runtime.production.min.js
|
|
@@ -20,13 +20,13 @@ var Me;
|
|
|
20
20
|
function Yr() {
|
|
21
21
|
if (Me) return zt;
|
|
22
22
|
Me = 1;
|
|
23
|
-
var t =
|
|
24
|
-
function l(c,
|
|
25
|
-
var d, g = {},
|
|
26
|
-
f !== void 0 && (
|
|
27
|
-
for (d in
|
|
28
|
-
if (c && c.defaultProps) for (d in
|
|
29
|
-
return { $$typeof: r, type: c, key:
|
|
23
|
+
var t = me, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
24
|
+
function l(c, _, f) {
|
|
25
|
+
var d, g = {}, b = null, m = null;
|
|
26
|
+
f !== void 0 && (b = "" + f), _.key !== void 0 && (b = "" + _.key), _.ref !== void 0 && (m = _.ref);
|
|
27
|
+
for (d in _) a.call(_, d) && !s.hasOwnProperty(d) && (g[d] = _[d]);
|
|
28
|
+
if (c && c.defaultProps) for (d in _ = c.defaultProps, _) g[d] === void 0 && (g[d] = _[d]);
|
|
29
|
+
return { $$typeof: r, type: c, key: b, ref: m, props: g, _owner: i.current };
|
|
30
30
|
}
|
|
31
31
|
return zt.Fragment = n, zt.jsx = l, zt.jsxs = l, zt;
|
|
32
32
|
}
|
|
@@ -43,46 +43,46 @@ var Dt = {};
|
|
|
43
43
|
var Be;
|
|
44
44
|
function Gr() {
|
|
45
45
|
return Be || (Be = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
|
-
var t =
|
|
47
|
-
function
|
|
46
|
+
var t = me, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), _ = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), m = Symbol.for("react.offscreen"), C = Symbol.iterator, y = "@@iterator";
|
|
47
|
+
function h(e) {
|
|
48
48
|
if (e === null || typeof e != "object")
|
|
49
49
|
return null;
|
|
50
|
-
var p = C && e[C] || e[
|
|
50
|
+
var p = C && e[C] || e[y];
|
|
51
51
|
return typeof p == "function" ? p : null;
|
|
52
52
|
}
|
|
53
53
|
var x = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
54
|
-
function
|
|
54
|
+
function u(e) {
|
|
55
55
|
{
|
|
56
|
-
for (var p = arguments.length,
|
|
57
|
-
|
|
58
|
-
w("error", e,
|
|
56
|
+
for (var p = arguments.length, v = new Array(p > 1 ? p - 1 : 0), $ = 1; $ < p; $++)
|
|
57
|
+
v[$ - 1] = arguments[$];
|
|
58
|
+
w("error", e, v);
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
function w(e, p,
|
|
61
|
+
function w(e, p, v) {
|
|
62
62
|
{
|
|
63
|
-
var
|
|
64
|
-
P !== "" && (p += "%s",
|
|
65
|
-
var F =
|
|
66
|
-
return String(
|
|
63
|
+
var $ = x.ReactDebugCurrentFrame, P = $.getStackAddendum();
|
|
64
|
+
P !== "" && (p += "%s", v = v.concat([P]));
|
|
65
|
+
var F = v.map(function(B) {
|
|
66
|
+
return String(B);
|
|
67
67
|
});
|
|
68
68
|
F.unshift("Warning: " + p), Function.prototype.apply.call(console[e], console, F);
|
|
69
69
|
}
|
|
70
70
|
}
|
|
71
|
-
var S = !1,
|
|
72
|
-
|
|
71
|
+
var S = !1, E = !1, j = !1, N = !1, T = !1, R;
|
|
72
|
+
R = Symbol.for("react.module.reference");
|
|
73
73
|
function O(e) {
|
|
74
|
-
return !!(typeof e == "string" || typeof e == "function" || e === a || e === s ||
|
|
74
|
+
return !!(typeof e == "string" || typeof e == "function" || e === a || e === s || T || e === i || e === f || e === d || N || e === m || S || E || j || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === g || 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.
|
|
78
|
-
e.$$typeof ===
|
|
78
|
+
e.$$typeof === R || e.getModuleId !== void 0));
|
|
79
79
|
}
|
|
80
|
-
function D(e, p,
|
|
81
|
-
var
|
|
82
|
-
if (
|
|
83
|
-
return
|
|
80
|
+
function D(e, p, v) {
|
|
81
|
+
var $ = e.displayName;
|
|
82
|
+
if ($)
|
|
83
|
+
return $;
|
|
84
84
|
var P = p.displayName || p.name || "";
|
|
85
|
-
return P !== "" ?
|
|
85
|
+
return P !== "" ? v + "(" + P + ")" : v;
|
|
86
86
|
}
|
|
87
87
|
function W(e) {
|
|
88
88
|
return e.displayName || "Context";
|
|
@@ -90,7 +90,7 @@ function Gr() {
|
|
|
90
90
|
function L(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;
|
|
@@ -114,17 +114,17 @@ function Gr() {
|
|
|
114
114
|
var p = e;
|
|
115
115
|
return W(p) + ".Consumer";
|
|
116
116
|
case l:
|
|
117
|
-
var
|
|
118
|
-
return W(
|
|
119
|
-
case
|
|
117
|
+
var v = e;
|
|
118
|
+
return W(v._context) + ".Provider";
|
|
119
|
+
case _:
|
|
120
120
|
return D(e, e.render, "ForwardRef");
|
|
121
121
|
case g:
|
|
122
|
-
var
|
|
123
|
-
return
|
|
124
|
-
case
|
|
125
|
-
var P = e, F = P._payload,
|
|
122
|
+
var $ = e.displayName || null;
|
|
123
|
+
return $ !== null ? $ : L(e.type) || "Memo";
|
|
124
|
+
case b: {
|
|
125
|
+
var P = e, F = P._payload, B = P._init;
|
|
126
126
|
try {
|
|
127
|
-
return L(
|
|
127
|
+
return L(B(F));
|
|
128
128
|
} catch {
|
|
129
129
|
return null;
|
|
130
130
|
}
|
|
@@ -132,7 +132,7 @@ function Gr() {
|
|
|
132
132
|
}
|
|
133
133
|
return null;
|
|
134
134
|
}
|
|
135
|
-
var
|
|
135
|
+
var A = Object.assign, q = 0, H, Z, K, ot, rt, J, at;
|
|
136
136
|
function st() {
|
|
137
137
|
}
|
|
138
138
|
st.__reactDisabledLog = !0;
|
|
@@ -168,110 +168,110 @@ function Gr() {
|
|
|
168
168
|
writable: !0
|
|
169
169
|
};
|
|
170
170
|
Object.defineProperties(console, {
|
|
171
|
-
log:
|
|
171
|
+
log: A({}, e, {
|
|
172
172
|
value: H
|
|
173
173
|
}),
|
|
174
|
-
info:
|
|
174
|
+
info: A({}, e, {
|
|
175
175
|
value: Z
|
|
176
176
|
}),
|
|
177
|
-
warn:
|
|
177
|
+
warn: A({}, e, {
|
|
178
178
|
value: K
|
|
179
179
|
}),
|
|
180
|
-
error:
|
|
180
|
+
error: A({}, e, {
|
|
181
181
|
value: ot
|
|
182
182
|
}),
|
|
183
|
-
group:
|
|
183
|
+
group: A({}, e, {
|
|
184
184
|
value: rt
|
|
185
185
|
}),
|
|
186
|
-
groupCollapsed:
|
|
186
|
+
groupCollapsed: A({}, e, {
|
|
187
187
|
value: J
|
|
188
188
|
}),
|
|
189
|
-
groupEnd:
|
|
189
|
+
groupEnd: A({}, e, {
|
|
190
190
|
value: at
|
|
191
191
|
})
|
|
192
192
|
});
|
|
193
193
|
}
|
|
194
|
-
q < 0 &&
|
|
194
|
+
q < 0 && u("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
197
|
var it = x.ReactCurrentDispatcher, Tt;
|
|
198
|
-
function ut(e, p,
|
|
198
|
+
function ut(e, p, v) {
|
|
199
199
|
{
|
|
200
200
|
if (Tt === void 0)
|
|
201
201
|
try {
|
|
202
202
|
throw Error();
|
|
203
203
|
} catch (P) {
|
|
204
|
-
var
|
|
205
|
-
Tt =
|
|
204
|
+
var $ = P.stack.trim().match(/\n( *(at )?)/);
|
|
205
|
+
Tt = $ && $[1] || "";
|
|
206
206
|
}
|
|
207
207
|
return `
|
|
208
208
|
` + Tt + e;
|
|
209
209
|
}
|
|
210
210
|
}
|
|
211
|
-
var
|
|
211
|
+
var Zt = !1, Mt;
|
|
212
212
|
{
|
|
213
|
-
var
|
|
214
|
-
Mt = new
|
|
213
|
+
var re = typeof WeakMap == "function" ? WeakMap : Map;
|
|
214
|
+
Mt = new re();
|
|
215
215
|
}
|
|
216
|
-
function
|
|
217
|
-
if (!e ||
|
|
216
|
+
function Xt(e, p) {
|
|
217
|
+
if (!e || Zt)
|
|
218
218
|
return "";
|
|
219
219
|
{
|
|
220
|
-
var
|
|
221
|
-
if (
|
|
222
|
-
return
|
|
220
|
+
var v = Mt.get(e);
|
|
221
|
+
if (v !== void 0)
|
|
222
|
+
return v;
|
|
223
223
|
}
|
|
224
|
-
var
|
|
225
|
-
|
|
224
|
+
var $;
|
|
225
|
+
Zt = !0;
|
|
226
226
|
var P = Error.prepareStackTrace;
|
|
227
227
|
Error.prepareStackTrace = void 0;
|
|
228
228
|
var F;
|
|
229
229
|
F = it.current, it.current = null, wt();
|
|
230
230
|
try {
|
|
231
231
|
if (p) {
|
|
232
|
-
var
|
|
232
|
+
var B = function() {
|
|
233
233
|
throw Error();
|
|
234
234
|
};
|
|
235
|
-
if (Object.defineProperty(
|
|
235
|
+
if (Object.defineProperty(B.prototype, "props", {
|
|
236
236
|
set: function() {
|
|
237
237
|
throw Error();
|
|
238
238
|
}
|
|
239
239
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
240
240
|
try {
|
|
241
|
-
Reflect.construct(
|
|
241
|
+
Reflect.construct(B, []);
|
|
242
242
|
} catch (lt) {
|
|
243
|
-
|
|
243
|
+
$ = lt;
|
|
244
244
|
}
|
|
245
|
-
Reflect.construct(e, [],
|
|
245
|
+
Reflect.construct(e, [], B);
|
|
246
246
|
} else {
|
|
247
247
|
try {
|
|
248
|
-
|
|
248
|
+
B.call();
|
|
249
249
|
} catch (lt) {
|
|
250
|
-
|
|
250
|
+
$ = lt;
|
|
251
251
|
}
|
|
252
|
-
e.call(
|
|
252
|
+
e.call(B.prototype);
|
|
253
253
|
}
|
|
254
254
|
} else {
|
|
255
255
|
try {
|
|
256
256
|
throw Error();
|
|
257
257
|
} catch (lt) {
|
|
258
|
-
|
|
258
|
+
$ = lt;
|
|
259
259
|
}
|
|
260
260
|
e();
|
|
261
261
|
}
|
|
262
262
|
} catch (lt) {
|
|
263
|
-
if (lt &&
|
|
264
|
-
for (var
|
|
265
|
-
`), nt =
|
|
266
|
-
`), X =
|
|
263
|
+
if (lt && $ && typeof lt.stack == "string") {
|
|
264
|
+
for (var I = lt.stack.split(`
|
|
265
|
+
`), nt = $.stack.split(`
|
|
266
|
+
`), X = I.length - 1, Y = nt.length - 1; X >= 1 && Y >= 0 && I[X] !== nt[Y]; )
|
|
267
267
|
Y--;
|
|
268
268
|
for (; X >= 1 && Y >= 0; X--, Y--)
|
|
269
|
-
if (
|
|
269
|
+
if (I[X] !== nt[Y]) {
|
|
270
270
|
if (X !== 1 || Y !== 1)
|
|
271
271
|
do
|
|
272
|
-
if (X--, Y--, Y < 0 ||
|
|
272
|
+
if (X--, Y--, Y < 0 || I[X] !== nt[Y]) {
|
|
273
273
|
var ht = `
|
|
274
|
-
` +
|
|
274
|
+
` + I[X].replace(" at new ", " at ");
|
|
275
275
|
return e.displayName && ht.includes("<anonymous>") && (ht = ht.replace("<anonymous>", e.displayName)), typeof e == "function" && Mt.set(e, ht), ht;
|
|
276
276
|
}
|
|
277
277
|
while (X >= 1 && Y >= 0);
|
|
@@ -279,23 +279,23 @@ function Gr() {
|
|
|
279
279
|
}
|
|
280
280
|
}
|
|
281
281
|
} finally {
|
|
282
|
-
|
|
282
|
+
Zt = !1, it.current = F, yt(), Error.prepareStackTrace = P;
|
|
283
283
|
}
|
|
284
284
|
var At = e ? e.displayName || e.name : "", Nt = At ? ut(At) : "";
|
|
285
285
|
return typeof e == "function" && Mt.set(e, Nt), Nt;
|
|
286
286
|
}
|
|
287
|
-
function
|
|
288
|
-
return
|
|
287
|
+
function ne(e, p, v) {
|
|
288
|
+
return Xt(e, !1);
|
|
289
289
|
}
|
|
290
|
-
function
|
|
290
|
+
function oe(e) {
|
|
291
291
|
var p = e.prototype;
|
|
292
292
|
return !!(p && p.isReactComponent);
|
|
293
293
|
}
|
|
294
|
-
function Q(e, p,
|
|
294
|
+
function Q(e, p, v) {
|
|
295
295
|
if (e == null)
|
|
296
296
|
return "";
|
|
297
297
|
if (typeof e == "function")
|
|
298
|
-
return
|
|
298
|
+
return Xt(e, oe(e));
|
|
299
299
|
if (typeof e == "string")
|
|
300
300
|
return ut(e);
|
|
301
301
|
switch (e) {
|
|
@@ -306,14 +306,14 @@ function Gr() {
|
|
|
306
306
|
}
|
|
307
307
|
if (typeof e == "object")
|
|
308
308
|
switch (e.$$typeof) {
|
|
309
|
-
case
|
|
310
|
-
return
|
|
309
|
+
case _:
|
|
310
|
+
return ne(e.render);
|
|
311
311
|
case g:
|
|
312
|
-
return Q(e.type, p,
|
|
313
|
-
case
|
|
314
|
-
var
|
|
312
|
+
return Q(e.type, p, v);
|
|
313
|
+
case b: {
|
|
314
|
+
var $ = e, P = $._payload, F = $._init;
|
|
315
315
|
try {
|
|
316
|
-
return Q(F(P), p,
|
|
316
|
+
return Q(F(P), p, v);
|
|
317
317
|
} catch {
|
|
318
318
|
}
|
|
319
319
|
}
|
|
@@ -321,43 +321,43 @@ function Gr() {
|
|
|
321
321
|
return "";
|
|
322
322
|
}
|
|
323
323
|
var tt = Object.prototype.hasOwnProperty, vt = {}, ve = x.ReactDebugCurrentFrame;
|
|
324
|
-
function
|
|
324
|
+
function Yt(e) {
|
|
325
325
|
if (e) {
|
|
326
|
-
var p = e._owner,
|
|
327
|
-
ve.setExtraStackFrame(
|
|
326
|
+
var p = e._owner, v = Q(e.type, e._source, p ? p.type : null);
|
|
327
|
+
ve.setExtraStackFrame(v);
|
|
328
328
|
} else
|
|
329
329
|
ve.setExtraStackFrame(null);
|
|
330
330
|
}
|
|
331
|
-
function fr(e, p,
|
|
331
|
+
function fr(e, p, v, $, P) {
|
|
332
332
|
{
|
|
333
333
|
var F = Function.call.bind(tt);
|
|
334
|
-
for (var
|
|
335
|
-
if (F(e,
|
|
336
|
-
var
|
|
334
|
+
for (var B in e)
|
|
335
|
+
if (F(e, B)) {
|
|
336
|
+
var I = void 0;
|
|
337
337
|
try {
|
|
338
|
-
if (typeof e[
|
|
339
|
-
var nt = Error((
|
|
338
|
+
if (typeof e[B] != "function") {
|
|
339
|
+
var nt = Error(($ || "React class") + ": " + v + " type `" + B + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[B] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
340
340
|
throw nt.name = "Invariant Violation", nt;
|
|
341
341
|
}
|
|
342
|
-
|
|
342
|
+
I = e[B](p, B, $, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
343
343
|
} catch (X) {
|
|
344
|
-
|
|
344
|
+
I = X;
|
|
345
345
|
}
|
|
346
|
-
|
|
346
|
+
I && !(I 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).", $ || "React class", v, B, typeof I), Yt(null)), I instanceof Error && !(I.message in vt) && (vt[I.message] = !0, Yt(P), u("Failed %s type: %s", v, I.message), Yt(null));
|
|
347
347
|
}
|
|
348
348
|
}
|
|
349
349
|
}
|
|
350
350
|
var gr = Array.isArray;
|
|
351
|
-
function
|
|
351
|
+
function ae(e) {
|
|
352
352
|
return gr(e);
|
|
353
353
|
}
|
|
354
354
|
function hr(e) {
|
|
355
355
|
{
|
|
356
|
-
var p = typeof Symbol == "function" && Symbol.toStringTag,
|
|
357
|
-
return
|
|
356
|
+
var p = typeof Symbol == "function" && Symbol.toStringTag, v = p && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
357
|
+
return v;
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
|
-
function
|
|
360
|
+
function mr(e) {
|
|
361
361
|
try {
|
|
362
362
|
return Ce(e), !1;
|
|
363
363
|
} catch {
|
|
@@ -368,10 +368,10 @@ function Gr() {
|
|
|
368
368
|
return "" + e;
|
|
369
369
|
}
|
|
370
370
|
function we(e) {
|
|
371
|
-
if (
|
|
372
|
-
return
|
|
371
|
+
if (mr(e))
|
|
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)), Ce(e);
|
|
373
373
|
}
|
|
374
|
-
var ke = x.ReactCurrentOwner,
|
|
374
|
+
var ke = x.ReactCurrentOwner, br = {
|
|
375
375
|
key: !0,
|
|
376
376
|
ref: !0,
|
|
377
377
|
__self: !0,
|
|
@@ -398,90 +398,90 @@ function Gr() {
|
|
|
398
398
|
}
|
|
399
399
|
function Cr(e, p) {
|
|
400
400
|
{
|
|
401
|
-
var
|
|
402
|
-
Se || (Se = !0,
|
|
401
|
+
var v = function() {
|
|
402
|
+
Se || (Se = !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)", p));
|
|
403
403
|
};
|
|
404
|
-
|
|
405
|
-
get:
|
|
404
|
+
v.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
405
|
+
get: v,
|
|
406
406
|
configurable: !0
|
|
407
407
|
});
|
|
408
408
|
}
|
|
409
409
|
}
|
|
410
410
|
function wr(e, p) {
|
|
411
411
|
{
|
|
412
|
-
var
|
|
413
|
-
Le || (Le = !0,
|
|
412
|
+
var v = function() {
|
|
413
|
+
Le || (Le = !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)", p));
|
|
414
414
|
};
|
|
415
|
-
|
|
416
|
-
get:
|
|
415
|
+
v.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
416
|
+
get: v,
|
|
417
417
|
configurable: !0
|
|
418
418
|
});
|
|
419
419
|
}
|
|
420
420
|
}
|
|
421
|
-
var kr = function(e, p,
|
|
422
|
-
var
|
|
421
|
+
var kr = function(e, p, v, $, P, F, B) {
|
|
422
|
+
var I = {
|
|
423
423
|
// This tag allows us to uniquely identify this as a React Element
|
|
424
424
|
$$typeof: r,
|
|
425
425
|
// Built-in properties that belong on the element
|
|
426
426
|
type: e,
|
|
427
427
|
key: p,
|
|
428
|
-
ref:
|
|
429
|
-
props:
|
|
428
|
+
ref: v,
|
|
429
|
+
props: B,
|
|
430
430
|
// Record the component responsible for creating this element.
|
|
431
431
|
_owner: F
|
|
432
432
|
};
|
|
433
|
-
return
|
|
433
|
+
return I._store = {}, Object.defineProperty(I._store, "validated", {
|
|
434
434
|
configurable: !1,
|
|
435
435
|
enumerable: !1,
|
|
436
436
|
writable: !0,
|
|
437
437
|
value: !1
|
|
438
|
-
}), Object.defineProperty(
|
|
438
|
+
}), Object.defineProperty(I, "_self", {
|
|
439
439
|
configurable: !1,
|
|
440
440
|
enumerable: !1,
|
|
441
441
|
writable: !1,
|
|
442
|
-
value:
|
|
443
|
-
}), Object.defineProperty(
|
|
442
|
+
value: $
|
|
443
|
+
}), Object.defineProperty(I, "_source", {
|
|
444
444
|
configurable: !1,
|
|
445
445
|
enumerable: !1,
|
|
446
446
|
writable: !1,
|
|
447
447
|
value: P
|
|
448
|
-
}), Object.freeze && (Object.freeze(
|
|
448
|
+
}), Object.freeze && (Object.freeze(I.props), Object.freeze(I)), I;
|
|
449
449
|
};
|
|
450
|
-
function Sr(e, p,
|
|
450
|
+
function Sr(e, p, v, $, P) {
|
|
451
451
|
{
|
|
452
|
-
var F,
|
|
453
|
-
|
|
452
|
+
var F, B = {}, I = null, nt = null;
|
|
453
|
+
v !== void 0 && (we(v), I = "" + v), yr(p) && (we(p.key), I = "" + p.key), xr(p) && (nt = p.ref, vr(p, P));
|
|
454
454
|
for (F in p)
|
|
455
|
-
tt.call(p, F) && !
|
|
455
|
+
tt.call(p, F) && !br.hasOwnProperty(F) && (B[F] = p[F]);
|
|
456
456
|
if (e && e.defaultProps) {
|
|
457
457
|
var X = e.defaultProps;
|
|
458
458
|
for (F in X)
|
|
459
|
-
|
|
459
|
+
B[F] === void 0 && (B[F] = X[F]);
|
|
460
460
|
}
|
|
461
|
-
if (
|
|
461
|
+
if (I || nt) {
|
|
462
462
|
var Y = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
463
|
-
|
|
463
|
+
I && Cr(B, Y), nt && wr(B, Y);
|
|
464
464
|
}
|
|
465
|
-
return kr(e,
|
|
465
|
+
return kr(e, I, nt, P, $, ke.current, B);
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
|
-
var
|
|
468
|
+
var se = x.ReactCurrentOwner, je = x.ReactDebugCurrentFrame;
|
|
469
469
|
function Bt(e) {
|
|
470
470
|
if (e) {
|
|
471
|
-
var p = e._owner,
|
|
472
|
-
je.setExtraStackFrame(
|
|
471
|
+
var p = e._owner, v = Q(e.type, e._source, p ? p.type : null);
|
|
472
|
+
je.setExtraStackFrame(v);
|
|
473
473
|
} else
|
|
474
474
|
je.setExtraStackFrame(null);
|
|
475
475
|
}
|
|
476
|
-
var
|
|
477
|
-
|
|
478
|
-
function
|
|
476
|
+
var ie;
|
|
477
|
+
ie = !1;
|
|
478
|
+
function le(e) {
|
|
479
479
|
return typeof e == "object" && e !== null && e.$$typeof === r;
|
|
480
480
|
}
|
|
481
481
|
function $e() {
|
|
482
482
|
{
|
|
483
|
-
if (
|
|
484
|
-
var e = L(
|
|
483
|
+
if (se.current) {
|
|
484
|
+
var e = L(se.current.type);
|
|
485
485
|
if (e)
|
|
486
486
|
return `
|
|
487
487
|
|
|
@@ -498,10 +498,10 @@ Check the render method of \`` + e + "`.";
|
|
|
498
498
|
{
|
|
499
499
|
var p = $e();
|
|
500
500
|
if (!p) {
|
|
501
|
-
var
|
|
502
|
-
|
|
501
|
+
var v = typeof e == "string" ? e : e.displayName || e.name;
|
|
502
|
+
v && (p = `
|
|
503
503
|
|
|
504
|
-
Check the top-level render call using <` +
|
|
504
|
+
Check the top-level render call using <` + v + ">.");
|
|
505
505
|
}
|
|
506
506
|
return p;
|
|
507
507
|
}
|
|
@@ -511,30 +511,30 @@ Check the top-level render call using <` + y + ">.");
|
|
|
511
511
|
if (!e._store || e._store.validated || e.key != null)
|
|
512
512
|
return;
|
|
513
513
|
e._store.validated = !0;
|
|
514
|
-
var
|
|
515
|
-
if (Te[
|
|
514
|
+
var v = jr(p);
|
|
515
|
+
if (Te[v])
|
|
516
516
|
return;
|
|
517
|
-
Te[
|
|
518
|
-
var
|
|
519
|
-
e && e._owner && e._owner !==
|
|
517
|
+
Te[v] = !0;
|
|
518
|
+
var $ = "";
|
|
519
|
+
e && e._owner && e._owner !== se.current && ($ = " It was passed a child from " + L(e._owner.type) + "."), Bt(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.', v, $), Bt(null);
|
|
520
520
|
}
|
|
521
521
|
}
|
|
522
|
-
function
|
|
522
|
+
function Ne(e, p) {
|
|
523
523
|
{
|
|
524
524
|
if (typeof e != "object")
|
|
525
525
|
return;
|
|
526
|
-
if (
|
|
527
|
-
for (var
|
|
528
|
-
var
|
|
529
|
-
|
|
526
|
+
if (ae(e))
|
|
527
|
+
for (var v = 0; v < e.length; v++) {
|
|
528
|
+
var $ = e[v];
|
|
529
|
+
le($) && Ee($, p);
|
|
530
530
|
}
|
|
531
|
-
else if (
|
|
531
|
+
else if (le(e))
|
|
532
532
|
e._store && (e._store.validated = !0);
|
|
533
533
|
else if (e) {
|
|
534
|
-
var P =
|
|
534
|
+
var P = h(e);
|
|
535
535
|
if (typeof P == "function" && P !== e.entries)
|
|
536
|
-
for (var F = P.call(e),
|
|
537
|
-
|
|
536
|
+
for (var F = P.call(e), B; !(B = F.next()).done; )
|
|
537
|
+
le(B.value) && Ee(B.value, p);
|
|
538
538
|
}
|
|
539
539
|
}
|
|
540
540
|
}
|
|
@@ -543,99 +543,99 @@ Check the top-level render call using <` + y + ">.");
|
|
|
543
543
|
var p = e.type;
|
|
544
544
|
if (p == null || typeof p == "string")
|
|
545
545
|
return;
|
|
546
|
-
var
|
|
546
|
+
var v;
|
|
547
547
|
if (typeof p == "function")
|
|
548
|
-
|
|
549
|
-
else if (typeof p == "object" && (p.$$typeof ===
|
|
548
|
+
v = p.propTypes;
|
|
549
|
+
else if (typeof p == "object" && (p.$$typeof === _ || // Note: Memo only checks outer props here.
|
|
550
550
|
// Inner props are checked in the reconciler.
|
|
551
551
|
p.$$typeof === g))
|
|
552
|
-
|
|
552
|
+
v = p.propTypes;
|
|
553
553
|
else
|
|
554
554
|
return;
|
|
555
|
-
if (
|
|
556
|
-
var
|
|
557
|
-
fr(
|
|
558
|
-
} else if (p.PropTypes !== void 0 && !
|
|
559
|
-
|
|
555
|
+
if (v) {
|
|
556
|
+
var $ = L(p);
|
|
557
|
+
fr(v, e.props, "prop", $, e);
|
|
558
|
+
} else if (p.PropTypes !== void 0 && !ie) {
|
|
559
|
+
ie = !0;
|
|
560
560
|
var P = L(p);
|
|
561
|
-
|
|
561
|
+
u("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
|
|
562
562
|
}
|
|
563
|
-
typeof p.getDefaultProps == "function" && !p.getDefaultProps.isReactClassApproved &&
|
|
563
|
+
typeof p.getDefaultProps == "function" && !p.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) {
|
|
567
567
|
{
|
|
568
|
-
for (var p = Object.keys(e.props),
|
|
569
|
-
var
|
|
570
|
-
if (
|
|
571
|
-
Bt(e),
|
|
568
|
+
for (var p = Object.keys(e.props), v = 0; v < p.length; v++) {
|
|
569
|
+
var $ = p[v];
|
|
570
|
+
if ($ !== "children" && $ !== "key") {
|
|
571
|
+
Bt(e), u("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", $), Bt(null);
|
|
572
572
|
break;
|
|
573
573
|
}
|
|
574
574
|
}
|
|
575
|
-
e.ref !== null && (Bt(e),
|
|
575
|
+
e.ref !== null && (Bt(e), u("Invalid attribute `ref` supplied to `React.Fragment`."), Bt(null));
|
|
576
576
|
}
|
|
577
577
|
}
|
|
578
|
-
var
|
|
579
|
-
function Ie(e, p,
|
|
578
|
+
var Re = {};
|
|
579
|
+
function Ie(e, p, v, $, P, F) {
|
|
580
580
|
{
|
|
581
|
-
var
|
|
582
|
-
if (!
|
|
583
|
-
var
|
|
584
|
-
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (
|
|
581
|
+
var B = O(e);
|
|
582
|
+
if (!B) {
|
|
583
|
+
var I = "";
|
|
584
|
+
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (I += " 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
|
-
nt ?
|
|
586
|
+
nt ? I += nt : I += $e();
|
|
587
587
|
var X;
|
|
588
|
-
e === null ? X = "null" :
|
|
588
|
+
e === null ? X = "null" : ae(e) ? X = "array" : e !== void 0 && e.$$typeof === r ? (X = "<" + (L(e.type) || "Unknown") + " />", I = " Did you accidentally export a JSX literal instead of a component?") : X = 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", X, I);
|
|
589
589
|
}
|
|
590
|
-
var Y = Sr(e, p,
|
|
590
|
+
var Y = Sr(e, p, v, P, F);
|
|
591
591
|
if (Y == null)
|
|
592
592
|
return Y;
|
|
593
|
-
if (
|
|
593
|
+
if (B) {
|
|
594
594
|
var ht = p.children;
|
|
595
595
|
if (ht !== void 0)
|
|
596
|
-
if (
|
|
597
|
-
if (
|
|
596
|
+
if ($)
|
|
597
|
+
if (ae(ht)) {
|
|
598
598
|
for (var At = 0; At < ht.length; At++)
|
|
599
|
-
|
|
599
|
+
Ne(ht[At], e);
|
|
600
600
|
Object.freeze && Object.freeze(ht);
|
|
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
|
+
Ne(ht, e);
|
|
605
605
|
}
|
|
606
606
|
if (tt.call(p, "key")) {
|
|
607
607
|
var Nt = L(e), lt = Object.keys(p).filter(function(Br) {
|
|
608
608
|
return Br !== "key";
|
|
609
|
-
}),
|
|
610
|
-
if (!
|
|
609
|
+
}), ce = lt.length > 0 ? "{key: someKey, " + lt.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
610
|
+
if (!Re[Nt + ce]) {
|
|
611
611
|
var Mr = lt.length > 0 ? "{" + lt.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:
|
|
616
616
|
let props = %s;
|
|
617
|
-
<%s key={someKey} {...props} />`,
|
|
617
|
+
<%s key={someKey} {...props} />`, ce, Nt, Mr, Nt), Re[Nt + ce] = !0;
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
620
|
return e === a ? Tr(Y) : $r(Y), Y;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
|
-
function Er(e, p,
|
|
624
|
-
return Ie(e, p,
|
|
623
|
+
function Er(e, p, v) {
|
|
624
|
+
return Ie(e, p, v, !0);
|
|
625
625
|
}
|
|
626
|
-
function
|
|
627
|
-
return Ie(e, p,
|
|
626
|
+
function Nr(e, p, v) {
|
|
627
|
+
return Ie(e, p, v, !1);
|
|
628
628
|
}
|
|
629
|
-
var
|
|
630
|
-
Dt.Fragment = a, Dt.jsx =
|
|
629
|
+
var Rr = Nr, Ir = Er;
|
|
630
|
+
Dt.Fragment = a, Dt.jsx = Rr, Dt.jsxs = Ir;
|
|
631
631
|
}()), Dt;
|
|
632
632
|
}
|
|
633
633
|
var Ae;
|
|
634
634
|
function Ur() {
|
|
635
|
-
return Ae || (Ae = 1, process.env.NODE_ENV === "production" ?
|
|
635
|
+
return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? Gt.exports = Yr() : Gt.exports = Gr()), Gt.exports;
|
|
636
636
|
}
|
|
637
637
|
var o = Ur();
|
|
638
|
-
const Kr = (t) => t.as === "a", Jr = (t) => t.as === void 0 || t.as === "button", Oe = (t) => t.displayAs === void 0 || t.displayAs === "button", Qr = (t) => t.displayAs === "link", tn = "_button_11kkg_1", en = "_link_11kkg_22", rn = "_disabled_11kkg_27", nn = "_loading_11kkg_27", on = "_neutral_11kkg_59", an = "_accent_11kkg_63", sn = "_positive_11kkg_67", ln = "_negative_11kkg_71", cn = "_contrast_11kkg_75", dn = "_primary_11kkg_79", un = "_secondary_11kkg_80", _n = "_tertiary_11kkg_81", pn = "_gray_11kkg_91", fn = "_spaceBetween_11kkg_119", gn = "_rightGroup_11kkg_119", hn = "_withSubcaption_11kkg_127",
|
|
638
|
+
const Kr = (t) => t.as === "a", Jr = (t) => t.as === void 0 || t.as === "button", Oe = (t) => t.displayAs === void 0 || t.displayAs === "button", Qr = (t) => t.displayAs === "link", tn = "_button_11kkg_1", en = "_link_11kkg_22", rn = "_disabled_11kkg_27", nn = "_loading_11kkg_27", on = "_neutral_11kkg_59", an = "_accent_11kkg_63", sn = "_positive_11kkg_67", ln = "_negative_11kkg_71", cn = "_contrast_11kkg_75", dn = "_primary_11kkg_79", un = "_secondary_11kkg_80", _n = "_tertiary_11kkg_81", pn = "_gray_11kkg_91", fn = "_spaceBetween_11kkg_119", gn = "_rightGroup_11kkg_119", hn = "_withSubcaption_11kkg_127", mn = "_label_11kkg_139", bn = "_icon_11kkg_148", xn = "_labelText_11kkg_153", yn = "_isLink_11kkg_159", vn = "_iconOnly_11kkg_174", Cn = "_stretched_11kkg_190", wn = "_postfix_11kkg_195", kn = "_underline_11kkg_225", Sn = "_backButton_11kkg_428", Ln = "_warning_11kkg_1159", jn = "_subcaption_11kkg_1389", $n = "_content_11kkg_1394", Tn = "_contentHidden_11kkg_1398", En = "_loaderWrapper_11kkg_1402", Nn = "_l_11kkg_22", Rn = "_m_11kkg_1441", In = "_s_11kkg_80", Mn = "_xs_11kkg_1484", Bn = "_noPaddings_11kkg_1506", An = "_iconRight_11kkg_1542", On = "_spin_11kkg_1", z = {
|
|
639
639
|
button: tn,
|
|
640
640
|
link: en,
|
|
641
641
|
disabled: rn,
|
|
@@ -652,8 +652,8 @@ const Kr = (t) => t.as === "a", Jr = (t) => t.as === void 0 || t.as === "button"
|
|
|
652
652
|
spaceBetween: fn,
|
|
653
653
|
rightGroup: gn,
|
|
654
654
|
withSubcaption: hn,
|
|
655
|
-
label:
|
|
656
|
-
icon:
|
|
655
|
+
label: mn,
|
|
656
|
+
icon: bn,
|
|
657
657
|
labelText: xn,
|
|
658
658
|
isLink: yn,
|
|
659
659
|
iconOnly: vn,
|
|
@@ -666,8 +666,8 @@ const Kr = (t) => t.as === "a", Jr = (t) => t.as === void 0 || t.as === "button"
|
|
|
666
666
|
content: $n,
|
|
667
667
|
contentHidden: Tn,
|
|
668
668
|
loaderWrapper: En,
|
|
669
|
-
l:
|
|
670
|
-
m:
|
|
669
|
+
l: Nn,
|
|
670
|
+
m: Rn,
|
|
671
671
|
s: In,
|
|
672
672
|
xs: Mn,
|
|
673
673
|
noPaddings: Bn,
|
|
@@ -732,7 +732,7 @@ const Fn = (t, r, n) => t ? "gray" : r === "primary" ? {
|
|
|
732
732
|
"typography-paragraph-2-regular": "_typography-paragraph-2-regular_1lyxn_176",
|
|
733
733
|
"typography-paragraph-3-regular": "_typography-paragraph-3-regular_1lyxn_185",
|
|
734
734
|
"typography-paragraph-4-regular": "_typography-paragraph-4-regular_1lyxn_194"
|
|
735
|
-
}, Wn = "_loader_isv17_1", qn = "_spin_isv17_1", Hn = "_accent_isv17_19", Vn = "_neutral_isv17_23", Zn = "_positive_isv17_27", Xn = "_negative_isv17_31", Yn = "_gray_isv17_35", Gn = "_special_isv17_39", Un = "_contrast_isv17_43", Kn = "_container_isv17_47", Jn = "_overlay_isv17_57",
|
|
735
|
+
}, Wn = "_loader_isv17_1", qn = "_spin_isv17_1", Hn = "_accent_isv17_19", Vn = "_neutral_isv17_23", Zn = "_positive_isv17_27", Xn = "_negative_isv17_31", Yn = "_gray_isv17_35", Gn = "_special_isv17_39", Un = "_contrast_isv17_43", Kn = "_container_isv17_47", Jn = "_overlay_isv17_57", qt = {
|
|
736
736
|
loader: Wn,
|
|
737
737
|
spin: qn,
|
|
738
738
|
accent: Hn,
|
|
@@ -750,7 +750,7 @@ const Fn = (t, r, n) => t ? "gray" : r === "primary" ? {
|
|
|
750
750
|
"size-64": "_size-64_isv17_84",
|
|
751
751
|
"size-96": "_size-96_isv17_88"
|
|
752
752
|
};
|
|
753
|
-
var
|
|
753
|
+
var de = { exports: {} };
|
|
754
754
|
/*!
|
|
755
755
|
Copyright (c) 2018 Jed Watson.
|
|
756
756
|
Licensed under the MIT License (MIT), see
|
|
@@ -787,10 +787,10 @@ function Qn() {
|
|
|
787
787
|
}
|
|
788
788
|
t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
|
|
789
789
|
})();
|
|
790
|
-
}(
|
|
790
|
+
}(de)), de.exports;
|
|
791
791
|
}
|
|
792
792
|
var to = Qn();
|
|
793
|
-
const
|
|
793
|
+
const It = /* @__PURE__ */ Xr(to), nr = U(
|
|
794
794
|
({
|
|
795
795
|
size: t = 24,
|
|
796
796
|
variant: r = "accent",
|
|
@@ -799,10 +799,10 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
799
799
|
style: i,
|
|
800
800
|
...s
|
|
801
801
|
}, l) => {
|
|
802
|
-
const c =
|
|
803
|
-
|
|
804
|
-
|
|
805
|
-
|
|
802
|
+
const c = It(
|
|
803
|
+
qt.loader,
|
|
804
|
+
qt[r],
|
|
805
|
+
qt[`size-${t}`],
|
|
806
806
|
n
|
|
807
807
|
);
|
|
808
808
|
return /* @__PURE__ */ o.jsx(
|
|
@@ -836,12 +836,12 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
836
836
|
children: s,
|
|
837
837
|
className: l,
|
|
838
838
|
style: c,
|
|
839
|
-
"data-testid":
|
|
839
|
+
"data-testid": _,
|
|
840
840
|
...f
|
|
841
|
-
} = t, d =
|
|
842
|
-
return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid":
|
|
841
|
+
} = t, d = It(qt.container, l);
|
|
842
|
+
return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid": _, ...f, children: [
|
|
843
843
|
s,
|
|
844
|
-
n && /* @__PURE__ */ o.jsx("div", { className:
|
|
844
|
+
n && /* @__PURE__ */ o.jsx("div", { className: qt.overlay, children: /* @__PURE__ */ o.jsx(nr, { size: a, variant: i, "data-testid": `${_}-spinner` }) })
|
|
845
845
|
] });
|
|
846
846
|
}), or = U((t, r) => t.children ? /* @__PURE__ */ o.jsx(
|
|
847
847
|
eo,
|
|
@@ -908,9 +908,9 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
908
908
|
size: s,
|
|
909
909
|
isAsButton: l
|
|
910
910
|
}) => {
|
|
911
|
-
const c = !!(i && l && s === "l"),
|
|
912
|
-
return /* @__PURE__ */ o.jsxs(
|
|
913
|
-
c && n && /* @__PURE__ */ o.jsxs(
|
|
911
|
+
const c = !!(i && l && s === "l"), _ = !!(!n && l && r), f = l && !!(c && !n && a || a && !c);
|
|
912
|
+
return /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
913
|
+
c && n && /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
914
914
|
/* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: k(z.label, z.labelText), children: n }),
|
|
915
915
|
/* @__PURE__ */ o.jsx(
|
|
916
916
|
"span",
|
|
@@ -926,7 +926,7 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
926
926
|
/* @__PURE__ */ o.jsx("span", { className: k(z.labelText, { [z.isLink]: !l }), children: n }),
|
|
927
927
|
!l && t && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: k(z.icon, z.iconRight), children: t })
|
|
928
928
|
] }),
|
|
929
|
-
|
|
929
|
+
_ && /* @__PURE__ */ o.jsx("span", { "data-testid": "button-icon", className: z.icon, children: l ? r : t }),
|
|
930
930
|
f && /* @__PURE__ */ o.jsx("div", { "data-testid": "button-right-group", className: z.rightGroup, children: /* @__PURE__ */ o.jsx(
|
|
931
931
|
"span",
|
|
932
932
|
{
|
|
@@ -944,8 +944,8 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
944
944
|
disabled: s = !1,
|
|
945
945
|
className: l,
|
|
946
946
|
children: c,
|
|
947
|
-
tabIndex:
|
|
948
|
-
} = t, f = n === "tertiary", d = Oe(t), g = Qr(t),
|
|
947
|
+
tabIndex: _
|
|
948
|
+
} = t, f = n === "tertiary", d = Oe(t), g = Qr(t), b = f && "paddings" in t ? t.paddings ?? !0 : !0, m = d ? t.subcaption : void 0, C = d ? t.postfix : void 0, y = d ? t.stretched : void 0, h = !(g && t.size === void 0), x = g && h ? t.iconLeft : void 0, u = g && h ? t.iconRight : void 0, w = !!(d && "loading" in t && t.loading), S = d ? s : s || w, E = !S && !w, j = d ? t.iconLeft : void 0, N = !!(!c && (d && j && !C || g && u)), T = typeof y == "object" ? y.justify === "space-between" : void 0, R = ao(a), O = G[R], D = g ? Dn(t.size ?? "m") : void 0, W = D ? G[D] : void 0, L = Fn(S, n, i), A = S || w ? -1 : _, q = k(
|
|
949
949
|
z.button,
|
|
950
950
|
z[a],
|
|
951
951
|
z[n],
|
|
@@ -955,21 +955,21 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
955
955
|
{
|
|
956
956
|
[z.disabled]: S,
|
|
957
957
|
[z.loading]: d && "loading" in t && t.loading,
|
|
958
|
-
[z.stretched]:
|
|
959
|
-
[z.spaceBetween]:
|
|
960
|
-
[z.withSubcaption]: !!(
|
|
961
|
-
[z.iconOnly]:
|
|
958
|
+
[z.stretched]: y,
|
|
959
|
+
[z.spaceBetween]: T,
|
|
960
|
+
[z.withSubcaption]: !!(m && a === "l" && c),
|
|
961
|
+
[z.iconOnly]: N,
|
|
962
962
|
[z.link]: g,
|
|
963
963
|
[z.underline]: g && "showUnderline" in t && t.showUnderline,
|
|
964
|
-
[z.noPaddings]: f && d && !
|
|
964
|
+
[z.noPaddings]: f && d && !b
|
|
965
965
|
},
|
|
966
966
|
l
|
|
967
967
|
), H = {
|
|
968
|
-
iconRight:
|
|
969
|
-
iconLeft: d ?
|
|
968
|
+
iconRight: u,
|
|
969
|
+
iconLeft: d ? j : x,
|
|
970
970
|
children: c,
|
|
971
971
|
postfix: C,
|
|
972
|
-
subcaption:
|
|
972
|
+
subcaption: m,
|
|
973
973
|
size: a,
|
|
974
974
|
isAsButton: d
|
|
975
975
|
};
|
|
@@ -981,7 +981,7 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
981
981
|
ut.add("noopener").add("noreferrer"), it = Array.from(ut).join(" ");
|
|
982
982
|
}
|
|
983
983
|
const Tt = (ut) => {
|
|
984
|
-
if (!
|
|
984
|
+
if (!E) {
|
|
985
985
|
ut.preventDefault();
|
|
986
986
|
return;
|
|
987
987
|
}
|
|
@@ -992,8 +992,8 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
992
992
|
{
|
|
993
993
|
ref: r,
|
|
994
994
|
className: q,
|
|
995
|
-
href:
|
|
996
|
-
tabIndex:
|
|
995
|
+
href: E ? Z : void 0,
|
|
996
|
+
tabIndex: A,
|
|
997
997
|
onClick: Tt,
|
|
998
998
|
"data-testid": at,
|
|
999
999
|
"aria-disabled": S || w,
|
|
@@ -1007,7 +1007,7 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
1007
1007
|
}
|
|
1008
1008
|
if (Jr(t)) {
|
|
1009
1009
|
const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Pe(J), st = a === "l" ? 24 : 16, wt = (yt) => {
|
|
1010
|
-
|
|
1010
|
+
E && K && K(yt);
|
|
1011
1011
|
};
|
|
1012
1012
|
return /* @__PURE__ */ o.jsxs(
|
|
1013
1013
|
"button",
|
|
@@ -1016,7 +1016,7 @@ const Rt = /* @__PURE__ */ Xr(to), nr = U(
|
|
|
1016
1016
|
type: Z,
|
|
1017
1017
|
className: q,
|
|
1018
1018
|
disabled: S,
|
|
1019
|
-
tabIndex:
|
|
1019
|
+
tabIndex: A,
|
|
1020
1020
|
onClick: wt,
|
|
1021
1021
|
"data-testid": rt,
|
|
1022
1022
|
"aria-disabled": S || w,
|
|
@@ -1082,7 +1082,7 @@ const ge = Object.assign(xe, {
|
|
|
1082
1082
|
function fo(t) {
|
|
1083
1083
|
return t < Fe ? `+${t}` : `${Fe}+`;
|
|
1084
1084
|
}
|
|
1085
|
-
function
|
|
1085
|
+
function ee(t) {
|
|
1086
1086
|
const r = typeof t == "string" ? t : JSON.stringify(t);
|
|
1087
1087
|
let n = 5381;
|
|
1088
1088
|
for (let a = 0; a < r.length; a++) {
|
|
@@ -1100,13 +1100,13 @@ const go = (t, r, n) => Math.min(Math.max(t, r), n), ho = [
|
|
|
1100
1100
|
"lightblue",
|
|
1101
1101
|
"purple"
|
|
1102
1102
|
];
|
|
1103
|
-
function
|
|
1103
|
+
function mo(t, r = ho) {
|
|
1104
1104
|
if (!t) return "gray";
|
|
1105
|
-
const n =
|
|
1105
|
+
const n = ee(t), a = Math.abs(n) % r.length;
|
|
1106
1106
|
return r[a];
|
|
1107
1107
|
}
|
|
1108
1108
|
const We = 2;
|
|
1109
|
-
function
|
|
1109
|
+
function bo(t) {
|
|
1110
1110
|
if (!t) return "";
|
|
1111
1111
|
const r = t.trim().split(/\s+/);
|
|
1112
1112
|
return r.length === 1 ? t.slice(0, We).toUpperCase() : r.map((n) => n[0]).slice(0, We).join("").toUpperCase();
|
|
@@ -1144,7 +1144,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1144
1144
|
female: ko,
|
|
1145
1145
|
org: Lo,
|
|
1146
1146
|
neutral: So
|
|
1147
|
-
},
|
|
1147
|
+
}, Qt = U((t, r) => {
|
|
1148
1148
|
const {
|
|
1149
1149
|
style: n,
|
|
1150
1150
|
size: a = 40,
|
|
@@ -1152,37 +1152,37 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1152
1152
|
isDisabled: s = !1,
|
|
1153
1153
|
shape: l = "circle",
|
|
1154
1154
|
variant: c = "filled",
|
|
1155
|
-
placeholderType:
|
|
1155
|
+
placeholderType: _ = "neutral",
|
|
1156
1156
|
name: f,
|
|
1157
1157
|
imgSrc: d,
|
|
1158
1158
|
imgAlt: g,
|
|
1159
|
-
icon:
|
|
1160
|
-
imgProps:
|
|
1159
|
+
icon: b,
|
|
1160
|
+
imgProps: m,
|
|
1161
1161
|
colorScheme: C,
|
|
1162
|
-
className:
|
|
1163
|
-
"data-testid":
|
|
1162
|
+
className: y,
|
|
1163
|
+
"data-testid": h,
|
|
1164
1164
|
...x
|
|
1165
|
-
} = t, { onClick:
|
|
1165
|
+
} = t, { onClick: u, onPointerDown: w } = x, E = !s && !i && (!!u || !!w), [j, N] = ft(!1);
|
|
1166
1166
|
gt(() => {
|
|
1167
|
-
d &&
|
|
1167
|
+
d && N(!1);
|
|
1168
1168
|
}, [d]);
|
|
1169
|
-
const
|
|
1170
|
-
|
|
1169
|
+
const T = d && !j ? "image" : b ? "icon" : f ? "name" : "placeholder", R = C || T === "name" && mo(f) || "gray", O = Co(a), D = yo(a, l), W = k(
|
|
1170
|
+
y,
|
|
1171
1171
|
Ct.avatar,
|
|
1172
1172
|
Ct[`variant-${c}`],
|
|
1173
|
-
Ct[`color-${
|
|
1173
|
+
Ct[`color-${R}`],
|
|
1174
1174
|
G[O],
|
|
1175
1175
|
{
|
|
1176
1176
|
[Ct.disabled]: s,
|
|
1177
1177
|
[Ct.loading]: i,
|
|
1178
|
-
[Ct.clickable]:
|
|
1178
|
+
[Ct.clickable]: E
|
|
1179
1179
|
}
|
|
1180
1180
|
), L = {
|
|
1181
1181
|
"--avatar-size": `${a}px`,
|
|
1182
1182
|
"--avatar-border-radius": `${D}px`,
|
|
1183
1183
|
...n
|
|
1184
|
-
},
|
|
1185
|
-
icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: Ct.icon, children:
|
|
1184
|
+
}, A = {
|
|
1185
|
+
icon: () => /* @__PURE__ */ o.jsx("span", { "data-testid": "avatar-icon", title: g || void 0, role: "img", className: Ct.icon, children: b == null ? void 0 : b({}) }),
|
|
1186
1186
|
name: () => /* @__PURE__ */ o.jsx(
|
|
1187
1187
|
"span",
|
|
1188
1188
|
{
|
|
@@ -1190,16 +1190,16 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1190
1190
|
"data-testid": "avatar-name",
|
|
1191
1191
|
className: Ct.name,
|
|
1192
1192
|
title: g || void 0,
|
|
1193
|
-
children:
|
|
1193
|
+
children: bo(f || "")
|
|
1194
1194
|
}
|
|
1195
1195
|
),
|
|
1196
1196
|
placeholder: () => /* @__PURE__ */ o.jsx(
|
|
1197
1197
|
"img",
|
|
1198
1198
|
{
|
|
1199
|
-
...
|
|
1199
|
+
...m,
|
|
1200
1200
|
"data-testid": "avatar-placeholder",
|
|
1201
1201
|
className: Ct.image,
|
|
1202
|
-
src: jo[
|
|
1202
|
+
src: jo[_],
|
|
1203
1203
|
alt: g || void 0
|
|
1204
1204
|
}
|
|
1205
1205
|
),
|
|
@@ -1207,19 +1207,19 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1207
1207
|
"img",
|
|
1208
1208
|
{
|
|
1209
1209
|
"data-testid": "avatar-image",
|
|
1210
|
-
...
|
|
1210
|
+
...m,
|
|
1211
1211
|
className: Ct.image,
|
|
1212
1212
|
src: d || void 0,
|
|
1213
1213
|
alt: g || void 0,
|
|
1214
|
-
onLoad: () =>
|
|
1214
|
+
onLoad: () => N(!1),
|
|
1215
1215
|
onError: (H) => {
|
|
1216
1216
|
var Z;
|
|
1217
|
-
|
|
1217
|
+
N(!0), (Z = m == null ? void 0 : m.onError) == null || Z.call(m, H);
|
|
1218
1218
|
}
|
|
1219
1219
|
}
|
|
1220
1220
|
)
|
|
1221
1221
|
}, q = (H) => {
|
|
1222
|
-
|
|
1222
|
+
E && (u == null || u(H));
|
|
1223
1223
|
};
|
|
1224
1224
|
return /* @__PURE__ */ o.jsx(
|
|
1225
1225
|
"div",
|
|
@@ -1228,14 +1228,14 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1228
1228
|
onClick: q,
|
|
1229
1229
|
className: W,
|
|
1230
1230
|
style: L,
|
|
1231
|
-
"data-testid":
|
|
1231
|
+
"data-testid": h,
|
|
1232
1232
|
"aria-disabled": s || i,
|
|
1233
|
-
children:
|
|
1233
|
+
children: A[T](null)
|
|
1234
1234
|
}
|
|
1235
1235
|
);
|
|
1236
1236
|
}), $o = "_avatarGroup_157g4_1", To = {
|
|
1237
1237
|
avatarGroup: $o
|
|
1238
|
-
}, Eo = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"),
|
|
1238
|
+
}, Eo = (t) => t === "rgba(0, 0, 0, 0)" || t === "transparent" || t.startsWith("rgba") && t.endsWith(", 0)"), No = (t) => {
|
|
1239
1239
|
if (!t) return null;
|
|
1240
1240
|
let r = t;
|
|
1241
1241
|
for (; r; ) {
|
|
@@ -1245,10 +1245,10 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1245
1245
|
}
|
|
1246
1246
|
return null;
|
|
1247
1247
|
}, ye = () => {
|
|
1248
|
-
const t =
|
|
1248
|
+
const t = Vt(null), [r, n] = ft(null);
|
|
1249
1249
|
return gt(() => {
|
|
1250
1250
|
if (t.current) {
|
|
1251
|
-
const a =
|
|
1251
|
+
const a = No(t.current);
|
|
1252
1252
|
n(a);
|
|
1253
1253
|
}
|
|
1254
1254
|
}, []), { ref: t, bgColor: r };
|
|
@@ -1259,7 +1259,7 @@ function qe(t, r, n) {
|
|
|
1259
1259
|
const He = {
|
|
1260
1260
|
passive: !0
|
|
1261
1261
|
};
|
|
1262
|
-
function
|
|
1262
|
+
function Ro() {
|
|
1263
1263
|
const [t, r] = ft({
|
|
1264
1264
|
width: 0,
|
|
1265
1265
|
height: 0
|
|
@@ -1269,7 +1269,7 @@ function No() {
|
|
|
1269
1269
|
return qe("resize", n, He), qe("orientationchange", n, He), gt(n, []), t;
|
|
1270
1270
|
}
|
|
1271
1271
|
function Io(t = 768) {
|
|
1272
|
-
const { width: r } =
|
|
1272
|
+
const { width: r } = Ro();
|
|
1273
1273
|
return Qe(() => r <= t, [r, t]);
|
|
1274
1274
|
}
|
|
1275
1275
|
const Mo = 2, Bo = (t) => {
|
|
@@ -1281,22 +1281,22 @@ const Mo = 2, Bo = (t) => {
|
|
|
1281
1281
|
overflowCount: s = 0,
|
|
1282
1282
|
overflowProps: l,
|
|
1283
1283
|
cutoutBackground: c
|
|
1284
|
-
} = t, f = -(n * a) + Mo, { ref: d, bgColor: g } = ye(),
|
|
1285
|
-
"--avatar-cutout-bg":
|
|
1284
|
+
} = t, f = -(n * a) + Mo, { ref: d, bgColor: g } = ye(), b = c || g || "#ffffff", m = It(To.avatarGroup), C = {
|
|
1285
|
+
"--avatar-cutout-bg": b
|
|
1286
1286
|
};
|
|
1287
|
-
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className:
|
|
1288
|
-
r.map((
|
|
1289
|
-
if (
|
|
1290
|
-
const x =
|
|
1287
|
+
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: m, ref: d, style: C, children: [
|
|
1288
|
+
r.map((y, h) => {
|
|
1289
|
+
if (y.wrapper) {
|
|
1290
|
+
const x = y.wrapper;
|
|
1291
1291
|
return /* @__PURE__ */ o.jsx(
|
|
1292
1292
|
"div",
|
|
1293
1293
|
{
|
|
1294
1294
|
style: {
|
|
1295
1295
|
marginRight: f
|
|
1296
1296
|
},
|
|
1297
|
-
children: /* @__PURE__ */ o.jsx(x, { children: /* @__PURE__ */ o.jsx(
|
|
1297
|
+
children: /* @__PURE__ */ o.jsx(x, { children: /* @__PURE__ */ o.jsx(Qt, { size: n, shape: i, ...y }) })
|
|
1298
1298
|
},
|
|
1299
|
-
|
|
1299
|
+
ee(y) + h
|
|
1300
1300
|
);
|
|
1301
1301
|
}
|
|
1302
1302
|
return /* @__PURE__ */ o.jsx(
|
|
@@ -1305,13 +1305,13 @@ const Mo = 2, Bo = (t) => {
|
|
|
1305
1305
|
style: {
|
|
1306
1306
|
marginRight: f
|
|
1307
1307
|
},
|
|
1308
|
-
children: /* @__PURE__ */ o.jsx(
|
|
1308
|
+
children: /* @__PURE__ */ o.jsx(Qt, { size: n, shape: i, ...y })
|
|
1309
1309
|
},
|
|
1310
|
-
|
|
1310
|
+
ee(y) + h
|
|
1311
1311
|
);
|
|
1312
1312
|
}),
|
|
1313
1313
|
s > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
|
|
1314
|
-
|
|
1314
|
+
Qt,
|
|
1315
1315
|
{
|
|
1316
1316
|
size: n,
|
|
1317
1317
|
shape: i,
|
|
@@ -1322,9 +1322,9 @@ const Mo = 2, Bo = (t) => {
|
|
|
1322
1322
|
}
|
|
1323
1323
|
) })
|
|
1324
1324
|
] });
|
|
1325
|
-
}, Ao = Object.assign(
|
|
1325
|
+
}, Ao = Object.assign(Qt, {
|
|
1326
1326
|
Group: Bo
|
|
1327
|
-
}), Oo = "_overlay_g6rp8_6", Po = "_container_g6rp8_20",
|
|
1327
|
+
}), Oo = "_overlay_g6rp8_6", Po = "_container_g6rp8_20", ue = {
|
|
1328
1328
|
overlay: Oo,
|
|
1329
1329
|
container: Po,
|
|
1330
1330
|
"placement-default": "_placement-default_g6rp8_34",
|
|
@@ -1384,11 +1384,11 @@ function Fo({
|
|
|
1384
1384
|
disableEscapeKey: i = !1
|
|
1385
1385
|
}) {
|
|
1386
1386
|
const s = jt(
|
|
1387
|
-
(
|
|
1388
|
-
r == null || r(
|
|
1387
|
+
(y) => {
|
|
1388
|
+
r == null || r(y);
|
|
1389
1389
|
},
|
|
1390
1390
|
[r]
|
|
1391
|
-
), l = zo(n), { context: c, refs:
|
|
1391
|
+
), l = zo(n), { context: c, refs: _ } = Or({
|
|
1392
1392
|
open: t,
|
|
1393
1393
|
onOpenChange: s,
|
|
1394
1394
|
placement: l
|
|
@@ -1402,11 +1402,11 @@ function Fo({
|
|
|
1402
1402
|
opacity: 0
|
|
1403
1403
|
},
|
|
1404
1404
|
...f
|
|
1405
|
-
}),
|
|
1405
|
+
}), b = zr(c, {
|
|
1406
1406
|
outsidePress: !a,
|
|
1407
1407
|
outsidePressEvent: "mousedown",
|
|
1408
1408
|
escapeKey: !i
|
|
1409
|
-
}),
|
|
1409
|
+
}), m = Dr(c, { role: "dialog" }), { getFloatingProps: C } = Fr([b, m]);
|
|
1410
1410
|
return Qe(
|
|
1411
1411
|
() => ({
|
|
1412
1412
|
/** Состояние для условного рендеринга с поддержкой анимации закрытия. */
|
|
@@ -1416,11 +1416,11 @@ function Fo({
|
|
|
1416
1416
|
/** Контекст Floating UI. */
|
|
1417
1417
|
context: c,
|
|
1418
1418
|
/** Ссылки на элементы для Floating UI. */
|
|
1419
|
-
refs:
|
|
1419
|
+
refs: _,
|
|
1420
1420
|
/** Пропсы для плавающего элемента. */
|
|
1421
1421
|
getFloatingProps: C
|
|
1422
1422
|
}),
|
|
1423
|
-
[d, g, c,
|
|
1423
|
+
[d, g, c, _, C]
|
|
1424
1424
|
);
|
|
1425
1425
|
}
|
|
1426
1426
|
const sr = U((t, r) => {
|
|
@@ -1431,47 +1431,47 @@ const sr = U((t, r) => {
|
|
|
1431
1431
|
overlayClassName: s,
|
|
1432
1432
|
children: l,
|
|
1433
1433
|
disableOutsideClick: c = !1,
|
|
1434
|
-
disableEscapeKey:
|
|
1434
|
+
disableEscapeKey: _ = !1,
|
|
1435
1435
|
className: f,
|
|
1436
1436
|
style: d,
|
|
1437
1437
|
"data-testid": g,
|
|
1438
|
-
...
|
|
1438
|
+
...b
|
|
1439
1439
|
} = t;
|
|
1440
1440
|
a === void 0 && console.error(
|
|
1441
1441
|
"Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
|
|
1442
1442
|
);
|
|
1443
|
-
const
|
|
1443
|
+
const m = Fo({
|
|
1444
1444
|
open: a,
|
|
1445
1445
|
onOpenChange: i,
|
|
1446
1446
|
placement: n,
|
|
1447
1447
|
disableOutsideClick: c,
|
|
1448
|
-
disableEscapeKey:
|
|
1449
|
-
}), { isMounted: C, transitionStyles:
|
|
1448
|
+
disableEscapeKey: _
|
|
1449
|
+
}), { isMounted: C, transitionStyles: y } = m, h = Wr([r, m.refs.setFloating]);
|
|
1450
1450
|
return C ? /* @__PURE__ */ o.jsxs(qr, { children: [
|
|
1451
1451
|
/* @__PURE__ */ o.jsx(
|
|
1452
1452
|
Hr,
|
|
1453
1453
|
{
|
|
1454
1454
|
"data-testid": "dialog-overlay",
|
|
1455
|
-
className: k(
|
|
1455
|
+
className: k(ue.overlay, s),
|
|
1456
1456
|
lockScroll: !0,
|
|
1457
|
-
style: { opacity:
|
|
1457
|
+
style: { opacity: y == null ? void 0 : y.opacity, transition: y == null ? void 0 : y.transition }
|
|
1458
1458
|
}
|
|
1459
1459
|
),
|
|
1460
|
-
/* @__PURE__ */ o.jsx(Vr, { context:
|
|
1460
|
+
/* @__PURE__ */ o.jsx(Vr, { context: m.context, children: /* @__PURE__ */ o.jsx(
|
|
1461
1461
|
"div",
|
|
1462
1462
|
{
|
|
1463
|
-
ref:
|
|
1463
|
+
ref: h,
|
|
1464
1464
|
"aria-modal": "true",
|
|
1465
1465
|
role: "dialog",
|
|
1466
|
-
className: k(f,
|
|
1467
|
-
style: { ...d, ...
|
|
1466
|
+
className: k(f, ue.container, ue[`placement-${n}`]),
|
|
1467
|
+
style: { ...d, ...y },
|
|
1468
1468
|
"data-testid": g,
|
|
1469
|
-
...
|
|
1469
|
+
...m.getFloatingProps(b),
|
|
1470
1470
|
children: l
|
|
1471
1471
|
}
|
|
1472
1472
|
) })
|
|
1473
1473
|
] }) : null;
|
|
1474
|
-
}), Wo = "_container_e56bn_5", qo = "_header_e56bn_22", Ho = "_title_e56bn_32", Vo = "_subTitle_e56bn_36", Zo = "_actions_e56bn_40", Xo = "_content_e56bn_62", Yo = "_footer_e56bn_75", Go = "_divider_e56bn_82",
|
|
1474
|
+
}), Wo = "_container_e56bn_5", qo = "_header_e56bn_22", Ho = "_title_e56bn_32", Vo = "_subTitle_e56bn_36", Zo = "_actions_e56bn_40", Xo = "_content_e56bn_62", Yo = "_footer_e56bn_75", Go = "_divider_e56bn_82", mt = {
|
|
1475
1475
|
container: Wo,
|
|
1476
1476
|
header: qo,
|
|
1477
1477
|
title: Ho,
|
|
@@ -1516,20 +1516,20 @@ const sr = U((t, r) => {
|
|
|
1516
1516
|
"data-testid": s,
|
|
1517
1517
|
as: l,
|
|
1518
1518
|
fontWeight: c = "semibold",
|
|
1519
|
-
disabled:
|
|
1519
|
+
disabled: _ = !1,
|
|
1520
1520
|
typographyStyle: f = "primary",
|
|
1521
1521
|
...d
|
|
1522
1522
|
}, g) => {
|
|
1523
|
-
const
|
|
1523
|
+
const b = l || ia[n], m = k(
|
|
1524
1524
|
Pt.typography,
|
|
1525
1525
|
G[`typography-${t}-${n}-${c}`],
|
|
1526
1526
|
Pt[f],
|
|
1527
1527
|
{
|
|
1528
|
-
[Pt.disabled]:
|
|
1528
|
+
[Pt.disabled]: _
|
|
1529
1529
|
},
|
|
1530
1530
|
i
|
|
1531
1531
|
);
|
|
1532
|
-
return a ? /* @__PURE__ */ o.jsx(
|
|
1532
|
+
return a ? /* @__PURE__ */ o.jsx(b, { ref: g, className: m, "data-testid": s, ...d, children: a }) : null;
|
|
1533
1533
|
}
|
|
1534
1534
|
);
|
|
1535
1535
|
return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
|
|
@@ -1542,24 +1542,24 @@ const sr = U((t, r) => {
|
|
|
1542
1542
|
"data-testid": s,
|
|
1543
1543
|
as: l = "p",
|
|
1544
1544
|
fontWeight: c = "regular",
|
|
1545
|
-
disabled:
|
|
1545
|
+
disabled: _ = !1,
|
|
1546
1546
|
typographyStyle: f = "primary",
|
|
1547
1547
|
...d
|
|
1548
1548
|
}, g) => {
|
|
1549
|
-
const
|
|
1549
|
+
const b = l, m = k(
|
|
1550
1550
|
Pt.typography,
|
|
1551
1551
|
G[`typography-${t}-${n}-${c}`],
|
|
1552
1552
|
Pt[f],
|
|
1553
1553
|
{
|
|
1554
|
-
[Pt.disabled]:
|
|
1554
|
+
[Pt.disabled]: _
|
|
1555
1555
|
},
|
|
1556
1556
|
i
|
|
1557
1557
|
);
|
|
1558
1558
|
return a ? /* @__PURE__ */ o.jsx(
|
|
1559
|
-
|
|
1559
|
+
b,
|
|
1560
1560
|
{
|
|
1561
1561
|
ref: g,
|
|
1562
|
-
className:
|
|
1562
|
+
className: m,
|
|
1563
1563
|
"data-testid": s,
|
|
1564
1564
|
...d,
|
|
1565
1565
|
children: a
|
|
@@ -1587,7 +1587,7 @@ const sr = U((t, r) => {
|
|
|
1587
1587
|
...i
|
|
1588
1588
|
};
|
|
1589
1589
|
return a ? /* @__PURE__ */ o.jsx(a, { children: /* @__PURE__ */ o.jsx(ge, { ...s }) }) : /* @__PURE__ */ o.jsx(ge, { ...s });
|
|
1590
|
-
},
|
|
1590
|
+
}, gc = U((t, r) => {
|
|
1591
1591
|
const {
|
|
1592
1592
|
open: n,
|
|
1593
1593
|
onOpenChange: a,
|
|
@@ -1595,18 +1595,18 @@ const sr = U((t, r) => {
|
|
|
1595
1595
|
placement: s = "default",
|
|
1596
1596
|
showCloseButton: l = !0,
|
|
1597
1597
|
closeButtonProps: c,
|
|
1598
|
-
title:
|
|
1598
|
+
title: _,
|
|
1599
1599
|
subTitle: f,
|
|
1600
1600
|
actions: d,
|
|
1601
1601
|
children: g,
|
|
1602
|
-
footer:
|
|
1603
|
-
hideHeaderDivider:
|
|
1602
|
+
footer: b,
|
|
1603
|
+
hideHeaderDivider: m,
|
|
1604
1604
|
hideFooterDivider: C,
|
|
1605
|
-
className:
|
|
1606
|
-
classNames:
|
|
1605
|
+
className: y,
|
|
1606
|
+
classNames: h,
|
|
1607
1607
|
styles: x,
|
|
1608
|
-
...
|
|
1609
|
-
} = t, w = da.includes(s), S = !!(
|
|
1608
|
+
...u
|
|
1609
|
+
} = t, w = da.includes(s), S = !!(_ || f || d);
|
|
1610
1610
|
return /* @__PURE__ */ o.jsx(
|
|
1611
1611
|
sr,
|
|
1612
1612
|
{
|
|
@@ -1615,47 +1615,47 @@ const sr = U((t, r) => {
|
|
|
1615
1615
|
placement: s,
|
|
1616
1616
|
ref: r,
|
|
1617
1617
|
style: { width: i },
|
|
1618
|
-
...
|
|
1618
|
+
...u,
|
|
1619
1619
|
children: /* @__PURE__ */ o.jsxs(
|
|
1620
1620
|
"div",
|
|
1621
1621
|
{
|
|
1622
|
-
className: k(
|
|
1622
|
+
className: k(mt.container, y, h == null ? void 0 : h.container),
|
|
1623
1623
|
style: { width: i, ...x == null ? void 0 : x.container },
|
|
1624
|
-
"data-testid":
|
|
1624
|
+
"data-testid": u["data-testid"] ? `${u["data-testid"]}-container` : void 0,
|
|
1625
1625
|
children: [
|
|
1626
|
-
S && /* @__PURE__ */ o.jsxs("div", { className:
|
|
1627
|
-
/* @__PURE__ */ o.jsx("div", { className: k(
|
|
1628
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1626
|
+
S && /* @__PURE__ */ o.jsxs("div", { className: mt.header, children: [
|
|
1627
|
+
/* @__PURE__ */ o.jsx("div", { className: k(mt.title, h == null ? void 0 : h.title), style: x == null ? void 0 : x.title, children: typeof _ == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: mt["title-text"], children: _ }) : _ }),
|
|
1628
|
+
/* @__PURE__ */ o.jsxs("div", { className: mt.actions, children: [
|
|
1629
1629
|
d,
|
|
1630
1630
|
l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: a })
|
|
1631
1631
|
] }),
|
|
1632
|
-
f && /* @__PURE__ */ o.jsx("div", { className: k(
|
|
1632
|
+
f && /* @__PURE__ */ o.jsx("div", { className: k(mt.subTitle, h == null ? void 0 : h.subTitle), style: x == null ? void 0 : x.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
|
|
1633
1633
|
la,
|
|
1634
1634
|
{
|
|
1635
1635
|
size: 2,
|
|
1636
1636
|
typographyStyle: "secondary",
|
|
1637
|
-
className:
|
|
1637
|
+
className: mt["description-text"],
|
|
1638
1638
|
children: f
|
|
1639
1639
|
}
|
|
1640
1640
|
) : f })
|
|
1641
1641
|
] }),
|
|
1642
|
-
!
|
|
1642
|
+
!m && S && /* @__PURE__ */ o.jsx("hr", { className: mt.divider }),
|
|
1643
1643
|
/* @__PURE__ */ o.jsx(
|
|
1644
1644
|
"div",
|
|
1645
1645
|
{
|
|
1646
1646
|
className: k(
|
|
1647
|
-
w ?
|
|
1648
|
-
|
|
1647
|
+
w ? mt["content-for-side-drawer"] : mt.content,
|
|
1648
|
+
h == null ? void 0 : h.content
|
|
1649
1649
|
),
|
|
1650
1650
|
style: {
|
|
1651
1651
|
...x == null ? void 0 : x.content
|
|
1652
1652
|
},
|
|
1653
|
-
"data-testid":
|
|
1653
|
+
"data-testid": u["data-testid"] ? `${u["data-testid"]}-content` : void 0,
|
|
1654
1654
|
children: g
|
|
1655
1655
|
}
|
|
1656
1656
|
),
|
|
1657
|
-
!C &&
|
|
1658
|
-
|
|
1657
|
+
!C && b && /* @__PURE__ */ o.jsx("hr", { className: mt.divider }),
|
|
1658
|
+
b && /* @__PURE__ */ o.jsx("div", { className: k(mt.footer, h == null ? void 0 : h.footer), style: x == null ? void 0 : x.footer, children: b })
|
|
1659
1659
|
]
|
|
1660
1660
|
}
|
|
1661
1661
|
)
|
|
@@ -1752,27 +1752,27 @@ const sr = U((t, r) => {
|
|
|
1752
1752
|
}
|
|
1753
1753
|
)
|
|
1754
1754
|
}
|
|
1755
|
-
),
|
|
1755
|
+
), Ut = {
|
|
1756
1756
|
avatar: { icon: null, colorScheme: "gray" },
|
|
1757
1757
|
info: { icon: _a, colorScheme: "gray" },
|
|
1758
1758
|
success: { icon: fa, colorScheme: "green" },
|
|
1759
1759
|
warning: { icon: ha, colorScheme: "yellow" },
|
|
1760
1760
|
error: { icon: ga, colorScheme: "red" },
|
|
1761
1761
|
dialog: { icon: pa, colorScheme: "blue" }
|
|
1762
|
-
},
|
|
1763
|
-
container:
|
|
1762
|
+
}, ma = "_container_dd9oq_1", ba = {
|
|
1763
|
+
container: ma
|
|
1764
1764
|
}, xa = "_container_r24j4_1", ya = "_iconContainer_r24j4_11", va = "_textContainer_r24j4_18", Ca = "_title_r24j4_27", wa = "_subtitle_r24j4_27", Ft = {
|
|
1765
1765
|
container: xa,
|
|
1766
1766
|
iconContainer: ya,
|
|
1767
1767
|
textContainer: va,
|
|
1768
1768
|
title: Ca,
|
|
1769
1769
|
subtitle: wa
|
|
1770
|
-
},
|
|
1770
|
+
}, Kt = {
|
|
1771
1771
|
m: { title: "typography-subtitle-1-semibold", subtitle: "typography-paragraph-3-regular" },
|
|
1772
1772
|
l: { title: "typography-title-5-semibold", subtitle: "typography-paragraph-2-regular" }
|
|
1773
1773
|
};
|
|
1774
1774
|
function ka(t) {
|
|
1775
|
-
return (
|
|
1775
|
+
return (Kt == null ? void 0 : Kt[t]) || Kt.m;
|
|
1776
1776
|
}
|
|
1777
1777
|
const Sa = (t) => {
|
|
1778
1778
|
const {
|
|
@@ -1783,11 +1783,11 @@ const Sa = (t) => {
|
|
|
1783
1783
|
subTitleProps: s,
|
|
1784
1784
|
className: l,
|
|
1785
1785
|
children: c,
|
|
1786
|
-
"data-testid":
|
|
1786
|
+
"data-testid": _,
|
|
1787
1787
|
size: f = "m",
|
|
1788
1788
|
style: d
|
|
1789
1789
|
} = t, g = ka(f);
|
|
1790
|
-
return /* @__PURE__ */ o.jsxs("div", { className: k(Ft.container, l), "data-testid":
|
|
1790
|
+
return /* @__PURE__ */ o.jsxs("div", { className: k(Ft.container, l), "data-testid": _, style: d, children: [
|
|
1791
1791
|
!!r && /* @__PURE__ */ o.jsx("div", { className: Ft.iconContainer, children: r }),
|
|
1792
1792
|
(n || a) && /* @__PURE__ */ o.jsxs("div", { className: Ft.textContainer, children: [
|
|
1793
1793
|
n && /* @__PURE__ */ o.jsx(
|
|
@@ -1809,7 +1809,7 @@ const Sa = (t) => {
|
|
|
1809
1809
|
] }),
|
|
1810
1810
|
c
|
|
1811
1811
|
] });
|
|
1812
|
-
},
|
|
1812
|
+
}, hc = (t) => {
|
|
1813
1813
|
const {
|
|
1814
1814
|
open: r,
|
|
1815
1815
|
onOpenChange: n,
|
|
@@ -1818,14 +1818,14 @@ const Sa = (t) => {
|
|
|
1818
1818
|
title: s,
|
|
1819
1819
|
description: l,
|
|
1820
1820
|
children: c,
|
|
1821
|
-
variantAvatarProps:
|
|
1821
|
+
variantAvatarProps: _,
|
|
1822
1822
|
"data-testid": f
|
|
1823
|
-
} = t, { icon: d, colorScheme: g } = (
|
|
1823
|
+
} = t, { icon: d, colorScheme: g } = (Ut == null ? void 0 : Ut[i]) || Ut.info, m = i === "avatar" ? {
|
|
1824
1824
|
size: 48,
|
|
1825
1825
|
colorScheme: "gray",
|
|
1826
1826
|
variant: "light",
|
|
1827
1827
|
"data-testid": "alert-avatar",
|
|
1828
|
-
...
|
|
1828
|
+
..._
|
|
1829
1829
|
} : {
|
|
1830
1830
|
size: 48,
|
|
1831
1831
|
icon: d,
|
|
@@ -1841,58 +1841,58 @@ const Sa = (t) => {
|
|
|
1841
1841
|
onOpenChange: n,
|
|
1842
1842
|
placement: a,
|
|
1843
1843
|
"data-testid": f,
|
|
1844
|
-
className:
|
|
1844
|
+
className: ba.container,
|
|
1845
1845
|
children: /* @__PURE__ */ o.jsx(
|
|
1846
1846
|
Sa,
|
|
1847
1847
|
{
|
|
1848
1848
|
title: s,
|
|
1849
1849
|
subTitle: l,
|
|
1850
1850
|
size: "m",
|
|
1851
|
-
iconSlot: /* @__PURE__ */ o.jsx(Ao, { ...
|
|
1851
|
+
iconSlot: /* @__PURE__ */ o.jsx(Ao, { ...m }),
|
|
1852
1852
|
children: c
|
|
1853
1853
|
}
|
|
1854
1854
|
)
|
|
1855
1855
|
}
|
|
1856
1856
|
);
|
|
1857
|
-
}, La = "
|
|
1857
|
+
}, La = "_wrapper_1mnix_5", ja = "_badge__container_1mnix_6", $a = "_badge__content_1mnix_7", Ta = "_interactive_1mnix_20", Ea = "_disabled_1mnix_21", Na = "_icon_1mnix_22", kt = {
|
|
1858
1858
|
wrapper: La,
|
|
1859
1859
|
badge__container: ja,
|
|
1860
1860
|
badge__content: $a,
|
|
1861
1861
|
interactive: Ta,
|
|
1862
1862
|
disabled: Ea,
|
|
1863
|
-
icon:
|
|
1864
|
-
"variant-filled": "_variant-
|
|
1865
|
-
"color-brand": "_color-
|
|
1866
|
-
"color-red": "_color-
|
|
1867
|
-
"color-orange": "_color-
|
|
1868
|
-
"color-yellow": "_color-
|
|
1869
|
-
"color-green": "_color-
|
|
1870
|
-
"color-blue": "_color-
|
|
1871
|
-
"color-lightblue": "_color-
|
|
1872
|
-
"color-purple": "_color-
|
|
1873
|
-
"color-gray": "_color-
|
|
1874
|
-
"color-contrast": "_color-
|
|
1875
|
-
"variant-light": "_variant-
|
|
1876
|
-
"variant-outline": "_variant-
|
|
1877
|
-
"variant-transparent": "_variant-
|
|
1878
|
-
"position-top-left": "_position-top-
|
|
1879
|
-
"position-top-right": "_position-top-
|
|
1880
|
-
"position-bottom-left": "_position-bottom-
|
|
1881
|
-
"position-bottom-right": "_position-bottom-
|
|
1882
|
-
"position-top-center": "_position-top-
|
|
1883
|
-
"position-bottom-center": "_position-bottom-
|
|
1884
|
-
"position-middle-left": "_position-middle-
|
|
1885
|
-
"position-middle-right": "_position-middle-
|
|
1886
|
-
"position-middle-center": "_position-middle-
|
|
1887
|
-
"position-top-left-inside": "_position-top-left-
|
|
1888
|
-
"position-top-right-inside": "_position-top-right-
|
|
1889
|
-
"position-bottom-left-inside": "_position-bottom-left-
|
|
1890
|
-
"position-bottom-right-inside": "_position-bottom-right-
|
|
1891
|
-
"position-top-center-inside": "_position-top-center-
|
|
1892
|
-
"position-bottom-center-inside": "_position-bottom-center-
|
|
1893
|
-
"position-middle-left-inside": "_position-middle-left-
|
|
1894
|
-
"position-middle-right-inside": "_position-middle-right-
|
|
1895
|
-
},
|
|
1863
|
+
icon: Na,
|
|
1864
|
+
"variant-filled": "_variant-filled_1mnix_98",
|
|
1865
|
+
"color-brand": "_color-brand_1mnix_103",
|
|
1866
|
+
"color-red": "_color-red_1mnix_111",
|
|
1867
|
+
"color-orange": "_color-orange_1mnix_119",
|
|
1868
|
+
"color-yellow": "_color-yellow_1mnix_127",
|
|
1869
|
+
"color-green": "_color-green_1mnix_135",
|
|
1870
|
+
"color-blue": "_color-blue_1mnix_143",
|
|
1871
|
+
"color-lightblue": "_color-lightblue_1mnix_151",
|
|
1872
|
+
"color-purple": "_color-purple_1mnix_159",
|
|
1873
|
+
"color-gray": "_color-gray_1mnix_167",
|
|
1874
|
+
"color-contrast": "_color-contrast_1mnix_175",
|
|
1875
|
+
"variant-light": "_variant-light_1mnix_184",
|
|
1876
|
+
"variant-outline": "_variant-outline_1mnix_260",
|
|
1877
|
+
"variant-transparent": "_variant-transparent_1mnix_338",
|
|
1878
|
+
"position-top-left": "_position-top-left_1mnix_409",
|
|
1879
|
+
"position-top-right": "_position-top-right_1mnix_415",
|
|
1880
|
+
"position-bottom-left": "_position-bottom-left_1mnix_421",
|
|
1881
|
+
"position-bottom-right": "_position-bottom-right_1mnix_427",
|
|
1882
|
+
"position-top-center": "_position-top-center_1mnix_433",
|
|
1883
|
+
"position-bottom-center": "_position-bottom-center_1mnix_439",
|
|
1884
|
+
"position-middle-left": "_position-middle-left_1mnix_445",
|
|
1885
|
+
"position-middle-right": "_position-middle-right_1mnix_451",
|
|
1886
|
+
"position-middle-center": "_position-middle-center_1mnix_457",
|
|
1887
|
+
"position-top-left-inside": "_position-top-left-inside_1mnix_464",
|
|
1888
|
+
"position-top-right-inside": "_position-top-right-inside_1mnix_470",
|
|
1889
|
+
"position-bottom-left-inside": "_position-bottom-left-inside_1mnix_476",
|
|
1890
|
+
"position-bottom-right-inside": "_position-bottom-right-inside_1mnix_482",
|
|
1891
|
+
"position-top-center-inside": "_position-top-center-inside_1mnix_488",
|
|
1892
|
+
"position-bottom-center-inside": "_position-bottom-center-inside_1mnix_494",
|
|
1893
|
+
"position-middle-left-inside": "_position-middle-left-inside_1mnix_500",
|
|
1894
|
+
"position-middle-right-inside": "_position-middle-right-inside_1mnix_506"
|
|
1895
|
+
}, Ra = U((t, r) => {
|
|
1896
1896
|
const {
|
|
1897
1897
|
icon: n,
|
|
1898
1898
|
children: a,
|
|
@@ -1900,61 +1900,62 @@ const Sa = (t) => {
|
|
|
1900
1900
|
label: s,
|
|
1901
1901
|
isHidden: l = !1,
|
|
1902
1902
|
colorScheme: c = "red",
|
|
1903
|
-
size:
|
|
1903
|
+
size: _ = 20,
|
|
1904
1904
|
position: f = "top-right",
|
|
1905
1905
|
positionOffset: d = { x: 0, y: 0 },
|
|
1906
1906
|
cutoutBackground: g,
|
|
1907
|
-
isDisabled:
|
|
1908
|
-
className:
|
|
1907
|
+
isDisabled: b,
|
|
1908
|
+
className: m,
|
|
1909
1909
|
"data-testid": C = "badge",
|
|
1910
|
-
...
|
|
1911
|
-
} = t, { onClick:
|
|
1912
|
-
|
|
1910
|
+
...y
|
|
1911
|
+
} = t, { onClick: h, onPointerDown: x } = y, { ref: u, bgColor: w } = ye(), S = g || w, j = !b && (!!h || !!x), N = It(kt.badge__container, kt[`position-${f}`]), T = It(
|
|
1912
|
+
m,
|
|
1913
1913
|
kt.badge__content,
|
|
1914
1914
|
kt[`color-${c}`],
|
|
1915
1915
|
kt[`variant-${i}`],
|
|
1916
1916
|
{
|
|
1917
|
-
[kt.disabled]:
|
|
1917
|
+
[kt.disabled]: b,
|
|
1918
1918
|
[kt.icon]: !!n,
|
|
1919
|
-
[kt.interactive]:
|
|
1919
|
+
[kt.interactive]: j
|
|
1920
1920
|
}
|
|
1921
|
-
),
|
|
1922
|
-
"--badge-height": `${
|
|
1921
|
+
), R = {
|
|
1922
|
+
"--badge-height": `${_}px`,
|
|
1923
1923
|
"--badge-offset-x": `${d.x}px`,
|
|
1924
1924
|
"--badge-offset-y": `${d.y}px`,
|
|
1925
1925
|
...S && { "--badge-cutout-bg": S },
|
|
1926
1926
|
...i === "transparent" && { "--badge-cutout-bg": "transparent" }
|
|
1927
1927
|
}, O = (n == null ? void 0 : n({})) || s, D = (W) => {
|
|
1928
|
-
|
|
1928
|
+
j && (h == null || h(W));
|
|
1929
1929
|
};
|
|
1930
|
-
return /* @__PURE__ */ o.jsxs("div", { className: kt.wrapper, ref:
|
|
1930
|
+
return /* @__PURE__ */ o.jsxs("div", { className: kt.wrapper, ref: u, "data-testid": C + "-wrapper", children: [
|
|
1931
1931
|
a,
|
|
1932
1932
|
!l && /* @__PURE__ */ o.jsx(
|
|
1933
1933
|
"span",
|
|
1934
1934
|
{
|
|
1935
|
-
className:
|
|
1936
|
-
style:
|
|
1935
|
+
className: N,
|
|
1936
|
+
style: R,
|
|
1937
1937
|
"data-testid": C + "-container",
|
|
1938
1938
|
children: /* @__PURE__ */ o.jsx(
|
|
1939
1939
|
"span",
|
|
1940
1940
|
{
|
|
1941
|
-
...
|
|
1941
|
+
...y,
|
|
1942
1942
|
onClick: D,
|
|
1943
|
-
className:
|
|
1943
|
+
className: T,
|
|
1944
1944
|
"data-testid": C + "-content",
|
|
1945
1945
|
ref: r,
|
|
1946
|
-
"aria-disabled":
|
|
1946
|
+
"aria-disabled": b,
|
|
1947
1947
|
children: O
|
|
1948
1948
|
}
|
|
1949
1949
|
)
|
|
1950
1950
|
}
|
|
1951
1951
|
)
|
|
1952
1952
|
] });
|
|
1953
|
-
}), Ia = "
|
|
1953
|
+
}), Ia = "_container_yn8yz_7", Ma = "_loading_yn8yz_17", Ba = "_error_yn8yz_18", Aa = "_image_yn8yz_22", Wt = {
|
|
1954
1954
|
container: Ia,
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1955
|
+
loading: Ma,
|
|
1956
|
+
error: Ba,
|
|
1957
|
+
image: Aa
|
|
1958
|
+
}, Oa = ({ width: t = 48, height: r = 48, className: n, "data-testid": a }) => /* @__PURE__ */ o.jsx(
|
|
1958
1959
|
"svg",
|
|
1959
1960
|
{
|
|
1960
1961
|
width: t,
|
|
@@ -1975,105 +1976,121 @@ const Sa = (t) => {
|
|
|
1975
1976
|
}
|
|
1976
1977
|
)
|
|
1977
1978
|
}
|
|
1978
|
-
),
|
|
1979
|
+
), mc = U((t, r) => {
|
|
1979
1980
|
const {
|
|
1980
1981
|
alt: n = "",
|
|
1981
1982
|
loading: a = "lazy",
|
|
1982
1983
|
src: i,
|
|
1983
1984
|
isLoading: s = !1,
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1985
|
+
style: l,
|
|
1986
|
+
className: c,
|
|
1987
|
+
containerProps: _,
|
|
1988
|
+
"data-testid": f = "image",
|
|
1989
|
+
onError: d,
|
|
1990
|
+
onLoad: g,
|
|
1991
|
+
...b
|
|
1992
|
+
} = t, { className: m, ...C } = _ ?? {}, [y, h] = ft("loading"), x = y === "error", u = (s || y === "loading") && !x, w = y === "loaded" && !s, S = k(
|
|
1993
|
+
Wt.container,
|
|
1994
|
+
{ [Wt.loading]: u && !w, [Wt.error]: x && !w },
|
|
1995
|
+
m
|
|
1996
|
+
), E = k(
|
|
1997
|
+
Wt.image,
|
|
1991
1998
|
{
|
|
1992
|
-
[
|
|
1999
|
+
[Wt.loading]: u
|
|
1993
2000
|
},
|
|
1994
|
-
|
|
1995
|
-
),
|
|
1996
|
-
(
|
|
1997
|
-
|
|
2001
|
+
c
|
|
2002
|
+
), j = jt(
|
|
2003
|
+
(R) => {
|
|
2004
|
+
h("loaded"), g == null || g(R);
|
|
1998
2005
|
},
|
|
1999
|
-
[
|
|
2000
|
-
),
|
|
2001
|
-
(
|
|
2002
|
-
|
|
2006
|
+
[g]
|
|
2007
|
+
), N = jt(
|
|
2008
|
+
(R) => {
|
|
2009
|
+
h("error"), d == null || d(R);
|
|
2003
2010
|
},
|
|
2004
|
-
[
|
|
2005
|
-
),
|
|
2006
|
-
loader: /* @__PURE__ */ o.jsxs(
|
|
2007
|
-
/* @__PURE__ */ o.jsx(or, { size: 48, variant: "special", "data-testid": `${
|
|
2011
|
+
[d]
|
|
2012
|
+
), T = {
|
|
2013
|
+
loader: /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
2014
|
+
/* @__PURE__ */ o.jsx(or, { size: 48, variant: "special", "data-testid": `${f}-loader` }),
|
|
2008
2015
|
/* @__PURE__ */ o.jsx(
|
|
2009
2016
|
"img",
|
|
2010
2017
|
{
|
|
2011
2018
|
alt: n,
|
|
2012
2019
|
src: i,
|
|
2013
|
-
onLoad:
|
|
2014
|
-
onError:
|
|
2020
|
+
onLoad: j,
|
|
2021
|
+
onError: N,
|
|
2015
2022
|
style: { display: "none" }
|
|
2016
2023
|
}
|
|
2017
2024
|
)
|
|
2018
2025
|
] }),
|
|
2019
|
-
error: /* @__PURE__ */ o.jsx(
|
|
2026
|
+
error: /* @__PURE__ */ o.jsx(Oa, { "data-testid": `${f}-fallback` }),
|
|
2020
2027
|
image: /* @__PURE__ */ o.jsx(
|
|
2021
2028
|
"img",
|
|
2022
2029
|
{
|
|
2023
2030
|
ref: r,
|
|
2024
2031
|
alt: n,
|
|
2025
|
-
"data-testid":
|
|
2032
|
+
"data-testid": f,
|
|
2026
2033
|
loading: a,
|
|
2027
2034
|
src: i,
|
|
2028
|
-
className:
|
|
2035
|
+
className: E,
|
|
2036
|
+
...b
|
|
2029
2037
|
}
|
|
2030
2038
|
)
|
|
2031
2039
|
};
|
|
2032
2040
|
return gt(() => {
|
|
2033
2041
|
if (!i) {
|
|
2034
|
-
|
|
2042
|
+
h("error");
|
|
2035
2043
|
return;
|
|
2036
2044
|
}
|
|
2037
|
-
|
|
2038
|
-
}, [i]), /* @__PURE__ */ o.jsxs(
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2045
|
+
h("loading");
|
|
2046
|
+
}, [i]), /* @__PURE__ */ o.jsxs(
|
|
2047
|
+
"div",
|
|
2048
|
+
{
|
|
2049
|
+
className: S,
|
|
2050
|
+
"data-testid": `${f}-container`,
|
|
2051
|
+
style: l,
|
|
2052
|
+
...C,
|
|
2053
|
+
children: [
|
|
2054
|
+
u && T.loader,
|
|
2055
|
+
x && T.error,
|
|
2056
|
+
w && T.image
|
|
2057
|
+
]
|
|
2058
|
+
}
|
|
2059
|
+
);
|
|
2060
|
+
}), Pa = {}, ir = tr({
|
|
2061
|
+
locale: Pa
|
|
2062
|
+
}), za = () => {
|
|
2046
2063
|
const t = er(ir);
|
|
2047
2064
|
if (!t)
|
|
2048
2065
|
throw new Error("useConfig must be used within a ConfigProvider");
|
|
2049
2066
|
return t;
|
|
2050
2067
|
}, bc = () => {
|
|
2051
|
-
const { locale: t } =
|
|
2068
|
+
const { locale: t } = za();
|
|
2052
2069
|
return t;
|
|
2053
|
-
},
|
|
2054
|
-
base:
|
|
2055
|
-
content:
|
|
2056
|
-
background:
|
|
2057
|
-
button:
|
|
2058
|
-
link:
|
|
2059
|
-
input:
|
|
2060
|
-
suffix:
|
|
2061
|
-
prefix:
|
|
2062
|
-
tooltip:
|
|
2063
|
-
hint:
|
|
2064
|
-
dropdown:
|
|
2065
|
-
popover:
|
|
2066
|
-
modalBackdrop:
|
|
2067
|
-
modal:
|
|
2068
|
-
overlay:
|
|
2069
|
-
drawer:
|
|
2070
|
-
notification:
|
|
2071
|
-
alert:
|
|
2072
|
-
toast:
|
|
2073
|
-
loading:
|
|
2074
|
-
error:
|
|
2075
|
-
critical:
|
|
2076
|
-
},
|
|
2070
|
+
}, Da = {}, Fa = {}, Wa = {}, qa = {}, Ha = {}, Va = "_base_1p0qo_50", Za = "_content_1p0qo_54", Xa = "_background_1p0qo_58", Ya = "_button_1p0qo_62", Ga = "_link_1p0qo_66", Ua = "_input_1p0qo_70", Ka = "_suffix_1p0qo_74", Ja = "_prefix_1p0qo_78", Qa = "_tooltip_1p0qo_82", ts = "_hint_1p0qo_86", es = "_dropdown_1p0qo_90", rs = "_popover_1p0qo_94", ns = "_modalBackdrop_1p0qo_98", os = "_modal_1p0qo_98", as = "_overlay_1p0qo_106", ss = "_drawer_1p0qo_110", is = "_notification_1p0qo_114", ls = "_alert_1p0qo_118", cs = "_toast_1p0qo_122", ds = "_loading_1p0qo_126", us = "_error_1p0qo_130", _s = "_critical_1p0qo_134", ps = {
|
|
2071
|
+
base: Va,
|
|
2072
|
+
content: Za,
|
|
2073
|
+
background: Xa,
|
|
2074
|
+
button: Ya,
|
|
2075
|
+
link: Ga,
|
|
2076
|
+
input: Ua,
|
|
2077
|
+
suffix: Ka,
|
|
2078
|
+
prefix: Ja,
|
|
2079
|
+
tooltip: Qa,
|
|
2080
|
+
hint: ts,
|
|
2081
|
+
dropdown: es,
|
|
2082
|
+
popover: rs,
|
|
2083
|
+
modalBackdrop: ns,
|
|
2084
|
+
modal: os,
|
|
2085
|
+
overlay: as,
|
|
2086
|
+
drawer: ss,
|
|
2087
|
+
notification: is,
|
|
2088
|
+
alert: ls,
|
|
2089
|
+
toast: cs,
|
|
2090
|
+
loading: ds,
|
|
2091
|
+
error: us,
|
|
2092
|
+
critical: _s
|
|
2093
|
+
}, xc = ({
|
|
2077
2094
|
locale: t = {},
|
|
2078
2095
|
theme: r,
|
|
2079
2096
|
children: n,
|
|
@@ -2085,33 +2102,33 @@ const Sa = (t) => {
|
|
|
2085
2102
|
i.style.setProperty(s, l);
|
|
2086
2103
|
});
|
|
2087
2104
|
}
|
|
2088
|
-
}, [r]), /* @__PURE__ */ o.jsxs(
|
|
2105
|
+
}, [r]), /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
2089
2106
|
/* @__PURE__ */ o.jsx(
|
|
2090
2107
|
"div",
|
|
2091
2108
|
{
|
|
2092
2109
|
"data-testid": "ConfigProvider-component",
|
|
2093
|
-
className: k(
|
|
2110
|
+
className: k(Da, Fa, Wa, qa, Ha, ps, G, a)
|
|
2094
2111
|
}
|
|
2095
2112
|
),
|
|
2096
2113
|
/* @__PURE__ */ o.jsx(ir.Provider, { value: { locale: t }, children: n })
|
|
2097
|
-
] })),
|
|
2098
|
-
tag:
|
|
2099
|
-
label:
|
|
2100
|
-
iconWrapper:
|
|
2101
|
-
medium:
|
|
2114
|
+
] })), yc = {}, fs = "_tag_1llsi_1", gs = "_label_1llsi_16", hs = "_iconWrapper_1llsi_20", ms = "_medium_1llsi_27", bs = "_large_1llsi_33", xs = "_disabled_1llsi_43", ys = "_neutral_1llsi_47", vs = "_positive_1llsi_53", Cs = "_negative_1llsi_59", ws = "_warning_1llsi_65", ks = "_vivid_1llsi_71", Ss = "_special_1llsi_77", Ls = "_accent_1llsi_84", js = "_blue_1llsi_90", $s = "_lovely_1llsi_96", Ts = "_dreamy_1llsi_102", Rt = {
|
|
2115
|
+
tag: fs,
|
|
2116
|
+
label: gs,
|
|
2117
|
+
iconWrapper: hs,
|
|
2118
|
+
medium: ms,
|
|
2102
2119
|
large: bs,
|
|
2103
|
-
disabled:
|
|
2104
|
-
neutral:
|
|
2105
|
-
positive:
|
|
2106
|
-
negative:
|
|
2107
|
-
warning:
|
|
2108
|
-
vivid:
|
|
2109
|
-
special:
|
|
2110
|
-
accent:
|
|
2111
|
-
blue:
|
|
2112
|
-
lovely:
|
|
2113
|
-
dreamy:
|
|
2114
|
-
},
|
|
2120
|
+
disabled: xs,
|
|
2121
|
+
neutral: ys,
|
|
2122
|
+
positive: vs,
|
|
2123
|
+
negative: Cs,
|
|
2124
|
+
warning: ws,
|
|
2125
|
+
vivid: ks,
|
|
2126
|
+
special: Ss,
|
|
2127
|
+
accent: Ls,
|
|
2128
|
+
blue: js,
|
|
2129
|
+
lovely: $s,
|
|
2130
|
+
dreamy: Ts
|
|
2131
|
+
}, vc = U((t, r) => {
|
|
2115
2132
|
const {
|
|
2116
2133
|
className: n,
|
|
2117
2134
|
children: a,
|
|
@@ -2119,48 +2136,48 @@ const Sa = (t) => {
|
|
|
2119
2136
|
size: s = "medium",
|
|
2120
2137
|
disabled: l = !1,
|
|
2121
2138
|
showLabel: c = !!a,
|
|
2122
|
-
slotStart:
|
|
2139
|
+
slotStart: _,
|
|
2123
2140
|
slotEnd: f,
|
|
2124
2141
|
slotStartWrapperProps: d = {},
|
|
2125
2142
|
slotEndWrapperProps: g = {},
|
|
2126
|
-
"data-testid":
|
|
2127
|
-
...
|
|
2128
|
-
} = t, { className: C, ...
|
|
2143
|
+
"data-testid": b,
|
|
2144
|
+
...m
|
|
2145
|
+
} = t, { className: C, ...y } = d, { className: h, ...x } = g;
|
|
2129
2146
|
return /* @__PURE__ */ o.jsxs(
|
|
2130
2147
|
"div",
|
|
2131
2148
|
{
|
|
2132
2149
|
className: k(
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2150
|
+
Rt.tag,
|
|
2151
|
+
Rt[s],
|
|
2152
|
+
Rt[i],
|
|
2136
2153
|
{
|
|
2137
|
-
[
|
|
2154
|
+
[Rt.disabled]: l,
|
|
2138
2155
|
[G["typography-label-3-regular"]]: s === "medium",
|
|
2139
2156
|
[G["typography-subtitle-1-semibold"]]: s === "large"
|
|
2140
2157
|
},
|
|
2141
2158
|
n
|
|
2142
2159
|
),
|
|
2143
|
-
"data-testid":
|
|
2160
|
+
"data-testid": b || "tag-component",
|
|
2144
2161
|
ref: r,
|
|
2145
|
-
...
|
|
2162
|
+
...m,
|
|
2146
2163
|
children: [
|
|
2147
|
-
|
|
2148
|
-
c && /* @__PURE__ */ o.jsx("span", { className: k([
|
|
2149
|
-
f && /* @__PURE__ */ o.jsx("span", { className: k([
|
|
2164
|
+
_ && /* @__PURE__ */ o.jsx("span", { className: k([Rt.iconWrapper, C]), ...y, children: _ }),
|
|
2165
|
+
c && /* @__PURE__ */ o.jsx("span", { className: k([Rt.label]), children: a }),
|
|
2166
|
+
f && /* @__PURE__ */ o.jsx("span", { className: k([Rt.iconWrapper, h]), ...x, children: f })
|
|
2150
2167
|
]
|
|
2151
2168
|
}
|
|
2152
2169
|
);
|
|
2153
|
-
}),
|
|
2154
|
-
checkbox:
|
|
2155
|
-
input:
|
|
2170
|
+
}), Es = "_checkbox_gtrs6_43", Ns = "_input_gtrs6_64", Rs = "_icon_gtrs6_72", Is = "_container_gtrs6_92", Ms = "_error_gtrs6_143", Bs = "_checkboxWrapper_gtrs6_156", As = "_medium_gtrs6_211", Os = "_large_gtrs6_216", Ps = "_label_gtrs6_258", Lt = {
|
|
2171
|
+
checkbox: Es,
|
|
2172
|
+
input: Ns,
|
|
2156
2173
|
icon: Rs,
|
|
2157
|
-
container:
|
|
2158
|
-
error:
|
|
2159
|
-
checkboxWrapper:
|
|
2160
|
-
medium:
|
|
2161
|
-
large:
|
|
2162
|
-
label:
|
|
2163
|
-
},
|
|
2174
|
+
container: Is,
|
|
2175
|
+
error: Ms,
|
|
2176
|
+
checkboxWrapper: Bs,
|
|
2177
|
+
medium: As,
|
|
2178
|
+
large: Os,
|
|
2179
|
+
label: Ps
|
|
2180
|
+
}, zs = ({
|
|
2164
2181
|
width: t = 12,
|
|
2165
2182
|
height: r = 9,
|
|
2166
2183
|
className: n = "",
|
|
@@ -2186,7 +2203,7 @@ const Sa = (t) => {
|
|
|
2186
2203
|
}
|
|
2187
2204
|
)
|
|
2188
2205
|
}
|
|
2189
|
-
),
|
|
2206
|
+
), Ds = ({
|
|
2190
2207
|
width: t = 12,
|
|
2191
2208
|
height: r = 2,
|
|
2192
2209
|
className: n = "",
|
|
@@ -2212,17 +2229,17 @@ const Sa = (t) => {
|
|
|
2212
2229
|
}
|
|
2213
2230
|
)
|
|
2214
2231
|
}
|
|
2215
|
-
),
|
|
2232
|
+
), Fs = {
|
|
2216
2233
|
medium: { width: 10.83, height: 7.5 },
|
|
2217
2234
|
large: { width: 13, height: 9 }
|
|
2218
|
-
},
|
|
2235
|
+
}, Ws = ({
|
|
2219
2236
|
size: t,
|
|
2220
2237
|
isChecked: r,
|
|
2221
2238
|
isDisabled: n,
|
|
2222
2239
|
indeterminate: a,
|
|
2223
2240
|
dataTestId: i
|
|
2224
2241
|
}) => {
|
|
2225
|
-
const { width: s, height: l } =
|
|
2242
|
+
const { width: s, height: l } = Fs[t];
|
|
2226
2243
|
return /* @__PURE__ */ o.jsx(
|
|
2227
2244
|
"div",
|
|
2228
2245
|
{
|
|
@@ -2231,10 +2248,10 @@ const Sa = (t) => {
|
|
|
2231
2248
|
"data-checked": r,
|
|
2232
2249
|
"data-disabled": n,
|
|
2233
2250
|
"data-indeterminate": a,
|
|
2234
|
-
children: a ? /* @__PURE__ */ o.jsx(
|
|
2251
|
+
children: a ? /* @__PURE__ */ o.jsx(Ds, { width: s, height: l }) : /* @__PURE__ */ o.jsx(zs, { width: s, height: l })
|
|
2235
2252
|
}
|
|
2236
2253
|
);
|
|
2237
|
-
},
|
|
2254
|
+
}, Cc = U((t, r) => {
|
|
2238
2255
|
const {
|
|
2239
2256
|
name: n,
|
|
2240
2257
|
value: a,
|
|
@@ -2242,55 +2259,56 @@ const Sa = (t) => {
|
|
|
2242
2259
|
indeterminate: s = !1,
|
|
2243
2260
|
loading: l = !1,
|
|
2244
2261
|
error: c,
|
|
2245
|
-
disabled:
|
|
2262
|
+
disabled: _ = !1,
|
|
2246
2263
|
containerClassName: f,
|
|
2247
2264
|
className: d,
|
|
2248
2265
|
containerStyle: g,
|
|
2249
|
-
style:
|
|
2250
|
-
children:
|
|
2266
|
+
style: b,
|
|
2267
|
+
children: m,
|
|
2251
2268
|
clickableLabel: C = !0,
|
|
2252
|
-
tabIndex:
|
|
2253
|
-
onChange:
|
|
2254
|
-
|
|
2255
|
-
|
|
2269
|
+
tabIndex: y,
|
|
2270
|
+
onChange: h,
|
|
2271
|
+
onClick: x,
|
|
2272
|
+
"data-testid": u = "checkbox"
|
|
2273
|
+
} = t, [w, S] = ft(!1), E = a ?? w, j = _ || l, N = !!c, T = E || s, R = k(Lt.container, Lt[i], f), O = k(
|
|
2256
2274
|
Lt.checkbox,
|
|
2257
2275
|
Lt[i],
|
|
2258
2276
|
{
|
|
2259
|
-
[Lt.error]:
|
|
2277
|
+
[Lt.error]: N
|
|
2260
2278
|
},
|
|
2261
2279
|
d
|
|
2262
|
-
),
|
|
2263
|
-
|
|
2264
|
-
},
|
|
2265
|
-
if (
|
|
2266
|
-
|
|
2267
|
-
const q = !
|
|
2268
|
-
|
|
2280
|
+
), D = (A) => {
|
|
2281
|
+
j || (S(A.target.checked), h == null || h(A.target.checked, A));
|
|
2282
|
+
}, W = (A) => {
|
|
2283
|
+
if (A.key === "Enter" && !j) {
|
|
2284
|
+
A.preventDefault();
|
|
2285
|
+
const q = !T;
|
|
2286
|
+
S(q), h == null || h(q);
|
|
2269
2287
|
}
|
|
2270
|
-
},
|
|
2271
|
-
C ||
|
|
2272
|
-
}
|
|
2288
|
+
}, L = (A) => {
|
|
2289
|
+
C || A.preventDefault(), x == null || x(A);
|
|
2290
|
+
};
|
|
2273
2291
|
return /* @__PURE__ */ o.jsxs(
|
|
2274
2292
|
"label",
|
|
2275
2293
|
{
|
|
2276
|
-
className:
|
|
2294
|
+
className: R,
|
|
2277
2295
|
htmlFor: n,
|
|
2278
2296
|
style: g,
|
|
2279
|
-
"data-testid":
|
|
2297
|
+
"data-testid": u,
|
|
2280
2298
|
"data-clickable-label": C,
|
|
2281
2299
|
children: [
|
|
2282
2300
|
/* @__PURE__ */ o.jsx("div", { className: Lt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
|
|
2283
2301
|
"div",
|
|
2284
2302
|
{
|
|
2285
|
-
tabIndex:
|
|
2286
|
-
className:
|
|
2287
|
-
style:
|
|
2288
|
-
onKeyDown:
|
|
2289
|
-
"aria-checked":
|
|
2290
|
-
"aria-disabled":
|
|
2291
|
-
"aria-invalid":
|
|
2303
|
+
tabIndex: y || 0,
|
|
2304
|
+
className: O,
|
|
2305
|
+
style: b,
|
|
2306
|
+
onKeyDown: W,
|
|
2307
|
+
"aria-checked": T,
|
|
2308
|
+
"aria-disabled": j,
|
|
2309
|
+
"aria-invalid": N,
|
|
2292
2310
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2293
|
-
"data-testid": `${
|
|
2311
|
+
"data-testid": `${u}-label`,
|
|
2294
2312
|
children: [
|
|
2295
2313
|
/* @__PURE__ */ o.jsx(
|
|
2296
2314
|
"input",
|
|
@@ -2299,96 +2317,95 @@ const Sa = (t) => {
|
|
|
2299
2317
|
type: "checkbox",
|
|
2300
2318
|
id: n,
|
|
2301
2319
|
name: n,
|
|
2302
|
-
checked:
|
|
2303
|
-
disabled:
|
|
2320
|
+
checked: T,
|
|
2321
|
+
disabled: j,
|
|
2304
2322
|
className: Lt.input,
|
|
2305
|
-
onChange:
|
|
2306
|
-
|
|
2307
|
-
"aria-
|
|
2308
|
-
"aria-invalid": $,
|
|
2323
|
+
onChange: D,
|
|
2324
|
+
"aria-checked": T,
|
|
2325
|
+
"aria-invalid": N,
|
|
2309
2326
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2310
|
-
"data-testid": `${
|
|
2327
|
+
"data-testid": `${u}-input`
|
|
2311
2328
|
}
|
|
2312
2329
|
),
|
|
2313
2330
|
/* @__PURE__ */ o.jsx(
|
|
2314
|
-
|
|
2331
|
+
Ws,
|
|
2315
2332
|
{
|
|
2316
2333
|
name: n,
|
|
2317
2334
|
size: i,
|
|
2318
|
-
isChecked:
|
|
2319
|
-
isDisabled:
|
|
2335
|
+
isChecked: T,
|
|
2336
|
+
isDisabled: j,
|
|
2320
2337
|
indeterminate: s,
|
|
2321
|
-
dataTestId:
|
|
2338
|
+
dataTestId: u
|
|
2322
2339
|
}
|
|
2323
2340
|
)
|
|
2324
2341
|
]
|
|
2325
2342
|
}
|
|
2326
2343
|
) }),
|
|
2327
|
-
|
|
2344
|
+
m && /* @__PURE__ */ o.jsx(
|
|
2328
2345
|
"span",
|
|
2329
2346
|
{
|
|
2330
|
-
"data-testid": `${
|
|
2347
|
+
"data-testid": `${u}-label-text`,
|
|
2331
2348
|
"data-clickable-label": C,
|
|
2332
2349
|
className: Lt.label,
|
|
2333
|
-
onClick:
|
|
2334
|
-
children:
|
|
2350
|
+
onClick: L,
|
|
2351
|
+
children: m
|
|
2335
2352
|
}
|
|
2336
2353
|
)
|
|
2337
2354
|
]
|
|
2338
2355
|
}
|
|
2339
2356
|
);
|
|
2340
|
-
}),
|
|
2341
|
-
base:
|
|
2342
|
-
content:
|
|
2343
|
-
background:
|
|
2344
|
-
button:
|
|
2345
|
-
link:
|
|
2346
|
-
input:
|
|
2347
|
-
suffix:
|
|
2348
|
-
prefix:
|
|
2349
|
-
tooltip:
|
|
2350
|
-
hint:
|
|
2351
|
-
dropdown:
|
|
2352
|
-
popover:
|
|
2353
|
-
modalBackdrop:
|
|
2354
|
-
modal:
|
|
2355
|
-
overlay:
|
|
2356
|
-
drawer:
|
|
2357
|
-
notification:
|
|
2358
|
-
alert:
|
|
2359
|
-
toast:
|
|
2360
|
-
loading:
|
|
2361
|
-
error:
|
|
2362
|
-
critical:
|
|
2363
|
-
inputBase:
|
|
2364
|
-
wrapper:
|
|
2357
|
+
}), qs = "_base_10oxr_1", Hs = "_content_10oxr_1", Vs = "_background_10oxr_1", Zs = "_button_10oxr_1", Xs = "_link_10oxr_1", Ys = "_input_10oxr_96", Gs = "_suffix_10oxr_1", Us = "_prefix_10oxr_1", Ks = "_tooltip_10oxr_1", Js = "_hint_10oxr_794", Qs = "_dropdown_10oxr_1", ti = "_popover_10oxr_1", ei = "_modalBackdrop_10oxr_1", ri = "_modal_10oxr_1", ni = "_overlay_10oxr_1", oi = "_drawer_10oxr_1", ai = "_notification_10oxr_1", si = "_alert_10oxr_1", ii = "_toast_10oxr_1", li = "_loading_10oxr_291", ci = "_error_10oxr_252", di = "_critical_10oxr_1", ui = "_inputBase_10oxr_96", _i = "_wrapper_10oxr_106", pi = "_gripHandle_10oxr_186", fi = "_tabFocused_10oxr_259", gi = "_disabled_10oxr_284", hi = "_label_10oxr_301", mi = "_S_10oxr_315", bi = "_M_10oxr_321", xi = "_XL_10oxr_328", yi = "_leftSection_10oxr_335", vi = "_rightSection_10oxr_347", Ci = "_helper_10oxr_385", wi = "_floatingLabel_10oxr_415", ki = "_focused_10oxr_481", Si = "_filled_10oxr_482", Li = "_L_10oxr_522", ji = "_characterLimit_10oxr_564", $i = "_textarea_10oxr_124", Ti = "_truncate_10oxr_707", M = {
|
|
2358
|
+
base: qs,
|
|
2359
|
+
content: Hs,
|
|
2360
|
+
background: Vs,
|
|
2361
|
+
button: Zs,
|
|
2362
|
+
link: Xs,
|
|
2363
|
+
input: Ys,
|
|
2364
|
+
suffix: Gs,
|
|
2365
|
+
prefix: Us,
|
|
2366
|
+
tooltip: Ks,
|
|
2367
|
+
hint: Js,
|
|
2368
|
+
dropdown: Qs,
|
|
2369
|
+
popover: ti,
|
|
2370
|
+
modalBackdrop: ei,
|
|
2371
|
+
modal: ri,
|
|
2372
|
+
overlay: ni,
|
|
2373
|
+
drawer: oi,
|
|
2374
|
+
notification: ai,
|
|
2375
|
+
alert: si,
|
|
2376
|
+
toast: ii,
|
|
2377
|
+
loading: li,
|
|
2378
|
+
error: ci,
|
|
2379
|
+
critical: di,
|
|
2380
|
+
inputBase: ui,
|
|
2381
|
+
wrapper: _i,
|
|
2365
2382
|
"textarea-wrapper": "_textarea-wrapper_10oxr_124",
|
|
2366
|
-
gripHandle:
|
|
2367
|
-
tabFocused:
|
|
2368
|
-
disabled:
|
|
2369
|
-
label:
|
|
2370
|
-
S:
|
|
2383
|
+
gripHandle: pi,
|
|
2384
|
+
tabFocused: fi,
|
|
2385
|
+
disabled: gi,
|
|
2386
|
+
label: hi,
|
|
2387
|
+
S: mi,
|
|
2371
2388
|
M: bi,
|
|
2372
|
-
XL:
|
|
2373
|
-
leftSection:
|
|
2374
|
-
rightSection:
|
|
2375
|
-
helper:
|
|
2376
|
-
floatingLabel:
|
|
2377
|
-
focused:
|
|
2378
|
-
filled:
|
|
2379
|
-
L:
|
|
2380
|
-
characterLimit:
|
|
2381
|
-
textarea:
|
|
2389
|
+
XL: xi,
|
|
2390
|
+
leftSection: yi,
|
|
2391
|
+
rightSection: vi,
|
|
2392
|
+
helper: Ci,
|
|
2393
|
+
floatingLabel: wi,
|
|
2394
|
+
focused: ki,
|
|
2395
|
+
filled: Si,
|
|
2396
|
+
L: Li,
|
|
2397
|
+
characterLimit: ji,
|
|
2398
|
+
textarea: $i,
|
|
2382
2399
|
"size-S": "_size-S_10oxr_646",
|
|
2383
2400
|
"size-M": "_size-M_10oxr_656",
|
|
2384
2401
|
"size-L": "_size-L_10oxr_662",
|
|
2385
2402
|
"size-XL": "_size-XL_10oxr_668",
|
|
2386
2403
|
"with-floating-label": "_with-floating-label_10oxr_675",
|
|
2387
|
-
truncate:
|
|
2404
|
+
truncate: Ti,
|
|
2388
2405
|
"has-hint": "_has-hint_10oxr_815",
|
|
2389
2406
|
"has-suffix": "_has-suffix_10oxr_821",
|
|
2390
2407
|
"has-limit": "_has-limit_10oxr_844"
|
|
2391
|
-
},
|
|
2408
|
+
}, Ei = ({
|
|
2392
2409
|
width: t = 8,
|
|
2393
2410
|
height: r = 8,
|
|
2394
2411
|
className: n,
|
|
@@ -2426,7 +2443,7 @@ const Sa = (t) => {
|
|
|
2426
2443
|
...{
|
|
2427
2444
|
xxxs: { width: "8px", height: "8px" },
|
|
2428
2445
|
xxs: { width: "12px", height: "12px" },
|
|
2429
|
-
xs: { width: "
|
|
2446
|
+
xs: { width: "20px", height: "20px" },
|
|
2430
2447
|
sm: { width: "24px", height: "24px" },
|
|
2431
2448
|
md: { width: "32px", height: "32px" },
|
|
2432
2449
|
lg: { width: "40px", height: "40px" }
|
|
@@ -2455,8 +2472,8 @@ const Sa = (t) => {
|
|
|
2455
2472
|
)
|
|
2456
2473
|
}
|
|
2457
2474
|
);
|
|
2458
|
-
},
|
|
2459
|
-
const n =
|
|
2475
|
+
}, Ni = (t, r) => {
|
|
2476
|
+
const n = Vt(null), a = Vt(null);
|
|
2460
2477
|
return gt(() => {
|
|
2461
2478
|
const i = r === "textarea" ? n.current : a.current;
|
|
2462
2479
|
i && i.value !== t && (i.value = t || "");
|
|
@@ -2472,20 +2489,20 @@ const Sa = (t) => {
|
|
|
2472
2489
|
if (n.current.style.setProperty("height", "auto", "important"), !t) return;
|
|
2473
2490
|
const s = n.current.scrollHeight + "px";
|
|
2474
2491
|
n.current.style.setProperty("height", s, "important"), n.current.scrollTop = i;
|
|
2475
|
-
const l = n.current.closest(`.${
|
|
2492
|
+
const l = n.current.closest(`.${M.wrapper}`);
|
|
2476
2493
|
l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
|
|
2477
2494
|
};
|
|
2478
2495
|
return gt(a, [t, r]), gt(() => {
|
|
2479
2496
|
r === "hug" && n.current && a();
|
|
2480
2497
|
}, []), { resizeTextArea: a };
|
|
2481
|
-
},
|
|
2498
|
+
}, Ii = (t, r, n, a) => ({ handleGripMouseDown: jt(
|
|
2482
2499
|
(s) => {
|
|
2483
2500
|
if (!t || r || n || !(a === "fixed" || !a)) return;
|
|
2484
2501
|
s.preventDefault(), s.stopPropagation();
|
|
2485
|
-
const l = s.currentTarget.closest(`.${
|
|
2502
|
+
const l = s.currentTarget.closest(`.${M.wrapper}`);
|
|
2486
2503
|
if (!l) return;
|
|
2487
|
-
const c = s.clientY,
|
|
2488
|
-
const
|
|
2504
|
+
const c = s.clientY, _ = l.clientHeight, f = (g) => {
|
|
2505
|
+
const b = g.clientY - c, m = Math.min(100, _), C = Math.max(m, _ + b);
|
|
2489
2506
|
l.style.height = `${C}px`;
|
|
2490
2507
|
}, d = () => {
|
|
2491
2508
|
document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d);
|
|
@@ -2493,7 +2510,7 @@ const Sa = (t) => {
|
|
|
2493
2510
|
document.addEventListener("mousemove", f), document.addEventListener("mouseup", d);
|
|
2494
2511
|
},
|
|
2495
2512
|
[t, r, n, a]
|
|
2496
|
-
) }), Xe = 30,
|
|
2513
|
+
) }), Xe = 30, Mi = U(
|
|
2497
2514
|
({
|
|
2498
2515
|
component: t = "input",
|
|
2499
2516
|
size: r = "L",
|
|
@@ -2503,46 +2520,46 @@ const Sa = (t) => {
|
|
|
2503
2520
|
loading: s = !1,
|
|
2504
2521
|
onFocus: l,
|
|
2505
2522
|
onBlur: c,
|
|
2506
|
-
onChange:
|
|
2523
|
+
onChange: _,
|
|
2507
2524
|
onKeyDown: f,
|
|
2508
2525
|
onKeyUp: d,
|
|
2509
2526
|
maxLength: g,
|
|
2510
|
-
className:
|
|
2511
|
-
style:
|
|
2527
|
+
className: b,
|
|
2528
|
+
style: m,
|
|
2512
2529
|
truncate: C = !1,
|
|
2513
|
-
shouldShowFloatingLabelClass:
|
|
2514
|
-
"aria-invalid":
|
|
2530
|
+
shouldShowFloatingLabelClass: y = !1,
|
|
2531
|
+
"aria-invalid": h,
|
|
2515
2532
|
"aria-errormessage": x,
|
|
2516
|
-
id:
|
|
2533
|
+
id: u,
|
|
2517
2534
|
resize: w,
|
|
2518
2535
|
...S
|
|
2519
|
-
},
|
|
2520
|
-
const { textareaRef:
|
|
2521
|
-
if (Ri(n, w,
|
|
2536
|
+
}, E) => {
|
|
2537
|
+
const { textareaRef: j, inputRef: N, currentRef: T } = Ni(n, t);
|
|
2538
|
+
if (Ri(n, w, j), Ar(E, () => T.current, [T]), t === "textarea")
|
|
2522
2539
|
return /* @__PURE__ */ o.jsx(
|
|
2523
2540
|
"textarea",
|
|
2524
2541
|
{
|
|
2525
|
-
ref:
|
|
2526
|
-
id:
|
|
2542
|
+
ref: j,
|
|
2543
|
+
id: u,
|
|
2527
2544
|
value: n,
|
|
2528
2545
|
placeholder: a,
|
|
2529
2546
|
disabled: i || s,
|
|
2530
2547
|
onFocus: l,
|
|
2531
2548
|
onBlur: c,
|
|
2532
|
-
onChange:
|
|
2549
|
+
onChange: _,
|
|
2533
2550
|
onKeyDown: f,
|
|
2534
2551
|
onKeyUp: d,
|
|
2535
2552
|
maxLength: g,
|
|
2536
2553
|
className: k(
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2554
|
+
M.textarea,
|
|
2555
|
+
M[`size-${r}`],
|
|
2556
|
+
y && M["with-floating-label"],
|
|
2557
|
+
b
|
|
2541
2558
|
),
|
|
2542
|
-
style:
|
|
2543
|
-
"aria-invalid":
|
|
2559
|
+
style: m,
|
|
2560
|
+
"aria-invalid": h,
|
|
2544
2561
|
"aria-errormessage": x,
|
|
2545
|
-
"aria-describedby": x ? `${
|
|
2562
|
+
"aria-describedby": x ? `${u}-error` : void 0,
|
|
2546
2563
|
tabIndex: 0,
|
|
2547
2564
|
"data-resize": w,
|
|
2548
2565
|
...S
|
|
@@ -2552,28 +2569,28 @@ const Sa = (t) => {
|
|
|
2552
2569
|
return /* @__PURE__ */ o.jsx(
|
|
2553
2570
|
"input",
|
|
2554
2571
|
{
|
|
2555
|
-
ref:
|
|
2556
|
-
id:
|
|
2572
|
+
ref: N,
|
|
2573
|
+
id: u,
|
|
2557
2574
|
value: n,
|
|
2558
2575
|
placeholder: a,
|
|
2559
2576
|
disabled: i || s,
|
|
2560
2577
|
onFocus: l,
|
|
2561
2578
|
onBlur: c,
|
|
2562
|
-
onChange:
|
|
2579
|
+
onChange: _,
|
|
2563
2580
|
onKeyDown: f,
|
|
2564
2581
|
onKeyUp: d,
|
|
2565
2582
|
maxLength: g,
|
|
2566
2583
|
className: k(
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
C &&
|
|
2571
|
-
|
|
2584
|
+
M.input,
|
|
2585
|
+
M[`size-${r}`],
|
|
2586
|
+
y && M["with-floating-label"],
|
|
2587
|
+
C && M.truncate,
|
|
2588
|
+
b
|
|
2572
2589
|
),
|
|
2573
|
-
style:
|
|
2574
|
-
"aria-invalid":
|
|
2590
|
+
style: m,
|
|
2591
|
+
"aria-invalid": h,
|
|
2575
2592
|
"aria-errormessage": x,
|
|
2576
|
-
"aria-describedby": x ? `${
|
|
2593
|
+
"aria-describedby": x ? `${u}-error` : void 0,
|
|
2577
2594
|
tabIndex: 0,
|
|
2578
2595
|
...S
|
|
2579
2596
|
}
|
|
@@ -2593,47 +2610,47 @@ const Sa = (t) => {
|
|
|
2593
2610
|
className: s,
|
|
2594
2611
|
wrapperProps: l,
|
|
2595
2612
|
wrapperStyles: c,
|
|
2596
|
-
floatingLabelStyles:
|
|
2613
|
+
floatingLabelStyles: _,
|
|
2597
2614
|
prefixStyles: f,
|
|
2598
2615
|
suffixStyles: d,
|
|
2599
2616
|
labelProps: g,
|
|
2600
|
-
helperProps:
|
|
2601
|
-
showLimit:
|
|
2617
|
+
helperProps: b,
|
|
2618
|
+
showLimit: m = !1,
|
|
2602
2619
|
maxLength: C,
|
|
2603
|
-
hint:
|
|
2604
|
-
showHint:
|
|
2620
|
+
hint: y,
|
|
2621
|
+
showHint: h = !1,
|
|
2605
2622
|
showHintOnEmpty: x = !1,
|
|
2606
|
-
prefix:
|
|
2623
|
+
prefix: u,
|
|
2607
2624
|
suffix: w,
|
|
2608
2625
|
onSuffixClick: S,
|
|
2609
|
-
placeholder:
|
|
2610
|
-
showLabel:
|
|
2611
|
-
labelClassName:
|
|
2612
|
-
hasValue:
|
|
2613
|
-
helper:
|
|
2626
|
+
placeholder: E,
|
|
2627
|
+
showLabel: j = !0,
|
|
2628
|
+
labelClassName: N,
|
|
2629
|
+
hasValue: T = !1,
|
|
2630
|
+
helper: R,
|
|
2614
2631
|
id: O,
|
|
2615
2632
|
value: D = "",
|
|
2616
2633
|
resize: W,
|
|
2617
2634
|
showGrip: L = !1,
|
|
2618
|
-
...
|
|
2635
|
+
...A
|
|
2619
2636
|
}, q) => {
|
|
2620
|
-
const H =
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
n &&
|
|
2624
|
-
a &&
|
|
2625
|
-
i &&
|
|
2626
|
-
K &&
|
|
2627
|
-
w &&
|
|
2628
|
-
|
|
2637
|
+
const H = be(), Z = O || H, K = h && y && (T || x), ot = y && y.length > Xe ? y.substring(0, Xe) + "..." : y, rt = k(
|
|
2638
|
+
M.wrapper,
|
|
2639
|
+
M[`size-${r}`],
|
|
2640
|
+
n && M.error,
|
|
2641
|
+
a && M.disabled,
|
|
2642
|
+
i && M.loading,
|
|
2643
|
+
K && M["has-hint"],
|
|
2644
|
+
w && M["has-suffix"],
|
|
2645
|
+
m && M["has-limit"],
|
|
2629
2646
|
s
|
|
2630
2647
|
), J = k(
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
), { handleGripMouseDown: at } =
|
|
2636
|
-
return /* @__PURE__ */ o.jsxs("div", { ref: q, className:
|
|
2648
|
+
M.floatingLabel,
|
|
2649
|
+
M[r],
|
|
2650
|
+
T && M.filled,
|
|
2651
|
+
N
|
|
2652
|
+
), { handleGripMouseDown: at } = Ii(L, a, i, W);
|
|
2653
|
+
return /* @__PURE__ */ o.jsxs("div", { ref: q, className: M.inputBase, "data-testid": "input-base-wrapper", ...A, children: [
|
|
2637
2654
|
/* @__PURE__ */ o.jsxs(
|
|
2638
2655
|
"div",
|
|
2639
2656
|
{
|
|
@@ -2643,48 +2660,48 @@ const Sa = (t) => {
|
|
|
2643
2660
|
"data-show-grip": L ? "true" : "false",
|
|
2644
2661
|
...l,
|
|
2645
2662
|
children: [
|
|
2646
|
-
|
|
2663
|
+
u && /* @__PURE__ */ o.jsx("label", { htmlFor: Z, className: M.leftSection, style: f, children: u }),
|
|
2647
2664
|
w && /* @__PURE__ */ o.jsx(
|
|
2648
2665
|
"label",
|
|
2649
2666
|
{
|
|
2650
2667
|
htmlFor: Z,
|
|
2651
|
-
className:
|
|
2668
|
+
className: M.rightSection,
|
|
2652
2669
|
style: d,
|
|
2653
2670
|
onClick: S,
|
|
2654
2671
|
children: w
|
|
2655
2672
|
}
|
|
2656
2673
|
),
|
|
2657
|
-
|
|
2674
|
+
E && j && /* @__PURE__ */ o.jsx(
|
|
2658
2675
|
"label",
|
|
2659
2676
|
{
|
|
2660
2677
|
htmlFor: Z,
|
|
2661
2678
|
className: J,
|
|
2662
|
-
style:
|
|
2679
|
+
style: _,
|
|
2663
2680
|
...g,
|
|
2664
|
-
children:
|
|
2681
|
+
children: E
|
|
2665
2682
|
}
|
|
2666
2683
|
),
|
|
2667
2684
|
t,
|
|
2668
|
-
L && !
|
|
2685
|
+
L && !m && (W === "fixed" || !W) && /* @__PURE__ */ o.jsx(
|
|
2669
2686
|
"div",
|
|
2670
2687
|
{
|
|
2671
|
-
className:
|
|
2688
|
+
className: M.gripHandle,
|
|
2672
2689
|
onMouseDown: at,
|
|
2673
2690
|
role: "button",
|
|
2674
2691
|
tabIndex: -1,
|
|
2675
2692
|
"aria-label": "Изменить размер",
|
|
2676
|
-
children: /* @__PURE__ */ o.jsx(
|
|
2693
|
+
children: /* @__PURE__ */ o.jsx(Ei, {})
|
|
2677
2694
|
}
|
|
2678
2695
|
),
|
|
2679
2696
|
K && /* @__PURE__ */ o.jsx(
|
|
2680
2697
|
"div",
|
|
2681
2698
|
{
|
|
2682
|
-
className: k(
|
|
2699
|
+
className: k(M.hint, T && M.truncate),
|
|
2683
2700
|
"data-disabled": a || i,
|
|
2684
2701
|
children: ot
|
|
2685
2702
|
}
|
|
2686
2703
|
),
|
|
2687
|
-
|
|
2704
|
+
m && C && /* @__PURE__ */ o.jsxs("div", { className: M.characterLimit, children: [
|
|
2688
2705
|
(D || "").length,
|
|
2689
2706
|
" из ",
|
|
2690
2707
|
C
|
|
@@ -2692,24 +2709,24 @@ const Sa = (t) => {
|
|
|
2692
2709
|
]
|
|
2693
2710
|
}
|
|
2694
2711
|
),
|
|
2695
|
-
|
|
2712
|
+
R && /* @__PURE__ */ o.jsx(
|
|
2696
2713
|
"div",
|
|
2697
2714
|
{
|
|
2698
2715
|
className: k(
|
|
2699
|
-
|
|
2700
|
-
n &&
|
|
2701
|
-
(a || i) &&
|
|
2716
|
+
M.helper,
|
|
2717
|
+
n && M.error,
|
|
2718
|
+
(a || i) && M.disabled
|
|
2702
2719
|
),
|
|
2703
|
-
...
|
|
2720
|
+
...b,
|
|
2704
2721
|
id: n ? `${Z}-error` : void 0,
|
|
2705
|
-
children:
|
|
2722
|
+
children: R
|
|
2706
2723
|
}
|
|
2707
2724
|
)
|
|
2708
2725
|
] });
|
|
2709
2726
|
}
|
|
2710
2727
|
);
|
|
2711
2728
|
cr.displayName = "InputWrapperComponent";
|
|
2712
|
-
const Ye = Object.assign(
|
|
2729
|
+
const Ye = Object.assign(Mi, {
|
|
2713
2730
|
Wrapper: cr
|
|
2714
2731
|
}), dr = U(
|
|
2715
2732
|
({
|
|
@@ -2721,29 +2738,29 @@ const Ye = Object.assign(Ii, {
|
|
|
2721
2738
|
loading: s = !1,
|
|
2722
2739
|
placeholder: l,
|
|
2723
2740
|
showLabel: c = !0,
|
|
2724
|
-
labelClassName:
|
|
2741
|
+
labelClassName: _,
|
|
2725
2742
|
helper: f,
|
|
2726
2743
|
prefix: d,
|
|
2727
2744
|
suffix: g,
|
|
2728
|
-
id:
|
|
2729
|
-
onFocus:
|
|
2745
|
+
id: b,
|
|
2746
|
+
onFocus: m,
|
|
2730
2747
|
onBlur: C,
|
|
2731
|
-
onKeyDown:
|
|
2732
|
-
onSuffixClick:
|
|
2748
|
+
onKeyDown: y,
|
|
2749
|
+
onSuffixClick: h,
|
|
2733
2750
|
onChange: x,
|
|
2734
|
-
value:
|
|
2751
|
+
value: u = "",
|
|
2735
2752
|
wrapperProps: w,
|
|
2736
2753
|
wrapperStyles: S,
|
|
2737
|
-
floatingLabelStyles:
|
|
2738
|
-
prefixStyles:
|
|
2739
|
-
suffixStyles:
|
|
2740
|
-
textareaStyles:
|
|
2741
|
-
labelProps:
|
|
2754
|
+
floatingLabelStyles: E,
|
|
2755
|
+
prefixStyles: j,
|
|
2756
|
+
suffixStyles: N,
|
|
2757
|
+
textareaStyles: T,
|
|
2758
|
+
labelProps: R,
|
|
2742
2759
|
helperProps: O,
|
|
2743
2760
|
showLimit: D = !1,
|
|
2744
2761
|
maxLength: W,
|
|
2745
2762
|
inputProps: L,
|
|
2746
|
-
hint:
|
|
2763
|
+
hint: A,
|
|
2747
2764
|
showHint: q = !1,
|
|
2748
2765
|
showHintOnEmpty: H = !1,
|
|
2749
2766
|
truncate: Z = !1,
|
|
@@ -2751,21 +2768,21 @@ const Ye = Object.assign(Ii, {
|
|
|
2751
2768
|
showGrip: ot = !1,
|
|
2752
2769
|
...rt
|
|
2753
2770
|
}, J) => {
|
|
2754
|
-
const at =
|
|
2771
|
+
const at = be(), st = b || at, [wt, yt] = ft(u), it = u !== void 0 ? u : wt, Tt = (it || "").length > 0, ut = it || "", Mt = c && (r === "XL" || t === "textarea") && !d, re = jt(
|
|
2755
2772
|
(Q) => {
|
|
2756
2773
|
var tt;
|
|
2757
|
-
i || s || (
|
|
2774
|
+
i || s || (m == null || m(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
|
|
2758
2775
|
L,
|
|
2759
2776
|
Q
|
|
2760
2777
|
));
|
|
2761
2778
|
},
|
|
2762
|
-
[
|
|
2763
|
-
),
|
|
2779
|
+
[m, L, i, s]
|
|
2780
|
+
), Xt = jt(
|
|
2764
2781
|
(Q) => {
|
|
2765
2782
|
var tt;
|
|
2766
2783
|
if (Q.key === "Tab") {
|
|
2767
|
-
const vt = Q.target.closest(`.${
|
|
2768
|
-
vt && vt.classList.add(
|
|
2784
|
+
const vt = Q.target.closest(`.${M.wrapper}`);
|
|
2785
|
+
vt && vt.classList.add(M.tabFocused);
|
|
2769
2786
|
}
|
|
2770
2787
|
(tt = L == null ? void 0 : L.onKeyUp) == null || tt.call(
|
|
2771
2788
|
L,
|
|
@@ -2773,17 +2790,17 @@ const Ye = Object.assign(Ii, {
|
|
|
2773
2790
|
);
|
|
2774
2791
|
},
|
|
2775
2792
|
[L]
|
|
2776
|
-
),
|
|
2793
|
+
), ne = jt(
|
|
2777
2794
|
(Q) => {
|
|
2778
2795
|
var vt;
|
|
2779
|
-
const tt = Q.target.closest(`.${
|
|
2780
|
-
tt && tt.classList.remove(
|
|
2796
|
+
const tt = Q.target.closest(`.${M.wrapper}`);
|
|
2797
|
+
tt && tt.classList.remove(M.tabFocused), C == null || C(), (vt = L == null ? void 0 : L.onBlur) == null || vt.call(
|
|
2781
2798
|
L,
|
|
2782
2799
|
Q
|
|
2783
2800
|
);
|
|
2784
2801
|
},
|
|
2785
2802
|
[C, L]
|
|
2786
|
-
),
|
|
2803
|
+
), oe = jt(
|
|
2787
2804
|
(Q) => {
|
|
2788
2805
|
var vt;
|
|
2789
2806
|
if (i || s) return;
|
|
@@ -2796,8 +2813,8 @@ const Ye = Object.assign(Ii, {
|
|
|
2796
2813
|
[x, L, i, s]
|
|
2797
2814
|
);
|
|
2798
2815
|
return gt(() => {
|
|
2799
|
-
yt(
|
|
2800
|
-
}, [
|
|
2816
|
+
yt(u || "");
|
|
2817
|
+
}, [u]), /* @__PURE__ */ o.jsx(
|
|
2801
2818
|
Ye.Wrapper,
|
|
2802
2819
|
{
|
|
2803
2820
|
ref: J,
|
|
@@ -2805,25 +2822,25 @@ const Ye = Object.assign(Ii, {
|
|
|
2805
2822
|
error: a,
|
|
2806
2823
|
disabled: i || s,
|
|
2807
2824
|
loading: s,
|
|
2808
|
-
className: k(n, t === "textarea" &&
|
|
2825
|
+
className: k(n, t === "textarea" && M["textarea-wrapper"]),
|
|
2809
2826
|
wrapperProps: w,
|
|
2810
2827
|
wrapperStyles: S,
|
|
2811
|
-
floatingLabelStyles:
|
|
2812
|
-
prefixStyles:
|
|
2813
|
-
suffixStyles:
|
|
2814
|
-
labelProps:
|
|
2828
|
+
floatingLabelStyles: E,
|
|
2829
|
+
prefixStyles: j,
|
|
2830
|
+
suffixStyles: N,
|
|
2831
|
+
labelProps: R,
|
|
2815
2832
|
helperProps: O,
|
|
2816
2833
|
showLimit: D,
|
|
2817
2834
|
maxLength: W,
|
|
2818
|
-
hint:
|
|
2835
|
+
hint: A,
|
|
2819
2836
|
showHint: q,
|
|
2820
2837
|
showHintOnEmpty: H,
|
|
2821
2838
|
prefix: d,
|
|
2822
2839
|
suffix: g,
|
|
2823
|
-
onSuffixClick:
|
|
2840
|
+
onSuffixClick: h,
|
|
2824
2841
|
placeholder: l,
|
|
2825
2842
|
showLabel: c,
|
|
2826
|
-
labelClassName:
|
|
2843
|
+
labelClassName: _,
|
|
2827
2844
|
hasValue: Tt,
|
|
2828
2845
|
helper: f,
|
|
2829
2846
|
id: st,
|
|
@@ -2840,16 +2857,16 @@ const Ye = Object.assign(Ii, {
|
|
|
2840
2857
|
placeholder: l,
|
|
2841
2858
|
disabled: i,
|
|
2842
2859
|
loading: s,
|
|
2843
|
-
onFocus:
|
|
2844
|
-
onBlur:
|
|
2845
|
-
onChange:
|
|
2846
|
-
onKeyDown:
|
|
2847
|
-
onKeyUp:
|
|
2860
|
+
onFocus: re,
|
|
2861
|
+
onBlur: ne,
|
|
2862
|
+
onChange: oe,
|
|
2863
|
+
onKeyDown: y,
|
|
2864
|
+
onKeyUp: Xt,
|
|
2848
2865
|
maxLength: W,
|
|
2849
2866
|
truncate: Z,
|
|
2850
2867
|
"data-empty": !Tt,
|
|
2851
2868
|
shouldShowFloatingLabelClass: Mt,
|
|
2852
|
-
style: t === "textarea" ?
|
|
2869
|
+
style: t === "textarea" ? T : void 0,
|
|
2853
2870
|
"aria-invalid": !!a,
|
|
2854
2871
|
"aria-errormessage": a ? `${st}-error` : void 0,
|
|
2855
2872
|
id: st,
|
|
@@ -2865,7 +2882,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2865
2882
|
M: "M",
|
|
2866
2883
|
L: "L",
|
|
2867
2884
|
XL: "XL"
|
|
2868
|
-
},
|
|
2885
|
+
}, Bi = (t, r, n, a) => {
|
|
2869
2886
|
switch (t) {
|
|
2870
2887
|
case V.XL:
|
|
2871
2888
|
return r && n ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
|
|
@@ -2878,7 +2895,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2878
2895
|
default:
|
|
2879
2896
|
return "12px 16px 12px 16px";
|
|
2880
2897
|
}
|
|
2881
|
-
},
|
|
2898
|
+
}, Ai = (t) => {
|
|
2882
2899
|
switch (t) {
|
|
2883
2900
|
case V.XL:
|
|
2884
2901
|
return "56px";
|
|
@@ -2891,7 +2908,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2891
2908
|
default:
|
|
2892
2909
|
return "48px";
|
|
2893
2910
|
}
|
|
2894
|
-
},
|
|
2911
|
+
}, Oi = (t) => {
|
|
2895
2912
|
switch (t) {
|
|
2896
2913
|
case V.S:
|
|
2897
2914
|
case V.M:
|
|
@@ -2902,7 +2919,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2902
2919
|
default:
|
|
2903
2920
|
return 8;
|
|
2904
2921
|
}
|
|
2905
|
-
},
|
|
2922
|
+
}, Pi = (t) => {
|
|
2906
2923
|
switch (t) {
|
|
2907
2924
|
case V.S:
|
|
2908
2925
|
case V.M:
|
|
@@ -2913,7 +2930,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2913
2930
|
default:
|
|
2914
2931
|
return 12;
|
|
2915
2932
|
}
|
|
2916
|
-
},
|
|
2933
|
+
}, zi = (t, r, n, a) => ({
|
|
2917
2934
|
wrapperStyles: {
|
|
2918
2935
|
minHeight: t,
|
|
2919
2936
|
maxHeight: t,
|
|
@@ -2933,7 +2950,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2933
2950
|
padding: "6px",
|
|
2934
2951
|
cursor: "pointer"
|
|
2935
2952
|
}
|
|
2936
|
-
}),
|
|
2953
|
+
}), Di = (t, r, n, a) => ({
|
|
2937
2954
|
wrapperStyles: {
|
|
2938
2955
|
height: t,
|
|
2939
2956
|
minHeight: t,
|
|
@@ -2955,7 +2972,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2955
2972
|
padding: "8px",
|
|
2956
2973
|
cursor: "pointer"
|
|
2957
2974
|
}
|
|
2958
|
-
}),
|
|
2975
|
+
}), Fi = (t, r, n, a) => ({
|
|
2959
2976
|
wrapperStyles: {
|
|
2960
2977
|
minHeight: t,
|
|
2961
2978
|
maxHeight: t,
|
|
@@ -2978,7 +2995,7 @@ const Ye = Object.assign(Ii, {
|
|
|
2978
2995
|
alignItems: "center",
|
|
2979
2996
|
justifyContent: "center"
|
|
2980
2997
|
}
|
|
2981
|
-
}),
|
|
2998
|
+
}), Wi = (t, r, n, a) => ({
|
|
2982
2999
|
wrapperStyles: {
|
|
2983
3000
|
minHeight: t,
|
|
2984
3001
|
maxHeight: t,
|
|
@@ -2998,17 +3015,17 @@ const Ye = Object.assign(Ii, {
|
|
|
2998
3015
|
padding: "6px",
|
|
2999
3016
|
cursor: "pointer"
|
|
3000
3017
|
}
|
|
3001
|
-
}),
|
|
3002
|
-
const i =
|
|
3018
|
+
}), qi = (t, r, n, a) => {
|
|
3019
|
+
const i = Ai(t), s = Bi(t, r, n, a), l = Pi(t), c = Oi(t);
|
|
3003
3020
|
switch (t) {
|
|
3004
3021
|
case V.XL:
|
|
3005
|
-
return zi(i, s, l, c);
|
|
3006
|
-
case V.L:
|
|
3007
3022
|
return Di(i, s, l, c);
|
|
3008
|
-
case V.
|
|
3023
|
+
case V.L:
|
|
3009
3024
|
return Fi(i, s, l, c);
|
|
3025
|
+
case V.M:
|
|
3026
|
+
return Wi(i, s, l, c);
|
|
3010
3027
|
case V.S:
|
|
3011
|
-
return
|
|
3028
|
+
return zi(i, s, l, c);
|
|
3012
3029
|
default:
|
|
3013
3030
|
return {
|
|
3014
3031
|
wrapperStyles: {},
|
|
@@ -3017,7 +3034,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3017
3034
|
suffixStyles: {}
|
|
3018
3035
|
};
|
|
3019
3036
|
}
|
|
3020
|
-
},
|
|
3037
|
+
}, wc = U(
|
|
3021
3038
|
({
|
|
3022
3039
|
value: t = "",
|
|
3023
3040
|
onChange: r,
|
|
@@ -3027,58 +3044,58 @@ const Ye = Object.assign(Ii, {
|
|
|
3027
3044
|
minLength: s,
|
|
3028
3045
|
autoComplete: l,
|
|
3029
3046
|
autoFocus: c,
|
|
3030
|
-
size:
|
|
3047
|
+
size: _ = V.L,
|
|
3031
3048
|
inputProps: f,
|
|
3032
3049
|
error: d,
|
|
3033
3050
|
disabled: g,
|
|
3034
|
-
loading:
|
|
3035
|
-
helper:
|
|
3051
|
+
loading: b,
|
|
3052
|
+
helper: m,
|
|
3036
3053
|
prefix: C,
|
|
3037
|
-
suffix:
|
|
3038
|
-
clearable:
|
|
3054
|
+
suffix: y,
|
|
3055
|
+
clearable: h = !1,
|
|
3039
3056
|
id: x,
|
|
3040
|
-
showLabel:
|
|
3057
|
+
showLabel: u = !0,
|
|
3041
3058
|
onFocus: w,
|
|
3042
3059
|
onBlur: S,
|
|
3043
|
-
onSuffixClick:
|
|
3044
|
-
onClear:
|
|
3045
|
-
className:
|
|
3046
|
-
truncate:
|
|
3047
|
-
hint:
|
|
3060
|
+
onSuffixClick: E,
|
|
3061
|
+
onClear: j,
|
|
3062
|
+
className: N,
|
|
3063
|
+
truncate: T = !0,
|
|
3064
|
+
hint: R,
|
|
3048
3065
|
showHint: O = !1,
|
|
3049
3066
|
showHintOnEmpty: D = !1,
|
|
3050
3067
|
wrapperProps: W,
|
|
3051
3068
|
labelProps: L,
|
|
3052
|
-
helperProps:
|
|
3069
|
+
helperProps: A,
|
|
3053
3070
|
...q
|
|
3054
3071
|
}, H) => {
|
|
3055
|
-
const Z = (t || "").length > 0, K =
|
|
3056
|
-
r == null || r(""),
|
|
3072
|
+
const Z = (t || "").length > 0, K = _ === V.XL, ot = !!C, rt = K && u && !C, J = h && Z && !(g || b), at = () => {
|
|
3073
|
+
r == null || r(""), j == null || j();
|
|
3057
3074
|
}, st = () => {
|
|
3058
|
-
J && at(),
|
|
3075
|
+
J && at(), E == null || E();
|
|
3059
3076
|
}, wt = J ? /* @__PURE__ */ o.jsx(
|
|
3060
3077
|
lr,
|
|
3061
3078
|
{
|
|
3062
|
-
size:
|
|
3079
|
+
size: _ === V.S || _ === V.M ? "xs" : "sm",
|
|
3063
3080
|
color: "var(--icon-secondary)",
|
|
3064
3081
|
style: { cursor: "pointer" },
|
|
3065
3082
|
"data-testid": "x-icon"
|
|
3066
3083
|
}
|
|
3067
|
-
) :
|
|
3084
|
+
) : y, yt = {
|
|
3068
3085
|
type: n,
|
|
3069
3086
|
minLength: s,
|
|
3070
3087
|
autoComplete: l,
|
|
3071
3088
|
autoFocus: c,
|
|
3072
3089
|
...f
|
|
3073
|
-
}, it =
|
|
3090
|
+
}, it = qi(_, rt, Z, ot);
|
|
3074
3091
|
return /* @__PURE__ */ o.jsx(
|
|
3075
3092
|
dr,
|
|
3076
3093
|
{
|
|
3077
|
-
size:
|
|
3094
|
+
size: _,
|
|
3078
3095
|
error: d,
|
|
3079
|
-
disabled: g ||
|
|
3080
|
-
loading:
|
|
3081
|
-
helper:
|
|
3096
|
+
disabled: g || b,
|
|
3097
|
+
loading: b,
|
|
3098
|
+
helper: m,
|
|
3082
3099
|
prefix: C,
|
|
3083
3100
|
suffix: wt,
|
|
3084
3101
|
id: x,
|
|
@@ -3089,21 +3106,21 @@ const Ye = Object.assign(Ii, {
|
|
|
3089
3106
|
onChange: r,
|
|
3090
3107
|
value: t,
|
|
3091
3108
|
placeholder: a,
|
|
3092
|
-
className:
|
|
3109
|
+
className: N,
|
|
3093
3110
|
wrapperStyles: it.wrapperStyles,
|
|
3094
3111
|
floatingLabelStyles: it.floatingLabelStyles,
|
|
3095
3112
|
prefixStyles: it.prefixStyles,
|
|
3096
3113
|
suffixStyles: it.suffixStyles,
|
|
3097
3114
|
wrapperProps: W,
|
|
3098
3115
|
labelProps: L,
|
|
3099
|
-
helperProps:
|
|
3116
|
+
helperProps: A,
|
|
3100
3117
|
showLimit: !1,
|
|
3101
3118
|
maxLength: i,
|
|
3102
3119
|
inputProps: yt,
|
|
3103
|
-
hint:
|
|
3120
|
+
hint: R,
|
|
3104
3121
|
showHint: O,
|
|
3105
3122
|
showHintOnEmpty: D,
|
|
3106
|
-
truncate:
|
|
3123
|
+
truncate: T,
|
|
3107
3124
|
...q
|
|
3108
3125
|
}
|
|
3109
3126
|
);
|
|
@@ -3111,13 +3128,13 @@ const Ye = Object.assign(Ii, {
|
|
|
3111
3128
|
), pt = {
|
|
3112
3129
|
M: "M",
|
|
3113
3130
|
L: "L"
|
|
3114
|
-
},
|
|
3131
|
+
}, te = {
|
|
3115
3132
|
M: "12px",
|
|
3116
3133
|
L: "16px"
|
|
3117
|
-
},
|
|
3134
|
+
}, Hi = {
|
|
3118
3135
|
M: "xs",
|
|
3119
3136
|
L: "sm"
|
|
3120
|
-
},
|
|
3137
|
+
}, Jt = {
|
|
3121
3138
|
FILL: "fill",
|
|
3122
3139
|
FIXED: "fixed"
|
|
3123
3140
|
}, _e = {
|
|
@@ -3135,7 +3152,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3135
3152
|
M: 48,
|
|
3136
3153
|
L: 56,
|
|
3137
3154
|
XL: 112
|
|
3138
|
-
},
|
|
3155
|
+
}, Vi = (t, r) => {
|
|
3139
3156
|
if (t === pt.M)
|
|
3140
3157
|
return _e.M;
|
|
3141
3158
|
if (r)
|
|
@@ -3146,7 +3163,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3146
3163
|
default:
|
|
3147
3164
|
return _e.L;
|
|
3148
3165
|
}
|
|
3149
|
-
},
|
|
3166
|
+
}, Zi = (t, r) => {
|
|
3150
3167
|
if (t === pt.M)
|
|
3151
3168
|
return Ot.M;
|
|
3152
3169
|
if (r)
|
|
@@ -3165,7 +3182,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3165
3182
|
default:
|
|
3166
3183
|
return Ot.L;
|
|
3167
3184
|
}
|
|
3168
|
-
},
|
|
3185
|
+
}, Xi = (t, r, n) => {
|
|
3169
3186
|
if (t === pt.M)
|
|
3170
3187
|
return St.M;
|
|
3171
3188
|
if (r)
|
|
@@ -3185,7 +3202,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3185
3202
|
default:
|
|
3186
3203
|
return St.L;
|
|
3187
3204
|
}
|
|
3188
|
-
},
|
|
3205
|
+
}, Yi = (t, r) => {
|
|
3189
3206
|
if (t === pt.M)
|
|
3190
3207
|
return "M";
|
|
3191
3208
|
if (r)
|
|
@@ -3200,37 +3217,37 @@ const Ye = Object.assign(Ii, {
|
|
|
3200
3217
|
return "L";
|
|
3201
3218
|
}
|
|
3202
3219
|
return t;
|
|
3203
|
-
},
|
|
3204
|
-
const i =
|
|
3220
|
+
}, Gi = (t) => Hi[t], Ui = (t) => te[t], Ki = (t, r, n, a) => {
|
|
3221
|
+
const i = Vi(t, r), s = Zi(t, r), l = Xi(t, r, n);
|
|
3205
3222
|
return {
|
|
3206
3223
|
wrapperStyles: {
|
|
3207
3224
|
minHeight: i,
|
|
3208
3225
|
// Для fill resize устанавливаем height: 100%
|
|
3209
|
-
...a ===
|
|
3226
|
+
...a === Jt.FILL && { height: "100%" },
|
|
3210
3227
|
// Для fixed resize устанавливаем фиксированную высоту
|
|
3211
|
-
...a ===
|
|
3228
|
+
...a === Jt.FIXED && r && { height: i },
|
|
3212
3229
|
boxSizing: "border-box",
|
|
3213
3230
|
padding: l
|
|
3214
3231
|
},
|
|
3215
3232
|
floatingLabelStyles: {
|
|
3216
|
-
left: t === pt.M ?
|
|
3233
|
+
left: t === pt.M ? te.M : te.L,
|
|
3217
3234
|
transformOrigin: "left top",
|
|
3218
|
-
top: r === 112 && n && t === pt.L ?
|
|
3235
|
+
top: r === 112 && n && t === pt.L ? te.L : void 0
|
|
3219
3236
|
},
|
|
3220
3237
|
suffixStyles: {
|
|
3221
|
-
right:
|
|
3238
|
+
right: Ui(t),
|
|
3222
3239
|
top: r === 48 && t === pt.L ? "11px" : void 0,
|
|
3223
3240
|
boxSizing: "border-box"
|
|
3224
3241
|
},
|
|
3225
3242
|
textareaStyles: {
|
|
3226
3243
|
minHeight: s,
|
|
3227
3244
|
// Для fill resize flex: 1
|
|
3228
|
-
...a ===
|
|
3245
|
+
...a === Jt.FILL && { flex: 1, minHeight: 0 },
|
|
3229
3246
|
// Для fixed resize фиксированная высота
|
|
3230
|
-
...a ===
|
|
3247
|
+
...a === Jt.FIXED && r && { height: s }
|
|
3231
3248
|
}
|
|
3232
3249
|
};
|
|
3233
|
-
},
|
|
3250
|
+
}, kc = U(
|
|
3234
3251
|
({
|
|
3235
3252
|
value: t = "",
|
|
3236
3253
|
onChange: r,
|
|
@@ -3240,43 +3257,43 @@ const Ye = Object.assign(Ii, {
|
|
|
3240
3257
|
autoFocus: s,
|
|
3241
3258
|
size: l = pt.L,
|
|
3242
3259
|
textareaProps: c,
|
|
3243
|
-
error:
|
|
3260
|
+
error: _,
|
|
3244
3261
|
disabled: f,
|
|
3245
3262
|
loading: d,
|
|
3246
3263
|
helper: g,
|
|
3247
|
-
suffix:
|
|
3248
|
-
clearable:
|
|
3264
|
+
suffix: b,
|
|
3265
|
+
clearable: m = !1,
|
|
3249
3266
|
id: C,
|
|
3250
|
-
showLabel:
|
|
3251
|
-
onFocus:
|
|
3267
|
+
showLabel: y = !0,
|
|
3268
|
+
onFocus: h,
|
|
3252
3269
|
onBlur: x,
|
|
3253
|
-
onClear:
|
|
3270
|
+
onClear: u,
|
|
3254
3271
|
onKeyDown: w,
|
|
3255
3272
|
className: S,
|
|
3256
|
-
rows:
|
|
3257
|
-
showLimit:
|
|
3258
|
-
wrapperProps:
|
|
3259
|
-
labelProps:
|
|
3260
|
-
helperProps:
|
|
3273
|
+
rows: E = 1,
|
|
3274
|
+
showLimit: j = !1,
|
|
3275
|
+
wrapperProps: N,
|
|
3276
|
+
labelProps: T,
|
|
3277
|
+
helperProps: R,
|
|
3261
3278
|
showGrip: O,
|
|
3262
3279
|
minHeight: D,
|
|
3263
3280
|
resize: W,
|
|
3264
3281
|
...L
|
|
3265
|
-
},
|
|
3266
|
-
const q = (t || "").length > 0, H =
|
|
3267
|
-
r == null || r(""),
|
|
3282
|
+
}, A) => {
|
|
3283
|
+
const q = (t || "").length > 0, H = y && !!n && (l === pt.M || D !== 48), Z = m && q && !(f || d), K = () => {
|
|
3284
|
+
r == null || r(""), u == null || u();
|
|
3268
3285
|
}, ot = () => {
|
|
3269
3286
|
Z && K();
|
|
3270
3287
|
}, rt = Z ? /* @__PURE__ */ o.jsx(
|
|
3271
3288
|
lr,
|
|
3272
3289
|
{
|
|
3273
|
-
size:
|
|
3290
|
+
size: Gi(l),
|
|
3274
3291
|
color: "var(--icon-secondary)",
|
|
3275
3292
|
style: { cursor: "pointer" },
|
|
3276
3293
|
"data-testid": "x-icon"
|
|
3277
3294
|
}
|
|
3278
|
-
) :
|
|
3279
|
-
rows:
|
|
3295
|
+
) : b, J = Ki(l, D, H && q, W), at = Yi(l, D), st = {
|
|
3296
|
+
rows: E,
|
|
3280
3297
|
minLength: i,
|
|
3281
3298
|
autoFocus: s,
|
|
3282
3299
|
resize: W,
|
|
@@ -3285,10 +3302,10 @@ const Ye = Object.assign(Ii, {
|
|
|
3285
3302
|
return /* @__PURE__ */ o.jsx(
|
|
3286
3303
|
dr,
|
|
3287
3304
|
{
|
|
3288
|
-
ref:
|
|
3305
|
+
ref: A,
|
|
3289
3306
|
component: "textarea",
|
|
3290
3307
|
size: at,
|
|
3291
|
-
error:
|
|
3308
|
+
error: _,
|
|
3292
3309
|
disabled: f || d,
|
|
3293
3310
|
loading: d,
|
|
3294
3311
|
onSuffixClick: ot,
|
|
@@ -3296,7 +3313,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3296
3313
|
suffix: rt,
|
|
3297
3314
|
id: C,
|
|
3298
3315
|
showLabel: H,
|
|
3299
|
-
onFocus:
|
|
3316
|
+
onFocus: h,
|
|
3300
3317
|
onBlur: x,
|
|
3301
3318
|
onKeyDown: w,
|
|
3302
3319
|
onChange: r,
|
|
@@ -3308,10 +3325,10 @@ const Ye = Object.assign(Ii, {
|
|
|
3308
3325
|
floatingLabelStyles: J.floatingLabelStyles,
|
|
3309
3326
|
suffixStyles: J.suffixStyles,
|
|
3310
3327
|
textareaStyles: J.textareaStyles,
|
|
3311
|
-
wrapperProps:
|
|
3312
|
-
labelProps:
|
|
3313
|
-
helperProps:
|
|
3314
|
-
showLimit:
|
|
3328
|
+
wrapperProps: N,
|
|
3329
|
+
labelProps: T,
|
|
3330
|
+
helperProps: R,
|
|
3331
|
+
showLimit: j && (D === 112 || l === pt.M),
|
|
3315
3332
|
maxLength: a,
|
|
3316
3333
|
inputProps: st,
|
|
3317
3334
|
resize: W,
|
|
@@ -3320,11 +3337,11 @@ const Ye = Object.assign(Ii, {
|
|
|
3320
3337
|
}
|
|
3321
3338
|
);
|
|
3322
3339
|
}
|
|
3323
|
-
),
|
|
3324
|
-
helper:
|
|
3340
|
+
), Ji = "_helper_1jq7j_16", pe = {
|
|
3341
|
+
helper: Ji,
|
|
3325
3342
|
"helper--error": "_helper--error_1jq7j_28",
|
|
3326
3343
|
"helper--disabled": "_helper--disabled_1jq7j_33"
|
|
3327
|
-
},
|
|
3344
|
+
}, Sc = ({
|
|
3328
3345
|
title: t,
|
|
3329
3346
|
error: r,
|
|
3330
3347
|
className: n = "",
|
|
@@ -3334,9 +3351,9 @@ const Ye = Object.assign(Ii, {
|
|
|
3334
3351
|
"aria-label": l,
|
|
3335
3352
|
"aria-describedby": c
|
|
3336
3353
|
}) => {
|
|
3337
|
-
const
|
|
3354
|
+
const _ = !!r, f = k(
|
|
3338
3355
|
pe.helper,
|
|
3339
|
-
|
|
3356
|
+
_ && pe["helper--error"],
|
|
3340
3357
|
i && pe["helper--disabled"],
|
|
3341
3358
|
n
|
|
3342
3359
|
), d = i ? t : r || t;
|
|
@@ -3351,24 +3368,24 @@ const Ye = Object.assign(Ii, {
|
|
|
3351
3368
|
children: /* @__PURE__ */ o.jsx("p", { children: d })
|
|
3352
3369
|
}
|
|
3353
3370
|
);
|
|
3354
|
-
},
|
|
3371
|
+
}, Qi = "_radio_1n8zx_59", tl = "_checked_1n8zx_80", el = "_error_1n8zx_85", rl = "_disabled_1n8zx_94", nl = "_icon_1n8zx_130", ol = "_small_1n8zx_138", al = "_medium_1n8zx_145", sl = "_large_1n8zx_152", il = "_label_1n8zx_159", ll = "_container_1n8zx_185", cl = "_input_1n8zx_198", dl = "_card_1n8zx_205", ul = "_smallCard_1n8zx_211", _l = "_mediumCard_1n8zx_215", pl = "_largeCard_1n8zx_219", _t = {
|
|
3355
3372
|
default: "_default_1n8zx_53",
|
|
3356
|
-
radio:
|
|
3357
|
-
checked:
|
|
3358
|
-
error:
|
|
3359
|
-
disabled:
|
|
3360
|
-
icon:
|
|
3361
|
-
small:
|
|
3362
|
-
medium:
|
|
3363
|
-
large:
|
|
3364
|
-
label:
|
|
3365
|
-
container:
|
|
3366
|
-
input:
|
|
3367
|
-
card:
|
|
3368
|
-
smallCard:
|
|
3369
|
-
mediumCard:
|
|
3370
|
-
largeCard:
|
|
3371
|
-
},
|
|
3373
|
+
radio: Qi,
|
|
3374
|
+
checked: tl,
|
|
3375
|
+
error: el,
|
|
3376
|
+
disabled: rl,
|
|
3377
|
+
icon: nl,
|
|
3378
|
+
small: ol,
|
|
3379
|
+
medium: al,
|
|
3380
|
+
large: sl,
|
|
3381
|
+
label: il,
|
|
3382
|
+
container: ll,
|
|
3383
|
+
input: cl,
|
|
3384
|
+
card: dl,
|
|
3385
|
+
smallCard: ul,
|
|
3386
|
+
mediumCard: _l,
|
|
3387
|
+
largeCard: pl
|
|
3388
|
+
}, fl = "radio-container-", gl = "radio-label", ur = U(
|
|
3372
3389
|
(t, r) => {
|
|
3373
3390
|
const {
|
|
3374
3391
|
name: n,
|
|
@@ -3377,24 +3394,24 @@ const Ye = Object.assign(Ii, {
|
|
|
3377
3394
|
size: s = "large",
|
|
3378
3395
|
loading: l = !1,
|
|
3379
3396
|
error: c,
|
|
3380
|
-
disabled:
|
|
3397
|
+
disabled: _ = !1,
|
|
3381
3398
|
checked: f = !1,
|
|
3382
3399
|
containerClassName: d,
|
|
3383
3400
|
className: g,
|
|
3384
|
-
children:
|
|
3385
|
-
clickable:
|
|
3401
|
+
children: b,
|
|
3402
|
+
clickable: m = "all",
|
|
3386
3403
|
mode: C = "default",
|
|
3387
|
-
tabIndex:
|
|
3388
|
-
style:
|
|
3404
|
+
tabIndex: y,
|
|
3405
|
+
style: h,
|
|
3389
3406
|
containerStyle: x,
|
|
3390
|
-
onChange:
|
|
3407
|
+
onChange: u,
|
|
3391
3408
|
"data-testid": w,
|
|
3392
3409
|
...S
|
|
3393
|
-
} = t,
|
|
3394
|
-
|
|
3410
|
+
} = t, E = !!c, j = _ || l, N = m === "all", T = C === "card", R = _t[`${s}Card`], O = a ?? n, D = (H) => {
|
|
3411
|
+
j || u == null || u(i, H);
|
|
3395
3412
|
}, W = (H) => {
|
|
3396
|
-
H.key === "Enter" &&
|
|
3397
|
-
}, L = (H) => H.stopPropagation(),
|
|
3413
|
+
H.key === "Enter" && !j && (H.preventDefault(), u == null || u(i));
|
|
3414
|
+
}, L = (H) => H.stopPropagation(), A = () => /* @__PURE__ */ o.jsxs(
|
|
3398
3415
|
"div",
|
|
3399
3416
|
{
|
|
3400
3417
|
className: k(
|
|
@@ -3402,24 +3419,24 @@ const Ye = Object.assign(Ii, {
|
|
|
3402
3419
|
_t[s],
|
|
3403
3420
|
{
|
|
3404
3421
|
[_t.checked]: f,
|
|
3405
|
-
[_t.disabled]:
|
|
3406
|
-
[_t.error]:
|
|
3422
|
+
[_t.disabled]: j,
|
|
3423
|
+
[_t.error]: E && !j
|
|
3407
3424
|
},
|
|
3408
3425
|
g
|
|
3409
3426
|
),
|
|
3410
|
-
style:
|
|
3411
|
-
tabIndex:
|
|
3412
|
-
"data-testid": `${
|
|
3427
|
+
style: h,
|
|
3428
|
+
tabIndex: y || 1,
|
|
3429
|
+
"data-testid": `${fl}${O}`,
|
|
3413
3430
|
children: [
|
|
3414
3431
|
/* @__PURE__ */ o.jsx(
|
|
3415
3432
|
"input",
|
|
3416
3433
|
{
|
|
3417
3434
|
"aria-errormessage": c,
|
|
3418
|
-
"aria-invalid":
|
|
3435
|
+
"aria-invalid": E,
|
|
3419
3436
|
checked: f,
|
|
3420
3437
|
className: _t.input,
|
|
3421
3438
|
"data-testid": `radio-${O}`,
|
|
3422
|
-
disabled:
|
|
3439
|
+
disabled: j,
|
|
3423
3440
|
id: O,
|
|
3424
3441
|
name: n,
|
|
3425
3442
|
ref: r,
|
|
@@ -3436,41 +3453,41 @@ const Ye = Object.assign(Ii, {
|
|
|
3436
3453
|
"label",
|
|
3437
3454
|
{
|
|
3438
3455
|
"aria-checked": f,
|
|
3439
|
-
"aria-disabled":
|
|
3440
|
-
"data-testid":
|
|
3456
|
+
"aria-disabled": j,
|
|
3457
|
+
"data-testid": N ? w : gl,
|
|
3441
3458
|
htmlFor: O,
|
|
3442
3459
|
style: x,
|
|
3443
3460
|
className: k(_t.label, {
|
|
3444
|
-
[k(_t.container, _t[C], d)]:
|
|
3445
|
-
[
|
|
3461
|
+
[k(_t.container, _t[C], d)]: N,
|
|
3462
|
+
[R]: N && T
|
|
3446
3463
|
}),
|
|
3447
3464
|
onKeyDown: W,
|
|
3448
3465
|
...S,
|
|
3449
3466
|
children: [
|
|
3450
|
-
|
|
3451
|
-
|
|
3467
|
+
A(),
|
|
3468
|
+
N && b
|
|
3452
3469
|
]
|
|
3453
3470
|
}
|
|
3454
3471
|
);
|
|
3455
|
-
return
|
|
3472
|
+
return N ? q() : /* @__PURE__ */ o.jsxs(
|
|
3456
3473
|
"div",
|
|
3457
3474
|
{
|
|
3458
3475
|
className: k(_t.container, _t[C], d, {
|
|
3459
|
-
[
|
|
3476
|
+
[R]: T
|
|
3460
3477
|
}),
|
|
3461
3478
|
"data-testid": w,
|
|
3462
3479
|
children: [
|
|
3463
3480
|
q(),
|
|
3464
|
-
|
|
3481
|
+
b
|
|
3465
3482
|
]
|
|
3466
3483
|
}
|
|
3467
3484
|
);
|
|
3468
3485
|
}
|
|
3469
|
-
),
|
|
3470
|
-
group:
|
|
3471
|
-
vertical:
|
|
3486
|
+
), hl = "_group_tnviu_7", ml = "_vertical_tnviu_12", bl = "_horizontal_tnviu_16", Ge = {
|
|
3487
|
+
group: hl,
|
|
3488
|
+
vertical: ml,
|
|
3472
3489
|
horizontal: bl
|
|
3473
|
-
},
|
|
3490
|
+
}, xl = U(
|
|
3474
3491
|
(t, r) => {
|
|
3475
3492
|
const {
|
|
3476
3493
|
id: n,
|
|
@@ -3479,7 +3496,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3479
3496
|
options: s,
|
|
3480
3497
|
className: l,
|
|
3481
3498
|
radioClassName: c,
|
|
3482
|
-
disabled:
|
|
3499
|
+
disabled: _ = !1,
|
|
3483
3500
|
layout: f = "vertical",
|
|
3484
3501
|
"data-testid": d,
|
|
3485
3502
|
...g
|
|
@@ -3487,45 +3504,45 @@ const Ye = Object.assign(Ii, {
|
|
|
3487
3504
|
return /* @__PURE__ */ o.jsx(
|
|
3488
3505
|
"div",
|
|
3489
3506
|
{
|
|
3490
|
-
className:
|
|
3507
|
+
className: It(Ge.group, Ge[f], l),
|
|
3491
3508
|
"data-testid": d ?? `radio-group-${a}`,
|
|
3492
3509
|
id: n,
|
|
3493
3510
|
ref: r,
|
|
3494
|
-
children: s.map(({ label:
|
|
3495
|
-
const
|
|
3511
|
+
children: s.map(({ label: b, value: m, disabled: C }) => {
|
|
3512
|
+
const y = `${a}-${String(m)}`, h = String(m) === String(i);
|
|
3496
3513
|
return /* @__PURE__ */ o.jsx(
|
|
3497
3514
|
ur,
|
|
3498
3515
|
{
|
|
3499
|
-
id:
|
|
3500
|
-
checked:
|
|
3501
|
-
"data-testid":
|
|
3502
|
-
disabled:
|
|
3516
|
+
id: y,
|
|
3517
|
+
checked: h,
|
|
3518
|
+
"data-testid": y,
|
|
3519
|
+
disabled: _ || C,
|
|
3503
3520
|
name: a,
|
|
3504
|
-
value:
|
|
3521
|
+
value: m,
|
|
3505
3522
|
className: c,
|
|
3506
3523
|
...g,
|
|
3507
|
-
children:
|
|
3524
|
+
children: b
|
|
3508
3525
|
},
|
|
3509
|
-
|
|
3526
|
+
y
|
|
3510
3527
|
);
|
|
3511
3528
|
})
|
|
3512
3529
|
}
|
|
3513
3530
|
);
|
|
3514
3531
|
}
|
|
3515
|
-
),
|
|
3516
|
-
Group:
|
|
3517
|
-
}),
|
|
3518
|
-
root:
|
|
3519
|
-
unordered:
|
|
3520
|
-
ordered:
|
|
3521
|
-
sm:
|
|
3522
|
-
md:
|
|
3523
|
-
lg:
|
|
3524
|
-
xl:
|
|
3525
|
-
},
|
|
3532
|
+
), Lc = Object.assign(ur, {
|
|
3533
|
+
Group: xl
|
|
3534
|
+
}), yl = "_root_1jj3e_25", vl = "_unordered_1jj3e_39", Cl = "_ordered_1jj3e_43", wl = "_sm_1jj3e_48", kl = "_md_1jj3e_59", Sl = "_lg_1jj3e_70", Ll = "_xl_1jj3e_81", fe = {
|
|
3535
|
+
root: yl,
|
|
3536
|
+
unordered: vl,
|
|
3537
|
+
ordered: Cl,
|
|
3538
|
+
sm: wl,
|
|
3539
|
+
md: kl,
|
|
3540
|
+
lg: Sl,
|
|
3541
|
+
xl: Ll
|
|
3542
|
+
}, jl = (t) => {
|
|
3526
3543
|
const { children: r, className: n, "data-testid": a = "list-item" } = t;
|
|
3527
3544
|
return /* @__PURE__ */ o.jsx("li", { "data-testid": a, className: n, children: r });
|
|
3528
|
-
},
|
|
3545
|
+
}, jc = Object.assign(
|
|
3529
3546
|
U((t, r) => {
|
|
3530
3547
|
const {
|
|
3531
3548
|
variant: n = "unordered",
|
|
@@ -3534,46 +3551,46 @@ const Ye = Object.assign(Ii, {
|
|
|
3534
3551
|
size: s = "md",
|
|
3535
3552
|
"data-testid": l = "list",
|
|
3536
3553
|
...c
|
|
3537
|
-
} = t,
|
|
3554
|
+
} = t, _ = n === "ordered" ? "ol" : "ul";
|
|
3538
3555
|
return /* @__PURE__ */ o.jsx(
|
|
3539
|
-
|
|
3556
|
+
_,
|
|
3540
3557
|
{
|
|
3541
3558
|
"data-testid": l,
|
|
3542
3559
|
ref: r,
|
|
3543
|
-
className:
|
|
3560
|
+
className: It(fe.root, fe[n], fe[s], a),
|
|
3544
3561
|
...n === "ordered" && c,
|
|
3545
3562
|
children: i
|
|
3546
3563
|
}
|
|
3547
3564
|
);
|
|
3548
3565
|
}),
|
|
3549
|
-
{ Item:
|
|
3550
|
-
),
|
|
3551
|
-
wrapper:
|
|
3552
|
-
viewport:
|
|
3553
|
-
mask:
|
|
3554
|
-
maskLeft:
|
|
3566
|
+
{ Item: jl }
|
|
3567
|
+
), $l = "_wrapper_1v8xn_5", Tl = "_viewport_1v8xn_12", El = "_mask_1v8xn_26", Nl = "_maskLeft_1v8xn_37", Rl = "_maskRight_1v8xn_42", Il = "_visible_1v8xn_46", Ml = "_control_1v8xn_51", Bl = "_xs_1v8xn_70", Al = "_sm_1v8xn_73", Ol = "_md_1v8xn_76", Pl = "_left_1v8xn_80", zl = "_right_1v8xn_83", ct = {
|
|
3568
|
+
wrapper: $l,
|
|
3569
|
+
viewport: Tl,
|
|
3570
|
+
mask: El,
|
|
3571
|
+
maskLeft: Nl,
|
|
3555
3572
|
maskRight: Rl,
|
|
3556
|
-
visible:
|
|
3557
|
-
control:
|
|
3558
|
-
xs:
|
|
3559
|
-
sm:
|
|
3560
|
-
md:
|
|
3561
|
-
left:
|
|
3562
|
-
right:
|
|
3563
|
-
},
|
|
3573
|
+
visible: Il,
|
|
3574
|
+
control: Ml,
|
|
3575
|
+
xs: Bl,
|
|
3576
|
+
sm: Al,
|
|
3577
|
+
md: Ol,
|
|
3578
|
+
left: Pl,
|
|
3579
|
+
right: zl
|
|
3580
|
+
}, Dl = "white", Fl = ({
|
|
3564
3581
|
children: t,
|
|
3565
3582
|
withControls: r = !0,
|
|
3566
3583
|
className: n,
|
|
3567
3584
|
size: a
|
|
3568
3585
|
}) => {
|
|
3569
|
-
const i =
|
|
3586
|
+
const i = Vt(null), [s, l] = ft(!1), [c, _] = ft(!1), { ref: f, bgColor: d } = ye(), g = f ?? { current: null }, b = d ?? Dl, m = r && s, C = r && c, y = ({ direction: u }) => /* @__PURE__ */ o.jsx(
|
|
3570
3587
|
"svg",
|
|
3571
3588
|
{
|
|
3572
3589
|
height: "12px",
|
|
3573
3590
|
width: "12px",
|
|
3574
3591
|
viewBox: "0 0 185.343 185.343",
|
|
3575
3592
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3576
|
-
children: /* @__PURE__ */ o.jsx("g", { transform:
|
|
3593
|
+
children: /* @__PURE__ */ o.jsx("g", { transform: u === "left" ? "scale(-1,1) translate(-185.343,0)" : void 0, children: /* @__PURE__ */ o.jsx(
|
|
3577
3594
|
"path",
|
|
3578
3595
|
{
|
|
3579
3596
|
fill: "currentColor",
|
|
@@ -3581,38 +3598,38 @@ const Ye = Object.assign(Ii, {
|
|
|
3581
3598
|
}
|
|
3582
3599
|
) })
|
|
3583
3600
|
}
|
|
3584
|
-
),
|
|
3585
|
-
const
|
|
3586
|
-
if (!
|
|
3587
|
-
const w = Math.round(
|
|
3588
|
-
l(w > 0),
|
|
3589
|
-
}, x = (
|
|
3601
|
+
), h = () => {
|
|
3602
|
+
const u = i.current;
|
|
3603
|
+
if (!u) return;
|
|
3604
|
+
const w = Math.round(u.scrollLeft), S = Math.round(u.scrollLeft + u.clientWidth), E = Math.round(u.scrollWidth);
|
|
3605
|
+
l(w > 0), _(S < E);
|
|
3606
|
+
}, x = (u) => {
|
|
3590
3607
|
const w = i.current;
|
|
3591
3608
|
if (!w) return;
|
|
3592
3609
|
const S = w.clientWidth;
|
|
3593
|
-
w.scrollBy({ left:
|
|
3610
|
+
w.scrollBy({ left: u === "left" ? -S : S, behavior: "smooth" });
|
|
3594
3611
|
};
|
|
3595
3612
|
return gt(() => {
|
|
3596
|
-
const
|
|
3597
|
-
if (!
|
|
3613
|
+
const u = i.current;
|
|
3614
|
+
if (!u) return;
|
|
3598
3615
|
const w = (S) => {
|
|
3599
|
-
Math.abs(S.deltaX) > Math.abs(S.deltaY) ||
|
|
3616
|
+
Math.abs(S.deltaX) > Math.abs(S.deltaY) || u.scrollWidth > u.clientWidth && (S.preventDefault(), u.scrollBy({ left: S.deltaY, behavior: "auto" }));
|
|
3600
3617
|
};
|
|
3601
|
-
return
|
|
3618
|
+
return u.addEventListener("wheel", w, { passive: !1 }), () => u.removeEventListener("wheel", w);
|
|
3602
3619
|
}, []), gt(() => {
|
|
3603
|
-
|
|
3604
|
-
const
|
|
3605
|
-
if (
|
|
3606
|
-
return
|
|
3607
|
-
|
|
3620
|
+
h();
|
|
3621
|
+
const u = i.current;
|
|
3622
|
+
if (u)
|
|
3623
|
+
return u.addEventListener("scroll", h, { passive: !0 }), window.addEventListener("resize", h), () => {
|
|
3624
|
+
u.removeEventListener("scroll", h), window.removeEventListener("resize", h);
|
|
3608
3625
|
};
|
|
3609
3626
|
}, []), /* @__PURE__ */ o.jsxs("div", { ref: g, className: k(ct.wrapper, n), children: [
|
|
3610
|
-
|
|
3627
|
+
m && /* @__PURE__ */ o.jsx(
|
|
3611
3628
|
"div",
|
|
3612
3629
|
{
|
|
3613
3630
|
className: k(ct.mask, ct.maskLeft, s && ct.visible),
|
|
3614
3631
|
style: {
|
|
3615
|
-
background: `linear-gradient(to right, ${
|
|
3632
|
+
background: `linear-gradient(to right, ${b} 17%, transparent 80%)`
|
|
3616
3633
|
}
|
|
3617
3634
|
}
|
|
3618
3635
|
),
|
|
@@ -3621,12 +3638,12 @@ const Ye = Object.assign(Ii, {
|
|
|
3621
3638
|
{
|
|
3622
3639
|
className: k(ct.mask, ct.maskRight, c && ct.visible),
|
|
3623
3640
|
style: {
|
|
3624
|
-
background: `linear-gradient(to left, ${
|
|
3641
|
+
background: `linear-gradient(to left, ${b} 17%, transparent 80%)`
|
|
3625
3642
|
}
|
|
3626
3643
|
}
|
|
3627
3644
|
),
|
|
3628
3645
|
/* @__PURE__ */ o.jsx("div", { ref: i, className: ct.viewport, children: t }),
|
|
3629
|
-
|
|
3646
|
+
m && /* @__PURE__ */ o.jsx(
|
|
3630
3647
|
"button",
|
|
3631
3648
|
{
|
|
3632
3649
|
type: "button",
|
|
@@ -3634,7 +3651,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3634
3651
|
"aria-hidden": "true",
|
|
3635
3652
|
className: k(ct.control, ct.left, ct[a]),
|
|
3636
3653
|
onClick: () => x("left"),
|
|
3637
|
-
children: /* @__PURE__ */ o.jsx(
|
|
3654
|
+
children: /* @__PURE__ */ o.jsx(y, { direction: "left" })
|
|
3638
3655
|
}
|
|
3639
3656
|
),
|
|
3640
3657
|
C && /* @__PURE__ */ o.jsx(
|
|
@@ -3645,38 +3662,38 @@ const Ye = Object.assign(Ii, {
|
|
|
3645
3662
|
"aria-hidden": "true",
|
|
3646
3663
|
className: k(ct.control, ct.right, ct[a]),
|
|
3647
3664
|
onClick: () => x("right"),
|
|
3648
|
-
children: /* @__PURE__ */ o.jsx(
|
|
3665
|
+
children: /* @__PURE__ */ o.jsx(y, { direction: "right" })
|
|
3649
3666
|
}
|
|
3650
3667
|
)
|
|
3651
3668
|
] });
|
|
3652
|
-
},
|
|
3653
|
-
tabBar:
|
|
3654
|
-
primary:
|
|
3655
|
-
secondary:
|
|
3656
|
-
tab:
|
|
3657
|
-
md:
|
|
3658
|
-
sm:
|
|
3659
|
-
xs:
|
|
3660
|
-
disabled:
|
|
3661
|
-
selected:
|
|
3662
|
-
tabLabel:
|
|
3663
|
-
tabPrefix:
|
|
3664
|
-
tabPostfix:
|
|
3665
|
-
},
|
|
3669
|
+
}, Wl = "_tabBar_1ndpm_82", ql = "_primary_1ndpm_88", Hl = "_secondary_1ndpm_93", Vl = "_tab_1ndpm_82", Zl = "_md_1ndpm_125", Xl = "_sm_1ndpm_129", Yl = "_xs_1ndpm_133", Gl = "_disabled_1ndpm_137", Ul = "_selected_1ndpm_143", Kl = "_tabLabel_1ndpm_222", Jl = "_tabPrefix_1ndpm_234", Ql = "_tabPostfix_1ndpm_270", et = {
|
|
3670
|
+
tabBar: Wl,
|
|
3671
|
+
primary: ql,
|
|
3672
|
+
secondary: Hl,
|
|
3673
|
+
tab: Vl,
|
|
3674
|
+
md: Zl,
|
|
3675
|
+
sm: Xl,
|
|
3676
|
+
xs: Yl,
|
|
3677
|
+
disabled: Gl,
|
|
3678
|
+
selected: Ul,
|
|
3679
|
+
tabLabel: Kl,
|
|
3680
|
+
tabPrefix: Jl,
|
|
3681
|
+
tabPostfix: Ql
|
|
3682
|
+
}, t1 = "md", e1 = !1, r1 = 8, n1 = "top-right-inside", _r = tr(null), pr = () => {
|
|
3666
3683
|
const t = er(_r);
|
|
3667
3684
|
if (!t) throw new Error("useTabs должен использоваться внутри TabsProvider");
|
|
3668
3685
|
return t;
|
|
3669
|
-
},
|
|
3686
|
+
}, o1 = ({
|
|
3670
3687
|
children: t,
|
|
3671
3688
|
defaultActiveTab: r,
|
|
3672
3689
|
activeTab: n,
|
|
3673
3690
|
onChange: a
|
|
3674
3691
|
}) => {
|
|
3675
|
-
const [i, s] = ft(r), l = n !== void 0, c = l ? n : i,
|
|
3692
|
+
const [i, s] = ft(r), l = n !== void 0, c = l ? n : i, _ = (f) => {
|
|
3676
3693
|
l || s(f), a && a(f);
|
|
3677
3694
|
};
|
|
3678
|
-
return /* @__PURE__ */ o.jsx(_r.Provider, { value: { activeTab: c, setTab:
|
|
3679
|
-
},
|
|
3695
|
+
return /* @__PURE__ */ o.jsx(_r.Provider, { value: { activeTab: c, setTab: _ }, children: t });
|
|
3696
|
+
}, a1 = ({
|
|
3680
3697
|
mode: t,
|
|
3681
3698
|
item: r,
|
|
3682
3699
|
isActive: n,
|
|
@@ -3687,45 +3704,45 @@ const Ye = Object.assign(Ii, {
|
|
|
3687
3704
|
onSelectTab: c
|
|
3688
3705
|
}) => {
|
|
3689
3706
|
const {
|
|
3690
|
-
value:
|
|
3707
|
+
value: _,
|
|
3691
3708
|
label: f,
|
|
3692
3709
|
prefix: d,
|
|
3693
3710
|
prefixWrapperProps: g = {},
|
|
3694
|
-
postfix:
|
|
3695
|
-
postfixWrapperProps:
|
|
3696
|
-
} = r, { className: C, ...
|
|
3711
|
+
postfix: b,
|
|
3712
|
+
postfixWrapperProps: m = {}
|
|
3713
|
+
} = r, { className: C, ...y } = g, { className: h, ...x } = m, u = {
|
|
3697
3714
|
primary: G["typography-label-3-medium"],
|
|
3698
3715
|
secondary: G["typography-label-3-regular"],
|
|
3699
3716
|
prefix: G["typography-label-3-medium"],
|
|
3700
3717
|
postfix: G["typography-label-3-medium"]
|
|
3701
3718
|
}, w = {
|
|
3702
|
-
size:
|
|
3703
|
-
position:
|
|
3719
|
+
size: r1,
|
|
3720
|
+
position: n1,
|
|
3704
3721
|
...i
|
|
3705
3722
|
}, S = k(et.tab, et[t], et[s], {
|
|
3706
3723
|
[et.selected]: n,
|
|
3707
3724
|
[et.disabled]: l
|
|
3708
|
-
}),
|
|
3725
|
+
}), E = k(
|
|
3709
3726
|
et.tabPrefix,
|
|
3710
3727
|
C,
|
|
3711
3728
|
et[t],
|
|
3712
|
-
|
|
3729
|
+
u.prefix,
|
|
3713
3730
|
{
|
|
3714
3731
|
[et.selected]: n,
|
|
3715
3732
|
[et.disabled]: l
|
|
3716
3733
|
}
|
|
3717
|
-
),
|
|
3734
|
+
), j = k(
|
|
3718
3735
|
et.tabPostfix,
|
|
3719
|
-
|
|
3736
|
+
h,
|
|
3720
3737
|
et[t],
|
|
3721
|
-
|
|
3738
|
+
u.postfix,
|
|
3722
3739
|
{
|
|
3723
3740
|
[et.selected]: n,
|
|
3724
3741
|
[et.disabled]: l
|
|
3725
3742
|
}
|
|
3726
|
-
),
|
|
3727
|
-
n || l || (c(
|
|
3728
|
-
},
|
|
3743
|
+
), N = k(et.tabLabel, et[t], u[t]), T = (O) => {
|
|
3744
|
+
n || l || (c(_), O.currentTarget.scrollIntoView({ behavior: "smooth", inline: "center", block: "nearest" }));
|
|
3745
|
+
}, R = /* @__PURE__ */ o.jsxs(
|
|
3729
3746
|
"button",
|
|
3730
3747
|
{
|
|
3731
3748
|
className: S,
|
|
@@ -3733,41 +3750,41 @@ const Ye = Object.assign(Ii, {
|
|
|
3733
3750
|
"aria-label": f,
|
|
3734
3751
|
"aria-selected": n,
|
|
3735
3752
|
"aria-disabled": l,
|
|
3736
|
-
"aria-controls": `tab-panel-${
|
|
3737
|
-
"data-testid": `tab-item-${
|
|
3738
|
-
onClick:
|
|
3753
|
+
"aria-controls": `tab-panel-${_}`,
|
|
3754
|
+
"data-testid": `tab-item-${_}`,
|
|
3755
|
+
onClick: T,
|
|
3739
3756
|
children: [
|
|
3740
3757
|
d && /* @__PURE__ */ o.jsx(
|
|
3741
3758
|
"span",
|
|
3742
3759
|
{
|
|
3743
|
-
className:
|
|
3744
|
-
...
|
|
3745
|
-
"data-testid": `tab-prefix-${
|
|
3760
|
+
className: E,
|
|
3761
|
+
...y,
|
|
3762
|
+
"data-testid": `tab-prefix-${_}`,
|
|
3746
3763
|
children: d
|
|
3747
3764
|
}
|
|
3748
3765
|
),
|
|
3749
|
-
/* @__PURE__ */ o.jsx("span", { className:
|
|
3750
|
-
|
|
3766
|
+
/* @__PURE__ */ o.jsx("span", { className: N, "data-testid": `tab-label-${_}`, children: f }),
|
|
3767
|
+
b && /* @__PURE__ */ o.jsx(
|
|
3751
3768
|
"span",
|
|
3752
3769
|
{
|
|
3753
|
-
className:
|
|
3770
|
+
className: j,
|
|
3754
3771
|
...x,
|
|
3755
|
-
"data-testid": `tab-postfix-${
|
|
3756
|
-
children:
|
|
3772
|
+
"data-testid": `tab-postfix-${_}`,
|
|
3773
|
+
children: b
|
|
3757
3774
|
}
|
|
3758
3775
|
)
|
|
3759
3776
|
]
|
|
3760
3777
|
}
|
|
3761
3778
|
);
|
|
3762
|
-
return a ? /* @__PURE__ */ o.jsx(
|
|
3763
|
-
},
|
|
3779
|
+
return a ? /* @__PURE__ */ o.jsx(Ra, { ...w, "data-testid": `tab-badge-${_}`, children: R }) : R;
|
|
3780
|
+
}, s1 = ({
|
|
3764
3781
|
mode: t,
|
|
3765
3782
|
items: r,
|
|
3766
|
-
size: n =
|
|
3767
|
-
isAllItemsDisabled: a =
|
|
3783
|
+
size: n = t1,
|
|
3784
|
+
isAllItemsDisabled: a = e1
|
|
3768
3785
|
}) => {
|
|
3769
3786
|
const { activeTab: i, setTab: s } = pr(), l = Io();
|
|
3770
|
-
return /* @__PURE__ */ o.jsx(
|
|
3787
|
+
return /* @__PURE__ */ o.jsx(Fl, { size: n, withControls: l, children: /* @__PURE__ */ o.jsx(
|
|
3771
3788
|
"div",
|
|
3772
3789
|
{
|
|
3773
3790
|
role: "tablist",
|
|
@@ -3775,7 +3792,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3775
3792
|
"aria-orientation": "horizontal",
|
|
3776
3793
|
className: k(et.tabBar, et[t]),
|
|
3777
3794
|
children: r.map((c) => /* @__PURE__ */ o.jsx(
|
|
3778
|
-
|
|
3795
|
+
a1,
|
|
3779
3796
|
{
|
|
3780
3797
|
size: n,
|
|
3781
3798
|
item: c,
|
|
@@ -3790,7 +3807,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3790
3807
|
))
|
|
3791
3808
|
}
|
|
3792
3809
|
) });
|
|
3793
|
-
},
|
|
3810
|
+
}, i1 = ({ tabValue: t, children: r, ...n }) => /* @__PURE__ */ o.jsx(
|
|
3794
3811
|
"div",
|
|
3795
3812
|
{
|
|
3796
3813
|
role: "tabpanel",
|
|
@@ -3799,32 +3816,32 @@ const Ye = Object.assign(Ii, {
|
|
|
3799
3816
|
...n,
|
|
3800
3817
|
children: r
|
|
3801
3818
|
}
|
|
3802
|
-
),
|
|
3803
|
-
const { activeTab: n } = pr(), a = Array.isArray(t) ? t : [t], i = (s, l) =>
|
|
3819
|
+
), l1 = ({ children: t, ...r }) => {
|
|
3820
|
+
const { activeTab: n } = pr(), a = Array.isArray(t) ? t : [t], i = (s, l) => me.isValidElement(s) && typeof s.props == "object" && s.props !== null && l in s.props;
|
|
3804
3821
|
return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: a.map((s) => i(s, "tabValue") && String(s.props.tabValue) === n ? s : null) });
|
|
3805
|
-
},
|
|
3806
|
-
Provider:
|
|
3807
|
-
Content:
|
|
3808
|
-
Panel:
|
|
3809
|
-
Bar:
|
|
3810
|
-
},
|
|
3811
|
-
root:
|
|
3812
|
-
open:
|
|
3813
|
-
xs:
|
|
3814
|
-
s:
|
|
3815
|
-
m:
|
|
3816
|
-
neutral:
|
|
3817
|
-
contrast:
|
|
3818
|
-
accent:
|
|
3819
|
-
typography:
|
|
3822
|
+
}, $c = {
|
|
3823
|
+
Provider: o1,
|
|
3824
|
+
Content: l1,
|
|
3825
|
+
Panel: i1,
|
|
3826
|
+
Bar: s1
|
|
3827
|
+
}, c1 = "_root_1fbbw_34", d1 = "_open_1fbbw_51", u1 = "_xs_1fbbw_55", _1 = "_s_1fbbw_61", p1 = "_m_1fbbw_67", f1 = "_neutral_1fbbw_73", g1 = "_contrast_1fbbw_78", h1 = "_accent_1fbbw_84", m1 = "_typography_1fbbw_89", b1 = "_title_1fbbw_89", x1 = "_text_1fbbw_93", y1 = "_mediaWrapper_1fbbw_97", v1 = "_content_1fbbw_112", C1 = "_closeButton_1fbbw_116", w1 = "_hasMedia_1fbbw_142", k1 = "_buttonStack_1fbbw_148", dt = {
|
|
3828
|
+
root: c1,
|
|
3829
|
+
open: d1,
|
|
3830
|
+
xs: u1,
|
|
3831
|
+
s: _1,
|
|
3832
|
+
m: p1,
|
|
3833
|
+
neutral: f1,
|
|
3834
|
+
contrast: g1,
|
|
3835
|
+
accent: h1,
|
|
3836
|
+
typography: m1,
|
|
3820
3837
|
title: b1,
|
|
3821
|
-
text:
|
|
3822
|
-
mediaWrapper:
|
|
3823
|
-
content:
|
|
3824
|
-
closeButton:
|
|
3825
|
-
hasMedia:
|
|
3826
|
-
buttonStack:
|
|
3827
|
-
},
|
|
3838
|
+
text: x1,
|
|
3839
|
+
mediaWrapper: y1,
|
|
3840
|
+
content: v1,
|
|
3841
|
+
closeButton: C1,
|
|
3842
|
+
hasMedia: w1,
|
|
3843
|
+
buttonStack: k1
|
|
3844
|
+
}, S1 = () => /* @__PURE__ */ o.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ o.jsx("path", { d: "M18 6 6 18M6 6l12 12" }) }), L1 = () => /* @__PURE__ */ o.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 9", fill: "currentColor", children: [
|
|
3828
3845
|
/* @__PURE__ */ o.jsx(
|
|
3829
3846
|
"path",
|
|
3830
3847
|
{
|
|
@@ -3832,10 +3849,10 @@ const Ye = Object.assign(Ii, {
|
|
|
3832
3849
|
}
|
|
3833
3850
|
),
|
|
3834
3851
|
/* @__PURE__ */ o.jsx("path", { d: "M-2 0.000390053L26 0.000390053V-1L-2 -1L-2 0.000390053Z" })
|
|
3835
|
-
] }),
|
|
3852
|
+
] }), bt = {
|
|
3836
3853
|
shiftX: 64,
|
|
3837
3854
|
adjustY: 1
|
|
3838
|
-
}, xt = { adjustX: 1, shiftY: !0 },
|
|
3855
|
+
}, xt = { adjustX: 1, shiftY: !0 }, j1 = {
|
|
3839
3856
|
left: {
|
|
3840
3857
|
points: ["cr", "cl"],
|
|
3841
3858
|
overflow: xt,
|
|
@@ -3848,17 +3865,17 @@ const Ye = Object.assign(Ii, {
|
|
|
3848
3865
|
},
|
|
3849
3866
|
top: {
|
|
3850
3867
|
points: ["bc", "tc"],
|
|
3851
|
-
overflow:
|
|
3868
|
+
overflow: bt,
|
|
3852
3869
|
offset: [0, -22]
|
|
3853
3870
|
},
|
|
3854
3871
|
bottom: {
|
|
3855
3872
|
points: ["tc", "bc"],
|
|
3856
|
-
overflow:
|
|
3873
|
+
overflow: bt,
|
|
3857
3874
|
offset: [0, 22]
|
|
3858
3875
|
},
|
|
3859
3876
|
topLeft: {
|
|
3860
3877
|
points: ["bl", "tl"],
|
|
3861
|
-
overflow:
|
|
3878
|
+
overflow: bt,
|
|
3862
3879
|
offset: [0, -22]
|
|
3863
3880
|
},
|
|
3864
3881
|
leftTop: {
|
|
@@ -3868,7 +3885,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3868
3885
|
},
|
|
3869
3886
|
topRight: {
|
|
3870
3887
|
points: ["br", "tr"],
|
|
3871
|
-
overflow:
|
|
3888
|
+
overflow: bt,
|
|
3872
3889
|
offset: [0, -22]
|
|
3873
3890
|
},
|
|
3874
3891
|
rightTop: {
|
|
@@ -3878,7 +3895,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3878
3895
|
},
|
|
3879
3896
|
bottomRight: {
|
|
3880
3897
|
points: ["tr", "br"],
|
|
3881
|
-
overflow:
|
|
3898
|
+
overflow: bt,
|
|
3882
3899
|
offset: [0, 22]
|
|
3883
3900
|
},
|
|
3884
3901
|
rightBottom: {
|
|
@@ -3888,7 +3905,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3888
3905
|
},
|
|
3889
3906
|
bottomLeft: {
|
|
3890
3907
|
points: ["tl", "bl"],
|
|
3891
|
-
overflow:
|
|
3908
|
+
overflow: bt,
|
|
3892
3909
|
offset: [0, 22]
|
|
3893
3910
|
},
|
|
3894
3911
|
leftBottom: {
|
|
@@ -3896,7 +3913,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3896
3913
|
overflow: xt,
|
|
3897
3914
|
offset: [-22, 0]
|
|
3898
3915
|
}
|
|
3899
|
-
},
|
|
3916
|
+
}, $1 = {
|
|
3900
3917
|
left: {
|
|
3901
3918
|
points: ["cr", "cl"],
|
|
3902
3919
|
overflow: xt,
|
|
@@ -3909,17 +3926,17 @@ const Ye = Object.assign(Ii, {
|
|
|
3909
3926
|
},
|
|
3910
3927
|
top: {
|
|
3911
3928
|
points: ["bc", "tc"],
|
|
3912
|
-
overflow:
|
|
3929
|
+
overflow: bt,
|
|
3913
3930
|
offset: [0, -16]
|
|
3914
3931
|
},
|
|
3915
3932
|
bottom: {
|
|
3916
3933
|
points: ["tc", "bc"],
|
|
3917
|
-
overflow:
|
|
3934
|
+
overflow: bt,
|
|
3918
3935
|
offset: [0, 16]
|
|
3919
3936
|
},
|
|
3920
3937
|
topLeft: {
|
|
3921
3938
|
points: ["bl", "tl"],
|
|
3922
|
-
overflow:
|
|
3939
|
+
overflow: bt,
|
|
3923
3940
|
offset: [0, -16]
|
|
3924
3941
|
},
|
|
3925
3942
|
leftTop: {
|
|
@@ -3929,7 +3946,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3929
3946
|
},
|
|
3930
3947
|
topRight: {
|
|
3931
3948
|
points: ["br", "tr"],
|
|
3932
|
-
overflow:
|
|
3949
|
+
overflow: bt,
|
|
3933
3950
|
offset: [0, -16]
|
|
3934
3951
|
},
|
|
3935
3952
|
rightTop: {
|
|
@@ -3939,7 +3956,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3939
3956
|
},
|
|
3940
3957
|
bottomRight: {
|
|
3941
3958
|
points: ["tr", "br"],
|
|
3942
|
-
overflow:
|
|
3959
|
+
overflow: bt,
|
|
3943
3960
|
offset: [0, 16]
|
|
3944
3961
|
},
|
|
3945
3962
|
rightBottom: {
|
|
@@ -3949,7 +3966,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3949
3966
|
},
|
|
3950
3967
|
bottomLeft: {
|
|
3951
3968
|
points: ["tl", "bl"],
|
|
3952
|
-
overflow:
|
|
3969
|
+
overflow: bt,
|
|
3953
3970
|
offset: [0, 16]
|
|
3954
3971
|
},
|
|
3955
3972
|
leftBottom: {
|
|
@@ -3957,7 +3974,7 @@ const Ye = Object.assign(Ii, {
|
|
|
3957
3974
|
overflow: xt,
|
|
3958
3975
|
offset: [-16, 0]
|
|
3959
3976
|
}
|
|
3960
|
-
},
|
|
3977
|
+
}, T1 = {
|
|
3961
3978
|
neutral: {
|
|
3962
3979
|
1: [{ mode: "secondary", buttonStyle: "neutral", size: "s" }],
|
|
3963
3980
|
2: [
|
|
@@ -3994,8 +4011,8 @@ const Ye = Object.assign(Ii, {
|
|
|
3994
4011
|
{ mode: "primary", buttonStyle: "accent", size: "s" }
|
|
3995
4012
|
]
|
|
3996
4013
|
}
|
|
3997
|
-
},
|
|
3998
|
-
const a = go(r, 1, 3), i =
|
|
4014
|
+
}, E1 = (t, r, n) => ({ ...r, ...n ?? {}, ...t }), N1 = (t, r, n) => {
|
|
4015
|
+
const a = go(r, 1, 3), i = T1[n][a];
|
|
3999
4016
|
return i[Math.min(t, i.length - 1)];
|
|
4000
4017
|
}, Ue = ({
|
|
4001
4018
|
text: t,
|
|
@@ -4006,14 +4023,14 @@ const Ye = Object.assign(Ii, {
|
|
|
4006
4023
|
classNames: s = {},
|
|
4007
4024
|
onClose: l,
|
|
4008
4025
|
buttons: c,
|
|
4009
|
-
buttonProps:
|
|
4026
|
+
buttonProps: _,
|
|
4010
4027
|
showClose: f
|
|
4011
4028
|
}) => {
|
|
4012
|
-
const d = ["neutral", "accent"].includes(a) ? "contrast" : "primary", g = i === "m",
|
|
4029
|
+
const d = ["neutral", "accent"].includes(a) ? "contrast" : "primary", g = i === "m", b = !!(r && g), m = !!(n && g), C = c && !!c.length, y = !!(f && g) || !f && g && !C, h = i === "xs" ? 4 : 3;
|
|
4013
4030
|
return /* @__PURE__ */ o.jsxs("div", { className: dt.content, children: [
|
|
4014
|
-
|
|
4031
|
+
m && /* @__PURE__ */ o.jsx("div", { className: k(dt.mediaWrapper, s.mediaWrapper), children: n }),
|
|
4015
4032
|
/* @__PURE__ */ o.jsxs("div", { className: s.textWrapper, children: [
|
|
4016
|
-
|
|
4033
|
+
b && /* @__PURE__ */ o.jsx(
|
|
4017
4034
|
he.Subtitle,
|
|
4018
4035
|
{
|
|
4019
4036
|
className: k(dt.typography, dt.title, s.typography),
|
|
@@ -4028,33 +4045,33 @@ const Ye = Object.assign(Ii, {
|
|
|
4028
4045
|
{
|
|
4029
4046
|
className: k(dt.typography, dt.text, s.typography),
|
|
4030
4047
|
typographyStyle: d,
|
|
4031
|
-
size:
|
|
4048
|
+
size: h,
|
|
4032
4049
|
children: t
|
|
4033
4050
|
}
|
|
4034
4051
|
)
|
|
4035
4052
|
] }),
|
|
4036
|
-
|
|
4053
|
+
y && /* @__PURE__ */ o.jsx(
|
|
4037
4054
|
"button",
|
|
4038
4055
|
{
|
|
4039
4056
|
type: "button",
|
|
4040
4057
|
className: k(dt.closeButton, dt[a], s.closeButton, {
|
|
4041
|
-
[dt.hasMedia]:
|
|
4058
|
+
[dt.hasMedia]: m
|
|
4042
4059
|
}),
|
|
4043
4060
|
onClick: l,
|
|
4044
4061
|
"aria-label": "Закрыть подсказку",
|
|
4045
4062
|
"data-testid": "tooltip-close-button",
|
|
4046
|
-
children: /* @__PURE__ */ o.jsx(
|
|
4063
|
+
children: /* @__PURE__ */ o.jsx(S1, {})
|
|
4047
4064
|
}
|
|
4048
4065
|
),
|
|
4049
|
-
g && C && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((x,
|
|
4050
|
-
const w =
|
|
4051
|
-
var
|
|
4052
|
-
(
|
|
4066
|
+
g && C && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((x, u) => {
|
|
4067
|
+
const w = N1(u, c.length, a), S = E1(x, w, _), { closeOnClick: E, ...j } = S, N = (T) => {
|
|
4068
|
+
var R;
|
|
4069
|
+
(R = j.onClick) == null || R.call(j, T), E && (l == null || l());
|
|
4053
4070
|
};
|
|
4054
|
-
return /* @__PURE__ */ o.jsx(ge, {
|
|
4071
|
+
return /* @__PURE__ */ o.jsx(ge, { ...j, onClick: N }, u);
|
|
4055
4072
|
}) })
|
|
4056
4073
|
] });
|
|
4057
|
-
},
|
|
4074
|
+
}, Tc = ({
|
|
4058
4075
|
customContent: t,
|
|
4059
4076
|
children: r,
|
|
4060
4077
|
placement: n = "top",
|
|
@@ -4063,32 +4080,32 @@ const Ye = Object.assign(Ii, {
|
|
|
4063
4080
|
mouseLeaveDelay: s = 0.1,
|
|
4064
4081
|
showArrow: l = !0,
|
|
4065
4082
|
showClose: c = !0,
|
|
4066
|
-
trigger:
|
|
4083
|
+
trigger: _ = "hover",
|
|
4067
4084
|
variant: f = "neutral",
|
|
4068
4085
|
size: d = "s",
|
|
4069
4086
|
text: g,
|
|
4070
|
-
title:
|
|
4071
|
-
media:
|
|
4087
|
+
title: b,
|
|
4088
|
+
media: m,
|
|
4072
4089
|
buttons: C,
|
|
4073
|
-
buttonProps:
|
|
4074
|
-
onClose:
|
|
4090
|
+
buttonProps: y,
|
|
4091
|
+
onClose: h,
|
|
4075
4092
|
...x
|
|
4076
4093
|
}) => {
|
|
4077
|
-
const [
|
|
4078
|
-
w(!1),
|
|
4079
|
-
},
|
|
4094
|
+
const [u, w] = ft(!1), [S, E] = ft(!1), j = d === "m" ? j1 : $1, N = () => {
|
|
4095
|
+
w(!1), h == null || h();
|
|
4096
|
+
}, T = t || (d === "m" ? /* @__PURE__ */ o.jsx(
|
|
4080
4097
|
Ue,
|
|
4081
4098
|
{
|
|
4082
4099
|
classNames: a,
|
|
4083
4100
|
text: g,
|
|
4084
4101
|
variant: f,
|
|
4085
4102
|
size: d,
|
|
4086
|
-
onClose:
|
|
4087
|
-
title:
|
|
4088
|
-
media:
|
|
4103
|
+
onClose: N,
|
|
4104
|
+
title: b,
|
|
4105
|
+
media: m,
|
|
4089
4106
|
showClose: c,
|
|
4090
4107
|
buttons: C,
|
|
4091
|
-
buttonProps:
|
|
4108
|
+
buttonProps: y
|
|
4092
4109
|
}
|
|
4093
4110
|
) : /* @__PURE__ */ o.jsx(
|
|
4094
4111
|
Ue,
|
|
@@ -4097,33 +4114,33 @@ const Ye = Object.assign(Ii, {
|
|
|
4097
4114
|
text: g,
|
|
4098
4115
|
variant: f,
|
|
4099
4116
|
size: d,
|
|
4100
|
-
onClose:
|
|
4117
|
+
onClose: N
|
|
4101
4118
|
}
|
|
4102
4119
|
));
|
|
4103
4120
|
return gt(() => {
|
|
4104
|
-
if (
|
|
4105
|
-
const
|
|
4106
|
-
return () => cancelAnimationFrame(
|
|
4121
|
+
if (u) {
|
|
4122
|
+
const R = requestAnimationFrame(() => E(!0));
|
|
4123
|
+
return () => cancelAnimationFrame(R);
|
|
4107
4124
|
}
|
|
4108
|
-
|
|
4109
|
-
}, [
|
|
4125
|
+
E(!1);
|
|
4126
|
+
}, [u]), /* @__PURE__ */ o.jsx(
|
|
4110
4127
|
Zr,
|
|
4111
4128
|
{
|
|
4112
|
-
visible:
|
|
4129
|
+
visible: u,
|
|
4113
4130
|
onVisibleChange: w,
|
|
4114
4131
|
classNames: {
|
|
4115
4132
|
root: k(dt.root, dt[f], dt[d], S && dt.open),
|
|
4116
4133
|
...x.classNames
|
|
4117
4134
|
},
|
|
4118
4135
|
placement: n,
|
|
4119
|
-
overlay: () =>
|
|
4120
|
-
trigger:
|
|
4136
|
+
overlay: () => T,
|
|
4137
|
+
trigger: _,
|
|
4121
4138
|
mouseEnterDelay: i,
|
|
4122
4139
|
mouseLeaveDelay: s,
|
|
4123
4140
|
motion: { motionName: "tooltipMotion" },
|
|
4124
|
-
builtinPlacements:
|
|
4141
|
+
builtinPlacements: j,
|
|
4125
4142
|
showArrow: l ? {
|
|
4126
|
-
content: /* @__PURE__ */ o.jsx(
|
|
4143
|
+
content: /* @__PURE__ */ o.jsx(L1, {}),
|
|
4127
4144
|
className: `tooltipArrow tooltipArrow-${d}`
|
|
4128
4145
|
} : !1,
|
|
4129
4146
|
destroyTooltipOnHide: !0,
|
|
@@ -4131,45 +4148,45 @@ const Ye = Object.assign(Ii, {
|
|
|
4131
4148
|
children: r
|
|
4132
4149
|
}
|
|
4133
4150
|
);
|
|
4134
|
-
}, R1 = "_base_4dkq5_1",
|
|
4151
|
+
}, R1 = "_base_4dkq5_1", I1 = "_content_4dkq5_1", M1 = "_background_4dkq5_1", B1 = "_button_4dkq5_1", A1 = "_link_4dkq5_1", O1 = "_input_4dkq5_1", P1 = "_suffix_4dkq5_1", z1 = "_prefix_4dkq5_1", D1 = "_tooltip_4dkq5_1", F1 = "_hint_4dkq5_1", W1 = "_dropdown_4dkq5_1", q1 = "_popover_4dkq5_1", H1 = "_modalBackdrop_4dkq5_1", V1 = "_modal_4dkq5_1", Z1 = "_overlay_4dkq5_1", X1 = "_drawer_4dkq5_1", Y1 = "_notification_4dkq5_1", G1 = "_alert_4dkq5_1", U1 = "_toast_4dkq5_1", K1 = "_loading_4dkq5_1", J1 = "_error_4dkq5_1", Q1 = "_critical_4dkq5_1", tc = "_segmentedControl_4dkq5_7", ec = "_segment_4dkq5_7", rc = "_activeSegmentIndicator_4dkq5_61", nc = "_selected_4dkq5_80", oc = "_stretched_4dkq5_89", ac = "_disabled_4dkq5_97", sc = "_s_4dkq5_7", ic = "_icon_4dkq5_110", lc = "_label_4dkq5_114", cc = "_m_4dkq5_1", dc = "_l_4dkq5_114", Et = {
|
|
4135
4152
|
base: R1,
|
|
4136
|
-
content:
|
|
4137
|
-
background:
|
|
4138
|
-
button:
|
|
4139
|
-
link:
|
|
4140
|
-
input:
|
|
4141
|
-
suffix:
|
|
4142
|
-
prefix:
|
|
4143
|
-
tooltip:
|
|
4144
|
-
hint:
|
|
4145
|
-
dropdown:
|
|
4146
|
-
popover:
|
|
4147
|
-
modalBackdrop:
|
|
4148
|
-
modal:
|
|
4149
|
-
overlay:
|
|
4150
|
-
drawer:
|
|
4151
|
-
notification:
|
|
4152
|
-
alert:
|
|
4153
|
-
toast:
|
|
4154
|
-
loading:
|
|
4155
|
-
error:
|
|
4156
|
-
critical:
|
|
4157
|
-
segmentedControl:
|
|
4158
|
-
segment:
|
|
4159
|
-
activeSegmentIndicator:
|
|
4160
|
-
selected:
|
|
4161
|
-
stretched:
|
|
4162
|
-
disabled:
|
|
4163
|
-
s:
|
|
4164
|
-
icon:
|
|
4165
|
-
label:
|
|
4166
|
-
m:
|
|
4167
|
-
l:
|
|
4153
|
+
content: I1,
|
|
4154
|
+
background: M1,
|
|
4155
|
+
button: B1,
|
|
4156
|
+
link: A1,
|
|
4157
|
+
input: O1,
|
|
4158
|
+
suffix: P1,
|
|
4159
|
+
prefix: z1,
|
|
4160
|
+
tooltip: D1,
|
|
4161
|
+
hint: F1,
|
|
4162
|
+
dropdown: W1,
|
|
4163
|
+
popover: q1,
|
|
4164
|
+
modalBackdrop: H1,
|
|
4165
|
+
modal: V1,
|
|
4166
|
+
overlay: Z1,
|
|
4167
|
+
drawer: X1,
|
|
4168
|
+
notification: Y1,
|
|
4169
|
+
alert: G1,
|
|
4170
|
+
toast: U1,
|
|
4171
|
+
loading: K1,
|
|
4172
|
+
error: J1,
|
|
4173
|
+
critical: Q1,
|
|
4174
|
+
segmentedControl: tc,
|
|
4175
|
+
segment: ec,
|
|
4176
|
+
activeSegmentIndicator: rc,
|
|
4177
|
+
selected: nc,
|
|
4178
|
+
stretched: oc,
|
|
4179
|
+
disabled: ac,
|
|
4180
|
+
s: sc,
|
|
4181
|
+
icon: ic,
|
|
4182
|
+
label: lc,
|
|
4183
|
+
m: cc,
|
|
4184
|
+
l: dc
|
|
4168
4185
|
}, Ke = {
|
|
4169
4186
|
s: G["typography-label-3-regular"],
|
|
4170
4187
|
m: G["typography-label-2-regular"],
|
|
4171
4188
|
l: G["typography-label-2-regular"]
|
|
4172
|
-
},
|
|
4189
|
+
}, Ec = (t) => {
|
|
4173
4190
|
const {
|
|
4174
4191
|
className: r,
|
|
4175
4192
|
defaultValue: n,
|
|
@@ -4178,27 +4195,27 @@ const Ye = Object.assign(Ii, {
|
|
|
4178
4195
|
segments: s,
|
|
4179
4196
|
stretched: l,
|
|
4180
4197
|
disabled: c = !1,
|
|
4181
|
-
mode:
|
|
4198
|
+
mode: _ = "label",
|
|
4182
4199
|
onChange: f,
|
|
4183
4200
|
...d
|
|
4184
|
-
} = t, g =
|
|
4201
|
+
} = t, g = be(), [b, m] = ft(n || s[0].value), [C, y] = ft({ width: 0, left: 0, height: 0 }), h = Vt(null);
|
|
4185
4202
|
gt(() => {
|
|
4186
|
-
a != null &&
|
|
4203
|
+
a != null && m(a);
|
|
4187
4204
|
}, [a]), rr(() => {
|
|
4188
4205
|
x();
|
|
4189
|
-
}, [
|
|
4206
|
+
}, [b, s, i, l, _]);
|
|
4190
4207
|
const x = () => {
|
|
4191
|
-
if (!(
|
|
4192
|
-
const w =
|
|
4208
|
+
if (!(h != null && h.current)) return;
|
|
4209
|
+
const w = h.current.querySelector(
|
|
4193
4210
|
'[data-is-active-segment="true"]'
|
|
4194
4211
|
);
|
|
4195
|
-
w &&
|
|
4212
|
+
w && y({
|
|
4196
4213
|
width: w.offsetWidth,
|
|
4197
4214
|
left: w.offsetLeft,
|
|
4198
4215
|
height: w.offsetHeight
|
|
4199
4216
|
});
|
|
4200
|
-
},
|
|
4201
|
-
c || (
|
|
4217
|
+
}, u = (w) => {
|
|
4218
|
+
c || (m(w), f == null || f(w));
|
|
4202
4219
|
};
|
|
4203
4220
|
return (s == null ? void 0 : s.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
|
|
4204
4221
|
"fieldset",
|
|
@@ -4206,7 +4223,7 @@ const Ye = Object.assign(Ii, {
|
|
|
4206
4223
|
className: k(
|
|
4207
4224
|
Et.segmentedControl,
|
|
4208
4225
|
Et[i],
|
|
4209
|
-
Et[
|
|
4226
|
+
Et[_],
|
|
4210
4227
|
{
|
|
4211
4228
|
[Et.stretched]: l,
|
|
4212
4229
|
[Et.disabled]: c
|
|
@@ -4214,13 +4231,13 @@ const Ye = Object.assign(Ii, {
|
|
|
4214
4231
|
r
|
|
4215
4232
|
),
|
|
4216
4233
|
"data-testid": "segmented-control-container",
|
|
4217
|
-
ref:
|
|
4234
|
+
ref: h,
|
|
4218
4235
|
disabled: c,
|
|
4219
4236
|
...d,
|
|
4220
4237
|
children: [
|
|
4221
|
-
s == null ? void 0 : s.map(({ label: w, value: S, containerProps:
|
|
4222
|
-
const { className:
|
|
4223
|
-
return /* @__PURE__ */ o.jsxs(
|
|
4238
|
+
s == null ? void 0 : s.map(({ label: w, value: S, containerProps: E = {} }, j) => {
|
|
4239
|
+
const { className: N, ...T } = E, R = () => u(S), O = JSON.stringify(S), D = b === S;
|
|
4240
|
+
return /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
4224
4241
|
/* @__PURE__ */ o.jsx(
|
|
4225
4242
|
"input",
|
|
4226
4243
|
{
|
|
@@ -4235,15 +4252,15 @@ const Ye = Object.assign(Ii, {
|
|
|
4235
4252
|
"label",
|
|
4236
4253
|
{
|
|
4237
4254
|
"data-is-active-segment": D,
|
|
4238
|
-
className: k(Et.segment, Ke[i], { [Et.selected]: D },
|
|
4255
|
+
className: k(Et.segment, Ke[i], { [Et.selected]: D }, N),
|
|
4239
4256
|
htmlFor: g + O,
|
|
4240
4257
|
"data-testid": "segmented-control-segment",
|
|
4241
|
-
onClick:
|
|
4242
|
-
...
|
|
4258
|
+
onClick: R,
|
|
4259
|
+
...T,
|
|
4243
4260
|
children: w
|
|
4244
4261
|
}
|
|
4245
4262
|
)
|
|
4246
|
-
] },
|
|
4263
|
+
] }, ee(O) + j);
|
|
4247
4264
|
}),
|
|
4248
4265
|
/* @__PURE__ */ o.jsx(
|
|
4249
4266
|
"div",
|
|
@@ -4258,28 +4275,28 @@ const Ye = Object.assign(Ii, {
|
|
|
4258
4275
|
);
|
|
4259
4276
|
};
|
|
4260
4277
|
export {
|
|
4261
|
-
|
|
4278
|
+
hc as Alert,
|
|
4262
4279
|
Ao as Avatar,
|
|
4263
|
-
|
|
4280
|
+
Ra as Badge,
|
|
4264
4281
|
ge as Button,
|
|
4265
|
-
|
|
4266
|
-
|
|
4267
|
-
|
|
4268
|
-
|
|
4269
|
-
|
|
4282
|
+
Cc as Checkbox,
|
|
4283
|
+
xc as ConfigProvider,
|
|
4284
|
+
Sc as Helper,
|
|
4285
|
+
mc as Image,
|
|
4286
|
+
jc as List,
|
|
4270
4287
|
or as Loader,
|
|
4271
|
-
|
|
4288
|
+
gc as Modal,
|
|
4272
4289
|
Sa as Placeholder,
|
|
4273
|
-
|
|
4274
|
-
|
|
4275
|
-
|
|
4276
|
-
|
|
4277
|
-
|
|
4278
|
-
|
|
4279
|
-
|
|
4290
|
+
Lc as Radio,
|
|
4291
|
+
Ec as SegmentedControl,
|
|
4292
|
+
$c as Tabs,
|
|
4293
|
+
vc as Tag,
|
|
4294
|
+
kc as TextArea,
|
|
4295
|
+
wc as TextInput,
|
|
4296
|
+
Tc as Tooltip,
|
|
4280
4297
|
he as Typography,
|
|
4281
|
-
|
|
4282
|
-
|
|
4283
|
-
|
|
4298
|
+
Pa as enUS,
|
|
4299
|
+
yc as ruRU,
|
|
4300
|
+
za as useConfig,
|
|
4284
4301
|
bc as useLocale
|
|
4285
4302
|
};
|