skillgrid 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1208465 → 0.0.34-dev-40511-42085-40506-alert-placeholder-modal-fix.1213385
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/components/Dialog/Dialog.type.d.ts +12 -4
- package/dist/components/Modal/Modal.type.d.ts +1 -1
- package/dist/components/Placeholder/Placeholder.type.d.ts +3 -2
- package/dist/components/Tabs/Tabs.type.d.ts +1 -1
- package/dist/index.cjs.js +11 -11
- package/dist/index.es.js +489 -483
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -20,13 +20,13 @@ var Me;
|
|
|
20
20
|
function Yr() {
|
|
21
21
|
if (Me) return Dt;
|
|
22
22
|
Me = 1;
|
|
23
|
-
var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"),
|
|
23
|
+
var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
24
24
|
function l(c, u, f) {
|
|
25
|
-
var d, g = {}, m = null,
|
|
26
|
-
f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (
|
|
27
|
-
for (d in u)
|
|
25
|
+
var d, g = {}, m = null, y = null;
|
|
26
|
+
f !== void 0 && (m = "" + f), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (y = u.ref);
|
|
27
|
+
for (d in u) s.call(u, d) && !a.hasOwnProperty(d) && (g[d] = u[d]);
|
|
28
28
|
if (c && c.defaultProps) for (d in u = c.defaultProps, u) g[d] === void 0 && (g[d] = u[d]);
|
|
29
|
-
return { $$typeof: r, type: c, key: m, ref:
|
|
29
|
+
return { $$typeof: r, type: c, key: m, ref: y, props: g, _owner: i.current };
|
|
30
30
|
}
|
|
31
31
|
return Dt.Fragment = n, Dt.jsx = l, Dt.jsxs = l, Dt;
|
|
32
32
|
}
|
|
@@ -43,24 +43,24 @@ var Ft = {};
|
|
|
43
43
|
var ze;
|
|
44
44
|
function Gr() {
|
|
45
45
|
return ze || (ze = 1, process.env.NODE_ENV !== "production" && function() {
|
|
46
|
-
var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"),
|
|
46
|
+
var t = be, r = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), c = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), y = Symbol.for("react.offscreen"), x = Symbol.iterator, w = "@@iterator";
|
|
47
47
|
function b(e) {
|
|
48
48
|
if (e === null || typeof e != "object")
|
|
49
49
|
return null;
|
|
50
|
-
var _ = x && e[x] || e[
|
|
50
|
+
var _ = x && e[x] || e[w];
|
|
51
51
|
return typeof _ == "function" ? _ : null;
|
|
52
52
|
}
|
|
53
|
-
var
|
|
53
|
+
var h = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
54
54
|
function p(e) {
|
|
55
55
|
{
|
|
56
56
|
for (var _ = arguments.length, v = new Array(_ > 1 ? _ - 1 : 0), j = 1; j < _; j++)
|
|
57
57
|
v[j - 1] = arguments[j];
|
|
58
|
-
|
|
58
|
+
C("error", e, v);
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
function
|
|
61
|
+
function C(e, _, v) {
|
|
62
62
|
{
|
|
63
|
-
var j =
|
|
63
|
+
var j = h.ReactDebugCurrentFrame, A = j.getStackAddendum();
|
|
64
64
|
A !== "" && (_ += "%s", v = v.concat([A]));
|
|
65
65
|
var P = v.map(function(N) {
|
|
66
66
|
return String(N);
|
|
@@ -71,7 +71,7 @@ function Gr() {
|
|
|
71
71
|
var k = !1, T = !1, $ = !1, E = !1, z = !1, B;
|
|
72
72
|
B = Symbol.for("react.module.reference");
|
|
73
73
|
function F(e) {
|
|
74
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
74
|
+
return !!(typeof e == "string" || typeof e == "function" || e === s || e === a || z || e === i || e === f || e === d || E || e === y || k || T || $ || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === g || e.$$typeof === l || e.$$typeof === c || e.$$typeof === u || // 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.
|
|
@@ -95,11 +95,11 @@ function Gr() {
|
|
|
95
95
|
if (typeof e == "string")
|
|
96
96
|
return e;
|
|
97
97
|
switch (e) {
|
|
98
|
-
case
|
|
98
|
+
case s:
|
|
99
99
|
return "Fragment";
|
|
100
100
|
case n:
|
|
101
101
|
return "Portal";
|
|
102
|
-
case
|
|
102
|
+
case a:
|
|
103
103
|
return "Profiler";
|
|
104
104
|
case i:
|
|
105
105
|
return "StrictMode";
|
|
@@ -194,7 +194,7 @@ function Gr() {
|
|
|
194
194
|
W < 0 && p("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
195
195
|
}
|
|
196
196
|
}
|
|
197
|
-
var it =
|
|
197
|
+
var it = h.ReactCurrentDispatcher, Tt;
|
|
198
198
|
function pt(e, _, v) {
|
|
199
199
|
{
|
|
200
200
|
if (Tt === void 0)
|
|
@@ -320,7 +320,7 @@ function Gr() {
|
|
|
320
320
|
}
|
|
321
321
|
return "";
|
|
322
322
|
}
|
|
323
|
-
var tt = Object.prototype.hasOwnProperty, vt = {}, ve =
|
|
323
|
+
var tt = Object.prototype.hasOwnProperty, vt = {}, ve = h.ReactDebugCurrentFrame;
|
|
324
324
|
function Xt(e) {
|
|
325
325
|
if (e) {
|
|
326
326
|
var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
|
|
@@ -371,7 +371,7 @@ function Gr() {
|
|
|
371
371
|
if (hr(e))
|
|
372
372
|
return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", gr(e)), Ce(e);
|
|
373
373
|
}
|
|
374
|
-
var Se =
|
|
374
|
+
var Se = h.ReactCurrentOwner, br = {
|
|
375
375
|
key: !0,
|
|
376
376
|
ref: !0,
|
|
377
377
|
__self: !0,
|
|
@@ -465,7 +465,7 @@ function Gr() {
|
|
|
465
465
|
return wr(e, R, nt, A, j, Se.current, N);
|
|
466
466
|
}
|
|
467
467
|
}
|
|
468
|
-
var ae =
|
|
468
|
+
var ae = h.ReactCurrentOwner, je = h.ReactDebugCurrentFrame;
|
|
469
469
|
function Mt(e) {
|
|
470
470
|
if (e) {
|
|
471
471
|
var _ = e._owner, v = Q(e.type, e._source, _ ? _.type : null);
|
|
@@ -617,7 +617,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
617
617
|
<%s key={someKey} {...props} />`, le, Rt, Nr, Rt), Ie[Rt + le] = !0;
|
|
618
618
|
}
|
|
619
619
|
}
|
|
620
|
-
return e ===
|
|
620
|
+
return e === s ? $r(Y) : jr(Y), Y;
|
|
621
621
|
}
|
|
622
622
|
}
|
|
623
623
|
function Tr(e, _, v) {
|
|
@@ -627,7 +627,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
627
627
|
return Ne(e, _, v, !1);
|
|
628
628
|
}
|
|
629
629
|
var Rr = Er, Ir = Tr;
|
|
630
|
-
Ft.Fragment =
|
|
630
|
+
Ft.Fragment = s, Ft.jsx = Rr, Ft.jsxs = Ir;
|
|
631
631
|
}()), Ft;
|
|
632
632
|
}
|
|
633
633
|
var Be;
|
|
@@ -762,28 +762,28 @@ function Qn() {
|
|
|
762
762
|
(function() {
|
|
763
763
|
var r = {}.hasOwnProperty;
|
|
764
764
|
function n() {
|
|
765
|
-
for (var
|
|
765
|
+
for (var a = "", l = 0; l < arguments.length; l++) {
|
|
766
766
|
var c = arguments[l];
|
|
767
|
-
c && (
|
|
767
|
+
c && (a = i(a, s(c)));
|
|
768
768
|
}
|
|
769
|
-
return
|
|
769
|
+
return a;
|
|
770
770
|
}
|
|
771
|
-
function a
|
|
772
|
-
if (typeof
|
|
773
|
-
return
|
|
774
|
-
if (typeof
|
|
771
|
+
function s(a) {
|
|
772
|
+
if (typeof a == "string" || typeof a == "number")
|
|
773
|
+
return a;
|
|
774
|
+
if (typeof a != "object")
|
|
775
775
|
return "";
|
|
776
|
-
if (Array.isArray(
|
|
777
|
-
return n.apply(null,
|
|
778
|
-
if (
|
|
779
|
-
return
|
|
776
|
+
if (Array.isArray(a))
|
|
777
|
+
return n.apply(null, a);
|
|
778
|
+
if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
|
|
779
|
+
return a.toString();
|
|
780
780
|
var l = "";
|
|
781
|
-
for (var c in
|
|
782
|
-
r.call(
|
|
781
|
+
for (var c in a)
|
|
782
|
+
r.call(a, c) && a[c] && (l = i(l, c));
|
|
783
783
|
return l;
|
|
784
784
|
}
|
|
785
|
-
function i(
|
|
786
|
-
return l ?
|
|
785
|
+
function i(a, l) {
|
|
786
|
+
return l ? a ? a + " " + l : a + l : a;
|
|
787
787
|
}
|
|
788
788
|
t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
|
|
789
789
|
})();
|
|
@@ -795,9 +795,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
795
795
|
size: t = 24,
|
|
796
796
|
variant: r = "accent",
|
|
797
797
|
className: n,
|
|
798
|
-
"data-testid":
|
|
798
|
+
"data-testid": s = "loader",
|
|
799
799
|
style: i,
|
|
800
|
-
...
|
|
800
|
+
...a
|
|
801
801
|
}, l) => {
|
|
802
802
|
const c = Et(
|
|
803
803
|
Wt.loader,
|
|
@@ -813,9 +813,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
813
813
|
fill: "none",
|
|
814
814
|
viewBox: "0 0 16 16",
|
|
815
815
|
xmlns: "http://www.w3.org/2000/svg",
|
|
816
|
-
"data-testid":
|
|
816
|
+
"data-testid": s,
|
|
817
817
|
style: i,
|
|
818
|
-
...
|
|
818
|
+
...a,
|
|
819
819
|
children: /* @__PURE__ */ o.jsx(
|
|
820
820
|
"path",
|
|
821
821
|
{
|
|
@@ -831,17 +831,17 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
831
831
|
), eo = U((t, r) => {
|
|
832
832
|
const {
|
|
833
833
|
loading: n = !1,
|
|
834
|
-
size:
|
|
834
|
+
size: s = 24,
|
|
835
835
|
variant: i = "accent",
|
|
836
|
-
children:
|
|
836
|
+
children: a,
|
|
837
837
|
className: l,
|
|
838
838
|
style: c,
|
|
839
839
|
"data-testid": u,
|
|
840
840
|
...f
|
|
841
841
|
} = t, d = Et(Wt.container, l);
|
|
842
842
|
return /* @__PURE__ */ o.jsxs("div", { ref: r, className: d, style: c, "data-testid": u, ...f, children: [
|
|
843
|
-
|
|
844
|
-
n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size:
|
|
843
|
+
a,
|
|
844
|
+
n && /* @__PURE__ */ o.jsx("div", { className: Wt.overlay, children: /* @__PURE__ */ o.jsx(rr, { size: s, variant: i, "data-testid": `${u}-spinner` }) })
|
|
845
845
|
] });
|
|
846
846
|
}), nr = U((t, r) => t.children ? /* @__PURE__ */ o.jsx(
|
|
847
847
|
eo,
|
|
@@ -872,7 +872,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
872
872
|
width: t = 24,
|
|
873
873
|
height: r = 24,
|
|
874
874
|
className: n = "",
|
|
875
|
-
color:
|
|
875
|
+
color: s = "currentColor",
|
|
876
876
|
...i
|
|
877
877
|
}) => /* @__PURE__ */ o.jsx(
|
|
878
878
|
"svg",
|
|
@@ -887,7 +887,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
887
887
|
"path",
|
|
888
888
|
{
|
|
889
889
|
d: "M19 12H5m0 0 7 7m-7-7 7-7",
|
|
890
|
-
stroke:
|
|
890
|
+
stroke: s,
|
|
891
891
|
strokeLinecap: "round",
|
|
892
892
|
strokeLinejoin: "round",
|
|
893
893
|
strokeWidth: "2"
|
|
@@ -903,12 +903,12 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
903
903
|
iconRight: t,
|
|
904
904
|
iconLeft: r,
|
|
905
905
|
children: n,
|
|
906
|
-
postfix:
|
|
906
|
+
postfix: s,
|
|
907
907
|
subcaption: i,
|
|
908
|
-
size:
|
|
908
|
+
size: a,
|
|
909
909
|
isAsButton: l
|
|
910
910
|
}) => {
|
|
911
|
-
const c = !!(i && l &&
|
|
911
|
+
const c = !!(i && l && a === "l"), u = !!(!n && l && r), f = l && !!(c && !n && s || s && !c);
|
|
912
912
|
return /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
913
913
|
c && n && /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
914
914
|
/* @__PURE__ */ o.jsx("span", { "data-testid": "button-label", className: S(O.label, O.labelText), children: n }),
|
|
@@ -932,22 +932,22 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
932
932
|
{
|
|
933
933
|
"data-testid": "button-postfix",
|
|
934
934
|
className: S(O.postfix, G["typography-subtitle-2-semibold"]),
|
|
935
|
-
children:
|
|
935
|
+
children: s
|
|
936
936
|
}
|
|
937
937
|
) })
|
|
938
938
|
] });
|
|
939
939
|
}, ye = U((t, r) => {
|
|
940
940
|
const {
|
|
941
941
|
mode: n = "primary",
|
|
942
|
-
size:
|
|
942
|
+
size: s = "m",
|
|
943
943
|
buttonStyle: i = Ae(t) ? "neutral" : "accent",
|
|
944
|
-
disabled:
|
|
944
|
+
disabled: a = !1,
|
|
945
945
|
className: l,
|
|
946
946
|
children: c,
|
|
947
947
|
tabIndex: u
|
|
948
|
-
} = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0,
|
|
948
|
+
} = t, f = n === "tertiary", d = Ae(t), g = Qr(t), m = f && "paddings" in t ? t.paddings ?? !0 : !0, y = d ? t.subcaption : void 0, x = d ? t.postfix : void 0, w = d ? t.stretched : void 0, b = !(g && t.size === void 0), h = g && b ? t.iconLeft : void 0, p = g && b ? t.iconRight : void 0, C = !!(d && "loading" in t && t.loading), k = d ? a : a || C, T = !k && !C, $ = d ? t.iconLeft : void 0, E = !!(!c && (d && $ && !x || g && p)), z = typeof w == "object" ? w.justify === "space-between" : void 0, B = ao(s), F = G[B], q = g ? Dn(t.size ?? "m") : void 0, D = q ? G[q] : void 0, L = Fn(k, n, i), M = k || C ? -1 : u, W = S(
|
|
949
949
|
O.button,
|
|
950
|
-
O[
|
|
950
|
+
O[s],
|
|
951
951
|
O[n],
|
|
952
952
|
O[i],
|
|
953
953
|
g && D,
|
|
@@ -955,9 +955,9 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
955
955
|
{
|
|
956
956
|
[O.disabled]: k,
|
|
957
957
|
[O.loading]: d && "loading" in t && t.loading,
|
|
958
|
-
[O.stretched]:
|
|
958
|
+
[O.stretched]: w,
|
|
959
959
|
[O.spaceBetween]: z,
|
|
960
|
-
[O.withSubcaption]: !!(
|
|
960
|
+
[O.withSubcaption]: !!(y && s === "l" && c),
|
|
961
961
|
[O.iconOnly]: E,
|
|
962
962
|
[O.link]: g,
|
|
963
963
|
[O.underline]: g && "showUnderline" in t && t.showUnderline,
|
|
@@ -966,11 +966,11 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
966
966
|
l
|
|
967
967
|
), H = {
|
|
968
968
|
iconRight: p,
|
|
969
|
-
iconLeft: d ? $ :
|
|
969
|
+
iconLeft: d ? $ : h,
|
|
970
970
|
children: c,
|
|
971
971
|
postfix: x,
|
|
972
|
-
subcaption:
|
|
973
|
-
size:
|
|
972
|
+
subcaption: y,
|
|
973
|
+
size: s,
|
|
974
974
|
isAsButton: d
|
|
975
975
|
};
|
|
976
976
|
if (Kr(t)) {
|
|
@@ -996,7 +996,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
996
996
|
tabIndex: M,
|
|
997
997
|
onClick: Tt,
|
|
998
998
|
"data-testid": at,
|
|
999
|
-
"aria-disabled": k ||
|
|
999
|
+
"aria-disabled": k || C,
|
|
1000
1000
|
style: ot,
|
|
1001
1001
|
target: xt,
|
|
1002
1002
|
rel: it,
|
|
@@ -1006,7 +1006,7 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
1006
1006
|
);
|
|
1007
1007
|
}
|
|
1008
1008
|
if (Jr(t)) {
|
|
1009
|
-
const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st =
|
|
1009
|
+
const { type: Z = "button", onClick: K, style: ot, "data-testid": rt, ...J } = t, at = Oe(J), st = s === "l" ? 24 : 16, wt = (xt) => {
|
|
1010
1010
|
T && K && K(xt);
|
|
1011
1011
|
};
|
|
1012
1012
|
return /* @__PURE__ */ o.jsxs(
|
|
@@ -1019,12 +1019,12 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
1019
1019
|
tabIndex: M,
|
|
1020
1020
|
onClick: wt,
|
|
1021
1021
|
"data-testid": rt,
|
|
1022
|
-
"aria-disabled": k ||
|
|
1022
|
+
"aria-disabled": k || C,
|
|
1023
1023
|
style: ot,
|
|
1024
1024
|
...at,
|
|
1025
1025
|
children: [
|
|
1026
|
-
/* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]:
|
|
1027
|
-
|
|
1026
|
+
/* @__PURE__ */ o.jsx("div", { className: S(O.content, { [O.contentHidden]: C }), children: /* @__PURE__ */ o.jsx(De, { ...H }) }),
|
|
1027
|
+
C && /* @__PURE__ */ o.jsx("div", { className: O.loaderWrapper, children: /* @__PURE__ */ o.jsx(
|
|
1028
1028
|
nr,
|
|
1029
1029
|
{
|
|
1030
1030
|
variant: L,
|
|
@@ -1042,14 +1042,14 @@ const Et = /* @__PURE__ */ Xr(to), rr = U(
|
|
|
1042
1042
|
ye.displayName = "Button";
|
|
1043
1043
|
const or = U(
|
|
1044
1044
|
(t, r) => {
|
|
1045
|
-
const { iconLeft: n, className:
|
|
1045
|
+
const { iconLeft: n, className: s, ...i } = t, l = {
|
|
1046
1046
|
...i,
|
|
1047
1047
|
displayAs: "button",
|
|
1048
1048
|
mode: "tertiary",
|
|
1049
1049
|
buttonStyle: "neutral",
|
|
1050
1050
|
size: "m",
|
|
1051
1051
|
iconLeft: n ?? /* @__PURE__ */ o.jsx(no, {}),
|
|
1052
|
-
className: S(O.backButton, G["typography-subtitle-1-semibold"],
|
|
1052
|
+
className: S(O.backButton, G["typography-subtitle-1-semibold"], s)
|
|
1053
1053
|
};
|
|
1054
1054
|
return /* @__PURE__ */ o.jsx(ye, { ref: r, ...l });
|
|
1055
1055
|
}
|
|
@@ -1085,8 +1085,8 @@ function fo(t) {
|
|
|
1085
1085
|
function te(t) {
|
|
1086
1086
|
const r = typeof t == "string" ? t : JSON.stringify(t);
|
|
1087
1087
|
let n = 5381;
|
|
1088
|
-
for (let
|
|
1089
|
-
const i = r.charCodeAt(
|
|
1088
|
+
for (let s = 0; s < r.length; s++) {
|
|
1089
|
+
const i = r.charCodeAt(s);
|
|
1090
1090
|
n = (n << 5) + n + i;
|
|
1091
1091
|
}
|
|
1092
1092
|
return n >>> 0;
|
|
@@ -1102,8 +1102,8 @@ const go = (t, r, n) => Math.min(Math.max(t, r), n), ho = [
|
|
|
1102
1102
|
];
|
|
1103
1103
|
function bo(t, r = ho) {
|
|
1104
1104
|
if (!t) return "gray";
|
|
1105
|
-
const n = te(t),
|
|
1106
|
-
return r[
|
|
1105
|
+
const n = te(t), s = Math.abs(n) % r.length;
|
|
1106
|
+
return r[s];
|
|
1107
1107
|
}
|
|
1108
1108
|
const We = 2;
|
|
1109
1109
|
function mo(t) {
|
|
@@ -1147,9 +1147,9 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1147
1147
|
}, Jt = U((t, r) => {
|
|
1148
1148
|
const {
|
|
1149
1149
|
style: n,
|
|
1150
|
-
size:
|
|
1150
|
+
size: s = 40,
|
|
1151
1151
|
isLoading: i = !1,
|
|
1152
|
-
isDisabled:
|
|
1152
|
+
isDisabled: a = !1,
|
|
1153
1153
|
shape: l = "circle",
|
|
1154
1154
|
variant: c = "filled",
|
|
1155
1155
|
placeholderType: u = "neutral",
|
|
@@ -1157,28 +1157,28 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1157
1157
|
imgSrc: d,
|
|
1158
1158
|
imgAlt: g,
|
|
1159
1159
|
icon: m,
|
|
1160
|
-
imgProps:
|
|
1160
|
+
imgProps: y,
|
|
1161
1161
|
colorScheme: x,
|
|
1162
|
-
className:
|
|
1162
|
+
className: w,
|
|
1163
1163
|
"data-testid": b,
|
|
1164
|
-
...
|
|
1165
|
-
} = t, { onClick: p, onPointerDown:
|
|
1164
|
+
...h
|
|
1165
|
+
} = t, { onClick: p, onPointerDown: C } = h, T = !a && !i && (!!p || !!C), [$, E] = gt(!1);
|
|
1166
1166
|
ut(() => {
|
|
1167
1167
|
d && E(!1);
|
|
1168
1168
|
}, [d]);
|
|
1169
|
-
const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(
|
|
1170
|
-
|
|
1169
|
+
const z = d && !$ ? "image" : m ? "icon" : f ? "name" : "placeholder", B = x || z === "name" && bo(f) || "gray", F = Co(s), q = xo(s, l), D = S(
|
|
1170
|
+
w,
|
|
1171
1171
|
Ct.avatar,
|
|
1172
1172
|
Ct[`variant-${c}`],
|
|
1173
1173
|
Ct[`color-${B}`],
|
|
1174
1174
|
G[F],
|
|
1175
1175
|
{
|
|
1176
|
-
[Ct.disabled]:
|
|
1176
|
+
[Ct.disabled]: a,
|
|
1177
1177
|
[Ct.loading]: i,
|
|
1178
1178
|
[Ct.clickable]: T
|
|
1179
1179
|
}
|
|
1180
1180
|
), L = {
|
|
1181
|
-
"--avatar-size": `${
|
|
1181
|
+
"--avatar-size": `${s}px`,
|
|
1182
1182
|
"--avatar-border-radius": `${q}px`,
|
|
1183
1183
|
...n
|
|
1184
1184
|
}, M = {
|
|
@@ -1196,7 +1196,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1196
1196
|
placeholder: () => /* @__PURE__ */ o.jsx(
|
|
1197
1197
|
"img",
|
|
1198
1198
|
{
|
|
1199
|
-
...
|
|
1199
|
+
...y,
|
|
1200
1200
|
"data-testid": "avatar-placeholder",
|
|
1201
1201
|
className: Ct.image,
|
|
1202
1202
|
src: jo[u],
|
|
@@ -1207,14 +1207,14 @@ 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
|
+
...y,
|
|
1211
1211
|
className: Ct.image,
|
|
1212
1212
|
src: d || void 0,
|
|
1213
1213
|
alt: g || void 0,
|
|
1214
1214
|
onLoad: () => E(!1),
|
|
1215
1215
|
onError: (H) => {
|
|
1216
1216
|
var Z;
|
|
1217
|
-
E(!0), (Z =
|
|
1217
|
+
E(!0), (Z = y == null ? void 0 : y.onError) == null || Z.call(y, H);
|
|
1218
1218
|
}
|
|
1219
1219
|
}
|
|
1220
1220
|
)
|
|
@@ -1229,7 +1229,7 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1229
1229
|
className: D,
|
|
1230
1230
|
style: L,
|
|
1231
1231
|
"data-testid": b,
|
|
1232
|
-
"aria-disabled":
|
|
1232
|
+
"aria-disabled": a || i,
|
|
1233
1233
|
children: M[z](null)
|
|
1234
1234
|
}
|
|
1235
1235
|
);
|
|
@@ -1239,8 +1239,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1239
1239
|
if (!t) return null;
|
|
1240
1240
|
let r = t;
|
|
1241
1241
|
for (; r; ) {
|
|
1242
|
-
const
|
|
1243
|
-
if (!Eo(
|
|
1242
|
+
const s = window.getComputedStyle(r).backgroundColor;
|
|
1243
|
+
if (!Eo(s)) return s;
|
|
1244
1244
|
r = r.parentElement;
|
|
1245
1245
|
}
|
|
1246
1246
|
return null;
|
|
@@ -1248,8 +1248,8 @@ const wo = "data:image/svg+xml,%3csvg%20opacity='0.9'%20preserveAspectRatio='xMi
|
|
|
1248
1248
|
const t = Vt(null), [r, n] = gt(null);
|
|
1249
1249
|
return ut(() => {
|
|
1250
1250
|
if (t.current) {
|
|
1251
|
-
const
|
|
1252
|
-
n(
|
|
1251
|
+
const s = Ro(t.current);
|
|
1252
|
+
n(s);
|
|
1253
1253
|
}
|
|
1254
1254
|
}, []), { ref: t, bgColor: r };
|
|
1255
1255
|
};
|
|
@@ -1276,27 +1276,27 @@ const Mo = 2, zo = (t) => {
|
|
|
1276
1276
|
const {
|
|
1277
1277
|
avatars: r = [],
|
|
1278
1278
|
size: n = 40,
|
|
1279
|
-
overlap:
|
|
1279
|
+
overlap: s = 0.3,
|
|
1280
1280
|
shape: i = "circle",
|
|
1281
|
-
overflowCount:
|
|
1281
|
+
overflowCount: a = 0,
|
|
1282
1282
|
overflowProps: l,
|
|
1283
1283
|
cutoutBackground: c
|
|
1284
|
-
} = t, f = -(n *
|
|
1284
|
+
} = t, f = -(n * s) + Mo, { ref: d, bgColor: g } = xe(), m = c || g || "#ffffff", y = Et(To.avatarGroup), x = {
|
|
1285
1285
|
"--avatar-cutout-bg": m
|
|
1286
1286
|
};
|
|
1287
|
-
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className:
|
|
1288
|
-
r.map((
|
|
1289
|
-
if (
|
|
1290
|
-
const
|
|
1287
|
+
return r.length === 0 ? null : /* @__PURE__ */ o.jsxs("div", { className: y, ref: d, style: x, children: [
|
|
1288
|
+
r.map((w, b) => {
|
|
1289
|
+
if (w.wrapper) {
|
|
1290
|
+
const h = w.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(
|
|
1297
|
+
children: /* @__PURE__ */ o.jsx(h, { children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w }) })
|
|
1298
1298
|
},
|
|
1299
|
-
te(
|
|
1299
|
+
te(w) + b
|
|
1300
1300
|
);
|
|
1301
1301
|
}
|
|
1302
1302
|
return /* @__PURE__ */ o.jsx(
|
|
@@ -1305,17 +1305,17 @@ const Mo = 2, zo = (t) => {
|
|
|
1305
1305
|
style: {
|
|
1306
1306
|
marginRight: f
|
|
1307
1307
|
},
|
|
1308
|
-
children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...
|
|
1308
|
+
children: /* @__PURE__ */ o.jsx(Jt, { size: n, shape: i, ...w })
|
|
1309
1309
|
},
|
|
1310
|
-
te(
|
|
1310
|
+
te(w) + b
|
|
1311
1311
|
);
|
|
1312
1312
|
}),
|
|
1313
|
-
|
|
1313
|
+
a > 0 && /* @__PURE__ */ o.jsx("div", { style: { marginRight: f }, children: /* @__PURE__ */ o.jsx(
|
|
1314
1314
|
Jt,
|
|
1315
1315
|
{
|
|
1316
1316
|
size: n,
|
|
1317
1317
|
shape: i,
|
|
1318
|
-
icon: () => fo(
|
|
1318
|
+
icon: () => fo(a),
|
|
1319
1319
|
colorScheme: "gray",
|
|
1320
1320
|
variant: "light",
|
|
1321
1321
|
...l
|
|
@@ -1380,17 +1380,17 @@ function Fo({
|
|
|
1380
1380
|
open: t,
|
|
1381
1381
|
onOpenChange: r,
|
|
1382
1382
|
placement: n = "center",
|
|
1383
|
-
disableOutsideClick:
|
|
1383
|
+
disableOutsideClick: s = !1,
|
|
1384
1384
|
disableEscapeKey: i = !1
|
|
1385
1385
|
}) {
|
|
1386
|
-
const
|
|
1387
|
-
(
|
|
1388
|
-
r == null || r(
|
|
1386
|
+
const a = jt(
|
|
1387
|
+
(w) => {
|
|
1388
|
+
r == null || r(w);
|
|
1389
1389
|
},
|
|
1390
1390
|
[r]
|
|
1391
1391
|
), l = Po(n), { context: c, refs: u } = Ar({
|
|
1392
1392
|
open: t,
|
|
1393
|
-
onOpenChange:
|
|
1393
|
+
onOpenChange: a,
|
|
1394
1394
|
placement: l
|
|
1395
1395
|
}), f = Do(n), { isMounted: d, styles: g } = Or(c, {
|
|
1396
1396
|
duration: 200,
|
|
@@ -1403,10 +1403,10 @@ function Fo({
|
|
|
1403
1403
|
},
|
|
1404
1404
|
...f
|
|
1405
1405
|
}), m = Pr(c, {
|
|
1406
|
-
outsidePress: !
|
|
1406
|
+
outsidePress: !s,
|
|
1407
1407
|
outsidePressEvent: "mousedown",
|
|
1408
1408
|
escapeKey: !i
|
|
1409
|
-
}),
|
|
1409
|
+
}), y = Dr(c, { role: "dialog" }), { getFloatingProps: x } = Fr([m, y]);
|
|
1410
1410
|
return Qe(
|
|
1411
1411
|
() => ({
|
|
1412
1412
|
/** Состояние для условного рендеринга с поддержкой анимации закрытия. */
|
|
@@ -1426,48 +1426,54 @@ function Fo({
|
|
|
1426
1426
|
const ar = U((t, r) => {
|
|
1427
1427
|
const {
|
|
1428
1428
|
placement: n = "default",
|
|
1429
|
-
open:
|
|
1429
|
+
open: s,
|
|
1430
1430
|
onOpenChange: i,
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1431
|
+
overlayProps: a,
|
|
1432
|
+
portalProps: l,
|
|
1433
|
+
children: c,
|
|
1434
|
+
disableOutsideClick: u = !1,
|
|
1435
|
+
disableEscapeKey: f = !1,
|
|
1436
|
+
disableOverlay: d = !1,
|
|
1437
|
+
className: g,
|
|
1438
|
+
style: m,
|
|
1439
|
+
"data-testid": y,
|
|
1440
|
+
...x
|
|
1439
1441
|
} = t;
|
|
1440
|
-
|
|
1442
|
+
s === void 0 && console.error(
|
|
1441
1443
|
"Dialog: компонент должен быть контролируемым. Используйте пропсы open и onOpenChange."
|
|
1442
1444
|
);
|
|
1443
|
-
const
|
|
1444
|
-
open:
|
|
1445
|
+
const w = Fo({
|
|
1446
|
+
open: s,
|
|
1445
1447
|
onOpenChange: i,
|
|
1446
1448
|
placement: n,
|
|
1447
|
-
disableOutsideClick:
|
|
1448
|
-
disableEscapeKey:
|
|
1449
|
-
}), { isMounted:
|
|
1450
|
-
return
|
|
1451
|
-
/* @__PURE__ */ o.jsx(
|
|
1449
|
+
disableOutsideClick: u,
|
|
1450
|
+
disableEscapeKey: f
|
|
1451
|
+
}), { isMounted: b, transitionStyles: h } = w, p = Wr([r, w.refs.setFloating]);
|
|
1452
|
+
return b ? /* @__PURE__ */ o.jsxs(Hr, { ...l, children: [
|
|
1453
|
+
!d && /* @__PURE__ */ o.jsx(
|
|
1452
1454
|
Vr,
|
|
1453
1455
|
{
|
|
1454
1456
|
"data-testid": "dialog-overlay",
|
|
1455
|
-
className: S(de.overlay,
|
|
1456
|
-
lockScroll: !0,
|
|
1457
|
-
style: {
|
|
1457
|
+
className: S(de.overlay, a == null ? void 0 : a.className),
|
|
1458
|
+
lockScroll: (a == null ? void 0 : a.lockScroll) ?? !0,
|
|
1459
|
+
style: {
|
|
1460
|
+
opacity: h == null ? void 0 : h.opacity,
|
|
1461
|
+
transition: h == null ? void 0 : h.transition,
|
|
1462
|
+
...a == null ? void 0 : a.style
|
|
1463
|
+
}
|
|
1458
1464
|
}
|
|
1459
1465
|
),
|
|
1460
|
-
/* @__PURE__ */ o.jsx(qr, { context:
|
|
1466
|
+
/* @__PURE__ */ o.jsx(qr, { context: w.context, children: /* @__PURE__ */ o.jsx(
|
|
1461
1467
|
"div",
|
|
1462
1468
|
{
|
|
1463
|
-
ref:
|
|
1469
|
+
ref: p,
|
|
1464
1470
|
"aria-modal": "true",
|
|
1465
1471
|
role: "dialog",
|
|
1466
|
-
className: S(
|
|
1467
|
-
style: { ...
|
|
1468
|
-
"data-testid":
|
|
1469
|
-
...
|
|
1470
|
-
children:
|
|
1472
|
+
className: S(g, de.container, de[`placement-${n}`]),
|
|
1473
|
+
style: { ...m, ...h },
|
|
1474
|
+
"data-testid": y,
|
|
1475
|
+
...w.getFloatingProps(x),
|
|
1476
|
+
children: c
|
|
1471
1477
|
}
|
|
1472
1478
|
) })
|
|
1473
1479
|
] }) : null;
|
|
@@ -1511,16 +1517,16 @@ const ar = U((t, r) => {
|
|
|
1511
1517
|
const r = Je.forwardRef(
|
|
1512
1518
|
({
|
|
1513
1519
|
size: n = 3,
|
|
1514
|
-
children:
|
|
1520
|
+
children: s,
|
|
1515
1521
|
className: i,
|
|
1516
|
-
"data-testid":
|
|
1522
|
+
"data-testid": a,
|
|
1517
1523
|
as: l,
|
|
1518
1524
|
fontWeight: c = "semibold",
|
|
1519
1525
|
disabled: u = !1,
|
|
1520
1526
|
typographyStyle: f = "primary",
|
|
1521
1527
|
...d
|
|
1522
1528
|
}, g) => {
|
|
1523
|
-
const m = l || ia[n],
|
|
1529
|
+
const m = l || ia[n], y = S(
|
|
1524
1530
|
Pt.typography,
|
|
1525
1531
|
G[`typography-${t}-${n}-${c}`],
|
|
1526
1532
|
Pt[f],
|
|
@@ -1529,7 +1535,7 @@ const ar = U((t, r) => {
|
|
|
1529
1535
|
},
|
|
1530
1536
|
i
|
|
1531
1537
|
);
|
|
1532
|
-
return
|
|
1538
|
+
return s ? /* @__PURE__ */ o.jsx(m, { ref: g, className: y, "data-testid": a, ...d, children: s }) : null;
|
|
1533
1539
|
}
|
|
1534
1540
|
);
|
|
1535
1541
|
return r.displayName = `Typography.${t === "title" ? "Title" : "Subtitle"}`, r;
|
|
@@ -1537,16 +1543,16 @@ const ar = U((t, r) => {
|
|
|
1537
1543
|
const r = Je.forwardRef(
|
|
1538
1544
|
({
|
|
1539
1545
|
size: n = 3,
|
|
1540
|
-
children:
|
|
1546
|
+
children: s,
|
|
1541
1547
|
className: i,
|
|
1542
|
-
"data-testid":
|
|
1548
|
+
"data-testid": a,
|
|
1543
1549
|
as: l = "p",
|
|
1544
1550
|
fontWeight: c = "regular",
|
|
1545
1551
|
disabled: u = !1,
|
|
1546
1552
|
typographyStyle: f = "primary",
|
|
1547
1553
|
...d
|
|
1548
1554
|
}, g) => {
|
|
1549
|
-
const m = l,
|
|
1555
|
+
const m = l, y = S(
|
|
1550
1556
|
Pt.typography,
|
|
1551
1557
|
G[`typography-${t}-${n}-${c}`],
|
|
1552
1558
|
Pt[f],
|
|
@@ -1555,14 +1561,14 @@ const ar = U((t, r) => {
|
|
|
1555
1561
|
},
|
|
1556
1562
|
i
|
|
1557
1563
|
);
|
|
1558
|
-
return
|
|
1564
|
+
return s ? /* @__PURE__ */ o.jsx(
|
|
1559
1565
|
m,
|
|
1560
1566
|
{
|
|
1561
1567
|
ref: g,
|
|
1562
|
-
className:
|
|
1563
|
-
"data-testid":
|
|
1568
|
+
className: y,
|
|
1569
|
+
"data-testid": a,
|
|
1564
1570
|
...d,
|
|
1565
|
-
children:
|
|
1571
|
+
children: s
|
|
1566
1572
|
}
|
|
1567
1573
|
) : null;
|
|
1568
1574
|
}
|
|
@@ -1577,7 +1583,7 @@ const ar = U((t, r) => {
|
|
|
1577
1583
|
"right-drawer",
|
|
1578
1584
|
"left-drawer"
|
|
1579
1585
|
], ua = (t) => {
|
|
1580
|
-
const { closeButtonProps: r, onOpenChange: n } = t, { wrapper:
|
|
1586
|
+
const { closeButtonProps: r, onOpenChange: n } = t, { wrapper: s, ...i } = r || {}, a = {
|
|
1581
1587
|
size: "xs",
|
|
1582
1588
|
mode: "primary",
|
|
1583
1589
|
buttonStyle: "gray",
|
|
@@ -1586,13 +1592,13 @@ const ar = U((t, r) => {
|
|
|
1586
1592
|
onClick: () => n(!1),
|
|
1587
1593
|
...i
|
|
1588
1594
|
};
|
|
1589
|
-
return
|
|
1595
|
+
return s ? /* @__PURE__ */ o.jsx(s, { children: /* @__PURE__ */ o.jsx(ge, { ...a }) }) : /* @__PURE__ */ o.jsx(ge, { ...a });
|
|
1590
1596
|
}, q1 = U((t, r) => {
|
|
1591
1597
|
const {
|
|
1592
1598
|
open: n,
|
|
1593
|
-
onOpenChange:
|
|
1599
|
+
onOpenChange: s,
|
|
1594
1600
|
size: i,
|
|
1595
|
-
placement:
|
|
1601
|
+
placement: a = "default",
|
|
1596
1602
|
showCloseButton: l = !0,
|
|
1597
1603
|
closeButtonProps: c,
|
|
1598
1604
|
title: u,
|
|
@@ -1600,36 +1606,36 @@ const ar = U((t, r) => {
|
|
|
1600
1606
|
actions: d,
|
|
1601
1607
|
children: g,
|
|
1602
1608
|
footer: m,
|
|
1603
|
-
hideHeaderDivider:
|
|
1609
|
+
hideHeaderDivider: y,
|
|
1604
1610
|
hideFooterDivider: x,
|
|
1605
|
-
className:
|
|
1611
|
+
className: w,
|
|
1606
1612
|
classNames: b,
|
|
1607
|
-
styles:
|
|
1613
|
+
styles: h,
|
|
1608
1614
|
...p
|
|
1609
|
-
} = t,
|
|
1615
|
+
} = t, C = da.includes(a), k = !!(u || f || d);
|
|
1610
1616
|
return /* @__PURE__ */ o.jsx(
|
|
1611
1617
|
ar,
|
|
1612
1618
|
{
|
|
1613
1619
|
open: n,
|
|
1614
|
-
onOpenChange:
|
|
1615
|
-
placement:
|
|
1620
|
+
onOpenChange: s,
|
|
1621
|
+
placement: a,
|
|
1616
1622
|
ref: r,
|
|
1617
1623
|
style: { width: i },
|
|
1618
1624
|
...p,
|
|
1619
1625
|
children: /* @__PURE__ */ o.jsxs(
|
|
1620
1626
|
"div",
|
|
1621
1627
|
{
|
|
1622
|
-
className: S(bt.container,
|
|
1623
|
-
style: { width: i, ...
|
|
1628
|
+
className: S(bt.container, w, b == null ? void 0 : b.container),
|
|
1629
|
+
style: { width: i, ...h == null ? void 0 : h.container },
|
|
1624
1630
|
"data-testid": p["data-testid"] ? `${p["data-testid"]}-container` : void 0,
|
|
1625
1631
|
children: [
|
|
1626
|
-
k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style:
|
|
1627
|
-
/* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style:
|
|
1632
|
+
k && /* @__PURE__ */ o.jsxs("div", { className: S(bt.header, b == null ? void 0 : b.header), style: h == null ? void 0 : h.header, children: [
|
|
1633
|
+
/* @__PURE__ */ o.jsx("div", { className: S(bt.title, b == null ? void 0 : b.title), style: h == null ? void 0 : h.title, children: typeof u == "string" ? /* @__PURE__ */ o.jsx(ca, { size: 5, className: bt["title-text"], children: u }) : u }),
|
|
1628
1634
|
/* @__PURE__ */ o.jsxs("div", { className: bt.actions, children: [
|
|
1629
1635
|
d,
|
|
1630
|
-
l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange:
|
|
1636
|
+
l && /* @__PURE__ */ o.jsx(ua, { closeButtonProps: c, onOpenChange: s })
|
|
1631
1637
|
] }),
|
|
1632
|
-
f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style:
|
|
1638
|
+
f && /* @__PURE__ */ o.jsx("div", { className: S(bt.subTitle, b == null ? void 0 : b.subTitle), style: h == null ? void 0 : h.subTitle, children: typeof f == "string" ? /* @__PURE__ */ o.jsx(
|
|
1633
1639
|
la,
|
|
1634
1640
|
{
|
|
1635
1641
|
size: 2,
|
|
@@ -1639,23 +1645,23 @@ const ar = U((t, r) => {
|
|
|
1639
1645
|
}
|
|
1640
1646
|
) : f })
|
|
1641
1647
|
] }),
|
|
1642
|
-
!
|
|
1648
|
+
!y && k && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
|
|
1643
1649
|
/* @__PURE__ */ o.jsx(
|
|
1644
1650
|
"div",
|
|
1645
1651
|
{
|
|
1646
1652
|
className: S(
|
|
1647
|
-
|
|
1653
|
+
C ? bt["content-for-side-drawer"] : bt.content,
|
|
1648
1654
|
b == null ? void 0 : b.content
|
|
1649
1655
|
),
|
|
1650
1656
|
style: {
|
|
1651
|
-
...
|
|
1657
|
+
...h == null ? void 0 : h.content
|
|
1652
1658
|
},
|
|
1653
1659
|
"data-testid": p["data-testid"] ? `${p["data-testid"]}-content` : void 0,
|
|
1654
1660
|
children: g
|
|
1655
1661
|
}
|
|
1656
1662
|
),
|
|
1657
1663
|
!x && m && /* @__PURE__ */ o.jsx("hr", { className: bt.divider }),
|
|
1658
|
-
m && /* @__PURE__ */ o.jsx("div", { className: S(bt.footer, b == null ? void 0 : b.footer), style:
|
|
1664
|
+
m && /* @__PURE__ */ o.jsx("div", { className: S(bt.footer, b == null ? void 0 : b.footer), style: h == null ? void 0 : h.footer, children: m })
|
|
1659
1665
|
]
|
|
1660
1666
|
}
|
|
1661
1667
|
)
|
|
@@ -1779,9 +1785,9 @@ const La = (t) => {
|
|
|
1779
1785
|
const {
|
|
1780
1786
|
iconSlot: r,
|
|
1781
1787
|
title: n,
|
|
1782
|
-
subTitle:
|
|
1788
|
+
subTitle: s,
|
|
1783
1789
|
styles: i,
|
|
1784
|
-
classNames:
|
|
1790
|
+
classNames: a,
|
|
1785
1791
|
children: l,
|
|
1786
1792
|
"data-testid": c,
|
|
1787
1793
|
size: u = "m"
|
|
@@ -1789,30 +1795,30 @@ const La = (t) => {
|
|
|
1789
1795
|
return /* @__PURE__ */ o.jsxs(
|
|
1790
1796
|
"div",
|
|
1791
1797
|
{
|
|
1792
|
-
className: S(Bt.container,
|
|
1798
|
+
className: S(Bt.container, a == null ? void 0 : a.container),
|
|
1793
1799
|
style: i == null ? void 0 : i.container,
|
|
1794
1800
|
"data-testid": c,
|
|
1795
1801
|
children: [
|
|
1796
|
-
r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot,
|
|
1797
|
-
(n ||
|
|
1802
|
+
r && /* @__PURE__ */ o.jsx("div", { style: i == null ? void 0 : i.iconSlot, className: S(Bt.iconSlot, a == null ? void 0 : a.iconSlot), children: r }),
|
|
1803
|
+
(n || s) && /* @__PURE__ */ o.jsxs("div", { className: S(Bt.textBlock, a == null ? void 0 : a.textBlock), children: [
|
|
1798
1804
|
n && /* @__PURE__ */ o.jsx(
|
|
1799
1805
|
"p",
|
|
1800
1806
|
{
|
|
1801
1807
|
style: i == null ? void 0 : i.title,
|
|
1802
|
-
className: S(Bt.title, G[f.title],
|
|
1808
|
+
className: S(Bt.title, G[f.title], a == null ? void 0 : a.title),
|
|
1803
1809
|
children: n
|
|
1804
1810
|
}
|
|
1805
1811
|
),
|
|
1806
|
-
|
|
1812
|
+
s && /* @__PURE__ */ o.jsx(
|
|
1807
1813
|
"p",
|
|
1808
1814
|
{
|
|
1809
1815
|
style: i == null ? void 0 : i.subTitle,
|
|
1810
|
-
className: S(Bt.subtitle, G[f.subtitle],
|
|
1811
|
-
children:
|
|
1816
|
+
className: S(Bt.subtitle, G[f.subtitle], a == null ? void 0 : a.subTitle),
|
|
1817
|
+
children: s
|
|
1812
1818
|
}
|
|
1813
1819
|
)
|
|
1814
1820
|
] }),
|
|
1815
|
-
l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children,
|
|
1821
|
+
l && /* @__PURE__ */ o.jsx("div", { className: S(Bt.children, a == null ? void 0 : a.children), children: l })
|
|
1816
1822
|
]
|
|
1817
1823
|
}
|
|
1818
1824
|
);
|
|
@@ -1820,14 +1826,14 @@ const La = (t) => {
|
|
|
1820
1826
|
const {
|
|
1821
1827
|
open: r,
|
|
1822
1828
|
onOpenChange: n,
|
|
1823
|
-
placement:
|
|
1829
|
+
placement: s = "default",
|
|
1824
1830
|
variant: i = "info",
|
|
1825
|
-
title:
|
|
1831
|
+
title: a,
|
|
1826
1832
|
description: l,
|
|
1827
1833
|
children: c,
|
|
1828
1834
|
variantAvatarProps: u,
|
|
1829
1835
|
"data-testid": f
|
|
1830
|
-
} = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info,
|
|
1836
|
+
} = t, { icon: d, colorScheme: g } = (Gt == null ? void 0 : Gt[i]) || Gt.info, y = i === "avatar" ? {
|
|
1831
1837
|
size: 48,
|
|
1832
1838
|
colorScheme: "gray",
|
|
1833
1839
|
variant: "light",
|
|
@@ -1846,16 +1852,16 @@ const La = (t) => {
|
|
|
1846
1852
|
{
|
|
1847
1853
|
open: r,
|
|
1848
1854
|
onOpenChange: n,
|
|
1849
|
-
placement:
|
|
1855
|
+
placement: s,
|
|
1850
1856
|
"data-testid": f,
|
|
1851
1857
|
className: ma.container,
|
|
1852
1858
|
children: /* @__PURE__ */ o.jsx(
|
|
1853
1859
|
La,
|
|
1854
1860
|
{
|
|
1855
|
-
title:
|
|
1861
|
+
title: a,
|
|
1856
1862
|
subTitle: l,
|
|
1857
1863
|
size: "m",
|
|
1858
|
-
iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...
|
|
1864
|
+
iconSlot: /* @__PURE__ */ o.jsx(Bo, { ...y }),
|
|
1859
1865
|
children: c
|
|
1860
1866
|
}
|
|
1861
1867
|
)
|
|
@@ -1902,9 +1908,9 @@ const La = (t) => {
|
|
|
1902
1908
|
}, Na = U((t, r) => {
|
|
1903
1909
|
const {
|
|
1904
1910
|
icon: n,
|
|
1905
|
-
children:
|
|
1911
|
+
children: s,
|
|
1906
1912
|
variant: i = "filled",
|
|
1907
|
-
label:
|
|
1913
|
+
label: a,
|
|
1908
1914
|
isHidden: l = !1,
|
|
1909
1915
|
colorScheme: c = "red",
|
|
1910
1916
|
size: u = 20,
|
|
@@ -1912,11 +1918,11 @@ const La = (t) => {
|
|
|
1912
1918
|
positionOffset: d = { x: 0, y: 0 },
|
|
1913
1919
|
cutoutBackground: g,
|
|
1914
1920
|
isDisabled: m,
|
|
1915
|
-
className:
|
|
1921
|
+
className: y,
|
|
1916
1922
|
"data-testid": x = "badge",
|
|
1917
|
-
...
|
|
1918
|
-
} = t, { onClick: b, onPointerDown:
|
|
1919
|
-
|
|
1923
|
+
...w
|
|
1924
|
+
} = t, { onClick: b, onPointerDown: h } = w, { ref: p, bgColor: C } = xe(), k = g || C, $ = !m && (!!b || !!h), E = Et(St.badge__container, St[`position-${f}`]), z = Et(
|
|
1925
|
+
y,
|
|
1920
1926
|
St.badge__content,
|
|
1921
1927
|
St[`color-${c}`],
|
|
1922
1928
|
St[`variant-${i}`],
|
|
@@ -1931,11 +1937,11 @@ const La = (t) => {
|
|
|
1931
1937
|
"--badge-offset-y": `${d.y}px`,
|
|
1932
1938
|
...k && { "--badge-cutout-bg": k },
|
|
1933
1939
|
...i === "transparent" && { "--badge-cutout-bg": "transparent" }
|
|
1934
|
-
}, F = (n == null ? void 0 : n({})) ||
|
|
1940
|
+
}, F = (n == null ? void 0 : n({})) || a, q = (D) => {
|
|
1935
1941
|
$ && (b == null || b(D));
|
|
1936
1942
|
};
|
|
1937
1943
|
return /* @__PURE__ */ o.jsxs("div", { className: St.wrapper, ref: p, "data-testid": x + "-wrapper", children: [
|
|
1938
|
-
|
|
1944
|
+
s,
|
|
1939
1945
|
!l && /* @__PURE__ */ o.jsx(
|
|
1940
1946
|
"span",
|
|
1941
1947
|
{
|
|
@@ -1945,7 +1951,7 @@ const La = (t) => {
|
|
|
1945
1951
|
children: /* @__PURE__ */ o.jsx(
|
|
1946
1952
|
"span",
|
|
1947
1953
|
{
|
|
1948
|
-
...
|
|
1954
|
+
...w,
|
|
1949
1955
|
onClick: q,
|
|
1950
1956
|
className: z,
|
|
1951
1957
|
"data-testid": x + "-content",
|
|
@@ -1961,7 +1967,7 @@ const La = (t) => {
|
|
|
1961
1967
|
container: Ma,
|
|
1962
1968
|
image: za,
|
|
1963
1969
|
loading: Ba
|
|
1964
|
-
}, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid":
|
|
1970
|
+
}, Aa = ({ width: t = 48, height: r = 48, className: n, "data-testid": s }) => /* @__PURE__ */ o.jsx(
|
|
1965
1971
|
"svg",
|
|
1966
1972
|
{
|
|
1967
1973
|
width: t,
|
|
@@ -1970,7 +1976,7 @@ const La = (t) => {
|
|
|
1970
1976
|
fill: "none",
|
|
1971
1977
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1972
1978
|
className: n,
|
|
1973
|
-
"data-testid":
|
|
1979
|
+
"data-testid": s,
|
|
1974
1980
|
children: /* @__PURE__ */ o.jsx(
|
|
1975
1981
|
"path",
|
|
1976
1982
|
{
|
|
@@ -1985,21 +1991,21 @@ const La = (t) => {
|
|
|
1985
1991
|
), X1 = U((t, r) => {
|
|
1986
1992
|
const {
|
|
1987
1993
|
alt: n = "",
|
|
1988
|
-
loading:
|
|
1994
|
+
loading: s = "lazy",
|
|
1989
1995
|
src: i,
|
|
1990
|
-
isLoading:
|
|
1996
|
+
isLoading: a = !1,
|
|
1991
1997
|
className: l,
|
|
1992
1998
|
"data-testid": c = "image",
|
|
1993
1999
|
onError: u,
|
|
1994
2000
|
onLoad: f,
|
|
1995
2001
|
...d
|
|
1996
|
-
} = t, [g, m] = gt("loading"),
|
|
2002
|
+
} = t, [g, m] = gt("loading"), y = g === "error", x = (a || g === "loading") && !y, w = g === "loaded" && !a, b = Et(
|
|
1997
2003
|
ue.image,
|
|
1998
2004
|
{
|
|
1999
2005
|
[ue.loading]: x
|
|
2000
2006
|
},
|
|
2001
2007
|
l
|
|
2002
|
-
),
|
|
2008
|
+
), h = jt(
|
|
2003
2009
|
(k) => {
|
|
2004
2010
|
m("loaded"), f == null || f(k);
|
|
2005
2011
|
},
|
|
@@ -2009,7 +2015,7 @@ const La = (t) => {
|
|
|
2009
2015
|
m("error"), u == null || u(k);
|
|
2010
2016
|
},
|
|
2011
2017
|
[u]
|
|
2012
|
-
),
|
|
2018
|
+
), C = {
|
|
2013
2019
|
loader: /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
2014
2020
|
/* @__PURE__ */ o.jsx(nr, { size: 48, variant: "special", "data-testid": `${c}-loader` }),
|
|
2015
2021
|
/* @__PURE__ */ o.jsx(
|
|
@@ -2017,7 +2023,7 @@ const La = (t) => {
|
|
|
2017
2023
|
{
|
|
2018
2024
|
alt: n,
|
|
2019
2025
|
src: i,
|
|
2020
|
-
onLoad:
|
|
2026
|
+
onLoad: h,
|
|
2021
2027
|
onError: p,
|
|
2022
2028
|
style: { display: "none" }
|
|
2023
2029
|
}
|
|
@@ -2030,7 +2036,7 @@ const La = (t) => {
|
|
|
2030
2036
|
ref: r,
|
|
2031
2037
|
alt: n,
|
|
2032
2038
|
"data-testid": c,
|
|
2033
|
-
loading:
|
|
2039
|
+
loading: s,
|
|
2034
2040
|
src: i,
|
|
2035
2041
|
className: b
|
|
2036
2042
|
}
|
|
@@ -2043,9 +2049,9 @@ const La = (t) => {
|
|
|
2043
2049
|
}
|
|
2044
2050
|
m("loading");
|
|
2045
2051
|
}, [i]), /* @__PURE__ */ o.jsxs("div", { className: ue.container, "data-testid": `${c}-container`, ...d, children: [
|
|
2046
|
-
x &&
|
|
2047
|
-
|
|
2048
|
-
|
|
2052
|
+
x && C.loader,
|
|
2053
|
+
y && C.error,
|
|
2054
|
+
w && C.image
|
|
2049
2055
|
] });
|
|
2050
2056
|
}), Oa = {}, sr = tr({
|
|
2051
2057
|
locale: Oa
|
|
@@ -2084,12 +2090,12 @@ const La = (t) => {
|
|
|
2084
2090
|
locale: t = {},
|
|
2085
2091
|
theme: r,
|
|
2086
2092
|
children: n,
|
|
2087
|
-
className:
|
|
2093
|
+
className: s
|
|
2088
2094
|
}) => (zr(() => {
|
|
2089
2095
|
if (r) {
|
|
2090
2096
|
const i = document.documentElement;
|
|
2091
|
-
Object.entries(r).forEach(([
|
|
2092
|
-
i.style.setProperty(
|
|
2097
|
+
Object.entries(r).forEach(([a, l]) => {
|
|
2098
|
+
i.style.setProperty(a, l);
|
|
2093
2099
|
});
|
|
2094
2100
|
}
|
|
2095
2101
|
}, [r]), /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
@@ -2097,7 +2103,7 @@ const La = (t) => {
|
|
|
2097
2103
|
"div",
|
|
2098
2104
|
{
|
|
2099
2105
|
"data-testid": "ConfigProvider-component",
|
|
2100
|
-
className: S(Da, Fa, Wa, Ha, Va, _s, G,
|
|
2106
|
+
className: S(Da, Fa, Wa, Ha, Va, _s, G, s)
|
|
2101
2107
|
}
|
|
2102
2108
|
),
|
|
2103
2109
|
/* @__PURE__ */ o.jsx(sr.Provider, { value: { locale: t }, children: n })
|
|
@@ -2121,37 +2127,37 @@ const La = (t) => {
|
|
|
2121
2127
|
}, K1 = U((t, r) => {
|
|
2122
2128
|
const {
|
|
2123
2129
|
className: n,
|
|
2124
|
-
children:
|
|
2130
|
+
children: s,
|
|
2125
2131
|
componentStyle: i = "neutral",
|
|
2126
|
-
size:
|
|
2132
|
+
size: a = "medium",
|
|
2127
2133
|
disabled: l = !1,
|
|
2128
|
-
showLabel: c = !!
|
|
2134
|
+
showLabel: c = !!s,
|
|
2129
2135
|
slotStart: u,
|
|
2130
2136
|
slotEnd: f,
|
|
2131
2137
|
slotStartWrapperProps: d = {},
|
|
2132
2138
|
slotEndWrapperProps: g = {},
|
|
2133
2139
|
"data-testid": m
|
|
2134
|
-
} = t, { className:
|
|
2140
|
+
} = t, { className: y, ...x } = d, { className: w, ...b } = g;
|
|
2135
2141
|
return /* @__PURE__ */ o.jsxs(
|
|
2136
2142
|
"div",
|
|
2137
2143
|
{
|
|
2138
2144
|
className: S(
|
|
2139
2145
|
It.tag,
|
|
2140
|
-
It[
|
|
2146
|
+
It[a],
|
|
2141
2147
|
It[i],
|
|
2142
2148
|
{
|
|
2143
2149
|
[It.disabled]: l,
|
|
2144
|
-
[G["typography-label-3-regular"]]:
|
|
2145
|
-
[G["typography-subtitle-1-semibold"]]:
|
|
2150
|
+
[G["typography-label-3-regular"]]: a === "medium",
|
|
2151
|
+
[G["typography-subtitle-1-semibold"]]: a === "large"
|
|
2146
2152
|
},
|
|
2147
2153
|
n
|
|
2148
2154
|
),
|
|
2149
2155
|
"data-testid": m || "tag-component",
|
|
2150
2156
|
ref: r,
|
|
2151
2157
|
children: [
|
|
2152
|
-
u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper,
|
|
2153
|
-
c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children:
|
|
2154
|
-
f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper,
|
|
2158
|
+
u && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, y]), ...x, children: u }),
|
|
2159
|
+
c && /* @__PURE__ */ o.jsx("span", { className: S([It.label]), children: s }),
|
|
2160
|
+
f && /* @__PURE__ */ o.jsx("span", { className: S([It.iconWrapper, w]), ...b, children: f })
|
|
2155
2161
|
]
|
|
2156
2162
|
}
|
|
2157
2163
|
);
|
|
@@ -2169,7 +2175,7 @@ const La = (t) => {
|
|
|
2169
2175
|
width: t = 12,
|
|
2170
2176
|
height: r = 9,
|
|
2171
2177
|
className: n = "",
|
|
2172
|
-
color:
|
|
2178
|
+
color: s = "currentColor",
|
|
2173
2179
|
...i
|
|
2174
2180
|
}) => /* @__PURE__ */ o.jsx(
|
|
2175
2181
|
"svg",
|
|
@@ -2187,7 +2193,7 @@ const La = (t) => {
|
|
|
2187
2193
|
fillRule: "evenodd",
|
|
2188
2194
|
clipRule: "evenodd",
|
|
2189
2195
|
d: "M13.0001 2.49999C13.3906 2.10946 13.3906 1.4763 13.0001 1.08578C12.6095 0.695251 11.9764 0.695251 11.5859 1.08578L5.29296 7.37867L2.00007 4.08578C1.60954 3.69525 0.976378 3.69525 0.585855 4.08578C0.19533 4.4763 0.19533 5.10946 0.585855 5.49999L4.58585 9.49999C4.97638 9.89051 5.60954 9.89051 6.00007 9.49999L13.0001 2.49999Z",
|
|
2190
|
-
fill:
|
|
2196
|
+
fill: s
|
|
2191
2197
|
}
|
|
2192
2198
|
)
|
|
2193
2199
|
}
|
|
@@ -2195,7 +2201,7 @@ const La = (t) => {
|
|
|
2195
2201
|
width: t = 12,
|
|
2196
2202
|
height: r = 2,
|
|
2197
2203
|
className: n = "",
|
|
2198
|
-
color:
|
|
2204
|
+
color: s = "currentColor",
|
|
2199
2205
|
...i
|
|
2200
2206
|
}) => /* @__PURE__ */ o.jsx(
|
|
2201
2207
|
"svg",
|
|
@@ -2213,7 +2219,7 @@ const La = (t) => {
|
|
|
2213
2219
|
fillRule: "evenodd",
|
|
2214
2220
|
clipRule: "evenodd",
|
|
2215
2221
|
d: "M0 1C0 0.447715 0.447715 0 1 0H11C11.5523 0 12 0.447715 12 1C12 1.55228 11.5523 2 11 2H1C0.447715 2 0 1.55228 0 1Z",
|
|
2216
|
-
fill:
|
|
2222
|
+
fill: s
|
|
2217
2223
|
}
|
|
2218
2224
|
)
|
|
2219
2225
|
}
|
|
@@ -2224,10 +2230,10 @@ const La = (t) => {
|
|
|
2224
2230
|
size: t,
|
|
2225
2231
|
isChecked: r,
|
|
2226
2232
|
isDisabled: n,
|
|
2227
|
-
indeterminate:
|
|
2233
|
+
indeterminate: s,
|
|
2228
2234
|
dataTestId: i
|
|
2229
2235
|
}) => {
|
|
2230
|
-
const { width:
|
|
2236
|
+
const { width: a, height: l } = Fs[t];
|
|
2231
2237
|
return /* @__PURE__ */ o.jsx(
|
|
2232
2238
|
"div",
|
|
2233
2239
|
{
|
|
@@ -2235,16 +2241,16 @@ const La = (t) => {
|
|
|
2235
2241
|
"data-testid": `${i}-icon`,
|
|
2236
2242
|
"data-checked": r,
|
|
2237
2243
|
"data-disabled": n,
|
|
2238
|
-
"data-indeterminate":
|
|
2239
|
-
children:
|
|
2244
|
+
"data-indeterminate": s,
|
|
2245
|
+
children: s ? /* @__PURE__ */ o.jsx(Ds, { width: a, height: l }) : /* @__PURE__ */ o.jsx(Ps, { width: a, height: l })
|
|
2240
2246
|
}
|
|
2241
2247
|
);
|
|
2242
2248
|
}, J1 = U((t, r) => {
|
|
2243
2249
|
const {
|
|
2244
2250
|
name: n,
|
|
2245
|
-
value:
|
|
2251
|
+
value: s,
|
|
2246
2252
|
size: i = "medium",
|
|
2247
|
-
indeterminate:
|
|
2253
|
+
indeterminate: a = !1,
|
|
2248
2254
|
loading: l = !1,
|
|
2249
2255
|
error: c,
|
|
2250
2256
|
disabled: u = !1,
|
|
@@ -2252,12 +2258,12 @@ const La = (t) => {
|
|
|
2252
2258
|
className: d,
|
|
2253
2259
|
containerStyle: g,
|
|
2254
2260
|
style: m,
|
|
2255
|
-
children:
|
|
2261
|
+
children: y,
|
|
2256
2262
|
clickableLabel: x = !0,
|
|
2257
|
-
tabIndex:
|
|
2263
|
+
tabIndex: w,
|
|
2258
2264
|
onChange: b,
|
|
2259
|
-
"data-testid":
|
|
2260
|
-
} = t, [p,
|
|
2265
|
+
"data-testid": h = "checkbox"
|
|
2266
|
+
} = t, [p, C] = gt(!1), k = s ?? p, T = u || l, $ = !!c, E = k || a, z = S(Lt.container, Lt[i], f), B = S(
|
|
2261
2267
|
Lt.checkbox,
|
|
2262
2268
|
Lt[i],
|
|
2263
2269
|
{
|
|
@@ -2265,12 +2271,12 @@ const La = (t) => {
|
|
|
2265
2271
|
},
|
|
2266
2272
|
d
|
|
2267
2273
|
), F = (M) => {
|
|
2268
|
-
T || (
|
|
2274
|
+
T || (C(M.target.checked), b == null || b(M.target.checked, M));
|
|
2269
2275
|
}, q = (M) => {
|
|
2270
2276
|
if (M.key === "Enter" && !T) {
|
|
2271
2277
|
M.preventDefault();
|
|
2272
2278
|
const W = !E;
|
|
2273
|
-
|
|
2279
|
+
C(W), b == null || b(W);
|
|
2274
2280
|
}
|
|
2275
2281
|
}, D = (M) => {
|
|
2276
2282
|
x || M.preventDefault();
|
|
@@ -2281,13 +2287,13 @@ const La = (t) => {
|
|
|
2281
2287
|
className: z,
|
|
2282
2288
|
htmlFor: n,
|
|
2283
2289
|
style: g,
|
|
2284
|
-
"data-testid":
|
|
2290
|
+
"data-testid": h,
|
|
2285
2291
|
"data-clickable-label": x,
|
|
2286
2292
|
children: [
|
|
2287
2293
|
/* @__PURE__ */ o.jsx("div", { className: Lt.checkboxWrapper, children: /* @__PURE__ */ o.jsxs(
|
|
2288
2294
|
"div",
|
|
2289
2295
|
{
|
|
2290
|
-
tabIndex:
|
|
2296
|
+
tabIndex: w || 0,
|
|
2291
2297
|
className: B,
|
|
2292
2298
|
style: m,
|
|
2293
2299
|
onKeyDown: q,
|
|
@@ -2295,7 +2301,7 @@ const La = (t) => {
|
|
|
2295
2301
|
"aria-disabled": T,
|
|
2296
2302
|
"aria-invalid": $,
|
|
2297
2303
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2298
|
-
"data-testid": `${
|
|
2304
|
+
"data-testid": `${h}-label`,
|
|
2299
2305
|
children: [
|
|
2300
2306
|
/* @__PURE__ */ o.jsx(
|
|
2301
2307
|
"input",
|
|
@@ -2312,7 +2318,7 @@ const La = (t) => {
|
|
|
2312
2318
|
"aria-checked": E,
|
|
2313
2319
|
"aria-invalid": $,
|
|
2314
2320
|
"aria-describedby": c ? `${n}-error` : void 0,
|
|
2315
|
-
"data-testid": `${
|
|
2321
|
+
"data-testid": `${h}-input`
|
|
2316
2322
|
}
|
|
2317
2323
|
),
|
|
2318
2324
|
/* @__PURE__ */ o.jsx(
|
|
@@ -2322,21 +2328,21 @@ const La = (t) => {
|
|
|
2322
2328
|
size: i,
|
|
2323
2329
|
isChecked: E,
|
|
2324
2330
|
isDisabled: T,
|
|
2325
|
-
indeterminate:
|
|
2326
|
-
dataTestId:
|
|
2331
|
+
indeterminate: a,
|
|
2332
|
+
dataTestId: h
|
|
2327
2333
|
}
|
|
2328
2334
|
)
|
|
2329
2335
|
]
|
|
2330
2336
|
}
|
|
2331
2337
|
) }),
|
|
2332
|
-
|
|
2338
|
+
y && /* @__PURE__ */ o.jsx(
|
|
2333
2339
|
"span",
|
|
2334
2340
|
{
|
|
2335
|
-
"data-testid": `${
|
|
2341
|
+
"data-testid": `${h}-label-text`,
|
|
2336
2342
|
"data-clickable-label": x,
|
|
2337
2343
|
className: Lt.label,
|
|
2338
2344
|
onClick: D,
|
|
2339
|
-
children:
|
|
2345
|
+
children: y
|
|
2340
2346
|
}
|
|
2341
2347
|
)
|
|
2342
2348
|
]
|
|
@@ -2397,7 +2403,7 @@ const La = (t) => {
|
|
|
2397
2403
|
width: t = 8,
|
|
2398
2404
|
height: r = 8,
|
|
2399
2405
|
className: n,
|
|
2400
|
-
color:
|
|
2406
|
+
color: s = "#AABBCA"
|
|
2401
2407
|
}) => /* @__PURE__ */ o.jsx(
|
|
2402
2408
|
"svg",
|
|
2403
2409
|
{
|
|
@@ -2413,7 +2419,7 @@ const La = (t) => {
|
|
|
2413
2419
|
fillRule: "evenodd",
|
|
2414
2420
|
clipRule: "evenodd",
|
|
2415
2421
|
d: "M6.10178 0.236172C6.41679 -0.0787239 6.93824 -0.0787239 7.25325 0.236172C7.56826 0.551067 7.56826 1.07227 7.25325 1.38717L1.38772 7.25074C1.22479 7.41362 1.01837 7.48963 0.811988 7.48963C0.605604 7.48963 0.399189 7.41362 0.236255 7.25074C-0.0787516 6.93584 -0.0787516 6.41464 0.236255 6.09974L6.10178 0.236172ZM6.61276 4.19954C6.92777 3.88464 7.44895 3.88464 7.76396 4.19954C8.07897 4.52529 8.07897 5.03564 7.76396 5.35053L5.35256 7.76111C5.18963 7.92399 4.98321 8 4.77683 8C4.57045 8 4.36403 7.92399 4.2011 7.76111C3.88609 7.44622 3.88609 6.92501 4.2011 6.61012L6.61276 4.19954Z",
|
|
2416
|
-
fill:
|
|
2422
|
+
fill: s
|
|
2417
2423
|
}
|
|
2418
2424
|
)
|
|
2419
2425
|
}
|
|
@@ -2421,13 +2427,13 @@ const La = (t) => {
|
|
|
2421
2427
|
className: t = "",
|
|
2422
2428
|
style: r,
|
|
2423
2429
|
size: n = "md",
|
|
2424
|
-
color:
|
|
2430
|
+
color: s = "currentColor",
|
|
2425
2431
|
onClick: i,
|
|
2426
|
-
...
|
|
2432
|
+
...a
|
|
2427
2433
|
}) => {
|
|
2428
2434
|
const c = {
|
|
2429
2435
|
display: "inline-block",
|
|
2430
|
-
color:
|
|
2436
|
+
color: s,
|
|
2431
2437
|
...{
|
|
2432
2438
|
xxxs: { width: "8px", height: "8px" },
|
|
2433
2439
|
xxs: { width: "12px", height: "12px" },
|
|
@@ -2447,7 +2453,7 @@ const La = (t) => {
|
|
|
2447
2453
|
fill: "none",
|
|
2448
2454
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2449
2455
|
onClick: i,
|
|
2450
|
-
...
|
|
2456
|
+
...a,
|
|
2451
2457
|
children: /* @__PURE__ */ o.jsx(
|
|
2452
2458
|
"path",
|
|
2453
2459
|
{
|
|
@@ -2461,51 +2467,51 @@ const La = (t) => {
|
|
|
2461
2467
|
}
|
|
2462
2468
|
);
|
|
2463
2469
|
}, Ri = (t, r) => {
|
|
2464
|
-
const n = Vt(null),
|
|
2470
|
+
const n = Vt(null), s = Vt(null);
|
|
2465
2471
|
return ut(() => {
|
|
2466
|
-
const i = r === "textarea" ? n.current :
|
|
2472
|
+
const i = r === "textarea" ? n.current : s.current;
|
|
2467
2473
|
i && i.value !== t && (i.value = t || "");
|
|
2468
2474
|
}, [t, r]), {
|
|
2469
2475
|
textareaRef: n,
|
|
2470
|
-
inputRef:
|
|
2471
|
-
currentRef: r === "textarea" ? n :
|
|
2476
|
+
inputRef: s,
|
|
2477
|
+
currentRef: r === "textarea" ? n : s
|
|
2472
2478
|
};
|
|
2473
2479
|
}, Ii = (t, r, n) => {
|
|
2474
|
-
const
|
|
2480
|
+
const s = () => {
|
|
2475
2481
|
if (!n.current || r !== "hug") return;
|
|
2476
2482
|
const i = n.current.scrollTop;
|
|
2477
2483
|
if (n.current.style.setProperty("height", "auto", "important"), !t) return;
|
|
2478
|
-
const
|
|
2479
|
-
n.current.style.setProperty("height",
|
|
2484
|
+
const a = n.current.scrollHeight + "px";
|
|
2485
|
+
n.current.style.setProperty("height", a, "important"), n.current.scrollTop = i;
|
|
2480
2486
|
const l = n.current.closest(`.${I.wrapper}`);
|
|
2481
2487
|
l && (l.setAttribute("data-resize", "hug"), l.setAttribute("data-show-grip", "false"));
|
|
2482
2488
|
};
|
|
2483
|
-
return ut(
|
|
2484
|
-
r === "hug" && n.current &&
|
|
2485
|
-
}, []), { resizeTextArea:
|
|
2486
|
-
}, Ni = (t, r, n,
|
|
2487
|
-
(
|
|
2488
|
-
if (!t || r || n || !(
|
|
2489
|
-
|
|
2490
|
-
const l =
|
|
2489
|
+
return ut(s, [t, r]), ut(() => {
|
|
2490
|
+
r === "hug" && n.current && s();
|
|
2491
|
+
}, []), { resizeTextArea: s };
|
|
2492
|
+
}, Ni = (t, r, n, s) => ({ handleGripMouseDown: jt(
|
|
2493
|
+
(a) => {
|
|
2494
|
+
if (!t || r || n || !(s === "fixed" || !s)) return;
|
|
2495
|
+
a.preventDefault(), a.stopPropagation();
|
|
2496
|
+
const l = a.currentTarget.closest(`.${I.wrapper}`);
|
|
2491
2497
|
if (!l) return;
|
|
2492
|
-
const c =
|
|
2493
|
-
const m = g.clientY - c,
|
|
2498
|
+
const c = a.clientY, u = l.clientHeight, f = (g) => {
|
|
2499
|
+
const m = g.clientY - c, y = Math.min(100, u), x = Math.max(y, u + m);
|
|
2494
2500
|
l.style.height = `${x}px`;
|
|
2495
2501
|
}, d = () => {
|
|
2496
2502
|
document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", d);
|
|
2497
2503
|
};
|
|
2498
2504
|
document.addEventListener("mousemove", f), document.addEventListener("mouseup", d);
|
|
2499
2505
|
},
|
|
2500
|
-
[t, r, n,
|
|
2506
|
+
[t, r, n, s]
|
|
2501
2507
|
) }), Xe = 30, Mi = U(
|
|
2502
2508
|
({
|
|
2503
2509
|
component: t = "input",
|
|
2504
2510
|
size: r = "L",
|
|
2505
2511
|
value: n = "",
|
|
2506
|
-
placeholder:
|
|
2512
|
+
placeholder: s,
|
|
2507
2513
|
disabled: i = !1,
|
|
2508
|
-
loading:
|
|
2514
|
+
loading: a = !1,
|
|
2509
2515
|
onFocus: l,
|
|
2510
2516
|
onBlur: c,
|
|
2511
2517
|
onChange: u,
|
|
@@ -2513,25 +2519,25 @@ const La = (t) => {
|
|
|
2513
2519
|
onKeyUp: d,
|
|
2514
2520
|
maxLength: g,
|
|
2515
2521
|
className: m,
|
|
2516
|
-
style:
|
|
2522
|
+
style: y,
|
|
2517
2523
|
truncate: x = !1,
|
|
2518
|
-
shouldShowFloatingLabelClass:
|
|
2524
|
+
shouldShowFloatingLabelClass: w = !1,
|
|
2519
2525
|
"aria-invalid": b,
|
|
2520
|
-
"aria-errormessage":
|
|
2526
|
+
"aria-errormessage": h,
|
|
2521
2527
|
id: p,
|
|
2522
|
-
resize:
|
|
2528
|
+
resize: C,
|
|
2523
2529
|
...k
|
|
2524
2530
|
}, T) => {
|
|
2525
2531
|
const { textareaRef: $, inputRef: E, currentRef: z } = Ri(n, t);
|
|
2526
|
-
if (Ii(n,
|
|
2532
|
+
if (Ii(n, C, $), Br(T, () => z.current, [z]), t === "textarea")
|
|
2527
2533
|
return /* @__PURE__ */ o.jsx(
|
|
2528
2534
|
"textarea",
|
|
2529
2535
|
{
|
|
2530
2536
|
ref: $,
|
|
2531
2537
|
id: p,
|
|
2532
2538
|
value: n,
|
|
2533
|
-
placeholder:
|
|
2534
|
-
disabled: i ||
|
|
2539
|
+
placeholder: s,
|
|
2540
|
+
disabled: i || a,
|
|
2535
2541
|
onFocus: l,
|
|
2536
2542
|
onBlur: c,
|
|
2537
2543
|
onChange: u,
|
|
@@ -2541,15 +2547,15 @@ const La = (t) => {
|
|
|
2541
2547
|
className: S(
|
|
2542
2548
|
I.textarea,
|
|
2543
2549
|
I[`size-${r}`],
|
|
2544
|
-
|
|
2550
|
+
w && I["with-floating-label"],
|
|
2545
2551
|
m
|
|
2546
2552
|
),
|
|
2547
|
-
style:
|
|
2553
|
+
style: y,
|
|
2548
2554
|
"aria-invalid": b,
|
|
2549
|
-
"aria-errormessage":
|
|
2550
|
-
"aria-describedby":
|
|
2555
|
+
"aria-errormessage": h,
|
|
2556
|
+
"aria-describedby": h ? `${p}-error` : void 0,
|
|
2551
2557
|
tabIndex: 0,
|
|
2552
|
-
"data-resize":
|
|
2558
|
+
"data-resize": C,
|
|
2553
2559
|
...k
|
|
2554
2560
|
}
|
|
2555
2561
|
);
|
|
@@ -2560,8 +2566,8 @@ const La = (t) => {
|
|
|
2560
2566
|
ref: E,
|
|
2561
2567
|
id: p,
|
|
2562
2568
|
value: n,
|
|
2563
|
-
placeholder:
|
|
2564
|
-
disabled: i ||
|
|
2569
|
+
placeholder: s,
|
|
2570
|
+
disabled: i || a,
|
|
2565
2571
|
onFocus: l,
|
|
2566
2572
|
onBlur: c,
|
|
2567
2573
|
onChange: u,
|
|
@@ -2571,14 +2577,14 @@ const La = (t) => {
|
|
|
2571
2577
|
className: S(
|
|
2572
2578
|
I.input,
|
|
2573
2579
|
I[`size-${r}`],
|
|
2574
|
-
|
|
2580
|
+
w && I["with-floating-label"],
|
|
2575
2581
|
x && I.truncate,
|
|
2576
2582
|
m
|
|
2577
2583
|
),
|
|
2578
|
-
style:
|
|
2584
|
+
style: y,
|
|
2579
2585
|
"aria-invalid": b,
|
|
2580
|
-
"aria-errormessage":
|
|
2581
|
-
"aria-describedby":
|
|
2586
|
+
"aria-errormessage": h,
|
|
2587
|
+
"aria-describedby": h ? `${p}-error` : void 0,
|
|
2582
2588
|
tabIndex: 0,
|
|
2583
2589
|
...k
|
|
2584
2590
|
}
|
|
@@ -2593,9 +2599,9 @@ const La = (t) => {
|
|
|
2593
2599
|
children: t,
|
|
2594
2600
|
size: r = "L",
|
|
2595
2601
|
error: n = !1,
|
|
2596
|
-
disabled:
|
|
2602
|
+
disabled: s = !1,
|
|
2597
2603
|
loading: i = !1,
|
|
2598
|
-
className:
|
|
2604
|
+
className: a,
|
|
2599
2605
|
wrapperProps: l,
|
|
2600
2606
|
wrapperStyles: c,
|
|
2601
2607
|
floatingLabelStyles: u,
|
|
@@ -2603,13 +2609,13 @@ const La = (t) => {
|
|
|
2603
2609
|
suffixStyles: d,
|
|
2604
2610
|
labelProps: g,
|
|
2605
2611
|
helperProps: m,
|
|
2606
|
-
showLimit:
|
|
2612
|
+
showLimit: y = !1,
|
|
2607
2613
|
maxLength: x,
|
|
2608
|
-
hint:
|
|
2614
|
+
hint: w,
|
|
2609
2615
|
showHint: b = !1,
|
|
2610
|
-
showHintOnEmpty:
|
|
2616
|
+
showHintOnEmpty: h = !1,
|
|
2611
2617
|
prefix: p,
|
|
2612
|
-
suffix:
|
|
2618
|
+
suffix: C,
|
|
2613
2619
|
onSuffixClick: k,
|
|
2614
2620
|
placeholder: T,
|
|
2615
2621
|
showLabel: $ = !0,
|
|
@@ -2622,22 +2628,22 @@ const La = (t) => {
|
|
|
2622
2628
|
showGrip: L = !1,
|
|
2623
2629
|
...M
|
|
2624
2630
|
}, W) => {
|
|
2625
|
-
const H = me(), Z = F || H, K = b &&
|
|
2631
|
+
const H = me(), Z = F || H, K = b && w && (z || h), ot = w && w.length > Xe ? w.substring(0, Xe) + "..." : w, rt = S(
|
|
2626
2632
|
I.wrapper,
|
|
2627
2633
|
I[`size-${r}`],
|
|
2628
2634
|
n && I.error,
|
|
2629
|
-
|
|
2635
|
+
s && I.disabled,
|
|
2630
2636
|
i && I.loading,
|
|
2631
2637
|
K && I["has-hint"],
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2638
|
+
C && I["has-suffix"],
|
|
2639
|
+
y && I["has-limit"],
|
|
2640
|
+
a
|
|
2635
2641
|
), J = S(
|
|
2636
2642
|
I.floatingLabel,
|
|
2637
2643
|
I[r],
|
|
2638
2644
|
z && I.filled,
|
|
2639
2645
|
E
|
|
2640
|
-
), { handleGripMouseDown: at } = Ni(L,
|
|
2646
|
+
), { handleGripMouseDown: at } = Ni(L, s, i, D);
|
|
2641
2647
|
return /* @__PURE__ */ o.jsxs("div", { ref: W, className: I.inputBase, "data-testid": "input-base-wrapper", ...M, children: [
|
|
2642
2648
|
/* @__PURE__ */ o.jsxs(
|
|
2643
2649
|
"div",
|
|
@@ -2649,14 +2655,14 @@ const La = (t) => {
|
|
|
2649
2655
|
...l,
|
|
2650
2656
|
children: [
|
|
2651
2657
|
p && /* @__PURE__ */ o.jsx("label", { htmlFor: Z, className: I.leftSection, style: f, children: p }),
|
|
2652
|
-
|
|
2658
|
+
C && /* @__PURE__ */ o.jsx(
|
|
2653
2659
|
"label",
|
|
2654
2660
|
{
|
|
2655
2661
|
htmlFor: Z,
|
|
2656
2662
|
className: I.rightSection,
|
|
2657
2663
|
style: d,
|
|
2658
2664
|
onClick: k,
|
|
2659
|
-
children:
|
|
2665
|
+
children: C
|
|
2660
2666
|
}
|
|
2661
2667
|
),
|
|
2662
2668
|
T && $ && /* @__PURE__ */ o.jsx(
|
|
@@ -2670,7 +2676,7 @@ const La = (t) => {
|
|
|
2670
2676
|
}
|
|
2671
2677
|
),
|
|
2672
2678
|
t,
|
|
2673
|
-
L && !
|
|
2679
|
+
L && !y && (D === "fixed" || !D) && /* @__PURE__ */ o.jsx(
|
|
2674
2680
|
"div",
|
|
2675
2681
|
{
|
|
2676
2682
|
className: I.gripHandle,
|
|
@@ -2685,11 +2691,11 @@ const La = (t) => {
|
|
|
2685
2691
|
"div",
|
|
2686
2692
|
{
|
|
2687
2693
|
className: S(I.hint, z && I.truncate),
|
|
2688
|
-
"data-disabled":
|
|
2694
|
+
"data-disabled": s || i,
|
|
2689
2695
|
children: ot
|
|
2690
2696
|
}
|
|
2691
2697
|
),
|
|
2692
|
-
|
|
2698
|
+
y && x && /* @__PURE__ */ o.jsxs("div", { className: I.characterLimit, children: [
|
|
2693
2699
|
(q || "").length,
|
|
2694
2700
|
" из ",
|
|
2695
2701
|
x
|
|
@@ -2703,7 +2709,7 @@ const La = (t) => {
|
|
|
2703
2709
|
className: S(
|
|
2704
2710
|
I.helper,
|
|
2705
2711
|
n && I.error,
|
|
2706
|
-
(
|
|
2712
|
+
(s || i) && I.disabled
|
|
2707
2713
|
),
|
|
2708
2714
|
...m,
|
|
2709
2715
|
id: n ? `${Z}-error` : void 0,
|
|
@@ -2721,9 +2727,9 @@ const Ye = Object.assign(Mi, {
|
|
|
2721
2727
|
component: t = "input",
|
|
2722
2728
|
size: r = "L",
|
|
2723
2729
|
className: n,
|
|
2724
|
-
error:
|
|
2730
|
+
error: s = !1,
|
|
2725
2731
|
disabled: i = !1,
|
|
2726
|
-
loading:
|
|
2732
|
+
loading: a = !1,
|
|
2727
2733
|
placeholder: l,
|
|
2728
2734
|
showLabel: c = !0,
|
|
2729
2735
|
labelClassName: u,
|
|
@@ -2731,13 +2737,13 @@ const Ye = Object.assign(Mi, {
|
|
|
2731
2737
|
prefix: d,
|
|
2732
2738
|
suffix: g,
|
|
2733
2739
|
id: m,
|
|
2734
|
-
onFocus:
|
|
2740
|
+
onFocus: y,
|
|
2735
2741
|
onBlur: x,
|
|
2736
|
-
onKeyDown:
|
|
2742
|
+
onKeyDown: w,
|
|
2737
2743
|
onSuffixClick: b,
|
|
2738
|
-
onChange:
|
|
2744
|
+
onChange: h,
|
|
2739
2745
|
value: p = "",
|
|
2740
|
-
wrapperProps:
|
|
2746
|
+
wrapperProps: C,
|
|
2741
2747
|
wrapperStyles: k,
|
|
2742
2748
|
floatingLabelStyles: T,
|
|
2743
2749
|
prefixStyles: $,
|
|
@@ -2759,12 +2765,12 @@ const Ye = Object.assign(Mi, {
|
|
|
2759
2765
|
const at = me(), st = m || at, [wt, xt] = gt(p), it = p !== void 0 ? p : wt, Tt = (it || "").length > 0, pt = it || "", Nt = c && (r === "XL" || t === "textarea") && !d, ee = jt(
|
|
2760
2766
|
(Q) => {
|
|
2761
2767
|
var tt;
|
|
2762
|
-
i ||
|
|
2768
|
+
i || a || (y == null || y(), (tt = L == null ? void 0 : L.onFocus) == null || tt.call(
|
|
2763
2769
|
L,
|
|
2764
2770
|
Q
|
|
2765
2771
|
));
|
|
2766
2772
|
},
|
|
2767
|
-
[
|
|
2773
|
+
[y, L, i, a]
|
|
2768
2774
|
), Zt = jt(
|
|
2769
2775
|
(Q) => {
|
|
2770
2776
|
var tt;
|
|
@@ -2791,14 +2797,14 @@ const Ye = Object.assign(Mi, {
|
|
|
2791
2797
|
), ne = jt(
|
|
2792
2798
|
(Q) => {
|
|
2793
2799
|
var vt;
|
|
2794
|
-
if (i ||
|
|
2800
|
+
if (i || a) return;
|
|
2795
2801
|
const tt = Q.target.value;
|
|
2796
|
-
xt(tt),
|
|
2802
|
+
xt(tt), h == null || h(tt, Q), (vt = L == null ? void 0 : L.onChange) == null || vt.call(
|
|
2797
2803
|
L,
|
|
2798
2804
|
Q
|
|
2799
2805
|
);
|
|
2800
2806
|
},
|
|
2801
|
-
[
|
|
2807
|
+
[h, L, i, a]
|
|
2802
2808
|
);
|
|
2803
2809
|
return ut(() => {
|
|
2804
2810
|
xt(p || "");
|
|
@@ -2807,11 +2813,11 @@ const Ye = Object.assign(Mi, {
|
|
|
2807
2813
|
{
|
|
2808
2814
|
ref: J,
|
|
2809
2815
|
size: r,
|
|
2810
|
-
error:
|
|
2811
|
-
disabled: i ||
|
|
2812
|
-
loading:
|
|
2816
|
+
error: s,
|
|
2817
|
+
disabled: i || a,
|
|
2818
|
+
loading: a,
|
|
2813
2819
|
className: S(n, t === "textarea" && I["textarea-wrapper"]),
|
|
2814
|
-
wrapperProps:
|
|
2820
|
+
wrapperProps: C,
|
|
2815
2821
|
wrapperStyles: k,
|
|
2816
2822
|
floatingLabelStyles: T,
|
|
2817
2823
|
prefixStyles: $,
|
|
@@ -2844,19 +2850,19 @@ const Ye = Object.assign(Mi, {
|
|
|
2844
2850
|
value: pt,
|
|
2845
2851
|
placeholder: l,
|
|
2846
2852
|
disabled: i,
|
|
2847
|
-
loading:
|
|
2853
|
+
loading: a,
|
|
2848
2854
|
onFocus: ee,
|
|
2849
2855
|
onBlur: re,
|
|
2850
2856
|
onChange: ne,
|
|
2851
|
-
onKeyDown:
|
|
2857
|
+
onKeyDown: w,
|
|
2852
2858
|
onKeyUp: Zt,
|
|
2853
2859
|
maxLength: D,
|
|
2854
2860
|
truncate: Z,
|
|
2855
2861
|
"data-empty": !Tt,
|
|
2856
2862
|
shouldShowFloatingLabelClass: Nt,
|
|
2857
2863
|
style: t === "textarea" ? z : void 0,
|
|
2858
|
-
"aria-invalid": !!
|
|
2859
|
-
"aria-errormessage":
|
|
2864
|
+
"aria-invalid": !!s,
|
|
2865
|
+
"aria-errormessage": s ? `${st}-error` : void 0,
|
|
2860
2866
|
id: st,
|
|
2861
2867
|
resize: K,
|
|
2862
2868
|
...L
|
|
@@ -2870,12 +2876,12 @@ const Ye = Object.assign(Mi, {
|
|
|
2870
2876
|
M: "M",
|
|
2871
2877
|
L: "L",
|
|
2872
2878
|
XL: "XL"
|
|
2873
|
-
}, zi = (t, r, n,
|
|
2879
|
+
}, zi = (t, r, n, s) => {
|
|
2874
2880
|
switch (t) {
|
|
2875
2881
|
case V.XL:
|
|
2876
2882
|
return r && n ? "8px 16px 8px 16px" : "16px 16px 16px 16px";
|
|
2877
2883
|
case V.L:
|
|
2878
|
-
return
|
|
2884
|
+
return s ? "12px 12px 12px 12px" : "12px 16px 12px 16px";
|
|
2879
2885
|
case V.M:
|
|
2880
2886
|
return "10px 12px 10px 12px";
|
|
2881
2887
|
case V.S:
|
|
@@ -2918,7 +2924,7 @@ const Ye = Object.assign(Mi, {
|
|
|
2918
2924
|
default:
|
|
2919
2925
|
return 12;
|
|
2920
2926
|
}
|
|
2921
|
-
}, Pi = (t, r, n,
|
|
2927
|
+
}, Pi = (t, r, n, s) => ({
|
|
2922
2928
|
wrapperStyles: {
|
|
2923
2929
|
minHeight: t,
|
|
2924
2930
|
maxHeight: t,
|
|
@@ -2932,13 +2938,13 @@ const Ye = Object.assign(Mi, {
|
|
|
2932
2938
|
paddingRight: `${n}px`
|
|
2933
2939
|
},
|
|
2934
2940
|
suffixStyles: {
|
|
2935
|
-
right: `${
|
|
2941
|
+
right: `${s}px`,
|
|
2936
2942
|
maxWidth: "32px",
|
|
2937
2943
|
maxHeight: "32px",
|
|
2938
2944
|
padding: "6px",
|
|
2939
2945
|
cursor: "pointer"
|
|
2940
2946
|
}
|
|
2941
|
-
}), Di = (t, r, n,
|
|
2947
|
+
}), Di = (t, r, n, s) => ({
|
|
2942
2948
|
wrapperStyles: {
|
|
2943
2949
|
height: t,
|
|
2944
2950
|
minHeight: t,
|
|
@@ -2954,13 +2960,13 @@ const Ye = Object.assign(Mi, {
|
|
|
2954
2960
|
paddingRight: `${n}px`
|
|
2955
2961
|
},
|
|
2956
2962
|
suffixStyles: {
|
|
2957
|
-
right: `${
|
|
2963
|
+
right: `${s}px`,
|
|
2958
2964
|
maxWidth: "40px",
|
|
2959
2965
|
maxHeight: "40px",
|
|
2960
2966
|
padding: "8px",
|
|
2961
2967
|
cursor: "pointer"
|
|
2962
2968
|
}
|
|
2963
|
-
}), Fi = (t, r, n,
|
|
2969
|
+
}), Fi = (t, r, n, s) => ({
|
|
2964
2970
|
wrapperStyles: {
|
|
2965
2971
|
minHeight: t,
|
|
2966
2972
|
maxHeight: t,
|
|
@@ -2974,7 +2980,7 @@ const Ye = Object.assign(Mi, {
|
|
|
2974
2980
|
paddingRight: `${n}px`
|
|
2975
2981
|
},
|
|
2976
2982
|
suffixStyles: {
|
|
2977
|
-
right: `${
|
|
2983
|
+
right: `${s}px`,
|
|
2978
2984
|
maxWidth: "40px",
|
|
2979
2985
|
maxHeight: "40px",
|
|
2980
2986
|
padding: "8px",
|
|
@@ -2983,7 +2989,7 @@ const Ye = Object.assign(Mi, {
|
|
|
2983
2989
|
alignItems: "center",
|
|
2984
2990
|
justifyContent: "center"
|
|
2985
2991
|
}
|
|
2986
|
-
}), Wi = (t, r, n,
|
|
2992
|
+
}), Wi = (t, r, n, s) => ({
|
|
2987
2993
|
wrapperStyles: {
|
|
2988
2994
|
minHeight: t,
|
|
2989
2995
|
maxHeight: t,
|
|
@@ -2997,23 +3003,23 @@ const Ye = Object.assign(Mi, {
|
|
|
2997
3003
|
paddingRight: `${n}px`
|
|
2998
3004
|
},
|
|
2999
3005
|
suffixStyles: {
|
|
3000
|
-
right: `${
|
|
3006
|
+
right: `${s}px`,
|
|
3001
3007
|
maxWidth: "32px",
|
|
3002
3008
|
maxHeight: "32px",
|
|
3003
3009
|
padding: "6px",
|
|
3004
3010
|
cursor: "pointer"
|
|
3005
3011
|
}
|
|
3006
|
-
}), Hi = (t, r, n,
|
|
3007
|
-
const i = Bi(t),
|
|
3012
|
+
}), Hi = (t, r, n, s) => {
|
|
3013
|
+
const i = Bi(t), a = zi(t, r, n, s), l = Oi(t), c = Ai(t);
|
|
3008
3014
|
switch (t) {
|
|
3009
3015
|
case V.XL:
|
|
3010
|
-
return Di(i,
|
|
3016
|
+
return Di(i, a, l, c);
|
|
3011
3017
|
case V.L:
|
|
3012
|
-
return Fi(i,
|
|
3018
|
+
return Fi(i, a, l, c);
|
|
3013
3019
|
case V.M:
|
|
3014
|
-
return Wi(i,
|
|
3020
|
+
return Wi(i, a, l, c);
|
|
3015
3021
|
case V.S:
|
|
3016
|
-
return Pi(i,
|
|
3022
|
+
return Pi(i, a, l, c);
|
|
3017
3023
|
default:
|
|
3018
3024
|
return {
|
|
3019
3025
|
wrapperStyles: {},
|
|
@@ -3027,9 +3033,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3027
3033
|
value: t = "",
|
|
3028
3034
|
onChange: r,
|
|
3029
3035
|
type: n = "text",
|
|
3030
|
-
placeholder:
|
|
3036
|
+
placeholder: s,
|
|
3031
3037
|
maxLength: i,
|
|
3032
|
-
minLength:
|
|
3038
|
+
minLength: a,
|
|
3033
3039
|
autoComplete: l,
|
|
3034
3040
|
autoFocus: c,
|
|
3035
3041
|
size: u = V.L,
|
|
@@ -3037,13 +3043,13 @@ const Ye = Object.assign(Mi, {
|
|
|
3037
3043
|
error: d,
|
|
3038
3044
|
disabled: g,
|
|
3039
3045
|
loading: m,
|
|
3040
|
-
helper:
|
|
3046
|
+
helper: y,
|
|
3041
3047
|
prefix: x,
|
|
3042
|
-
suffix:
|
|
3048
|
+
suffix: w,
|
|
3043
3049
|
clearable: b = !1,
|
|
3044
|
-
id:
|
|
3050
|
+
id: h,
|
|
3045
3051
|
showLabel: p = !0,
|
|
3046
|
-
onFocus:
|
|
3052
|
+
onFocus: C,
|
|
3047
3053
|
onBlur: k,
|
|
3048
3054
|
onSuffixClick: T,
|
|
3049
3055
|
onClear: $,
|
|
@@ -3069,9 +3075,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3069
3075
|
style: { cursor: "pointer" },
|
|
3070
3076
|
"data-testid": "x-icon"
|
|
3071
3077
|
}
|
|
3072
|
-
) :
|
|
3078
|
+
) : w, xt = {
|
|
3073
3079
|
type: n,
|
|
3074
|
-
minLength:
|
|
3080
|
+
minLength: a,
|
|
3075
3081
|
autoComplete: l,
|
|
3076
3082
|
autoFocus: c,
|
|
3077
3083
|
...f
|
|
@@ -3083,17 +3089,17 @@ const Ye = Object.assign(Mi, {
|
|
|
3083
3089
|
error: d,
|
|
3084
3090
|
disabled: g || m,
|
|
3085
3091
|
loading: m,
|
|
3086
|
-
helper:
|
|
3092
|
+
helper: y,
|
|
3087
3093
|
prefix: x,
|
|
3088
3094
|
suffix: wt,
|
|
3089
|
-
id:
|
|
3095
|
+
id: h,
|
|
3090
3096
|
showLabel: rt,
|
|
3091
|
-
onFocus:
|
|
3097
|
+
onFocus: C,
|
|
3092
3098
|
onBlur: k,
|
|
3093
3099
|
onSuffixClick: st,
|
|
3094
3100
|
onChange: r,
|
|
3095
3101
|
value: t,
|
|
3096
|
-
placeholder:
|
|
3102
|
+
placeholder: s,
|
|
3097
3103
|
className: E,
|
|
3098
3104
|
wrapperStyles: it.wrapperStyles,
|
|
3099
3105
|
floatingLabelStyles: it.floatingLabelStyles,
|
|
@@ -3205,15 +3211,15 @@ const Ye = Object.assign(Mi, {
|
|
|
3205
3211
|
return "L";
|
|
3206
3212
|
}
|
|
3207
3213
|
return t;
|
|
3208
|
-
}, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n,
|
|
3209
|
-
const i = qi(t, r),
|
|
3214
|
+
}, Gi = (t) => Vi[t], Ui = (t) => Qt[t], Ki = (t, r, n, s) => {
|
|
3215
|
+
const i = qi(t, r), a = Zi(t, r), l = Xi(t, r, n);
|
|
3210
3216
|
return {
|
|
3211
3217
|
wrapperStyles: {
|
|
3212
3218
|
minHeight: i,
|
|
3213
3219
|
// Для fill resize устанавливаем height: 100%
|
|
3214
|
-
...
|
|
3220
|
+
...s === Kt.FILL && { height: "100%" },
|
|
3215
3221
|
// Для fixed resize устанавливаем фиксированную высоту
|
|
3216
|
-
...
|
|
3222
|
+
...s === Kt.FIXED && r && { height: i },
|
|
3217
3223
|
boxSizing: "border-box",
|
|
3218
3224
|
padding: l
|
|
3219
3225
|
},
|
|
@@ -3228,11 +3234,11 @@ const Ye = Object.assign(Mi, {
|
|
|
3228
3234
|
boxSizing: "border-box"
|
|
3229
3235
|
},
|
|
3230
3236
|
textareaStyles: {
|
|
3231
|
-
minHeight:
|
|
3237
|
+
minHeight: a,
|
|
3232
3238
|
// Для fill resize flex: 1
|
|
3233
|
-
...
|
|
3239
|
+
...s === Kt.FILL && { flex: 1, minHeight: 0 },
|
|
3234
3240
|
// Для fixed resize фиксированная высота
|
|
3235
|
-
...
|
|
3241
|
+
...s === Kt.FIXED && r && { height: a }
|
|
3236
3242
|
}
|
|
3237
3243
|
};
|
|
3238
3244
|
}, tc = U(
|
|
@@ -3240,9 +3246,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3240
3246
|
value: t = "",
|
|
3241
3247
|
onChange: r,
|
|
3242
3248
|
placeholder: n,
|
|
3243
|
-
maxLength:
|
|
3249
|
+
maxLength: s,
|
|
3244
3250
|
minLength: i,
|
|
3245
|
-
autoFocus:
|
|
3251
|
+
autoFocus: a,
|
|
3246
3252
|
size: l = ft.L,
|
|
3247
3253
|
textareaProps: c,
|
|
3248
3254
|
error: u,
|
|
@@ -3250,13 +3256,13 @@ const Ye = Object.assign(Mi, {
|
|
|
3250
3256
|
loading: d,
|
|
3251
3257
|
helper: g,
|
|
3252
3258
|
suffix: m,
|
|
3253
|
-
clearable:
|
|
3259
|
+
clearable: y = !1,
|
|
3254
3260
|
id: x,
|
|
3255
|
-
showLabel:
|
|
3261
|
+
showLabel: w = !0,
|
|
3256
3262
|
onFocus: b,
|
|
3257
|
-
onBlur:
|
|
3263
|
+
onBlur: h,
|
|
3258
3264
|
onClear: p,
|
|
3259
|
-
onKeyDown:
|
|
3265
|
+
onKeyDown: C,
|
|
3260
3266
|
className: k,
|
|
3261
3267
|
rows: T = 1,
|
|
3262
3268
|
showLimit: $ = !1,
|
|
@@ -3268,7 +3274,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3268
3274
|
resize: D,
|
|
3269
3275
|
...L
|
|
3270
3276
|
}, M) => {
|
|
3271
|
-
const W = (t || "").length > 0, H =
|
|
3277
|
+
const W = (t || "").length > 0, H = w && !!n && (l === ft.M || q !== 48), Z = y && W && !(f || d), K = () => {
|
|
3272
3278
|
r == null || r(""), p == null || p();
|
|
3273
3279
|
}, ot = () => {
|
|
3274
3280
|
Z && K();
|
|
@@ -3283,7 +3289,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3283
3289
|
) : m, J = Ki(l, q, H && W, D), at = Yi(l, q), st = {
|
|
3284
3290
|
rows: T,
|
|
3285
3291
|
minLength: i,
|
|
3286
|
-
autoFocus:
|
|
3292
|
+
autoFocus: a,
|
|
3287
3293
|
resize: D,
|
|
3288
3294
|
...c
|
|
3289
3295
|
};
|
|
@@ -3302,8 +3308,8 @@ const Ye = Object.assign(Mi, {
|
|
|
3302
3308
|
id: x,
|
|
3303
3309
|
showLabel: H,
|
|
3304
3310
|
onFocus: b,
|
|
3305
|
-
onBlur:
|
|
3306
|
-
onKeyDown:
|
|
3311
|
+
onBlur: h,
|
|
3312
|
+
onKeyDown: C,
|
|
3307
3313
|
onChange: r,
|
|
3308
3314
|
value: t || "",
|
|
3309
3315
|
placeholder: n,
|
|
@@ -3317,7 +3323,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3317
3323
|
labelProps: z,
|
|
3318
3324
|
helperProps: B,
|
|
3319
3325
|
showLimit: $ && (q === 112 || l === ft.M),
|
|
3320
|
-
maxLength:
|
|
3326
|
+
maxLength: s,
|
|
3321
3327
|
inputProps: st,
|
|
3322
3328
|
resize: D,
|
|
3323
3329
|
showGrip: F,
|
|
@@ -3333,9 +3339,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3333
3339
|
title: t,
|
|
3334
3340
|
error: r,
|
|
3335
3341
|
className: n = "",
|
|
3336
|
-
style:
|
|
3342
|
+
style: s,
|
|
3337
3343
|
disabled: i = !1,
|
|
3338
|
-
"data-testid":
|
|
3344
|
+
"data-testid": a,
|
|
3339
3345
|
"aria-label": l,
|
|
3340
3346
|
"aria-describedby": c
|
|
3341
3347
|
}) => {
|
|
@@ -3349,8 +3355,8 @@ const Ye = Object.assign(Mi, {
|
|
|
3349
3355
|
"div",
|
|
3350
3356
|
{
|
|
3351
3357
|
className: f,
|
|
3352
|
-
style:
|
|
3353
|
-
"data-testid":
|
|
3358
|
+
style: s,
|
|
3359
|
+
"data-testid": a,
|
|
3354
3360
|
"aria-label": l,
|
|
3355
3361
|
"aria-describedby": c,
|
|
3356
3362
|
children: /* @__PURE__ */ o.jsx("p", { children: d })
|
|
@@ -3377,9 +3383,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3377
3383
|
(t, r) => {
|
|
3378
3384
|
const {
|
|
3379
3385
|
name: n,
|
|
3380
|
-
id:
|
|
3386
|
+
id: s,
|
|
3381
3387
|
value: i,
|
|
3382
|
-
size:
|
|
3388
|
+
size: a = "large",
|
|
3383
3389
|
loading: l = !1,
|
|
3384
3390
|
error: c,
|
|
3385
3391
|
disabled: u = !1,
|
|
@@ -3387,15 +3393,15 @@ const Ye = Object.assign(Mi, {
|
|
|
3387
3393
|
containerClassName: d,
|
|
3388
3394
|
className: g,
|
|
3389
3395
|
children: m,
|
|
3390
|
-
clickable:
|
|
3396
|
+
clickable: y = "all",
|
|
3391
3397
|
mode: x = "default",
|
|
3392
|
-
tabIndex:
|
|
3398
|
+
tabIndex: w,
|
|
3393
3399
|
style: b,
|
|
3394
|
-
containerStyle:
|
|
3400
|
+
containerStyle: h,
|
|
3395
3401
|
onChange: p,
|
|
3396
|
-
"data-testid":
|
|
3402
|
+
"data-testid": C,
|
|
3397
3403
|
...k
|
|
3398
|
-
} = t, T = !!c, $ = u || l, E =
|
|
3404
|
+
} = t, T = !!c, $ = u || l, E = y === "all", z = x === "card", B = _t[`${a}Card`], F = s ?? n, q = (H) => {
|
|
3399
3405
|
$ || p == null || p(i, H);
|
|
3400
3406
|
}, D = (H) => {
|
|
3401
3407
|
H.key === "Enter" && !$ && (H.preventDefault(), p == null || p(i));
|
|
@@ -3404,7 +3410,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3404
3410
|
{
|
|
3405
3411
|
className: S(
|
|
3406
3412
|
_t.radio,
|
|
3407
|
-
_t[
|
|
3413
|
+
_t[a],
|
|
3408
3414
|
{
|
|
3409
3415
|
[_t.checked]: f,
|
|
3410
3416
|
[_t.disabled]: $,
|
|
@@ -3413,7 +3419,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3413
3419
|
g
|
|
3414
3420
|
),
|
|
3415
3421
|
style: b,
|
|
3416
|
-
tabIndex:
|
|
3422
|
+
tabIndex: w || 1,
|
|
3417
3423
|
"data-testid": `${fl}${F}`,
|
|
3418
3424
|
children: [
|
|
3419
3425
|
/* @__PURE__ */ o.jsx(
|
|
@@ -3442,9 +3448,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3442
3448
|
{
|
|
3443
3449
|
"aria-checked": f,
|
|
3444
3450
|
"aria-disabled": $,
|
|
3445
|
-
"data-testid": E ?
|
|
3451
|
+
"data-testid": E ? C : gl,
|
|
3446
3452
|
htmlFor: F,
|
|
3447
|
-
style:
|
|
3453
|
+
style: h,
|
|
3448
3454
|
className: S(_t.label, {
|
|
3449
3455
|
[S(_t.container, _t[x], d)]: E,
|
|
3450
3456
|
[B]: E && z
|
|
@@ -3463,7 +3469,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3463
3469
|
className: S(_t.container, _t[x], d, {
|
|
3464
3470
|
[B]: z
|
|
3465
3471
|
}),
|
|
3466
|
-
"data-testid":
|
|
3472
|
+
"data-testid": C,
|
|
3467
3473
|
children: [
|
|
3468
3474
|
W(),
|
|
3469
3475
|
m
|
|
@@ -3479,9 +3485,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3479
3485
|
(t, r) => {
|
|
3480
3486
|
const {
|
|
3481
3487
|
id: n,
|
|
3482
|
-
name:
|
|
3488
|
+
name: s,
|
|
3483
3489
|
value: i,
|
|
3484
|
-
options:
|
|
3490
|
+
options: a,
|
|
3485
3491
|
className: l,
|
|
3486
3492
|
radioClassName: c,
|
|
3487
3493
|
disabled: u = !1,
|
|
@@ -3493,25 +3499,25 @@ const Ye = Object.assign(Mi, {
|
|
|
3493
3499
|
"div",
|
|
3494
3500
|
{
|
|
3495
3501
|
className: Et(Ge.group, Ge[f], l),
|
|
3496
|
-
"data-testid": d ?? `radio-group-${
|
|
3502
|
+
"data-testid": d ?? `radio-group-${s}`,
|
|
3497
3503
|
id: n,
|
|
3498
3504
|
ref: r,
|
|
3499
|
-
children:
|
|
3500
|
-
const
|
|
3505
|
+
children: a.map(({ label: m, value: y, disabled: x }) => {
|
|
3506
|
+
const w = `${s}-${String(y)}`, b = String(y) === String(i);
|
|
3501
3507
|
return /* @__PURE__ */ o.jsx(
|
|
3502
3508
|
dr,
|
|
3503
3509
|
{
|
|
3504
|
-
id:
|
|
3510
|
+
id: w,
|
|
3505
3511
|
checked: b,
|
|
3506
|
-
"data-testid":
|
|
3512
|
+
"data-testid": w,
|
|
3507
3513
|
disabled: u || x,
|
|
3508
|
-
name:
|
|
3509
|
-
value:
|
|
3514
|
+
name: s,
|
|
3515
|
+
value: y,
|
|
3510
3516
|
className: c,
|
|
3511
3517
|
...g,
|
|
3512
3518
|
children: m
|
|
3513
3519
|
},
|
|
3514
|
-
|
|
3520
|
+
w
|
|
3515
3521
|
);
|
|
3516
3522
|
})
|
|
3517
3523
|
}
|
|
@@ -3528,15 +3534,15 @@ const Ye = Object.assign(Mi, {
|
|
|
3528
3534
|
lg: kl,
|
|
3529
3535
|
xl: Ll
|
|
3530
3536
|
}, jl = (t) => {
|
|
3531
|
-
const { children: r, className: n, "data-testid":
|
|
3532
|
-
return /* @__PURE__ */ o.jsx("li", { "data-testid":
|
|
3537
|
+
const { children: r, className: n, "data-testid": s = "list-item" } = t;
|
|
3538
|
+
return /* @__PURE__ */ o.jsx("li", { "data-testid": s, className: n, children: r });
|
|
3533
3539
|
}, nc = Object.assign(
|
|
3534
3540
|
U((t, r) => {
|
|
3535
3541
|
const {
|
|
3536
3542
|
variant: n = "unordered",
|
|
3537
|
-
className:
|
|
3543
|
+
className: s,
|
|
3538
3544
|
children: i,
|
|
3539
|
-
size:
|
|
3545
|
+
size: a = "md",
|
|
3540
3546
|
"data-testid": l = "list",
|
|
3541
3547
|
...c
|
|
3542
3548
|
} = t, u = n === "ordered" ? "ol" : "ul";
|
|
@@ -3545,7 +3551,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3545
3551
|
{
|
|
3546
3552
|
"data-testid": l,
|
|
3547
3553
|
ref: r,
|
|
3548
|
-
className: Et(fe.root, fe[n], fe[
|
|
3554
|
+
className: Et(fe.root, fe[n], fe[a], s),
|
|
3549
3555
|
...n === "ordered" && c,
|
|
3550
3556
|
children: i
|
|
3551
3557
|
}
|
|
@@ -3569,9 +3575,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3569
3575
|
children: t,
|
|
3570
3576
|
withControls: r = !0,
|
|
3571
3577
|
className: n,
|
|
3572
|
-
size:
|
|
3578
|
+
size: s
|
|
3573
3579
|
}) => {
|
|
3574
|
-
const i = Vt(null), [
|
|
3580
|
+
const i = Vt(null), [a, l] = gt(!1), [c, u] = gt(!1), { ref: f, bgColor: d } = xe(), g = f ?? { current: null }, m = d ?? Dl, y = r && a, x = r && c, w = ({ direction: p }) => /* @__PURE__ */ o.jsx(
|
|
3575
3581
|
"svg",
|
|
3576
3582
|
{
|
|
3577
3583
|
height: "12px",
|
|
@@ -3589,21 +3595,21 @@ const Ye = Object.assign(Mi, {
|
|
|
3589
3595
|
), b = () => {
|
|
3590
3596
|
const p = i.current;
|
|
3591
3597
|
if (!p) return;
|
|
3592
|
-
const
|
|
3593
|
-
l(
|
|
3594
|
-
},
|
|
3595
|
-
const
|
|
3596
|
-
if (!
|
|
3597
|
-
const k =
|
|
3598
|
-
|
|
3598
|
+
const C = Math.round(p.scrollLeft), k = Math.round(p.scrollLeft + p.clientWidth), T = Math.round(p.scrollWidth);
|
|
3599
|
+
l(C > 0), u(k < T);
|
|
3600
|
+
}, h = (p) => {
|
|
3601
|
+
const C = i.current;
|
|
3602
|
+
if (!C) return;
|
|
3603
|
+
const k = C.clientWidth;
|
|
3604
|
+
C.scrollBy({ left: p === "left" ? -k : k, behavior: "smooth" });
|
|
3599
3605
|
};
|
|
3600
3606
|
return ut(() => {
|
|
3601
3607
|
const p = i.current;
|
|
3602
3608
|
if (!p) return;
|
|
3603
|
-
const
|
|
3609
|
+
const C = (k) => {
|
|
3604
3610
|
Math.abs(k.deltaX) > Math.abs(k.deltaY) || p.scrollWidth > p.clientWidth && (k.preventDefault(), p.scrollBy({ left: k.deltaY, behavior: "auto" }));
|
|
3605
3611
|
};
|
|
3606
|
-
return p.addEventListener("wheel",
|
|
3612
|
+
return p.addEventListener("wheel", C, { passive: !1 }), () => p.removeEventListener("wheel", C);
|
|
3607
3613
|
}, []), ut(() => {
|
|
3608
3614
|
b();
|
|
3609
3615
|
const p = i.current;
|
|
@@ -3612,10 +3618,10 @@ const Ye = Object.assign(Mi, {
|
|
|
3612
3618
|
p.removeEventListener("scroll", b), window.removeEventListener("resize", b);
|
|
3613
3619
|
};
|
|
3614
3620
|
}, []), /* @__PURE__ */ o.jsxs("div", { ref: g, className: S(ct.wrapper, n), children: [
|
|
3615
|
-
|
|
3621
|
+
y && /* @__PURE__ */ o.jsx(
|
|
3616
3622
|
"div",
|
|
3617
3623
|
{
|
|
3618
|
-
className: S(ct.mask, ct.maskLeft,
|
|
3624
|
+
className: S(ct.mask, ct.maskLeft, a && ct.visible),
|
|
3619
3625
|
style: {
|
|
3620
3626
|
background: `linear-gradient(to right, ${m} 17%, transparent 80%)`
|
|
3621
3627
|
}
|
|
@@ -3631,15 +3637,15 @@ const Ye = Object.assign(Mi, {
|
|
|
3631
3637
|
}
|
|
3632
3638
|
),
|
|
3633
3639
|
/* @__PURE__ */ o.jsx("div", { ref: i, className: ct.viewport, children: t }),
|
|
3634
|
-
|
|
3640
|
+
y && /* @__PURE__ */ o.jsx(
|
|
3635
3641
|
"button",
|
|
3636
3642
|
{
|
|
3637
3643
|
type: "button",
|
|
3638
3644
|
tabIndex: -1,
|
|
3639
3645
|
"aria-hidden": "true",
|
|
3640
|
-
className: S(ct.control, ct.left, ct[
|
|
3641
|
-
onClick: () =>
|
|
3642
|
-
children: /* @__PURE__ */ o.jsx(
|
|
3646
|
+
className: S(ct.control, ct.left, ct[s]),
|
|
3647
|
+
onClick: () => h("left"),
|
|
3648
|
+
children: /* @__PURE__ */ o.jsx(w, { direction: "left" })
|
|
3643
3649
|
}
|
|
3644
3650
|
),
|
|
3645
3651
|
x && /* @__PURE__ */ o.jsx(
|
|
@@ -3648,9 +3654,9 @@ const Ye = Object.assign(Mi, {
|
|
|
3648
3654
|
type: "button",
|
|
3649
3655
|
tabIndex: -1,
|
|
3650
3656
|
"aria-hidden": "true",
|
|
3651
|
-
className: S(ct.control, ct.right, ct[
|
|
3652
|
-
onClick: () =>
|
|
3653
|
-
children: /* @__PURE__ */ o.jsx(
|
|
3657
|
+
className: S(ct.control, ct.right, ct[s]),
|
|
3658
|
+
onClick: () => h("right"),
|
|
3659
|
+
children: /* @__PURE__ */ o.jsx(w, { direction: "right" })
|
|
3654
3660
|
}
|
|
3655
3661
|
)
|
|
3656
3662
|
] });
|
|
@@ -3675,19 +3681,19 @@ const Ye = Object.assign(Mi, {
|
|
|
3675
3681
|
children: t,
|
|
3676
3682
|
defaultActiveTab: r,
|
|
3677
3683
|
activeTab: n,
|
|
3678
|
-
onChange:
|
|
3684
|
+
onChange: s
|
|
3679
3685
|
}) => {
|
|
3680
|
-
const [i,
|
|
3681
|
-
l ||
|
|
3686
|
+
const [i, a] = gt(r), l = n !== void 0, c = l ? n : i, u = (f) => {
|
|
3687
|
+
l || a(f), s && s(f);
|
|
3682
3688
|
};
|
|
3683
3689
|
return /* @__PURE__ */ o.jsx(ur.Provider, { value: { activeTab: c, setTab: u }, children: t });
|
|
3684
3690
|
}, a1 = ({
|
|
3685
3691
|
mode: t,
|
|
3686
3692
|
item: r,
|
|
3687
3693
|
isActive: n,
|
|
3688
|
-
showBadge:
|
|
3694
|
+
showBadge: s,
|
|
3689
3695
|
badgeProps: i,
|
|
3690
|
-
size:
|
|
3696
|
+
size: a,
|
|
3691
3697
|
isDisabled: l,
|
|
3692
3698
|
onSelectTab: c
|
|
3693
3699
|
}) => {
|
|
@@ -3697,17 +3703,17 @@ const Ye = Object.assign(Mi, {
|
|
|
3697
3703
|
prefix: d,
|
|
3698
3704
|
prefixWrapperProps: g = {},
|
|
3699
3705
|
postfix: m,
|
|
3700
|
-
postfixWrapperProps:
|
|
3701
|
-
} = r, { className: x, ...
|
|
3706
|
+
postfixWrapperProps: y = {}
|
|
3707
|
+
} = r, { className: x, ...w } = g, { className: b, ...h } = y, p = {
|
|
3702
3708
|
primary: G["typography-label-3-medium"],
|
|
3703
3709
|
secondary: G["typography-label-3-regular"],
|
|
3704
3710
|
prefix: G["typography-label-3-medium"],
|
|
3705
3711
|
postfix: G["typography-label-3-medium"]
|
|
3706
|
-
},
|
|
3712
|
+
}, C = {
|
|
3707
3713
|
size: r1,
|
|
3708
3714
|
position: n1,
|
|
3709
3715
|
...i
|
|
3710
|
-
}, k = S(et.tab, et[t], et[
|
|
3716
|
+
}, k = S(et.tab, et[t], et[a], {
|
|
3711
3717
|
[et.selected]: n,
|
|
3712
3718
|
[et.disabled]: l
|
|
3713
3719
|
}), T = S(
|
|
@@ -3746,7 +3752,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3746
3752
|
"span",
|
|
3747
3753
|
{
|
|
3748
3754
|
className: T,
|
|
3749
|
-
...
|
|
3755
|
+
...w,
|
|
3750
3756
|
"data-testid": `tab-prefix-${u}`,
|
|
3751
3757
|
children: d
|
|
3752
3758
|
}
|
|
@@ -3756,7 +3762,7 @@ const Ye = Object.assign(Mi, {
|
|
|
3756
3762
|
"span",
|
|
3757
3763
|
{
|
|
3758
3764
|
className: $,
|
|
3759
|
-
...
|
|
3765
|
+
...h,
|
|
3760
3766
|
"data-testid": `tab-postfix-${u}`,
|
|
3761
3767
|
children: m
|
|
3762
3768
|
}
|
|
@@ -3764,14 +3770,14 @@ const Ye = Object.assign(Mi, {
|
|
|
3764
3770
|
]
|
|
3765
3771
|
}
|
|
3766
3772
|
);
|
|
3767
|
-
return
|
|
3773
|
+
return s ? /* @__PURE__ */ o.jsx(Na, { ...C, "data-testid": `tab-badge-${u}`, children: B }) : B;
|
|
3768
3774
|
}, s1 = ({
|
|
3769
3775
|
mode: t,
|
|
3770
3776
|
items: r,
|
|
3771
3777
|
size: n = t1,
|
|
3772
|
-
isAllItemsDisabled:
|
|
3778
|
+
isAllItemsDisabled: s = e1
|
|
3773
3779
|
}) => {
|
|
3774
|
-
const { activeTab: i, setTab:
|
|
3780
|
+
const { activeTab: i, setTab: a } = pr(), l = No();
|
|
3775
3781
|
return /* @__PURE__ */ o.jsx(Fl, { size: n, withControls: l, children: /* @__PURE__ */ o.jsx(
|
|
3776
3782
|
"div",
|
|
3777
3783
|
{
|
|
@@ -3788,8 +3794,8 @@ const Ye = Object.assign(Mi, {
|
|
|
3788
3794
|
showBadge: c.showBadge,
|
|
3789
3795
|
badgeProps: c.badgeProps,
|
|
3790
3796
|
isActive: i === c.value,
|
|
3791
|
-
isDisabled:
|
|
3792
|
-
onSelectTab:
|
|
3797
|
+
isDisabled: s || c.isDisabled,
|
|
3798
|
+
onSelectTab: a
|
|
3793
3799
|
},
|
|
3794
3800
|
c.value
|
|
3795
3801
|
))
|
|
@@ -3805,8 +3811,8 @@ const Ye = Object.assign(Mi, {
|
|
|
3805
3811
|
children: r
|
|
3806
3812
|
}
|
|
3807
3813
|
), l1 = ({ children: t, ...r }) => {
|
|
3808
|
-
const { activeTab: n } = pr(),
|
|
3809
|
-
return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children:
|
|
3814
|
+
const { activeTab: n } = pr(), s = Array.isArray(t) ? t : [t], i = (a, l) => be.isValidElement(a) && typeof a.props == "object" && a.props !== null && l in a.props;
|
|
3815
|
+
return /* @__PURE__ */ o.jsx("div", { "data-testid": "tab-content", ...r, children: s.map((a) => i(a, "tabValue") && String(a.props.tabValue) === n ? a : null) });
|
|
3810
3816
|
}, oc = {
|
|
3811
3817
|
Provider: o1,
|
|
3812
3818
|
Content: l1,
|
|
@@ -4000,28 +4006,28 @@ const Ye = Object.assign(Mi, {
|
|
|
4000
4006
|
]
|
|
4001
4007
|
}
|
|
4002
4008
|
}, E1 = (t, r, n) => ({ ...r, ...n ?? {}, ...t }), R1 = (t, r, n) => {
|
|
4003
|
-
const
|
|
4009
|
+
const s = go(r, 1, 3), i = T1[n][s];
|
|
4004
4010
|
return i[Math.min(t, i.length - 1)];
|
|
4005
4011
|
}, Ue = ({
|
|
4006
4012
|
text: t,
|
|
4007
4013
|
title: r,
|
|
4008
4014
|
media: n,
|
|
4009
|
-
variant:
|
|
4015
|
+
variant: s = "neutral",
|
|
4010
4016
|
size: i,
|
|
4011
|
-
classNames:
|
|
4017
|
+
classNames: a = {},
|
|
4012
4018
|
onClose: l,
|
|
4013
4019
|
buttons: c,
|
|
4014
4020
|
buttonProps: u,
|
|
4015
4021
|
showClose: f
|
|
4016
4022
|
}) => {
|
|
4017
|
-
const d = ["neutral", "accent"].includes(
|
|
4023
|
+
const d = ["neutral", "accent"].includes(s) ? "contrast" : "primary", g = i === "m", m = !!(r && g), y = !!(n && g), x = c && !!c.length, w = !!(f && g) || !f && g && !x, b = i === "xs" ? 4 : 3;
|
|
4018
4024
|
return /* @__PURE__ */ o.jsxs("div", { className: dt.content, children: [
|
|
4019
|
-
|
|
4020
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
4025
|
+
y && /* @__PURE__ */ o.jsx("div", { className: S(dt.mediaWrapper, a.mediaWrapper), children: n }),
|
|
4026
|
+
/* @__PURE__ */ o.jsxs("div", { className: a.textWrapper, children: [
|
|
4021
4027
|
m && /* @__PURE__ */ o.jsx(
|
|
4022
4028
|
he.Subtitle,
|
|
4023
4029
|
{
|
|
4024
|
-
className: S(dt.typography, dt.title,
|
|
4030
|
+
className: S(dt.typography, dt.title, a.typography),
|
|
4025
4031
|
size: 1,
|
|
4026
4032
|
as: "h3",
|
|
4027
4033
|
typographyStyle: d,
|
|
@@ -4031,19 +4037,19 @@ const Ye = Object.assign(Mi, {
|
|
|
4031
4037
|
/* @__PURE__ */ o.jsx(
|
|
4032
4038
|
he.Label,
|
|
4033
4039
|
{
|
|
4034
|
-
className: S(dt.typography, dt.text,
|
|
4040
|
+
className: S(dt.typography, dt.text, a.typography),
|
|
4035
4041
|
typographyStyle: d,
|
|
4036
4042
|
size: b,
|
|
4037
4043
|
children: t
|
|
4038
4044
|
}
|
|
4039
4045
|
)
|
|
4040
4046
|
] }),
|
|
4041
|
-
|
|
4047
|
+
w && /* @__PURE__ */ o.jsx(
|
|
4042
4048
|
"button",
|
|
4043
4049
|
{
|
|
4044
4050
|
type: "button",
|
|
4045
|
-
className: S(dt.closeButton, dt[
|
|
4046
|
-
[dt.hasMedia]:
|
|
4051
|
+
className: S(dt.closeButton, dt[s], a.closeButton, {
|
|
4052
|
+
[dt.hasMedia]: y
|
|
4047
4053
|
}),
|
|
4048
4054
|
onClick: l,
|
|
4049
4055
|
"aria-label": "Закрыть подсказку",
|
|
@@ -4051,8 +4057,8 @@ const Ye = Object.assign(Mi, {
|
|
|
4051
4057
|
children: /* @__PURE__ */ o.jsx(k1, {})
|
|
4052
4058
|
}
|
|
4053
4059
|
),
|
|
4054
|
-
g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((
|
|
4055
|
-
const
|
|
4060
|
+
g && x && /* @__PURE__ */ o.jsx("div", { className: dt.buttonStack, children: c.map((h, p) => {
|
|
4061
|
+
const C = R1(p, c.length, s), k = E1(h, C, u), { closeOnClick: T, ...$ } = k, E = (z) => {
|
|
4056
4062
|
var B;
|
|
4057
4063
|
(B = $.onClick) == null || B.call($, z), T && (l == null || l());
|
|
4058
4064
|
};
|
|
@@ -4063,9 +4069,9 @@ const Ye = Object.assign(Mi, {
|
|
|
4063
4069
|
customContent: t,
|
|
4064
4070
|
children: r,
|
|
4065
4071
|
placement: n = "top",
|
|
4066
|
-
contentClassNames:
|
|
4072
|
+
contentClassNames: s,
|
|
4067
4073
|
mouseEnterDelay: i = 0,
|
|
4068
|
-
mouseLeaveDelay:
|
|
4074
|
+
mouseLeaveDelay: a = 0.1,
|
|
4069
4075
|
showArrow: l = !0,
|
|
4070
4076
|
showClose: c = !0,
|
|
4071
4077
|
trigger: u = "hover",
|
|
@@ -4073,32 +4079,32 @@ const Ye = Object.assign(Mi, {
|
|
|
4073
4079
|
size: d = "s",
|
|
4074
4080
|
text: g,
|
|
4075
4081
|
title: m,
|
|
4076
|
-
media:
|
|
4082
|
+
media: y,
|
|
4077
4083
|
buttons: x,
|
|
4078
|
-
buttonProps:
|
|
4084
|
+
buttonProps: w,
|
|
4079
4085
|
onClose: b,
|
|
4080
|
-
...
|
|
4086
|
+
...h
|
|
4081
4087
|
}) => {
|
|
4082
|
-
const [p,
|
|
4083
|
-
|
|
4088
|
+
const [p, C] = gt(!1), [k, T] = gt(!1), $ = d === "m" ? j1 : $1, E = () => {
|
|
4089
|
+
C(!1), b == null || b();
|
|
4084
4090
|
}, z = t || (d === "m" ? /* @__PURE__ */ o.jsx(
|
|
4085
4091
|
Ue,
|
|
4086
4092
|
{
|
|
4087
|
-
classNames:
|
|
4093
|
+
classNames: s,
|
|
4088
4094
|
text: g,
|
|
4089
4095
|
variant: f,
|
|
4090
4096
|
size: d,
|
|
4091
4097
|
onClose: E,
|
|
4092
4098
|
title: m,
|
|
4093
|
-
media:
|
|
4099
|
+
media: y,
|
|
4094
4100
|
showClose: c,
|
|
4095
4101
|
buttons: x,
|
|
4096
|
-
buttonProps:
|
|
4102
|
+
buttonProps: w
|
|
4097
4103
|
}
|
|
4098
4104
|
) : /* @__PURE__ */ o.jsx(
|
|
4099
4105
|
Ue,
|
|
4100
4106
|
{
|
|
4101
|
-
classNames:
|
|
4107
|
+
classNames: s,
|
|
4102
4108
|
text: g,
|
|
4103
4109
|
variant: f,
|
|
4104
4110
|
size: d,
|
|
@@ -4115,16 +4121,16 @@ const Ye = Object.assign(Mi, {
|
|
|
4115
4121
|
Zr,
|
|
4116
4122
|
{
|
|
4117
4123
|
visible: p,
|
|
4118
|
-
onVisibleChange:
|
|
4124
|
+
onVisibleChange: C,
|
|
4119
4125
|
classNames: {
|
|
4120
4126
|
root: S(dt.root, dt[f], dt[d], k && dt.open),
|
|
4121
|
-
...
|
|
4127
|
+
...h.classNames
|
|
4122
4128
|
},
|
|
4123
4129
|
placement: n,
|
|
4124
4130
|
overlay: () => z,
|
|
4125
4131
|
trigger: u,
|
|
4126
4132
|
mouseEnterDelay: i,
|
|
4127
|
-
mouseLeaveDelay:
|
|
4133
|
+
mouseLeaveDelay: a,
|
|
4128
4134
|
motion: { motionName: "tooltipMotion" },
|
|
4129
4135
|
builtinPlacements: $,
|
|
4130
4136
|
showArrow: l ? {
|
|
@@ -4132,7 +4138,7 @@ const Ye = Object.assign(Mi, {
|
|
|
4132
4138
|
className: `tooltipArrow tooltipArrow-${d}`
|
|
4133
4139
|
} : !1,
|
|
4134
4140
|
destroyTooltipOnHide: !0,
|
|
4135
|
-
...
|
|
4141
|
+
...h,
|
|
4136
4142
|
children: r
|
|
4137
4143
|
}
|
|
4138
4144
|
);
|
|
@@ -4155,31 +4161,31 @@ const Ye = Object.assign(Mi, {
|
|
|
4155
4161
|
const {
|
|
4156
4162
|
className: r,
|
|
4157
4163
|
defaultValue: n,
|
|
4158
|
-
value:
|
|
4164
|
+
value: s,
|
|
4159
4165
|
size: i = "m",
|
|
4160
|
-
segments:
|
|
4166
|
+
segments: a,
|
|
4161
4167
|
stretched: l,
|
|
4162
4168
|
mode: c = "label",
|
|
4163
4169
|
onChange: u
|
|
4164
|
-
} = t, f = me(), [d, g] = gt(n ||
|
|
4170
|
+
} = t, f = me(), [d, g] = gt(n || a[0].value), [m, y] = gt({ width: 0, left: 0 }), x = Vt(null);
|
|
4165
4171
|
ut(() => {
|
|
4166
|
-
|
|
4167
|
-
}, [
|
|
4168
|
-
|
|
4169
|
-
}, [d,
|
|
4170
|
-
const
|
|
4172
|
+
s && g(s);
|
|
4173
|
+
}, [s]), ut(() => {
|
|
4174
|
+
w();
|
|
4175
|
+
}, [d, a, i, l, c]);
|
|
4176
|
+
const w = () => {
|
|
4171
4177
|
if (!(x != null && x.current)) return;
|
|
4172
|
-
const
|
|
4178
|
+
const C = x.current.querySelector(
|
|
4173
4179
|
'[data-is-active-segment="true"]'
|
|
4174
4180
|
);
|
|
4175
|
-
|
|
4176
|
-
width:
|
|
4177
|
-
left:
|
|
4181
|
+
C && y({
|
|
4182
|
+
width: C.offsetWidth,
|
|
4183
|
+
left: C.offsetLeft
|
|
4178
4184
|
});
|
|
4179
|
-
}, b = (p =
|
|
4180
|
-
g(
|
|
4185
|
+
}, b = (p = a.find((C) => C.value === d)) == null ? void 0 : p.label, h = (C) => {
|
|
4186
|
+
g(C), u == null || u(C);
|
|
4181
4187
|
};
|
|
4182
|
-
return (
|
|
4188
|
+
return (a == null ? void 0 : a.length) === 0 ? null : /* @__PURE__ */ o.jsxs(
|
|
4183
4189
|
"div",
|
|
4184
4190
|
{
|
|
4185
4191
|
className: S(
|
|
@@ -4194,8 +4200,8 @@ const Ye = Object.assign(Mi, {
|
|
|
4194
4200
|
"data-testid": "segmented-control-container",
|
|
4195
4201
|
ref: x,
|
|
4196
4202
|
children: [
|
|
4197
|
-
|
|
4198
|
-
const $ = () =>
|
|
4203
|
+
a == null ? void 0 : a.map(({ label: C, value: k }, T) => {
|
|
4204
|
+
const $ = () => h(k);
|
|
4199
4205
|
return /* @__PURE__ */ o.jsxs(Ht, { children: [
|
|
4200
4206
|
/* @__PURE__ */ o.jsx(
|
|
4201
4207
|
"input",
|
|
@@ -4214,7 +4220,7 @@ const Ye = Object.assign(Mi, {
|
|
|
4214
4220
|
className: S(Ot.segment, Ke[i]),
|
|
4215
4221
|
htmlFor: f + JSON.stringify(k),
|
|
4216
4222
|
"data-testid": "segmented-control-segment",
|
|
4217
|
-
children:
|
|
4223
|
+
children: C
|
|
4218
4224
|
}
|
|
4219
4225
|
)
|
|
4220
4226
|
] }, te(JSON.stringify(k)) + T);
|