@livechat/design-system-react-components 1.33.3 → 1.33.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js
CHANGED
|
@@ -570,26 +570,26 @@ const Mc = {
|
|
|
570
570
|
height: 64
|
|
571
571
|
}
|
|
572
572
|
}, Ar = "icon", x = (t) => {
|
|
573
|
-
const
|
|
573
|
+
const s = t, {
|
|
574
574
|
source: a,
|
|
575
575
|
size: r = "medium",
|
|
576
576
|
kind: _,
|
|
577
577
|
disabled: o,
|
|
578
578
|
className: l,
|
|
579
579
|
customColor: n
|
|
580
|
-
} =
|
|
580
|
+
} = s, c = D(s, [
|
|
581
581
|
"source",
|
|
582
582
|
"size",
|
|
583
583
|
"kind",
|
|
584
584
|
"disabled",
|
|
585
585
|
"className",
|
|
586
586
|
"customColor"
|
|
587
|
-
]),
|
|
587
|
+
]), d = e.createElement(a, k(k({}, so[r]), n ? { color: n } : {})), i = u(
|
|
588
588
|
l,
|
|
589
589
|
Pr[Ar],
|
|
590
590
|
_ && Pr[`${Ar}--${o ? "disabled--" : ""}${_}`]
|
|
591
591
|
);
|
|
592
|
-
return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }),
|
|
592
|
+
return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }), d);
|
|
593
593
|
}, Ge = {
|
|
594
594
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
595
595
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
@@ -620,8 +620,8 @@ const Mc = {
|
|
|
620
620
|
sm: "h4",
|
|
621
621
|
xs: "h5",
|
|
622
622
|
"2xs": "h6"
|
|
623
|
-
},
|
|
624
|
-
var
|
|
623
|
+
}, ne = (i) => {
|
|
624
|
+
var s = i, {
|
|
625
625
|
as: t,
|
|
626
626
|
size: a = "md",
|
|
627
627
|
children: r,
|
|
@@ -630,7 +630,7 @@ const Mc = {
|
|
|
630
630
|
bold: l,
|
|
631
631
|
customColor: n,
|
|
632
632
|
textAlign: c
|
|
633
|
-
} =
|
|
633
|
+
} = s, d = D(s, [
|
|
634
634
|
"as",
|
|
635
635
|
"size",
|
|
636
636
|
"children",
|
|
@@ -652,11 +652,11 @@ const Mc = {
|
|
|
652
652
|
_
|
|
653
653
|
),
|
|
654
654
|
style: k(k({}, n && { color: n }), c && { textAlign: c })
|
|
655
|
-
},
|
|
655
|
+
}, d),
|
|
656
656
|
r
|
|
657
657
|
);
|
|
658
|
-
}, B = (
|
|
659
|
-
var
|
|
658
|
+
}, B = (f) => {
|
|
659
|
+
var b = f, {
|
|
660
660
|
as: t = "p",
|
|
661
661
|
size: a = "md",
|
|
662
662
|
caps: r = !1,
|
|
@@ -665,11 +665,11 @@ const Mc = {
|
|
|
665
665
|
underline: l = !1,
|
|
666
666
|
strike: n = !1,
|
|
667
667
|
children: c,
|
|
668
|
-
className:
|
|
668
|
+
className: d,
|
|
669
669
|
customColor: i,
|
|
670
|
-
textAlign:
|
|
670
|
+
textAlign: s,
|
|
671
671
|
noMargin: p
|
|
672
|
-
} =
|
|
672
|
+
} = b, m = D(b, [
|
|
673
673
|
"as",
|
|
674
674
|
"size",
|
|
675
675
|
"caps",
|
|
@@ -696,14 +696,14 @@ const Mc = {
|
|
|
696
696
|
[Ge[`${v}--uppercase`]]: _ || r,
|
|
697
697
|
[Ge[`${v}--no-margin`]]: p
|
|
698
698
|
},
|
|
699
|
-
|
|
699
|
+
d
|
|
700
700
|
),
|
|
701
|
-
style: k(k({}, i && { color: i }),
|
|
701
|
+
style: k(k({}, i && { color: i }), s && { textAlign: s })
|
|
702
702
|
}, m),
|
|
703
703
|
c
|
|
704
704
|
);
|
|
705
|
-
}, Vc = (
|
|
706
|
-
var i =
|
|
705
|
+
}, Vc = (d) => {
|
|
706
|
+
var i = d, {
|
|
707
707
|
as: t = "div",
|
|
708
708
|
size: a = "md",
|
|
709
709
|
children: r,
|
|
@@ -756,13 +756,13 @@ const Mc = {
|
|
|
756
756
|
openedOnInit: l = !1,
|
|
757
757
|
keepOpenOnClick: n,
|
|
758
758
|
flipOptions: c,
|
|
759
|
-
visible:
|
|
759
|
+
visible: d,
|
|
760
760
|
onClose: i,
|
|
761
|
-
onOpen:
|
|
761
|
+
onOpen: s,
|
|
762
762
|
floatingStrategy: p,
|
|
763
763
|
selectedOptions: m,
|
|
764
|
-
footer:
|
|
765
|
-
} = h,
|
|
764
|
+
footer: f
|
|
765
|
+
} = h, b = D(h, [
|
|
766
766
|
"className",
|
|
767
767
|
"triggerClassName",
|
|
768
768
|
"options",
|
|
@@ -778,8 +778,8 @@ const Mc = {
|
|
|
778
778
|
"selectedOptions",
|
|
779
779
|
"footer"
|
|
780
780
|
]);
|
|
781
|
-
const
|
|
782
|
-
G ? (i == null || i(), !
|
|
781
|
+
const y = d !== void 0, [E, $] = e.useState(l), [w, C] = e.useState(null), g = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = y ? d : E, I = () => {
|
|
782
|
+
G ? (i == null || i(), !y && $(!1)) : (s == null || s(), !y && $(!0));
|
|
783
783
|
}, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
|
|
784
784
|
nodeId: S,
|
|
785
785
|
middleware: [
|
|
@@ -816,7 +816,7 @@ const Mc = {
|
|
|
816
816
|
})
|
|
817
817
|
}), Nt = (P) => {
|
|
818
818
|
var Ye, qe;
|
|
819
|
-
const V =
|
|
819
|
+
const V = g.current;
|
|
820
820
|
let ue = V + P;
|
|
821
821
|
for (; (Ye = r[ue]) != null && Ye.disabled || (qe = r[ue]) != null && qe.groupHeader; )
|
|
822
822
|
if (ue += P, ue === -1) {
|
|
@@ -826,19 +826,19 @@ const Mc = {
|
|
|
826
826
|
return ue;
|
|
827
827
|
}, bt = (P) => {
|
|
828
828
|
var Ye, qe;
|
|
829
|
-
|
|
830
|
-
const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[
|
|
829
|
+
g.current = Nt(P);
|
|
830
|
+
const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[g.current]) == null ? void 0 : qe.children[0]);
|
|
831
831
|
return ue == null ? void 0 : ue.focus();
|
|
832
832
|
}, lt = (P) => {
|
|
833
|
-
P.key === de.arrowUp &&
|
|
833
|
+
P.key === de.arrowUp && g.current > 0 && (P.preventDefault(), bt(-1)), P.key === de.arrowDown && g.current + 1 < r.length && (P.preventDefault(), bt(1));
|
|
834
834
|
};
|
|
835
835
|
e.useEffect(() => {
|
|
836
836
|
if (G)
|
|
837
837
|
return document.addEventListener("keydown", lt), () => document.removeEventListener("keydown", lt);
|
|
838
|
-
|
|
838
|
+
g.current = -1;
|
|
839
839
|
}, [G, lt]);
|
|
840
840
|
const ht = (P, V) => {
|
|
841
|
-
|
|
841
|
+
g.current = P, V == null || V(), !y && !n && ($(!1), i == null || i());
|
|
842
842
|
}, St = (P, V) => P.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
843
843
|
"li",
|
|
844
844
|
{
|
|
@@ -894,11 +894,11 @@ const Mc = {
|
|
|
894
894
|
}, $t()),
|
|
895
895
|
r.length > 0 && /* @__PURE__ */ e.createElement(
|
|
896
896
|
"ul",
|
|
897
|
-
T(k({},
|
|
897
|
+
T(k({}, b), {
|
|
898
898
|
className: u(
|
|
899
899
|
He[`${ze}__list`],
|
|
900
900
|
{
|
|
901
|
-
[He[`${ze}__list--with-footer`]]:
|
|
901
|
+
[He[`${ze}__list--with-footer`]]: f
|
|
902
902
|
},
|
|
903
903
|
t
|
|
904
904
|
),
|
|
@@ -907,14 +907,14 @@ const Mc = {
|
|
|
907
907
|
}),
|
|
908
908
|
r.map(St)
|
|
909
909
|
),
|
|
910
|
-
|
|
910
|
+
f && /* @__PURE__ */ e.createElement(
|
|
911
911
|
B,
|
|
912
912
|
{
|
|
913
913
|
size: "sm",
|
|
914
914
|
as: "div",
|
|
915
915
|
className: He[`${ze}__footer`]
|
|
916
916
|
},
|
|
917
|
-
|
|
917
|
+
f
|
|
918
918
|
)
|
|
919
919
|
)));
|
|
920
920
|
return N === null ? /* @__PURE__ */ e.createElement(Ha, null, xt) : xt;
|
|
@@ -1020,7 +1020,7 @@ const Mc = {
|
|
|
1020
1020
|
"btn--plain-lock-black": "lc-Button-module__btn--plain-lock-black___aL-wC",
|
|
1021
1021
|
"btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
|
|
1022
1022
|
}, ge = "btn", W = e.forwardRef(
|
|
1023
|
-
(v,
|
|
1023
|
+
(v, b) => {
|
|
1024
1024
|
var h = v, {
|
|
1025
1025
|
loading: t = !1,
|
|
1026
1026
|
disabled: a = !1,
|
|
@@ -1030,12 +1030,12 @@ const Mc = {
|
|
|
1030
1030
|
size: l = "medium",
|
|
1031
1031
|
icon: n = null,
|
|
1032
1032
|
iconPosition: c = "left",
|
|
1033
|
-
loaderLabel:
|
|
1033
|
+
loaderLabel: d,
|
|
1034
1034
|
className: i,
|
|
1035
|
-
children:
|
|
1035
|
+
children: s,
|
|
1036
1036
|
href: p,
|
|
1037
1037
|
onClick: m
|
|
1038
|
-
} = h,
|
|
1038
|
+
} = h, f = D(h, [
|
|
1039
1039
|
"loading",
|
|
1040
1040
|
"disabled",
|
|
1041
1041
|
"type",
|
|
@@ -1050,7 +1050,7 @@ const Mc = {
|
|
|
1050
1050
|
"href",
|
|
1051
1051
|
"onClick"
|
|
1052
1052
|
]);
|
|
1053
|
-
const
|
|
1053
|
+
const y = t || a, E = !s && n, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", C = u(
|
|
1054
1054
|
i,
|
|
1055
1055
|
pe[ge],
|
|
1056
1056
|
pe[`${ge}--${o}`],
|
|
@@ -1058,27 +1058,27 @@ const Mc = {
|
|
|
1058
1058
|
{
|
|
1059
1059
|
[pe[`${ge}--loading`]]: t,
|
|
1060
1060
|
[pe[`${ge}--full-width`]]: _,
|
|
1061
|
-
[pe[`${ge}--with-${c}-icon`]]: n && !
|
|
1062
|
-
[pe[`${ge}--icon-only`]]:
|
|
1063
|
-
[pe[`${ge}--icon-only--bg`]]:
|
|
1064
|
-
[pe[`${ge}--disabled`]]:
|
|
1061
|
+
[pe[`${ge}--with-${c}-icon`]]: n && !E && !$,
|
|
1062
|
+
[pe[`${ge}--icon-only`]]: E,
|
|
1063
|
+
[pe[`${ge}--icon-only--bg`]]: E && $,
|
|
1064
|
+
[pe[`${ge}--disabled`]]: y
|
|
1065
1065
|
}
|
|
1066
1066
|
);
|
|
1067
1067
|
return /* @__PURE__ */ e.createElement(
|
|
1068
1068
|
w,
|
|
1069
1069
|
k(k({
|
|
1070
|
-
ref:
|
|
1070
|
+
ref: b,
|
|
1071
1071
|
className: C,
|
|
1072
|
-
"aria-disabled":
|
|
1072
|
+
"aria-disabled": y,
|
|
1073
1073
|
type: r,
|
|
1074
|
-
disabled:
|
|
1075
|
-
}, !
|
|
1074
|
+
disabled: y
|
|
1075
|
+
}, !y && { href: p, onClick: m }), f),
|
|
1076
1076
|
t && /* @__PURE__ */ e.createElement(
|
|
1077
1077
|
Cr,
|
|
1078
1078
|
k({
|
|
1079
1079
|
"data-testid": "button-loader",
|
|
1080
1080
|
size: "small",
|
|
1081
|
-
label:
|
|
1081
|
+
label: d,
|
|
1082
1082
|
className: pe[`${ge}__loader`]
|
|
1083
1083
|
}, vo(o))
|
|
1084
1084
|
),
|
|
@@ -1094,7 +1094,7 @@ const Mc = {
|
|
|
1094
1094
|
disabled: a,
|
|
1095
1095
|
size: l === "xcompact" ? "small" : "medium"
|
|
1096
1096
|
}),
|
|
1097
|
-
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] },
|
|
1097
|
+
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, s)
|
|
1098
1098
|
);
|
|
1099
1099
|
}
|
|
1100
1100
|
);
|
|
@@ -1175,21 +1175,21 @@ const Co = (t) => {
|
|
|
1175
1175
|
kind: l,
|
|
1176
1176
|
placement: n = "bottom",
|
|
1177
1177
|
isVisible: c,
|
|
1178
|
-
fullSpaceContent:
|
|
1178
|
+
fullSpaceContent: d,
|
|
1179
1179
|
onClose: i,
|
|
1180
|
-
onOpen:
|
|
1180
|
+
onOpen: s,
|
|
1181
1181
|
withFadeAnimation: p = !0,
|
|
1182
1182
|
transitionDuration: m = 200,
|
|
1183
|
-
hoverOnDuration:
|
|
1184
|
-
hoverOffDuration:
|
|
1183
|
+
hoverOnDuration: f,
|
|
1184
|
+
hoverOffDuration: b,
|
|
1185
1185
|
transitionDelay: v = 0,
|
|
1186
1186
|
hoverOnDelay: h,
|
|
1187
|
-
hoverOffDelay:
|
|
1188
|
-
triggerOnClick:
|
|
1187
|
+
hoverOffDelay: y,
|
|
1188
|
+
triggerOnClick: E = !1,
|
|
1189
1189
|
triggerOnHover: $ = !0,
|
|
1190
1190
|
offsetMainAxis: w = 8,
|
|
1191
1191
|
offsetCrossAxis: C = 0,
|
|
1192
|
-
referenceElement:
|
|
1192
|
+
referenceElement: g,
|
|
1193
1193
|
activationThreshold: N = 0,
|
|
1194
1194
|
useDismissHookProps: S,
|
|
1195
1195
|
useClickHookProps: M,
|
|
@@ -1203,9 +1203,9 @@ const Co = (t) => {
|
|
|
1203
1203
|
A[ya],
|
|
1204
1204
|
a,
|
|
1205
1205
|
Ne && A[`${ya}--${Ne}`],
|
|
1206
|
-
|
|
1206
|
+
d && A[`${ya}--full-space`]
|
|
1207
1207
|
), bt = typeof _ == "function", lt = (me) => {
|
|
1208
|
-
me !== Ue && (me ?
|
|
1208
|
+
me !== Ue && (me ? s == null || s() : i == null || i(), !L && $e(me));
|
|
1209
1209
|
}, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : v, {
|
|
1210
1210
|
floatingStyles: xt,
|
|
1211
1211
|
refs: P,
|
|
@@ -1229,16 +1229,16 @@ const Co = (t) => {
|
|
|
1229
1229
|
restMs: N,
|
|
1230
1230
|
delay: {
|
|
1231
1231
|
open: St(h),
|
|
1232
|
-
close: St(
|
|
1232
|
+
close: St(y || G)
|
|
1233
1233
|
},
|
|
1234
1234
|
enabled: $,
|
|
1235
1235
|
handleClose: Y ? null : J_()
|
|
1236
1236
|
}), Wa = j_(V), Va = ga(V, S), Ka = fa(V, { role: "tooltip" }), Ya = pa(V, k({
|
|
1237
|
-
enabled:
|
|
1237
|
+
enabled: E
|
|
1238
1238
|
}, M)), { isMounted: qa, styles: Za } = kr(V, {
|
|
1239
1239
|
duration: {
|
|
1240
|
-
open: ht(
|
|
1241
|
-
close: ht(
|
|
1240
|
+
open: ht(f),
|
|
1241
|
+
close: ht(b)
|
|
1242
1242
|
}
|
|
1243
1243
|
}), { status: Xa } = Q_(V), { getReferenceProps: Ja, getFloatingProps: ja } = ba([
|
|
1244
1244
|
qe,
|
|
@@ -1248,8 +1248,8 @@ const Co = (t) => {
|
|
|
1248
1248
|
Ya
|
|
1249
1249
|
]);
|
|
1250
1250
|
e.useEffect(() => {
|
|
1251
|
-
|
|
1252
|
-
}, [P.setReference,
|
|
1251
|
+
g && P.setReference(g);
|
|
1252
|
+
}, [P.setReference, g]);
|
|
1253
1253
|
const Gt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1254
1254
|
"div",
|
|
1255
1255
|
T(k({
|
|
@@ -1304,7 +1304,7 @@ const Co = (t) => {
|
|
|
1304
1304
|
},
|
|
1305
1305
|
/* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
|
|
1306
1306
|
), a && /* @__PURE__ */ e.createElement(
|
|
1307
|
-
|
|
1307
|
+
ne,
|
|
1308
1308
|
{
|
|
1309
1309
|
as: "div",
|
|
1310
1310
|
size: "xs",
|
|
@@ -1333,7 +1333,7 @@ const Co = (t) => {
|
|
|
1333
1333
|
primaryButton: n,
|
|
1334
1334
|
secondaryButton: c
|
|
1335
1335
|
}) => {
|
|
1336
|
-
const
|
|
1336
|
+
const d = (s) => s === "invert" ? "secondary" : s === "important" ? "plain-lock-black" : "high-contrast", i = (s) => s === "invert" ? "link-inverted" : s === "important" ? "text-lock-black" : "text";
|
|
1337
1337
|
return /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
|
|
1338
1338
|
"button",
|
|
1339
1339
|
{
|
|
@@ -1350,7 +1350,7 @@ const Co = (t) => {
|
|
|
1350
1350
|
src: r.src,
|
|
1351
1351
|
alt: r.alt
|
|
1352
1352
|
}
|
|
1353
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
1353
|
+
)), t && /* @__PURE__ */ e.createElement(ne, { as: "div", size: "xs", className: A[`${Ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-text`] }, a), /* @__PURE__ */ e.createElement(
|
|
1354
1354
|
"div",
|
|
1355
1355
|
{
|
|
1356
1356
|
className: u(
|
|
@@ -1361,7 +1361,7 @@ const Co = (t) => {
|
|
|
1361
1361
|
/* @__PURE__ */ e.createElement(
|
|
1362
1362
|
W,
|
|
1363
1363
|
T(k({}, n), {
|
|
1364
|
-
kind: n.kind ||
|
|
1364
|
+
kind: n.kind || d(o),
|
|
1365
1365
|
onClick: n.handleClick
|
|
1366
1366
|
}),
|
|
1367
1367
|
n.label
|
|
@@ -1379,7 +1379,7 @@ const Co = (t) => {
|
|
|
1379
1379
|
c.label
|
|
1380
1380
|
)
|
|
1381
1381
|
));
|
|
1382
|
-
},
|
|
1382
|
+
}, ce = "guide-tooltip", Bo = ({
|
|
1383
1383
|
gap: t,
|
|
1384
1384
|
isVisible: a,
|
|
1385
1385
|
slide: r,
|
|
@@ -1407,7 +1407,7 @@ const Co = (t) => {
|
|
|
1407
1407
|
left: "0",
|
|
1408
1408
|
width: "100%",
|
|
1409
1409
|
height: `calc(100% - ${t.bottom}px)`
|
|
1410
|
-
},
|
|
1410
|
+
}, d = {
|
|
1411
1411
|
top: `${t.top}px`,
|
|
1412
1412
|
left: `${t.left}px`,
|
|
1413
1413
|
width: `${t.width}px`,
|
|
@@ -1418,9 +1418,9 @@ const Co = (t) => {
|
|
|
1418
1418
|
"div",
|
|
1419
1419
|
{
|
|
1420
1420
|
className: u({
|
|
1421
|
-
[A[`${
|
|
1422
|
-
[A[`${
|
|
1423
|
-
[A[`${
|
|
1421
|
+
[A[`${ce}__overlay`]]: !0,
|
|
1422
|
+
[A[`${ce}__overlay--visible`]]: a,
|
|
1423
|
+
[A[`${ce}__overlay--slide`]]: r
|
|
1424
1424
|
}),
|
|
1425
1425
|
style: o
|
|
1426
1426
|
}
|
|
@@ -1428,9 +1428,9 @@ const Co = (t) => {
|
|
|
1428
1428
|
"div",
|
|
1429
1429
|
{
|
|
1430
1430
|
className: u({
|
|
1431
|
-
[A[`${
|
|
1432
|
-
[A[`${
|
|
1433
|
-
[A[`${
|
|
1431
|
+
[A[`${ce}__overlay`]]: !0,
|
|
1432
|
+
[A[`${ce}__overlay--visible`]]: a,
|
|
1433
|
+
[A[`${ce}__overlay--slide`]]: r
|
|
1434
1434
|
}),
|
|
1435
1435
|
style: n
|
|
1436
1436
|
}
|
|
@@ -1438,9 +1438,9 @@ const Co = (t) => {
|
|
|
1438
1438
|
"div",
|
|
1439
1439
|
{
|
|
1440
1440
|
className: u({
|
|
1441
|
-
[A[`${
|
|
1442
|
-
[A[`${
|
|
1443
|
-
[A[`${
|
|
1441
|
+
[A[`${ce}__overlay`]]: !0,
|
|
1442
|
+
[A[`${ce}__overlay--visible`]]: a,
|
|
1443
|
+
[A[`${ce}__overlay--slide`]]: r
|
|
1444
1444
|
}),
|
|
1445
1445
|
style: l
|
|
1446
1446
|
}
|
|
@@ -1448,9 +1448,9 @@ const Co = (t) => {
|
|
|
1448
1448
|
"div",
|
|
1449
1449
|
{
|
|
1450
1450
|
className: u({
|
|
1451
|
-
[A[`${
|
|
1452
|
-
[A[`${
|
|
1453
|
-
[A[`${
|
|
1451
|
+
[A[`${ce}__overlay`]]: !0,
|
|
1452
|
+
[A[`${ce}__overlay--visible`]]: a,
|
|
1453
|
+
[A[`${ce}__overlay--slide`]]: r
|
|
1454
1454
|
}),
|
|
1455
1455
|
style: c
|
|
1456
1456
|
}
|
|
@@ -1458,11 +1458,11 @@ const Co = (t) => {
|
|
|
1458
1458
|
"div",
|
|
1459
1459
|
{
|
|
1460
1460
|
className: u({
|
|
1461
|
-
[A[`${
|
|
1462
|
-
[A[`${
|
|
1463
|
-
[A[`${
|
|
1461
|
+
[A[`${ce}__overlay`]]: !0,
|
|
1462
|
+
[A[`${ce}__overlay--visible`]]: a,
|
|
1463
|
+
[A[`${ce}__overlay--slide`]]: r
|
|
1464
1464
|
}),
|
|
1465
|
-
style:
|
|
1465
|
+
style: d
|
|
1466
1466
|
}
|
|
1467
1467
|
));
|
|
1468
1468
|
};
|
|
@@ -1473,7 +1473,7 @@ class Io {
|
|
|
1473
1473
|
this.element = a, this.padding = r;
|
|
1474
1474
|
}
|
|
1475
1475
|
addPadding(a) {
|
|
1476
|
-
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, n = _, c = r,
|
|
1476
|
+
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, n = _, c = r, d = n + l, i = c + o;
|
|
1477
1477
|
return {
|
|
1478
1478
|
x: r,
|
|
1479
1479
|
y: _,
|
|
@@ -1481,7 +1481,7 @@ class Io {
|
|
|
1481
1481
|
height: l,
|
|
1482
1482
|
top: n,
|
|
1483
1483
|
left: c,
|
|
1484
|
-
bottom:
|
|
1484
|
+
bottom: d,
|
|
1485
1485
|
right: i
|
|
1486
1486
|
};
|
|
1487
1487
|
}
|
|
@@ -1503,13 +1503,13 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1503
1503
|
shouldSlide: o = !0
|
|
1504
1504
|
} = t, [l, n] = e.useState(
|
|
1505
1505
|
null
|
|
1506
|
-
), [c,
|
|
1507
|
-
l && (
|
|
1506
|
+
), [c, d] = e.useState(null), [i, s] = e.useState(o), p = () => {
|
|
1507
|
+
l && (d(
|
|
1508
1508
|
Lr(
|
|
1509
1509
|
l,
|
|
1510
1510
|
Rr
|
|
1511
1511
|
).getBoundingClientRect()
|
|
1512
|
-
),
|
|
1512
|
+
), s(!1));
|
|
1513
1513
|
};
|
|
1514
1514
|
return e.useEffect(() => {
|
|
1515
1515
|
if (l !== null)
|
|
@@ -1522,12 +1522,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1522
1522
|
n(m);
|
|
1523
1523
|
}
|
|
1524
1524
|
}, [r]), e.useEffect(() => {
|
|
1525
|
-
l &&
|
|
1525
|
+
l && d(
|
|
1526
1526
|
Lr(
|
|
1527
1527
|
l,
|
|
1528
1528
|
Rr
|
|
1529
1529
|
).getBoundingClientRect()
|
|
1530
|
-
),
|
|
1530
|
+
), s(!0);
|
|
1531
1531
|
}, [l]), l && _ && c ? /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
|
|
1532
1532
|
Bo,
|
|
1533
1533
|
{
|
|
@@ -1646,29 +1646,29 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1646
1646
|
vertical: l,
|
|
1647
1647
|
menuFooter: n
|
|
1648
1648
|
}) => {
|
|
1649
|
-
const [c,
|
|
1649
|
+
const [c, d] = e.useState(
|
|
1650
1650
|
_.length
|
|
1651
|
-
), [i,
|
|
1651
|
+
), [i, s] = e.useState([]), [p, m] = e.useState(!1), f = r === "scroll", b = u(
|
|
1652
1652
|
q[wa],
|
|
1653
1653
|
t,
|
|
1654
1654
|
l && q[`${wa}--vertical`]
|
|
1655
|
-
), v = !
|
|
1655
|
+
), v = !f && i.length !== 0;
|
|
1656
1656
|
e.useEffect(() => {
|
|
1657
|
-
|
|
1657
|
+
f || (_.length > c ? s(_.slice(c, _.length)) : s([]));
|
|
1658
1658
|
}, [_, c]), e.useEffect(() => {
|
|
1659
|
-
const
|
|
1660
|
-
if (!
|
|
1659
|
+
const E = !!window.ResizeObserver;
|
|
1660
|
+
if (!f && E) {
|
|
1661
1661
|
const $ = new ResizeObserver((w) => {
|
|
1662
|
-
const { width: C, height:
|
|
1662
|
+
const { width: C, height: g } = w[0].contentRect, N = l ? g : C, S = i.length > 0 ? 60 : 0, M = Math.floor(
|
|
1663
1663
|
(N - S) / Do
|
|
1664
1664
|
);
|
|
1665
|
-
M >= 0 && M !== c &&
|
|
1665
|
+
M >= 0 && M !== c && d(M);
|
|
1666
1666
|
});
|
|
1667
1667
|
return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
|
|
1668
1668
|
}
|
|
1669
|
-
}, [i,
|
|
1669
|
+
}, [i, f, c]);
|
|
1670
1670
|
const h = e.useCallback(() => i.reduce(
|
|
1671
|
-
(
|
|
1671
|
+
(E, $) => {
|
|
1672
1672
|
if (!$.hideInMenu) {
|
|
1673
1673
|
const w = {
|
|
1674
1674
|
key: $.key,
|
|
@@ -1676,24 +1676,24 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1676
1676
|
withDivider: $.withDivider,
|
|
1677
1677
|
onClick: $.onClick
|
|
1678
1678
|
};
|
|
1679
|
-
|
|
1679
|
+
E.push(w);
|
|
1680
1680
|
}
|
|
1681
|
-
return
|
|
1681
|
+
return E;
|
|
1682
1682
|
},
|
|
1683
1683
|
[]
|
|
1684
|
-
), [i]),
|
|
1685
|
-
return /* @__PURE__ */ e.createElement("div", { id: a, className:
|
|
1684
|
+
), [i]), y = i.find((E) => E.key === o);
|
|
1685
|
+
return /* @__PURE__ */ e.createElement("div", { id: a, className: b }, /* @__PURE__ */ e.createElement(
|
|
1686
1686
|
"div",
|
|
1687
1687
|
{
|
|
1688
1688
|
className: u(q[`${wa}__items`], {
|
|
1689
|
-
[q[`${wa}__items--scroll`]]:
|
|
1689
|
+
[q[`${wa}__items--scroll`]]: f
|
|
1690
1690
|
})
|
|
1691
1691
|
},
|
|
1692
|
-
_.slice(0, c).map((
|
|
1692
|
+
_.slice(0, c).map((E) => /* @__PURE__ */ e.createElement(
|
|
1693
1693
|
To,
|
|
1694
1694
|
{
|
|
1695
|
-
option:
|
|
1696
|
-
isActive:
|
|
1695
|
+
option: E,
|
|
1696
|
+
isActive: E.key === o,
|
|
1697
1697
|
vertical: l
|
|
1698
1698
|
}
|
|
1699
1699
|
))
|
|
@@ -1702,7 +1702,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1702
1702
|
{
|
|
1703
1703
|
className: u(
|
|
1704
1704
|
q[Xe],
|
|
1705
|
-
|
|
1705
|
+
y && q[`${Xe}--active`],
|
|
1706
1706
|
l && q[`${Xe}--vertical`]
|
|
1707
1707
|
)
|
|
1708
1708
|
},
|
|
@@ -1723,7 +1723,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1723
1723
|
{
|
|
1724
1724
|
className: u(
|
|
1725
1725
|
q[`${Xe}__button`],
|
|
1726
|
-
|
|
1726
|
+
y && q[`${Xe}__button--active`]
|
|
1727
1727
|
),
|
|
1728
1728
|
kind: "plain",
|
|
1729
1729
|
icon: /* @__PURE__ */ e.createElement(
|
|
@@ -1739,14 +1739,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1739
1739
|
),
|
|
1740
1740
|
iconPosition: "right"
|
|
1741
1741
|
},
|
|
1742
|
-
|
|
1742
|
+
y && /* @__PURE__ */ e.createElement(
|
|
1743
1743
|
"div",
|
|
1744
1744
|
{
|
|
1745
1745
|
className: u(
|
|
1746
1746
|
q[`${Xe}__button__with-item`]
|
|
1747
1747
|
)
|
|
1748
1748
|
},
|
|
1749
|
-
|
|
1749
|
+
y.element
|
|
1750
1750
|
)
|
|
1751
1751
|
),
|
|
1752
1752
|
footer: n
|
|
@@ -1769,7 +1769,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1769
1769
|
}) => {
|
|
1770
1770
|
const n = u(It[vt], t), c = (i) => {
|
|
1771
1771
|
i.currentTarget === document.activeElement && (l == null || l());
|
|
1772
|
-
},
|
|
1772
|
+
}, d = (i) => {
|
|
1773
1773
|
i.currentTarget === document.activeElement && (i.key === "Enter" || i.key === " " || i.key === "Spacebar" || i.key === "Space") && (i.preventDefault(), l == null || l());
|
|
1774
1774
|
};
|
|
1775
1775
|
return /* @__PURE__ */ e.createElement("div", { className: It["main-wrapper"] }, /* @__PURE__ */ e.createElement(
|
|
@@ -1780,7 +1780,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1780
1780
|
tabIndex: 0,
|
|
1781
1781
|
className: n,
|
|
1782
1782
|
onClick: c,
|
|
1783
|
-
onKeyDown:
|
|
1783
|
+
onKeyDown: d
|
|
1784
1784
|
},
|
|
1785
1785
|
/* @__PURE__ */ e.createElement(
|
|
1786
1786
|
"div",
|
|
@@ -1841,14 +1841,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1841
1841
|
kind: "error"
|
|
1842
1842
|
}
|
|
1843
1843
|
}, xe = "alert", Qc = (c) => {
|
|
1844
|
-
var
|
|
1844
|
+
var d = c, {
|
|
1845
1845
|
children: t,
|
|
1846
1846
|
className: a,
|
|
1847
1847
|
primaryButton: r,
|
|
1848
1848
|
secondaryButton: _,
|
|
1849
1849
|
kind: o = "info",
|
|
1850
1850
|
onClose: l
|
|
1851
|
-
} =
|
|
1851
|
+
} = d, n = D(d, [
|
|
1852
1852
|
"children",
|
|
1853
1853
|
"className",
|
|
1854
1854
|
"primaryButton",
|
|
@@ -1856,19 +1856,19 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1856
1856
|
"kind",
|
|
1857
1857
|
"onClose"
|
|
1858
1858
|
]);
|
|
1859
|
-
const i = e.useRef(null), [
|
|
1859
|
+
const i = e.useRef(null), [s, p] = e.useState(null), m = u(
|
|
1860
1860
|
Se[xe],
|
|
1861
1861
|
Se[`${xe}--${o}`],
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1862
|
+
s === "large" && Se[`${xe}--large`],
|
|
1863
|
+
s === "medium" && Se[`${xe}--medium`],
|
|
1864
|
+
s === "small" && Se[`${xe}--small`],
|
|
1865
1865
|
a
|
|
1866
1866
|
);
|
|
1867
1867
|
return e.useEffect(() => {
|
|
1868
|
-
const
|
|
1869
|
-
|
|
1868
|
+
const f = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), b = n_(() => {
|
|
1869
|
+
f();
|
|
1870
1870
|
}, 500);
|
|
1871
|
-
return window.addEventListener("resize",
|
|
1871
|
+
return window.addEventListener("resize", b), f(), () => window.removeEventListener("resize", b);
|
|
1872
1872
|
}), /* @__PURE__ */ e.createElement("div", k({ ref: i, className: m }, n), /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content`] }, /* @__PURE__ */ e.createElement("div", { className: Se[`${xe}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1873
1873
|
x,
|
|
1874
1874
|
T(k({}, Go[o]), {
|
|
@@ -1951,9 +1951,9 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1951
1951
|
topBar: l,
|
|
1952
1952
|
topBarClassName: n,
|
|
1953
1953
|
sideNavigationContainerClassName: c,
|
|
1954
|
-
contentClassName:
|
|
1955
|
-
} = t, i = u(Je[p_], r), { isSideNavigationVisible:
|
|
1956
|
-
isVisible:
|
|
1954
|
+
contentClassName: d
|
|
1955
|
+
} = t, i = u(Je[p_], r), { isSideNavigationVisible: s } = no(), p = e.useRef(null), { isOpen: m, isMounted: f } = $r({
|
|
1956
|
+
isVisible: s,
|
|
1957
1957
|
elementRef: p
|
|
1958
1958
|
});
|
|
1959
1959
|
return /* @__PURE__ */ e.createElement("div", { className: i }, _, /* @__PURE__ */ e.createElement("div", { className: Je[nt] }, /* @__PURE__ */ e.createElement(
|
|
@@ -1989,14 +1989,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1989
1989
|
}
|
|
1990
1990
|
)
|
|
1991
1991
|
},
|
|
1992
|
-
|
|
1992
|
+
f && o
|
|
1993
1993
|
),
|
|
1994
1994
|
/* @__PURE__ */ e.createElement(
|
|
1995
1995
|
"div",
|
|
1996
1996
|
{
|
|
1997
1997
|
className: u(
|
|
1998
1998
|
Je[`${nt}__content-wrapper__content`],
|
|
1999
|
-
|
|
1999
|
+
d
|
|
2000
2000
|
)
|
|
2001
2001
|
},
|
|
2002
2002
|
a
|
|
@@ -2018,7 +2018,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
2018
2018
|
noGaps: l,
|
|
2019
2019
|
rightNode: n
|
|
2020
2020
|
}) => {
|
|
2021
|
-
const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(
|
|
2021
|
+
const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Tt[`${Dt}__header__title`] }, r), n);
|
|
2022
2022
|
return /* @__PURE__ */ e.createElement(
|
|
2023
2023
|
"div",
|
|
2024
2024
|
{
|
|
@@ -2053,7 +2053,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2053
2053
|
"side-navigation-item__label--active": "lc-SideNavigationItem-module__side-navigation-item__label--active___lHzUo",
|
|
2054
2054
|
"side-navigation-item__custom-label--active": "lc-SideNavigationItem-module__side-navigation-item__custom-label--active___js4w6"
|
|
2055
2055
|
}, De = "side-navigation-item", Vo = (m) => {
|
|
2056
|
-
var
|
|
2056
|
+
var f = m, {
|
|
2057
2057
|
leftNode: t,
|
|
2058
2058
|
shouldKeepIconSpace: a = !0,
|
|
2059
2059
|
url: r,
|
|
@@ -2062,10 +2062,10 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2062
2062
|
rightNode: l,
|
|
2063
2063
|
onClick: n,
|
|
2064
2064
|
isActive: c,
|
|
2065
|
-
isMainEntry:
|
|
2065
|
+
isMainEntry: d,
|
|
2066
2066
|
onItemHover: i,
|
|
2067
|
-
isIconHidden:
|
|
2068
|
-
} =
|
|
2067
|
+
isIconHidden: s
|
|
2068
|
+
} = f, p = D(f, [
|
|
2069
2069
|
"leftNode",
|
|
2070
2070
|
"shouldKeepIconSpace",
|
|
2071
2071
|
"url",
|
|
@@ -2078,10 +2078,10 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2078
2078
|
"onItemHover",
|
|
2079
2079
|
"isIconHidden"
|
|
2080
2080
|
]);
|
|
2081
|
-
const
|
|
2082
|
-
|
|
2083
|
-
}, h = (
|
|
2084
|
-
|
|
2081
|
+
const b = typeof _ == "string", v = (y) => {
|
|
2082
|
+
y.preventDefault(), n == null || n();
|
|
2083
|
+
}, h = (y) => {
|
|
2084
|
+
y.key === "Enter" && (y.preventDefault(), n == null || n());
|
|
2085
2085
|
};
|
|
2086
2086
|
return /* @__PURE__ */ e.createElement(
|
|
2087
2087
|
"li",
|
|
@@ -2096,8 +2096,8 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2096
2096
|
tabIndex: 0,
|
|
2097
2097
|
className: u(Te[`${De}__anchor`], {
|
|
2098
2098
|
[Te[`${De}__anchor--active`]]: c,
|
|
2099
|
-
[Te[`${De}__anchor--main-entry`]]:
|
|
2100
|
-
[Te[`${De}__anchor--icon-hidden`]]:
|
|
2099
|
+
[Te[`${De}__anchor--main-entry`]]: d,
|
|
2100
|
+
[Te[`${De}__anchor--icon-hidden`]]: s
|
|
2101
2101
|
}),
|
|
2102
2102
|
href: r,
|
|
2103
2103
|
onClick: v,
|
|
@@ -2109,18 +2109,18 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2109
2109
|
"span",
|
|
2110
2110
|
{
|
|
2111
2111
|
className: u(Te[`${De}__left-node`], {
|
|
2112
|
-
[Te[`${De}__left-node--active`]]: c ||
|
|
2112
|
+
[Te[`${De}__left-node--active`]]: c || d
|
|
2113
2113
|
}),
|
|
2114
2114
|
"data-testid": Wo
|
|
2115
2115
|
},
|
|
2116
2116
|
t
|
|
2117
2117
|
),
|
|
2118
|
-
|
|
2118
|
+
b ? /* @__PURE__ */ e.createElement(
|
|
2119
2119
|
B,
|
|
2120
2120
|
{
|
|
2121
|
-
bold: c ||
|
|
2121
|
+
bold: c || d,
|
|
2122
2122
|
className: u(Te[`${De}__label`], {
|
|
2123
|
-
[Te[`${De}__label--active`]]: c ||
|
|
2123
|
+
[Te[`${De}__label--active`]]: c || d
|
|
2124
2124
|
})
|
|
2125
2125
|
},
|
|
2126
2126
|
_
|
|
@@ -2128,7 +2128,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2128
2128
|
"span",
|
|
2129
2129
|
{
|
|
2130
2130
|
className: u(Te[`${De}__custom-label`], {
|
|
2131
|
-
[Te[`${De}__custom-label--active`]]: c ||
|
|
2131
|
+
[Te[`${De}__custom-label--active`]]: c || d
|
|
2132
2132
|
})
|
|
2133
2133
|
},
|
|
2134
2134
|
_
|
|
@@ -2155,13 +2155,13 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2155
2155
|
shouldOpenOnInit: n = !1,
|
|
2156
2156
|
shouldOpenOnActive: c = !1
|
|
2157
2157
|
}) => {
|
|
2158
|
-
const [
|
|
2158
|
+
const [d, i] = e.useState(!1), [s, p] = e.useState(0), m = e.useRef(!1), f = e.useRef(null), { isOpen: b, isMounted: v, setIsOpen: h } = $r({
|
|
2159
2159
|
isVisible: !o || n,
|
|
2160
|
-
elementRef:
|
|
2161
|
-
}),
|
|
2162
|
-
o && h((
|
|
2163
|
-
}, C = (
|
|
2164
|
-
const N =
|
|
2160
|
+
elementRef: f
|
|
2161
|
+
}), y = typeof a == "function" ? a(b) : a, E = typeof t == "function" ? t(b) : t, $ = () => h(!0), w = () => {
|
|
2162
|
+
o && h((g) => !g);
|
|
2163
|
+
}, C = (g) => {
|
|
2164
|
+
const N = g == null ? void 0 : g.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
|
|
2165
2165
|
(G) => G.getAttribute("data-active") === "true"
|
|
2166
2166
|
) : !1;
|
|
2167
2167
|
i(S);
|
|
@@ -2169,24 +2169,24 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2169
2169
|
p(M);
|
|
2170
2170
|
};
|
|
2171
2171
|
return e.useEffect(() => {
|
|
2172
|
-
c && (!m.current &&
|
|
2173
|
-
}, [
|
|
2172
|
+
c && (!m.current && d && $(), m.current = d);
|
|
2173
|
+
}, [d, c]), /* @__PURE__ */ e.createElement("div", { "data-testid": "side-navigation-group", className: ct[it] }, o ? /* @__PURE__ */ e.createElement(
|
|
2174
2174
|
Vo,
|
|
2175
2175
|
{
|
|
2176
2176
|
leftNode: /* @__PURE__ */ e.createElement(
|
|
2177
2177
|
"div",
|
|
2178
2178
|
{
|
|
2179
2179
|
className: u(ct[`${it}__chevron`], {
|
|
2180
|
-
[ct[`${it}__chevron--active`]]:
|
|
2180
|
+
[ct[`${it}__chevron--active`]]: b
|
|
2181
2181
|
})
|
|
2182
2182
|
},
|
|
2183
2183
|
/* @__PURE__ */ e.createElement(x, { source: La, size: "small" })
|
|
2184
2184
|
),
|
|
2185
|
-
label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 },
|
|
2185
|
+
label: /* @__PURE__ */ e.createElement(B, { className: ct[`${it}__label`], bold: !0 }, E),
|
|
2186
2186
|
isMainEntry: !0,
|
|
2187
2187
|
onClick: w,
|
|
2188
2188
|
onItemHover: l,
|
|
2189
|
-
rightNode:
|
|
2189
|
+
rightNode: y
|
|
2190
2190
|
}
|
|
2191
2191
|
) : /* @__PURE__ */ e.createElement(
|
|
2192
2192
|
B,
|
|
@@ -2195,18 +2195,18 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2195
2195
|
className: ct[`${it}__simple-label`],
|
|
2196
2196
|
onMouseEnter: l || Fa
|
|
2197
2197
|
},
|
|
2198
|
-
|
|
2198
|
+
E
|
|
2199
2199
|
), /* @__PURE__ */ e.createElement(
|
|
2200
2200
|
"div",
|
|
2201
2201
|
{
|
|
2202
|
-
ref:
|
|
2202
|
+
ref: f,
|
|
2203
2203
|
className: u([
|
|
2204
2204
|
ct[`${it}__list-wrapper`],
|
|
2205
2205
|
{
|
|
2206
|
-
[ct[`${it}__list-wrapper--expanded`]]:
|
|
2206
|
+
[ct[`${it}__list-wrapper--expanded`]]: b
|
|
2207
2207
|
}
|
|
2208
2208
|
]),
|
|
2209
|
-
style: { maxHeight:
|
|
2209
|
+
style: { maxHeight: b ? s : 0 }
|
|
2210
2210
|
},
|
|
2211
2211
|
v && /* @__PURE__ */ e.createElement(
|
|
2212
2212
|
"ul",
|
|
@@ -2257,14 +2257,14 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2257
2257
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
2258
2258
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
2259
2259
|
}, $a = "badge", Ra = (c) => {
|
|
2260
|
-
var
|
|
2260
|
+
var d = c, {
|
|
2261
2261
|
className: t,
|
|
2262
2262
|
count: a = 0,
|
|
2263
2263
|
max: r = 99,
|
|
2264
2264
|
kind: _ = "primary",
|
|
2265
2265
|
size: o = "medium",
|
|
2266
2266
|
type: l = "counter"
|
|
2267
|
-
} =
|
|
2267
|
+
} = d, n = D(d, [
|
|
2268
2268
|
"className",
|
|
2269
2269
|
"count",
|
|
2270
2270
|
"max",
|
|
@@ -2277,12 +2277,12 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2277
2277
|
Ca[$a],
|
|
2278
2278
|
Ca[`${$a}--${_}`],
|
|
2279
2279
|
Ca[`${$a}--${o}`]
|
|
2280
|
-
),
|
|
2280
|
+
), s = {
|
|
2281
2281
|
counter: Yo(a, r),
|
|
2282
2282
|
alert: "!",
|
|
2283
2283
|
dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Ca[`${$a}__dot`] })
|
|
2284
2284
|
}[l];
|
|
2285
|
-
return /* @__PURE__ */ e.createElement("span", k({ className: i }, n),
|
|
2285
|
+
return /* @__PURE__ */ e.createElement("span", k({ className: i }, n), s);
|
|
2286
2286
|
}, pt = {
|
|
2287
2287
|
"navigation-item": "lc-NavigationItem-module__navigation-item___uyE9V",
|
|
2288
2288
|
"navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___0oA-E",
|
|
@@ -2317,9 +2317,9 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2317
2317
|
disabled: l = !1,
|
|
2318
2318
|
badge: n,
|
|
2319
2319
|
isActive: c,
|
|
2320
|
-
onClick:
|
|
2320
|
+
onClick: d,
|
|
2321
2321
|
className: i
|
|
2322
|
-
} = m,
|
|
2322
|
+
} = m, s = D(m, [
|
|
2323
2323
|
"id",
|
|
2324
2324
|
"label",
|
|
2325
2325
|
"icon",
|
|
@@ -2371,9 +2371,9 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2371
2371
|
},
|
|
2372
2372
|
"lc-dark-theme"
|
|
2373
2373
|
),
|
|
2374
|
-
onClick: (
|
|
2374
|
+
onClick: (f) => !l && d(f, t),
|
|
2375
2375
|
href: _
|
|
2376
|
-
},
|
|
2376
|
+
}, s),
|
|
2377
2377
|
r
|
|
2378
2378
|
), n && Xo(n, t))
|
|
2379
2379
|
},
|
|
@@ -2429,24 +2429,24 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2429
2429
|
secondaryCta: l,
|
|
2430
2430
|
isVisible: n = !0
|
|
2431
2431
|
}) => {
|
|
2432
|
-
const c = e.useRef(null), { isMounted:
|
|
2432
|
+
const c = e.useRef(null), { isMounted: d, isOpen: i } = $r({
|
|
2433
2433
|
isVisible: n,
|
|
2434
2434
|
elementRef: c
|
|
2435
|
-
}),
|
|
2435
|
+
}), s = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", f = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
|
|
2436
2436
|
W,
|
|
2437
2437
|
k({
|
|
2438
2438
|
size: "compact",
|
|
2439
|
-
kind:
|
|
2439
|
+
kind: s ? p : m
|
|
2440
2440
|
}, o),
|
|
2441
2441
|
o.label
|
|
2442
|
-
), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null,
|
|
2442
|
+
), l && /* @__PURE__ */ e.createElement(W, k({ size: "compact", kind: p }, l), l.label)) : null, b = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, f), r && /* @__PURE__ */ e.createElement(
|
|
2443
2443
|
"button",
|
|
2444
2444
|
k({
|
|
2445
2445
|
className: Ve[`${st}__close-button`]
|
|
2446
2446
|
}, r),
|
|
2447
2447
|
/* @__PURE__ */ e.createElement(x, { source: Ie })
|
|
2448
2448
|
));
|
|
2449
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
2449
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, d && /* @__PURE__ */ e.createElement(
|
|
2450
2450
|
"div",
|
|
2451
2451
|
{
|
|
2452
2452
|
className: u(
|
|
@@ -2473,7 +2473,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2473
2473
|
t
|
|
2474
2474
|
)
|
|
2475
2475
|
},
|
|
2476
|
-
|
|
2476
|
+
b
|
|
2477
2477
|
)
|
|
2478
2478
|
));
|
|
2479
2479
|
};
|
|
@@ -2566,9 +2566,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2566
2566
|
src: l,
|
|
2567
2567
|
status: n,
|
|
2568
2568
|
text: c,
|
|
2569
|
-
type:
|
|
2569
|
+
type: d,
|
|
2570
2570
|
withRim: i = !1
|
|
2571
|
-
} = m,
|
|
2571
|
+
} = m, s = D(m, [
|
|
2572
2572
|
"alt",
|
|
2573
2573
|
"className",
|
|
2574
2574
|
"color",
|
|
@@ -2580,7 +2580,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2580
2580
|
"type",
|
|
2581
2581
|
"withRim"
|
|
2582
2582
|
]);
|
|
2583
|
-
const
|
|
2583
|
+
const f = d === "image" && !l, [b, v] = e.useState(f), h = d === "image" && !!l && !b, y = d === "text", E = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, E), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), g = C ? _l(C) : void 0, N = y ? { backgroundColor: C } : {}, S = u(k({
|
|
2584
2584
|
[Ee[_e]]: !0,
|
|
2585
2585
|
[Ee[`${_e}--${_}`]]: !0,
|
|
2586
2586
|
[Ee[`${_e}--${o}`]]: !0,
|
|
@@ -2598,8 +2598,8 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2598
2598
|
Ee[`${_e}__rim--${o}`]
|
|
2599
2599
|
), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
|
|
2600
2600
|
return e.useEffect(() => {
|
|
2601
|
-
v(
|
|
2602
|
-
}, [
|
|
2601
|
+
v(f);
|
|
2602
|
+
}, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, s), i && /* @__PURE__ */ e.createElement(
|
|
2603
2603
|
"div",
|
|
2604
2604
|
{
|
|
2605
2605
|
"data-testid": `${_e}__rim`,
|
|
@@ -2619,17 +2619,17 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2619
2619
|
alt: t,
|
|
2620
2620
|
onError: Y
|
|
2621
2621
|
}
|
|
2622
|
-
),
|
|
2623
|
-
|
|
2622
|
+
), y && /* @__PURE__ */ e.createElement(
|
|
2623
|
+
ne,
|
|
2624
2624
|
{
|
|
2625
2625
|
as: "span",
|
|
2626
2626
|
size: O(o),
|
|
2627
|
-
style: { color:
|
|
2627
|
+
style: { color: g },
|
|
2628
2628
|
bold: w,
|
|
2629
2629
|
uppercase: w
|
|
2630
2630
|
},
|
|
2631
2631
|
$
|
|
2632
|
-
),
|
|
2632
|
+
), b && /* @__PURE__ */ e.createElement(
|
|
2633
2633
|
x,
|
|
2634
2634
|
{
|
|
2635
2635
|
"data-testid": `${_e}__icon`,
|
|
@@ -2653,30 +2653,30 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2653
2653
|
fullWidth: l = !1,
|
|
2654
2654
|
onButtonClick: n = Fa
|
|
2655
2655
|
}) => {
|
|
2656
|
-
const c = u(Na[dl], r), [
|
|
2656
|
+
const c = u(Na[dl], r), [d, i] = e.useState(() => _), s = typeof o == "string";
|
|
2657
2657
|
e.useEffect(() => {
|
|
2658
|
-
|
|
2658
|
+
s && i(o);
|
|
2659
2659
|
}, [o]);
|
|
2660
|
-
const p = (
|
|
2661
|
-
|
|
2662
|
-
}, m = a.map(({ id:
|
|
2663
|
-
const
|
|
2660
|
+
const p = (f, b) => {
|
|
2661
|
+
s || i(f), n(f, b);
|
|
2662
|
+
}, m = a.map(({ id: f, label: b, loading: v, disabled: h, icon: y }) => {
|
|
2663
|
+
const E = f === d, $ = E ? Na["btn--active"] : "", w = E ? !1 : v;
|
|
2664
2664
|
return /* @__PURE__ */ e.createElement(
|
|
2665
2665
|
W,
|
|
2666
2666
|
{
|
|
2667
|
-
key:
|
|
2667
|
+
key: f,
|
|
2668
2668
|
fullWidth: l,
|
|
2669
2669
|
loading: w,
|
|
2670
2670
|
disabled: h,
|
|
2671
|
-
"aria-pressed":
|
|
2671
|
+
"aria-pressed": E,
|
|
2672
2672
|
kind: "secondary",
|
|
2673
|
-
icon:
|
|
2673
|
+
icon: y,
|
|
2674
2674
|
className: u(Na.btn, Na[`btn--${t}`], $),
|
|
2675
2675
|
onClick: (C) => {
|
|
2676
|
-
p(
|
|
2676
|
+
p(f, C);
|
|
2677
2677
|
}
|
|
2678
2678
|
},
|
|
2679
|
-
|
|
2679
|
+
b
|
|
2680
2680
|
);
|
|
2681
2681
|
});
|
|
2682
2682
|
return /* @__PURE__ */ e.createElement("div", { role: "group", className: c }, m);
|
|
@@ -2695,7 +2695,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2695
2695
|
card__actions__buttons: El,
|
|
2696
2696
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
2697
2697
|
}, na = "card", Ma = `${na}__header`, tr = `${Ma}__heading`, Sa = `${na}__actions`, yl = `${Ma}__no-image`, ni = (i) => {
|
|
2698
|
-
var
|
|
2698
|
+
var s = i, {
|
|
2699
2699
|
alt: t,
|
|
2700
2700
|
buttonsOptions: a = [],
|
|
2701
2701
|
children: r,
|
|
@@ -2704,7 +2704,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2704
2704
|
expandableContent: l,
|
|
2705
2705
|
src: n,
|
|
2706
2706
|
title: c
|
|
2707
|
-
} =
|
|
2707
|
+
} = s, d = D(s, [
|
|
2708
2708
|
"alt",
|
|
2709
2709
|
"buttonsOptions",
|
|
2710
2710
|
"children",
|
|
@@ -2714,15 +2714,15 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2714
2714
|
"src",
|
|
2715
2715
|
"title"
|
|
2716
2716
|
]);
|
|
2717
|
-
const [p, m] = e.useState(!1),
|
|
2718
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) },
|
|
2717
|
+
const [p, m] = e.useState(!1), f = p ? Oa : Ot, b = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, y = v || h, E = c, $ = n, w = $ ? "" : ye[yl];
|
|
2718
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, d), E && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
|
|
2719
2719
|
"img",
|
|
2720
2720
|
{
|
|
2721
2721
|
alt: t,
|
|
2722
2722
|
className: ye[`${Ma}__image`],
|
|
2723
2723
|
src: n
|
|
2724
2724
|
}
|
|
2725
|
-
), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(
|
|
2725
|
+
), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(ne, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
|
|
2726
2726
|
B,
|
|
2727
2727
|
{
|
|
2728
2728
|
size: "sm",
|
|
@@ -2737,14 +2737,14 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2737
2737
|
className: ye[`${na}__expanded-content`]
|
|
2738
2738
|
},
|
|
2739
2739
|
l
|
|
2740
|
-
),
|
|
2741
|
-
({ kind: C, onClick:
|
|
2740
|
+
), y && /* @__PURE__ */ e.createElement("div", { className: ye[Sa] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ye[`${Sa}__buttons`] }, v && a.map(
|
|
2741
|
+
({ kind: C, onClick: g, children: N }, S) => /* @__PURE__ */ e.createElement(
|
|
2742
2742
|
W,
|
|
2743
2743
|
{
|
|
2744
2744
|
key: S,
|
|
2745
2745
|
size: "compact",
|
|
2746
2746
|
kind: C,
|
|
2747
|
-
onClick:
|
|
2747
|
+
onClick: g
|
|
2748
2748
|
},
|
|
2749
2749
|
N
|
|
2750
2750
|
)
|
|
@@ -2754,10 +2754,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2754
2754
|
className: ye[`${Sa}__buttons-expander`],
|
|
2755
2755
|
kind: "link",
|
|
2756
2756
|
iconPosition: "right",
|
|
2757
|
-
icon: /* @__PURE__ */ e.createElement(x, { source:
|
|
2757
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: f }),
|
|
2758
2758
|
onClick: () => m(!p)
|
|
2759
2759
|
},
|
|
2760
|
-
|
|
2760
|
+
b
|
|
2761
2761
|
))));
|
|
2762
2762
|
}, wl = {
|
|
2763
2763
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
@@ -2783,7 +2783,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2783
2783
|
checkbox__helper: Tl
|
|
2784
2784
|
}, Et = "checkbox", Dl = e.forwardRef(
|
|
2785
2785
|
(c, n) => {
|
|
2786
|
-
var
|
|
2786
|
+
var d = c, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = D(d, ["checked", "disabled", "children", "description", "className"]);
|
|
2787
2787
|
return /* @__PURE__ */ e.createElement(
|
|
2788
2788
|
"div",
|
|
2789
2789
|
{
|
|
@@ -2849,34 +2849,34 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2849
2849
|
showPreviousButton: l,
|
|
2850
2850
|
className: n,
|
|
2851
2851
|
classNames: c,
|
|
2852
|
-
numberOfMonths:
|
|
2852
|
+
numberOfMonths: d,
|
|
2853
2853
|
month: i,
|
|
2854
|
-
fromMonth:
|
|
2854
|
+
fromMonth: s,
|
|
2855
2855
|
toMonth: p
|
|
2856
2856
|
} = t, m = () => {
|
|
2857
2857
|
typeof a == "function" && a();
|
|
2858
|
-
},
|
|
2858
|
+
}, f = () => {
|
|
2859
2859
|
typeof _ == "function" && _();
|
|
2860
|
-
},
|
|
2861
|
-
if (!
|
|
2862
|
-
const
|
|
2863
|
-
return r(
|
|
2860
|
+
}, b = () => {
|
|
2861
|
+
if (!s) {
|
|
2862
|
+
const E = Rt(i, 12);
|
|
2863
|
+
return r(E);
|
|
2864
2864
|
}
|
|
2865
|
-
const h = Math.abs(Ir(i,
|
|
2865
|
+
const h = Math.abs(Ir(i, s)), y = Rt(
|
|
2866
2866
|
i,
|
|
2867
2867
|
!Number.isNaN(h) && h > 12 ? 12 : h
|
|
2868
2868
|
);
|
|
2869
|
-
return r(
|
|
2869
|
+
return r(y);
|
|
2870
2870
|
}, v = () => {
|
|
2871
2871
|
if (!p) {
|
|
2872
|
-
const
|
|
2873
|
-
return r(
|
|
2872
|
+
const E = Tr(i, 12);
|
|
2873
|
+
return r(E);
|
|
2874
2874
|
}
|
|
2875
|
-
const h = Math.abs(Ir(p, i)),
|
|
2875
|
+
const h = Math.abs(Ir(p, i)), y = Tr(
|
|
2876
2876
|
i,
|
|
2877
2877
|
!Number.isNaN(h) && h > 12 ? 12 : h
|
|
2878
2878
|
);
|
|
2879
|
-
return
|
|
2879
|
+
return d === 2 && pr(y, p) ? r(Rt(y, 1)) : r(y);
|
|
2880
2880
|
};
|
|
2881
2881
|
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2882
2882
|
"button",
|
|
@@ -2886,7 +2886,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2886
2886
|
[c.navButtonPrev]: !0,
|
|
2887
2887
|
[c.navButtonInteractionDisabled]: !l
|
|
2888
2888
|
}),
|
|
2889
|
-
onClick:
|
|
2889
|
+
onClick: b
|
|
2890
2890
|
},
|
|
2891
2891
|
/* @__PURE__ */ e.createElement(x, { source: D_, kind: "subtle" })
|
|
2892
2892
|
), /* @__PURE__ */ e.createElement(
|
|
@@ -2908,7 +2908,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2908
2908
|
[c.navButtonNext]: !0,
|
|
2909
2909
|
[c.navButtonInteractionDisabled]: !o
|
|
2910
2910
|
}),
|
|
2911
|
-
onClick:
|
|
2911
|
+
onClick: f
|
|
2912
2912
|
},
|
|
2913
2913
|
/* @__PURE__ */ e.createElement(x, { source: La, kind: "subtle" })
|
|
2914
2914
|
), /* @__PURE__ */ e.createElement(
|
|
@@ -2992,7 +2992,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2992
2992
|
const a = t.getDate();
|
|
2993
2993
|
return /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: F[`${Wr}__day-content`] }, a));
|
|
2994
2994
|
}, Ll = (t) => {
|
|
2995
|
-
const
|
|
2995
|
+
const y = t, {
|
|
2996
2996
|
classNames: a,
|
|
2997
2997
|
range: r,
|
|
2998
2998
|
toMonth: _,
|
|
@@ -3000,10 +3000,10 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
3000
3000
|
fromMonth: l,
|
|
3001
3001
|
firstDayOfWeek: n,
|
|
3002
3002
|
numberOfMonths: c,
|
|
3003
|
-
navbarElement:
|
|
3003
|
+
navbarElement: d,
|
|
3004
3004
|
renderDay: i,
|
|
3005
|
-
innerRef:
|
|
3006
|
-
} =
|
|
3005
|
+
innerRef: s
|
|
3006
|
+
} = y, p = D(y, [
|
|
3007
3007
|
"classNames",
|
|
3008
3008
|
"range",
|
|
3009
3009
|
"toMonth",
|
|
@@ -3014,19 +3014,19 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
3014
3014
|
"navbarElement",
|
|
3015
3015
|
"renderDay",
|
|
3016
3016
|
"innerRef"
|
|
3017
|
-
]), [m,
|
|
3017
|
+
]), [m, f] = e.useState(o || /* @__PURE__ */ new Date());
|
|
3018
3018
|
e.useEffect(() => {
|
|
3019
|
-
o && o !== m &&
|
|
3019
|
+
o && o !== m && f(o);
|
|
3020
3020
|
}, [o, m]), e.useEffect(() => {
|
|
3021
|
-
_ && o !== m && (f_(m, { from: l, to: _ }) ||
|
|
3021
|
+
_ && o !== m && (f_(m, { from: l, to: _ }) || f(_));
|
|
3022
3022
|
}, [o, m, _, l]);
|
|
3023
|
-
const
|
|
3024
|
-
(
|
|
3025
|
-
if (t.onMonthChange &&
|
|
3026
|
-
t.onMonthChange(
|
|
3023
|
+
const b = e.useCallback(
|
|
3024
|
+
(E) => {
|
|
3025
|
+
if (t.onMonthChange && E) {
|
|
3026
|
+
t.onMonthChange(E);
|
|
3027
3027
|
return;
|
|
3028
3028
|
}
|
|
3029
|
-
|
|
3029
|
+
f(E);
|
|
3030
3030
|
},
|
|
3031
3031
|
[o, t.onMonthChange]
|
|
3032
3032
|
);
|
|
@@ -3039,18 +3039,18 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
3039
3039
|
return /* @__PURE__ */ e.createElement(
|
|
3040
3040
|
_o,
|
|
3041
3041
|
k({
|
|
3042
|
-
navbarElement:
|
|
3042
|
+
navbarElement: d || /* @__PURE__ */ e.createElement(
|
|
3043
3043
|
Pl,
|
|
3044
3044
|
{
|
|
3045
3045
|
month: m,
|
|
3046
3046
|
classNames: h,
|
|
3047
3047
|
numberOfMonths: c,
|
|
3048
|
-
onMonthChange:
|
|
3048
|
+
onMonthChange: b,
|
|
3049
3049
|
toMonth: _,
|
|
3050
3050
|
fromMonth: l
|
|
3051
3051
|
}
|
|
3052
3052
|
),
|
|
3053
|
-
ref:
|
|
3053
|
+
ref: s,
|
|
3054
3054
|
classNames: h,
|
|
3055
3055
|
numberOfMonths: c,
|
|
3056
3056
|
toMonth: _,
|
|
@@ -3136,7 +3136,7 @@ const Gl = (t) => {
|
|
|
3136
3136
|
}) => {
|
|
3137
3137
|
const c = B_(
|
|
3138
3138
|
a || null
|
|
3139
|
-
), [
|
|
3139
|
+
), [d, i] = Gl({
|
|
3140
3140
|
options: t,
|
|
3141
3141
|
initialSelectedItemKey: a,
|
|
3142
3142
|
initialFromDate: r,
|
|
@@ -3166,18 +3166,18 @@ const Gl = (t) => {
|
|
|
3166
3166
|
payload: { date: v }
|
|
3167
3167
|
});
|
|
3168
3168
|
}, [o, r, _]), Ft(() => {
|
|
3169
|
-
const { from: v, selectedItem: h, to:
|
|
3170
|
-
if (!(v &&
|
|
3169
|
+
const { from: v, selectedItem: h, to: y } = d;
|
|
3170
|
+
if (!(v && y))
|
|
3171
3171
|
return;
|
|
3172
|
-
const
|
|
3173
|
-
|
|
3172
|
+
const E = oa(h, t);
|
|
3173
|
+
E && (l == null || l(T(k({}, E), {
|
|
3174
3174
|
value: {
|
|
3175
3175
|
from: v,
|
|
3176
|
-
to:
|
|
3176
|
+
to: y
|
|
3177
3177
|
}
|
|
3178
3178
|
})));
|
|
3179
|
-
}, [
|
|
3180
|
-
const { selectedItem: v } =
|
|
3179
|
+
}, [d.from, d.to, d.selectedItem, t, l]), Ft(() => {
|
|
3180
|
+
const { selectedItem: v } = d;
|
|
3181
3181
|
if (v === c.current)
|
|
3182
3182
|
return;
|
|
3183
3183
|
if (!v) {
|
|
@@ -3186,25 +3186,25 @@ const Gl = (t) => {
|
|
|
3186
3186
|
}
|
|
3187
3187
|
if (!oa(v, t))
|
|
3188
3188
|
return;
|
|
3189
|
-
const
|
|
3190
|
-
(
|
|
3189
|
+
const y = t.reduce(
|
|
3190
|
+
(E, $) => T(k({}, E), { [$.id]: $ }),
|
|
3191
3191
|
{}
|
|
3192
3192
|
);
|
|
3193
|
-
l(
|
|
3194
|
-
}, [l,
|
|
3195
|
-
const
|
|
3193
|
+
l(y[v]);
|
|
3194
|
+
}, [l, d.selectedItem, t]);
|
|
3195
|
+
const s = ka(
|
|
3196
3196
|
(v) => {
|
|
3197
3197
|
const h = o ? wr(o, v) >= 0 : !0;
|
|
3198
|
-
!zr(
|
|
3198
|
+
!zr(d.from, d.to) && h && i({
|
|
3199
3199
|
type: Z.NEW_TEMPORARY_TO_VALUE,
|
|
3200
3200
|
payload: { date: v }
|
|
3201
3201
|
});
|
|
3202
3202
|
},
|
|
3203
|
-
[o,
|
|
3203
|
+
[o, d.from, d.to]
|
|
3204
3204
|
), p = ka(
|
|
3205
3205
|
(v) => {
|
|
3206
|
-
const { from: h, to:
|
|
3207
|
-
f_(v, { to: o }) && (zr(h,
|
|
3206
|
+
const { from: h, to: y } = d;
|
|
3207
|
+
f_(v, { to: o }) && (zr(h, y) ? i({
|
|
3208
3208
|
type: Z.SELECT_FIRST_DAY,
|
|
3209
3209
|
payload: { date: v }
|
|
3210
3210
|
}) : h && gr(v, h) || h && fr(v, h) ? i({
|
|
@@ -3215,7 +3215,7 @@ const Gl = (t) => {
|
|
|
3215
3215
|
payload: { date: v }
|
|
3216
3216
|
}));
|
|
3217
3217
|
},
|
|
3218
|
-
[o,
|
|
3218
|
+
[o, d.from, d.to]
|
|
3219
3219
|
), m = ka(
|
|
3220
3220
|
(v) => {
|
|
3221
3221
|
if (v === null) {
|
|
@@ -3231,21 +3231,21 @@ const Gl = (t) => {
|
|
|
3231
3231
|
});
|
|
3232
3232
|
},
|
|
3233
3233
|
[t]
|
|
3234
|
-
),
|
|
3234
|
+
), f = ka((v) => {
|
|
3235
3235
|
i({
|
|
3236
3236
|
type: Z.CURRENT_MONTH_CHANGE,
|
|
3237
3237
|
payload: { date: v }
|
|
3238
3238
|
});
|
|
3239
3239
|
}, []);
|
|
3240
3240
|
return n((() => {
|
|
3241
|
-
const { currentMonth: v, from: h, selectedItem:
|
|
3242
|
-
() => Al(h,
|
|
3243
|
-
[h,
|
|
3244
|
-
), C = Ea(() => oa(
|
|
3241
|
+
const { currentMonth: v, from: h, selectedItem: y, temporaryTo: E, to: $ } = d, w = Ea(
|
|
3242
|
+
() => Al(h, E),
|
|
3243
|
+
[h, E]
|
|
3244
|
+
), C = Ea(() => oa(y, t), [t, y]), g = Ea(() => [h, { from: h, to: E }], [h, E]), N = Ea(() => o ? { after: o } : void 0, [o]);
|
|
3245
3245
|
return {
|
|
3246
3246
|
select: {
|
|
3247
3247
|
onItemSelect: m,
|
|
3248
|
-
selected:
|
|
3248
|
+
selected: y || ""
|
|
3249
3249
|
},
|
|
3250
3250
|
inputs: {
|
|
3251
3251
|
fromDate: h,
|
|
@@ -3256,13 +3256,13 @@ const Gl = (t) => {
|
|
|
3256
3256
|
month: v,
|
|
3257
3257
|
numberOfMonths: 2,
|
|
3258
3258
|
onDayClick: p,
|
|
3259
|
-
selectedDays:
|
|
3259
|
+
selectedDays: g,
|
|
3260
3260
|
modifiers: w,
|
|
3261
3261
|
initialMonth: o && Rt(o, 1),
|
|
3262
3262
|
toMonth: o,
|
|
3263
3263
|
disabledDays: N,
|
|
3264
|
-
onDayMouseEnter:
|
|
3265
|
-
onMonthChange:
|
|
3264
|
+
onDayMouseEnter: s,
|
|
3265
|
+
onMonthChange: f
|
|
3266
3266
|
},
|
|
3267
3267
|
selectedOption: C
|
|
3268
3268
|
};
|
|
@@ -3317,37 +3317,37 @@ const ci = (t) => {
|
|
|
3317
3317
|
withDivider: l,
|
|
3318
3318
|
fullSpaceContent: n,
|
|
3319
3319
|
openOnInit: c = !1,
|
|
3320
|
-
hideLabelOnOpen:
|
|
3320
|
+
hideLabelOnOpen: d,
|
|
3321
3321
|
onClick: i
|
|
3322
3322
|
}) => {
|
|
3323
|
-
const [
|
|
3323
|
+
const [s, p] = e.useState(c), [m, f] = e.useState(0), b = e.useRef(null), v = u(
|
|
3324
3324
|
H[z],
|
|
3325
3325
|
l && H[`${z}--with-divider`],
|
|
3326
3326
|
a
|
|
3327
|
-
), h =
|
|
3327
|
+
), h = d && s, y = typeof o == "string", E = (w) => {
|
|
3328
3328
|
p((C) => !C), w.currentTarget.blur(), i == null || i(w);
|
|
3329
3329
|
}, $ = (w) => {
|
|
3330
|
-
const
|
|
3331
|
-
Hl.includes(
|
|
3330
|
+
const g = w.target.tagName.toLowerCase();
|
|
3331
|
+
Hl.includes(g) || (p((N) => !N), i == null || i(w));
|
|
3332
3332
|
};
|
|
3333
3333
|
return e.useEffect(() => {
|
|
3334
3334
|
const w = !!window.IntersectionObserver;
|
|
3335
|
-
if (
|
|
3335
|
+
if (b.current && w) {
|
|
3336
3336
|
const C = new ResizeObserver(() => {
|
|
3337
|
-
|
|
3337
|
+
b.current && m !== b.current.offsetHeight && f(b.current.offsetHeight);
|
|
3338
3338
|
});
|
|
3339
|
-
return C.observe(
|
|
3339
|
+
return C.observe(b.current), () => C.disconnect();
|
|
3340
3340
|
}
|
|
3341
|
-
}, [
|
|
3341
|
+
}, [b]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
|
|
3342
3342
|
"div",
|
|
3343
3343
|
{
|
|
3344
3344
|
className: u(
|
|
3345
3345
|
H[`${z}__label-wrapper`],
|
|
3346
|
-
|
|
3346
|
+
d && H[`${z}__label-wrapper--fading`],
|
|
3347
3347
|
h && H[`${z}__label-wrapper--hide`],
|
|
3348
|
-
|
|
3348
|
+
s && H[`${z}__label-wrapper--open`]
|
|
3349
3349
|
),
|
|
3350
|
-
"aria-expanded":
|
|
3350
|
+
"aria-expanded": s,
|
|
3351
3351
|
"aria-hidden": h,
|
|
3352
3352
|
"data-testid": "details-card-label",
|
|
3353
3353
|
onClick: $
|
|
@@ -3357,12 +3357,12 @@ const ci = (t) => {
|
|
|
3357
3357
|
{
|
|
3358
3358
|
className: u(
|
|
3359
3359
|
H[`${z}__label`],
|
|
3360
|
-
|
|
3360
|
+
d && H[`${z}__label--with-margin`]
|
|
3361
3361
|
)
|
|
3362
3362
|
},
|
|
3363
3363
|
r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
|
|
3364
|
-
|
|
3365
|
-
|
|
3364
|
+
y ? /* @__PURE__ */ e.createElement(
|
|
3365
|
+
ne,
|
|
3366
3366
|
{
|
|
3367
3367
|
size: "xs",
|
|
3368
3368
|
className: H[`${z}__label__content`]
|
|
@@ -3374,45 +3374,45 @@ const ci = (t) => {
|
|
|
3374
3374
|
), /* @__PURE__ */ e.createElement(
|
|
3375
3375
|
W,
|
|
3376
3376
|
{
|
|
3377
|
-
kind:
|
|
3377
|
+
kind: s && d ? "float" : "text",
|
|
3378
3378
|
icon: /* @__PURE__ */ e.createElement(
|
|
3379
3379
|
x,
|
|
3380
3380
|
{
|
|
3381
3381
|
source: La,
|
|
3382
3382
|
className: u(
|
|
3383
3383
|
H[`${z}__button__icon`],
|
|
3384
|
-
|
|
3384
|
+
s && H[`${z}__button__icon--open`]
|
|
3385
3385
|
)
|
|
3386
3386
|
}
|
|
3387
3387
|
),
|
|
3388
3388
|
className: u(
|
|
3389
3389
|
H[`${z}__button`],
|
|
3390
|
-
!
|
|
3391
|
-
|
|
3392
|
-
|
|
3390
|
+
!s && H[`${z}__button--closed`],
|
|
3391
|
+
s && H[`${z}__button--open`],
|
|
3392
|
+
d && H[`${z}__button--fading`]
|
|
3393
3393
|
),
|
|
3394
|
-
onClick:
|
|
3395
|
-
"aria-expanded":
|
|
3394
|
+
onClick: E,
|
|
3395
|
+
"aria-expanded": s
|
|
3396
3396
|
}
|
|
3397
3397
|
), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
3398
3398
|
"div",
|
|
3399
3399
|
{
|
|
3400
3400
|
className: u(
|
|
3401
3401
|
H[`${z}__content-wrapper`],
|
|
3402
|
-
|
|
3402
|
+
s && H[`${z}__content-wrapper--open`]
|
|
3403
3403
|
),
|
|
3404
3404
|
style: {
|
|
3405
|
-
maxHeight:
|
|
3405
|
+
maxHeight: s ? m : 0
|
|
3406
3406
|
}
|
|
3407
3407
|
},
|
|
3408
3408
|
/* @__PURE__ */ e.createElement(
|
|
3409
3409
|
"div",
|
|
3410
3410
|
{
|
|
3411
|
-
ref:
|
|
3411
|
+
ref: b,
|
|
3412
3412
|
className: u(
|
|
3413
3413
|
H[`${z}__content`],
|
|
3414
3414
|
n && H[`${z}__content--full-space`],
|
|
3415
|
-
|
|
3415
|
+
d && H[`${z}__content--spacing`]
|
|
3416
3416
|
)
|
|
3417
3417
|
},
|
|
3418
3418
|
t
|
|
@@ -3450,14 +3450,14 @@ const ci = (t) => {
|
|
|
3450
3450
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
3451
3451
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
3452
3452
|
}, or = "field-group", di = (c) => {
|
|
3453
|
-
var
|
|
3453
|
+
var d = c, {
|
|
3454
3454
|
className: t = "",
|
|
3455
3455
|
children: a,
|
|
3456
3456
|
description: r,
|
|
3457
3457
|
error: _,
|
|
3458
3458
|
inline: o,
|
|
3459
3459
|
stretch: l
|
|
3460
|
-
} =
|
|
3460
|
+
} = d, n = D(d, [
|
|
3461
3461
|
"className",
|
|
3462
3462
|
"children",
|
|
3463
3463
|
"description",
|
|
@@ -3490,7 +3490,7 @@ const ci = (t) => {
|
|
|
3490
3490
|
"helperText",
|
|
3491
3491
|
"formFooter"
|
|
3492
3492
|
]);
|
|
3493
|
-
return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(
|
|
3493
|
+
return /* @__PURE__ */ e.createElement("form", k({ className: u(Kt[Yt], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__header`] }, r && /* @__PURE__ */ e.createElement(ne, { size: "sm", className: Kt[`${Yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(B, { as: "p", size: "sm", className: Kt[`${Yt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Kt[`${Yt}__footer`] }, o));
|
|
3494
3494
|
}, J = {
|
|
3495
3495
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
3496
3496
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -3517,9 +3517,9 @@ const ci = (t) => {
|
|
|
3517
3517
|
className: l,
|
|
3518
3518
|
labelFor: n,
|
|
3519
3519
|
children: c,
|
|
3520
|
-
labelRightNode:
|
|
3520
|
+
labelRightNode: d
|
|
3521
3521
|
}) => {
|
|
3522
|
-
const i = e.useRef(null), [
|
|
3522
|
+
const i = e.useRef(null), [s, p] = e.useState("auto"), m = u(
|
|
3523
3523
|
J[j],
|
|
3524
3524
|
{
|
|
3525
3525
|
[J[`${j}--inline`]]: t
|
|
@@ -3527,9 +3527,9 @@ const ci = (t) => {
|
|
|
3527
3527
|
l
|
|
3528
3528
|
);
|
|
3529
3529
|
return e.useEffect(() => {
|
|
3530
|
-
const
|
|
3531
|
-
return t &&
|
|
3532
|
-
}), /* @__PURE__ */ e.createElement("div", { className: m },
|
|
3530
|
+
const f = i;
|
|
3531
|
+
return t && f.current ? p(`${f.current.clientHeight}px`) : p("auto");
|
|
3532
|
+
}), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3533
3533
|
B,
|
|
3534
3534
|
{
|
|
3535
3535
|
as: "div",
|
|
@@ -3539,7 +3539,7 @@ const ci = (t) => {
|
|
|
3539
3539
|
J[`${j}__label-right-node--inline`]
|
|
3540
3540
|
)
|
|
3541
3541
|
},
|
|
3542
|
-
|
|
3542
|
+
d
|
|
3543
3543
|
), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
3544
3544
|
"div",
|
|
3545
3545
|
{
|
|
@@ -3548,7 +3548,7 @@ const ci = (t) => {
|
|
|
3548
3548
|
t && J[`${j}__wrapper--inline`]
|
|
3549
3549
|
)
|
|
3550
3550
|
},
|
|
3551
|
-
(_ ||
|
|
3551
|
+
(_ || d) && /* @__PURE__ */ e.createElement(
|
|
3552
3552
|
"div",
|
|
3553
3553
|
{
|
|
3554
3554
|
className: u(
|
|
@@ -3565,7 +3565,7 @@ const ci = (t) => {
|
|
|
3565
3565
|
t && J[`${j}__label-wrapper--inline`]
|
|
3566
3566
|
),
|
|
3567
3567
|
style: {
|
|
3568
|
-
height:
|
|
3568
|
+
height: s
|
|
3569
3569
|
}
|
|
3570
3570
|
},
|
|
3571
3571
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3589,14 +3589,14 @@ const ci = (t) => {
|
|
|
3589
3589
|
o
|
|
3590
3590
|
)
|
|
3591
3591
|
),
|
|
3592
|
-
|
|
3592
|
+
d && !t && /* @__PURE__ */ e.createElement(
|
|
3593
3593
|
B,
|
|
3594
3594
|
{
|
|
3595
3595
|
as: "div",
|
|
3596
3596
|
size: "sm",
|
|
3597
3597
|
className: u(J[`${j}__label-right-node`])
|
|
3598
3598
|
},
|
|
3599
|
-
|
|
3599
|
+
d
|
|
3600
3600
|
)
|
|
3601
3601
|
),
|
|
3602
3602
|
/* @__PURE__ */ e.createElement("div", { className: u(J[`${j}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, c), a && /* @__PURE__ */ e.createElement(Sr, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
@@ -3633,7 +3633,7 @@ const ci = (t) => {
|
|
|
3633
3633
|
className: c
|
|
3634
3634
|
}),
|
|
3635
3635
|
(r || _) && /* @__PURE__ */ e.createElement("div", { className: xa[`${Ba}__header`] }, r && /* @__PURE__ */ e.createElement(
|
|
3636
|
-
|
|
3636
|
+
ne,
|
|
3637
3637
|
{
|
|
3638
3638
|
as: "div",
|
|
3639
3639
|
size: "sm",
|
|
@@ -3668,8 +3668,8 @@ const ci = (t) => {
|
|
|
3668
3668
|
}
|
|
3669
3669
|
)
|
|
3670
3670
|
}), gi = e.forwardRef(
|
|
3671
|
-
(
|
|
3672
|
-
var i =
|
|
3671
|
+
(d, c) => {
|
|
3672
|
+
var i = d, {
|
|
3673
3673
|
inputSize: t = "medium",
|
|
3674
3674
|
error: a = !1,
|
|
3675
3675
|
disabled: r,
|
|
@@ -3684,9 +3684,9 @@ const ci = (t) => {
|
|
|
3684
3684
|
"className",
|
|
3685
3685
|
"cropOnBlur"
|
|
3686
3686
|
]);
|
|
3687
|
-
const
|
|
3688
|
-
e.useImperativeHandle(c, () =>
|
|
3689
|
-
const [p, m] = e.useState(!1), [
|
|
3687
|
+
const s = e.useRef(null);
|
|
3688
|
+
e.useImperativeHandle(c, () => s.current, []);
|
|
3689
|
+
const [p, m] = e.useState(!1), [f, b] = e.useState(!1), { type: v, onFocus: h, onBlur: y } = n, E = u(
|
|
3690
3690
|
o,
|
|
3691
3691
|
Le[Oe],
|
|
3692
3692
|
Le[`${Oe}--${t}`],
|
|
@@ -3697,15 +3697,15 @@ const ci = (t) => {
|
|
|
3697
3697
|
[Le[`${Oe}--crop`]]: l,
|
|
3698
3698
|
[Le[`${Oe}--read-only`]]: n.readOnly
|
|
3699
3699
|
}
|
|
3700
|
-
), $ = r ? "var(--content-disabled)" : "var(--content-default)", w =
|
|
3700
|
+
), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = f ? F_ : R_, C = _ && _.place === "left", g = _ && v !== "password" && _.place === "right", N = () => {
|
|
3701
3701
|
var S;
|
|
3702
|
-
(S =
|
|
3702
|
+
(S = s.current) == null || S.focus();
|
|
3703
3703
|
};
|
|
3704
3704
|
return /* @__PURE__ */ e.createElement(
|
|
3705
3705
|
B,
|
|
3706
3706
|
{
|
|
3707
3707
|
as: "div",
|
|
3708
|
-
className:
|
|
3708
|
+
className: E,
|
|
3709
3709
|
"aria-disabled": r,
|
|
3710
3710
|
"tab-index": "0",
|
|
3711
3711
|
onClick: N
|
|
@@ -3714,18 +3714,18 @@ const ci = (t) => {
|
|
|
3714
3714
|
/* @__PURE__ */ e.createElement(
|
|
3715
3715
|
"input",
|
|
3716
3716
|
T(k({}, n), {
|
|
3717
|
-
ref:
|
|
3717
|
+
ref: s,
|
|
3718
3718
|
onFocus: (S) => {
|
|
3719
3719
|
m(!0), h == null || h(S);
|
|
3720
3720
|
},
|
|
3721
3721
|
onBlur: (S) => {
|
|
3722
|
-
m(!1),
|
|
3722
|
+
m(!1), y == null || y(S);
|
|
3723
3723
|
},
|
|
3724
3724
|
disabled: r,
|
|
3725
|
-
type: v && !
|
|
3725
|
+
type: v && !f ? v : "text"
|
|
3726
3726
|
})
|
|
3727
3727
|
),
|
|
3728
|
-
|
|
3728
|
+
g && Yr(_, r),
|
|
3729
3729
|
v === "password" && /* @__PURE__ */ e.createElement(
|
|
3730
3730
|
W,
|
|
3731
3731
|
{
|
|
@@ -3733,7 +3733,7 @@ const ci = (t) => {
|
|
|
3733
3733
|
kind: "text",
|
|
3734
3734
|
size: "compact",
|
|
3735
3735
|
icon: /* @__PURE__ */ e.createElement(x, { customColor: $, source: w }),
|
|
3736
|
-
onClick: () =>
|
|
3736
|
+
onClick: () => b((S) => !S),
|
|
3737
3737
|
className: Le[`${Oe}__visibility-button`]
|
|
3738
3738
|
}
|
|
3739
3739
|
)
|
|
@@ -3776,8 +3776,8 @@ const ci = (t) => {
|
|
|
3776
3776
|
modal__heading: jl,
|
|
3777
3777
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
3778
3778
|
modal__footer: Ql
|
|
3779
|
-
}, qt = "modal-base", en = (
|
|
3780
|
-
var i =
|
|
3779
|
+
}, qt = "modal-base", en = (d) => {
|
|
3780
|
+
var i = d, {
|
|
3781
3781
|
children: t,
|
|
3782
3782
|
className: a = "",
|
|
3783
3783
|
onClose: r,
|
|
@@ -3794,7 +3794,7 @@ const ci = (t) => {
|
|
|
3794
3794
|
"fullSpaceContent",
|
|
3795
3795
|
"isLabelled"
|
|
3796
3796
|
]);
|
|
3797
|
-
const
|
|
3797
|
+
const s = u(
|
|
3798
3798
|
se[qt],
|
|
3799
3799
|
a,
|
|
3800
3800
|
l && se[`${qt}--full-space`]
|
|
@@ -3802,8 +3802,8 @@ const ci = (t) => {
|
|
|
3802
3802
|
e.useEffect(() => {
|
|
3803
3803
|
if (!_)
|
|
3804
3804
|
return;
|
|
3805
|
-
const m = (
|
|
3806
|
-
|
|
3805
|
+
const m = (f) => {
|
|
3806
|
+
f.key === de.esc && r();
|
|
3807
3807
|
};
|
|
3808
3808
|
return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
|
|
3809
3809
|
}, [_]);
|
|
@@ -3826,7 +3826,7 @@ const ci = (t) => {
|
|
|
3826
3826
|
k({
|
|
3827
3827
|
role: "dialog",
|
|
3828
3828
|
"aria-modal": !0,
|
|
3829
|
-
className:
|
|
3829
|
+
className: s
|
|
3830
3830
|
}, c),
|
|
3831
3831
|
t
|
|
3832
3832
|
)
|
|
@@ -3850,7 +3850,7 @@ const ci = (t) => {
|
|
|
3850
3850
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ie, size: "medium", customColor: a })
|
|
3851
3851
|
}
|
|
3852
3852
|
), dt = "modal", bi = (i) => {
|
|
3853
|
-
var
|
|
3853
|
+
var s = i, {
|
|
3854
3854
|
children: t,
|
|
3855
3855
|
className: a = "",
|
|
3856
3856
|
heading: r,
|
|
@@ -3859,7 +3859,7 @@ const ci = (t) => {
|
|
|
3859
3859
|
footer: l,
|
|
3860
3860
|
onClose: n,
|
|
3861
3861
|
contentClassName: c
|
|
3862
|
-
} =
|
|
3862
|
+
} = s, d = D(s, [
|
|
3863
3863
|
"children",
|
|
3864
3864
|
"className",
|
|
3865
3865
|
"heading",
|
|
@@ -3869,8 +3869,8 @@ const ci = (t) => {
|
|
|
3869
3869
|
"onClose",
|
|
3870
3870
|
"contentClassName"
|
|
3871
3871
|
]);
|
|
3872
|
-
const p = u(se[dt], a), m = typeof t == "string",
|
|
3873
|
-
|
|
3872
|
+
const p = u(se[dt], a), m = typeof t == "string", f = (b) => {
|
|
3873
|
+
b.preventDefault(), b.stopPropagation(), n();
|
|
3874
3874
|
};
|
|
3875
3875
|
return /* @__PURE__ */ e.createElement(
|
|
3876
3876
|
en,
|
|
@@ -3879,9 +3879,9 @@ const ci = (t) => {
|
|
|
3879
3879
|
fullSpaceContent: o,
|
|
3880
3880
|
onClose: n,
|
|
3881
3881
|
isLabelled: !!_
|
|
3882
|
-
},
|
|
3882
|
+
}, d),
|
|
3883
3883
|
_ && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
3884
|
-
|
|
3884
|
+
ne,
|
|
3885
3885
|
{
|
|
3886
3886
|
size: "sm",
|
|
3887
3887
|
as: "div",
|
|
@@ -3893,7 +3893,7 @@ const ci = (t) => {
|
|
|
3893
3893
|
{
|
|
3894
3894
|
labelType: !!_,
|
|
3895
3895
|
customColor: "var(--color-white)",
|
|
3896
|
-
onClick:
|
|
3896
|
+
onClick: f
|
|
3897
3897
|
}
|
|
3898
3898
|
)),
|
|
3899
3899
|
!_ && /* @__PURE__ */ e.createElement(
|
|
@@ -3904,7 +3904,7 @@ const ci = (t) => {
|
|
|
3904
3904
|
})
|
|
3905
3905
|
},
|
|
3906
3906
|
r && /* @__PURE__ */ e.createElement(
|
|
3907
|
-
|
|
3907
|
+
ne,
|
|
3908
3908
|
{
|
|
3909
3909
|
size: "sm",
|
|
3910
3910
|
as: "div",
|
|
@@ -3912,7 +3912,7 @@ const ci = (t) => {
|
|
|
3912
3912
|
},
|
|
3913
3913
|
r
|
|
3914
3914
|
),
|
|
3915
|
-
/* @__PURE__ */ e.createElement(Xr, { onClick:
|
|
3915
|
+
/* @__PURE__ */ e.createElement(Xr, { onClick: f })
|
|
3916
3916
|
),
|
|
3917
3917
|
/* @__PURE__ */ e.createElement(
|
|
3918
3918
|
"div",
|
|
@@ -3961,7 +3961,7 @@ const ci = (t) => {
|
|
|
3961
3961
|
k({
|
|
3962
3962
|
className: Zt[`${Xt}__heading-left-node`]
|
|
3963
3963
|
}, r)
|
|
3964
|
-
), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(
|
|
3964
|
+
), /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}__heading-body`] }, /* @__PURE__ */ e.createElement(ne, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
|
|
3965
3965
|
B,
|
|
3966
3966
|
{
|
|
3967
3967
|
as: "div",
|
|
@@ -3986,7 +3986,7 @@ const ci = (t) => {
|
|
|
3986
3986
|
}) => {
|
|
3987
3987
|
const c = u(Jt[jt], a);
|
|
3988
3988
|
return /* @__PURE__ */ e.createElement("div", { className: c }, r && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__icon`] }, r), _ && /* @__PURE__ */ e.createElement(
|
|
3989
|
-
|
|
3989
|
+
ne,
|
|
3990
3990
|
{
|
|
3991
3991
|
className: u(Jt[`${jt}__heading`], l)
|
|
3992
3992
|
},
|
|
@@ -4006,8 +4006,8 @@ const ci = (t) => {
|
|
|
4006
4006
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
4007
4007
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
4008
4008
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
4009
|
-
}, At = "numeric-input", Ei = (
|
|
4010
|
-
var p =
|
|
4009
|
+
}, At = "numeric-input", Ei = (s) => {
|
|
4010
|
+
var p = s, {
|
|
4011
4011
|
className: t,
|
|
4012
4012
|
error: a,
|
|
4013
4013
|
value: r,
|
|
@@ -4016,7 +4016,7 @@ const ci = (t) => {
|
|
|
4016
4016
|
disabled: l,
|
|
4017
4017
|
noControls: n,
|
|
4018
4018
|
style: c,
|
|
4019
|
-
onChange:
|
|
4019
|
+
onChange: d
|
|
4020
4020
|
} = p, i = D(p, [
|
|
4021
4021
|
"className",
|
|
4022
4022
|
"error",
|
|
@@ -4028,7 +4028,7 @@ const ci = (t) => {
|
|
|
4028
4028
|
"style",
|
|
4029
4029
|
"onChange"
|
|
4030
4030
|
]);
|
|
4031
|
-
const m = e.useRef(null),
|
|
4031
|
+
const m = e.useRef(null), f = u(
|
|
4032
4032
|
Pt[At],
|
|
4033
4033
|
{
|
|
4034
4034
|
[Pt[`${At}--error`]]: a,
|
|
@@ -4036,29 +4036,29 @@ const ci = (t) => {
|
|
|
4036
4036
|
[Pt[`${At}--disabled`]]: l
|
|
4037
4037
|
},
|
|
4038
4038
|
t
|
|
4039
|
-
),
|
|
4040
|
-
const N = parseInt(r, 10) +
|
|
4041
|
-
return
|
|
4042
|
-
},
|
|
4043
|
-
|
|
4044
|
-
},
|
|
4045
|
-
|
|
4046
|
-
const N =
|
|
4039
|
+
), b = (g) => d(String(g)), v = (g) => _ !== void 0 && g > _ ? _ : o !== void 0 && g < o ? o : g, h = (g) => {
|
|
4040
|
+
const N = parseInt(r, 10) + g;
|
|
4041
|
+
return b(v(N));
|
|
4042
|
+
}, y = (g) => {
|
|
4043
|
+
g.key === de.arrowDown && (g.preventDefault(), h(-1)), g.key === de.arrowUp && (g.preventDefault(), h(1));
|
|
4044
|
+
}, E = (g, N) => N !== void 0 && parseInt(g, 10) === N, $ = (g) => {
|
|
4045
|
+
g.preventDefault(), g.stopPropagation();
|
|
4046
|
+
const N = g.currentTarget.value.replace(
|
|
4047
4047
|
/((?!([-]|([-]?\d+))).)/,
|
|
4048
4048
|
""
|
|
4049
4049
|
);
|
|
4050
4050
|
if (N === "" || N === "-")
|
|
4051
|
-
return
|
|
4051
|
+
return b(N);
|
|
4052
4052
|
const S = parseInt(N, 10);
|
|
4053
|
-
return
|
|
4053
|
+
return b(v(S));
|
|
4054
4054
|
}, w = () => {
|
|
4055
|
-
var
|
|
4056
|
-
return (
|
|
4055
|
+
var g;
|
|
4056
|
+
return (g = m.current) == null || g.focus(), h(1);
|
|
4057
4057
|
}, C = () => {
|
|
4058
|
-
var
|
|
4059
|
-
return (
|
|
4058
|
+
var g;
|
|
4059
|
+
return (g = m.current) == null || g.focus(), h(-1);
|
|
4060
4060
|
};
|
|
4061
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
4061
|
+
return /* @__PURE__ */ e.createElement("div", { className: f, style: c }, /* @__PURE__ */ e.createElement(
|
|
4062
4062
|
"input",
|
|
4063
4063
|
T(k({
|
|
4064
4064
|
type: "text",
|
|
@@ -4067,7 +4067,7 @@ const ci = (t) => {
|
|
|
4067
4067
|
value: r,
|
|
4068
4068
|
disabled: l,
|
|
4069
4069
|
onChange: $,
|
|
4070
|
-
onKeyDown:
|
|
4070
|
+
onKeyDown: y,
|
|
4071
4071
|
min: o,
|
|
4072
4072
|
max: _
|
|
4073
4073
|
})
|
|
@@ -4075,7 +4075,7 @@ const ci = (t) => {
|
|
|
4075
4075
|
"button",
|
|
4076
4076
|
{
|
|
4077
4077
|
tabIndex: -1,
|
|
4078
|
-
disabled: l ||
|
|
4078
|
+
disabled: l || E(r, _),
|
|
4079
4079
|
onClick: w,
|
|
4080
4080
|
"aria-label": "Increment value",
|
|
4081
4081
|
className: Pt[`${At}__increment`],
|
|
@@ -4085,7 +4085,7 @@ const ci = (t) => {
|
|
|
4085
4085
|
x,
|
|
4086
4086
|
{
|
|
4087
4087
|
source: Oa,
|
|
4088
|
-
disabled: l ||
|
|
4088
|
+
disabled: l || E(r, _),
|
|
4089
4089
|
kind: "primary"
|
|
4090
4090
|
}
|
|
4091
4091
|
)
|
|
@@ -4093,7 +4093,7 @@ const ci = (t) => {
|
|
|
4093
4093
|
"button",
|
|
4094
4094
|
{
|
|
4095
4095
|
tabIndex: -1,
|
|
4096
|
-
disabled: l ||
|
|
4096
|
+
disabled: l || E(r, o),
|
|
4097
4097
|
"aria-label": "Decrement value",
|
|
4098
4098
|
className: Pt[`${At}__decrement`],
|
|
4099
4099
|
onClick: C,
|
|
@@ -4104,11 +4104,11 @@ const ci = (t) => {
|
|
|
4104
4104
|
{
|
|
4105
4105
|
source: Ot,
|
|
4106
4106
|
kind: "primary",
|
|
4107
|
-
disabled: l ||
|
|
4107
|
+
disabled: l || E(r, o)
|
|
4108
4108
|
}
|
|
4109
4109
|
)
|
|
4110
4110
|
)));
|
|
4111
|
-
},
|
|
4111
|
+
}, oe = {
|
|
4112
4112
|
"checklist-item": "lc-CheckListItem-module__checklist-item___t4CCN",
|
|
4113
4113
|
"checklist-item--active": "lc-CheckListItem-module__checklist-item--active___mZ8df",
|
|
4114
4114
|
"checklist-item__check-mark": "lc-CheckListItem-module__checklist-item__check-mark___sZkv4",
|
|
@@ -4124,90 +4124,101 @@ const ci = (t) => {
|
|
|
4124
4124
|
"checklist-item__content__inner__description": "lc-CheckListItem-module__checklist-item__content__inner__description___FBp5h",
|
|
4125
4125
|
"checklist-item__content__inner__cta": "lc-CheckListItem-module__checklist-item__content__inner__cta___4s0rt",
|
|
4126
4126
|
"checklist-item__chevron": "lc-CheckListItem-module__checklist-item__chevron___1Fmqp"
|
|
4127
|
-
},
|
|
4127
|
+
}, le = "checklist-item", tn = 3, an = ({
|
|
4128
4128
|
id: t,
|
|
4129
4129
|
isActive: a,
|
|
4130
4130
|
isChecked: r,
|
|
4131
4131
|
isLastElement: _,
|
|
4132
4132
|
title: o,
|
|
4133
|
-
|
|
4134
|
-
|
|
4135
|
-
|
|
4133
|
+
titleHint: l,
|
|
4134
|
+
description: n,
|
|
4135
|
+
onClick: c,
|
|
4136
|
+
cta: d
|
|
4136
4137
|
}) => {
|
|
4137
|
-
const
|
|
4138
|
+
const i = e.useRef(null), s = e.useRef(null), [p, m] = e.useState(0), f = e.useRef(p);
|
|
4138
4139
|
return e.useEffect(() => {
|
|
4139
|
-
a &&
|
|
4140
|
+
a && i.current && i.current.focus();
|
|
4140
4141
|
}, [a]), e.useEffect(() => {
|
|
4141
4142
|
const b = !!window.ResizeObserver;
|
|
4142
|
-
if (
|
|
4143
|
-
const
|
|
4144
|
-
const
|
|
4145
|
-
if (!
|
|
4143
|
+
if (s.current && b) {
|
|
4144
|
+
const v = new ResizeObserver((h) => {
|
|
4145
|
+
const y = h[0];
|
|
4146
|
+
if (!y)
|
|
4146
4147
|
return;
|
|
4147
|
-
const E =
|
|
4148
|
-
|
|
4148
|
+
const E = y.contentRect.height + tn;
|
|
4149
|
+
f.current !== E && (m(E), f.current = E);
|
|
4149
4150
|
});
|
|
4150
|
-
return
|
|
4151
|
+
return v.observe(s.current), () => v.disconnect();
|
|
4151
4152
|
}
|
|
4152
|
-
}, [
|
|
4153
|
+
}, [s]), /* @__PURE__ */ e.createElement(
|
|
4153
4154
|
"div",
|
|
4154
4155
|
{
|
|
4155
|
-
className: u(
|
|
4156
|
-
[
|
|
4156
|
+
className: u(oe[le], {
|
|
4157
|
+
[oe[`${le}--active`]]: a
|
|
4157
4158
|
})
|
|
4158
4159
|
},
|
|
4159
4160
|
/* @__PURE__ */ e.createElement(
|
|
4160
4161
|
"span",
|
|
4161
4162
|
{
|
|
4162
|
-
className: u(
|
|
4163
|
-
[
|
|
4163
|
+
className: u(oe[`${le}__check-mark`], {
|
|
4164
|
+
[oe[`${le}__check-mark--checked`]]: r
|
|
4164
4165
|
})
|
|
4165
4166
|
},
|
|
4166
4167
|
r && /* @__PURE__ */ e.createElement(x, { size: "small", source: ia }),
|
|
4167
|
-
!_ && /* @__PURE__ */ e.createElement("span", { className:
|
|
4168
|
+
!_ && /* @__PURE__ */ e.createElement("span", { className: oe[`${le}__check-mark__line`] })
|
|
4168
4169
|
),
|
|
4169
4170
|
/* @__PURE__ */ e.createElement(
|
|
4170
4171
|
"div",
|
|
4171
4172
|
{
|
|
4172
|
-
ref:
|
|
4173
|
+
ref: i,
|
|
4173
4174
|
"data-testid": `checklist-item-${t}`,
|
|
4174
4175
|
"aria-expanded": a,
|
|
4175
4176
|
tabIndex: 0,
|
|
4176
|
-
onFocus: a ? void 0 : () =>
|
|
4177
|
-
onClick: a ? void 0 : () =>
|
|
4178
|
-
className: u(
|
|
4179
|
-
[
|
|
4177
|
+
onFocus: a ? void 0 : () => c(t),
|
|
4178
|
+
onClick: a ? void 0 : () => c(t),
|
|
4179
|
+
className: u(oe[`${le}__content`], {
|
|
4180
|
+
[oe[`${le}__content--open`]]: a
|
|
4180
4181
|
})
|
|
4181
4182
|
},
|
|
4182
4183
|
/* @__PURE__ */ e.createElement(
|
|
4183
|
-
|
|
4184
|
+
ne,
|
|
4184
4185
|
{
|
|
4185
4186
|
size: "xs",
|
|
4186
|
-
className: u(
|
|
4187
|
-
[
|
|
4188
|
-
[
|
|
4187
|
+
className: u(oe[`${le}__content__label`], {
|
|
4188
|
+
[oe[`${le}__content__label--open`]]: a,
|
|
4189
|
+
[oe[`${le}__content__label--checked`]]: r
|
|
4189
4190
|
})
|
|
4190
4191
|
},
|
|
4191
|
-
o
|
|
4192
|
+
o,
|
|
4193
|
+
" ",
|
|
4194
|
+
l && /* @__PURE__ */ e.createElement(
|
|
4195
|
+
B,
|
|
4196
|
+
{
|
|
4197
|
+
noMargin: !0,
|
|
4198
|
+
size: "lg",
|
|
4199
|
+
className: oe[`${le}__content__hint`]
|
|
4200
|
+
},
|
|
4201
|
+
l
|
|
4202
|
+
)
|
|
4192
4203
|
),
|
|
4193
4204
|
/* @__PURE__ */ e.createElement(
|
|
4194
4205
|
"div",
|
|
4195
4206
|
{
|
|
4196
|
-
className: u(
|
|
4197
|
-
[
|
|
4207
|
+
className: u(oe[`${le}__content__inner`], {
|
|
4208
|
+
[oe[`${le}__content__inner--open`]]: a
|
|
4198
4209
|
}),
|
|
4199
|
-
style: { maxHeight: a ?
|
|
4210
|
+
style: { maxHeight: a ? p : 0 }
|
|
4200
4211
|
},
|
|
4201
|
-
/* @__PURE__ */ e.createElement("div", { ref:
|
|
4212
|
+
/* @__PURE__ */ e.createElement("div", { ref: s }, /* @__PURE__ */ e.createElement(
|
|
4202
4213
|
B,
|
|
4203
4214
|
{
|
|
4204
4215
|
size: "lg",
|
|
4205
|
-
className:
|
|
4216
|
+
className: oe[`${le}__content__inner__description`]
|
|
4206
4217
|
},
|
|
4207
|
-
|
|
4208
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
4218
|
+
n
|
|
4219
|
+
), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__content__inner__cta`] }, d))
|
|
4209
4220
|
),
|
|
4210
|
-
!a && /* @__PURE__ */ e.createElement("div", { className:
|
|
4221
|
+
!a && /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
|
|
4211
4222
|
)
|
|
4212
4223
|
);
|
|
4213
4224
|
}, Q = {
|
|
@@ -4236,20 +4247,20 @@ const ci = (t) => {
|
|
|
4236
4247
|
onActiveChange: l,
|
|
4237
4248
|
placeholderClassName: n,
|
|
4238
4249
|
isCompleted: c = !1,
|
|
4239
|
-
completionMessageData:
|
|
4250
|
+
completionMessageData: d,
|
|
4240
4251
|
className: i
|
|
4241
4252
|
}) => {
|
|
4242
4253
|
var $;
|
|
4243
|
-
const [
|
|
4244
|
-
|
|
4254
|
+
const [s, p] = e.useState(c), [m, f] = e.useState(!c), [b, v] = e.useState(void 0), h = e.useRef(null), y = d.height || 96, E = () => {
|
|
4255
|
+
f((w) => !w);
|
|
4245
4256
|
};
|
|
4246
4257
|
return e.useEffect(() => {
|
|
4247
|
-
const w =
|
|
4258
|
+
const w = d.delay || 1500, C = h.current;
|
|
4248
4259
|
if (c && C) {
|
|
4249
|
-
const
|
|
4250
|
-
v(
|
|
4260
|
+
const g = C.offsetHeight;
|
|
4261
|
+
v(g);
|
|
4251
4262
|
const N = setTimeout(() => {
|
|
4252
|
-
p(!0),
|
|
4263
|
+
p(!0), f(!1);
|
|
4253
4264
|
}, w);
|
|
4254
4265
|
return () => {
|
|
4255
4266
|
clearTimeout(N);
|
|
@@ -4262,12 +4273,12 @@ const ci = (t) => {
|
|
|
4262
4273
|
className: u(
|
|
4263
4274
|
Q[ee],
|
|
4264
4275
|
{
|
|
4265
|
-
[Q[`${ee}--complete`]]:
|
|
4276
|
+
[Q[`${ee}--complete`]]: s && !m
|
|
4266
4277
|
},
|
|
4267
4278
|
i
|
|
4268
4279
|
),
|
|
4269
4280
|
style: {
|
|
4270
|
-
height: !
|
|
4281
|
+
height: !s || m ? b : y
|
|
4271
4282
|
}
|
|
4272
4283
|
},
|
|
4273
4284
|
m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__column`] }, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
@@ -4278,7 +4289,7 @@ const ci = (t) => {
|
|
|
4278
4289
|
},
|
|
4279
4290
|
_
|
|
4280
4291
|
), /* @__PURE__ */ e.createElement(
|
|
4281
|
-
|
|
4292
|
+
ne,
|
|
4282
4293
|
{
|
|
4283
4294
|
size: "lg",
|
|
4284
4295
|
className: Q[`${ee}__header__title`]
|
|
@@ -4291,6 +4302,7 @@ const ci = (t) => {
|
|
|
4291
4302
|
id: w.id,
|
|
4292
4303
|
description: w.description,
|
|
4293
4304
|
title: w.title,
|
|
4305
|
+
titleHint: w.titleHint,
|
|
4294
4306
|
isActive: w.id === t,
|
|
4295
4307
|
isChecked: a.includes(w.id),
|
|
4296
4308
|
isLastElement: C === o.length - 1,
|
|
@@ -4307,7 +4319,7 @@ const ci = (t) => {
|
|
|
4307
4319
|
)
|
|
4308
4320
|
},
|
|
4309
4321
|
!c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, ($ = o.find((w) => w.id === t)) == null ? void 0 : $.placeholder),
|
|
4310
|
-
c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] },
|
|
4322
|
+
c && /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__placeholder`] }, d.placeholder)
|
|
4311
4323
|
)),
|
|
4312
4324
|
!m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
4313
4325
|
x,
|
|
@@ -4316,22 +4328,22 @@ const ci = (t) => {
|
|
|
4316
4328
|
className: Q[`${ee}__complete__icon`],
|
|
4317
4329
|
source: vr
|
|
4318
4330
|
}
|
|
4319
|
-
)), /* @__PURE__ */ e.createElement("div", null, (
|
|
4331
|
+
)), /* @__PURE__ */ e.createElement("div", null, (d == null ? void 0 : d.greetingText) && /* @__PURE__ */ e.createElement(
|
|
4320
4332
|
B,
|
|
4321
4333
|
{
|
|
4322
4334
|
size: "lg",
|
|
4323
4335
|
className: Q[`${ee}__complete__label`]
|
|
4324
4336
|
},
|
|
4325
|
-
|
|
4337
|
+
d.greetingText
|
|
4326
4338
|
), /* @__PURE__ */ e.createElement(
|
|
4327
|
-
|
|
4339
|
+
ne,
|
|
4328
4340
|
{
|
|
4329
4341
|
size: "sm",
|
|
4330
4342
|
className: Q[`${ee}__complete__title`]
|
|
4331
4343
|
},
|
|
4332
|
-
|
|
4344
|
+
d.title
|
|
4333
4345
|
)))),
|
|
4334
|
-
|
|
4346
|
+
s && /* @__PURE__ */ e.createElement(
|
|
4335
4347
|
W,
|
|
4336
4348
|
{
|
|
4337
4349
|
kind: m ? "float" : "text",
|
|
@@ -4346,7 +4358,7 @@ const ci = (t) => {
|
|
|
4346
4358
|
}
|
|
4347
4359
|
),
|
|
4348
4360
|
className: Q[`${ee}__button`],
|
|
4349
|
-
onClick:
|
|
4361
|
+
onClick: E,
|
|
4350
4362
|
"aria-expanded": m
|
|
4351
4363
|
}
|
|
4352
4364
|
)
|
|
@@ -4391,37 +4403,37 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4391
4403
|
item: n,
|
|
4392
4404
|
numberOfItems: c
|
|
4393
4405
|
}) => {
|
|
4394
|
-
const
|
|
4406
|
+
const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
4395
4407
|
Dl,
|
|
4396
4408
|
{
|
|
4397
4409
|
className: fe[`${Pe}__checkbox`],
|
|
4398
4410
|
checked: r
|
|
4399
4411
|
}
|
|
4400
|
-
),
|
|
4412
|
+
), s.icon && /* @__PURE__ */ e.createElement(
|
|
4401
4413
|
x,
|
|
4402
4414
|
{
|
|
4403
4415
|
className: fe[`${Pe}__icon`],
|
|
4404
4416
|
kind: "link",
|
|
4405
|
-
source:
|
|
4417
|
+
source: s.icon
|
|
4406
4418
|
}
|
|
4407
|
-
),
|
|
4419
|
+
), s.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
4408
4420
|
"img",
|
|
4409
4421
|
{
|
|
4410
4422
|
className: u(fe[`${Pe}__avatar`]),
|
|
4411
|
-
src:
|
|
4412
|
-
alt:
|
|
4423
|
+
src: s.avatarSrc,
|
|
4424
|
+
alt: s.name
|
|
4413
4425
|
}
|
|
4414
4426
|
), /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
4415
4427
|
B,
|
|
4416
4428
|
{
|
|
4417
4429
|
as: "span",
|
|
4418
4430
|
className: u([fe[`${Pe}__label`]], {
|
|
4419
|
-
[fe[`${Pe}__main-label`]]:
|
|
4431
|
+
[fe[`${Pe}__main-label`]]: s.secondaryText
|
|
4420
4432
|
}),
|
|
4421
|
-
"aria-disabled":
|
|
4433
|
+
"aria-disabled": s.disabled
|
|
4422
4434
|
},
|
|
4423
|
-
|
|
4424
|
-
),
|
|
4435
|
+
s.name
|
|
4436
|
+
), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Pe}__secondary-label`] }, s.secondaryText)));
|
|
4425
4437
|
if (n.groupHeader)
|
|
4426
4438
|
return /* @__PURE__ */ e.createElement(
|
|
4427
4439
|
"div",
|
|
@@ -4431,10 +4443,10 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4431
4443
|
role: "group",
|
|
4432
4444
|
className: fe[`${Pe}__header`]
|
|
4433
4445
|
}, l()),
|
|
4434
|
-
/* @__PURE__ */ e.createElement(
|
|
4446
|
+
/* @__PURE__ */ e.createElement(ne, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
|
|
4435
4447
|
);
|
|
4436
|
-
const i = (
|
|
4437
|
-
!n.disabled && o(
|
|
4448
|
+
const i = (s) => {
|
|
4449
|
+
!n.disabled && o(s);
|
|
4438
4450
|
};
|
|
4439
4451
|
return /* @__PURE__ */ e.createElement(
|
|
4440
4452
|
"div",
|
|
@@ -4442,8 +4454,8 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4442
4454
|
id: n.key,
|
|
4443
4455
|
key: n.key,
|
|
4444
4456
|
tabIndex: a ? 0 : -1,
|
|
4445
|
-
ref: (
|
|
4446
|
-
|
|
4457
|
+
ref: (s) => {
|
|
4458
|
+
s && (_.current[t] = s);
|
|
4447
4459
|
},
|
|
4448
4460
|
role: "option",
|
|
4449
4461
|
"aria-setsize": c,
|
|
@@ -4466,7 +4478,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4466
4478
|
[fe[`${Pe}--select-all`]]: n.key === Mt
|
|
4467
4479
|
})
|
|
4468
4480
|
},
|
|
4469
|
-
|
|
4481
|
+
d(n),
|
|
4470
4482
|
r && !n.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
4471
4483
|
x,
|
|
4472
4484
|
{
|
|
@@ -4491,20 +4503,20 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4491
4503
|
activeIndex: l,
|
|
4492
4504
|
selectedKeys: n,
|
|
4493
4505
|
listElementsRef: c,
|
|
4494
|
-
setPointer:
|
|
4506
|
+
setPointer: d,
|
|
4495
4507
|
onSelect: i,
|
|
4496
|
-
getFloatingProps:
|
|
4508
|
+
getFloatingProps: s,
|
|
4497
4509
|
getItemProps: p,
|
|
4498
4510
|
emptyStateText: m = "No results found",
|
|
4499
|
-
pickerType:
|
|
4500
|
-
listClassName:
|
|
4511
|
+
pickerType: f = "single",
|
|
4512
|
+
listClassName: b,
|
|
4501
4513
|
virtuosoProps: v
|
|
4502
4514
|
}) => {
|
|
4503
|
-
const [h,
|
|
4515
|
+
const [h, y] = e.useState(0), E = o.length, $ = e.useCallback(
|
|
4504
4516
|
(C) => {
|
|
4505
|
-
C !== h && (C < _ ?
|
|
4517
|
+
C !== h && (C < _ ? y(C + (E - 1) * rn) : y(_));
|
|
4506
4518
|
},
|
|
4507
|
-
[
|
|
4519
|
+
[E]
|
|
4508
4520
|
);
|
|
4509
4521
|
if (Ft(() => {
|
|
4510
4522
|
c.current = new Array(o.length);
|
|
@@ -4526,7 +4538,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4526
4538
|
"data-testid": "picker-list",
|
|
4527
4539
|
ref: a,
|
|
4528
4540
|
tabIndex: -1,
|
|
4529
|
-
className: u(Qt.listbox,
|
|
4541
|
+
className: u(Qt.listbox, b),
|
|
4530
4542
|
style: T(k({}, r), {
|
|
4531
4543
|
maxHeight: _
|
|
4532
4544
|
})
|
|
@@ -4535,17 +4547,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4535
4547
|
"div",
|
|
4536
4548
|
k({
|
|
4537
4549
|
tabIndex: 0,
|
|
4538
|
-
"aria-multiselectable":
|
|
4550
|
+
"aria-multiselectable": f === "multi",
|
|
4539
4551
|
className: Qt["listbox-wrapper"]
|
|
4540
|
-
},
|
|
4552
|
+
}, s({
|
|
4541
4553
|
onKeyDown(C) {
|
|
4542
|
-
|
|
4554
|
+
d(!1), C.key === "Enter" && l !== null && i(o[l].key), C.key === " " && C.preventDefault();
|
|
4543
4555
|
},
|
|
4544
4556
|
onKeyUp(C) {
|
|
4545
4557
|
C.key === " " && l !== null && i(o[l].key);
|
|
4546
4558
|
},
|
|
4547
4559
|
onPointerMove() {
|
|
4548
|
-
|
|
4560
|
+
d(!0);
|
|
4549
4561
|
}
|
|
4550
4562
|
})),
|
|
4551
4563
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4557,17 +4569,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4557
4569
|
data: o,
|
|
4558
4570
|
increaseViewportBy: 200
|
|
4559
4571
|
}, v), {
|
|
4560
|
-
itemContent: (C,
|
|
4572
|
+
itemContent: (C, g) => /* @__PURE__ */ e.createElement(
|
|
4561
4573
|
nn,
|
|
4562
4574
|
{
|
|
4563
4575
|
index: C,
|
|
4564
4576
|
getItemProps: p,
|
|
4565
4577
|
listElementsRef: c,
|
|
4566
4578
|
isActive: l === C,
|
|
4567
|
-
isSelected: w(
|
|
4579
|
+
isSelected: w(g.key),
|
|
4568
4580
|
onSelect: i,
|
|
4569
|
-
item:
|
|
4570
|
-
numberOfItems:
|
|
4581
|
+
item: g,
|
|
4582
|
+
numberOfItems: E
|
|
4571
4583
|
}
|
|
4572
4584
|
)
|
|
4573
4585
|
})
|
|
@@ -4601,39 +4613,39 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4601
4613
|
isItemSelected: l,
|
|
4602
4614
|
hideClearButton: n,
|
|
4603
4615
|
isDisabled: c,
|
|
4604
|
-
isRequired:
|
|
4616
|
+
isRequired: d,
|
|
4605
4617
|
isOpen: i,
|
|
4606
|
-
isError:
|
|
4618
|
+
isError: s,
|
|
4607
4619
|
onClear: p,
|
|
4608
4620
|
children: m,
|
|
4609
|
-
setTriggerFocus:
|
|
4621
|
+
setTriggerFocus: f
|
|
4610
4622
|
}) => {
|
|
4611
|
-
const
|
|
4623
|
+
const b = u(
|
|
4612
4624
|
be[ie],
|
|
4613
4625
|
be[`${ie}--${_}`],
|
|
4614
4626
|
o && be[`${ie}--multi-select`],
|
|
4615
4627
|
o && l && be[`${ie}--multi-select--with-items`],
|
|
4616
4628
|
c && be[`${ie}--disabled`],
|
|
4617
4629
|
i && be[`${ie}--focused`],
|
|
4618
|
-
|
|
4619
|
-
), v = !n && l && !c && !
|
|
4620
|
-
|
|
4630
|
+
s && be[`${ie}--error`]
|
|
4631
|
+
), v = !n && l && !c && !d, h = (y) => {
|
|
4632
|
+
y.stopPropagation(), p();
|
|
4621
4633
|
};
|
|
4622
4634
|
return e.useEffect(() => {
|
|
4623
|
-
i ||
|
|
4635
|
+
i || f(!1);
|
|
4624
4636
|
}, [i]), /* @__PURE__ */ e.createElement(
|
|
4625
4637
|
"button",
|
|
4626
4638
|
T(k({
|
|
4627
4639
|
tabIndex: c ? -1 : 0,
|
|
4628
4640
|
"aria-disabled": c,
|
|
4629
4641
|
disabled: c,
|
|
4630
|
-
className:
|
|
4642
|
+
className: b,
|
|
4631
4643
|
"data-testid": r,
|
|
4632
4644
|
ref: t,
|
|
4633
4645
|
type: "button"
|
|
4634
4646
|
}, a()), {
|
|
4635
|
-
onFocus: () =>
|
|
4636
|
-
onBlur: () =>
|
|
4647
|
+
onFocus: () => f(!0),
|
|
4648
|
+
onBlur: () => f(!1)
|
|
4637
4649
|
}),
|
|
4638
4650
|
/* @__PURE__ */ e.createElement(
|
|
4639
4651
|
B,
|
|
@@ -4719,13 +4731,13 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4719
4731
|
size: l = "medium",
|
|
4720
4732
|
kind: n = "default",
|
|
4721
4733
|
onRemove: c,
|
|
4722
|
-
outline:
|
|
4734
|
+
outline: d = !1,
|
|
4723
4735
|
leftNode: i,
|
|
4724
|
-
rightNode:
|
|
4736
|
+
rightNode: s,
|
|
4725
4737
|
customColor: p,
|
|
4726
4738
|
iconOnly: m = !1,
|
|
4727
|
-
value:
|
|
4728
|
-
} = h,
|
|
4739
|
+
value: f
|
|
4740
|
+
} = h, b = D(h, [
|
|
4729
4741
|
"className",
|
|
4730
4742
|
"children",
|
|
4731
4743
|
"dismissible",
|
|
@@ -4741,32 +4753,32 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4741
4753
|
"iconOnly",
|
|
4742
4754
|
"value"
|
|
4743
4755
|
]);
|
|
4744
|
-
const
|
|
4756
|
+
const y = _ || c && m, E = u(
|
|
4745
4757
|
we[Ce],
|
|
4746
4758
|
t,
|
|
4747
4759
|
we[`${Ce}--${l}`],
|
|
4748
4760
|
we[`${Ce}--${n}`],
|
|
4749
4761
|
{
|
|
4750
|
-
[we[`${Ce}--outline`]]:
|
|
4762
|
+
[we[`${Ce}--outline`]]: d,
|
|
4751
4763
|
[we[`${Ce}--${fn(p)}`]]: !!p,
|
|
4752
4764
|
[we[`${Ce}--icon-only`]]: m,
|
|
4753
|
-
[we[`${Ce}--dismissible-on-hover`]]:
|
|
4765
|
+
[we[`${Ce}--dismissible-on-hover`]]: y
|
|
4754
4766
|
}
|
|
4755
|
-
), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ?
|
|
4767
|
+
), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ? d ? {
|
|
4756
4768
|
style: {
|
|
4757
4769
|
backgroundColor: "transparent",
|
|
4758
4770
|
color: p,
|
|
4759
4771
|
borderColor: p
|
|
4760
4772
|
}
|
|
4761
|
-
} : { style: { backgroundColor: p } } : {},
|
|
4773
|
+
} : { style: { backgroundColor: p } } : {}, g = () => {
|
|
4762
4774
|
if (p)
|
|
4763
|
-
return
|
|
4775
|
+
return d ? p : yr(p, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
4764
4776
|
};
|
|
4765
4777
|
return /* @__PURE__ */ e.createElement(
|
|
4766
4778
|
B,
|
|
4767
4779
|
T(k(k({
|
|
4768
|
-
className:
|
|
4769
|
-
},
|
|
4780
|
+
className: E
|
|
4781
|
+
}, b), C()), {
|
|
4770
4782
|
as: "div",
|
|
4771
4783
|
size: w
|
|
4772
4784
|
}),
|
|
@@ -4775,17 +4787,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4775
4787
|
{
|
|
4776
4788
|
"data-testid": "lc-tag-left-node",
|
|
4777
4789
|
className: we[`${Ce}__node`],
|
|
4778
|
-
style: { color:
|
|
4790
|
+
style: { color: g() }
|
|
4779
4791
|
},
|
|
4780
4792
|
i
|
|
4781
|
-
), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] },
|
|
4793
|
+
), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, f || a), s && !m && /* @__PURE__ */ e.createElement(
|
|
4782
4794
|
"div",
|
|
4783
4795
|
{
|
|
4784
4796
|
"data-testid": "lc-tag-right-node",
|
|
4785
4797
|
className: we[`${Ce}__node`],
|
|
4786
|
-
style: { color:
|
|
4798
|
+
style: { color: g() }
|
|
4787
4799
|
},
|
|
4788
|
-
|
|
4800
|
+
s
|
|
4789
4801
|
)),
|
|
4790
4802
|
c && !o && /* @__PURE__ */ e.createElement(
|
|
4791
4803
|
"span",
|
|
@@ -4796,7 +4808,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4796
4808
|
role: "button",
|
|
4797
4809
|
"aria-label": "Remove tag",
|
|
4798
4810
|
className: u(we[`${Ce}__remove`], {
|
|
4799
|
-
[we[`${Ce}__remove--hover`]]:
|
|
4811
|
+
[we[`${Ce}__remove--hover`]]: y
|
|
4800
4812
|
})
|
|
4801
4813
|
},
|
|
4802
4814
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4805,7 +4817,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4805
4817
|
"data-dismiss-icon": !0,
|
|
4806
4818
|
source: Ie,
|
|
4807
4819
|
size: $,
|
|
4808
|
-
customColor:
|
|
4820
|
+
customColor: g()
|
|
4809
4821
|
}
|
|
4810
4822
|
)
|
|
4811
4823
|
)
|
|
@@ -4837,39 +4849,39 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4837
4849
|
type: l,
|
|
4838
4850
|
clearSearchAfterSelection: n,
|
|
4839
4851
|
size: c = "medium",
|
|
4840
|
-
onItemRemove:
|
|
4852
|
+
onItemRemove: d,
|
|
4841
4853
|
onSelect: i,
|
|
4842
|
-
onFilter:
|
|
4854
|
+
onFilter: s,
|
|
4843
4855
|
onClear: p,
|
|
4844
4856
|
searchPhrase: m,
|
|
4845
|
-
virtualItemRef:
|
|
4846
|
-
isTriggerFocused:
|
|
4857
|
+
virtualItemRef: f,
|
|
4858
|
+
isTriggerFocused: b,
|
|
4847
4859
|
inputRef: v
|
|
4848
4860
|
}) => {
|
|
4849
4861
|
const h = t && !a;
|
|
4850
4862
|
e.useEffect(() => {
|
|
4851
4863
|
n && v != null && v.current && v.current.focus();
|
|
4852
4864
|
}, [o, n]);
|
|
4853
|
-
const
|
|
4854
|
-
|
|
4865
|
+
const y = (g) => {
|
|
4866
|
+
g.key === "Backspace" && o && o.length > 0 && (g.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : p()), g.key === "Delete" && (g.preventDefault(), p());
|
|
4855
4867
|
};
|
|
4856
|
-
e.useEffect(() => (!t &&
|
|
4857
|
-
const
|
|
4868
|
+
e.useEffect(() => (!t && b ? document.addEventListener("keydown", y) : document.removeEventListener("keydown", y), () => document.removeEventListener("keydown", y)), [t, o, b]);
|
|
4869
|
+
const E = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
|
|
4858
4870
|
x,
|
|
4859
4871
|
{
|
|
4860
|
-
source:
|
|
4872
|
+
source: g.icon,
|
|
4861
4873
|
className: he[`${ve}__item__icon`]
|
|
4862
4874
|
}
|
|
4863
|
-
),
|
|
4875
|
+
), g.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
4864
4876
|
"img",
|
|
4865
4877
|
{
|
|
4866
|
-
src:
|
|
4878
|
+
src: g.avatarSrc,
|
|
4867
4879
|
alt: "",
|
|
4868
4880
|
className: he[`${ve}__item__avatar`]
|
|
4869
4881
|
}
|
|
4870
|
-
), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] },
|
|
4882
|
+
), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, g.name)), $ = (g) => s(g.target.value), w = (g) => {
|
|
4871
4883
|
var N, S;
|
|
4872
|
-
(N =
|
|
4884
|
+
(N = f.current) != null && N.id && g.key === "Enter" && i((S = f.current) == null ? void 0 : S.id), l === "multi" && (g.key === "Backspace" || g.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
|
|
4873
4885
|
}, C = () => /* @__PURE__ */ e.createElement(
|
|
4874
4886
|
"input",
|
|
4875
4887
|
{
|
|
@@ -4901,20 +4913,20 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4901
4913
|
[he[`${ve}--single`]]: l === "single"
|
|
4902
4914
|
})
|
|
4903
4915
|
},
|
|
4904
|
-
/* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ?
|
|
4916
|
+
/* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? E(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
|
|
4905
4917
|
h_,
|
|
4906
4918
|
{
|
|
4907
|
-
key:
|
|
4919
|
+
key: g.key,
|
|
4908
4920
|
className: u(
|
|
4909
4921
|
he[`${ve}__tag`],
|
|
4910
4922
|
he[`${ve}__tag--${c}`]
|
|
4911
4923
|
),
|
|
4912
4924
|
disabled: r,
|
|
4913
4925
|
onRemove: (N) => {
|
|
4914
|
-
N.stopPropagation(),
|
|
4926
|
+
N.stopPropagation(), d(g.key);
|
|
4915
4927
|
}
|
|
4916
4928
|
},
|
|
4917
|
-
|
|
4929
|
+
E(g)
|
|
4918
4930
|
))),
|
|
4919
4931
|
h && C()
|
|
4920
4932
|
);
|
|
@@ -4927,17 +4939,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4927
4939
|
floatingStrategy: l,
|
|
4928
4940
|
useDismissHookProps: n,
|
|
4929
4941
|
useClickHookProps: c,
|
|
4930
|
-
isOpen:
|
|
4942
|
+
isOpen: d,
|
|
4931
4943
|
onVisibilityChange: i,
|
|
4932
|
-
searchPhrase:
|
|
4944
|
+
searchPhrase: s
|
|
4933
4945
|
}) => {
|
|
4934
|
-
const p = sa(), [m,
|
|
4946
|
+
const p = sa(), [m, f] = e.useState(!1), [b, v] = e.useState(null), [h, y] = e.useState(o), E = e.useRef([]), $ = e.useRef(null);
|
|
4935
4947
|
e.useEffect(() => {
|
|
4936
4948
|
$.current = null, v(null);
|
|
4937
|
-
}, [
|
|
4938
|
-
const { refs: w, floatingStyles: C, context:
|
|
4949
|
+
}, [s]);
|
|
4950
|
+
const { refs: w, floatingStyles: C, context: g, isPositioned: N } = da({
|
|
4939
4951
|
nodeId: p,
|
|
4940
|
-
open:
|
|
4952
|
+
open: d,
|
|
4941
4953
|
strategy: l,
|
|
4942
4954
|
onOpenChange: i,
|
|
4943
4955
|
whileElementsMounted: ma,
|
|
@@ -4949,7 +4961,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4949
4961
|
__({
|
|
4950
4962
|
apply({ availableHeight: L, rects: U, elements: $e }) {
|
|
4951
4963
|
l_.flushSync(() => {
|
|
4952
|
-
|
|
4964
|
+
y(
|
|
4953
4965
|
Math.max(
|
|
4954
4966
|
Math.min(o, L),
|
|
4955
4967
|
_
|
|
@@ -4962,14 +4974,14 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4962
4974
|
padding: hn
|
|
4963
4975
|
})
|
|
4964
4976
|
]
|
|
4965
|
-
}), S = pa(
|
|
4977
|
+
}), S = pa(g, k({
|
|
4966
4978
|
enabled: !t,
|
|
4967
4979
|
keyboardHandlers: !1,
|
|
4968
4980
|
toggle: !1
|
|
4969
|
-
}, c)), M = fa(
|
|
4981
|
+
}, c)), M = fa(g, { role: "listbox" }), G = ga(g, n), I = ao(g, {
|
|
4970
4982
|
enabled: a.length > 0 && !t,
|
|
4971
|
-
listRef:
|
|
4972
|
-
activeIndex:
|
|
4983
|
+
listRef: E,
|
|
4984
|
+
activeIndex: b,
|
|
4973
4985
|
onNavigate: v,
|
|
4974
4986
|
virtual: !0,
|
|
4975
4987
|
virtualItemRef: $,
|
|
@@ -4980,22 +4992,22 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4980
4992
|
}), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
|
|
4981
4993
|
[S, G, M, I]
|
|
4982
4994
|
);
|
|
4983
|
-
return !
|
|
4995
|
+
return !d && m && f(!1), {
|
|
4984
4996
|
getReferenceProps: O,
|
|
4985
4997
|
getFloatingProps: Y,
|
|
4986
4998
|
getItemProps: X,
|
|
4987
4999
|
setReference: w.setReference,
|
|
4988
5000
|
floatingStyles: C,
|
|
4989
5001
|
isPositioned: N,
|
|
4990
|
-
context:
|
|
5002
|
+
context: g,
|
|
4991
5003
|
nodeId: p,
|
|
4992
5004
|
setFloating: w.setFloating,
|
|
4993
|
-
activeIndex:
|
|
4994
|
-
listElementsRef:
|
|
5005
|
+
activeIndex: b,
|
|
5006
|
+
listElementsRef: E,
|
|
4995
5007
|
virtualItemRef: $,
|
|
4996
5008
|
maxHeight: h,
|
|
4997
5009
|
pointer: m,
|
|
4998
|
-
setPointer:
|
|
5010
|
+
setPointer: f
|
|
4999
5011
|
};
|
|
5000
5012
|
}, kn = ({
|
|
5001
5013
|
selected: t,
|
|
@@ -5007,20 +5019,20 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5007
5019
|
clearSearchAfterSelection: n,
|
|
5008
5020
|
inputRef: c
|
|
5009
5021
|
}) => {
|
|
5010
|
-
const [
|
|
5022
|
+
const [d, i] = e.useState(
|
|
5011
5023
|
() => (t == null ? void 0 : t.map(lr)) || []
|
|
5012
|
-
),
|
|
5013
|
-
!
|
|
5014
|
-
},
|
|
5015
|
-
|
|
5016
|
-
},
|
|
5024
|
+
), s = t !== void 0, p = s ? (t == null ? void 0 : t.map(lr)) || [] : d, [m, f] = e.useState(""), b = (w) => f(w), v = (w) => $(w), h = () => {
|
|
5025
|
+
!s && i([]), o(null), f(""), l(!1);
|
|
5026
|
+
}, y = () => {
|
|
5027
|
+
b(""), c.current && (c.current.value = "");
|
|
5028
|
+
}, E = e.useMemo(() => {
|
|
5017
5029
|
const w = r === "multi" && _;
|
|
5018
5030
|
let C = a;
|
|
5019
|
-
return m && (C = C.filter((
|
|
5031
|
+
return m && (C = C.filter((g) => {
|
|
5020
5032
|
var G;
|
|
5021
|
-
if (
|
|
5033
|
+
if (g.groupHeader)
|
|
5022
5034
|
return !1;
|
|
5023
|
-
const N = m.toLowerCase(), S =
|
|
5035
|
+
const N = m.toLowerCase(), S = g.name.toLowerCase(), M = (G = g.secondaryText) == null ? void 0 : G.toLowerCase();
|
|
5024
5036
|
return S.includes(N) || (M == null ? void 0 : M.includes(N));
|
|
5025
5037
|
})), w && C.length > 1 && (C = [
|
|
5026
5038
|
{
|
|
@@ -5030,33 +5042,33 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5030
5042
|
...C
|
|
5031
5043
|
]), C;
|
|
5032
5044
|
}, [m, a, r, _]), $ = (w) => {
|
|
5033
|
-
const C = a.find((
|
|
5045
|
+
const C = a.find((g) => g.key === w);
|
|
5034
5046
|
if (!((!C || C.disabled) && w !== Mt))
|
|
5035
5047
|
if (r === "single")
|
|
5036
5048
|
i(() => (C && o([C]), [w])), l(!1);
|
|
5037
5049
|
else if (w === Mt)
|
|
5038
5050
|
p.length === br(a).length ? i(() => (o(null), [])) : i(() => {
|
|
5039
|
-
const
|
|
5040
|
-
return o(
|
|
5051
|
+
const g = br(a);
|
|
5052
|
+
return o(g), g.map(({ key: N }) => N);
|
|
5041
5053
|
});
|
|
5042
5054
|
else {
|
|
5043
|
-
if (
|
|
5044
|
-
const
|
|
5055
|
+
if (s) {
|
|
5056
|
+
const g = (t == null ? void 0 : t.map(lr)) || [], N = Jr(g, w);
|
|
5045
5057
|
o(a.filter(({ key: S }) => N.includes(S)));
|
|
5046
5058
|
} else
|
|
5047
|
-
i((
|
|
5048
|
-
const N = Jr(
|
|
5059
|
+
i((g) => {
|
|
5060
|
+
const N = Jr(g, w);
|
|
5049
5061
|
return o(a.filter(({ key: S }) => N.includes(S))), N;
|
|
5050
5062
|
});
|
|
5051
|
-
n &&
|
|
5063
|
+
n && y();
|
|
5052
5064
|
}
|
|
5053
5065
|
};
|
|
5054
5066
|
return {
|
|
5055
5067
|
selectedKeys: p,
|
|
5056
|
-
items:
|
|
5068
|
+
items: E,
|
|
5057
5069
|
searchPhrase: m,
|
|
5058
5070
|
handleSelect: $,
|
|
5059
|
-
handleOnFilter:
|
|
5071
|
+
handleOnFilter: b,
|
|
5060
5072
|
handleItemRemove: v,
|
|
5061
5073
|
handleClear: h
|
|
5062
5074
|
};
|
|
@@ -5072,21 +5084,21 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5072
5084
|
disabled: l,
|
|
5073
5085
|
error: n,
|
|
5074
5086
|
options: c,
|
|
5075
|
-
selected:
|
|
5087
|
+
selected: d,
|
|
5076
5088
|
size: i = "medium",
|
|
5077
|
-
placeholder:
|
|
5089
|
+
placeholder: s = "Select option",
|
|
5078
5090
|
isRequired: p,
|
|
5079
5091
|
noSearchResultText: m = "No results found",
|
|
5080
|
-
selectAllOptionText:
|
|
5081
|
-
type:
|
|
5092
|
+
selectAllOptionText: f,
|
|
5093
|
+
type: b = "single",
|
|
5082
5094
|
searchDisabled: v = !1,
|
|
5083
5095
|
hideClearButton: h,
|
|
5084
|
-
isVisible:
|
|
5085
|
-
onOpen:
|
|
5096
|
+
isVisible: y,
|
|
5097
|
+
onOpen: E,
|
|
5086
5098
|
onClose: $,
|
|
5087
5099
|
openedOnInit: w = !1,
|
|
5088
5100
|
clearSearchAfterSelection: C = !0,
|
|
5089
|
-
onSelect:
|
|
5101
|
+
onSelect: g,
|
|
5090
5102
|
placement: N,
|
|
5091
5103
|
floatingStrategy: S,
|
|
5092
5104
|
useDismissHookProps: M,
|
|
@@ -5122,8 +5134,8 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5122
5134
|
"useClickHookProps",
|
|
5123
5135
|
"virtuosoProps"
|
|
5124
5136
|
]);
|
|
5125
|
-
const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue =
|
|
5126
|
-
Gt ? !Ne && (
|
|
5137
|
+
const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = y !== void 0, Ne = Ue ? y : L, $t = e.useRef(null), ft = (Gt, me) => {
|
|
5138
|
+
Gt ? !Ne && (E == null || E(me)) : Ne && ($ == null || $(me)), !Ue && U(Gt);
|
|
5127
5139
|
}, {
|
|
5128
5140
|
selectedKeys: Nt,
|
|
5129
5141
|
items: bt,
|
|
@@ -5133,11 +5145,11 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5133
5145
|
handleItemRemove: xt,
|
|
5134
5146
|
handleClear: P
|
|
5135
5147
|
} = kn({
|
|
5136
|
-
selected:
|
|
5148
|
+
selected: d,
|
|
5137
5149
|
options: c,
|
|
5138
|
-
type:
|
|
5139
|
-
selectAllOptionText:
|
|
5140
|
-
onSelect:
|
|
5150
|
+
type: b,
|
|
5151
|
+
selectAllOptionText: f,
|
|
5152
|
+
onSelect: g,
|
|
5141
5153
|
setOpen: ft,
|
|
5142
5154
|
clearSearchAfterSelection: C,
|
|
5143
5155
|
inputRef: $t
|
|
@@ -5182,7 +5194,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5182
5194
|
isDisabled: l,
|
|
5183
5195
|
isError: n,
|
|
5184
5196
|
isRequired: p,
|
|
5185
|
-
isMultiSelect:
|
|
5197
|
+
isMultiSelect: b === "multi",
|
|
5186
5198
|
size: i,
|
|
5187
5199
|
setTriggerFocus: Ke
|
|
5188
5200
|
},
|
|
@@ -5192,9 +5204,9 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5192
5204
|
isOpen: Ne,
|
|
5193
5205
|
isSearchDisabled: v,
|
|
5194
5206
|
isDisabled: l,
|
|
5195
|
-
placeholder:
|
|
5196
|
-
selectedItems:
|
|
5197
|
-
type:
|
|
5207
|
+
placeholder: s,
|
|
5208
|
+
selectedItems: d,
|
|
5209
|
+
type: b,
|
|
5198
5210
|
size: i,
|
|
5199
5211
|
clearSearchAfterSelection: C,
|
|
5200
5212
|
inputRef: $t,
|
|
@@ -5210,7 +5222,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5210
5222
|
), /* @__PURE__ */ e.createElement(ha, { id: ue }, Ne && /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
|
|
5211
5223
|
sn,
|
|
5212
5224
|
{
|
|
5213
|
-
pickerType:
|
|
5225
|
+
pickerType: b,
|
|
5214
5226
|
options: bt,
|
|
5215
5227
|
listClassName: r,
|
|
5216
5228
|
context: V,
|
|
@@ -5239,25 +5251,25 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5239
5251
|
triggerClassName: l,
|
|
5240
5252
|
placement: n,
|
|
5241
5253
|
flipOptions: c,
|
|
5242
|
-
offsetSize:
|
|
5254
|
+
offsetSize: d = 4,
|
|
5243
5255
|
isVisible: i,
|
|
5244
|
-
openedOnInit:
|
|
5256
|
+
openedOnInit: s,
|
|
5245
5257
|
closeOnEsc: p = !0,
|
|
5246
5258
|
useDismissHookProps: m,
|
|
5247
|
-
useClickHookProps:
|
|
5248
|
-
floatingStrategy:
|
|
5259
|
+
useClickHookProps: f,
|
|
5260
|
+
floatingStrategy: b
|
|
5249
5261
|
}) => {
|
|
5250
|
-
const [v, h] = e.useState(
|
|
5262
|
+
const [v, h] = e.useState(s), y = Ga(), E = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", g = typeof t == "function", N = (Ke, Ue) => {
|
|
5251
5263
|
Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && h(Ke);
|
|
5252
5264
|
}, { refs: S, context: M, floatingStyles: G } = da({
|
|
5253
|
-
nodeId:
|
|
5265
|
+
nodeId: E,
|
|
5254
5266
|
open: w,
|
|
5255
5267
|
onOpenChange: N,
|
|
5256
|
-
middleware: [ua(
|
|
5268
|
+
middleware: [ua(d), Ua(c), Er()],
|
|
5257
5269
|
placement: n,
|
|
5258
|
-
strategy:
|
|
5270
|
+
strategy: b,
|
|
5259
5271
|
whileElementsMounted: ma
|
|
5260
|
-
}), I = pa(M,
|
|
5272
|
+
}), I = pa(M, f), O = ga(M, k({
|
|
5261
5273
|
escapeKey: p
|
|
5262
5274
|
}, m)), Y = fa(M), { getReferenceProps: X, getFloatingProps: L } = ba([
|
|
5263
5275
|
I,
|
|
@@ -5271,8 +5283,8 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5271
5283
|
}, X()), {
|
|
5272
5284
|
className: l
|
|
5273
5285
|
}),
|
|
5274
|
-
|
|
5275
|
-
), /* @__PURE__ */ e.createElement(ha, { id:
|
|
5286
|
+
g ? t() : t
|
|
5287
|
+
), /* @__PURE__ */ e.createElement(ha, { id: E }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
5276
5288
|
"div",
|
|
5277
5289
|
k({
|
|
5278
5290
|
className: U,
|
|
@@ -5281,7 +5293,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5281
5293
|
}, L()),
|
|
5282
5294
|
C ? /* @__PURE__ */ e.createElement(B, { as: "div" }, _) : _
|
|
5283
5295
|
))));
|
|
5284
|
-
return
|
|
5296
|
+
return y === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
|
|
5285
5297
|
};
|
|
5286
5298
|
function Cn(t, a, r, _) {
|
|
5287
5299
|
return _ && t === 0 ? _ : t === 1 ? a : r;
|
|
@@ -5378,20 +5390,20 @@ const Be = {
|
|
|
5378
5390
|
name: l,
|
|
5379
5391
|
url: n,
|
|
5380
5392
|
withDivider: c,
|
|
5381
|
-
shortcutKey:
|
|
5393
|
+
shortcutKey: d,
|
|
5382
5394
|
expired: i,
|
|
5383
|
-
trialDaysLeft:
|
|
5395
|
+
trialDaysLeft: s,
|
|
5384
5396
|
nameAdornment: p
|
|
5385
5397
|
},
|
|
5386
5398
|
onClick: m,
|
|
5387
|
-
isActive:
|
|
5399
|
+
isActive: f = !1
|
|
5388
5400
|
}) => /* @__PURE__ */ e.createElement(e.Fragment, null, c && /* @__PURE__ */ e.createElement("div", { className: Qe[`${et}__divider`] }), /* @__PURE__ */ e.createElement(
|
|
5389
5401
|
"a",
|
|
5390
5402
|
{
|
|
5391
5403
|
href: n,
|
|
5392
5404
|
target: "_blank",
|
|
5393
5405
|
"aria-label": `Go to ${l} product`,
|
|
5394
|
-
onClick: (
|
|
5406
|
+
onClick: (b) => m(b, t),
|
|
5395
5407
|
className: u(Qe[et], {
|
|
5396
5408
|
[Qe[`${et}--expired`]]: i
|
|
5397
5409
|
})
|
|
@@ -5404,7 +5416,7 @@ const Be = {
|
|
|
5404
5416
|
expired: i,
|
|
5405
5417
|
backgroundColors: _,
|
|
5406
5418
|
notificationCount: o,
|
|
5407
|
-
withBorder:
|
|
5419
|
+
withBorder: f
|
|
5408
5420
|
}
|
|
5409
5421
|
), /* @__PURE__ */ e.createElement(B, { as: "div", bold: !0, className: Qe[`${et}__name`] }, l, i && /* @__PURE__ */ e.createElement(
|
|
5410
5422
|
Lt,
|
|
@@ -5419,7 +5431,7 @@ const Be = {
|
|
|
5419
5431
|
placement: "right"
|
|
5420
5432
|
},
|
|
5421
5433
|
"Your licence is expired"
|
|
5422
|
-
), typeof
|
|
5434
|
+
), typeof s != "undefined" && /* @__PURE__ */ e.createElement(
|
|
5423
5435
|
Lt,
|
|
5424
5436
|
{
|
|
5425
5437
|
className: Qe[`${et}__trial-tooltip`],
|
|
@@ -5432,13 +5444,13 @@ const Be = {
|
|
|
5432
5444
|
),
|
|
5433
5445
|
placement: "right"
|
|
5434
5446
|
},
|
|
5435
|
-
|
|
5447
|
+
s,
|
|
5436
5448
|
" trial ",
|
|
5437
|
-
Cn(
|
|
5449
|
+
Cn(s, "day", "days"),
|
|
5438
5450
|
" ",
|
|
5439
5451
|
"left in your trial. Time to upgrade"
|
|
5440
5452
|
), p)),
|
|
5441
|
-
|
|
5453
|
+
d && /* @__PURE__ */ e.createElement(B, { size: "sm", className: Qe[`${et}__shortcut`] }, "⌘", d)
|
|
5442
5454
|
)), ea = {
|
|
5443
5455
|
"product-switcher": "lc-ProductSwitcher-module__product-switcher___mI-WG",
|
|
5444
5456
|
"product-switcher__content": "lc-ProductSwitcher-module__product-switcher__content___6jGuY",
|
|
@@ -5455,12 +5467,12 @@ const Be = {
|
|
|
5455
5467
|
onSelect: n,
|
|
5456
5468
|
textURL: c = "https://www.text.com"
|
|
5457
5469
|
}) => {
|
|
5458
|
-
const [
|
|
5470
|
+
const [d, i] = e.useState(r), [s, p] = I_(
|
|
5459
5471
|
!1
|
|
5460
|
-
), m = Ga(),
|
|
5461
|
-
L ? o == null || o(U) : l == null || l(U), !
|
|
5462
|
-
}, { refs:
|
|
5463
|
-
nodeId:
|
|
5472
|
+
), m = Ga(), f = sa(), b = _ !== void 0, v = b ? _ : d, h = (L, U) => {
|
|
5473
|
+
L ? o == null || o(U) : l == null || l(U), !b && i(L);
|
|
5474
|
+
}, { refs: y, context: E, floatingStyles: $ } = da({
|
|
5475
|
+
nodeId: f,
|
|
5464
5476
|
strategy: "fixed",
|
|
5465
5477
|
placement: "right-start",
|
|
5466
5478
|
open: v,
|
|
@@ -5469,7 +5481,7 @@ const Be = {
|
|
|
5469
5481
|
},
|
|
5470
5482
|
middleware: [ua({ mainAxis: 5 })],
|
|
5471
5483
|
whileElementsMounted: ma
|
|
5472
|
-
}), w = pa(
|
|
5484
|
+
}), w = pa(E), C = fa(E), g = ga(E), { isMounted: N, styles: S } = kr(E, {
|
|
5473
5485
|
duration: 200,
|
|
5474
5486
|
common: {
|
|
5475
5487
|
transformOrigin: "left top"
|
|
@@ -5480,7 +5492,7 @@ const Be = {
|
|
|
5480
5492
|
}
|
|
5481
5493
|
}), { getReferenceProps: M, getFloatingProps: G } = ba([
|
|
5482
5494
|
w,
|
|
5483
|
-
|
|
5495
|
+
g,
|
|
5484
5496
|
C
|
|
5485
5497
|
]), I = t.find(
|
|
5486
5498
|
(L) => L.id === a
|
|
@@ -5492,10 +5504,10 @@ const Be = {
|
|
|
5492
5504
|
}, Y = t.reduce(
|
|
5493
5505
|
(L, U) => L + (U.notificationCount || 0),
|
|
5494
5506
|
0
|
|
5495
|
-
), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref:
|
|
5507
|
+
), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: y.setReference }, M()), /* @__PURE__ */ e.createElement(
|
|
5496
5508
|
Lt,
|
|
5497
5509
|
{
|
|
5498
|
-
isVisible:
|
|
5510
|
+
isVisible: s,
|
|
5499
5511
|
onOpen: () => p(!0),
|
|
5500
5512
|
onClose: () => p(!1),
|
|
5501
5513
|
offsetCrossAxis: 2,
|
|
@@ -5516,10 +5528,10 @@ const Be = {
|
|
|
5516
5528
|
)
|
|
5517
5529
|
},
|
|
5518
5530
|
"Switch product"
|
|
5519
|
-
)), /* @__PURE__ */ e.createElement(ha, { id:
|
|
5531
|
+
)), /* @__PURE__ */ e.createElement(ha, { id: f }, /* @__PURE__ */ e.createElement(
|
|
5520
5532
|
"div",
|
|
5521
5533
|
k({
|
|
5522
|
-
ref:
|
|
5534
|
+
ref: y.setFloating,
|
|
5523
5535
|
style: $
|
|
5524
5536
|
}, G()),
|
|
5525
5537
|
N && /* @__PURE__ */ e.createElement(
|
|
@@ -5763,15 +5775,15 @@ const Be = {
|
|
|
5763
5775
|
}, Pn = (t, a) => In.includes(t) || a.some(
|
|
5764
5776
|
(r) => r.product === E_[t]
|
|
5765
5777
|
), An = (t, a, r, _, o) => {
|
|
5766
|
-
var n, c,
|
|
5778
|
+
var n, c, d, i, s;
|
|
5767
5779
|
const l = a.find(
|
|
5768
5780
|
(p) => p.product === E_[t.id]
|
|
5769
5781
|
);
|
|
5770
5782
|
if (!l)
|
|
5771
5783
|
throw new Error(`Product data for ${t.id} not found`);
|
|
5772
5784
|
return T(k({}, t), {
|
|
5773
|
-
trialDaysLeft: r[t.id] && ((n = r[t.id]) == null ? void 0 : n.status) === "trial" && ((c = r[t.id]) != null && c.next_charge_at) ? Dn((i = (
|
|
5774
|
-
expired: ((
|
|
5785
|
+
trialDaysLeft: r[t.id] && ((n = r[t.id]) == null ? void 0 : n.status) === "trial" && ((c = r[t.id]) != null && c.next_charge_at) ? Dn((i = (d = r[t.id]) == null ? void 0 : d.next_charge_at) != null ? i : "") : void 0,
|
|
5786
|
+
expired: ((s = r[t.id]) == null ? void 0 : s.status) === "expired",
|
|
5775
5787
|
url: Tn(
|
|
5776
5788
|
l.clientId,
|
|
5777
5789
|
l.redirectUri,
|
|
@@ -5849,17 +5861,17 @@ const aa = {
|
|
|
5849
5861
|
"className",
|
|
5850
5862
|
"size"
|
|
5851
5863
|
]);
|
|
5852
|
-
const
|
|
5864
|
+
const d = y_(t, a), i = Mn[_], s = Ln[_], p = u(
|
|
5853
5865
|
aa[ra],
|
|
5854
5866
|
{
|
|
5855
5867
|
[aa[`${ra}--${_}`]]: _,
|
|
5856
5868
|
[aa[`${ra}--${t}`]]: t
|
|
5857
5869
|
},
|
|
5858
5870
|
r
|
|
5859
|
-
), m = 2 * Math.PI * ((
|
|
5871
|
+
), m = 2 * Math.PI * ((s - i) / 2), f = {
|
|
5860
5872
|
strokeDasharray: m.toFixed(3),
|
|
5861
|
-
strokeDashoffset: `${((100 -
|
|
5862
|
-
},
|
|
5873
|
+
strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
|
|
5874
|
+
}, b = `${s / 2} ${s / 2} ${s} ${s}`;
|
|
5863
5875
|
return /* @__PURE__ */ e.createElement(
|
|
5864
5876
|
"div",
|
|
5865
5877
|
k({
|
|
@@ -5867,13 +5879,13 @@ const aa = {
|
|
|
5867
5879
|
ref: l,
|
|
5868
5880
|
role: "progressbar"
|
|
5869
5881
|
}, o),
|
|
5870
|
-
/* @__PURE__ */ e.createElement("svg", { viewBox:
|
|
5882
|
+
/* @__PURE__ */ e.createElement("svg", { viewBox: b }, /* @__PURE__ */ e.createElement(
|
|
5871
5883
|
"circle",
|
|
5872
5884
|
{
|
|
5873
5885
|
className: aa[`${ra}__bg-line--${t}`],
|
|
5874
|
-
cx:
|
|
5875
|
-
cy:
|
|
5876
|
-
r: (
|
|
5886
|
+
cx: s,
|
|
5887
|
+
cy: s,
|
|
5888
|
+
r: (s - i) / 2,
|
|
5877
5889
|
fill: "none",
|
|
5878
5890
|
strokeWidth: i
|
|
5879
5891
|
}
|
|
@@ -5881,10 +5893,10 @@ const aa = {
|
|
|
5881
5893
|
"circle",
|
|
5882
5894
|
{
|
|
5883
5895
|
className: aa[`${ra}__indicator--${t}`],
|
|
5884
|
-
style:
|
|
5885
|
-
cx:
|
|
5886
|
-
cy:
|
|
5887
|
-
r: (
|
|
5896
|
+
style: f,
|
|
5897
|
+
cx: s,
|
|
5898
|
+
cy: s,
|
|
5899
|
+
r: (s - i) / 2,
|
|
5888
5900
|
fill: "none",
|
|
5889
5901
|
strokeWidth: i
|
|
5890
5902
|
}
|
|
@@ -5914,7 +5926,7 @@ const aa = {
|
|
|
5914
5926
|
"size",
|
|
5915
5927
|
"className"
|
|
5916
5928
|
]);
|
|
5917
|
-
const
|
|
5929
|
+
const d = y_(t, a), i = u(
|
|
5918
5930
|
Ia[Ta],
|
|
5919
5931
|
{
|
|
5920
5932
|
[Ia[`${Ta}--${r}`]]: r,
|
|
@@ -5934,7 +5946,7 @@ const aa = {
|
|
|
5934
5946
|
{
|
|
5935
5947
|
"data-testid": "progress-bar-indicator",
|
|
5936
5948
|
className: Ia[`${Ta}__indicator--${t}`],
|
|
5937
|
-
style: { width: `${
|
|
5949
|
+
style: { width: `${d}%` }
|
|
5938
5950
|
}
|
|
5939
5951
|
)
|
|
5940
5952
|
);
|
|
@@ -5960,10 +5972,10 @@ const aa = {
|
|
|
5960
5972
|
light: l = !1,
|
|
5961
5973
|
linkText: n,
|
|
5962
5974
|
onButtonClick: c,
|
|
5963
|
-
onClose:
|
|
5975
|
+
onClose: d,
|
|
5964
5976
|
onLinkClick: i
|
|
5965
5977
|
}) => {
|
|
5966
|
-
const
|
|
5978
|
+
const s = e.useRef(null), [p, m] = e.useState("medium"), f = u(
|
|
5967
5979
|
Ae[Fe],
|
|
5968
5980
|
{
|
|
5969
5981
|
[Ae[`${Fe}--light`]]: l,
|
|
@@ -5973,7 +5985,7 @@ const aa = {
|
|
|
5973
5985
|
t
|
|
5974
5986
|
);
|
|
5975
5987
|
e.useEffect(() => {
|
|
5976
|
-
const v = () =>
|
|
5988
|
+
const v = () => s.current && s.current.offsetWidth <= Un ? m("small") : s.current && s.current.offsetWidth >= Hn ? m("large") : m("medium"), h = n_(
|
|
5977
5989
|
v,
|
|
5978
5990
|
zn
|
|
5979
5991
|
);
|
|
@@ -5981,7 +5993,7 @@ const aa = {
|
|
|
5981
5993
|
h.cancel(), window.removeEventListener("resize", h);
|
|
5982
5994
|
};
|
|
5983
5995
|
}, []);
|
|
5984
|
-
const
|
|
5996
|
+
const b = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
5985
5997
|
W,
|
|
5986
5998
|
{
|
|
5987
5999
|
kind: "primary",
|
|
@@ -5991,12 +6003,12 @@ const aa = {
|
|
|
5991
6003
|
},
|
|
5992
6004
|
a
|
|
5993
6005
|
), n && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: i }, n));
|
|
5994
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
6006
|
+
return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ae[`${Fe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__header`] }, _), /* @__PURE__ */ e.createElement(B, { as: "div" }, r), p !== "large" && b), p === "large" && b), d && /* @__PURE__ */ e.createElement(
|
|
5995
6007
|
"button",
|
|
5996
6008
|
{
|
|
5997
6009
|
type: "button",
|
|
5998
6010
|
className: Ae[`${Fe}__close-icon`],
|
|
5999
|
-
onClick:
|
|
6011
|
+
onClick: d
|
|
6000
6012
|
},
|
|
6001
6013
|
/* @__PURE__ */ e.createElement(x, { source: Ie, size: "large", kind: "primary" })
|
|
6002
6014
|
));
|
|
@@ -6019,7 +6031,7 @@ const aa = {
|
|
|
6019
6031
|
vertical: l,
|
|
6020
6032
|
contentClassName: n,
|
|
6021
6033
|
additionalContentClassName: c,
|
|
6022
|
-
onClose:
|
|
6034
|
+
onClose: d
|
|
6023
6035
|
}) => {
|
|
6024
6036
|
const i = u(tt["main-wrapper"], a);
|
|
6025
6037
|
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
|
|
@@ -6065,11 +6077,11 @@ const aa = {
|
|
|
6065
6077
|
},
|
|
6066
6078
|
r
|
|
6067
6079
|
),
|
|
6068
|
-
|
|
6080
|
+
d && /* @__PURE__ */ e.createElement("div", { className: tt[`${ut}__close`] }, /* @__PURE__ */ e.createElement(
|
|
6069
6081
|
W,
|
|
6070
6082
|
{
|
|
6071
6083
|
className: tt[`${ut}__close__btn`],
|
|
6072
|
-
onClick:
|
|
6084
|
+
onClick: d,
|
|
6073
6085
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
|
|
6074
6086
|
kind: "plain",
|
|
6075
6087
|
size: "compact"
|
|
@@ -6088,7 +6100,7 @@ const aa = {
|
|
|
6088
6100
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
6089
6101
|
}, rt = "radio-button", Bi = e.forwardRef(
|
|
6090
6102
|
(c, n) => {
|
|
6091
|
-
var
|
|
6103
|
+
var d = c, { children: t, className: a = "", description: r, checked: _, disabled: o } = d, l = D(d, ["children", "className", "description", "checked", "disabled"]);
|
|
6092
6104
|
const i = u(at[rt], a, {
|
|
6093
6105
|
[at[`${rt}--selected`]]: _,
|
|
6094
6106
|
[at[`${rt}--disabled`]]: o
|
|
@@ -6127,9 +6139,9 @@ const aa = {
|
|
|
6127
6139
|
value: l,
|
|
6128
6140
|
className: n,
|
|
6129
6141
|
cropOnBlur: c = !0,
|
|
6130
|
-
onChange:
|
|
6142
|
+
onChange: d
|
|
6131
6143
|
}) => {
|
|
6132
|
-
const [i,
|
|
6144
|
+
const [i, s] = e.useState(!0), [p, m] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, v = t && !i && "true", h = u(
|
|
6133
6145
|
n,
|
|
6134
6146
|
Re[We],
|
|
6135
6147
|
Re[`${We}--${o}`],
|
|
@@ -6139,22 +6151,22 @@ const aa = {
|
|
|
6139
6151
|
!i && Re[`${We}--collapsable--open`]
|
|
6140
6152
|
);
|
|
6141
6153
|
e.useEffect(() => {
|
|
6142
|
-
t && l &&
|
|
6154
|
+
t && l && s(!1);
|
|
6143
6155
|
}, [t]);
|
|
6144
|
-
const
|
|
6156
|
+
const y = (N) => {
|
|
6145
6157
|
const S = N.currentTarget.value;
|
|
6146
|
-
|
|
6147
|
-
},
|
|
6148
|
-
|
|
6158
|
+
d(S);
|
|
6159
|
+
}, E = () => {
|
|
6160
|
+
d("");
|
|
6149
6161
|
}, $ = () => {
|
|
6150
6162
|
var N;
|
|
6151
|
-
(N =
|
|
6163
|
+
(N = f.current) == null || N.focus();
|
|
6152
6164
|
}, w = () => {
|
|
6153
|
-
t &&
|
|
6165
|
+
t && s(!1), m(!0);
|
|
6154
6166
|
}, C = () => {
|
|
6155
|
-
t && !l &&
|
|
6156
|
-
},
|
|
6157
|
-
N.key === de.enter && (N.preventDefault(),
|
|
6167
|
+
t && !l && s(!0), m(!1);
|
|
6168
|
+
}, g = (N) => {
|
|
6169
|
+
N.key === de.enter && (N.preventDefault(), d(l));
|
|
6158
6170
|
};
|
|
6159
6171
|
return /* @__PURE__ */ e.createElement(
|
|
6160
6172
|
"div",
|
|
@@ -6186,25 +6198,25 @@ const aa = {
|
|
|
6186
6198
|
"input",
|
|
6187
6199
|
{
|
|
6188
6200
|
role: "searchbox",
|
|
6189
|
-
ref:
|
|
6201
|
+
ref: f,
|
|
6190
6202
|
type: "text",
|
|
6191
6203
|
value: l,
|
|
6192
6204
|
placeholder: _,
|
|
6193
|
-
onChange:
|
|
6205
|
+
onChange: y,
|
|
6194
6206
|
onBlur: C,
|
|
6195
6207
|
onFocus: w,
|
|
6196
|
-
onKeyDown:
|
|
6208
|
+
onKeyDown: g,
|
|
6197
6209
|
disabled: a
|
|
6198
6210
|
}
|
|
6199
6211
|
)
|
|
6200
6212
|
),
|
|
6201
|
-
|
|
6213
|
+
b && /* @__PURE__ */ e.createElement(
|
|
6202
6214
|
W,
|
|
6203
6215
|
{
|
|
6204
6216
|
"aria-label": "Clear search",
|
|
6205
6217
|
title: "Clear search",
|
|
6206
6218
|
className: Re[`${We}__clear-icon`],
|
|
6207
|
-
onClick:
|
|
6219
|
+
onClick: E,
|
|
6208
6220
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
|
|
6209
6221
|
kind: "text",
|
|
6210
6222
|
size: "compact"
|
|
@@ -6346,9 +6358,9 @@ const aa = {
|
|
|
6346
6358
|
onChange: l,
|
|
6347
6359
|
size: n = "large",
|
|
6348
6360
|
state: c = "regular",
|
|
6349
|
-
innerRef:
|
|
6361
|
+
innerRef: d,
|
|
6350
6362
|
ariaLabel: i
|
|
6351
|
-
} = m,
|
|
6363
|
+
} = m, s = D(m, [
|
|
6352
6364
|
"className",
|
|
6353
6365
|
"defaultOn",
|
|
6354
6366
|
"disabled",
|
|
@@ -6360,9 +6372,9 @@ const aa = {
|
|
|
6360
6372
|
"innerRef",
|
|
6361
6373
|
"ariaLabel"
|
|
6362
6374
|
]);
|
|
6363
|
-
const
|
|
6364
|
-
() =>
|
|
6365
|
-
), [h,
|
|
6375
|
+
const f = o !== void 0, [b, v] = e.useState(
|
|
6376
|
+
() => f ? o : a
|
|
6377
|
+
), [h, y] = e.useState(!1), E = f ? o : b, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", g = E ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
|
|
6366
6378
|
ae[te],
|
|
6367
6379
|
ae[`${te}--${n}`],
|
|
6368
6380
|
{
|
|
@@ -6370,7 +6382,7 @@ const aa = {
|
|
|
6370
6382
|
},
|
|
6371
6383
|
t
|
|
6372
6384
|
), G = (I) => {
|
|
6373
|
-
l == null || l(I, !
|
|
6385
|
+
l == null || l(I, !E), f || (I.stopPropagation(), v((O) => !O));
|
|
6374
6386
|
};
|
|
6375
6387
|
return /* @__PURE__ */ e.createElement("span", { className: M }, /* @__PURE__ */ e.createElement(
|
|
6376
6388
|
"input",
|
|
@@ -6381,14 +6393,14 @@ const aa = {
|
|
|
6381
6393
|
ae[`${te}__input--${S}`]
|
|
6382
6394
|
),
|
|
6383
6395
|
onChange: G,
|
|
6384
|
-
checked:
|
|
6396
|
+
checked: E,
|
|
6385
6397
|
name: _,
|
|
6386
|
-
ref:
|
|
6398
|
+
ref: d,
|
|
6387
6399
|
disabled: N,
|
|
6388
6400
|
"aria-label": i
|
|
6389
|
-
},
|
|
6390
|
-
onFocus: () =>
|
|
6391
|
-
onBlur: () =>
|
|
6401
|
+
}, s), {
|
|
6402
|
+
onFocus: () => y(!0),
|
|
6403
|
+
onBlur: () => y(!1)
|
|
6392
6404
|
})
|
|
6393
6405
|
), /* @__PURE__ */ e.createElement(
|
|
6394
6406
|
"span",
|
|
@@ -6402,7 +6414,7 @@ const aa = {
|
|
|
6402
6414
|
{
|
|
6403
6415
|
className: u(
|
|
6404
6416
|
ae[`${te}__track`],
|
|
6405
|
-
ae[`${te}__track--${
|
|
6417
|
+
ae[`${te}__track--${g}`],
|
|
6406
6418
|
ae[`${te}__track--${S}`]
|
|
6407
6419
|
)
|
|
6408
6420
|
}
|
|
@@ -6414,7 +6426,7 @@ const aa = {
|
|
|
6414
6426
|
ae[`${te}__slider`],
|
|
6415
6427
|
ae[`${te}__slider--${S}`],
|
|
6416
6428
|
ae[`${te}__slider--${n}`],
|
|
6417
|
-
ae[`${te}__slider--${n}--${
|
|
6429
|
+
ae[`${te}__slider--${n}--${g}`]
|
|
6418
6430
|
)
|
|
6419
6431
|
},
|
|
6420
6432
|
$ && /* @__PURE__ */ e.createElement(
|
|
@@ -6449,8 +6461,8 @@ const aa = {
|
|
|
6449
6461
|
tab__badge: ec,
|
|
6450
6462
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
6451
6463
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
6452
|
-
}, wt = "tab", Ri = (
|
|
6453
|
-
var i =
|
|
6464
|
+
}, wt = "tab", Ri = (d) => {
|
|
6465
|
+
var i = d, {
|
|
6454
6466
|
children: t,
|
|
6455
6467
|
className: a,
|
|
6456
6468
|
count: r,
|
|
@@ -6467,7 +6479,7 @@ const aa = {
|
|
|
6467
6479
|
"size",
|
|
6468
6480
|
"icon"
|
|
6469
6481
|
]);
|
|
6470
|
-
const { disabled:
|
|
6482
|
+
const { disabled: s } = c, p = r !== void 0 && !o, m = r !== void 0 && o;
|
|
6471
6483
|
return /* @__PURE__ */ e.createElement(
|
|
6472
6484
|
B,
|
|
6473
6485
|
T(k({}, c), {
|
|
@@ -6480,7 +6492,7 @@ const aa = {
|
|
|
6480
6492
|
yt[wt],
|
|
6481
6493
|
yt[`${wt}--${l}`],
|
|
6482
6494
|
_ && yt[`${wt}--selected`],
|
|
6483
|
-
|
|
6495
|
+
s && yt[`${wt}--disabled`]
|
|
6484
6496
|
)
|
|
6485
6497
|
}),
|
|
6486
6498
|
n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: yt[`${wt}__icon`] }, n),
|
|
@@ -6520,29 +6532,29 @@ const aa = {
|
|
|
6520
6532
|
remove: o,
|
|
6521
6533
|
value: l
|
|
6522
6534
|
}) => {
|
|
6523
|
-
const [n, c] = e.useState(!1),
|
|
6524
|
-
const
|
|
6525
|
-
return
|
|
6526
|
-
},
|
|
6535
|
+
const [n, c] = e.useState(!1), d = () => a.current, i = () => {
|
|
6536
|
+
const b = d();
|
|
6537
|
+
return b ? b.innerText : "";
|
|
6538
|
+
}, s = () => {
|
|
6527
6539
|
r && r.current && r.current.focus();
|
|
6528
|
-
}, p = (
|
|
6529
|
-
if (
|
|
6530
|
-
|
|
6540
|
+
}, p = (b) => {
|
|
6541
|
+
if (b.key === de.enter) {
|
|
6542
|
+
b.preventDefault(), s();
|
|
6531
6543
|
return;
|
|
6532
6544
|
}
|
|
6533
|
-
|
|
6545
|
+
b.key === de.backspace && i() === "" && (c(!0), o(), s());
|
|
6534
6546
|
}, m = () => {
|
|
6535
|
-
const
|
|
6536
|
-
if (!(n || !
|
|
6537
|
-
if (
|
|
6547
|
+
const b = d();
|
|
6548
|
+
if (!(n || !b)) {
|
|
6549
|
+
if (b.innerText === "") {
|
|
6538
6550
|
o();
|
|
6539
6551
|
return;
|
|
6540
6552
|
}
|
|
6541
|
-
_(
|
|
6553
|
+
_(b.innerText);
|
|
6542
6554
|
}
|
|
6543
|
-
},
|
|
6544
|
-
|
|
6545
|
-
const v =
|
|
6555
|
+
}, f = (b) => {
|
|
6556
|
+
b.preventDefault();
|
|
6557
|
+
const v = b.clipboardData.getData("text/plain");
|
|
6546
6558
|
document.execCommand("insertHTML", !1, Dr(v));
|
|
6547
6559
|
};
|
|
6548
6560
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -6551,7 +6563,7 @@ const aa = {
|
|
|
6551
6563
|
ref: a,
|
|
6552
6564
|
className: t,
|
|
6553
6565
|
contentEditable: !0,
|
|
6554
|
-
onPaste:
|
|
6566
|
+
onPaste: f,
|
|
6555
6567
|
onBlur: m,
|
|
6556
6568
|
onKeyDown: p,
|
|
6557
6569
|
dangerouslySetInnerHTML: { __html: Dr(l) }
|
|
@@ -6567,8 +6579,8 @@ const aa = {
|
|
|
6567
6579
|
size: n,
|
|
6568
6580
|
tagProps: c
|
|
6569
6581
|
}) => {
|
|
6570
|
-
const
|
|
6571
|
-
return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove:
|
|
6582
|
+
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), s = () => r(a), p = () => d ? c ? c.kind : "default" : "error";
|
|
6583
|
+
return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove: s }), /* @__PURE__ */ e.createElement(
|
|
6572
6584
|
rc,
|
|
6573
6585
|
{
|
|
6574
6586
|
value: t,
|
|
@@ -6576,7 +6588,7 @@ const aa = {
|
|
|
6576
6588
|
innerEditableRef: i,
|
|
6577
6589
|
className: la[`${_c}__content`],
|
|
6578
6590
|
change: (m) => l(a, m),
|
|
6579
|
-
remove:
|
|
6591
|
+
remove: s,
|
|
6580
6592
|
validator: _
|
|
6581
6593
|
}
|
|
6582
6594
|
));
|
|
@@ -6587,7 +6599,7 @@ const aa = {
|
|
|
6587
6599
|
de.semicolon,
|
|
6588
6600
|
de.comma
|
|
6589
6601
|
], lc = [de.backspace, de.delete], nc = (m) => {
|
|
6590
|
-
var
|
|
6602
|
+
var f = m, {
|
|
6591
6603
|
id: t,
|
|
6592
6604
|
tags: a,
|
|
6593
6605
|
onChange: r,
|
|
@@ -6596,10 +6608,10 @@ const aa = {
|
|
|
6596
6608
|
placeholder: l,
|
|
6597
6609
|
size: n = "medium",
|
|
6598
6610
|
className: c,
|
|
6599
|
-
inputClassName:
|
|
6611
|
+
inputClassName: d,
|
|
6600
6612
|
onBlur: i,
|
|
6601
|
-
addOnBlur:
|
|
6602
|
-
} =
|
|
6613
|
+
addOnBlur: s = !0
|
|
6614
|
+
} = f, p = D(f, [
|
|
6603
6615
|
"id",
|
|
6604
6616
|
"tags",
|
|
6605
6617
|
"onChange",
|
|
@@ -6612,22 +6624,22 @@ const aa = {
|
|
|
6612
6624
|
"onBlur",
|
|
6613
6625
|
"addOnBlur"
|
|
6614
6626
|
]);
|
|
6615
|
-
const
|
|
6627
|
+
const b = u(
|
|
6616
6628
|
la[Da],
|
|
6617
6629
|
{
|
|
6618
6630
|
[la[`${Da}--error`]]: o
|
|
6619
6631
|
},
|
|
6620
6632
|
c
|
|
6621
6633
|
), v = u(
|
|
6622
|
-
|
|
6634
|
+
d,
|
|
6623
6635
|
la[`${Da}__input`],
|
|
6624
6636
|
la[`${Da}__input--${n}`]
|
|
6625
|
-
), [h,
|
|
6626
|
-
I.trim() !== "" && (r([...a || [], I]),
|
|
6637
|
+
), [h, y] = e.useState(""), E = e.useRef(null), $ = (I) => {
|
|
6638
|
+
I.trim() !== "" && (r([...a || [], I]), y(""));
|
|
6627
6639
|
}, w = (I) => {
|
|
6628
6640
|
const O = [...a || []];
|
|
6629
6641
|
O.splice(I, 1), r(O);
|
|
6630
|
-
}, C = (I) =>
|
|
6642
|
+
}, C = (I) => y(I.target.value), g = (I) => {
|
|
6631
6643
|
if (oc.includes(I.key)) {
|
|
6632
6644
|
if (I.preventDefault(), h === "")
|
|
6633
6645
|
return;
|
|
@@ -6638,7 +6650,7 @@ const aa = {
|
|
|
6638
6650
|
w(a.length - 1);
|
|
6639
6651
|
}
|
|
6640
6652
|
}, N = (I) => {
|
|
6641
|
-
|
|
6653
|
+
s && $(h), i == null || i(I);
|
|
6642
6654
|
}, S = (I, O) => {
|
|
6643
6655
|
const Y = [...a || []];
|
|
6644
6656
|
Y.reduce(
|
|
@@ -6656,7 +6668,7 @@ const aa = {
|
|
|
6656
6668
|
key: `${O}${I}`,
|
|
6657
6669
|
update: S,
|
|
6658
6670
|
remove: w,
|
|
6659
|
-
inputRef:
|
|
6671
|
+
inputRef: E,
|
|
6660
6672
|
validator: _,
|
|
6661
6673
|
size: n
|
|
6662
6674
|
},
|
|
@@ -6668,23 +6680,23 @@ const aa = {
|
|
|
6668
6680
|
key: `${O}${I.children}`,
|
|
6669
6681
|
update: S,
|
|
6670
6682
|
remove: w,
|
|
6671
|
-
inputRef:
|
|
6683
|
+
inputRef: E,
|
|
6672
6684
|
validator: _,
|
|
6673
6685
|
size: n,
|
|
6674
6686
|
tagProps: I
|
|
6675
6687
|
},
|
|
6676
6688
|
I.value || I.children
|
|
6677
6689
|
);
|
|
6678
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className:
|
|
6690
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: b }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
|
|
6679
6691
|
"input",
|
|
6680
6692
|
T(k({}, p), {
|
|
6681
6693
|
id: t,
|
|
6682
|
-
ref:
|
|
6694
|
+
ref: E,
|
|
6683
6695
|
className: v,
|
|
6684
6696
|
placeholder: l,
|
|
6685
6697
|
value: h,
|
|
6686
6698
|
onChange: C,
|
|
6687
|
-
onKeyDown:
|
|
6699
|
+
onKeyDown: g,
|
|
6688
6700
|
onPaste: M,
|
|
6689
6701
|
onBlur: N
|
|
6690
6702
|
})
|
|
@@ -6740,14 +6752,14 @@ const aa = {
|
|
|
6740
6752
|
source: ca
|
|
6741
6753
|
}
|
|
6742
6754
|
}, mt = "toast", fc = (c) => {
|
|
6743
|
-
var
|
|
6755
|
+
var d = c, {
|
|
6744
6756
|
action: t,
|
|
6745
6757
|
className: a,
|
|
6746
6758
|
children: r,
|
|
6747
6759
|
removable: _,
|
|
6748
6760
|
kind: o = "info",
|
|
6749
6761
|
onClose: l
|
|
6750
|
-
} =
|
|
6762
|
+
} = d, n = D(d, [
|
|
6751
6763
|
"action",
|
|
6752
6764
|
"className",
|
|
6753
6765
|
"children",
|
|
@@ -6759,8 +6771,8 @@ const aa = {
|
|
|
6759
6771
|
re[mt],
|
|
6760
6772
|
re[`${mt}--${o}`],
|
|
6761
6773
|
a
|
|
6762
|
-
),
|
|
6763
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, T(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__content`] },
|
|
6774
|
+
), s = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
|
|
6775
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__icon`] }, /* @__PURE__ */ e.createElement(x, T(k({}, gc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__content`] }, s ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
6764
6776
|
W,
|
|
6765
6777
|
{
|
|
6766
6778
|
className: re[`${mt}__actions--custom`],
|
|
@@ -6800,10 +6812,10 @@ const aa = {
|
|
|
6800
6812
|
},
|
|
6801
6813
|
t
|
|
6802
6814
|
);
|
|
6803
|
-
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id:
|
|
6815
|
+
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: d, kind: i, content: s, removable: p, action: m, onClose: f }) => /* @__PURE__ */ e.createElement(
|
|
6804
6816
|
i_,
|
|
6805
6817
|
{
|
|
6806
|
-
key:
|
|
6818
|
+
key: d,
|
|
6807
6819
|
classNames: {
|
|
6808
6820
|
enter: re[`toast-appear--${o}`],
|
|
6809
6821
|
enterActive: re[`toast-appear-active--${o}`],
|
|
@@ -6816,11 +6828,11 @@ const aa = {
|
|
|
6816
6828
|
fc,
|
|
6817
6829
|
{
|
|
6818
6830
|
kind: i,
|
|
6819
|
-
onClose:
|
|
6831
|
+
onClose: f,
|
|
6820
6832
|
removable: p,
|
|
6821
6833
|
action: m
|
|
6822
6834
|
},
|
|
6823
|
-
|
|
6835
|
+
s
|
|
6824
6836
|
)
|
|
6825
6837
|
))));
|
|
6826
6838
|
}, hc = "lc-Textarea-module__textarea___g6U8F", Pa = {
|
|
@@ -6831,20 +6843,20 @@ const aa = {
|
|
|
6831
6843
|
}, Aa = "textarea", Ui = e.forwardRef(
|
|
6832
6844
|
(o, _) => {
|
|
6833
6845
|
var l = o, { className: t, error: a } = l, r = D(l, ["className", "error"]);
|
|
6834
|
-
const { disabled: n, onBlur: c, onFocus:
|
|
6846
|
+
const { disabled: n, onBlur: c, onFocus: d } = r, [i, s] = e.useState(!1), p = u(t, Pa[Aa], {
|
|
6835
6847
|
[Pa[`${Aa}--disabled`]]: n,
|
|
6836
6848
|
[Pa[`${Aa}--focused`]]: i,
|
|
6837
6849
|
[Pa[`${Aa}--error`]]: a
|
|
6838
|
-
}), m = (
|
|
6839
|
-
|
|
6840
|
-
},
|
|
6841
|
-
|
|
6850
|
+
}), m = (b) => {
|
|
6851
|
+
s(!1), c == null || c(b);
|
|
6852
|
+
}, f = (b) => {
|
|
6853
|
+
s(!0), d == null || d(b);
|
|
6842
6854
|
};
|
|
6843
6855
|
return /* @__PURE__ */ e.createElement(B, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
|
|
6844
6856
|
"textarea",
|
|
6845
6857
|
T(k({}, r), {
|
|
6846
6858
|
ref: _,
|
|
6847
|
-
onFocus:
|
|
6859
|
+
onFocus: f,
|
|
6848
6860
|
onBlur: m
|
|
6849
6861
|
})
|
|
6850
6862
|
));
|
|
@@ -6894,7 +6906,7 @@ const aa = {
|
|
|
6894
6906
|
size: l,
|
|
6895
6907
|
status: n = "normal",
|
|
6896
6908
|
onCloseButtonClick: c,
|
|
6897
|
-
onRetryButtonClick:
|
|
6909
|
+
onRetryButtonClick: d
|
|
6898
6910
|
}, i) => /* @__PURE__ */ e.createElement("div", { className: Me[_t], ref: i }, r && n !== "success" && /* @__PURE__ */ e.createElement("div", { className: Me[`${_t}__icon`] }, r), n === "success" && /* @__PURE__ */ e.createElement(
|
|
6899
6911
|
"div",
|
|
6900
6912
|
{
|
|
@@ -6932,7 +6944,7 @@ const aa = {
|
|
|
6932
6944
|
{
|
|
6933
6945
|
status: n,
|
|
6934
6946
|
onCloseButtonClick: c,
|
|
6935
|
-
onRetryButtonClick:
|
|
6947
|
+
onRetryButtonClick: d
|
|
6936
6948
|
}
|
|
6937
6949
|
)
|
|
6938
6950
|
)),
|
|
@@ -6997,51 +7009,51 @@ const aa = {
|
|
|
6997
7009
|
errorMessage: l,
|
|
6998
7010
|
status: n = "normal",
|
|
6999
7011
|
icon: c,
|
|
7000
|
-
size:
|
|
7012
|
+
size: d,
|
|
7001
7013
|
mode: i = "multiple",
|
|
7002
|
-
onCloseButtonClick:
|
|
7014
|
+
onCloseButtonClick: s,
|
|
7003
7015
|
onRetryButtonClick: p
|
|
7004
7016
|
}) => {
|
|
7005
|
-
const [m,
|
|
7006
|
-
[K[`${ke}--error`]]:
|
|
7017
|
+
const [m, f] = e.useState(o || !1), b = n === "error", v = n === "success", h = u(K[ke], a, {
|
|
7018
|
+
[K[`${ke}--error`]]: b,
|
|
7007
7019
|
[K[`${ke}--success`]]: v
|
|
7008
|
-
}),
|
|
7020
|
+
}), y = !(b && (p || s)), E = () => f(!m);
|
|
7009
7021
|
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement(
|
|
7010
7022
|
Ec,
|
|
7011
7023
|
{
|
|
7012
|
-
title:
|
|
7024
|
+
title: b && l || _,
|
|
7013
7025
|
progressValue: r,
|
|
7014
7026
|
status: n,
|
|
7015
7027
|
icon: c,
|
|
7016
|
-
size:
|
|
7028
|
+
size: d
|
|
7017
7029
|
}
|
|
7018
7030
|
)), n === "error" && /* @__PURE__ */ e.createElement(
|
|
7019
7031
|
hr,
|
|
7020
7032
|
{
|
|
7021
7033
|
status: n,
|
|
7022
|
-
onCloseButtonClick:
|
|
7034
|
+
onCloseButtonClick: s,
|
|
7023
7035
|
onRetryButtonClick: p
|
|
7024
7036
|
}
|
|
7025
7037
|
))) : /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
|
|
7026
7038
|
"div",
|
|
7027
7039
|
{
|
|
7028
7040
|
className: K[`${ke}__wrapper`],
|
|
7029
|
-
onClick:
|
|
7041
|
+
onClick: E
|
|
7030
7042
|
},
|
|
7031
|
-
/* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" },
|
|
7043
|
+
/* @__PURE__ */ e.createElement("div", { className: K[`${ot}`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__icon`] }, wc(n, r)), /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__title`] }, /* @__PURE__ */ e.createElement(B, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
|
|
7032
7044
|
"button",
|
|
7033
7045
|
{
|
|
7034
7046
|
className: K[`${ot}__collapse-button`],
|
|
7035
7047
|
type: "button",
|
|
7036
7048
|
"aria-label": "Collapse button",
|
|
7037
|
-
onClick:
|
|
7049
|
+
onClick: E
|
|
7038
7050
|
},
|
|
7039
7051
|
m ? /* @__PURE__ */ e.createElement(x, { source: Oa }) : /* @__PURE__ */ e.createElement(x, { source: Ot })
|
|
7040
7052
|
), n === "error" && /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
7041
7053
|
hr,
|
|
7042
7054
|
{
|
|
7043
7055
|
status: n,
|
|
7044
|
-
onCloseButtonClick:
|
|
7056
|
+
onCloseButtonClick: s,
|
|
7045
7057
|
onRetryButtonClick: p
|
|
7046
7058
|
}
|
|
7047
7059
|
)))
|
|
@@ -7090,7 +7102,7 @@ export {
|
|
|
7090
7102
|
ui as Form,
|
|
7091
7103
|
mi as FormField,
|
|
7092
7104
|
pi as FormGroup,
|
|
7093
|
-
|
|
7105
|
+
ne as Heading,
|
|
7094
7106
|
x as Icon,
|
|
7095
7107
|
Yc as Info,
|
|
7096
7108
|
gi as Input,
|