@livechat/design-system-react-components 1.33.2 → 1.33.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AppFrame/components/NavigationItem/types.d.ts +6 -6
- package/dist/components/AppFrame/stories-helpers.d.ts +3 -0
- package/dist/components/ProductSwitcher/types.d.ts +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1099 -1068
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -9,7 +9,7 @@ var Qa = (t, a, r) => a in t ? $_(t, a, { enumerable: !0, configurable: !0, writ
|
|
|
9
9
|
for (var r of va(a))
|
|
10
10
|
Br.call(a, r) && Qa(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
},
|
|
12
|
+
}, T = (t, a) => N_(t, S_(a));
|
|
13
13
|
var D = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
@@ -21,8 +21,8 @@ var D = (t, a) => {
|
|
|
21
21
|
};
|
|
22
22
|
var er = (t, a, r) => (Qa(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as x_, useRef as B_, useEffect as
|
|
25
|
-
import { Check as ia, Close as Ie, ChevronDown as Ot, Info as ca, Warning as a_, CheckCircle as vr, Block as r_, ChevronRight as La, Person as T_, ChevronUp as Oa, DoubleArrowLeft as D_, ChevronLeft as
|
|
24
|
+
import { useReducer as x_, useRef as B_, useEffect as Ft, useCallback as ka, useMemo as Ea, useState as I_ } from "react";
|
|
25
|
+
import { Check as ia, Close as Ie, ChevronDown as Ot, Info as ca, Warning as a_, CheckCircle as vr, Block as r_, ChevronRight as La, Person as T_, ChevronUp as Oa, DoubleArrowLeft as D_, ChevronLeft as P_, DoubleArrowRight as A_, VisibilityOn as F_, VisibilityOff as R_, TextLogoFull as M_, LiveChatMono as L_, ChatBotMono as O_, HelpDeskMono as G_, KnowledgeBaseMono as U_, OpenWidgetMono as H_, HelloMono as z_, TextAccounts as W_, Search as V_, LockBlack as K_, Refresh as Y_, Error as q_ } from "@livechat/design-system-icons";
|
|
26
26
|
import u from "clsx";
|
|
27
27
|
import { useFloatingParentNodeId as Ga, useFloatingNodeId as sa, useFloating as da, offset as ua, flip as Ua, size as __, autoUpdate as ma, useClick as pa, useDismiss as ga, useRole as fa, useInteractions as ba, useTransitionStyles as kr, FloatingNode as ha, FloatingTree as Ha, shift as Er, arrow as Z_, useHover as X_, safePolygon as J_, useFocus as j_, useTransitionStatus as Q_, FloatingArrow as eo, FloatingPortal as o_, FloatingOverlay as to, FloatingFocusManager as mr, useListNavigation as ao } from "@floating-ui/react";
|
|
28
28
|
import * as l_ from "react-dom";
|
|
@@ -494,7 +494,7 @@ const Mc = {
|
|
|
494
494
|
[r, _]
|
|
495
495
|
);
|
|
496
496
|
return /* @__PURE__ */ e.createElement(s_.Provider, { value: o }, t);
|
|
497
|
-
}, Wc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`,
|
|
497
|
+
}, Wc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, de = {
|
|
498
498
|
esc: "Escape",
|
|
499
499
|
enter: "Enter",
|
|
500
500
|
backspace: "Backspace",
|
|
@@ -505,7 +505,7 @@ const Mc = {
|
|
|
505
505
|
comma: ",",
|
|
506
506
|
arrowUp: "ArrowUp",
|
|
507
507
|
arrowDown: "ArrowDown"
|
|
508
|
-
}, io = "lc-Icon-module__icon___tw31R",
|
|
508
|
+
}, io = "lc-Icon-module__icon___tw31R", Pr = {
|
|
509
509
|
icon: io,
|
|
510
510
|
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
511
511
|
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
@@ -569,27 +569,27 @@ const Mc = {
|
|
|
569
569
|
width: 64,
|
|
570
570
|
height: 64
|
|
571
571
|
}
|
|
572
|
-
},
|
|
573
|
-
const
|
|
572
|
+
}, Ar = "icon", x = (t) => {
|
|
573
|
+
const d = 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
|
+
} = d, c = D(d, [
|
|
581
581
|
"source",
|
|
582
582
|
"size",
|
|
583
583
|
"kind",
|
|
584
584
|
"disabled",
|
|
585
585
|
"className",
|
|
586
586
|
"customColor"
|
|
587
|
-
]),
|
|
587
|
+
]), s = e.createElement(a, k(k({}, so[r]), n ? { color: n } : {})), i = u(
|
|
588
588
|
l,
|
|
589
|
-
Ar
|
|
590
|
-
_ &&
|
|
589
|
+
Pr[Ar],
|
|
590
|
+
_ && Pr[`${Ar}--${o ? "disabled--" : ""}${_}`]
|
|
591
591
|
);
|
|
592
|
-
return /* @__PURE__ */ e.createElement("span",
|
|
592
|
+
return /* @__PURE__ */ e.createElement("span", T(k({}, c), { className: i }), s);
|
|
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
|
+
}, oe = (i) => {
|
|
624
|
+
var d = 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
|
+
} = d, s = D(d, [
|
|
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
|
+
}, s),
|
|
656
656
|
r
|
|
657
657
|
);
|
|
658
658
|
}, B = (b) => {
|
|
659
|
-
var
|
|
659
|
+
var g = b, {
|
|
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: s,
|
|
669
669
|
customColor: i,
|
|
670
|
-
textAlign:
|
|
670
|
+
textAlign: d,
|
|
671
671
|
noMargin: p
|
|
672
|
-
} =
|
|
672
|
+
} = g, m = D(g, [
|
|
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
|
+
s
|
|
700
700
|
),
|
|
701
|
-
style: k(k({}, i && { color: i }),
|
|
701
|
+
style: k(k({}, i && { color: i }), d && { textAlign: d })
|
|
702
702
|
}, m),
|
|
703
703
|
c
|
|
704
704
|
);
|
|
705
|
-
}, Vc = (
|
|
706
|
-
var i =
|
|
705
|
+
}, Vc = (s) => {
|
|
706
|
+
var i = s, {
|
|
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: s,
|
|
760
760
|
onClose: i,
|
|
761
|
-
onOpen:
|
|
761
|
+
onOpen: d,
|
|
762
762
|
floatingStrategy: p,
|
|
763
763
|
selectedOptions: m,
|
|
764
764
|
footer: b
|
|
765
|
-
} = h,
|
|
765
|
+
} = h, g = D(h, [
|
|
766
766
|
"className",
|
|
767
767
|
"triggerClassName",
|
|
768
768
|
"options",
|
|
@@ -778,123 +778,123 @@ const Mc = {
|
|
|
778
778
|
"selectedOptions",
|
|
779
779
|
"footer"
|
|
780
780
|
]);
|
|
781
|
-
const E =
|
|
782
|
-
|
|
783
|
-
}, { x:
|
|
781
|
+
const E = s !== void 0, [y, $] = e.useState(l), [w, C] = e.useState(null), f = e.useRef(-1), N = Ga(), S = sa(), M = e.useRef(null), G = E ? s : y, I = () => {
|
|
782
|
+
G ? (i == null || i(), !E && $(!1)) : (d == null || d(), !E && $(!0));
|
|
783
|
+
}, { x: O, y: Y, strategy: X, refs: L, context: U } = da({
|
|
784
784
|
nodeId: S,
|
|
785
785
|
middleware: [
|
|
786
786
|
ua(4),
|
|
787
787
|
Ua(c),
|
|
788
788
|
__({
|
|
789
|
-
apply({ availableHeight:
|
|
790
|
-
ro(() => C(
|
|
789
|
+
apply({ availableHeight: P }) {
|
|
790
|
+
ro(() => C(P));
|
|
791
791
|
}
|
|
792
792
|
})
|
|
793
793
|
],
|
|
794
794
|
placement: o,
|
|
795
|
-
open:
|
|
795
|
+
open: G,
|
|
796
796
|
strategy: p,
|
|
797
|
-
onOpenChange:
|
|
797
|
+
onOpenChange: I,
|
|
798
798
|
whileElementsMounted: ma
|
|
799
|
-
}), $e = pa(
|
|
800
|
-
enabled:
|
|
801
|
-
}), Ue = fa(
|
|
799
|
+
}), $e = pa(U), Ke = ga(U, {
|
|
800
|
+
enabled: G
|
|
801
|
+
}), Ue = fa(U), { getReferenceProps: Ne, getFloatingProps: $t } = ba([
|
|
802
802
|
$e,
|
|
803
803
|
Ke,
|
|
804
804
|
Ue
|
|
805
|
-
]), { styles:
|
|
806
|
-
initial: ({ side:
|
|
805
|
+
]), { styles: ft } = kr(U, {
|
|
806
|
+
initial: ({ side: P }) => k({
|
|
807
807
|
opacity: 0
|
|
808
|
-
},
|
|
808
|
+
}, P === "bottom" && {
|
|
809
809
|
marginTop: -10
|
|
810
|
-
} ||
|
|
810
|
+
} || P === "top" && {
|
|
811
811
|
marginTop: 10
|
|
812
|
-
} ||
|
|
812
|
+
} || P === "left" && {
|
|
813
813
|
marginLeft: 10
|
|
814
|
-
} ||
|
|
814
|
+
} || P === "right" && {
|
|
815
815
|
marginLeft: -10
|
|
816
816
|
})
|
|
817
|
-
}),
|
|
817
|
+
}), Nt = (P) => {
|
|
818
818
|
var Ye, qe;
|
|
819
|
-
const
|
|
820
|
-
let ue =
|
|
819
|
+
const V = f.current;
|
|
820
|
+
let ue = V + P;
|
|
821
821
|
for (; (Ye = r[ue]) != null && Ye.disabled || (qe = r[ue]) != null && qe.groupHeader; )
|
|
822
|
-
if (ue +=
|
|
823
|
-
ue =
|
|
822
|
+
if (ue += P, ue === -1) {
|
|
823
|
+
ue = V;
|
|
824
824
|
break;
|
|
825
825
|
}
|
|
826
826
|
return ue;
|
|
827
|
-
},
|
|
827
|
+
}, bt = (P) => {
|
|
828
828
|
var Ye, qe;
|
|
829
|
-
|
|
830
|
-
const
|
|
829
|
+
f.current = Nt(P);
|
|
830
|
+
const V = (Ye = M.current) == null ? void 0 : Ye.children, ue = V && ((qe = V[f.current]) == null ? void 0 : qe.children[0]);
|
|
831
831
|
return ue == null ? void 0 : ue.focus();
|
|
832
|
-
}, lt = (
|
|
833
|
-
|
|
832
|
+
}, lt = (P) => {
|
|
833
|
+
P.key === de.arrowUp && f.current > 0 && (P.preventDefault(), bt(-1)), P.key === de.arrowDown && f.current + 1 < r.length && (P.preventDefault(), bt(1));
|
|
834
834
|
};
|
|
835
835
|
e.useEffect(() => {
|
|
836
|
-
if (
|
|
836
|
+
if (G)
|
|
837
837
|
return document.addEventListener("keydown", lt), () => document.removeEventListener("keydown", lt);
|
|
838
|
-
|
|
839
|
-
}, [
|
|
840
|
-
const
|
|
841
|
-
|
|
842
|
-
},
|
|
838
|
+
f.current = -1;
|
|
839
|
+
}, [G, lt]);
|
|
840
|
+
const ht = (P, V) => {
|
|
841
|
+
f.current = P, V == null || V(), !E && !n && ($(!1), i == null || i());
|
|
842
|
+
}, St = (P, V) => P.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
843
843
|
"li",
|
|
844
844
|
{
|
|
845
|
-
key:
|
|
845
|
+
key: P.key,
|
|
846
846
|
role: "none",
|
|
847
847
|
className: He[`${ze}__list__group-header`]
|
|
848
848
|
},
|
|
849
|
-
|
|
850
|
-
) : /* @__PURE__ */ e.createElement("li", { key:
|
|
849
|
+
P.element
|
|
850
|
+
) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
851
851
|
"button",
|
|
852
852
|
{
|
|
853
|
-
"data-testid":
|
|
853
|
+
"data-testid": P.key,
|
|
854
854
|
tabIndex: -1,
|
|
855
|
-
key:
|
|
856
|
-
disabled:
|
|
857
|
-
onClick: () =>
|
|
855
|
+
key: P.key,
|
|
856
|
+
disabled: P.disabled,
|
|
857
|
+
onClick: () => ht(V, P.onClick),
|
|
858
858
|
role: "menuitem",
|
|
859
859
|
className: u(He[`${ze}__list__item`], {
|
|
860
|
-
[He[`${ze}__list__item--disabled`]]:
|
|
861
|
-
[He[`${ze}__list__item--with-divider`]]:
|
|
862
|
-
[He[`${ze}__list__item--selected`]]: m == null ? void 0 : m.includes(
|
|
860
|
+
[He[`${ze}__list__item--disabled`]]: P.disabled,
|
|
861
|
+
[He[`${ze}__list__item--with-divider`]]: P.withDivider,
|
|
862
|
+
[He[`${ze}__list__item--selected`]]: m == null ? void 0 : m.includes(P.key)
|
|
863
863
|
})
|
|
864
864
|
},
|
|
865
|
-
|
|
866
|
-
(m == null ? void 0 : m.includes(
|
|
865
|
+
P.element,
|
|
866
|
+
(m == null ? void 0 : m.includes(P.key)) && /* @__PURE__ */ e.createElement(
|
|
867
867
|
"div",
|
|
868
868
|
{
|
|
869
|
-
"data-testid": `${
|
|
869
|
+
"data-testid": `${P.key}-selected-icon`,
|
|
870
870
|
className: He[`${ze}__list__item__icon`]
|
|
871
871
|
},
|
|
872
872
|
/* @__PURE__ */ e.createElement(x, { source: ia, kind: "action-primary" })
|
|
873
873
|
)
|
|
874
|
-
)),
|
|
874
|
+
)), xt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
875
875
|
"div",
|
|
876
|
-
|
|
876
|
+
T(k({
|
|
877
877
|
"aria-label": "Toggle menu",
|
|
878
878
|
"data-testid": "action-menu-trigger-button",
|
|
879
|
-
ref:
|
|
879
|
+
ref: L.setReference
|
|
880
880
|
}, Ne()), {
|
|
881
881
|
className: a
|
|
882
882
|
}),
|
|
883
883
|
_
|
|
884
|
-
), /* @__PURE__ */ e.createElement(ha, { id: S },
|
|
884
|
+
), /* @__PURE__ */ e.createElement(ha, { id: S }, G && /* @__PURE__ */ e.createElement(
|
|
885
885
|
"div",
|
|
886
886
|
k({
|
|
887
|
-
ref:
|
|
887
|
+
ref: L.setFloating,
|
|
888
888
|
className: He[ze],
|
|
889
889
|
style: k(k({
|
|
890
|
-
position:
|
|
891
|
-
top:
|
|
892
|
-
left:
|
|
893
|
-
}, !!w && { maxHeight: w }),
|
|
894
|
-
},
|
|
890
|
+
position: X,
|
|
891
|
+
top: Y != null ? Y : "",
|
|
892
|
+
left: O != null ? O : ""
|
|
893
|
+
}, !!w && { maxHeight: w }), ft)
|
|
894
|
+
}, $t()),
|
|
895
895
|
r.length > 0 && /* @__PURE__ */ e.createElement(
|
|
896
896
|
"ul",
|
|
897
|
-
|
|
897
|
+
T(k({}, g), {
|
|
898
898
|
className: u(
|
|
899
899
|
He[`${ze}__list`],
|
|
900
900
|
{
|
|
@@ -905,7 +905,7 @@ const Mc = {
|
|
|
905
905
|
role: "menu",
|
|
906
906
|
ref: M
|
|
907
907
|
}),
|
|
908
|
-
r.map(
|
|
908
|
+
r.map(St)
|
|
909
909
|
),
|
|
910
910
|
b && /* @__PURE__ */ e.createElement(
|
|
911
911
|
B,
|
|
@@ -917,7 +917,7 @@ const Mc = {
|
|
|
917
917
|
b
|
|
918
918
|
)
|
|
919
919
|
)));
|
|
920
|
-
return N === null ? /* @__PURE__ */ e.createElement(Ha, null,
|
|
920
|
+
return N === null ? /* @__PURE__ */ e.createElement(Ha, null, xt) : xt;
|
|
921
921
|
}, Ut = {
|
|
922
922
|
"action-menu-item": "lc-ActionMenuItem-module__action-menu-item___cT70J",
|
|
923
923
|
"action-menu-item__left-node": "lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1",
|
|
@@ -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, g) => {
|
|
1024
1024
|
var h = v, {
|
|
1025
1025
|
loading: t = !1,
|
|
1026
1026
|
disabled: a = !1,
|
|
@@ -1030,9 +1030,9 @@ const Mc = {
|
|
|
1030
1030
|
size: l = "medium",
|
|
1031
1031
|
icon: n = null,
|
|
1032
1032
|
iconPosition: c = "left",
|
|
1033
|
-
loaderLabel:
|
|
1033
|
+
loaderLabel: s,
|
|
1034
1034
|
className: i,
|
|
1035
|
-
children:
|
|
1035
|
+
children: d,
|
|
1036
1036
|
href: p,
|
|
1037
1037
|
onClick: m
|
|
1038
1038
|
} = h, b = D(h, [
|
|
@@ -1050,7 +1050,7 @@ const Mc = {
|
|
|
1050
1050
|
"href",
|
|
1051
1051
|
"onClick"
|
|
1052
1052
|
]);
|
|
1053
|
-
const E = t || a, y = !
|
|
1053
|
+
const E = t || a, y = !d && 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}`],
|
|
@@ -1067,7 +1067,7 @@ const Mc = {
|
|
|
1067
1067
|
return /* @__PURE__ */ e.createElement(
|
|
1068
1068
|
w,
|
|
1069
1069
|
k(k({
|
|
1070
|
-
ref:
|
|
1070
|
+
ref: g,
|
|
1071
1071
|
className: C,
|
|
1072
1072
|
"aria-disabled": E,
|
|
1073
1073
|
type: r,
|
|
@@ -1078,7 +1078,7 @@ const Mc = {
|
|
|
1078
1078
|
k({
|
|
1079
1079
|
"data-testid": "button-loader",
|
|
1080
1080
|
size: "small",
|
|
1081
|
-
label:
|
|
1081
|
+
label: s,
|
|
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`] }, d)
|
|
1098
1098
|
);
|
|
1099
1099
|
}
|
|
1100
1100
|
);
|
|
@@ -1136,7 +1136,7 @@ const Co = (t) => {
|
|
|
1136
1136
|
fill: "var(--tooltip-background-basic)"
|
|
1137
1137
|
};
|
|
1138
1138
|
}
|
|
1139
|
-
}, $o = "lc-Tooltip-module__tooltip___QOOAr", No = "lc-Tooltip-module__tooltip__content___RuamE", So = "lc-Tooltip-module__tooltip__arrow___Ov1YW", xo = "lc-Tooltip-module__tooltip__interactive___0JawB",
|
|
1139
|
+
}, $o = "lc-Tooltip-module__tooltip___QOOAr", No = "lc-Tooltip-module__tooltip__content___RuamE", So = "lc-Tooltip-module__tooltip__arrow___Ov1YW", xo = "lc-Tooltip-module__tooltip__interactive___0JawB", A = {
|
|
1140
1140
|
tooltip: $o,
|
|
1141
1141
|
tooltip__content: No,
|
|
1142
1142
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
@@ -1175,13 +1175,13 @@ const Co = (t) => {
|
|
|
1175
1175
|
kind: l,
|
|
1176
1176
|
placement: n = "bottom",
|
|
1177
1177
|
isVisible: c,
|
|
1178
|
-
fullSpaceContent:
|
|
1178
|
+
fullSpaceContent: s,
|
|
1179
1179
|
onClose: i,
|
|
1180
|
-
onOpen:
|
|
1180
|
+
onOpen: d,
|
|
1181
1181
|
withFadeAnimation: p = !0,
|
|
1182
1182
|
transitionDuration: m = 200,
|
|
1183
1183
|
hoverOnDuration: b,
|
|
1184
|
-
hoverOffDuration:
|
|
1184
|
+
hoverOffDuration: g,
|
|
1185
1185
|
transitionDelay: v = 0,
|
|
1186
1186
|
hoverOnDelay: h,
|
|
1187
1187
|
hoverOffDelay: E,
|
|
@@ -1189,30 +1189,30 @@ const Co = (t) => {
|
|
|
1189
1189
|
triggerOnHover: $ = !0,
|
|
1190
1190
|
offsetMainAxis: w = 8,
|
|
1191
1191
|
offsetCrossAxis: C = 0,
|
|
1192
|
-
referenceElement:
|
|
1192
|
+
referenceElement: f,
|
|
1193
1193
|
activationThreshold: N = 0,
|
|
1194
1194
|
useDismissHookProps: S,
|
|
1195
1195
|
useClickHookProps: M,
|
|
1196
|
-
hoverOutDelayTimeout:
|
|
1197
|
-
arrowOffsetY:
|
|
1198
|
-
arrowOffsetX:
|
|
1199
|
-
closeOnTriggerBlur:
|
|
1200
|
-
floatingStrategy:
|
|
1196
|
+
hoverOutDelayTimeout: G = 100,
|
|
1197
|
+
arrowOffsetY: I,
|
|
1198
|
+
arrowOffsetX: O,
|
|
1199
|
+
closeOnTriggerBlur: Y = !1,
|
|
1200
|
+
floatingStrategy: X
|
|
1201
1201
|
}) => {
|
|
1202
|
-
const
|
|
1203
|
-
|
|
1202
|
+
const L = c !== void 0, [U, $e] = e.useState(!1), Ke = e.useRef(null), Ue = L ? c : U, Ne = l || o, $t = Ga(), ft = sa(), Nt = u(
|
|
1203
|
+
A[ya],
|
|
1204
1204
|
a,
|
|
1205
|
-
Ne &&
|
|
1206
|
-
|
|
1207
|
-
),
|
|
1208
|
-
me !== Ue && (me ?
|
|
1209
|
-
},
|
|
1210
|
-
floatingStyles:
|
|
1211
|
-
refs:
|
|
1212
|
-
context:
|
|
1205
|
+
Ne && A[`${ya}--${Ne}`],
|
|
1206
|
+
s && A[`${ya}--full-space`]
|
|
1207
|
+
), bt = typeof _ == "function", lt = (me) => {
|
|
1208
|
+
me !== Ue && (me ? d == null || d() : i == null || i(), !L && $e(me));
|
|
1209
|
+
}, ht = (me) => p ? me != null ? me : m : 0, St = (me) => me != null ? me : v, {
|
|
1210
|
+
floatingStyles: xt,
|
|
1211
|
+
refs: P,
|
|
1212
|
+
context: V,
|
|
1213
1213
|
middlewareData: { arrow: { x: ue, y: Ye } = {} }
|
|
1214
1214
|
} = da({
|
|
1215
|
-
nodeId:
|
|
1215
|
+
nodeId: ft,
|
|
1216
1216
|
middleware: [
|
|
1217
1217
|
ua({ mainAxis: w, crossAxis: C }),
|
|
1218
1218
|
Er(),
|
|
@@ -1221,26 +1221,26 @@ const Co = (t) => {
|
|
|
1221
1221
|
],
|
|
1222
1222
|
placement: n,
|
|
1223
1223
|
open: Ue,
|
|
1224
|
-
strategy:
|
|
1224
|
+
strategy: X,
|
|
1225
1225
|
onOpenChange: lt,
|
|
1226
1226
|
whileElementsMounted: ma
|
|
1227
|
-
}), qe = X_(
|
|
1227
|
+
}), qe = X_(V, {
|
|
1228
1228
|
move: !1,
|
|
1229
1229
|
restMs: N,
|
|
1230
1230
|
delay: {
|
|
1231
|
-
open:
|
|
1232
|
-
close:
|
|
1231
|
+
open: St(h),
|
|
1232
|
+
close: St(E || G)
|
|
1233
1233
|
},
|
|
1234
1234
|
enabled: $,
|
|
1235
|
-
handleClose:
|
|
1236
|
-
}), Wa = j_(
|
|
1235
|
+
handleClose: Y ? null : J_()
|
|
1236
|
+
}), Wa = j_(V), Va = ga(V, S), Ka = fa(V, { role: "tooltip" }), Ya = pa(V, k({
|
|
1237
1237
|
enabled: y
|
|
1238
|
-
}, M)), { isMounted: qa, styles: Za } = kr(
|
|
1238
|
+
}, M)), { isMounted: qa, styles: Za } = kr(V, {
|
|
1239
1239
|
duration: {
|
|
1240
|
-
open:
|
|
1241
|
-
close:
|
|
1240
|
+
open: ht(b),
|
|
1241
|
+
close: ht(g)
|
|
1242
1242
|
}
|
|
1243
|
-
}), { status: Xa } = Q_(
|
|
1243
|
+
}), { status: Xa } = Q_(V), { getReferenceProps: Ja, getFloatingProps: ja } = ba([
|
|
1244
1244
|
qe,
|
|
1245
1245
|
Wa,
|
|
1246
1246
|
Va,
|
|
@@ -1248,45 +1248,45 @@ const Co = (t) => {
|
|
|
1248
1248
|
Ya
|
|
1249
1249
|
]);
|
|
1250
1250
|
e.useEffect(() => {
|
|
1251
|
-
|
|
1252
|
-
}, [
|
|
1251
|
+
f && P.setReference(f);
|
|
1252
|
+
}, [P.setReference, f]);
|
|
1253
1253
|
const Gt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1254
1254
|
"div",
|
|
1255
|
-
|
|
1255
|
+
T(k({
|
|
1256
1256
|
"data-testid": "tooltip-trigger",
|
|
1257
|
-
ref:
|
|
1257
|
+
ref: P.setReference
|
|
1258
1258
|
}, Ja()), {
|
|
1259
1259
|
className: r
|
|
1260
1260
|
}),
|
|
1261
|
-
|
|
1262
|
-
), /* @__PURE__ */ e.createElement(ha, { id:
|
|
1261
|
+
bt ? _() : _
|
|
1262
|
+
), /* @__PURE__ */ e.createElement(ha, { id: ft }, qa && /* @__PURE__ */ e.createElement(
|
|
1263
1263
|
"div",
|
|
1264
|
-
|
|
1265
|
-
ref:
|
|
1266
|
-
style: k(k({},
|
|
1267
|
-
className:
|
|
1264
|
+
T(k({
|
|
1265
|
+
ref: P.setFloating,
|
|
1266
|
+
style: k(k({}, xt), Za),
|
|
1267
|
+
className: Nt
|
|
1268
1268
|
}, ja()), {
|
|
1269
1269
|
"data-status": Xa
|
|
1270
1270
|
}),
|
|
1271
|
-
/* @__PURE__ */ e.createElement(B, { as: "div", className:
|
|
1271
|
+
/* @__PURE__ */ e.createElement(B, { as: "div", className: A[`${ya}__content`] }, t),
|
|
1272
1272
|
/* @__PURE__ */ e.createElement(
|
|
1273
1273
|
eo,
|
|
1274
1274
|
k({
|
|
1275
1275
|
ref: Ke,
|
|
1276
|
-
context:
|
|
1276
|
+
context: V,
|
|
1277
1277
|
strokeWidth: 1,
|
|
1278
1278
|
width: 10,
|
|
1279
1279
|
height: 5,
|
|
1280
1280
|
style: k({}, wo(
|
|
1281
|
-
|
|
1282
|
-
|
|
1281
|
+
I,
|
|
1282
|
+
O,
|
|
1283
1283
|
Ye,
|
|
1284
1284
|
ue
|
|
1285
1285
|
))
|
|
1286
1286
|
}, Co(Ne))
|
|
1287
1287
|
)
|
|
1288
1288
|
)));
|
|
1289
|
-
return
|
|
1289
|
+
return $t === null ? /* @__PURE__ */ e.createElement(Ha, null, Gt) : Gt;
|
|
1290
1290
|
}, Kc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), Wt = "tooltip", Yc = ({
|
|
1291
1291
|
className: t,
|
|
1292
1292
|
header: a,
|
|
@@ -1299,17 +1299,17 @@ const Co = (t) => {
|
|
|
1299
1299
|
{
|
|
1300
1300
|
type: "button",
|
|
1301
1301
|
"aria-label": "Close tooltip",
|
|
1302
|
-
className:
|
|
1302
|
+
className: A[`${Wt}-close`],
|
|
1303
1303
|
onClick: l
|
|
1304
1304
|
},
|
|
1305
1305
|
/* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
|
|
1306
1306
|
), a && /* @__PURE__ */ e.createElement(
|
|
1307
|
-
|
|
1307
|
+
oe,
|
|
1308
1308
|
{
|
|
1309
1309
|
as: "div",
|
|
1310
1310
|
size: "xs",
|
|
1311
|
-
className: u(
|
|
1312
|
-
[
|
|
1311
|
+
className: u(A[`${Wt}-header`], {
|
|
1312
|
+
[A[`${Wt}-header--info`]]: _
|
|
1313
1313
|
})
|
|
1314
1314
|
},
|
|
1315
1315
|
a
|
|
@@ -1318,8 +1318,8 @@ const Co = (t) => {
|
|
|
1318
1318
|
{
|
|
1319
1319
|
as: "div",
|
|
1320
1320
|
className: u({
|
|
1321
|
-
[
|
|
1322
|
-
[
|
|
1321
|
+
[A[`${Wt}-text`]]: _,
|
|
1322
|
+
[A[`${Wt}-text--info`]]: _
|
|
1323
1323
|
})
|
|
1324
1324
|
},
|
|
1325
1325
|
r
|
|
@@ -1333,44 +1333,44 @@ const Co = (t) => {
|
|
|
1333
1333
|
primaryButton: n,
|
|
1334
1334
|
secondaryButton: c
|
|
1335
1335
|
}) => {
|
|
1336
|
-
const
|
|
1337
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
1336
|
+
const s = (d) => d === "invert" ? "secondary" : d === "important" ? "plain-lock-black" : "high-contrast", i = (d) => d === "invert" ? "link-inverted" : d === "important" ? "text-lock-black" : "text";
|
|
1337
|
+
return /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
|
|
1338
1338
|
"button",
|
|
1339
1339
|
{
|
|
1340
1340
|
type: "button",
|
|
1341
1341
|
"aria-label": "Close tooltip",
|
|
1342
|
-
className:
|
|
1342
|
+
className: A[`${Ze}-close`],
|
|
1343
1343
|
onClick: l
|
|
1344
1344
|
},
|
|
1345
1345
|
/* @__PURE__ */ e.createElement(x, { source: Ie, kind: o ? u_(o) : "primary" })
|
|
1346
|
-
), r && /* @__PURE__ */ e.createElement("div", { className:
|
|
1346
|
+
), r && /* @__PURE__ */ e.createElement("div", { className: A[`${Ze}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1347
1347
|
"img",
|
|
1348
1348
|
{
|
|
1349
|
-
className:
|
|
1349
|
+
className: A[`${Ze}-image`],
|
|
1350
1350
|
src: r.src,
|
|
1351
1351
|
alt: r.alt
|
|
1352
1352
|
}
|
|
1353
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
1353
|
+
)), t && /* @__PURE__ */ e.createElement(oe, { 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(
|
|
1357
|
-
|
|
1358
|
-
|
|
1357
|
+
A[`${Ze}-footer`],
|
|
1358
|
+
A[`${Ze}-footer--interactive`]
|
|
1359
1359
|
)
|
|
1360
1360
|
},
|
|
1361
1361
|
/* @__PURE__ */ e.createElement(
|
|
1362
1362
|
W,
|
|
1363
|
-
|
|
1364
|
-
kind: n.kind ||
|
|
1363
|
+
T(k({}, n), {
|
|
1364
|
+
kind: n.kind || s(o),
|
|
1365
1365
|
onClick: n.handleClick
|
|
1366
1366
|
}),
|
|
1367
1367
|
n.label
|
|
1368
1368
|
),
|
|
1369
1369
|
c && /* @__PURE__ */ e.createElement(
|
|
1370
1370
|
W,
|
|
1371
|
-
|
|
1371
|
+
T(k({}, c), {
|
|
1372
1372
|
className: u(
|
|
1373
|
-
|
|
1373
|
+
A[`${Ze}-footer-secondary`],
|
|
1374
1374
|
c.className
|
|
1375
1375
|
),
|
|
1376
1376
|
kind: c.kind || i(o),
|
|
@@ -1379,7 +1379,7 @@ const Co = (t) => {
|
|
|
1379
1379
|
c.label
|
|
1380
1380
|
)
|
|
1381
1381
|
));
|
|
1382
|
-
},
|
|
1382
|
+
}, le = "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
|
+
}, s = {
|
|
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
|
-
[
|
|
1422
|
-
[
|
|
1423
|
-
[
|
|
1421
|
+
[A[`${le}__overlay`]]: !0,
|
|
1422
|
+
[A[`${le}__overlay--visible`]]: a,
|
|
1423
|
+
[A[`${le}__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
|
-
[
|
|
1432
|
-
[
|
|
1433
|
-
[
|
|
1431
|
+
[A[`${le}__overlay`]]: !0,
|
|
1432
|
+
[A[`${le}__overlay--visible`]]: a,
|
|
1433
|
+
[A[`${le}__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
|
-
[
|
|
1442
|
-
[
|
|
1443
|
-
[
|
|
1441
|
+
[A[`${le}__overlay`]]: !0,
|
|
1442
|
+
[A[`${le}__overlay--visible`]]: a,
|
|
1443
|
+
[A[`${le}__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
|
-
[
|
|
1452
|
-
[
|
|
1453
|
-
[
|
|
1451
|
+
[A[`${le}__overlay`]]: !0,
|
|
1452
|
+
[A[`${le}__overlay--visible`]]: a,
|
|
1453
|
+
[A[`${le}__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
|
-
[
|
|
1462
|
-
[
|
|
1463
|
-
[
|
|
1461
|
+
[A[`${le}__overlay`]]: !0,
|
|
1462
|
+
[A[`${le}__overlay--visible`]]: a,
|
|
1463
|
+
[A[`${le}__overlay--slide`]]: r
|
|
1464
1464
|
}),
|
|
1465
|
-
style:
|
|
1465
|
+
style: s
|
|
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, s = 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: s,
|
|
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, s] = e.useState(null), [i, d] = e.useState(o), p = () => {
|
|
1507
|
+
l && (s(
|
|
1508
1508
|
Lr(
|
|
1509
1509
|
l,
|
|
1510
1510
|
Rr
|
|
1511
1511
|
).getBoundingClientRect()
|
|
1512
|
-
),
|
|
1512
|
+
), d(!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 && s(
|
|
1526
1526
|
Lr(
|
|
1527
1527
|
l,
|
|
1528
1528
|
Rr
|
|
1529
1529
|
).getBoundingClientRect()
|
|
1530
|
-
),
|
|
1530
|
+
), d(!0);
|
|
1531
1531
|
}, [l]), l && _ && c ? /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
|
|
1532
1532
|
Bo,
|
|
1533
1533
|
{
|
|
@@ -1538,15 +1538,15 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1538
1538
|
}
|
|
1539
1539
|
), /* @__PURE__ */ e.createElement(
|
|
1540
1540
|
Lt,
|
|
1541
|
-
|
|
1541
|
+
T(k({}, t), {
|
|
1542
1542
|
triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
|
|
1543
1543
|
referenceElement: {
|
|
1544
1544
|
getBoundingClientRect: () => c,
|
|
1545
1545
|
contextElement: l
|
|
1546
1546
|
},
|
|
1547
1547
|
className: u({
|
|
1548
|
-
[
|
|
1549
|
-
[
|
|
1548
|
+
[A[Mr]]: !0,
|
|
1549
|
+
[A[`${Mr}--slide`]]: i,
|
|
1550
1550
|
className: a
|
|
1551
1551
|
})
|
|
1552
1552
|
}),
|
|
@@ -1556,15 +1556,15 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1556
1556
|
title: t,
|
|
1557
1557
|
description: a,
|
|
1558
1558
|
children: r
|
|
1559
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
1559
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: A[Vt] }, /* @__PURE__ */ e.createElement("div", { className: A[`${Vt}__heading`] }, /* @__PURE__ */ e.createElement(B, { as: "div", className: A[`${Vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1560
1560
|
B,
|
|
1561
1561
|
{
|
|
1562
1562
|
as: "div",
|
|
1563
1563
|
size: "xs",
|
|
1564
|
-
className:
|
|
1564
|
+
className: A[`${Vt}__heading__description`]
|
|
1565
1565
|
},
|
|
1566
1566
|
a
|
|
1567
|
-
)), /* @__PURE__ */ e.createElement("div", { className:
|
|
1567
|
+
)), /* @__PURE__ */ e.createElement("div", { className: A[`${Vt}__content`] }, /* @__PURE__ */ e.createElement(B, { as: "div" }, r))), q = {
|
|
1568
1568
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1569
1569
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1570
1570
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1590,14 +1590,14 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1590
1590
|
"action-bar__items--with-menu": "lc-ActionBar-module__action-bar__items--with-menu___F6phI",
|
|
1591
1591
|
"action-bar__items__button": "lc-ActionBar-module__action-bar__items__button___Vdjl7",
|
|
1592
1592
|
"action-bar__items__button--active": "lc-ActionBar-module__action-bar__items__button--active___PFLdm"
|
|
1593
|
-
}, m_ = "action-bar__items",
|
|
1593
|
+
}, m_ = "action-bar__items", Bt = `${m_}__button-wrapper`, To = ({
|
|
1594
1594
|
option: t,
|
|
1595
1595
|
isActive: a,
|
|
1596
1596
|
vertical: r
|
|
1597
1597
|
}) => {
|
|
1598
|
-
const _ = u(q[
|
|
1599
|
-
[q[`${
|
|
1600
|
-
[q[`${
|
|
1598
|
+
const _ = u(q[Bt], {
|
|
1599
|
+
[q[`${Bt}--active`]]: a,
|
|
1600
|
+
[q[`${Bt}--vertical`]]: r
|
|
1601
1601
|
}), o = /* @__PURE__ */ e.createElement(
|
|
1602
1602
|
W,
|
|
1603
1603
|
{
|
|
@@ -1607,9 +1607,9 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1607
1607
|
kind: "plain",
|
|
1608
1608
|
onClick: t.onClick,
|
|
1609
1609
|
icon: t.element,
|
|
1610
|
-
className: u(q[`${
|
|
1611
|
-
[q[`${
|
|
1612
|
-
[q[`${
|
|
1610
|
+
className: u(q[`${Bt}__button`], {
|
|
1611
|
+
[q[`${Bt}__button--with-vertical-divider`]]: r && t.withDivider,
|
|
1612
|
+
[q[`${Bt}__button--with-divider`]]: !r && t.withDivider
|
|
1613
1613
|
})
|
|
1614
1614
|
}
|
|
1615
1615
|
);
|
|
@@ -1646,23 +1646,23 @@ 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, s] = e.useState(
|
|
1650
1650
|
_.length
|
|
1651
|
-
), [i,
|
|
1651
|
+
), [i, d] = e.useState([]), [p, m] = e.useState(!1), b = r === "scroll", g = u(
|
|
1652
1652
|
q[wa],
|
|
1653
1653
|
t,
|
|
1654
1654
|
l && q[`${wa}--vertical`]
|
|
1655
1655
|
), v = !b && i.length !== 0;
|
|
1656
1656
|
e.useEffect(() => {
|
|
1657
|
-
b || (_.length > c ?
|
|
1657
|
+
b || (_.length > c ? d(_.slice(c, _.length)) : d([]));
|
|
1658
1658
|
}, [_, c]), e.useEffect(() => {
|
|
1659
1659
|
const y = !!window.ResizeObserver;
|
|
1660
1660
|
if (!b && y) {
|
|
1661
1661
|
const $ = new ResizeObserver((w) => {
|
|
1662
|
-
const { width: C, height:
|
|
1662
|
+
const { width: C, height: f } = w[0].contentRect, N = l ? f : 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 && s(M);
|
|
1666
1666
|
});
|
|
1667
1667
|
return $.observe(document.querySelector(`#${a}`)), () => $.disconnect();
|
|
1668
1668
|
}
|
|
@@ -1682,7 +1682,7 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1682
1682
|
},
|
|
1683
1683
|
[]
|
|
1684
1684
|
), [i]), E = i.find((y) => y.key === o);
|
|
1685
|
-
return /* @__PURE__ */ e.createElement("div", { id: a, className:
|
|
1685
|
+
return /* @__PURE__ */ e.createElement("div", { id: a, className: g }, /* @__PURE__ */ e.createElement(
|
|
1686
1686
|
"div",
|
|
1687
1687
|
{
|
|
1688
1688
|
className: u(q[`${wa}__items`], {
|
|
@@ -1753,13 +1753,13 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1753
1753
|
}
|
|
1754
1754
|
)
|
|
1755
1755
|
));
|
|
1756
|
-
},
|
|
1756
|
+
}, It = {
|
|
1757
1757
|
"main-wrapper": "lc-ActionCard-module__main-wrapper___Mt65R",
|
|
1758
1758
|
"action-card": "lc-ActionCard-module__action-card___lSEBY",
|
|
1759
1759
|
"action-card__column": "lc-ActionCard-module__action-card__column___K7tyh",
|
|
1760
1760
|
"action-card__column--first": "lc-ActionCard-module__action-card__column--first___9XE58",
|
|
1761
1761
|
"action-card__column--second": "lc-ActionCard-module__action-card__column--second___X1UC-"
|
|
1762
|
-
},
|
|
1762
|
+
}, vt = "action-card", jc = ({
|
|
1763
1763
|
className: t,
|
|
1764
1764
|
children: a,
|
|
1765
1765
|
secondColumn: r,
|
|
@@ -1767,12 +1767,12 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1767
1767
|
secondColumnClassName: o,
|
|
1768
1768
|
onClick: l
|
|
1769
1769
|
}) => {
|
|
1770
|
-
const n = u(
|
|
1770
|
+
const n = u(It[vt], t), c = (i) => {
|
|
1771
1771
|
i.currentTarget === document.activeElement && (l == null || l());
|
|
1772
|
-
},
|
|
1772
|
+
}, s = (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
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
1775
|
+
return /* @__PURE__ */ e.createElement("div", { className: It["main-wrapper"] }, /* @__PURE__ */ e.createElement(
|
|
1776
1776
|
"div",
|
|
1777
1777
|
{
|
|
1778
1778
|
role: "button",
|
|
@@ -1780,15 +1780,15 @@ 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: s
|
|
1784
1784
|
},
|
|
1785
1785
|
/* @__PURE__ */ e.createElement(
|
|
1786
1786
|
"div",
|
|
1787
1787
|
{
|
|
1788
|
-
"data-testid": `${
|
|
1788
|
+
"data-testid": `${vt}-first-column`,
|
|
1789
1789
|
className: u(
|
|
1790
|
-
|
|
1791
|
-
|
|
1790
|
+
It[`${vt}__column`],
|
|
1791
|
+
It[`${vt}__column--first`],
|
|
1792
1792
|
_
|
|
1793
1793
|
)
|
|
1794
1794
|
},
|
|
@@ -1797,19 +1797,19 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1797
1797
|
r && /* @__PURE__ */ e.createElement(
|
|
1798
1798
|
"div",
|
|
1799
1799
|
{
|
|
1800
|
-
"data-testid": `${
|
|
1800
|
+
"data-testid": `${vt}-second-column`,
|
|
1801
1801
|
className: u(
|
|
1802
|
-
|
|
1803
|
-
|
|
1802
|
+
It[`${vt}__column`],
|
|
1803
|
+
It[`${vt}__column--second`],
|
|
1804
1804
|
o
|
|
1805
1805
|
)
|
|
1806
1806
|
},
|
|
1807
1807
|
r
|
|
1808
1808
|
)
|
|
1809
1809
|
));
|
|
1810
|
-
},
|
|
1811
|
-
alert:
|
|
1812
|
-
alert__icon:
|
|
1810
|
+
}, Po = "lc-Alert-module__alert___HBTns", Ao = "lc-Alert-module__alert__icon___8TaAH", Fo = "lc-Alert-module__alert__content___9nZdf", Ro = "lc-Alert-module__alert__content__wrapper___aLBkP", Mo = "lc-Alert-module__alert__content__wrapper__text___HDMbR", Lo = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", Oo = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", Se = {
|
|
1811
|
+
alert: Po,
|
|
1812
|
+
alert__icon: Ao,
|
|
1813
1813
|
alert__content: Fo,
|
|
1814
1814
|
alert__content__wrapper: Ro,
|
|
1815
1815
|
alert__content__wrapper__text: Mo,
|
|
@@ -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 s = 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
|
+
} = s, n = D(s, [
|
|
1852
1852
|
"children",
|
|
1853
1853
|
"className",
|
|
1854
1854
|
"primaryButton",
|
|
@@ -1856,22 +1856,22 @@ 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), [d, p] = e.useState(null), m = u(
|
|
1860
1860
|
Se[xe],
|
|
1861
1861
|
Se[`${xe}--${o}`],
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1862
|
+
d === "large" && Se[`${xe}--large`],
|
|
1863
|
+
d === "medium" && Se[`${xe}--medium`],
|
|
1864
|
+
d === "small" && Se[`${xe}--small`],
|
|
1865
1865
|
a
|
|
1866
1866
|
);
|
|
1867
1867
|
return e.useEffect(() => {
|
|
1868
|
-
const b = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"),
|
|
1868
|
+
const b = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p("large"), g = n_(() => {
|
|
1869
1869
|
b();
|
|
1870
1870
|
}, 500);
|
|
1871
|
-
return window.addEventListener("resize",
|
|
1871
|
+
return window.addEventListener("resize", g), b(), () => window.removeEventListener("resize", g);
|
|
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]), {
|
|
1875
1875
|
size: "large",
|
|
1876
1876
|
className: Se[`${xe}__icon`]
|
|
1877
1877
|
})
|
|
@@ -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: s
|
|
1955
|
+
} = t, i = u(Je[p_], r), { isSideNavigationVisible: d } = no(), p = e.useRef(null), { isOpen: m, isMounted: b } = $r({
|
|
1956
|
+
isVisible: d,
|
|
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(
|
|
@@ -1996,20 +1996,20 @@ const Rr = 8, Mr = "guide-tooltip", Lr = (t, a) => new Io(t, a), Zc = (t) => {
|
|
|
1996
1996
|
{
|
|
1997
1997
|
className: u(
|
|
1998
1998
|
Je[`${nt}__content-wrapper__content`],
|
|
1999
|
-
|
|
1999
|
+
s
|
|
2000
2000
|
)
|
|
2001
2001
|
},
|
|
2002
2002
|
a
|
|
2003
2003
|
)
|
|
2004
2004
|
)));
|
|
2005
|
-
}, ei = (t) => /* @__PURE__ */ e.createElement(co, null, /* @__PURE__ */ e.createElement(Uo, k({}, t))),
|
|
2005
|
+
}, ei = (t) => /* @__PURE__ */ e.createElement(co, null, /* @__PURE__ */ e.createElement(Uo, k({}, t))), Tt = {
|
|
2006
2006
|
"side-navigation": "lc-SideNavigation-module__side-navigation___97Smn",
|
|
2007
2007
|
"side-navigation__header": "lc-SideNavigation-module__side-navigation__header___jKhiq",
|
|
2008
2008
|
"side-navigation__header__title": "lc-SideNavigation-module__side-navigation__header__title___ZpMAv",
|
|
2009
2009
|
"side-navigation__footer": "lc-SideNavigation-module__side-navigation__footer___-fWZ1",
|
|
2010
2010
|
"side-navigation__nav-wrapper": "lc-SideNavigation-module__side-navigation__nav-wrapper___3yenW",
|
|
2011
2011
|
"side-navigation__nav-wrapper--no-gaps": "lc-SideNavigation-module__side-navigation__nav-wrapper--no-gaps___MFRCx"
|
|
2012
|
-
},
|
|
2012
|
+
}, Dt = "side-navigation", ti = ({
|
|
2013
2013
|
children: t,
|
|
2014
2014
|
className: a,
|
|
2015
2015
|
title: r,
|
|
@@ -2018,24 +2018,24 @@ 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:
|
|
2021
|
+
const c = _ || /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__header`] }, /* @__PURE__ */ e.createElement(oe, { size: "sm", className: Tt[`${Dt}__header__title`] }, r), n);
|
|
2022
2022
|
return /* @__PURE__ */ e.createElement(
|
|
2023
2023
|
"div",
|
|
2024
2024
|
{
|
|
2025
2025
|
"data-testid": "side-navigation",
|
|
2026
|
-
className: u(
|
|
2026
|
+
className: u(Tt[Dt], a)
|
|
2027
2027
|
},
|
|
2028
2028
|
c,
|
|
2029
2029
|
/* @__PURE__ */ e.createElement(
|
|
2030
2030
|
"div",
|
|
2031
2031
|
{
|
|
2032
|
-
className: u(
|
|
2033
|
-
[
|
|
2032
|
+
className: u(Tt[`${Dt}__nav-wrapper`], {
|
|
2033
|
+
[Tt[`${Dt}__nav-wrapper--no-gaps`]]: l
|
|
2034
2034
|
})
|
|
2035
2035
|
},
|
|
2036
2036
|
t
|
|
2037
2037
|
),
|
|
2038
|
-
o && /* @__PURE__ */ e.createElement("div", { className:
|
|
2038
|
+
o && /* @__PURE__ */ e.createElement("div", { className: Tt[`${Dt}__footer`] }, o)
|
|
2039
2039
|
);
|
|
2040
2040
|
};
|
|
2041
2041
|
function Fa() {
|
|
@@ -2062,9 +2062,9 @@ 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: s,
|
|
2066
2066
|
onItemHover: i,
|
|
2067
|
-
isIconHidden:
|
|
2067
|
+
isIconHidden: d
|
|
2068
2068
|
} = b, p = D(b, [
|
|
2069
2069
|
"leftNode",
|
|
2070
2070
|
"shouldKeepIconSpace",
|
|
@@ -2078,7 +2078,7 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2078
2078
|
"onItemHover",
|
|
2079
2079
|
"isIconHidden"
|
|
2080
2080
|
]);
|
|
2081
|
-
const
|
|
2081
|
+
const g = typeof _ == "string", v = (E) => {
|
|
2082
2082
|
E.preventDefault(), n == null || n();
|
|
2083
2083
|
}, h = (E) => {
|
|
2084
2084
|
E.key === "Enter" && (E.preventDefault(), n == null || n());
|
|
@@ -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`]]: s,
|
|
2100
|
+
[Te[`${De}__anchor--icon-hidden`]]: d
|
|
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 || s
|
|
2113
2113
|
}),
|
|
2114
2114
|
"data-testid": Wo
|
|
2115
2115
|
},
|
|
2116
2116
|
t
|
|
2117
2117
|
),
|
|
2118
|
-
|
|
2118
|
+
g ? /* @__PURE__ */ e.createElement(
|
|
2119
2119
|
B,
|
|
2120
2120
|
{
|
|
2121
|
-
bold: c ||
|
|
2121
|
+
bold: c || s,
|
|
2122
2122
|
className: u(Te[`${De}__label`], {
|
|
2123
|
-
[Te[`${De}__label--active`]]: c ||
|
|
2123
|
+
[Te[`${De}__label--active`]]: c || s
|
|
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 || s
|
|
2132
2132
|
})
|
|
2133
2133
|
},
|
|
2134
2134
|
_
|
|
@@ -2155,29 +2155,29 @@ 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 [s, i] = e.useState(!1), [d, p] = e.useState(0), m = e.useRef(!1), b = e.useRef(null), { isOpen: g, isMounted: v, setIsOpen: h } = $r({
|
|
2159
2159
|
isVisible: !o || n,
|
|
2160
2160
|
elementRef: b
|
|
2161
|
-
}), E = typeof a == "function" ? a(
|
|
2162
|
-
o && h((
|
|
2163
|
-
}, C = (
|
|
2164
|
-
const N =
|
|
2165
|
-
(
|
|
2161
|
+
}), E = typeof a == "function" ? a(g) : a, y = typeof t == "function" ? t(g) : t, $ = () => h(!0), w = () => {
|
|
2162
|
+
o && h((f) => !f);
|
|
2163
|
+
}, C = (f) => {
|
|
2164
|
+
const N = f == null ? void 0 : f.getElementsByTagName("li"), S = N != null && N.length ? [...N].some(
|
|
2165
|
+
(G) => G.getAttribute("data-active") === "true"
|
|
2166
2166
|
) : !1;
|
|
2167
2167
|
i(S);
|
|
2168
2168
|
const M = ((N == null ? void 0 : N.length) || 0) * Ko;
|
|
2169
2169
|
p(M);
|
|
2170
2170
|
};
|
|
2171
2171
|
return e.useEffect(() => {
|
|
2172
|
-
c && (!m.current &&
|
|
2173
|
-
}, [
|
|
2172
|
+
c && (!m.current && s && $(), m.current = s);
|
|
2173
|
+
}, [s, 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`]]: g
|
|
2181
2181
|
})
|
|
2182
2182
|
},
|
|
2183
2183
|
/* @__PURE__ */ e.createElement(x, { source: La, size: "small" })
|
|
@@ -2203,10 +2203,10 @@ const Ho = "side-navigation-item-test-id", zo = "side-navigation-active-item-tes
|
|
|
2203
2203
|
className: u([
|
|
2204
2204
|
ct[`${it}__list-wrapper`],
|
|
2205
2205
|
{
|
|
2206
|
-
[ct[`${it}__list-wrapper--expanded`]]:
|
|
2206
|
+
[ct[`${it}__list-wrapper--expanded`]]: g
|
|
2207
2207
|
}
|
|
2208
2208
|
]),
|
|
2209
|
-
style: { maxHeight:
|
|
2209
|
+
style: { maxHeight: g ? d : 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 s = 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
|
+
} = s, n = D(s, [
|
|
2268
2268
|
"className",
|
|
2269
2269
|
"count",
|
|
2270
2270
|
"max",
|
|
@@ -2277,23 +2277,25 @@ 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
|
+
), d = {
|
|
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),
|
|
2286
|
-
},
|
|
2285
|
+
return /* @__PURE__ */ e.createElement("span", k({ className: i }, n), d);
|
|
2286
|
+
}, pt = {
|
|
2287
2287
|
"navigation-item": "lc-NavigationItem-module__navigation-item___uyE9V",
|
|
2288
|
+
"navigation-item--disabled": "lc-NavigationItem-module__navigation-item--disabled___0oA-E",
|
|
2288
2289
|
"navigation-item__badge": "lc-NavigationItem-module__navigation-item__badge___cn6xZ",
|
|
2289
2290
|
"navigation-item__button": "lc-NavigationItem-module__navigation-item__button___vtqjz",
|
|
2291
|
+
"navigation-item__button--disabled": "lc-NavigationItem-module__navigation-item__button--disabled___BRd-i",
|
|
2290
2292
|
"navigation-item__button--active": "lc-NavigationItem-module__navigation-item__button--active___NiA3H",
|
|
2291
2293
|
"navigation-item__button--opacity": "lc-NavigationItem-module__navigation-item__button--opacity___sgLDT"
|
|
2292
|
-
},
|
|
2294
|
+
}, gt = "navigation-item", Xo = (t, a) => typeof t == "number" ? /* @__PURE__ */ e.createElement(
|
|
2293
2295
|
Ra,
|
|
2294
2296
|
{
|
|
2295
2297
|
"data-testid": `${a}-badge-count`,
|
|
2296
|
-
className:
|
|
2298
|
+
className: pt[`${gt}__badge`],
|
|
2297
2299
|
size: "compact",
|
|
2298
2300
|
count: t
|
|
2299
2301
|
}
|
|
@@ -2301,7 +2303,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2301
2303
|
Ra,
|
|
2302
2304
|
{
|
|
2303
2305
|
"data-testid": `${a}-badge`,
|
|
2304
|
-
className:
|
|
2306
|
+
className: pt[`${gt}__badge`],
|
|
2305
2307
|
size: "compact",
|
|
2306
2308
|
type: t
|
|
2307
2309
|
}
|
|
@@ -2311,53 +2313,73 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2311
2313
|
label: a,
|
|
2312
2314
|
icon: r,
|
|
2313
2315
|
url: _,
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
+
disableOpacity: o,
|
|
2317
|
+
disabled: l = !1,
|
|
2316
2318
|
badge: n,
|
|
2317
2319
|
isActive: c,
|
|
2318
|
-
onClick:
|
|
2320
|
+
onClick: s,
|
|
2319
2321
|
className: i
|
|
2320
|
-
} = m,
|
|
2322
|
+
} = m, d = D(m, [
|
|
2321
2323
|
"id",
|
|
2322
2324
|
"label",
|
|
2323
2325
|
"icon",
|
|
2324
2326
|
"url",
|
|
2325
|
-
"disableTooltip",
|
|
2326
2327
|
"disableOpacity",
|
|
2328
|
+
"disabled",
|
|
2327
2329
|
"badge",
|
|
2328
2330
|
"isActive",
|
|
2329
2331
|
"onClick",
|
|
2330
2332
|
"className"
|
|
2331
2333
|
]);
|
|
2332
|
-
return /* @__PURE__ */ e.createElement(
|
|
2333
|
-
|
|
2334
|
+
return /* @__PURE__ */ e.createElement(
|
|
2335
|
+
"li",
|
|
2334
2336
|
{
|
|
2335
|
-
|
|
2336
|
-
|
|
2337
|
-
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
k({
|
|
2344
|
-
"aria-label": a,
|
|
2345
|
-
className: u(
|
|
2346
|
-
Pt[`${Ft}__button`],
|
|
2347
|
-
{
|
|
2348
|
-
[Pt[`${Ft}__button--active`]]: c,
|
|
2349
|
-
[Pt[`${Ft}__button--opacity`]]: l
|
|
2350
|
-
},
|
|
2351
|
-
"lc-dark-theme"
|
|
2352
|
-
),
|
|
2353
|
-
onClick: (b) => d(b, t),
|
|
2354
|
-
href: _
|
|
2355
|
-
}, s),
|
|
2356
|
-
r
|
|
2357
|
-
), n && Xo(n, t))
|
|
2337
|
+
key: t,
|
|
2338
|
+
className: u(
|
|
2339
|
+
pt[gt],
|
|
2340
|
+
{
|
|
2341
|
+
[pt[`${gt}--disabled`]]: l
|
|
2342
|
+
},
|
|
2343
|
+
i
|
|
2344
|
+
)
|
|
2358
2345
|
},
|
|
2359
|
-
|
|
2360
|
-
|
|
2346
|
+
/* @__PURE__ */ e.createElement(
|
|
2347
|
+
Lt,
|
|
2348
|
+
{
|
|
2349
|
+
floatingStrategy: "fixed",
|
|
2350
|
+
placement: "right",
|
|
2351
|
+
kind: "invert",
|
|
2352
|
+
isVisible: !a || l ? !1 : void 0,
|
|
2353
|
+
offsetMainAxis: 12,
|
|
2354
|
+
hoverOnDelay: 400,
|
|
2355
|
+
useClickHookProps: { ignoreMouse: !0 },
|
|
2356
|
+
useDismissHookProps: {
|
|
2357
|
+
referencePress: !0,
|
|
2358
|
+
referencePressEvent: "click"
|
|
2359
|
+
},
|
|
2360
|
+
triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2361
|
+
"a",
|
|
2362
|
+
k({
|
|
2363
|
+
tabIndex: l ? -1 : 0,
|
|
2364
|
+
"aria-label": a,
|
|
2365
|
+
className: u(
|
|
2366
|
+
pt[`${gt}__button`],
|
|
2367
|
+
{
|
|
2368
|
+
[pt[`${gt}__button--active`]]: c,
|
|
2369
|
+
[pt[`${gt}__button--opacity`]]: o,
|
|
2370
|
+
[pt[`${gt}__button--disabled`]]: l
|
|
2371
|
+
},
|
|
2372
|
+
"lc-dark-theme"
|
|
2373
|
+
),
|
|
2374
|
+
onClick: (b) => !l && s(b, t),
|
|
2375
|
+
href: _
|
|
2376
|
+
}, d),
|
|
2377
|
+
r
|
|
2378
|
+
), n && Xo(n, t))
|
|
2379
|
+
},
|
|
2380
|
+
a
|
|
2381
|
+
)
|
|
2382
|
+
);
|
|
2361
2383
|
}, Jo = "lc-Navigation-module__navigation___x9vC9", jo = {
|
|
2362
2384
|
navigation: Jo
|
|
2363
2385
|
}, Qo = "navigation", oi = (_) => {
|
|
@@ -2407,24 +2429,24 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2407
2429
|
secondaryCta: l,
|
|
2408
2430
|
isVisible: n = !0
|
|
2409
2431
|
}) => {
|
|
2410
|
-
const c = e.useRef(null), { isMounted:
|
|
2432
|
+
const c = e.useRef(null), { isMounted: s, isOpen: i } = $r({
|
|
2411
2433
|
isVisible: n,
|
|
2412
2434
|
elementRef: c
|
|
2413
|
-
}),
|
|
2435
|
+
}), d = window.matchMedia("(max-width: 768px)").matches, p = a === "warning" ? "link-inverted" : "text", m = a === "warning" ? "secondary" : "high-contrast", b = o || l ? /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__cta-wrapper`] }, o && /* @__PURE__ */ e.createElement(
|
|
2414
2436
|
W,
|
|
2415
2437
|
k({
|
|
2416
2438
|
size: "compact",
|
|
2417
|
-
kind:
|
|
2439
|
+
kind: d ? p : m
|
|
2418
2440
|
}, o),
|
|
2419
2441
|
o.label
|
|
2420
|
-
), 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, g = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Ve[`${st}__children-wrapper`] }, _, b), r && /* @__PURE__ */ e.createElement(
|
|
2421
2443
|
"button",
|
|
2422
2444
|
k({
|
|
2423
2445
|
className: Ve[`${st}__close-button`]
|
|
2424
2446
|
}, r),
|
|
2425
2447
|
/* @__PURE__ */ e.createElement(x, { source: Ie })
|
|
2426
2448
|
));
|
|
2427
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
2449
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, s && /* @__PURE__ */ e.createElement(
|
|
2428
2450
|
"div",
|
|
2429
2451
|
{
|
|
2430
2452
|
className: u(
|
|
@@ -2451,7 +2473,7 @@ const qo = "lc-Badge-module__badge___GhLnu", Zo = "lc-Badge-module__badge__dot__
|
|
|
2451
2473
|
t
|
|
2452
2474
|
)
|
|
2453
2475
|
},
|
|
2454
|
-
|
|
2476
|
+
g
|
|
2455
2477
|
)
|
|
2456
2478
|
));
|
|
2457
2479
|
};
|
|
@@ -2534,7 +2556,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2534
2556
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
2535
2557
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
2536
2558
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
2537
|
-
},
|
|
2559
|
+
}, _e = "avatar", il = (p) => {
|
|
2538
2560
|
var m = p, {
|
|
2539
2561
|
alt: t,
|
|
2540
2562
|
className: a,
|
|
@@ -2544,9 +2566,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2544
2566
|
src: l,
|
|
2545
2567
|
status: n,
|
|
2546
2568
|
text: c,
|
|
2547
|
-
type:
|
|
2569
|
+
type: s,
|
|
2548
2570
|
withRim: i = !1
|
|
2549
|
-
} = m,
|
|
2571
|
+
} = m, d = D(m, [
|
|
2550
2572
|
"alt",
|
|
2551
2573
|
"className",
|
|
2552
2574
|
"color",
|
|
@@ -2558,60 +2580,60 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2558
2580
|
"type",
|
|
2559
2581
|
"withRim"
|
|
2560
2582
|
]);
|
|
2561
|
-
const b =
|
|
2562
|
-
[Ee[
|
|
2563
|
-
[Ee[`${
|
|
2564
|
-
[Ee[`${
|
|
2565
|
-
[Ee[`${
|
|
2583
|
+
const b = s === "image" && !l, [g, v] = e.useState(b), h = s === "image" && !!l && !g, E = s === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = rl(c, y), w = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), C = r || al(c), f = C ? _l(C) : void 0, N = E ? { backgroundColor: C } : {}, S = u(k({
|
|
2584
|
+
[Ee[_e]]: !0,
|
|
2585
|
+
[Ee[`${_e}--${_}`]]: !0,
|
|
2586
|
+
[Ee[`${_e}--${o}`]]: !0,
|
|
2587
|
+
[Ee[`${_e}--with-rim`]]: i
|
|
2566
2588
|
}, a ? { [`${a}`]: a } : {})), M = u(
|
|
2567
|
-
Ee[`${
|
|
2568
|
-
Ee[`${
|
|
2569
|
-
Ee[`${
|
|
2570
|
-
...n ? [Ee[`${
|
|
2571
|
-
),
|
|
2572
|
-
Ee[`${
|
|
2573
|
-
Ee[`${
|
|
2574
|
-
),
|
|
2575
|
-
Ee[`${
|
|
2576
|
-
Ee[`${
|
|
2577
|
-
),
|
|
2589
|
+
Ee[`${_e}__status`],
|
|
2590
|
+
Ee[`${_e}__status--${_}`],
|
|
2591
|
+
Ee[`${_e}__status--${o}`],
|
|
2592
|
+
...n ? [Ee[`${_e}__status--${n}`]] : []
|
|
2593
|
+
), G = u(
|
|
2594
|
+
Ee[`${_e}__icon`],
|
|
2595
|
+
Ee[`${_e}__icon--${o}`]
|
|
2596
|
+
), I = u(
|
|
2597
|
+
Ee[`${_e}__rim`],
|
|
2598
|
+
Ee[`${_e}__rim--${o}`]
|
|
2599
|
+
), O = (X) => w ? "2xs" : ["medium"].includes(X) ? "xs" : ["large", "xlarge"].includes(X) ? "sm" : ["xxlarge"].includes(X) ? "lg" : "xl", Y = e.useCallback(() => v(!0), []);
|
|
2578
2600
|
return e.useEffect(() => {
|
|
2579
2601
|
v(b);
|
|
2580
|
-
}, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N },
|
|
2602
|
+
}, [b]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, d), i && /* @__PURE__ */ e.createElement(
|
|
2581
2603
|
"div",
|
|
2582
2604
|
{
|
|
2583
|
-
"data-testid": `${
|
|
2584
|
-
className:
|
|
2605
|
+
"data-testid": `${_e}__rim`,
|
|
2606
|
+
className: I
|
|
2585
2607
|
}
|
|
2586
2608
|
), n && /* @__PURE__ */ e.createElement(
|
|
2587
2609
|
"div",
|
|
2588
2610
|
{
|
|
2589
|
-
"data-testid": `${
|
|
2611
|
+
"data-testid": `${_e}__status`,
|
|
2590
2612
|
className: M
|
|
2591
2613
|
}
|
|
2592
2614
|
), h && /* @__PURE__ */ e.createElement(
|
|
2593
2615
|
"img",
|
|
2594
2616
|
{
|
|
2595
|
-
className: Ee[`${
|
|
2617
|
+
className: Ee[`${_e}__image`],
|
|
2596
2618
|
src: l,
|
|
2597
2619
|
alt: t,
|
|
2598
|
-
onError:
|
|
2620
|
+
onError: Y
|
|
2599
2621
|
}
|
|
2600
2622
|
), E && /* @__PURE__ */ e.createElement(
|
|
2601
|
-
|
|
2623
|
+
oe,
|
|
2602
2624
|
{
|
|
2603
2625
|
as: "span",
|
|
2604
|
-
size:
|
|
2605
|
-
style: { color:
|
|
2626
|
+
size: O(o),
|
|
2627
|
+
style: { color: f },
|
|
2606
2628
|
bold: w,
|
|
2607
2629
|
uppercase: w
|
|
2608
2630
|
},
|
|
2609
2631
|
$
|
|
2610
|
-
),
|
|
2632
|
+
), g && /* @__PURE__ */ e.createElement(
|
|
2611
2633
|
x,
|
|
2612
2634
|
{
|
|
2613
|
-
"data-testid": `${
|
|
2614
|
-
className:
|
|
2635
|
+
"data-testid": `${_e}__icon`,
|
|
2636
|
+
className: G,
|
|
2615
2637
|
source: T_
|
|
2616
2638
|
}
|
|
2617
2639
|
));
|
|
@@ -2631,14 +2653,14 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2631
2653
|
fullWidth: l = !1,
|
|
2632
2654
|
onButtonClick: n = Fa
|
|
2633
2655
|
}) => {
|
|
2634
|
-
const c = u(Na[dl], r), [
|
|
2656
|
+
const c = u(Na[dl], r), [s, i] = e.useState(() => _), d = typeof o == "string";
|
|
2635
2657
|
e.useEffect(() => {
|
|
2636
|
-
|
|
2658
|
+
d && i(o);
|
|
2637
2659
|
}, [o]);
|
|
2638
|
-
const p = (b,
|
|
2639
|
-
|
|
2640
|
-
}, m = a.map(({ id: b, label:
|
|
2641
|
-
const y = b ===
|
|
2660
|
+
const p = (b, g) => {
|
|
2661
|
+
d || i(b), n(b, g);
|
|
2662
|
+
}, m = a.map(({ id: b, label: g, loading: v, disabled: h, icon: E }) => {
|
|
2663
|
+
const y = b === s, $ = y ? Na["btn--active"] : "", w = y ? !1 : v;
|
|
2642
2664
|
return /* @__PURE__ */ e.createElement(
|
|
2643
2665
|
W,
|
|
2644
2666
|
{
|
|
@@ -2654,7 +2676,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2654
2676
|
p(b, C);
|
|
2655
2677
|
}
|
|
2656
2678
|
},
|
|
2657
|
-
|
|
2679
|
+
g
|
|
2658
2680
|
);
|
|
2659
2681
|
});
|
|
2660
2682
|
return /* @__PURE__ */ e.createElement("div", { role: "group", className: c }, m);
|
|
@@ -2673,7 +2695,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2673
2695
|
card__actions__buttons: El,
|
|
2674
2696
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
2675
2697
|
}, na = "card", Ma = `${na}__header`, tr = `${Ma}__heading`, Sa = `${na}__actions`, yl = `${Ma}__no-image`, ni = (i) => {
|
|
2676
|
-
var
|
|
2698
|
+
var d = i, {
|
|
2677
2699
|
alt: t,
|
|
2678
2700
|
buttonsOptions: a = [],
|
|
2679
2701
|
children: r,
|
|
@@ -2682,7 +2704,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2682
2704
|
expandableContent: l,
|
|
2683
2705
|
src: n,
|
|
2684
2706
|
title: c
|
|
2685
|
-
} =
|
|
2707
|
+
} = d, s = D(d, [
|
|
2686
2708
|
"alt",
|
|
2687
2709
|
"buttonsOptions",
|
|
2688
2710
|
"children",
|
|
@@ -2692,15 +2714,15 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2692
2714
|
"src",
|
|
2693
2715
|
"title"
|
|
2694
2716
|
]);
|
|
2695
|
-
const [p, m] = e.useState(!1), b = p ? Oa : Ot,
|
|
2696
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) },
|
|
2717
|
+
const [p, m] = e.useState(!1), b = p ? Oa : Ot, g = p ? "Hide" : "Show more", v = (a == null ? void 0 : a.length) > 0, h = !!l, E = v || h, y = c, $ = n, w = $ ? "" : ye[yl];
|
|
2718
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: u(ye[na], _) }, s), y && /* @__PURE__ */ e.createElement("div", { className: u(ye[Ma], w) }, $ && /* @__PURE__ */ e.createElement(
|
|
2697
2719
|
"img",
|
|
2698
2720
|
{
|
|
2699
2721
|
alt: t,
|
|
2700
2722
|
className: ye[`${Ma}__image`],
|
|
2701
2723
|
src: n
|
|
2702
2724
|
}
|
|
2703
|
-
), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(
|
|
2725
|
+
), /* @__PURE__ */ e.createElement("div", { className: ye[tr] }, /* @__PURE__ */ e.createElement(oe, { size: "xs", className: ye[`${tr}__title`] }, c), o && /* @__PURE__ */ e.createElement(
|
|
2704
2726
|
B,
|
|
2705
2727
|
{
|
|
2706
2728
|
size: "sm",
|
|
@@ -2716,13 +2738,13 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2716
2738
|
},
|
|
2717
2739
|
l
|
|
2718
2740
|
), E && /* @__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(
|
|
2719
|
-
({ kind: C, onClick:
|
|
2741
|
+
({ kind: C, onClick: f, children: N }, S) => /* @__PURE__ */ e.createElement(
|
|
2720
2742
|
W,
|
|
2721
2743
|
{
|
|
2722
2744
|
key: S,
|
|
2723
2745
|
size: "compact",
|
|
2724
2746
|
kind: C,
|
|
2725
|
-
onClick:
|
|
2747
|
+
onClick: f
|
|
2726
2748
|
},
|
|
2727
2749
|
N
|
|
2728
2750
|
)
|
|
@@ -2735,7 +2757,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2735
2757
|
icon: /* @__PURE__ */ e.createElement(x, { source: b }),
|
|
2736
2758
|
onClick: () => m(!p)
|
|
2737
2759
|
},
|
|
2738
|
-
|
|
2760
|
+
g
|
|
2739
2761
|
))));
|
|
2740
2762
|
}, wl = {
|
|
2741
2763
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
@@ -2748,8 +2770,8 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2748
2770
|
"className"
|
|
2749
2771
|
]);
|
|
2750
2772
|
const l = u(wl[Cl], a);
|
|
2751
|
-
return /* @__PURE__ */ e.createElement(B,
|
|
2752
|
-
}, $l = "lc-Checkbox-module__checkbox___G7nTf", Nl = "lc-Checkbox-module__checkbox__label___-o01x", Sl = "lc-Checkbox-module__checkbox__text___P2SIq", xl = "lc-Checkbox-module__checkbox__input___YLbVF", Bl = "lc-Checkbox-module__checkbox__checkmark___16pfY", Il = "lc-Checkbox-module__checkbox__square___MHUyd", Tl = "lc-Checkbox-module__checkbox__helper___YSJ-n",
|
|
2773
|
+
return /* @__PURE__ */ e.createElement(B, T(k({ as: "span", size: "sm" }, r), { className: l }), t);
|
|
2774
|
+
}, $l = "lc-Checkbox-module__checkbox___G7nTf", Nl = "lc-Checkbox-module__checkbox__label___-o01x", Sl = "lc-Checkbox-module__checkbox__text___P2SIq", xl = "lc-Checkbox-module__checkbox__input___YLbVF", Bl = "lc-Checkbox-module__checkbox__checkmark___16pfY", Il = "lc-Checkbox-module__checkbox__square___MHUyd", Tl = "lc-Checkbox-module__checkbox__helper___YSJ-n", kt = {
|
|
2753
2775
|
checkbox: $l,
|
|
2754
2776
|
checkbox__label: Nl,
|
|
2755
2777
|
checkbox__text: Sl,
|
|
@@ -2759,28 +2781,28 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2759
2781
|
checkbox__square: Il,
|
|
2760
2782
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
2761
2783
|
checkbox__helper: Tl
|
|
2762
|
-
},
|
|
2784
|
+
}, Et = "checkbox", Dl = e.forwardRef(
|
|
2763
2785
|
(c, n) => {
|
|
2764
|
-
var
|
|
2786
|
+
var s = c, { checked: t, disabled: a, children: r, description: _, className: o } = s, l = D(s, ["checked", "disabled", "children", "description", "className"]);
|
|
2765
2787
|
return /* @__PURE__ */ e.createElement(
|
|
2766
2788
|
"div",
|
|
2767
2789
|
{
|
|
2768
|
-
className: u(
|
|
2769
|
-
[
|
|
2770
|
-
[
|
|
2790
|
+
className: u(kt[Et], o, {
|
|
2791
|
+
[kt[`${Et}--selected`]]: t,
|
|
2792
|
+
[kt[`${Et}--disabled`]]: a
|
|
2771
2793
|
})
|
|
2772
2794
|
},
|
|
2773
|
-
/* @__PURE__ */ e.createElement("label", { className:
|
|
2795
|
+
/* @__PURE__ */ e.createElement("label", { className: kt[`${Et}__label`] }, /* @__PURE__ */ e.createElement(
|
|
2774
2796
|
"input",
|
|
2775
|
-
|
|
2797
|
+
T(k({}, l), {
|
|
2776
2798
|
ref: n,
|
|
2777
2799
|
checked: t,
|
|
2778
2800
|
disabled: a,
|
|
2779
|
-
className:
|
|
2801
|
+
className: kt[`${Et}__input`],
|
|
2780
2802
|
type: "checkbox"
|
|
2781
2803
|
})
|
|
2782
|
-
), r && /* @__PURE__ */ e.createElement(B, { as: "div", size: "md", className:
|
|
2783
|
-
_ && /* @__PURE__ */ e.createElement(za, { className:
|
|
2804
|
+
), r && /* @__PURE__ */ e.createElement(B, { as: "div", size: "md", className: kt[`${Et}__text`] }, r)),
|
|
2805
|
+
_ && /* @__PURE__ */ e.createElement(za, { className: kt[`${Et}__helper`] }, _)
|
|
2784
2806
|
);
|
|
2785
2807
|
}
|
|
2786
2808
|
), F = {
|
|
@@ -2818,7 +2840,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2818
2840
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
2819
2841
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
2820
2842
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
2821
|
-
}, Hr = "date-picker",
|
|
2843
|
+
}, Hr = "date-picker", Pl = (t) => {
|
|
2822
2844
|
const {
|
|
2823
2845
|
onPreviousClick: a,
|
|
2824
2846
|
onMonthChange: r,
|
|
@@ -2827,20 +2849,20 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2827
2849
|
showPreviousButton: l,
|
|
2828
2850
|
className: n,
|
|
2829
2851
|
classNames: c,
|
|
2830
|
-
numberOfMonths:
|
|
2852
|
+
numberOfMonths: s,
|
|
2831
2853
|
month: i,
|
|
2832
|
-
fromMonth:
|
|
2854
|
+
fromMonth: d,
|
|
2833
2855
|
toMonth: p
|
|
2834
2856
|
} = t, m = () => {
|
|
2835
2857
|
typeof a == "function" && a();
|
|
2836
2858
|
}, b = () => {
|
|
2837
2859
|
typeof _ == "function" && _();
|
|
2838
|
-
},
|
|
2839
|
-
if (!
|
|
2860
|
+
}, g = () => {
|
|
2861
|
+
if (!d) {
|
|
2840
2862
|
const y = Rt(i, 12);
|
|
2841
2863
|
return r(y);
|
|
2842
2864
|
}
|
|
2843
|
-
const h = Math.abs(Ir(i,
|
|
2865
|
+
const h = Math.abs(Ir(i, d)), E = Rt(
|
|
2844
2866
|
i,
|
|
2845
2867
|
!Number.isNaN(h) && h > 12 ? 12 : h
|
|
2846
2868
|
);
|
|
@@ -2854,7 +2876,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2854
2876
|
i,
|
|
2855
2877
|
!Number.isNaN(h) && h > 12 ? 12 : h
|
|
2856
2878
|
);
|
|
2857
|
-
return
|
|
2879
|
+
return s === 2 && pr(E, p) ? r(Rt(E, 1)) : r(E);
|
|
2858
2880
|
};
|
|
2859
2881
|
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2860
2882
|
"button",
|
|
@@ -2864,7 +2886,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2864
2886
|
[c.navButtonPrev]: !0,
|
|
2865
2887
|
[c.navButtonInteractionDisabled]: !l
|
|
2866
2888
|
}),
|
|
2867
|
-
onClick:
|
|
2889
|
+
onClick: g
|
|
2868
2890
|
},
|
|
2869
2891
|
/* @__PURE__ */ e.createElement(x, { source: D_, kind: "subtle" })
|
|
2870
2892
|
), /* @__PURE__ */ e.createElement(
|
|
@@ -2877,7 +2899,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2877
2899
|
}),
|
|
2878
2900
|
onClick: m
|
|
2879
2901
|
},
|
|
2880
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
2902
|
+
/* @__PURE__ */ e.createElement(x, { source: P_, kind: "subtle" })
|
|
2881
2903
|
)), /* @__PURE__ */ e.createElement("div", { className: F[`${Hr}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2882
2904
|
"button",
|
|
2883
2905
|
{
|
|
@@ -2899,12 +2921,12 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2899
2921
|
}),
|
|
2900
2922
|
onClick: v
|
|
2901
2923
|
},
|
|
2902
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
2924
|
+
/* @__PURE__ */ e.createElement(x, { source: A_, kind: "subtle" })
|
|
2903
2925
|
)));
|
|
2904
2926
|
}, R = "date-picker", f_ = (t, a) => {
|
|
2905
2927
|
const { from: r, to: _ } = a;
|
|
2906
2928
|
return !(_ && !gr(t, _) && fr(t, _) || r && !gr(t, r) && !fr(t, r));
|
|
2907
|
-
}, b_ = (t, a, r) => a ? t && !pr(t, a) || r && pr(a, r) ? Rt(a, 1) : a : Rt(r || /* @__PURE__ */ new Date(), 1),
|
|
2929
|
+
}, b_ = (t, a, r) => a ? t && !pr(t, a) || r && pr(a, r) ? Rt(a, 1) : a : Rt(r || /* @__PURE__ */ new Date(), 1), Al = (t, a) => {
|
|
2908
2930
|
const r = {
|
|
2909
2931
|
[F[`${R}__day--monday`]]: { daysOfWeek: [1] },
|
|
2910
2932
|
[F[`${R}__day--sunday`]]: { daysOfWeek: [0] },
|
|
@@ -2914,9 +2936,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2914
2936
|
if (!a || !t)
|
|
2915
2937
|
return r;
|
|
2916
2938
|
const _ = wr(a, t);
|
|
2917
|
-
return _ > 0 ?
|
|
2939
|
+
return _ > 0 ? T(k({}, r), {
|
|
2918
2940
|
[F[`${R}__day--end`]]: a
|
|
2919
|
-
}) : _ < 0 ?
|
|
2941
|
+
}) : _ < 0 ? T(k({}, r), {
|
|
2920
2942
|
[F[`${R}__day--start`]]: a
|
|
2921
2943
|
}) : r;
|
|
2922
2944
|
}, oa = (t, a) => {
|
|
@@ -2978,9 +3000,9 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2978
3000
|
fromMonth: l,
|
|
2979
3001
|
firstDayOfWeek: n,
|
|
2980
3002
|
numberOfMonths: c,
|
|
2981
|
-
navbarElement:
|
|
3003
|
+
navbarElement: s,
|
|
2982
3004
|
renderDay: i,
|
|
2983
|
-
innerRef:
|
|
3005
|
+
innerRef: d
|
|
2984
3006
|
} = E, p = D(E, [
|
|
2985
3007
|
"classNames",
|
|
2986
3008
|
"range",
|
|
@@ -2998,7 +3020,7 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
2998
3020
|
}, [o, m]), e.useEffect(() => {
|
|
2999
3021
|
_ && o !== m && (f_(m, { from: l, to: _ }) || b(_));
|
|
3000
3022
|
}, [o, m, _, l]);
|
|
3001
|
-
const
|
|
3023
|
+
const g = e.useCallback(
|
|
3002
3024
|
(y) => {
|
|
3003
3025
|
if (t.onMonthChange && y) {
|
|
3004
3026
|
t.onMonthChange(y);
|
|
@@ -3017,18 +3039,18 @@ const ol = "lc-Avatar-module__avatar___1zTCE", ll = "lc-Avatar-module__avatar__s
|
|
|
3017
3039
|
return /* @__PURE__ */ e.createElement(
|
|
3018
3040
|
_o,
|
|
3019
3041
|
k({
|
|
3020
|
-
navbarElement:
|
|
3021
|
-
|
|
3042
|
+
navbarElement: s || /* @__PURE__ */ e.createElement(
|
|
3043
|
+
Pl,
|
|
3022
3044
|
{
|
|
3023
3045
|
month: m,
|
|
3024
3046
|
classNames: h,
|
|
3025
3047
|
numberOfMonths: c,
|
|
3026
|
-
onMonthChange:
|
|
3048
|
+
onMonthChange: g,
|
|
3027
3049
|
toMonth: _,
|
|
3028
3050
|
fromMonth: l
|
|
3029
3051
|
}
|
|
3030
3052
|
),
|
|
3031
|
-
ref:
|
|
3053
|
+
ref: d,
|
|
3032
3054
|
classNames: h,
|
|
3033
3055
|
numberOfMonths: c,
|
|
3034
3056
|
toMonth: _,
|
|
@@ -3066,36 +3088,36 @@ const Gl = (t) => {
|
|
|
3066
3088
|
currentMonth: a
|
|
3067
3089
|
};
|
|
3068
3090
|
case Z.NEW_TEMPORARY_TO_VALUE:
|
|
3069
|
-
return
|
|
3091
|
+
return T(k({}, l), {
|
|
3070
3092
|
temporaryTo: n.payload.date
|
|
3071
3093
|
});
|
|
3072
3094
|
case Z.SELECT_FIRST_DAY:
|
|
3073
|
-
return
|
|
3095
|
+
return T(k({}, l), {
|
|
3074
3096
|
from: n.payload.date,
|
|
3075
3097
|
to: void 0,
|
|
3076
3098
|
temporaryTo: void 0
|
|
3077
3099
|
});
|
|
3078
3100
|
case Z.SELECT_SECOND_DAY_AS_FROM:
|
|
3079
|
-
return
|
|
3101
|
+
return T(k({}, l), {
|
|
3080
3102
|
from: n.payload.date,
|
|
3081
3103
|
to: l.from,
|
|
3082
3104
|
temporaryTo: l.from
|
|
3083
3105
|
});
|
|
3084
3106
|
case Z.SELECT_SECOND_DAY_AS_TO:
|
|
3085
|
-
return
|
|
3107
|
+
return T(k({}, l), {
|
|
3086
3108
|
to: n.payload.date,
|
|
3087
3109
|
temporaryTo: n.payload.date
|
|
3088
3110
|
});
|
|
3089
3111
|
case Z.CURRENT_MONTH_CHANGE:
|
|
3090
|
-
return
|
|
3112
|
+
return T(k({}, l), {
|
|
3091
3113
|
currentMonth: n.payload.date
|
|
3092
3114
|
});
|
|
3093
3115
|
case Z.SET_FROM:
|
|
3094
|
-
return
|
|
3116
|
+
return T(k({}, l), {
|
|
3095
3117
|
from: n.payload.date
|
|
3096
3118
|
});
|
|
3097
3119
|
case Z.SET_TO:
|
|
3098
|
-
return
|
|
3120
|
+
return T(k({}, l), {
|
|
3099
3121
|
to: n.payload.date
|
|
3100
3122
|
});
|
|
3101
3123
|
default:
|
|
@@ -3114,7 +3136,7 @@ const Gl = (t) => {
|
|
|
3114
3136
|
}) => {
|
|
3115
3137
|
const c = B_(
|
|
3116
3138
|
a || null
|
|
3117
|
-
), [
|
|
3139
|
+
), [s, i] = Gl({
|
|
3118
3140
|
options: t,
|
|
3119
3141
|
initialSelectedItemKey: a,
|
|
3120
3142
|
initialFromDate: r,
|
|
@@ -3123,17 +3145,17 @@ const Gl = (t) => {
|
|
|
3123
3145
|
onChange: l,
|
|
3124
3146
|
children: n
|
|
3125
3147
|
});
|
|
3126
|
-
|
|
3148
|
+
Ft(() => {
|
|
3127
3149
|
i({
|
|
3128
3150
|
type: Z.SET_FROM,
|
|
3129
3151
|
payload: { date: r }
|
|
3130
3152
|
});
|
|
3131
|
-
}, [r]),
|
|
3153
|
+
}, [r]), Ft(() => {
|
|
3132
3154
|
i({
|
|
3133
3155
|
type: Z.SET_TO,
|
|
3134
3156
|
payload: { date: _ }
|
|
3135
3157
|
});
|
|
3136
|
-
}, [_]),
|
|
3158
|
+
}, [_]), Ft(() => {
|
|
3137
3159
|
const v = b_(
|
|
3138
3160
|
r,
|
|
3139
3161
|
_,
|
|
@@ -3143,19 +3165,19 @@ const Gl = (t) => {
|
|
|
3143
3165
|
type: Z.CURRENT_MONTH_CHANGE,
|
|
3144
3166
|
payload: { date: v }
|
|
3145
3167
|
});
|
|
3146
|
-
}, [o, r, _]),
|
|
3147
|
-
const { from: v, selectedItem: h, to: E } =
|
|
3168
|
+
}, [o, r, _]), Ft(() => {
|
|
3169
|
+
const { from: v, selectedItem: h, to: E } = s;
|
|
3148
3170
|
if (!(v && E))
|
|
3149
3171
|
return;
|
|
3150
3172
|
const y = oa(h, t);
|
|
3151
|
-
y && (l == null || l(
|
|
3173
|
+
y && (l == null || l(T(k({}, y), {
|
|
3152
3174
|
value: {
|
|
3153
3175
|
from: v,
|
|
3154
3176
|
to: E
|
|
3155
3177
|
}
|
|
3156
3178
|
})));
|
|
3157
|
-
}, [
|
|
3158
|
-
const { selectedItem: v } =
|
|
3179
|
+
}, [s.from, s.to, s.selectedItem, t, l]), Ft(() => {
|
|
3180
|
+
const { selectedItem: v } = s;
|
|
3159
3181
|
if (v === c.current)
|
|
3160
3182
|
return;
|
|
3161
3183
|
if (!v) {
|
|
@@ -3165,23 +3187,23 @@ const Gl = (t) => {
|
|
|
3165
3187
|
if (!oa(v, t))
|
|
3166
3188
|
return;
|
|
3167
3189
|
const E = t.reduce(
|
|
3168
|
-
(y, $) =>
|
|
3190
|
+
(y, $) => T(k({}, y), { [$.id]: $ }),
|
|
3169
3191
|
{}
|
|
3170
3192
|
);
|
|
3171
3193
|
l(E[v]);
|
|
3172
|
-
}, [l,
|
|
3173
|
-
const
|
|
3194
|
+
}, [l, s.selectedItem, t]);
|
|
3195
|
+
const d = ka(
|
|
3174
3196
|
(v) => {
|
|
3175
3197
|
const h = o ? wr(o, v) >= 0 : !0;
|
|
3176
|
-
!zr(
|
|
3198
|
+
!zr(s.from, s.to) && h && i({
|
|
3177
3199
|
type: Z.NEW_TEMPORARY_TO_VALUE,
|
|
3178
3200
|
payload: { date: v }
|
|
3179
3201
|
});
|
|
3180
3202
|
},
|
|
3181
|
-
[o,
|
|
3203
|
+
[o, s.from, s.to]
|
|
3182
3204
|
), p = ka(
|
|
3183
3205
|
(v) => {
|
|
3184
|
-
const { from: h, to: E } =
|
|
3206
|
+
const { from: h, to: E } = s;
|
|
3185
3207
|
f_(v, { to: o }) && (zr(h, E) ? i({
|
|
3186
3208
|
type: Z.SELECT_FIRST_DAY,
|
|
3187
3209
|
payload: { date: v }
|
|
@@ -3193,7 +3215,7 @@ const Gl = (t) => {
|
|
|
3193
3215
|
payload: { date: v }
|
|
3194
3216
|
}));
|
|
3195
3217
|
},
|
|
3196
|
-
[o,
|
|
3218
|
+
[o, s.from, s.to]
|
|
3197
3219
|
), m = ka(
|
|
3198
3220
|
(v) => {
|
|
3199
3221
|
if (v === null) {
|
|
@@ -3216,10 +3238,10 @@ const Gl = (t) => {
|
|
|
3216
3238
|
});
|
|
3217
3239
|
}, []);
|
|
3218
3240
|
return n((() => {
|
|
3219
|
-
const { currentMonth: v, from: h, selectedItem: E, temporaryTo: y, to: $ } =
|
|
3220
|
-
() =>
|
|
3241
|
+
const { currentMonth: v, from: h, selectedItem: E, temporaryTo: y, to: $ } = s, w = Ea(
|
|
3242
|
+
() => Al(h, y),
|
|
3221
3243
|
[h, y]
|
|
3222
|
-
), C = Ea(() => oa(E, t), [t, E]),
|
|
3244
|
+
), C = Ea(() => oa(E, t), [t, E]), f = Ea(() => [h, { from: h, to: y }], [h, y]), N = Ea(() => o ? { after: o } : void 0, [o]);
|
|
3223
3245
|
return {
|
|
3224
3246
|
select: {
|
|
3225
3247
|
onItemSelect: m,
|
|
@@ -3234,12 +3256,12 @@ const Gl = (t) => {
|
|
|
3234
3256
|
month: v,
|
|
3235
3257
|
numberOfMonths: 2,
|
|
3236
3258
|
onDayClick: p,
|
|
3237
|
-
selectedDays:
|
|
3259
|
+
selectedDays: f,
|
|
3238
3260
|
modifiers: w,
|
|
3239
3261
|
initialMonth: o && Rt(o, 1),
|
|
3240
3262
|
toMonth: o,
|
|
3241
3263
|
disabledDays: N,
|
|
3242
|
-
onDayMouseEnter:
|
|
3264
|
+
onDayMouseEnter: d,
|
|
3243
3265
|
onMonthChange: b
|
|
3244
3266
|
},
|
|
3245
3267
|
selectedOption: C
|
|
@@ -3264,7 +3286,7 @@ const ci = (t) => {
|
|
|
3264
3286
|
a,
|
|
3265
3287
|
F["date-picker--range__calendars-wrapper"]
|
|
3266
3288
|
);
|
|
3267
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
3289
|
+
return /* @__PURE__ */ e.createElement("div", T(k({}, _), { className: o }), r);
|
|
3268
3290
|
}, H = {
|
|
3269
3291
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
3270
3292
|
"details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
|
|
@@ -3295,37 +3317,37 @@ const ci = (t) => {
|
|
|
3295
3317
|
withDivider: l,
|
|
3296
3318
|
fullSpaceContent: n,
|
|
3297
3319
|
openOnInit: c = !1,
|
|
3298
|
-
hideLabelOnOpen:
|
|
3320
|
+
hideLabelOnOpen: s,
|
|
3299
3321
|
onClick: i
|
|
3300
3322
|
}) => {
|
|
3301
|
-
const [
|
|
3323
|
+
const [d, p] = e.useState(c), [m, b] = e.useState(0), g = e.useRef(null), v = u(
|
|
3302
3324
|
H[z],
|
|
3303
3325
|
l && H[`${z}--with-divider`],
|
|
3304
3326
|
a
|
|
3305
|
-
), h =
|
|
3327
|
+
), h = s && d, E = typeof o == "string", y = (w) => {
|
|
3306
3328
|
p((C) => !C), w.currentTarget.blur(), i == null || i(w);
|
|
3307
3329
|
}, $ = (w) => {
|
|
3308
|
-
const
|
|
3309
|
-
Hl.includes(
|
|
3330
|
+
const f = w.target.tagName.toLowerCase();
|
|
3331
|
+
Hl.includes(f) || (p((N) => !N), i == null || i(w));
|
|
3310
3332
|
};
|
|
3311
3333
|
return e.useEffect(() => {
|
|
3312
3334
|
const w = !!window.IntersectionObserver;
|
|
3313
|
-
if (
|
|
3335
|
+
if (g.current && w) {
|
|
3314
3336
|
const C = new ResizeObserver(() => {
|
|
3315
|
-
|
|
3337
|
+
g.current && m !== g.current.offsetHeight && b(g.current.offsetHeight);
|
|
3316
3338
|
});
|
|
3317
|
-
return C.observe(
|
|
3339
|
+
return C.observe(g.current), () => C.disconnect();
|
|
3318
3340
|
}
|
|
3319
|
-
}, [
|
|
3341
|
+
}, [g]), /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
|
|
3320
3342
|
"div",
|
|
3321
3343
|
{
|
|
3322
3344
|
className: u(
|
|
3323
3345
|
H[`${z}__label-wrapper`],
|
|
3324
|
-
|
|
3346
|
+
s && H[`${z}__label-wrapper--fading`],
|
|
3325
3347
|
h && H[`${z}__label-wrapper--hide`],
|
|
3326
|
-
|
|
3348
|
+
d && H[`${z}__label-wrapper--open`]
|
|
3327
3349
|
),
|
|
3328
|
-
"aria-expanded":
|
|
3350
|
+
"aria-expanded": d,
|
|
3329
3351
|
"aria-hidden": h,
|
|
3330
3352
|
"data-testid": "details-card-label",
|
|
3331
3353
|
onClick: $
|
|
@@ -3335,12 +3357,12 @@ const ci = (t) => {
|
|
|
3335
3357
|
{
|
|
3336
3358
|
className: u(
|
|
3337
3359
|
H[`${z}__label`],
|
|
3338
|
-
|
|
3360
|
+
s && H[`${z}__label--with-margin`]
|
|
3339
3361
|
)
|
|
3340
3362
|
},
|
|
3341
3363
|
r && /* @__PURE__ */ e.createElement("div", { className: H[`${z}__label__left-node`] }, r),
|
|
3342
3364
|
E ? /* @__PURE__ */ e.createElement(
|
|
3343
|
-
|
|
3365
|
+
oe,
|
|
3344
3366
|
{
|
|
3345
3367
|
size: "xs",
|
|
3346
3368
|
className: H[`${z}__label__content`]
|
|
@@ -3352,45 +3374,45 @@ const ci = (t) => {
|
|
|
3352
3374
|
), /* @__PURE__ */ e.createElement(
|
|
3353
3375
|
W,
|
|
3354
3376
|
{
|
|
3355
|
-
kind:
|
|
3377
|
+
kind: d && s ? "float" : "text",
|
|
3356
3378
|
icon: /* @__PURE__ */ e.createElement(
|
|
3357
3379
|
x,
|
|
3358
3380
|
{
|
|
3359
3381
|
source: La,
|
|
3360
3382
|
className: u(
|
|
3361
3383
|
H[`${z}__button__icon`],
|
|
3362
|
-
|
|
3384
|
+
d && H[`${z}__button__icon--open`]
|
|
3363
3385
|
)
|
|
3364
3386
|
}
|
|
3365
3387
|
),
|
|
3366
3388
|
className: u(
|
|
3367
3389
|
H[`${z}__button`],
|
|
3368
|
-
!
|
|
3369
|
-
|
|
3370
|
-
|
|
3390
|
+
!d && H[`${z}__button--closed`],
|
|
3391
|
+
d && H[`${z}__button--open`],
|
|
3392
|
+
s && H[`${z}__button--fading`]
|
|
3371
3393
|
),
|
|
3372
3394
|
onClick: y,
|
|
3373
|
-
"aria-expanded":
|
|
3395
|
+
"aria-expanded": d
|
|
3374
3396
|
}
|
|
3375
3397
|
), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
3376
3398
|
"div",
|
|
3377
3399
|
{
|
|
3378
3400
|
className: u(
|
|
3379
3401
|
H[`${z}__content-wrapper`],
|
|
3380
|
-
|
|
3402
|
+
d && H[`${z}__content-wrapper--open`]
|
|
3381
3403
|
),
|
|
3382
3404
|
style: {
|
|
3383
|
-
maxHeight:
|
|
3405
|
+
maxHeight: d ? m : 0
|
|
3384
3406
|
}
|
|
3385
3407
|
},
|
|
3386
3408
|
/* @__PURE__ */ e.createElement(
|
|
3387
3409
|
"div",
|
|
3388
3410
|
{
|
|
3389
|
-
ref:
|
|
3411
|
+
ref: g,
|
|
3390
3412
|
className: u(
|
|
3391
3413
|
H[`${z}__content`],
|
|
3392
3414
|
n && H[`${z}__content--full-space`],
|
|
3393
|
-
|
|
3415
|
+
s && H[`${z}__content--spacing`]
|
|
3394
3416
|
)
|
|
3395
3417
|
},
|
|
3396
3418
|
t
|
|
@@ -3415,7 +3437,7 @@ const ci = (t) => {
|
|
|
3415
3437
|
"className"
|
|
3416
3438
|
]);
|
|
3417
3439
|
const l = u(Vr[Kr], a);
|
|
3418
|
-
return /* @__PURE__ */ e.createElement(B,
|
|
3440
|
+
return /* @__PURE__ */ e.createElement(B, T(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
|
|
3419
3441
|
x,
|
|
3420
3442
|
{
|
|
3421
3443
|
source: ca,
|
|
@@ -3428,14 +3450,14 @@ const ci = (t) => {
|
|
|
3428
3450
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
3429
3451
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
3430
3452
|
}, or = "field-group", di = (c) => {
|
|
3431
|
-
var
|
|
3453
|
+
var s = c, {
|
|
3432
3454
|
className: t = "",
|
|
3433
3455
|
children: a,
|
|
3434
3456
|
description: r,
|
|
3435
3457
|
error: _,
|
|
3436
3458
|
inline: o,
|
|
3437
3459
|
stretch: l
|
|
3438
|
-
} =
|
|
3460
|
+
} = s, n = D(s, [
|
|
3439
3461
|
"className",
|
|
3440
3462
|
"children",
|
|
3441
3463
|
"description",
|
|
@@ -3447,7 +3469,7 @@ const ci = (t) => {
|
|
|
3447
3469
|
[_r[`${or}--inline`]]: o,
|
|
3448
3470
|
[_r[`${or}--stretched`]]: l
|
|
3449
3471
|
});
|
|
3450
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
3472
|
+
return /* @__PURE__ */ e.createElement("div", T(k({}, n), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Sr, null, _), r && /* @__PURE__ */ e.createElement(za, null, r));
|
|
3451
3473
|
}, zl = "lc-Form-module__form___1nOYF", Wl = "lc-Form-module__form__header___U4B7t", Vl = "lc-Form-module__form__footer___1-sUX", Kl = "lc-Form-module__form__label___spg-J", Yl = "lc-Form-module__form__helper___bhfwS", Kt = {
|
|
3452
3474
|
form: zl,
|
|
3453
3475
|
form__header: Wl,
|
|
@@ -3468,8 +3490,8 @@ const ci = (t) => {
|
|
|
3468
3490
|
"helperText",
|
|
3469
3491
|
"formFooter"
|
|
3470
3492
|
]);
|
|
3471
|
-
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(
|
|
3472
|
-
},
|
|
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(oe, { 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
|
+
}, J = {
|
|
3473
3495
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
3474
3496
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
3475
3497
|
"form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
|
|
@@ -3486,7 +3508,7 @@ const ci = (t) => {
|
|
|
3486
3508
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
3487
3509
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
3488
3510
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
3489
|
-
},
|
|
3511
|
+
}, j = "form-field", mi = ({
|
|
3490
3512
|
inline: t,
|
|
3491
3513
|
error: a,
|
|
3492
3514
|
description: r,
|
|
@@ -3495,61 +3517,61 @@ const ci = (t) => {
|
|
|
3495
3517
|
className: l,
|
|
3496
3518
|
labelFor: n,
|
|
3497
3519
|
children: c,
|
|
3498
|
-
labelRightNode:
|
|
3520
|
+
labelRightNode: s
|
|
3499
3521
|
}) => {
|
|
3500
|
-
const i = e.useRef(null), [
|
|
3501
|
-
|
|
3522
|
+
const i = e.useRef(null), [d, p] = e.useState("auto"), m = u(
|
|
3523
|
+
J[j],
|
|
3502
3524
|
{
|
|
3503
|
-
[
|
|
3525
|
+
[J[`${j}--inline`]]: t
|
|
3504
3526
|
},
|
|
3505
3527
|
l
|
|
3506
3528
|
);
|
|
3507
3529
|
return e.useEffect(() => {
|
|
3508
3530
|
const b = i;
|
|
3509
3531
|
return t && b.current ? p(`${b.current.clientHeight}px`) : p("auto");
|
|
3510
|
-
}), /* @__PURE__ */ e.createElement("div", { className: m },
|
|
3532
|
+
}), /* @__PURE__ */ e.createElement("div", { className: m }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3511
3533
|
B,
|
|
3512
3534
|
{
|
|
3513
3535
|
as: "div",
|
|
3514
3536
|
size: "sm",
|
|
3515
3537
|
className: u(
|
|
3516
|
-
|
|
3517
|
-
|
|
3538
|
+
J[`${j}__label-right-node`],
|
|
3539
|
+
J[`${j}__label-right-node--inline`]
|
|
3518
3540
|
)
|
|
3519
3541
|
},
|
|
3520
|
-
|
|
3521
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3542
|
+
s
|
|
3543
|
+
), /* @__PURE__ */ e.createElement("div", { className: J[`${j}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
3522
3544
|
"div",
|
|
3523
3545
|
{
|
|
3524
3546
|
className: u(
|
|
3525
|
-
|
|
3526
|
-
t &&
|
|
3547
|
+
J[`${j}__wrapper`],
|
|
3548
|
+
t && J[`${j}__wrapper--inline`]
|
|
3527
3549
|
)
|
|
3528
3550
|
},
|
|
3529
|
-
(_ ||
|
|
3551
|
+
(_ || s) && /* @__PURE__ */ e.createElement(
|
|
3530
3552
|
"div",
|
|
3531
3553
|
{
|
|
3532
3554
|
className: u(
|
|
3533
|
-
|
|
3534
|
-
t &&
|
|
3535
|
-
!_ &&
|
|
3555
|
+
J[`${j}__label`],
|
|
3556
|
+
t && J[`${j}__label--inline`],
|
|
3557
|
+
!_ && J[`${j}__label--no-text`]
|
|
3536
3558
|
)
|
|
3537
3559
|
},
|
|
3538
3560
|
_ && /* @__PURE__ */ e.createElement(
|
|
3539
3561
|
"div",
|
|
3540
3562
|
{
|
|
3541
3563
|
className: u(
|
|
3542
|
-
|
|
3543
|
-
t &&
|
|
3564
|
+
J[`${j}__label-wrapper`],
|
|
3565
|
+
t && J[`${j}__label-wrapper--inline`]
|
|
3544
3566
|
),
|
|
3545
3567
|
style: {
|
|
3546
|
-
height:
|
|
3568
|
+
height: d
|
|
3547
3569
|
}
|
|
3548
3570
|
},
|
|
3549
3571
|
/* @__PURE__ */ e.createElement(
|
|
3550
3572
|
"label",
|
|
3551
3573
|
{
|
|
3552
|
-
className:
|
|
3574
|
+
className: J[`${j}__label-left-node`],
|
|
3553
3575
|
htmlFor: n
|
|
3554
3576
|
},
|
|
3555
3577
|
/* @__PURE__ */ e.createElement(B, { as: "span", size: "sm" }, _)
|
|
@@ -3560,27 +3582,27 @@ const ci = (t) => {
|
|
|
3560
3582
|
as: "div",
|
|
3561
3583
|
size: "sm",
|
|
3562
3584
|
className: u(
|
|
3563
|
-
|
|
3564
|
-
t &&
|
|
3585
|
+
J[`${j}__label-adornment`],
|
|
3586
|
+
t && J[`${j}__label-adornment--inline`]
|
|
3565
3587
|
)
|
|
3566
3588
|
},
|
|
3567
3589
|
o
|
|
3568
3590
|
)
|
|
3569
3591
|
),
|
|
3570
|
-
|
|
3592
|
+
s && !t && /* @__PURE__ */ e.createElement(
|
|
3571
3593
|
B,
|
|
3572
3594
|
{
|
|
3573
3595
|
as: "div",
|
|
3574
3596
|
size: "sm",
|
|
3575
|
-
className: u(
|
|
3597
|
+
className: u(J[`${j}__label-right-node`])
|
|
3576
3598
|
},
|
|
3577
|
-
|
|
3599
|
+
s
|
|
3578
3600
|
)
|
|
3579
3601
|
),
|
|
3580
|
-
/* @__PURE__ */ e.createElement("div", { className: u(
|
|
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(
|
|
3581
3603
|
za,
|
|
3582
3604
|
{
|
|
3583
|
-
className: u(
|
|
3605
|
+
className: u(J[`${j}__content__description`])
|
|
3584
3606
|
},
|
|
3585
3607
|
r
|
|
3586
3608
|
))
|
|
@@ -3605,13 +3627,13 @@ const ci = (t) => {
|
|
|
3605
3627
|
const c = u(xa[Ba], t);
|
|
3606
3628
|
return /* @__PURE__ */ e.createElement(
|
|
3607
3629
|
"div",
|
|
3608
|
-
|
|
3630
|
+
T(k(T(k({}, o), {
|
|
3609
3631
|
role: "group"
|
|
3610
3632
|
}), r && { "aria-label": r }), {
|
|
3611
3633
|
className: c
|
|
3612
3634
|
}),
|
|
3613
3635
|
(r || _) && /* @__PURE__ */ e.createElement("div", { className: xa[`${Ba}__header`] }, r && /* @__PURE__ */ e.createElement(
|
|
3614
|
-
|
|
3636
|
+
oe,
|
|
3615
3637
|
{
|
|
3616
3638
|
as: "div",
|
|
3617
3639
|
size: "sm",
|
|
@@ -3646,8 +3668,8 @@ const ci = (t) => {
|
|
|
3646
3668
|
}
|
|
3647
3669
|
)
|
|
3648
3670
|
}), gi = e.forwardRef(
|
|
3649
|
-
(
|
|
3650
|
-
var i =
|
|
3671
|
+
(s, c) => {
|
|
3672
|
+
var i = s, {
|
|
3651
3673
|
inputSize: t = "medium",
|
|
3652
3674
|
error: a = !1,
|
|
3653
3675
|
disabled: r,
|
|
@@ -3662,9 +3684,9 @@ const ci = (t) => {
|
|
|
3662
3684
|
"className",
|
|
3663
3685
|
"cropOnBlur"
|
|
3664
3686
|
]);
|
|
3665
|
-
const
|
|
3666
|
-
e.useImperativeHandle(c, () =>
|
|
3667
|
-
const [p, m] = e.useState(!1), [b,
|
|
3687
|
+
const d = e.useRef(null);
|
|
3688
|
+
e.useImperativeHandle(c, () => d.current, []);
|
|
3689
|
+
const [p, m] = e.useState(!1), [b, g] = e.useState(!1), { type: v, onFocus: h, onBlur: E } = n, y = u(
|
|
3668
3690
|
o,
|
|
3669
3691
|
Le[Oe],
|
|
3670
3692
|
Le[`${Oe}--${t}`],
|
|
@@ -3675,9 +3697,9 @@ const ci = (t) => {
|
|
|
3675
3697
|
[Le[`${Oe}--crop`]]: l,
|
|
3676
3698
|
[Le[`${Oe}--read-only`]]: n.readOnly
|
|
3677
3699
|
}
|
|
3678
|
-
), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left",
|
|
3700
|
+
), $ = r ? "var(--content-disabled)" : "var(--content-default)", w = b ? F_ : R_, C = _ && _.place === "left", f = _ && v !== "password" && _.place === "right", N = () => {
|
|
3679
3701
|
var S;
|
|
3680
|
-
(S =
|
|
3702
|
+
(S = d.current) == null || S.focus();
|
|
3681
3703
|
};
|
|
3682
3704
|
return /* @__PURE__ */ e.createElement(
|
|
3683
3705
|
B,
|
|
@@ -3691,8 +3713,8 @@ const ci = (t) => {
|
|
|
3691
3713
|
C && Yr(_, r),
|
|
3692
3714
|
/* @__PURE__ */ e.createElement(
|
|
3693
3715
|
"input",
|
|
3694
|
-
|
|
3695
|
-
ref:
|
|
3716
|
+
T(k({}, n), {
|
|
3717
|
+
ref: d,
|
|
3696
3718
|
onFocus: (S) => {
|
|
3697
3719
|
m(!0), h == null || h(S);
|
|
3698
3720
|
},
|
|
@@ -3703,7 +3725,7 @@ const ci = (t) => {
|
|
|
3703
3725
|
type: v && !b ? v : "text"
|
|
3704
3726
|
})
|
|
3705
3727
|
),
|
|
3706
|
-
|
|
3728
|
+
f && Yr(_, r),
|
|
3707
3729
|
v === "password" && /* @__PURE__ */ e.createElement(
|
|
3708
3730
|
W,
|
|
3709
3731
|
{
|
|
@@ -3711,7 +3733,7 @@ const ci = (t) => {
|
|
|
3711
3733
|
kind: "text",
|
|
3712
3734
|
size: "compact",
|
|
3713
3735
|
icon: /* @__PURE__ */ e.createElement(x, { customColor: $, source: w }),
|
|
3714
|
-
onClick: () =>
|
|
3736
|
+
onClick: () => g((S) => !S),
|
|
3715
3737
|
className: Le[`${Oe}__visibility-button`]
|
|
3716
3738
|
}
|
|
3717
3739
|
)
|
|
@@ -3738,7 +3760,7 @@ const ci = (t) => {
|
|
|
3738
3760
|
)
|
|
3739
3761
|
}, r)
|
|
3740
3762
|
);
|
|
3741
|
-
}, Xl = "lc-Modal-module__modal__body___M-jmN", Jl = "lc-Modal-module__modal__header___Fp5VE", jl = "lc-Modal-module__modal__heading___G9KVK", Ql = "lc-Modal-module__modal__footer___2LYdc",
|
|
3763
|
+
}, Xl = "lc-Modal-module__modal__body___M-jmN", Jl = "lc-Modal-module__modal__header___Fp5VE", jl = "lc-Modal-module__modal__heading___G9KVK", Ql = "lc-Modal-module__modal__footer___2LYdc", se = {
|
|
3742
3764
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
3743
3765
|
"fade-in": "lc-Modal-module__fade-in___gWlGs",
|
|
3744
3766
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
@@ -3754,8 +3776,8 @@ const ci = (t) => {
|
|
|
3754
3776
|
modal__heading: jl,
|
|
3755
3777
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
3756
3778
|
modal__footer: Ql
|
|
3757
|
-
}, qt = "modal-base", en = (
|
|
3758
|
-
var i =
|
|
3779
|
+
}, qt = "modal-base", en = (s) => {
|
|
3780
|
+
var i = s, {
|
|
3759
3781
|
children: t,
|
|
3760
3782
|
className: a = "",
|
|
3761
3783
|
onClose: r,
|
|
@@ -3772,16 +3794,16 @@ const ci = (t) => {
|
|
|
3772
3794
|
"fullSpaceContent",
|
|
3773
3795
|
"isLabelled"
|
|
3774
3796
|
]);
|
|
3775
|
-
const
|
|
3776
|
-
|
|
3797
|
+
const d = u(
|
|
3798
|
+
se[qt],
|
|
3777
3799
|
a,
|
|
3778
|
-
l &&
|
|
3800
|
+
l && se[`${qt}--full-space`]
|
|
3779
3801
|
);
|
|
3780
3802
|
e.useEffect(() => {
|
|
3781
3803
|
if (!_)
|
|
3782
3804
|
return;
|
|
3783
3805
|
const m = (b) => {
|
|
3784
|
-
b.key ===
|
|
3806
|
+
b.key === de.esc && r();
|
|
3785
3807
|
};
|
|
3786
3808
|
return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
|
|
3787
3809
|
}, [_]);
|
|
@@ -3794,9 +3816,9 @@ const ci = (t) => {
|
|
|
3794
3816
|
"data-testid": "lc-modal-overlay",
|
|
3795
3817
|
onMouseDown: p,
|
|
3796
3818
|
className: u(
|
|
3797
|
-
|
|
3798
|
-
|
|
3799
|
-
n &&
|
|
3819
|
+
se[`${qt}__overlay`],
|
|
3820
|
+
se[`${qt}__overlay--visible`],
|
|
3821
|
+
n && se[`${qt}__overlay--labelled`]
|
|
3800
3822
|
)
|
|
3801
3823
|
},
|
|
3802
3824
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3804,7 +3826,7 @@ const ci = (t) => {
|
|
|
3804
3826
|
k({
|
|
3805
3827
|
role: "dialog",
|
|
3806
3828
|
"aria-modal": !0,
|
|
3807
|
-
className:
|
|
3829
|
+
className: d
|
|
3808
3830
|
}, c),
|
|
3809
3831
|
t
|
|
3810
3832
|
)
|
|
@@ -3821,14 +3843,14 @@ const ci = (t) => {
|
|
|
3821
3843
|
"aria-label": "Close modal",
|
|
3822
3844
|
title: "Close modal",
|
|
3823
3845
|
className: u(
|
|
3824
|
-
|
|
3825
|
-
t &&
|
|
3846
|
+
se["modal-base__close"],
|
|
3847
|
+
t && se["modal-base__close--label-type"]
|
|
3826
3848
|
),
|
|
3827
3849
|
onClick: r,
|
|
3828
3850
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ie, size: "medium", customColor: a })
|
|
3829
3851
|
}
|
|
3830
3852
|
), dt = "modal", bi = (i) => {
|
|
3831
|
-
var
|
|
3853
|
+
var d = i, {
|
|
3832
3854
|
children: t,
|
|
3833
3855
|
className: a = "",
|
|
3834
3856
|
heading: r,
|
|
@@ -3837,7 +3859,7 @@ const ci = (t) => {
|
|
|
3837
3859
|
footer: l,
|
|
3838
3860
|
onClose: n,
|
|
3839
3861
|
contentClassName: c
|
|
3840
|
-
} =
|
|
3862
|
+
} = d, s = D(d, [
|
|
3841
3863
|
"children",
|
|
3842
3864
|
"className",
|
|
3843
3865
|
"heading",
|
|
@@ -3847,8 +3869,8 @@ const ci = (t) => {
|
|
|
3847
3869
|
"onClose",
|
|
3848
3870
|
"contentClassName"
|
|
3849
3871
|
]);
|
|
3850
|
-
const p = u(
|
|
3851
|
-
|
|
3872
|
+
const p = u(se[dt], a), m = typeof t == "string", b = (g) => {
|
|
3873
|
+
g.preventDefault(), g.stopPropagation(), n();
|
|
3852
3874
|
};
|
|
3853
3875
|
return /* @__PURE__ */ e.createElement(
|
|
3854
3876
|
en,
|
|
@@ -3857,13 +3879,13 @@ const ci = (t) => {
|
|
|
3857
3879
|
fullSpaceContent: o,
|
|
3858
3880
|
onClose: n,
|
|
3859
3881
|
isLabelled: !!_
|
|
3860
|
-
},
|
|
3861
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
3862
|
-
|
|
3882
|
+
}, s),
|
|
3883
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
3884
|
+
oe,
|
|
3863
3885
|
{
|
|
3864
3886
|
size: "sm",
|
|
3865
3887
|
as: "div",
|
|
3866
|
-
className:
|
|
3888
|
+
className: se[`${dt}__label-heading`]
|
|
3867
3889
|
},
|
|
3868
3890
|
_
|
|
3869
3891
|
), /* @__PURE__ */ e.createElement(
|
|
@@ -3877,16 +3899,16 @@ const ci = (t) => {
|
|
|
3877
3899
|
!_ && /* @__PURE__ */ e.createElement(
|
|
3878
3900
|
"div",
|
|
3879
3901
|
{
|
|
3880
|
-
className: u(
|
|
3881
|
-
[
|
|
3902
|
+
className: u(se[`${dt}__header`], {
|
|
3903
|
+
[se[`${dt}__header--without-heading`]]: !r
|
|
3882
3904
|
})
|
|
3883
3905
|
},
|
|
3884
3906
|
r && /* @__PURE__ */ e.createElement(
|
|
3885
|
-
|
|
3907
|
+
oe,
|
|
3886
3908
|
{
|
|
3887
3909
|
size: "sm",
|
|
3888
3910
|
as: "div",
|
|
3889
|
-
className:
|
|
3911
|
+
className: se[`${dt}__heading`]
|
|
3890
3912
|
},
|
|
3891
3913
|
r
|
|
3892
3914
|
),
|
|
@@ -3896,11 +3918,11 @@ const ci = (t) => {
|
|
|
3896
3918
|
"div",
|
|
3897
3919
|
{
|
|
3898
3920
|
"data-testid": "modal-body",
|
|
3899
|
-
className: u(
|
|
3921
|
+
className: u(se[`${dt}__body`], c)
|
|
3900
3922
|
},
|
|
3901
3923
|
m ? /* @__PURE__ */ e.createElement(B, { as: "div" }, t) : t
|
|
3902
3924
|
),
|
|
3903
|
-
l && /* @__PURE__ */ e.createElement("div", { className:
|
|
3925
|
+
l && /* @__PURE__ */ e.createElement("div", { className: se[`${dt}__footer`] }, l)
|
|
3904
3926
|
);
|
|
3905
3927
|
}, hi = ({
|
|
3906
3928
|
children: t,
|
|
@@ -3939,7 +3961,7 @@ const ci = (t) => {
|
|
|
3939
3961
|
k({
|
|
3940
3962
|
className: Zt[`${Xt}__heading-left-node`]
|
|
3941
3963
|
}, r)
|
|
3942
|
-
), /* @__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(oe, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
|
|
3943
3965
|
B,
|
|
3944
3966
|
{
|
|
3945
3967
|
as: "div",
|
|
@@ -3964,7 +3986,7 @@ const ci = (t) => {
|
|
|
3964
3986
|
}) => {
|
|
3965
3987
|
const c = u(Jt[jt], a);
|
|
3966
3988
|
return /* @__PURE__ */ e.createElement("div", { className: c }, r && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__icon`] }, r), _ && /* @__PURE__ */ e.createElement(
|
|
3967
|
-
|
|
3989
|
+
oe,
|
|
3968
3990
|
{
|
|
3969
3991
|
className: u(Jt[`${jt}__heading`], l)
|
|
3970
3992
|
},
|
|
@@ -3977,15 +3999,15 @@ const ci = (t) => {
|
|
|
3977
3999
|
},
|
|
3978
4000
|
t
|
|
3979
4001
|
), o && /* @__PURE__ */ e.createElement("div", { className: Jt[`${jt}__actions`] }, o));
|
|
3980
|
-
},
|
|
4002
|
+
}, Pt = {
|
|
3981
4003
|
"numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
|
|
3982
4004
|
"numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
|
|
3983
4005
|
"numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
|
|
3984
4006
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
3985
4007
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
3986
4008
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
3987
|
-
},
|
|
3988
|
-
var p =
|
|
4009
|
+
}, At = "numeric-input", Ei = (d) => {
|
|
4010
|
+
var p = d, {
|
|
3989
4011
|
className: t,
|
|
3990
4012
|
error: a,
|
|
3991
4013
|
value: r,
|
|
@@ -3994,7 +4016,7 @@ const ci = (t) => {
|
|
|
3994
4016
|
disabled: l,
|
|
3995
4017
|
noControls: n,
|
|
3996
4018
|
style: c,
|
|
3997
|
-
onChange:
|
|
4019
|
+
onChange: s
|
|
3998
4020
|
} = p, i = D(p, [
|
|
3999
4021
|
"className",
|
|
4000
4022
|
"error",
|
|
@@ -4007,38 +4029,38 @@ const ci = (t) => {
|
|
|
4007
4029
|
"onChange"
|
|
4008
4030
|
]);
|
|
4009
4031
|
const m = e.useRef(null), b = u(
|
|
4010
|
-
|
|
4032
|
+
Pt[At],
|
|
4011
4033
|
{
|
|
4012
|
-
[
|
|
4013
|
-
[
|
|
4014
|
-
[
|
|
4034
|
+
[Pt[`${At}--error`]]: a,
|
|
4035
|
+
[Pt[`${At}--no-controls`]]: n,
|
|
4036
|
+
[Pt[`${At}--disabled`]]: l
|
|
4015
4037
|
},
|
|
4016
4038
|
t
|
|
4017
|
-
),
|
|
4018
|
-
const N = parseInt(r, 10) +
|
|
4019
|
-
return
|
|
4020
|
-
}, E = (
|
|
4021
|
-
|
|
4022
|
-
}, y = (
|
|
4023
|
-
|
|
4024
|
-
const N =
|
|
4039
|
+
), g = (f) => s(String(f)), v = (f) => _ !== void 0 && f > _ ? _ : o !== void 0 && f < o ? o : f, h = (f) => {
|
|
4040
|
+
const N = parseInt(r, 10) + f;
|
|
4041
|
+
return g(v(N));
|
|
4042
|
+
}, E = (f) => {
|
|
4043
|
+
f.key === de.arrowDown && (f.preventDefault(), h(-1)), f.key === de.arrowUp && (f.preventDefault(), h(1));
|
|
4044
|
+
}, y = (f, N) => N !== void 0 && parseInt(f, 10) === N, $ = (f) => {
|
|
4045
|
+
f.preventDefault(), f.stopPropagation();
|
|
4046
|
+
const N = f.currentTarget.value.replace(
|
|
4025
4047
|
/((?!([-]|([-]?\d+))).)/,
|
|
4026
4048
|
""
|
|
4027
4049
|
);
|
|
4028
4050
|
if (N === "" || N === "-")
|
|
4029
|
-
return
|
|
4051
|
+
return g(N);
|
|
4030
4052
|
const S = parseInt(N, 10);
|
|
4031
|
-
return
|
|
4053
|
+
return g(v(S));
|
|
4032
4054
|
}, w = () => {
|
|
4033
|
-
var
|
|
4034
|
-
return (
|
|
4055
|
+
var f;
|
|
4056
|
+
return (f = m.current) == null || f.focus(), h(1);
|
|
4035
4057
|
}, C = () => {
|
|
4036
|
-
var
|
|
4037
|
-
return (
|
|
4058
|
+
var f;
|
|
4059
|
+
return (f = m.current) == null || f.focus(), h(-1);
|
|
4038
4060
|
};
|
|
4039
4061
|
return /* @__PURE__ */ e.createElement("div", { className: b, style: c }, /* @__PURE__ */ e.createElement(
|
|
4040
4062
|
"input",
|
|
4041
|
-
|
|
4063
|
+
T(k({
|
|
4042
4064
|
type: "text",
|
|
4043
4065
|
ref: m
|
|
4044
4066
|
}, i), {
|
|
@@ -4056,7 +4078,7 @@ const ci = (t) => {
|
|
|
4056
4078
|
disabled: l || y(r, _),
|
|
4057
4079
|
onClick: w,
|
|
4058
4080
|
"aria-label": "Increment value",
|
|
4059
|
-
className:
|
|
4081
|
+
className: Pt[`${At}__increment`],
|
|
4060
4082
|
type: "button"
|
|
4061
4083
|
},
|
|
4062
4084
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4073,7 +4095,7 @@ const ci = (t) => {
|
|
|
4073
4095
|
tabIndex: -1,
|
|
4074
4096
|
disabled: l || y(r, o),
|
|
4075
4097
|
"aria-label": "Decrement value",
|
|
4076
|
-
className:
|
|
4098
|
+
className: Pt[`${At}__decrement`],
|
|
4077
4099
|
onClick: C,
|
|
4078
4100
|
type: "button"
|
|
4079
4101
|
},
|
|
@@ -4086,7 +4108,7 @@ const ci = (t) => {
|
|
|
4086
4108
|
}
|
|
4087
4109
|
)
|
|
4088
4110
|
)));
|
|
4089
|
-
},
|
|
4111
|
+
}, ne = {
|
|
4090
4112
|
"checklist-item": "lc-CheckListItem-module__checklist-item___t4CCN",
|
|
4091
4113
|
"checklist-item--active": "lc-CheckListItem-module__checklist-item--active___mZ8df",
|
|
4092
4114
|
"checklist-item__check-mark": "lc-CheckListItem-module__checklist-item__check-mark___sZkv4",
|
|
@@ -4102,7 +4124,7 @@ const ci = (t) => {
|
|
|
4102
4124
|
"checklist-item__content__inner__description": "lc-CheckListItem-module__checklist-item__content__inner__description___FBp5h",
|
|
4103
4125
|
"checklist-item__content__inner__cta": "lc-CheckListItem-module__checklist-item__content__inner__cta___4s0rt",
|
|
4104
4126
|
"checklist-item__chevron": "lc-CheckListItem-module__checklist-item__chevron___1Fmqp"
|
|
4105
|
-
},
|
|
4127
|
+
}, ce = "checklist-item", tn = 3, an = ({
|
|
4106
4128
|
id: t,
|
|
4107
4129
|
isActive: a,
|
|
4108
4130
|
isChecked: r,
|
|
@@ -4112,58 +4134,58 @@ const ci = (t) => {
|
|
|
4112
4134
|
onClick: n,
|
|
4113
4135
|
cta: c
|
|
4114
4136
|
}) => {
|
|
4115
|
-
const
|
|
4137
|
+
const s = e.useRef(null), i = e.useRef(null), [d, p] = e.useState(0), m = e.useRef(d);
|
|
4116
4138
|
return e.useEffect(() => {
|
|
4117
|
-
a &&
|
|
4139
|
+
a && s.current && s.current.focus();
|
|
4118
4140
|
}, [a]), e.useEffect(() => {
|
|
4119
4141
|
const b = !!window.ResizeObserver;
|
|
4120
4142
|
if (i.current && b) {
|
|
4121
|
-
const
|
|
4143
|
+
const g = new ResizeObserver((v) => {
|
|
4122
4144
|
const h = v[0];
|
|
4123
4145
|
if (!h)
|
|
4124
4146
|
return;
|
|
4125
4147
|
const E = h.contentRect.height + tn;
|
|
4126
4148
|
m.current !== E && (p(E), m.current = E);
|
|
4127
4149
|
});
|
|
4128
|
-
return
|
|
4150
|
+
return g.observe(i.current), () => g.disconnect();
|
|
4129
4151
|
}
|
|
4130
4152
|
}, [i]), /* @__PURE__ */ e.createElement(
|
|
4131
4153
|
"div",
|
|
4132
4154
|
{
|
|
4133
|
-
className: u(
|
|
4134
|
-
[
|
|
4155
|
+
className: u(ne[ce], {
|
|
4156
|
+
[ne[`${ce}--active`]]: a
|
|
4135
4157
|
})
|
|
4136
4158
|
},
|
|
4137
4159
|
/* @__PURE__ */ e.createElement(
|
|
4138
4160
|
"span",
|
|
4139
4161
|
{
|
|
4140
|
-
className: u(
|
|
4141
|
-
[
|
|
4162
|
+
className: u(ne[`${ce}__check-mark`], {
|
|
4163
|
+
[ne[`${ce}__check-mark--checked`]]: r
|
|
4142
4164
|
})
|
|
4143
4165
|
},
|
|
4144
4166
|
r && /* @__PURE__ */ e.createElement(x, { size: "small", source: ia }),
|
|
4145
|
-
!_ && /* @__PURE__ */ e.createElement("span", { className:
|
|
4167
|
+
!_ && /* @__PURE__ */ e.createElement("span", { className: ne[`${ce}__check-mark__line`] })
|
|
4146
4168
|
),
|
|
4147
4169
|
/* @__PURE__ */ e.createElement(
|
|
4148
4170
|
"div",
|
|
4149
4171
|
{
|
|
4150
|
-
ref:
|
|
4172
|
+
ref: s,
|
|
4151
4173
|
"data-testid": `checklist-item-${t}`,
|
|
4152
4174
|
"aria-expanded": a,
|
|
4153
4175
|
tabIndex: 0,
|
|
4154
4176
|
onFocus: a ? void 0 : () => n(t),
|
|
4155
4177
|
onClick: a ? void 0 : () => n(t),
|
|
4156
|
-
className: u(
|
|
4157
|
-
[
|
|
4178
|
+
className: u(ne[`${ce}__content`], {
|
|
4179
|
+
[ne[`${ce}__content--open`]]: a
|
|
4158
4180
|
})
|
|
4159
4181
|
},
|
|
4160
4182
|
/* @__PURE__ */ e.createElement(
|
|
4161
|
-
|
|
4183
|
+
oe,
|
|
4162
4184
|
{
|
|
4163
4185
|
size: "xs",
|
|
4164
|
-
className: u(
|
|
4165
|
-
[
|
|
4166
|
-
[
|
|
4186
|
+
className: u(ne[`${ce}__content__label`], {
|
|
4187
|
+
[ne[`${ce}__content__label--open`]]: a,
|
|
4188
|
+
[ne[`${ce}__content__label--checked`]]: r
|
|
4167
4189
|
})
|
|
4168
4190
|
},
|
|
4169
4191
|
o
|
|
@@ -4171,24 +4193,24 @@ const ci = (t) => {
|
|
|
4171
4193
|
/* @__PURE__ */ e.createElement(
|
|
4172
4194
|
"div",
|
|
4173
4195
|
{
|
|
4174
|
-
className: u(
|
|
4175
|
-
[
|
|
4196
|
+
className: u(ne[`${ce}__content__inner`], {
|
|
4197
|
+
[ne[`${ce}__content__inner--open`]]: a
|
|
4176
4198
|
}),
|
|
4177
|
-
style: { maxHeight: a ?
|
|
4199
|
+
style: { maxHeight: a ? d : 0 }
|
|
4178
4200
|
},
|
|
4179
4201
|
/* @__PURE__ */ e.createElement("div", { ref: i }, /* @__PURE__ */ e.createElement(
|
|
4180
4202
|
B,
|
|
4181
4203
|
{
|
|
4182
4204
|
size: "lg",
|
|
4183
|
-
className:
|
|
4205
|
+
className: ne[`${ce}__content__inner__description`]
|
|
4184
4206
|
},
|
|
4185
4207
|
l
|
|
4186
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
4208
|
+
), /* @__PURE__ */ e.createElement("div", { className: ne[`${ce}__content__inner__cta`] }, c))
|
|
4187
4209
|
),
|
|
4188
|
-
!a && /* @__PURE__ */ e.createElement("div", { className:
|
|
4210
|
+
!a && /* @__PURE__ */ e.createElement("div", { className: ne[`${ce}__chevron`] }, /* @__PURE__ */ e.createElement(x, { source: La }))
|
|
4189
4211
|
)
|
|
4190
4212
|
);
|
|
4191
|
-
},
|
|
4213
|
+
}, Q = {
|
|
4192
4214
|
"onboarding-checklist": "lc-OnboardingChecklist-module__onboarding-checklist___xwJSs",
|
|
4193
4215
|
"onboarding-checklist--complete": "lc-OnboardingChecklist-module__onboarding-checklist--complete___7guKi",
|
|
4194
4216
|
"onboarding-checklist__complete": "lc-OnboardingChecklist-module__onboarding-checklist__complete___MWabe",
|
|
@@ -4205,7 +4227,7 @@ const ci = (t) => {
|
|
|
4205
4227
|
"onboarding-checklist__button": "lc-OnboardingChecklist-module__onboarding-checklist__button___Gnl9l",
|
|
4206
4228
|
"onboarding-checklist__button__icon": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon___oW59S",
|
|
4207
4229
|
"onboarding-checklist__button__icon--open": "lc-OnboardingChecklist-module__onboarding-checklist__button__icon--open___HrIjs"
|
|
4208
|
-
},
|
|
4230
|
+
}, ee = "onboarding-checklist", yi = ({
|
|
4209
4231
|
activeItemId: t,
|
|
4210
4232
|
completedItemsIds: a,
|
|
4211
4233
|
title: r,
|
|
@@ -4214,18 +4236,18 @@ const ci = (t) => {
|
|
|
4214
4236
|
onActiveChange: l,
|
|
4215
4237
|
placeholderClassName: n,
|
|
4216
4238
|
isCompleted: c = !1,
|
|
4217
|
-
completionMessageData:
|
|
4239
|
+
completionMessageData: s,
|
|
4218
4240
|
className: i
|
|
4219
4241
|
}) => {
|
|
4220
4242
|
var $;
|
|
4221
|
-
const [
|
|
4243
|
+
const [d, p] = e.useState(c), [m, b] = e.useState(!c), [g, v] = e.useState(void 0), h = e.useRef(null), E = s.height || 96, y = () => {
|
|
4222
4244
|
b((w) => !w);
|
|
4223
4245
|
};
|
|
4224
4246
|
return e.useEffect(() => {
|
|
4225
|
-
const w =
|
|
4247
|
+
const w = s.delay || 1500, C = h.current;
|
|
4226
4248
|
if (c && C) {
|
|
4227
|
-
const
|
|
4228
|
-
v(
|
|
4249
|
+
const f = C.offsetHeight;
|
|
4250
|
+
v(f);
|
|
4229
4251
|
const N = setTimeout(() => {
|
|
4230
4252
|
p(!0), b(!1);
|
|
4231
4253
|
}, w);
|
|
@@ -4238,31 +4260,31 @@ const ci = (t) => {
|
|
|
4238
4260
|
{
|
|
4239
4261
|
ref: h,
|
|
4240
4262
|
className: u(
|
|
4241
|
-
|
|
4263
|
+
Q[ee],
|
|
4242
4264
|
{
|
|
4243
|
-
[
|
|
4265
|
+
[Q[`${ee}--complete`]]: d && !m
|
|
4244
4266
|
},
|
|
4245
4267
|
i
|
|
4246
4268
|
),
|
|
4247
4269
|
style: {
|
|
4248
|
-
height: !
|
|
4270
|
+
height: !d || m ? g : E
|
|
4249
4271
|
}
|
|
4250
4272
|
},
|
|
4251
|
-
m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className:
|
|
4273
|
+
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(
|
|
4252
4274
|
B,
|
|
4253
4275
|
{
|
|
4254
4276
|
size: "lg",
|
|
4255
|
-
className:
|
|
4277
|
+
className: Q[`${ee}__header__label`]
|
|
4256
4278
|
},
|
|
4257
4279
|
_
|
|
4258
4280
|
), /* @__PURE__ */ e.createElement(
|
|
4259
|
-
|
|
4281
|
+
oe,
|
|
4260
4282
|
{
|
|
4261
4283
|
size: "lg",
|
|
4262
|
-
className:
|
|
4284
|
+
className: Q[`${ee}__header__title`]
|
|
4263
4285
|
},
|
|
4264
4286
|
r
|
|
4265
|
-
)), /* @__PURE__ */ e.createElement("div", { className:
|
|
4287
|
+
)), /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__checklist`] }, o.map((w, C) => /* @__PURE__ */ e.createElement(
|
|
4266
4288
|
an,
|
|
4267
4289
|
{
|
|
4268
4290
|
key: C,
|
|
@@ -4279,37 +4301,37 @@ const ci = (t) => {
|
|
|
4279
4301
|
"div",
|
|
4280
4302
|
{
|
|
4281
4303
|
className: u(
|
|
4282
|
-
|
|
4283
|
-
|
|
4304
|
+
Q[`${ee}__column`],
|
|
4305
|
+
Q[`${ee}__column--right`],
|
|
4284
4306
|
n
|
|
4285
4307
|
)
|
|
4286
4308
|
},
|
|
4287
|
-
!c && /* @__PURE__ */ e.createElement("div", { className:
|
|
4288
|
-
c && /* @__PURE__ */ e.createElement("div", { className:
|
|
4309
|
+
!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`] }, s.placeholder)
|
|
4289
4311
|
)),
|
|
4290
|
-
!m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className:
|
|
4312
|
+
!m && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: Q[`${ee}__complete`] }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
4291
4313
|
x,
|
|
4292
4314
|
{
|
|
4293
4315
|
size: "large",
|
|
4294
|
-
className:
|
|
4316
|
+
className: Q[`${ee}__complete__icon`],
|
|
4295
4317
|
source: vr
|
|
4296
4318
|
}
|
|
4297
|
-
)), /* @__PURE__ */ e.createElement("div", null, (
|
|
4319
|
+
)), /* @__PURE__ */ e.createElement("div", null, (s == null ? void 0 : s.greetingText) && /* @__PURE__ */ e.createElement(
|
|
4298
4320
|
B,
|
|
4299
4321
|
{
|
|
4300
4322
|
size: "lg",
|
|
4301
|
-
className:
|
|
4323
|
+
className: Q[`${ee}__complete__label`]
|
|
4302
4324
|
},
|
|
4303
|
-
|
|
4325
|
+
s.greetingText
|
|
4304
4326
|
), /* @__PURE__ */ e.createElement(
|
|
4305
|
-
|
|
4327
|
+
oe,
|
|
4306
4328
|
{
|
|
4307
4329
|
size: "sm",
|
|
4308
|
-
className:
|
|
4330
|
+
className: Q[`${ee}__complete__title`]
|
|
4309
4331
|
},
|
|
4310
|
-
|
|
4332
|
+
s.title
|
|
4311
4333
|
)))),
|
|
4312
|
-
|
|
4334
|
+
d && /* @__PURE__ */ e.createElement(
|
|
4313
4335
|
W,
|
|
4314
4336
|
{
|
|
4315
4337
|
kind: m ? "float" : "text",
|
|
@@ -4318,12 +4340,12 @@ const ci = (t) => {
|
|
|
4318
4340
|
{
|
|
4319
4341
|
source: Ot,
|
|
4320
4342
|
className: u(
|
|
4321
|
-
|
|
4322
|
-
m &&
|
|
4343
|
+
Q[`${ee}__button__icon`],
|
|
4344
|
+
m && Q[`${ee}__button__icon--open`]
|
|
4323
4345
|
)
|
|
4324
4346
|
}
|
|
4325
4347
|
),
|
|
4326
|
-
className:
|
|
4348
|
+
className: Q[`${ee}__button`],
|
|
4327
4349
|
onClick: y,
|
|
4328
4350
|
"aria-expanded": m
|
|
4329
4351
|
}
|
|
@@ -4359,7 +4381,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4359
4381
|
"picker-list__item__label": "lc-PickerListItem-module__picker-list__item__label___e0uwB",
|
|
4360
4382
|
"picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
|
|
4361
4383
|
"picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
|
|
4362
|
-
},
|
|
4384
|
+
}, Pe = "picker-list__item", nn = ({
|
|
4363
4385
|
index: t,
|
|
4364
4386
|
isActive: a,
|
|
4365
4387
|
isSelected: r,
|
|
@@ -4369,37 +4391,37 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4369
4391
|
item: n,
|
|
4370
4392
|
numberOfItems: c
|
|
4371
4393
|
}) => {
|
|
4372
|
-
const
|
|
4394
|
+
const s = (d) => d != null && d.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, d.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, d.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
4373
4395
|
Dl,
|
|
4374
4396
|
{
|
|
4375
|
-
className: fe[`${
|
|
4397
|
+
className: fe[`${Pe}__checkbox`],
|
|
4376
4398
|
checked: r
|
|
4377
4399
|
}
|
|
4378
|
-
),
|
|
4400
|
+
), d.icon && /* @__PURE__ */ e.createElement(
|
|
4379
4401
|
x,
|
|
4380
4402
|
{
|
|
4381
|
-
className: fe[`${
|
|
4403
|
+
className: fe[`${Pe}__icon`],
|
|
4382
4404
|
kind: "link",
|
|
4383
|
-
source:
|
|
4405
|
+
source: d.icon
|
|
4384
4406
|
}
|
|
4385
|
-
),
|
|
4407
|
+
), d.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
4386
4408
|
"img",
|
|
4387
4409
|
{
|
|
4388
|
-
className: u(fe[`${
|
|
4389
|
-
src:
|
|
4390
|
-
alt:
|
|
4410
|
+
className: u(fe[`${Pe}__avatar`]),
|
|
4411
|
+
src: d.avatarSrc,
|
|
4412
|
+
alt: d.name
|
|
4391
4413
|
}
|
|
4392
|
-
), /* @__PURE__ */ e.createElement("div", { className: fe[`${
|
|
4414
|
+
), /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
4393
4415
|
B,
|
|
4394
4416
|
{
|
|
4395
4417
|
as: "span",
|
|
4396
|
-
className: u([fe[`${
|
|
4397
|
-
[fe[`${
|
|
4418
|
+
className: u([fe[`${Pe}__label`]], {
|
|
4419
|
+
[fe[`${Pe}__main-label`]]: d.secondaryText
|
|
4398
4420
|
}),
|
|
4399
|
-
"aria-disabled":
|
|
4421
|
+
"aria-disabled": d.disabled
|
|
4400
4422
|
},
|
|
4401
|
-
|
|
4402
|
-
),
|
|
4423
|
+
d.name
|
|
4424
|
+
), d.secondaryText && /* @__PURE__ */ e.createElement("span", { className: fe[`${Pe}__secondary-label`] }, d.secondaryText)));
|
|
4403
4425
|
if (n.groupHeader)
|
|
4404
4426
|
return /* @__PURE__ */ e.createElement(
|
|
4405
4427
|
"div",
|
|
@@ -4407,21 +4429,21 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4407
4429
|
id: `item-${t}`,
|
|
4408
4430
|
key: n.key,
|
|
4409
4431
|
role: "group",
|
|
4410
|
-
className: fe[`${
|
|
4432
|
+
className: fe[`${Pe}__header`]
|
|
4411
4433
|
}, l()),
|
|
4412
|
-
/* @__PURE__ */ e.createElement(
|
|
4434
|
+
/* @__PURE__ */ e.createElement(oe, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, n.name)
|
|
4413
4435
|
);
|
|
4414
|
-
const i = (
|
|
4415
|
-
!n.disabled && o(
|
|
4436
|
+
const i = (d) => {
|
|
4437
|
+
!n.disabled && o(d);
|
|
4416
4438
|
};
|
|
4417
4439
|
return /* @__PURE__ */ e.createElement(
|
|
4418
4440
|
"div",
|
|
4419
|
-
|
|
4441
|
+
T(k({
|
|
4420
4442
|
id: n.key,
|
|
4421
4443
|
key: n.key,
|
|
4422
4444
|
tabIndex: a ? 0 : -1,
|
|
4423
|
-
ref: (
|
|
4424
|
-
|
|
4445
|
+
ref: (d) => {
|
|
4446
|
+
d && (_.current[t] = d);
|
|
4425
4447
|
},
|
|
4426
4448
|
role: "option",
|
|
4427
4449
|
"aria-setsize": c,
|
|
@@ -4440,11 +4462,11 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4440
4462
|
"aria-selected": r,
|
|
4441
4463
|
"aria-disabled": n.disabled,
|
|
4442
4464
|
"aria-current": a && !n.disabled,
|
|
4443
|
-
className: u(fe[
|
|
4444
|
-
[fe[`${
|
|
4465
|
+
className: u(fe[Pe], {
|
|
4466
|
+
[fe[`${Pe}--select-all`]]: n.key === Mt
|
|
4445
4467
|
})
|
|
4446
4468
|
},
|
|
4447
|
-
|
|
4469
|
+
s(n),
|
|
4448
4470
|
r && !n.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
4449
4471
|
x,
|
|
4450
4472
|
{
|
|
@@ -4469,13 +4491,13 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4469
4491
|
activeIndex: l,
|
|
4470
4492
|
selectedKeys: n,
|
|
4471
4493
|
listElementsRef: c,
|
|
4472
|
-
setPointer:
|
|
4494
|
+
setPointer: s,
|
|
4473
4495
|
onSelect: i,
|
|
4474
|
-
getFloatingProps:
|
|
4496
|
+
getFloatingProps: d,
|
|
4475
4497
|
getItemProps: p,
|
|
4476
4498
|
emptyStateText: m = "No results found",
|
|
4477
4499
|
pickerType: b = "single",
|
|
4478
|
-
listClassName:
|
|
4500
|
+
listClassName: g,
|
|
4479
4501
|
virtuosoProps: v
|
|
4480
4502
|
}) => {
|
|
4481
4503
|
const [h, E] = e.useState(0), y = o.length, $ = e.useCallback(
|
|
@@ -4484,7 +4506,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4484
4506
|
},
|
|
4485
4507
|
[y]
|
|
4486
4508
|
);
|
|
4487
|
-
if (
|
|
4509
|
+
if (Ft(() => {
|
|
4488
4510
|
c.current = new Array(o.length);
|
|
4489
4511
|
}, [o.length]), o.length === 0)
|
|
4490
4512
|
return /* @__PURE__ */ e.createElement(mr, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
@@ -4504,8 +4526,8 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4504
4526
|
"data-testid": "picker-list",
|
|
4505
4527
|
ref: a,
|
|
4506
4528
|
tabIndex: -1,
|
|
4507
|
-
className: u(Qt.listbox,
|
|
4508
|
-
style:
|
|
4529
|
+
className: u(Qt.listbox, g),
|
|
4530
|
+
style: T(k({}, r), {
|
|
4509
4531
|
maxHeight: _
|
|
4510
4532
|
})
|
|
4511
4533
|
},
|
|
@@ -4515,36 +4537,36 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4515
4537
|
tabIndex: 0,
|
|
4516
4538
|
"aria-multiselectable": b === "multi",
|
|
4517
4539
|
className: Qt["listbox-wrapper"]
|
|
4518
|
-
},
|
|
4540
|
+
}, d({
|
|
4519
4541
|
onKeyDown(C) {
|
|
4520
|
-
|
|
4542
|
+
s(!1), C.key === "Enter" && l !== null && i(o[l].key), C.key === " " && C.preventDefault();
|
|
4521
4543
|
},
|
|
4522
4544
|
onKeyUp(C) {
|
|
4523
4545
|
C.key === " " && l !== null && i(o[l].key);
|
|
4524
4546
|
},
|
|
4525
4547
|
onPointerMove() {
|
|
4526
|
-
|
|
4548
|
+
s(!0);
|
|
4527
4549
|
}
|
|
4528
4550
|
})),
|
|
4529
4551
|
/* @__PURE__ */ e.createElement(
|
|
4530
4552
|
lo,
|
|
4531
|
-
|
|
4553
|
+
T(k({
|
|
4532
4554
|
totalListHeightChanged: $,
|
|
4533
4555
|
style: { height: `${h}px`, maxHeight: _ },
|
|
4534
4556
|
totalCount: o.length,
|
|
4535
4557
|
data: o,
|
|
4536
4558
|
increaseViewportBy: 200
|
|
4537
4559
|
}, v), {
|
|
4538
|
-
itemContent: (C,
|
|
4560
|
+
itemContent: (C, f) => /* @__PURE__ */ e.createElement(
|
|
4539
4561
|
nn,
|
|
4540
4562
|
{
|
|
4541
4563
|
index: C,
|
|
4542
4564
|
getItemProps: p,
|
|
4543
4565
|
listElementsRef: c,
|
|
4544
4566
|
isActive: l === C,
|
|
4545
|
-
isSelected: w(
|
|
4567
|
+
isSelected: w(f.key),
|
|
4546
4568
|
onSelect: i,
|
|
4547
|
-
item:
|
|
4569
|
+
item: f,
|
|
4548
4570
|
numberOfItems: y
|
|
4549
4571
|
}
|
|
4550
4572
|
)
|
|
@@ -4570,7 +4592,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4570
4592
|
"picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
|
|
4571
4593
|
"picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
|
|
4572
4594
|
"picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
|
|
4573
|
-
},
|
|
4595
|
+
}, ie = "picker-trigger", dn = ({
|
|
4574
4596
|
setReference: t,
|
|
4575
4597
|
getReferenceProps: a,
|
|
4576
4598
|
testId: r,
|
|
@@ -4579,33 +4601,33 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4579
4601
|
isItemSelected: l,
|
|
4580
4602
|
hideClearButton: n,
|
|
4581
4603
|
isDisabled: c,
|
|
4582
|
-
isRequired:
|
|
4604
|
+
isRequired: s,
|
|
4583
4605
|
isOpen: i,
|
|
4584
|
-
isError:
|
|
4606
|
+
isError: d,
|
|
4585
4607
|
onClear: p,
|
|
4586
4608
|
children: m,
|
|
4587
4609
|
setTriggerFocus: b
|
|
4588
4610
|
}) => {
|
|
4589
|
-
const
|
|
4590
|
-
be[
|
|
4591
|
-
be[`${
|
|
4592
|
-
o && be[`${
|
|
4593
|
-
o && l && be[`${
|
|
4594
|
-
c && be[`${
|
|
4595
|
-
i && be[`${
|
|
4596
|
-
|
|
4597
|
-
), v = !n && l && !c && !
|
|
4611
|
+
const g = u(
|
|
4612
|
+
be[ie],
|
|
4613
|
+
be[`${ie}--${_}`],
|
|
4614
|
+
o && be[`${ie}--multi-select`],
|
|
4615
|
+
o && l && be[`${ie}--multi-select--with-items`],
|
|
4616
|
+
c && be[`${ie}--disabled`],
|
|
4617
|
+
i && be[`${ie}--focused`],
|
|
4618
|
+
d && be[`${ie}--error`]
|
|
4619
|
+
), v = !n && l && !c && !s, h = (E) => {
|
|
4598
4620
|
E.stopPropagation(), p();
|
|
4599
4621
|
};
|
|
4600
4622
|
return e.useEffect(() => {
|
|
4601
4623
|
i || b(!1);
|
|
4602
4624
|
}, [i]), /* @__PURE__ */ e.createElement(
|
|
4603
4625
|
"button",
|
|
4604
|
-
|
|
4626
|
+
T(k({
|
|
4605
4627
|
tabIndex: c ? -1 : 0,
|
|
4606
4628
|
"aria-disabled": c,
|
|
4607
4629
|
disabled: c,
|
|
4608
|
-
className:
|
|
4630
|
+
className: g,
|
|
4609
4631
|
"data-testid": r,
|
|
4610
4632
|
ref: t,
|
|
4611
4633
|
type: "button"
|
|
@@ -4618,9 +4640,9 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4618
4640
|
{
|
|
4619
4641
|
as: "div",
|
|
4620
4642
|
className: u(
|
|
4621
|
-
be[`${
|
|
4622
|
-
be[`${
|
|
4623
|
-
o && l && be[`${
|
|
4643
|
+
be[`${ie}__content`],
|
|
4644
|
+
be[`${ie}__content--${_}`],
|
|
4645
|
+
o && l && be[`${ie}__content--with-items`]
|
|
4624
4646
|
)
|
|
4625
4647
|
},
|
|
4626
4648
|
m
|
|
@@ -4629,15 +4651,15 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4629
4651
|
"div",
|
|
4630
4652
|
{
|
|
4631
4653
|
className: u(
|
|
4632
|
-
be[`${
|
|
4633
|
-
be[`${
|
|
4654
|
+
be[`${ie}__controls`],
|
|
4655
|
+
be[`${ie}__controls--${_}`]
|
|
4634
4656
|
)
|
|
4635
4657
|
},
|
|
4636
4658
|
v && /* @__PURE__ */ e.createElement(
|
|
4637
4659
|
"div",
|
|
4638
4660
|
{
|
|
4639
|
-
"data-testid": `${
|
|
4640
|
-
className: be[`${
|
|
4661
|
+
"data-testid": `${ie}__clear-icon`,
|
|
4662
|
+
className: be[`${ie}__clear-icon`],
|
|
4641
4663
|
onClick: h
|
|
4642
4664
|
},
|
|
4643
4665
|
/* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ie })
|
|
@@ -4645,7 +4667,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4645
4667
|
/* @__PURE__ */ e.createElement(
|
|
4646
4668
|
x,
|
|
4647
4669
|
{
|
|
4648
|
-
className: be[`${
|
|
4670
|
+
className: be[`${ie}__chevron-icon`],
|
|
4649
4671
|
source: i ? Oa : Ot,
|
|
4650
4672
|
size: "medium",
|
|
4651
4673
|
disabled: c
|
|
@@ -4697,13 +4719,13 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4697
4719
|
size: l = "medium",
|
|
4698
4720
|
kind: n = "default",
|
|
4699
4721
|
onRemove: c,
|
|
4700
|
-
outline:
|
|
4722
|
+
outline: s = !1,
|
|
4701
4723
|
leftNode: i,
|
|
4702
|
-
rightNode:
|
|
4724
|
+
rightNode: d,
|
|
4703
4725
|
customColor: p,
|
|
4704
4726
|
iconOnly: m = !1,
|
|
4705
4727
|
value: b
|
|
4706
|
-
} = h,
|
|
4728
|
+
} = h, g = D(h, [
|
|
4707
4729
|
"className",
|
|
4708
4730
|
"children",
|
|
4709
4731
|
"dismissible",
|
|
@@ -4725,26 +4747,26 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4725
4747
|
we[`${Ce}--${l}`],
|
|
4726
4748
|
we[`${Ce}--${n}`],
|
|
4727
4749
|
{
|
|
4728
|
-
[we[`${Ce}--outline`]]:
|
|
4750
|
+
[we[`${Ce}--outline`]]: s,
|
|
4729
4751
|
[we[`${Ce}--${fn(p)}`]]: !!p,
|
|
4730
4752
|
[we[`${Ce}--icon-only`]]: m,
|
|
4731
4753
|
[we[`${Ce}--dismissible-on-hover`]]: E
|
|
4732
4754
|
}
|
|
4733
|
-
), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ?
|
|
4755
|
+
), $ = l === "small" ? "small" : "medium", w = l === "small" ? "sm" : "md", C = () => p ? s ? {
|
|
4734
4756
|
style: {
|
|
4735
4757
|
backgroundColor: "transparent",
|
|
4736
4758
|
color: p,
|
|
4737
4759
|
borderColor: p
|
|
4738
4760
|
}
|
|
4739
|
-
} : { style: { backgroundColor: p } } : {},
|
|
4761
|
+
} : { style: { backgroundColor: p } } : {}, f = () => {
|
|
4740
4762
|
if (p)
|
|
4741
|
-
return
|
|
4763
|
+
return s ? p : yr(p, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
4742
4764
|
};
|
|
4743
4765
|
return /* @__PURE__ */ e.createElement(
|
|
4744
4766
|
B,
|
|
4745
|
-
|
|
4767
|
+
T(k(k({
|
|
4746
4768
|
className: y
|
|
4747
|
-
},
|
|
4769
|
+
}, g), C()), {
|
|
4748
4770
|
as: "div",
|
|
4749
4771
|
size: w
|
|
4750
4772
|
}),
|
|
@@ -4753,17 +4775,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4753
4775
|
{
|
|
4754
4776
|
"data-testid": "lc-tag-left-node",
|
|
4755
4777
|
className: we[`${Ce}__node`],
|
|
4756
|
-
style: { color:
|
|
4778
|
+
style: { color: f() }
|
|
4757
4779
|
},
|
|
4758
4780
|
i
|
|
4759
|
-
), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a),
|
|
4781
|
+
), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, b || a), d && !m && /* @__PURE__ */ e.createElement(
|
|
4760
4782
|
"div",
|
|
4761
4783
|
{
|
|
4762
4784
|
"data-testid": "lc-tag-right-node",
|
|
4763
4785
|
className: we[`${Ce}__node`],
|
|
4764
|
-
style: { color:
|
|
4786
|
+
style: { color: f() }
|
|
4765
4787
|
},
|
|
4766
|
-
|
|
4788
|
+
d
|
|
4767
4789
|
)),
|
|
4768
4790
|
c && !o && /* @__PURE__ */ e.createElement(
|
|
4769
4791
|
"span",
|
|
@@ -4783,7 +4805,7 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4783
4805
|
"data-dismiss-icon": !0,
|
|
4784
4806
|
source: Ie,
|
|
4785
4807
|
size: $,
|
|
4786
|
-
customColor:
|
|
4808
|
+
customColor: f()
|
|
4787
4809
|
}
|
|
4788
4810
|
)
|
|
4789
4811
|
)
|
|
@@ -4815,39 +4837,39 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4815
4837
|
type: l,
|
|
4816
4838
|
clearSearchAfterSelection: n,
|
|
4817
4839
|
size: c = "medium",
|
|
4818
|
-
onItemRemove:
|
|
4840
|
+
onItemRemove: s,
|
|
4819
4841
|
onSelect: i,
|
|
4820
|
-
onFilter:
|
|
4842
|
+
onFilter: d,
|
|
4821
4843
|
onClear: p,
|
|
4822
4844
|
searchPhrase: m,
|
|
4823
4845
|
virtualItemRef: b,
|
|
4824
|
-
isTriggerFocused:
|
|
4846
|
+
isTriggerFocused: g,
|
|
4825
4847
|
inputRef: v
|
|
4826
4848
|
}) => {
|
|
4827
4849
|
const h = t && !a;
|
|
4828
4850
|
e.useEffect(() => {
|
|
4829
4851
|
n && v != null && v.current && v.current.focus();
|
|
4830
4852
|
}, [o, n]);
|
|
4831
|
-
const E = (
|
|
4832
|
-
|
|
4853
|
+
const E = (f) => {
|
|
4854
|
+
f.key === "Backspace" && o && o.length > 0 && (f.preventDefault(), l === "multi" ? s(o[o.length - 1].key) : p()), f.key === "Delete" && (f.preventDefault(), p());
|
|
4833
4855
|
};
|
|
4834
|
-
e.useEffect(() => (!t &&
|
|
4835
|
-
const y = (
|
|
4856
|
+
e.useEffect(() => (!t && g ? document.addEventListener("keydown", E) : document.removeEventListener("keydown", E), () => document.removeEventListener("keydown", E)), [t, o, g]);
|
|
4857
|
+
const y = (f) => l === "single" && t && !a ? null : f != null && f.customElement ? /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item`] }, f.icon && /* @__PURE__ */ e.createElement(
|
|
4836
4858
|
x,
|
|
4837
4859
|
{
|
|
4838
|
-
source:
|
|
4860
|
+
source: f.icon,
|
|
4839
4861
|
className: he[`${ve}__item__icon`]
|
|
4840
4862
|
}
|
|
4841
|
-
),
|
|
4863
|
+
), f.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
4842
4864
|
"img",
|
|
4843
4865
|
{
|
|
4844
|
-
src:
|
|
4866
|
+
src: f.avatarSrc,
|
|
4845
4867
|
alt: "",
|
|
4846
4868
|
className: he[`${ve}__item__avatar`]
|
|
4847
4869
|
}
|
|
4848
|
-
), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] },
|
|
4870
|
+
), /* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item__content`] }, f.name)), $ = (f) => d(f.target.value), w = (f) => {
|
|
4849
4871
|
var N, S;
|
|
4850
|
-
(N = b.current) != null && N.id &&
|
|
4872
|
+
(N = b.current) != null && N.id && f.key === "Enter" && i((S = b.current) == null ? void 0 : S.id), l === "multi" && (f.key === "Backspace" || f.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
|
|
4851
4873
|
}, C = () => /* @__PURE__ */ e.createElement(
|
|
4852
4874
|
"input",
|
|
4853
4875
|
{
|
|
@@ -4879,20 +4901,20 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4879
4901
|
[he[`${ve}--single`]]: l === "single"
|
|
4880
4902
|
})
|
|
4881
4903
|
},
|
|
4882
|
-
/* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? y(o[0]) : o.map((
|
|
4904
|
+
/* @__PURE__ */ e.createElement("div", { className: he[`${ve}__item-container`] }, l === "single" ? y(o[0]) : o.map((f) => /* @__PURE__ */ e.createElement(
|
|
4883
4905
|
h_,
|
|
4884
4906
|
{
|
|
4885
|
-
key:
|
|
4907
|
+
key: f.key,
|
|
4886
4908
|
className: u(
|
|
4887
4909
|
he[`${ve}__tag`],
|
|
4888
4910
|
he[`${ve}__tag--${c}`]
|
|
4889
4911
|
),
|
|
4890
4912
|
disabled: r,
|
|
4891
4913
|
onRemove: (N) => {
|
|
4892
|
-
N.stopPropagation(),
|
|
4914
|
+
N.stopPropagation(), s(f.key);
|
|
4893
4915
|
}
|
|
4894
4916
|
},
|
|
4895
|
-
y(
|
|
4917
|
+
y(f)
|
|
4896
4918
|
))),
|
|
4897
4919
|
h && C()
|
|
4898
4920
|
);
|
|
@@ -4905,17 +4927,17 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4905
4927
|
floatingStrategy: l,
|
|
4906
4928
|
useDismissHookProps: n,
|
|
4907
4929
|
useClickHookProps: c,
|
|
4908
|
-
isOpen:
|
|
4930
|
+
isOpen: s,
|
|
4909
4931
|
onVisibilityChange: i,
|
|
4910
|
-
searchPhrase:
|
|
4932
|
+
searchPhrase: d
|
|
4911
4933
|
}) => {
|
|
4912
|
-
const p = sa(), [m, b] = e.useState(!1), [
|
|
4934
|
+
const p = sa(), [m, b] = e.useState(!1), [g, v] = e.useState(null), [h, E] = e.useState(o), y = e.useRef([]), $ = e.useRef(null);
|
|
4913
4935
|
e.useEffect(() => {
|
|
4914
4936
|
$.current = null, v(null);
|
|
4915
|
-
}, [
|
|
4916
|
-
const { refs: w, floatingStyles: C, context:
|
|
4937
|
+
}, [d]);
|
|
4938
|
+
const { refs: w, floatingStyles: C, context: f, isPositioned: N } = da({
|
|
4917
4939
|
nodeId: p,
|
|
4918
|
-
open:
|
|
4940
|
+
open: s,
|
|
4919
4941
|
strategy: l,
|
|
4920
4942
|
onOpenChange: i,
|
|
4921
4943
|
whileElementsMounted: ma,
|
|
@@ -4925,50 +4947,50 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4925
4947
|
Ua({ padding: 10 }),
|
|
4926
4948
|
Er(),
|
|
4927
4949
|
__({
|
|
4928
|
-
apply({ availableHeight:
|
|
4950
|
+
apply({ availableHeight: L, rects: U, elements: $e }) {
|
|
4929
4951
|
l_.flushSync(() => {
|
|
4930
4952
|
E(
|
|
4931
4953
|
Math.max(
|
|
4932
|
-
Math.min(o,
|
|
4954
|
+
Math.min(o, L),
|
|
4933
4955
|
_
|
|
4934
4956
|
)
|
|
4935
4957
|
);
|
|
4936
4958
|
}), Object.assign($e.floating.style, {
|
|
4937
|
-
width: `${
|
|
4959
|
+
width: `${U.reference.width}px`
|
|
4938
4960
|
});
|
|
4939
4961
|
},
|
|
4940
4962
|
padding: hn
|
|
4941
4963
|
})
|
|
4942
4964
|
]
|
|
4943
|
-
}), S = pa(
|
|
4965
|
+
}), S = pa(f, k({
|
|
4944
4966
|
enabled: !t,
|
|
4945
4967
|
keyboardHandlers: !1,
|
|
4946
4968
|
toggle: !1
|
|
4947
|
-
}, c)), M = fa(
|
|
4969
|
+
}, c)), M = fa(f, { role: "listbox" }), G = ga(f, n), I = ao(f, {
|
|
4948
4970
|
enabled: a.length > 0 && !t,
|
|
4949
4971
|
listRef: y,
|
|
4950
|
-
activeIndex:
|
|
4972
|
+
activeIndex: g,
|
|
4951
4973
|
onNavigate: v,
|
|
4952
4974
|
virtual: !0,
|
|
4953
4975
|
virtualItemRef: $,
|
|
4954
4976
|
disabledIndices: ln(
|
|
4955
4977
|
a,
|
|
4956
|
-
(
|
|
4978
|
+
(L) => !!L.disabled || !!L.groupHeader
|
|
4957
4979
|
)
|
|
4958
|
-
}), { getReferenceProps:
|
|
4959
|
-
[S,
|
|
4980
|
+
}), { getReferenceProps: O, getFloatingProps: Y, getItemProps: X } = ba(
|
|
4981
|
+
[S, G, M, I]
|
|
4960
4982
|
);
|
|
4961
|
-
return !
|
|
4962
|
-
getReferenceProps:
|
|
4963
|
-
getFloatingProps:
|
|
4964
|
-
getItemProps:
|
|
4983
|
+
return !s && m && b(!1), {
|
|
4984
|
+
getReferenceProps: O,
|
|
4985
|
+
getFloatingProps: Y,
|
|
4986
|
+
getItemProps: X,
|
|
4965
4987
|
setReference: w.setReference,
|
|
4966
4988
|
floatingStyles: C,
|
|
4967
4989
|
isPositioned: N,
|
|
4968
|
-
context:
|
|
4990
|
+
context: f,
|
|
4969
4991
|
nodeId: p,
|
|
4970
4992
|
setFloating: w.setFloating,
|
|
4971
|
-
activeIndex:
|
|
4993
|
+
activeIndex: g,
|
|
4972
4994
|
listElementsRef: y,
|
|
4973
4995
|
virtualItemRef: $,
|
|
4974
4996
|
maxHeight: h,
|
|
@@ -4985,20 +5007,20 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
4985
5007
|
clearSearchAfterSelection: n,
|
|
4986
5008
|
inputRef: c
|
|
4987
5009
|
}) => {
|
|
4988
|
-
const [
|
|
5010
|
+
const [s, i] = e.useState(
|
|
4989
5011
|
() => (t == null ? void 0 : t.map(lr)) || []
|
|
4990
|
-
),
|
|
4991
|
-
!
|
|
5012
|
+
), d = t !== void 0, p = d ? (t == null ? void 0 : t.map(lr)) || [] : s, [m, b] = e.useState(""), g = (w) => b(w), v = (w) => $(w), h = () => {
|
|
5013
|
+
!d && i([]), o(null), b(""), l(!1);
|
|
4992
5014
|
}, E = () => {
|
|
4993
|
-
|
|
5015
|
+
g(""), c.current && (c.current.value = "");
|
|
4994
5016
|
}, y = e.useMemo(() => {
|
|
4995
5017
|
const w = r === "multi" && _;
|
|
4996
5018
|
let C = a;
|
|
4997
|
-
return m && (C = C.filter((
|
|
4998
|
-
var
|
|
4999
|
-
if (
|
|
5019
|
+
return m && (C = C.filter((f) => {
|
|
5020
|
+
var G;
|
|
5021
|
+
if (f.groupHeader)
|
|
5000
5022
|
return !1;
|
|
5001
|
-
const N = m.toLowerCase(), S =
|
|
5023
|
+
const N = m.toLowerCase(), S = f.name.toLowerCase(), M = (G = f.secondaryText) == null ? void 0 : G.toLowerCase();
|
|
5002
5024
|
return S.includes(N) || (M == null ? void 0 : M.includes(N));
|
|
5003
5025
|
})), w && C.length > 1 && (C = [
|
|
5004
5026
|
{
|
|
@@ -5008,22 +5030,22 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5008
5030
|
...C
|
|
5009
5031
|
]), C;
|
|
5010
5032
|
}, [m, a, r, _]), $ = (w) => {
|
|
5011
|
-
const C = a.find((
|
|
5033
|
+
const C = a.find((f) => f.key === w);
|
|
5012
5034
|
if (!((!C || C.disabled) && w !== Mt))
|
|
5013
5035
|
if (r === "single")
|
|
5014
5036
|
i(() => (C && o([C]), [w])), l(!1);
|
|
5015
5037
|
else if (w === Mt)
|
|
5016
5038
|
p.length === br(a).length ? i(() => (o(null), [])) : i(() => {
|
|
5017
|
-
const
|
|
5018
|
-
return o(
|
|
5039
|
+
const f = br(a);
|
|
5040
|
+
return o(f), f.map(({ key: N }) => N);
|
|
5019
5041
|
});
|
|
5020
5042
|
else {
|
|
5021
|
-
if (
|
|
5022
|
-
const
|
|
5043
|
+
if (d) {
|
|
5044
|
+
const f = (t == null ? void 0 : t.map(lr)) || [], N = Jr(f, w);
|
|
5023
5045
|
o(a.filter(({ key: S }) => N.includes(S)));
|
|
5024
5046
|
} else
|
|
5025
|
-
i((
|
|
5026
|
-
const N = Jr(
|
|
5047
|
+
i((f) => {
|
|
5048
|
+
const N = Jr(f, w);
|
|
5027
5049
|
return o(a.filter(({ key: S }) => N.includes(S))), N;
|
|
5028
5050
|
});
|
|
5029
5051
|
n && E();
|
|
@@ -5034,14 +5056,14 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5034
5056
|
items: y,
|
|
5035
5057
|
searchPhrase: m,
|
|
5036
5058
|
handleSelect: $,
|
|
5037
|
-
handleOnFilter:
|
|
5059
|
+
handleOnFilter: g,
|
|
5038
5060
|
handleItemRemove: v,
|
|
5039
5061
|
handleClear: h
|
|
5040
5062
|
};
|
|
5041
5063
|
}, En = {
|
|
5042
5064
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
|
|
5043
|
-
}, wi = (
|
|
5044
|
-
var
|
|
5065
|
+
}, wi = (Y) => {
|
|
5066
|
+
var X = Y, {
|
|
5045
5067
|
id: t,
|
|
5046
5068
|
className: a,
|
|
5047
5069
|
listClassName: r,
|
|
@@ -5050,13 +5072,13 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5050
5072
|
disabled: l,
|
|
5051
5073
|
error: n,
|
|
5052
5074
|
options: c,
|
|
5053
|
-
selected:
|
|
5075
|
+
selected: s,
|
|
5054
5076
|
size: i = "medium",
|
|
5055
|
-
placeholder:
|
|
5077
|
+
placeholder: d = "Select option",
|
|
5056
5078
|
isRequired: p,
|
|
5057
5079
|
noSearchResultText: m = "No results found",
|
|
5058
5080
|
selectAllOptionText: b,
|
|
5059
|
-
type:
|
|
5081
|
+
type: g = "single",
|
|
5060
5082
|
searchDisabled: v = !1,
|
|
5061
5083
|
hideClearButton: h,
|
|
5062
5084
|
isVisible: E,
|
|
@@ -5064,13 +5086,13 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5064
5086
|
onClose: $,
|
|
5065
5087
|
openedOnInit: w = !1,
|
|
5066
5088
|
clearSearchAfterSelection: C = !0,
|
|
5067
|
-
onSelect:
|
|
5089
|
+
onSelect: f,
|
|
5068
5090
|
placement: N,
|
|
5069
5091
|
floatingStrategy: S,
|
|
5070
5092
|
useDismissHookProps: M,
|
|
5071
|
-
useClickHookProps:
|
|
5072
|
-
virtuosoProps:
|
|
5073
|
-
} =
|
|
5093
|
+
useClickHookProps: G,
|
|
5094
|
+
virtuosoProps: I
|
|
5095
|
+
} = X, O = D(X, [
|
|
5074
5096
|
"id",
|
|
5075
5097
|
"className",
|
|
5076
5098
|
"listClassName",
|
|
@@ -5100,27 +5122,27 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5100
5122
|
"useClickHookProps",
|
|
5101
5123
|
"virtuosoProps"
|
|
5102
5124
|
]);
|
|
5103
|
-
const [
|
|
5104
|
-
Gt ? !Ne && (y == null || y(me)) : Ne && ($ == null || $(me)), !Ue &&
|
|
5125
|
+
const [L, U] = e.useState(w), [$e, Ke] = e.useState(!1), Ue = E !== void 0, Ne = Ue ? E : L, $t = e.useRef(null), ft = (Gt, me) => {
|
|
5126
|
+
Gt ? !Ne && (y == null || y(me)) : Ne && ($ == null || $(me)), !Ue && U(Gt);
|
|
5105
5127
|
}, {
|
|
5106
|
-
selectedKeys:
|
|
5107
|
-
items:
|
|
5128
|
+
selectedKeys: Nt,
|
|
5129
|
+
items: bt,
|
|
5108
5130
|
searchPhrase: lt,
|
|
5109
|
-
handleSelect:
|
|
5110
|
-
handleOnFilter:
|
|
5111
|
-
handleItemRemove:
|
|
5112
|
-
handleClear:
|
|
5131
|
+
handleSelect: ht,
|
|
5132
|
+
handleOnFilter: St,
|
|
5133
|
+
handleItemRemove: xt,
|
|
5134
|
+
handleClear: P
|
|
5113
5135
|
} = kn({
|
|
5114
|
-
selected:
|
|
5136
|
+
selected: s,
|
|
5115
5137
|
options: c,
|
|
5116
|
-
type:
|
|
5138
|
+
type: g,
|
|
5117
5139
|
selectAllOptionText: b,
|
|
5118
|
-
onSelect:
|
|
5119
|
-
setOpen:
|
|
5140
|
+
onSelect: f,
|
|
5141
|
+
setOpen: ft,
|
|
5120
5142
|
clearSearchAfterSelection: C,
|
|
5121
|
-
inputRef:
|
|
5143
|
+
inputRef: $t
|
|
5122
5144
|
}), {
|
|
5123
|
-
context:
|
|
5145
|
+
context: V,
|
|
5124
5146
|
nodeId: ue,
|
|
5125
5147
|
getReferenceProps: Ye,
|
|
5126
5148
|
setReference: qe,
|
|
@@ -5136,15 +5158,15 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5136
5158
|
} = vn({
|
|
5137
5159
|
openedOnInit: w,
|
|
5138
5160
|
disabled: l,
|
|
5139
|
-
items:
|
|
5161
|
+
items: bt,
|
|
5140
5162
|
placement: N,
|
|
5141
5163
|
minListHeight: _,
|
|
5142
5164
|
maxListHeight: o,
|
|
5143
5165
|
floatingStrategy: S,
|
|
5144
|
-
useClickHookProps:
|
|
5166
|
+
useClickHookProps: G,
|
|
5145
5167
|
useDismissHookProps: M,
|
|
5146
5168
|
isOpen: Ne,
|
|
5147
|
-
onVisibilityChange:
|
|
5169
|
+
onVisibilityChange: ft,
|
|
5148
5170
|
searchPhrase: lt
|
|
5149
5171
|
});
|
|
5150
5172
|
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(En["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
|
|
@@ -5152,15 +5174,15 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5152
5174
|
{
|
|
5153
5175
|
getReferenceProps: Ye,
|
|
5154
5176
|
setReference: qe,
|
|
5155
|
-
testId:
|
|
5156
|
-
isItemSelected:
|
|
5177
|
+
testId: O["data-testid"],
|
|
5178
|
+
isItemSelected: Nt.length > 0,
|
|
5157
5179
|
isOpen: Ne,
|
|
5158
|
-
onClear:
|
|
5180
|
+
onClear: P,
|
|
5159
5181
|
hideClearButton: h,
|
|
5160
5182
|
isDisabled: l,
|
|
5161
5183
|
isError: n,
|
|
5162
5184
|
isRequired: p,
|
|
5163
|
-
isMultiSelect:
|
|
5185
|
+
isMultiSelect: g === "multi",
|
|
5164
5186
|
size: i,
|
|
5165
5187
|
setTriggerFocus: Ke
|
|
5166
5188
|
},
|
|
@@ -5170,16 +5192,16 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5170
5192
|
isOpen: Ne,
|
|
5171
5193
|
isSearchDisabled: v,
|
|
5172
5194
|
isDisabled: l,
|
|
5173
|
-
placeholder:
|
|
5174
|
-
selectedItems:
|
|
5175
|
-
type:
|
|
5195
|
+
placeholder: d,
|
|
5196
|
+
selectedItems: s,
|
|
5197
|
+
type: g,
|
|
5176
5198
|
size: i,
|
|
5177
5199
|
clearSearchAfterSelection: C,
|
|
5178
|
-
inputRef:
|
|
5179
|
-
onItemRemove:
|
|
5180
|
-
onSelect:
|
|
5181
|
-
onFilter:
|
|
5182
|
-
onClear:
|
|
5200
|
+
inputRef: $t,
|
|
5201
|
+
onItemRemove: xt,
|
|
5202
|
+
onSelect: ht,
|
|
5203
|
+
onFilter: St,
|
|
5204
|
+
onClear: P,
|
|
5183
5205
|
searchPhrase: lt,
|
|
5184
5206
|
virtualItemRef: Za,
|
|
5185
5207
|
isTriggerFocused: $e
|
|
@@ -5188,22 +5210,22 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5188
5210
|
), /* @__PURE__ */ e.createElement(ha, { id: ue }, Ne && /* @__PURE__ */ e.createElement(o_, null, /* @__PURE__ */ e.createElement(
|
|
5189
5211
|
sn,
|
|
5190
5212
|
{
|
|
5191
|
-
pickerType:
|
|
5192
|
-
options:
|
|
5213
|
+
pickerType: g,
|
|
5214
|
+
options: bt,
|
|
5193
5215
|
listClassName: r,
|
|
5194
|
-
context:
|
|
5216
|
+
context: V,
|
|
5195
5217
|
setFloating: Ka,
|
|
5196
5218
|
floatingStyles: Ya,
|
|
5197
5219
|
maxHeight: Ja,
|
|
5198
5220
|
activeIndex: Xa,
|
|
5199
|
-
selectedKeys:
|
|
5221
|
+
selectedKeys: Nt,
|
|
5200
5222
|
listElementsRef: qa,
|
|
5201
5223
|
setPointer: ja,
|
|
5202
|
-
onSelect:
|
|
5224
|
+
onSelect: ht,
|
|
5203
5225
|
getFloatingProps: Wa,
|
|
5204
5226
|
getItemProps: Va,
|
|
5205
5227
|
emptyStateText: m,
|
|
5206
|
-
virtuosoProps:
|
|
5228
|
+
virtuosoProps: I
|
|
5207
5229
|
}
|
|
5208
5230
|
))));
|
|
5209
5231
|
}, yn = "lc-Popover-module__popover___8X1b2", wn = {
|
|
@@ -5217,46 +5239,46 @@ const Mt = "select-all", ln = (t, a) => {
|
|
|
5217
5239
|
triggerClassName: l,
|
|
5218
5240
|
placement: n,
|
|
5219
5241
|
flipOptions: c,
|
|
5220
|
-
offsetSize:
|
|
5242
|
+
offsetSize: s = 4,
|
|
5221
5243
|
isVisible: i,
|
|
5222
|
-
openedOnInit:
|
|
5244
|
+
openedOnInit: d,
|
|
5223
5245
|
closeOnEsc: p = !0,
|
|
5224
5246
|
useDismissHookProps: m,
|
|
5225
5247
|
useClickHookProps: b,
|
|
5226
|
-
floatingStrategy:
|
|
5248
|
+
floatingStrategy: g
|
|
5227
5249
|
}) => {
|
|
5228
|
-
const [v, h] = e.useState(
|
|
5250
|
+
const [v, h] = e.useState(d), E = Ga(), y = sa(), $ = i !== void 0, w = $ ? i : v, C = typeof _ == "string", f = typeof t == "function", N = (Ke, Ue) => {
|
|
5229
5251
|
Ke ? r == null || r(Ue) : a == null || a(Ue), !$ && h(Ke);
|
|
5230
|
-
}, { refs: S, context: M, floatingStyles:
|
|
5252
|
+
}, { refs: S, context: M, floatingStyles: G } = da({
|
|
5231
5253
|
nodeId: y,
|
|
5232
5254
|
open: w,
|
|
5233
5255
|
onOpenChange: N,
|
|
5234
|
-
middleware: [ua(
|
|
5256
|
+
middleware: [ua(s), Ua(c), Er()],
|
|
5235
5257
|
placement: n,
|
|
5236
|
-
strategy:
|
|
5258
|
+
strategy: g,
|
|
5237
5259
|
whileElementsMounted: ma
|
|
5238
|
-
}),
|
|
5260
|
+
}), I = pa(M, b), O = ga(M, k({
|
|
5239
5261
|
escapeKey: p
|
|
5240
|
-
}, m)),
|
|
5241
|
-
|
|
5242
|
-
|
|
5243
|
-
|
|
5244
|
-
]),
|
|
5262
|
+
}, m)), Y = fa(M), { getReferenceProps: X, getFloatingProps: L } = ba([
|
|
5263
|
+
I,
|
|
5264
|
+
O,
|
|
5265
|
+
Y
|
|
5266
|
+
]), U = u(wn.popover, o), $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
5245
5267
|
"div",
|
|
5246
|
-
|
|
5268
|
+
T(k({
|
|
5247
5269
|
"data-testid": "popover-trigger-button",
|
|
5248
5270
|
ref: S.setReference
|
|
5249
|
-
},
|
|
5271
|
+
}, X()), {
|
|
5250
5272
|
className: l
|
|
5251
5273
|
}),
|
|
5252
|
-
|
|
5274
|
+
f ? t() : t
|
|
5253
5275
|
), /* @__PURE__ */ e.createElement(ha, { id: y }, w && /* @__PURE__ */ e.createElement(mr, { context: M, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
5254
5276
|
"div",
|
|
5255
5277
|
k({
|
|
5256
|
-
className:
|
|
5278
|
+
className: U,
|
|
5257
5279
|
ref: S.setFloating,
|
|
5258
|
-
style:
|
|
5259
|
-
},
|
|
5280
|
+
style: G
|
|
5281
|
+
}, L()),
|
|
5260
5282
|
C ? /* @__PURE__ */ e.createElement(B, { as: "div" }, _) : _
|
|
5261
5283
|
))));
|
|
5262
5284
|
return E === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
|
|
@@ -5356,9 +5378,9 @@ const Be = {
|
|
|
5356
5378
|
name: l,
|
|
5357
5379
|
url: n,
|
|
5358
5380
|
withDivider: c,
|
|
5359
|
-
shortcutKey:
|
|
5381
|
+
shortcutKey: s,
|
|
5360
5382
|
expired: i,
|
|
5361
|
-
trialDaysLeft:
|
|
5383
|
+
trialDaysLeft: d,
|
|
5362
5384
|
nameAdornment: p
|
|
5363
5385
|
},
|
|
5364
5386
|
onClick: m,
|
|
@@ -5369,7 +5391,7 @@ const Be = {
|
|
|
5369
5391
|
href: n,
|
|
5370
5392
|
target: "_blank",
|
|
5371
5393
|
"aria-label": `Go to ${l} product`,
|
|
5372
|
-
onClick: (
|
|
5394
|
+
onClick: (g) => m(g, t),
|
|
5373
5395
|
className: u(Qe[et], {
|
|
5374
5396
|
[Qe[`${et}--expired`]]: i
|
|
5375
5397
|
})
|
|
@@ -5397,7 +5419,7 @@ const Be = {
|
|
|
5397
5419
|
placement: "right"
|
|
5398
5420
|
},
|
|
5399
5421
|
"Your licence is expired"
|
|
5400
|
-
), typeof
|
|
5422
|
+
), typeof d != "undefined" && /* @__PURE__ */ e.createElement(
|
|
5401
5423
|
Lt,
|
|
5402
5424
|
{
|
|
5403
5425
|
className: Qe[`${et}__trial-tooltip`],
|
|
@@ -5410,13 +5432,13 @@ const Be = {
|
|
|
5410
5432
|
),
|
|
5411
5433
|
placement: "right"
|
|
5412
5434
|
},
|
|
5413
|
-
|
|
5435
|
+
d,
|
|
5414
5436
|
" trial ",
|
|
5415
|
-
Cn(
|
|
5437
|
+
Cn(d, "day", "days"),
|
|
5416
5438
|
" ",
|
|
5417
5439
|
"left in your trial. Time to upgrade"
|
|
5418
5440
|
), p)),
|
|
5419
|
-
|
|
5441
|
+
s && /* @__PURE__ */ e.createElement(B, { size: "sm", className: Qe[`${et}__shortcut`] }, "⌘", s)
|
|
5420
5442
|
)), ea = {
|
|
5421
5443
|
"product-switcher": "lc-ProductSwitcher-module__product-switcher___mI-WG",
|
|
5422
5444
|
"product-switcher__content": "lc-ProductSwitcher-module__product-switcher__content___6jGuY",
|
|
@@ -5430,23 +5452,24 @@ const Be = {
|
|
|
5430
5452
|
isVisible: _,
|
|
5431
5453
|
onOpen: o,
|
|
5432
5454
|
onClose: l,
|
|
5433
|
-
onSelect: n
|
|
5455
|
+
onSelect: n,
|
|
5456
|
+
textURL: c = "https://www.text.com"
|
|
5434
5457
|
}) => {
|
|
5435
|
-
const [
|
|
5458
|
+
const [s, i] = e.useState(r), [d, p] = I_(
|
|
5436
5459
|
!1
|
|
5437
|
-
),
|
|
5438
|
-
|
|
5439
|
-
}, { refs:
|
|
5440
|
-
nodeId:
|
|
5460
|
+
), m = Ga(), b = sa(), g = _ !== void 0, v = g ? _ : s, h = (L, U) => {
|
|
5461
|
+
L ? o == null || o(U) : l == null || l(U), !g && i(L);
|
|
5462
|
+
}, { refs: E, context: y, floatingStyles: $ } = da({
|
|
5463
|
+
nodeId: b,
|
|
5441
5464
|
strategy: "fixed",
|
|
5442
5465
|
placement: "right-start",
|
|
5443
|
-
open:
|
|
5444
|
-
onOpenChange: (
|
|
5445
|
-
|
|
5466
|
+
open: v,
|
|
5467
|
+
onOpenChange: (L, U) => {
|
|
5468
|
+
p(!1), h(L, U);
|
|
5446
5469
|
},
|
|
5447
5470
|
middleware: [ua({ mainAxis: 5 })],
|
|
5448
5471
|
whileElementsMounted: ma
|
|
5449
|
-
}),
|
|
5472
|
+
}), w = pa(y), C = fa(y), f = ga(y), { isMounted: N, styles: S } = kr(y, {
|
|
5450
5473
|
duration: 200,
|
|
5451
5474
|
common: {
|
|
5452
5475
|
transformOrigin: "left top"
|
|
@@ -5455,26 +5478,26 @@ const Be = {
|
|
|
5455
5478
|
opacity: 0,
|
|
5456
5479
|
transform: "scale(0.84) translateX(-22px)"
|
|
5457
5480
|
}
|
|
5458
|
-
}), { getReferenceProps:
|
|
5459
|
-
|
|
5460
|
-
|
|
5461
|
-
|
|
5462
|
-
]),
|
|
5463
|
-
(
|
|
5481
|
+
}), { getReferenceProps: M, getFloatingProps: G } = ba([
|
|
5482
|
+
w,
|
|
5483
|
+
f,
|
|
5484
|
+
C
|
|
5485
|
+
]), I = t.find(
|
|
5486
|
+
(L) => L.id === a
|
|
5464
5487
|
);
|
|
5465
|
-
if (!
|
|
5488
|
+
if (!I)
|
|
5466
5489
|
return null;
|
|
5467
|
-
const
|
|
5468
|
-
U === a &&
|
|
5469
|
-
},
|
|
5470
|
-
(
|
|
5490
|
+
const O = (L, U) => {
|
|
5491
|
+
U === a && L.preventDefault(), i(!1), n == null || n(U);
|
|
5492
|
+
}, Y = t.reduce(
|
|
5493
|
+
(L, U) => L + (U.notificationCount || 0),
|
|
5471
5494
|
0
|
|
5472
|
-
),
|
|
5495
|
+
), X = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", k({ ref: E.setReference }, M()), /* @__PURE__ */ e.createElement(
|
|
5473
5496
|
Lt,
|
|
5474
5497
|
{
|
|
5475
|
-
isVisible:
|
|
5476
|
-
onOpen: () =>
|
|
5477
|
-
onClose: () =>
|
|
5498
|
+
isVisible: d,
|
|
5499
|
+
onOpen: () => p(!0),
|
|
5500
|
+
onClose: () => p(!1),
|
|
5478
5501
|
offsetCrossAxis: 2,
|
|
5479
5502
|
arrowOffsetY: 2,
|
|
5480
5503
|
offsetMainAxis: 10,
|
|
@@ -5485,48 +5508,56 @@ const Be = {
|
|
|
5485
5508
|
v_,
|
|
5486
5509
|
{
|
|
5487
5510
|
isMainProduct: !0,
|
|
5488
|
-
icon:
|
|
5489
|
-
iconColor:
|
|
5490
|
-
backgroundColors:
|
|
5491
|
-
notificationCount:
|
|
5511
|
+
icon: I.icon,
|
|
5512
|
+
iconColor: I.iconColor,
|
|
5513
|
+
backgroundColors: I.backgroundColors,
|
|
5514
|
+
notificationCount: Y
|
|
5492
5515
|
}
|
|
5493
5516
|
)
|
|
5494
5517
|
},
|
|
5495
5518
|
"Switch product"
|
|
5496
|
-
)), /* @__PURE__ */ e.createElement(ha, { id:
|
|
5519
|
+
)), /* @__PURE__ */ e.createElement(ha, { id: b }, /* @__PURE__ */ e.createElement(
|
|
5497
5520
|
"div",
|
|
5498
5521
|
k({
|
|
5499
|
-
ref:
|
|
5500
|
-
style:
|
|
5501
|
-
},
|
|
5502
|
-
|
|
5503
|
-
|
|
5504
|
-
{
|
|
5505
|
-
key: O.id,
|
|
5506
|
-
isActive: O.id === a,
|
|
5507
|
-
product: O,
|
|
5508
|
-
onClick: T
|
|
5509
|
-
}
|
|
5510
|
-
))), /* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__footer`] }, /* @__PURE__ */ e.createElement(
|
|
5511
|
-
"a",
|
|
5522
|
+
ref: E.setFloating,
|
|
5523
|
+
style: $
|
|
5524
|
+
}, G()),
|
|
5525
|
+
N && /* @__PURE__ */ e.createElement(
|
|
5526
|
+
"div",
|
|
5512
5527
|
{
|
|
5513
|
-
|
|
5514
|
-
|
|
5515
|
-
className: ea[`${ta}__footer-link`],
|
|
5516
|
-
onClick: () => v(!1)
|
|
5528
|
+
className: u("lc-dark-theme", ea[ta]),
|
|
5529
|
+
style: S
|
|
5517
5530
|
},
|
|
5518
|
-
/* @__PURE__ */ e.createElement(
|
|
5519
|
-
|
|
5520
|
-
x,
|
|
5531
|
+
/* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__content`] }, t.map((L) => /* @__PURE__ */ e.createElement(
|
|
5532
|
+
$n,
|
|
5521
5533
|
{
|
|
5522
|
-
|
|
5523
|
-
|
|
5524
|
-
|
|
5534
|
+
key: L.id,
|
|
5535
|
+
isActive: L.id === a,
|
|
5536
|
+
product: L,
|
|
5537
|
+
onClick: O
|
|
5525
5538
|
}
|
|
5526
|
-
)
|
|
5527
|
-
|
|
5539
|
+
))),
|
|
5540
|
+
/* @__PURE__ */ e.createElement("div", { className: ea[`${ta}__footer`] }, /* @__PURE__ */ e.createElement(
|
|
5541
|
+
"a",
|
|
5542
|
+
{
|
|
5543
|
+
href: c,
|
|
5544
|
+
target: "_blank",
|
|
5545
|
+
className: ea[`${ta}__footer-link`],
|
|
5546
|
+
onClick: () => h(!1)
|
|
5547
|
+
},
|
|
5548
|
+
/* @__PURE__ */ e.createElement(B, { noMargin: !0 }, "powered by"),
|
|
5549
|
+
/* @__PURE__ */ e.createElement(
|
|
5550
|
+
x,
|
|
5551
|
+
{
|
|
5552
|
+
size: "xlarge",
|
|
5553
|
+
source: M_,
|
|
5554
|
+
customColor: "var(--content-locked-white)"
|
|
5555
|
+
}
|
|
5556
|
+
)
|
|
5557
|
+
))
|
|
5558
|
+
)
|
|
5528
5559
|
)));
|
|
5529
|
-
return
|
|
5560
|
+
return m === null ? /* @__PURE__ */ e.createElement(Ha, null, X) : X;
|
|
5530
5561
|
}, Nn = 'data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_24854_8994)"%3E%3Crect width="40" height="40" fill="%230066FF"/%3E%3Cg filter="url(%23filter0_f_24854_8994)"%3E%3Cpath d="M32.6382 31.0816C41.9891 31.0816 49.5694 23.5012 49.5694 14.1504C49.5694 4.79953 41.9891 -2.78082 32.6382 -2.78082C23.2874 -2.78082 15.707 4.79953 15.707 14.1504C15.707 23.5012 23.2874 31.0816 32.6382 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter1_f_24854_8994)"%3E%3Cpath d="M10.417 50.1292C19.7679 50.1292 27.3482 42.5488 27.3482 33.198C27.3482 23.8471 19.7679 16.2668 10.417 16.2668C1.0662 16.2668 -6.51416 23.8471 -6.51416 33.198C-6.51416 42.5488 1.0662 50.1292 10.417 50.1292Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter2_f_24854_8994)"%3E%3Cpath d="M9.35788 16.2667C15.2022 16.2667 19.9399 11.529 19.9399 5.68472C19.9399 -0.159555 15.2022 -4.89728 9.35788 -4.89728C3.5136 -4.89728 -1.22412 -0.159555 -1.22412 5.68472C-1.22412 11.529 3.5136 16.2667 9.35788 16.2667Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter3_f_24854_8994)"%3E%3Cpath d="M7.24274 18.3831C13.6714 18.3831 18.8829 13.1716 18.8829 6.74292C18.8829 0.314217 13.6714 -4.89728 7.24274 -4.89728C0.814034 -4.89728 -4.39746 0.314217 -4.39746 6.74292C-4.39746 13.1716 0.814034 18.3831 7.24274 18.3831Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter4_f_24854_8994)"%3E%3Cpath d="M8.29938 21.5577C14.7281 21.5577 19.9396 16.3462 19.9396 9.91748C19.9396 3.48878 14.7281 -1.72272 8.29938 -1.72272C1.87068 -1.72272 -3.34082 3.48878 -3.34082 9.91748C-3.34082 16.3462 1.87068 21.5577 8.29938 21.5577Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter5_f_24854_8994)"%3E%3Cpath d="M33.6973 45.8964C40.126 45.8964 45.3375 40.6849 45.3375 34.2562C45.3375 27.8275 40.126 22.616 33.6973 22.616C27.2686 22.616 22.0571 27.8275 22.0571 34.2562C22.0571 40.6849 27.2686 45.8964 33.6973 45.8964Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter6_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter7_f_24854_8994)"%3E%3Cpath d="M29.4639 48.0128C35.8926 48.0128 41.1041 42.8013 41.1041 36.3726C41.1041 29.9439 35.8926 24.7324 29.4639 24.7324C23.0352 24.7324 17.8237 29.9439 17.8237 36.3726C17.8237 42.8013 23.0352 48.0128 29.4639 48.0128Z" fill="%23FFD001"/%3E%3C/g%3E%3Cg filter="url(%23filter8_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter9_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter10_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter11_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter12_f_24854_8994)"%3E%3Cpath d="M6.18299 39.5472C11.4428 39.5472 15.7068 35.2832 15.7068 30.0234C15.7068 24.7635 11.4428 20.4996 6.18299 20.4996C0.923135 20.4996 -3.34082 24.7635 -3.34082 30.0234C-3.34082 35.2832 0.923135 39.5472 6.18299 39.5472Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter13_f_24854_8994)"%3E%3Cpath d="M9.35898 38.489C12.8655 38.489 15.7082 35.6463 15.7082 32.1398C15.7082 28.6332 12.8655 25.7906 9.35898 25.7906C5.8524 25.7906 3.00977 28.6332 3.00977 32.1398C3.00977 35.6463 5.8524 38.489 9.35898 38.489Z" fill="%2373CE3B"/%3E%3C/g%3E%3Cg filter="url(%23filter14_f_24854_8994)"%3E%3Cpath d="M38.9871 31.0816C46.5846 31.0816 52.7437 24.9225 52.7437 17.325C52.7437 9.7274 46.5846 3.56836 38.9871 3.56836C31.3895 3.56836 25.2305 9.7274 25.2305 17.325C25.2305 24.9225 31.3895 31.0816 38.9871 31.0816Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter15_f_24854_8994)"%3E%3Cpath d="M38.9879 25.7905C45.4166 25.7905 50.6281 20.579 50.6281 14.1503C50.6281 7.72157 45.4166 2.51007 38.9879 2.51007C32.5592 2.51007 27.3477 7.72157 27.3477 14.1503C27.3477 20.579 32.5592 25.7905 38.9879 25.7905Z" fill="%23FF4205"/%3E%3C/g%3E%3Cg filter="url(%23filter16_f_24854_8994)"%3E%3Cpath d="M9.35868 21.5578C14.0341 21.5578 17.8243 17.7676 17.8243 13.0922C17.8243 8.41674 14.0341 4.62656 9.35868 4.62656C4.68325 4.62656 0.893066 8.41674 0.893066 13.0922C0.893066 17.7676 4.68325 21.5578 9.35868 21.5578Z" fill="%233750FF"/%3E%3C/g%3E%3Cg filter="url(%23filter17_f_24854_8994)"%3E%3Cpath d="M31.5797 18.3831C35.0862 18.3831 37.9289 15.5404 37.9289 12.0339C37.9289 8.5273 35.0862 5.68466 31.5797 5.68466C28.0731 5.68466 25.2305 8.5273 25.2305 12.0339C25.2305 15.5404 28.0731 18.3831 31.5797 18.3831Z" fill="%23FF2E00"/%3E%3C/g%3E%3Cg filter="url(%23filter18_f_24854_8994)"%3E%3Cpath d="M12.5312 14.1503C18.3755 14.1503 23.1132 9.41257 23.1132 3.5683C23.1132 -2.27598 18.3755 -7.0137 12.5312 -7.0137C6.68694 -7.0137 1.94922 -2.27598 1.94922 3.5683C1.94922 9.41257 6.68694 14.1503 12.5312 14.1503Z" fill="%233851FF"/%3E%3C/g%3E%3Cg filter="url(%23filter19_f_24854_8994)"%3E%3Cpath d="M28.4057 13.0921C34.25 13.0921 38.9877 8.35441 38.9877 2.51013C38.9877 -3.33415 34.25 -8.07187 28.4057 -8.07187C22.5615 -8.07187 17.8237 -3.33415 17.8237 2.51013C17.8237 8.35441 22.5615 13.0921 28.4057 13.0921Z" fill="%23F3354D"/%3E%3C/g%3E%3Cg filter="url(%23filter20_f_24854_8994)"%3E%3Cpath d="M33.6958 48.0128C39.54 48.0128 44.2778 43.275 44.2778 37.4308C44.2778 31.5865 39.54 26.8488 33.6958 26.8488C27.8515 26.8488 23.1138 31.5865 23.1138 37.4308C23.1138 43.275 27.8515 48.0128 33.6958 48.0128Z" fill="%23FFD101"/%3E%3C/g%3E%3Cg filter="url(%23filter21_f_24854_8994)"%3E%3Cpath d="M8.30173 43.78C14.146 43.78 18.8837 39.0422 18.8837 33.198C18.8837 27.3537 14.146 22.616 8.30173 22.616C2.45745 22.616 -2.28027 27.3537 -2.28027 33.198C-2.28027 39.0422 2.45745 43.78 8.30173 43.78Z" fill="%237FCF35"/%3E%3C/g%3E%3Cg filter="url(%23filter22_f_24854_8994)"%3E%3Cpath d="M6.18454 34.2562C12.0288 34.2562 16.7665 29.5184 16.7665 23.6742C16.7665 17.8299 12.0288 13.0922 6.18454 13.0922C0.340261 13.0922 -4.39746 17.8299 -4.39746 23.6742C-4.39746 29.5184 0.340261 34.2562 6.18454 34.2562Z" fill="%231D7DD0"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_f_24854_8994" x="-8.29297" y="-26.7808" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter1_f_24854_8994" x="-30.5142" y="-7.73322" width="81.8623" height="81.8624" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter2_f_24854_8994" x="-25.2241" y="-28.8973" width="69.1641" height="69.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter3_f_24854_8994" x="-28.3975" y="-28.8973" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter4_f_24854_8994" x="-27.3408" y="-25.7227" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter5_f_24854_8994" x="-1.94287" y="-1.38403" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter6_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter7_f_24854_8994" x="-6.17627" y="0.732361" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter8_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter9_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter10_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter11_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter12_f_24854_8994" x="-27.3408" y="-3.50043" width="67.0479" height="67.0476" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter13_f_24854_8994" x="-20.9902" y="1.79056" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter14_f_24854_8994" x="1.23047" y="-20.4316" width="75.5132" height="75.5132" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter15_f_24854_8994" x="3.34766" y="-21.4899" width="71.2803" height="71.2804" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter16_f_24854_8994" x="-23.1069" y="-19.3734" width="64.9312" height="64.9312" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter17_f_24854_8994" x="1.23047" y="-18.3153" width="60.6982" height="60.6984" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="12" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter18_f_24854_8994" x="-9.05078" y="-18.0137" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter19_f_24854_8994" x="6.82373" y="-19.0719" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter20_f_24854_8994" x="12.1138" y="15.8488" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter21_f_24854_8994" x="-13.2803" y="11.616" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3Cfilter id="filter22_f_24854_8994" x="-15.3975" y="2.09216" width="43.1641" height="43.164" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/%3E%3CfeGaussianBlur stdDeviation="5.5" result="effect1_foregroundBlur_24854_8994"/%3E%3C/filter%3E%3CclipPath id="clip0_24854_8994"%3E%3Crect width="40" height="40" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A', Sn = [
|
|
5531
5562
|
{
|
|
5532
5563
|
id: "livechat",
|
|
@@ -5729,18 +5760,18 @@ const Be = {
|
|
|
5729
5760
|
}, Dn = (t) => {
|
|
5730
5761
|
const a = new Date(t), r = /* @__PURE__ */ new Date();
|
|
5731
5762
|
return oo(a) ? 0 : wr(a, r);
|
|
5732
|
-
},
|
|
5763
|
+
}, Pn = (t, a) => In.includes(t) || a.some(
|
|
5733
5764
|
(r) => r.product === E_[t]
|
|
5734
|
-
),
|
|
5735
|
-
var n, c,
|
|
5765
|
+
), An = (t, a, r, _, o) => {
|
|
5766
|
+
var n, c, s, i, d;
|
|
5736
5767
|
const l = a.find(
|
|
5737
5768
|
(p) => p.product === E_[t.id]
|
|
5738
5769
|
);
|
|
5739
5770
|
if (!l)
|
|
5740
5771
|
throw new Error(`Product data for ${t.id} not found`);
|
|
5741
|
-
return
|
|
5742
|
-
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 = (
|
|
5743
|
-
expired: ((
|
|
5772
|
+
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 = (s = r[t.id]) == null ? void 0 : s.next_charge_at) != null ? i : "") : void 0,
|
|
5774
|
+
expired: ((d = r[t.id]) == null ? void 0 : d.status) === "expired",
|
|
5744
5775
|
url: Tn(
|
|
5745
5776
|
l.clientId,
|
|
5746
5777
|
l.redirectUri,
|
|
@@ -5770,8 +5801,8 @@ const Be = {
|
|
|
5770
5801
|
const o = t ? Fn(t) : k_;
|
|
5771
5802
|
return {
|
|
5772
5803
|
products: Sn.reduce(
|
|
5773
|
-
(l, n) => (
|
|
5774
|
-
|
|
5804
|
+
(l, n) => (Pn(n.id, a) && l.push(
|
|
5805
|
+
An(
|
|
5775
5806
|
n,
|
|
5776
5807
|
o,
|
|
5777
5808
|
r,
|
|
@@ -5818,17 +5849,17 @@ const aa = {
|
|
|
5818
5849
|
"className",
|
|
5819
5850
|
"size"
|
|
5820
5851
|
]);
|
|
5821
|
-
const
|
|
5852
|
+
const s = y_(t, a), i = Mn[_], d = Ln[_], p = u(
|
|
5822
5853
|
aa[ra],
|
|
5823
5854
|
{
|
|
5824
5855
|
[aa[`${ra}--${_}`]]: _,
|
|
5825
5856
|
[aa[`${ra}--${t}`]]: t
|
|
5826
5857
|
},
|
|
5827
5858
|
r
|
|
5828
|
-
), m = 2 * Math.PI * ((
|
|
5859
|
+
), m = 2 * Math.PI * ((d - i) / 2), b = {
|
|
5829
5860
|
strokeDasharray: m.toFixed(3),
|
|
5830
|
-
strokeDashoffset: `${((100 -
|
|
5831
|
-
},
|
|
5861
|
+
strokeDashoffset: `${((100 - s) / 100 * m).toFixed(3)}px`
|
|
5862
|
+
}, g = `${d / 2} ${d / 2} ${d} ${d}`;
|
|
5832
5863
|
return /* @__PURE__ */ e.createElement(
|
|
5833
5864
|
"div",
|
|
5834
5865
|
k({
|
|
@@ -5836,13 +5867,13 @@ const aa = {
|
|
|
5836
5867
|
ref: l,
|
|
5837
5868
|
role: "progressbar"
|
|
5838
5869
|
}, o),
|
|
5839
|
-
/* @__PURE__ */ e.createElement("svg", { viewBox:
|
|
5870
|
+
/* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
|
|
5840
5871
|
"circle",
|
|
5841
5872
|
{
|
|
5842
5873
|
className: aa[`${ra}__bg-line--${t}`],
|
|
5843
|
-
cx:
|
|
5844
|
-
cy:
|
|
5845
|
-
r: (
|
|
5874
|
+
cx: d,
|
|
5875
|
+
cy: d,
|
|
5876
|
+
r: (d - i) / 2,
|
|
5846
5877
|
fill: "none",
|
|
5847
5878
|
strokeWidth: i
|
|
5848
5879
|
}
|
|
@@ -5851,9 +5882,9 @@ const aa = {
|
|
|
5851
5882
|
{
|
|
5852
5883
|
className: aa[`${ra}__indicator--${t}`],
|
|
5853
5884
|
style: b,
|
|
5854
|
-
cx:
|
|
5855
|
-
cy:
|
|
5856
|
-
r: (
|
|
5885
|
+
cx: d,
|
|
5886
|
+
cy: d,
|
|
5887
|
+
r: (d - i) / 2,
|
|
5857
5888
|
fill: "none",
|
|
5858
5889
|
strokeWidth: i
|
|
5859
5890
|
}
|
|
@@ -5883,7 +5914,7 @@ const aa = {
|
|
|
5883
5914
|
"size",
|
|
5884
5915
|
"className"
|
|
5885
5916
|
]);
|
|
5886
|
-
const
|
|
5917
|
+
const s = y_(t, a), i = u(
|
|
5887
5918
|
Ia[Ta],
|
|
5888
5919
|
{
|
|
5889
5920
|
[Ia[`${Ta}--${r}`]]: r,
|
|
@@ -5893,7 +5924,7 @@ const aa = {
|
|
|
5893
5924
|
);
|
|
5894
5925
|
return /* @__PURE__ */ e.createElement(
|
|
5895
5926
|
"div",
|
|
5896
|
-
|
|
5927
|
+
T(k({}, o), {
|
|
5897
5928
|
className: i,
|
|
5898
5929
|
ref: l,
|
|
5899
5930
|
role: "progressbar"
|
|
@@ -5903,12 +5934,12 @@ const aa = {
|
|
|
5903
5934
|
{
|
|
5904
5935
|
"data-testid": "progress-bar-indicator",
|
|
5905
5936
|
className: Ia[`${Ta}__indicator--${t}`],
|
|
5906
|
-
style: { width: `${
|
|
5937
|
+
style: { width: `${s}%` }
|
|
5907
5938
|
}
|
|
5908
5939
|
)
|
|
5909
5940
|
);
|
|
5910
5941
|
}
|
|
5911
|
-
),
|
|
5942
|
+
), Ae = {
|
|
5912
5943
|
"promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
|
|
5913
5944
|
"promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
|
|
5914
5945
|
"promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
|
|
@@ -5929,20 +5960,20 @@ const aa = {
|
|
|
5929
5960
|
light: l = !1,
|
|
5930
5961
|
linkText: n,
|
|
5931
5962
|
onButtonClick: c,
|
|
5932
|
-
onClose:
|
|
5963
|
+
onClose: s,
|
|
5933
5964
|
onLinkClick: i
|
|
5934
5965
|
}) => {
|
|
5935
|
-
const
|
|
5936
|
-
|
|
5966
|
+
const d = e.useRef(null), [p, m] = e.useState("medium"), b = u(
|
|
5967
|
+
Ae[Fe],
|
|
5937
5968
|
{
|
|
5938
|
-
[
|
|
5939
|
-
[
|
|
5940
|
-
[
|
|
5969
|
+
[Ae[`${Fe}--light`]]: l,
|
|
5970
|
+
[Ae[`${Fe}--small`]]: p === "small",
|
|
5971
|
+
[Ae[`${Fe}--large`]]: p === "large"
|
|
5941
5972
|
},
|
|
5942
5973
|
t
|
|
5943
5974
|
);
|
|
5944
5975
|
e.useEffect(() => {
|
|
5945
|
-
const v = () =>
|
|
5976
|
+
const v = () => d.current && d.current.offsetWidth <= Un ? m("small") : d.current && d.current.offsetWidth >= Hn ? m("large") : m("medium"), h = n_(
|
|
5946
5977
|
v,
|
|
5947
5978
|
zn
|
|
5948
5979
|
);
|
|
@@ -5950,22 +5981,22 @@ const aa = {
|
|
|
5950
5981
|
h.cancel(), window.removeEventListener("resize", h);
|
|
5951
5982
|
};
|
|
5952
5983
|
}, []);
|
|
5953
|
-
const
|
|
5984
|
+
const g = /* @__PURE__ */ e.createElement("div", { className: Ae[`${Fe}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
5954
5985
|
W,
|
|
5955
5986
|
{
|
|
5956
5987
|
kind: "primary",
|
|
5957
5988
|
size: "compact",
|
|
5958
5989
|
onClick: c,
|
|
5959
|
-
className:
|
|
5990
|
+
className: Ae[`${Fe}__button-text`]
|
|
5960
5991
|
},
|
|
5961
5992
|
a
|
|
5962
5993
|
), n && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: i }, n));
|
|
5963
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
5994
|
+
return /* @__PURE__ */ e.createElement("div", { ref: d, className: b }, /* @__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" && g), p === "large" && g), s && /* @__PURE__ */ e.createElement(
|
|
5964
5995
|
"button",
|
|
5965
5996
|
{
|
|
5966
5997
|
type: "button",
|
|
5967
|
-
className:
|
|
5968
|
-
onClick:
|
|
5998
|
+
className: Ae[`${Fe}__close-icon`],
|
|
5999
|
+
onClick: s
|
|
5969
6000
|
},
|
|
5970
6001
|
/* @__PURE__ */ e.createElement(x, { source: Ie, size: "large", kind: "primary" })
|
|
5971
6002
|
));
|
|
@@ -5988,7 +6019,7 @@ const aa = {
|
|
|
5988
6019
|
vertical: l,
|
|
5989
6020
|
contentClassName: n,
|
|
5990
6021
|
additionalContentClassName: c,
|
|
5991
|
-
onClose:
|
|
6022
|
+
onClose: s
|
|
5992
6023
|
}) => {
|
|
5993
6024
|
const i = u(tt["main-wrapper"], a);
|
|
5994
6025
|
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
|
|
@@ -6034,11 +6065,11 @@ const aa = {
|
|
|
6034
6065
|
},
|
|
6035
6066
|
r
|
|
6036
6067
|
),
|
|
6037
|
-
|
|
6068
|
+
s && /* @__PURE__ */ e.createElement("div", { className: tt[`${ut}__close`] }, /* @__PURE__ */ e.createElement(
|
|
6038
6069
|
W,
|
|
6039
6070
|
{
|
|
6040
6071
|
className: tt[`${ut}__close__btn`],
|
|
6041
|
-
onClick:
|
|
6072
|
+
onClick: s,
|
|
6042
6073
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ie, kind: "primary" }),
|
|
6043
6074
|
kind: "plain",
|
|
6044
6075
|
size: "compact"
|
|
@@ -6057,14 +6088,14 @@ const aa = {
|
|
|
6057
6088
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
6058
6089
|
}, rt = "radio-button", Bi = e.forwardRef(
|
|
6059
6090
|
(c, n) => {
|
|
6060
|
-
var
|
|
6091
|
+
var s = c, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, l = D(s, ["children", "className", "description", "checked", "disabled"]);
|
|
6061
6092
|
const i = u(at[rt], a, {
|
|
6062
6093
|
[at[`${rt}--selected`]]: _,
|
|
6063
6094
|
[at[`${rt}--disabled`]]: o
|
|
6064
6095
|
});
|
|
6065
6096
|
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: at[`${rt}__label`] }, /* @__PURE__ */ e.createElement("div", { className: at[`${rt}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: at[`${rt}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
6066
6097
|
"input",
|
|
6067
|
-
|
|
6098
|
+
T(k({}, l), {
|
|
6068
6099
|
className: at[`${rt}__input`],
|
|
6069
6100
|
ref: n,
|
|
6070
6101
|
type: "radio",
|
|
@@ -6096,9 +6127,9 @@ const aa = {
|
|
|
6096
6127
|
value: l,
|
|
6097
6128
|
className: n,
|
|
6098
6129
|
cropOnBlur: c = !0,
|
|
6099
|
-
onChange:
|
|
6130
|
+
onChange: s
|
|
6100
6131
|
}) => {
|
|
6101
|
-
const [i,
|
|
6132
|
+
const [i, d] = e.useState(!0), [p, m] = e.useState(!1), b = e.useRef(null), g = !!l && !a && !r, v = t && !i && "true", h = u(
|
|
6102
6133
|
n,
|
|
6103
6134
|
Re[We],
|
|
6104
6135
|
Re[`${We}--${o}`],
|
|
@@ -6108,22 +6139,22 @@ const aa = {
|
|
|
6108
6139
|
!i && Re[`${We}--collapsable--open`]
|
|
6109
6140
|
);
|
|
6110
6141
|
e.useEffect(() => {
|
|
6111
|
-
t && l &&
|
|
6142
|
+
t && l && d(!1);
|
|
6112
6143
|
}, [t]);
|
|
6113
6144
|
const E = (N) => {
|
|
6114
6145
|
const S = N.currentTarget.value;
|
|
6115
|
-
|
|
6146
|
+
s(S);
|
|
6116
6147
|
}, y = () => {
|
|
6117
|
-
|
|
6148
|
+
s("");
|
|
6118
6149
|
}, $ = () => {
|
|
6119
6150
|
var N;
|
|
6120
6151
|
(N = b.current) == null || N.focus();
|
|
6121
6152
|
}, w = () => {
|
|
6122
|
-
t &&
|
|
6153
|
+
t && d(!1), m(!0);
|
|
6123
6154
|
}, C = () => {
|
|
6124
|
-
t && !l &&
|
|
6125
|
-
},
|
|
6126
|
-
N.key ===
|
|
6155
|
+
t && !l && d(!0), m(!1);
|
|
6156
|
+
}, f = (N) => {
|
|
6157
|
+
N.key === de.enter && (N.preventDefault(), s(l));
|
|
6127
6158
|
};
|
|
6128
6159
|
return /* @__PURE__ */ e.createElement(
|
|
6129
6160
|
"div",
|
|
@@ -6162,12 +6193,12 @@ const aa = {
|
|
|
6162
6193
|
onChange: E,
|
|
6163
6194
|
onBlur: C,
|
|
6164
6195
|
onFocus: w,
|
|
6165
|
-
onKeyDown:
|
|
6196
|
+
onKeyDown: f,
|
|
6166
6197
|
disabled: a
|
|
6167
6198
|
}
|
|
6168
6199
|
)
|
|
6169
6200
|
),
|
|
6170
|
-
|
|
6201
|
+
g && /* @__PURE__ */ e.createElement(
|
|
6171
6202
|
W,
|
|
6172
6203
|
{
|
|
6173
6204
|
"aria-label": "Clear search",
|
|
@@ -6181,7 +6212,7 @@ const aa = {
|
|
|
6181
6212
|
),
|
|
6182
6213
|
r && /* @__PURE__ */ e.createElement("div", { className: Re[`${We}__loader`] }, /* @__PURE__ */ e.createElement(Cr, { size: "small" }))
|
|
6183
6214
|
);
|
|
6184
|
-
}, Wn = "lc-Skeleton-module__loading___MHvGo",
|
|
6215
|
+
}, Wn = "lc-Skeleton-module__loading___MHvGo", Ct = {
|
|
6185
6216
|
"skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
|
|
6186
6217
|
"skeleton-wrapper--vertical": "lc-Skeleton-module__skeleton-wrapper--vertical___H3weP",
|
|
6187
6218
|
"skeleton-avatar": "lc-Skeleton-module__skeleton-avatar___qWzIc",
|
|
@@ -6206,8 +6237,8 @@ const aa = {
|
|
|
6206
6237
|
return /* @__PURE__ */ e.createElement(
|
|
6207
6238
|
"div",
|
|
6208
6239
|
k({
|
|
6209
|
-
className: u(
|
|
6210
|
-
[
|
|
6240
|
+
className: u(Ct[`${Qr}`], {
|
|
6241
|
+
[Ct[`${Qr}--vertical`]]: a
|
|
6211
6242
|
})
|
|
6212
6243
|
}, _),
|
|
6213
6244
|
n
|
|
@@ -6219,24 +6250,24 @@ const aa = {
|
|
|
6219
6250
|
}) => /* @__PURE__ */ e.createElement(
|
|
6220
6251
|
"div",
|
|
6221
6252
|
{
|
|
6222
|
-
className: u(
|
|
6223
|
-
[
|
|
6224
|
-
[
|
|
6253
|
+
className: u(Ct[`${nr}`], {
|
|
6254
|
+
[Ct[`${nr}--square`]]: t,
|
|
6255
|
+
[Ct[`${nr}--animated`]]: r
|
|
6225
6256
|
}),
|
|
6226
6257
|
style: {
|
|
6227
6258
|
width: a,
|
|
6228
6259
|
height: a
|
|
6229
6260
|
}
|
|
6230
6261
|
}
|
|
6231
|
-
), e_ = "skeleton-text",
|
|
6262
|
+
), e_ = "skeleton-text", Pi = ({
|
|
6232
6263
|
height: t = 13,
|
|
6233
6264
|
width: a,
|
|
6234
6265
|
animated: r
|
|
6235
6266
|
}) => /* @__PURE__ */ e.createElement(
|
|
6236
6267
|
"div",
|
|
6237
6268
|
{
|
|
6238
|
-
className: u(
|
|
6239
|
-
[
|
|
6269
|
+
className: u(Ct[`${e_}`], {
|
|
6270
|
+
[Ct[`${e_}--animated`]]: r
|
|
6240
6271
|
}),
|
|
6241
6272
|
style: {
|
|
6242
6273
|
height: t,
|
|
@@ -6257,7 +6288,7 @@ const aa = {
|
|
|
6257
6288
|
"status-badge--offline": "lc-StatusBadge-module__status-badge--offline___0BHxn",
|
|
6258
6289
|
"status-badge--accept": "lc-StatusBadge-module__status-badge--accept___6g3cx",
|
|
6259
6290
|
"status-badge--not-accept": "lc-StatusBadge-module__status-badge--not-accept___tUgKD"
|
|
6260
|
-
}, ir = "status-badge",
|
|
6291
|
+
}, ir = "status-badge", Ai = (o) => {
|
|
6261
6292
|
var l = o, {
|
|
6262
6293
|
className: t,
|
|
6263
6294
|
kind: a = "offline",
|
|
@@ -6274,7 +6305,7 @@ const aa = {
|
|
|
6274
6305
|
t
|
|
6275
6306
|
);
|
|
6276
6307
|
return /* @__PURE__ */ e.createElement("span", k({ className: n }, _));
|
|
6277
|
-
}, Vn = "lc-Switch-module__switch__input___NiiOR", Kn = "lc-Switch-module__switch__container___79F7W", Yn = "lc-Switch-module__switch__track___2wr2M", qn = "lc-Switch-module__switch__slider___WHd--", Zn = "lc-Switch-module__switch__loader___FE-fA", Xn = "lc-Switch-module__switch__icon___-O1qY",
|
|
6308
|
+
}, Vn = "lc-Switch-module__switch__input___NiiOR", Kn = "lc-Switch-module__switch__container___79F7W", Yn = "lc-Switch-module__switch__track___2wr2M", qn = "lc-Switch-module__switch__slider___WHd--", Zn = "lc-Switch-module__switch__loader___FE-fA", Xn = "lc-Switch-module__switch__icon___-O1qY", ae = {
|
|
6278
6309
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
6279
6310
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
6280
6311
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -6305,19 +6336,19 @@ const aa = {
|
|
|
6305
6336
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
6306
6337
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
6307
6338
|
switch__icon: Xn
|
|
6308
|
-
},
|
|
6339
|
+
}, te = "switch", Fi = (p) => {
|
|
6309
6340
|
var m = p, {
|
|
6310
6341
|
className: t = "",
|
|
6311
6342
|
defaultOn: a = !1,
|
|
6312
6343
|
disabled: r = !1,
|
|
6313
|
-
name: _ =
|
|
6344
|
+
name: _ = te,
|
|
6314
6345
|
on: o,
|
|
6315
6346
|
onChange: l,
|
|
6316
6347
|
size: n = "large",
|
|
6317
6348
|
state: c = "regular",
|
|
6318
|
-
innerRef:
|
|
6349
|
+
innerRef: s,
|
|
6319
6350
|
ariaLabel: i
|
|
6320
|
-
} = m,
|
|
6351
|
+
} = m, d = D(m, [
|
|
6321
6352
|
"className",
|
|
6322
6353
|
"defaultOn",
|
|
6323
6354
|
"disabled",
|
|
@@ -6329,50 +6360,50 @@ const aa = {
|
|
|
6329
6360
|
"innerRef",
|
|
6330
6361
|
"ariaLabel"
|
|
6331
6362
|
]);
|
|
6332
|
-
const b = o !== void 0, [
|
|
6363
|
+
const b = o !== void 0, [g, v] = e.useState(
|
|
6333
6364
|
() => b ? o : a
|
|
6334
|
-
), [h, E] = e.useState(!1), y = b ? o :
|
|
6335
|
-
te
|
|
6336
|
-
|
|
6365
|
+
), [h, E] = e.useState(!1), y = b ? o : g, $ = c === "loading", w = c === "locked", C = n === "large" ? "small" : "xsmall", f = y ? "on" : "off", N = r || $ || w, S = N ? "disabled" : "enabled", M = u(
|
|
6366
|
+
ae[te],
|
|
6367
|
+
ae[`${te}--${n}`],
|
|
6337
6368
|
{
|
|
6338
|
-
[
|
|
6369
|
+
[ae[`${te}--focused`]]: h
|
|
6339
6370
|
},
|
|
6340
6371
|
t
|
|
6341
|
-
),
|
|
6342
|
-
l == null || l(
|
|
6372
|
+
), G = (I) => {
|
|
6373
|
+
l == null || l(I, !y), b || (I.stopPropagation(), v((O) => !O));
|
|
6343
6374
|
};
|
|
6344
6375
|
return /* @__PURE__ */ e.createElement("span", { className: M }, /* @__PURE__ */ e.createElement(
|
|
6345
6376
|
"input",
|
|
6346
|
-
|
|
6377
|
+
T(k({
|
|
6347
6378
|
type: "checkbox",
|
|
6348
6379
|
className: u(
|
|
6349
|
-
|
|
6350
|
-
|
|
6380
|
+
ae[`${te}__input`],
|
|
6381
|
+
ae[`${te}__input--${S}`]
|
|
6351
6382
|
),
|
|
6352
|
-
onChange:
|
|
6383
|
+
onChange: G,
|
|
6353
6384
|
checked: y,
|
|
6354
6385
|
name: _,
|
|
6355
|
-
ref:
|
|
6386
|
+
ref: s,
|
|
6356
6387
|
disabled: N,
|
|
6357
6388
|
"aria-label": i
|
|
6358
|
-
},
|
|
6389
|
+
}, d), {
|
|
6359
6390
|
onFocus: () => E(!0),
|
|
6360
6391
|
onBlur: () => E(!1)
|
|
6361
6392
|
})
|
|
6362
6393
|
), /* @__PURE__ */ e.createElement(
|
|
6363
6394
|
"span",
|
|
6364
6395
|
{
|
|
6365
|
-
className: u(
|
|
6366
|
-
[
|
|
6396
|
+
className: u(ae[`${te}__container`], {
|
|
6397
|
+
[ae[`${te}__container--focused`]]: h
|
|
6367
6398
|
})
|
|
6368
6399
|
},
|
|
6369
6400
|
/* @__PURE__ */ e.createElement(
|
|
6370
6401
|
"span",
|
|
6371
6402
|
{
|
|
6372
6403
|
className: u(
|
|
6373
|
-
|
|
6374
|
-
|
|
6375
|
-
|
|
6404
|
+
ae[`${te}__track`],
|
|
6405
|
+
ae[`${te}__track--${f}`],
|
|
6406
|
+
ae[`${te}__track--${S}`]
|
|
6376
6407
|
)
|
|
6377
6408
|
}
|
|
6378
6409
|
),
|
|
@@ -6380,10 +6411,10 @@ const aa = {
|
|
|
6380
6411
|
"span",
|
|
6381
6412
|
{
|
|
6382
6413
|
className: u(
|
|
6383
|
-
|
|
6384
|
-
|
|
6385
|
-
|
|
6386
|
-
|
|
6414
|
+
ae[`${te}__slider`],
|
|
6415
|
+
ae[`${te}__slider--${S}`],
|
|
6416
|
+
ae[`${te}__slider--${n}`],
|
|
6417
|
+
ae[`${te}__slider--${n}--${f}`]
|
|
6387
6418
|
)
|
|
6388
6419
|
},
|
|
6389
6420
|
$ && /* @__PURE__ */ e.createElement(
|
|
@@ -6391,15 +6422,15 @@ const aa = {
|
|
|
6391
6422
|
{
|
|
6392
6423
|
"data-testid": "switch-loader",
|
|
6393
6424
|
className: u(
|
|
6394
|
-
|
|
6395
|
-
|
|
6425
|
+
ae[`${te}__loader`],
|
|
6426
|
+
ae[`${te}__loader--${n}`]
|
|
6396
6427
|
)
|
|
6397
6428
|
}
|
|
6398
6429
|
),
|
|
6399
6430
|
w && /* @__PURE__ */ e.createElement(
|
|
6400
6431
|
x,
|
|
6401
6432
|
{
|
|
6402
|
-
className:
|
|
6433
|
+
className: ae[`${te}__icon`],
|
|
6403
6434
|
"data-testid": "lock-icon",
|
|
6404
6435
|
size: C,
|
|
6405
6436
|
source: K_,
|
|
@@ -6408,7 +6439,7 @@ const aa = {
|
|
|
6408
6439
|
)
|
|
6409
6440
|
)
|
|
6410
6441
|
));
|
|
6411
|
-
}, Jn = "lc-Tab-module__tab___fME7u", jn = "lc-Tab-module__tab__count___gc8tA", Qn = "lc-Tab-module__tab__icon___wvUqO", ec = "lc-Tab-module__tab__badge___W9c-T",
|
|
6442
|
+
}, Jn = "lc-Tab-module__tab___fME7u", jn = "lc-Tab-module__tab__count___gc8tA", Qn = "lc-Tab-module__tab__icon___wvUqO", ec = "lc-Tab-module__tab__badge___W9c-T", yt = {
|
|
6412
6443
|
tab: Jn,
|
|
6413
6444
|
tab__count: jn,
|
|
6414
6445
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
@@ -6418,8 +6449,8 @@ const aa = {
|
|
|
6418
6449
|
tab__badge: ec,
|
|
6419
6450
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
6420
6451
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
6421
|
-
},
|
|
6422
|
-
var i =
|
|
6452
|
+
}, wt = "tab", Ri = (s) => {
|
|
6453
|
+
var i = s, {
|
|
6423
6454
|
children: t,
|
|
6424
6455
|
className: a,
|
|
6425
6456
|
count: r,
|
|
@@ -6436,32 +6467,32 @@ const aa = {
|
|
|
6436
6467
|
"size",
|
|
6437
6468
|
"icon"
|
|
6438
6469
|
]);
|
|
6439
|
-
const { disabled:
|
|
6470
|
+
const { disabled: d } = c, p = r !== void 0 && !o, m = r !== void 0 && o;
|
|
6440
6471
|
return /* @__PURE__ */ e.createElement(
|
|
6441
6472
|
B,
|
|
6442
|
-
|
|
6473
|
+
T(k({}, c), {
|
|
6443
6474
|
as: c.href ? "a" : "button",
|
|
6444
6475
|
"aria-selected": _,
|
|
6445
6476
|
size: "md",
|
|
6446
6477
|
bold: _,
|
|
6447
6478
|
className: u(
|
|
6448
6479
|
a,
|
|
6449
|
-
|
|
6450
|
-
|
|
6451
|
-
_ &&
|
|
6452
|
-
|
|
6480
|
+
yt[wt],
|
|
6481
|
+
yt[`${wt}--${l}`],
|
|
6482
|
+
_ && yt[`${wt}--selected`],
|
|
6483
|
+
d && yt[`${wt}--disabled`]
|
|
6453
6484
|
)
|
|
6454
6485
|
}),
|
|
6455
|
-
n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className:
|
|
6486
|
+
n && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: yt[`${wt}__icon`] }, n),
|
|
6456
6487
|
t,
|
|
6457
|
-
p && /* @__PURE__ */ e.createElement(B, { as: "span", size: "md", className:
|
|
6488
|
+
p && /* @__PURE__ */ e.createElement(B, { as: "span", size: "md", className: yt[`${wt}__count`] }, "(", r, ")"),
|
|
6458
6489
|
m && /* @__PURE__ */ e.createElement(
|
|
6459
6490
|
Ra,
|
|
6460
6491
|
{
|
|
6461
6492
|
"data-testid": "tab-badge",
|
|
6462
6493
|
count: r,
|
|
6463
6494
|
size: "compact",
|
|
6464
|
-
className:
|
|
6495
|
+
className: yt[`${wt}__badge`]
|
|
6465
6496
|
}
|
|
6466
6497
|
)
|
|
6467
6498
|
);
|
|
@@ -6489,29 +6520,29 @@ const aa = {
|
|
|
6489
6520
|
remove: o,
|
|
6490
6521
|
value: l
|
|
6491
6522
|
}) => {
|
|
6492
|
-
const [n, c] = e.useState(!1),
|
|
6493
|
-
const
|
|
6494
|
-
return
|
|
6495
|
-
},
|
|
6523
|
+
const [n, c] = e.useState(!1), s = () => a.current, i = () => {
|
|
6524
|
+
const g = s();
|
|
6525
|
+
return g ? g.innerText : "";
|
|
6526
|
+
}, d = () => {
|
|
6496
6527
|
r && r.current && r.current.focus();
|
|
6497
|
-
}, p = (
|
|
6498
|
-
if (
|
|
6499
|
-
|
|
6528
|
+
}, p = (g) => {
|
|
6529
|
+
if (g.key === de.enter) {
|
|
6530
|
+
g.preventDefault(), d();
|
|
6500
6531
|
return;
|
|
6501
6532
|
}
|
|
6502
|
-
|
|
6533
|
+
g.key === de.backspace && i() === "" && (c(!0), o(), d());
|
|
6503
6534
|
}, m = () => {
|
|
6504
|
-
const
|
|
6505
|
-
if (!(n || !
|
|
6506
|
-
if (
|
|
6535
|
+
const g = s();
|
|
6536
|
+
if (!(n || !g)) {
|
|
6537
|
+
if (g.innerText === "") {
|
|
6507
6538
|
o();
|
|
6508
6539
|
return;
|
|
6509
6540
|
}
|
|
6510
|
-
_(
|
|
6541
|
+
_(g.innerText);
|
|
6511
6542
|
}
|
|
6512
|
-
}, b = (
|
|
6513
|
-
|
|
6514
|
-
const v =
|
|
6543
|
+
}, b = (g) => {
|
|
6544
|
+
g.preventDefault();
|
|
6545
|
+
const v = g.clipboardData.getData("text/plain");
|
|
6515
6546
|
document.execCommand("insertHTML", !1, Dr(v));
|
|
6516
6547
|
};
|
|
6517
6548
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -6536,8 +6567,8 @@ const aa = {
|
|
|
6536
6567
|
size: n,
|
|
6537
6568
|
tagProps: c
|
|
6538
6569
|
}) => {
|
|
6539
|
-
const
|
|
6540
|
-
return /* @__PURE__ */ e.createElement(h_,
|
|
6570
|
+
const s = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), d = () => r(a), p = () => s ? c ? c.kind : "default" : "error";
|
|
6571
|
+
return /* @__PURE__ */ e.createElement(h_, T(k({ size: n }, c), { kind: p(), onRemove: d }), /* @__PURE__ */ e.createElement(
|
|
6541
6572
|
rc,
|
|
6542
6573
|
{
|
|
6543
6574
|
value: t,
|
|
@@ -6545,17 +6576,17 @@ const aa = {
|
|
|
6545
6576
|
innerEditableRef: i,
|
|
6546
6577
|
className: la[`${_c}__content`],
|
|
6547
6578
|
change: (m) => l(a, m),
|
|
6548
|
-
remove:
|
|
6579
|
+
remove: d,
|
|
6549
6580
|
validator: _
|
|
6550
6581
|
}
|
|
6551
6582
|
));
|
|
6552
6583
|
}, Da = "tag-input", oc = [
|
|
6553
|
-
|
|
6554
|
-
|
|
6555
|
-
|
|
6556
|
-
|
|
6557
|
-
|
|
6558
|
-
], lc = [
|
|
6584
|
+
de.enter,
|
|
6585
|
+
de.spacebar,
|
|
6586
|
+
de.tab,
|
|
6587
|
+
de.semicolon,
|
|
6588
|
+
de.comma
|
|
6589
|
+
], lc = [de.backspace, de.delete], nc = (m) => {
|
|
6559
6590
|
var b = m, {
|
|
6560
6591
|
id: t,
|
|
6561
6592
|
tags: a,
|
|
@@ -6565,9 +6596,9 @@ const aa = {
|
|
|
6565
6596
|
placeholder: l,
|
|
6566
6597
|
size: n = "medium",
|
|
6567
6598
|
className: c,
|
|
6568
|
-
inputClassName:
|
|
6599
|
+
inputClassName: s,
|
|
6569
6600
|
onBlur: i,
|
|
6570
|
-
addOnBlur:
|
|
6601
|
+
addOnBlur: d = !0
|
|
6571
6602
|
} = b, p = D(b, [
|
|
6572
6603
|
"id",
|
|
6573
6604
|
"tags",
|
|
@@ -6581,79 +6612,79 @@ const aa = {
|
|
|
6581
6612
|
"onBlur",
|
|
6582
6613
|
"addOnBlur"
|
|
6583
6614
|
]);
|
|
6584
|
-
const
|
|
6615
|
+
const g = u(
|
|
6585
6616
|
la[Da],
|
|
6586
6617
|
{
|
|
6587
6618
|
[la[`${Da}--error`]]: o
|
|
6588
6619
|
},
|
|
6589
6620
|
c
|
|
6590
6621
|
), v = u(
|
|
6591
|
-
|
|
6622
|
+
s,
|
|
6592
6623
|
la[`${Da}__input`],
|
|
6593
6624
|
la[`${Da}__input--${n}`]
|
|
6594
|
-
), [h, E] = e.useState(""), y = e.useRef(null), $ = (
|
|
6595
|
-
|
|
6596
|
-
}, w = (
|
|
6597
|
-
const
|
|
6598
|
-
|
|
6599
|
-
}, C = (
|
|
6600
|
-
if (oc.includes(
|
|
6601
|
-
if (
|
|
6625
|
+
), [h, E] = e.useState(""), y = e.useRef(null), $ = (I) => {
|
|
6626
|
+
I.trim() !== "" && (r([...a || [], I]), E(""));
|
|
6627
|
+
}, w = (I) => {
|
|
6628
|
+
const O = [...a || []];
|
|
6629
|
+
O.splice(I, 1), r(O);
|
|
6630
|
+
}, C = (I) => E(I.target.value), f = (I) => {
|
|
6631
|
+
if (oc.includes(I.key)) {
|
|
6632
|
+
if (I.preventDefault(), h === "")
|
|
6602
6633
|
return;
|
|
6603
6634
|
$(h);
|
|
6604
|
-
} else if (lc.includes(
|
|
6635
|
+
} else if (lc.includes(I.key)) {
|
|
6605
6636
|
if (h !== "" || !(a != null && a.length))
|
|
6606
6637
|
return;
|
|
6607
6638
|
w(a.length - 1);
|
|
6608
6639
|
}
|
|
6609
|
-
}, N = (
|
|
6610
|
-
|
|
6611
|
-
}, S = (
|
|
6612
|
-
const
|
|
6613
|
-
|
|
6614
|
-
(
|
|
6640
|
+
}, N = (I) => {
|
|
6641
|
+
d && $(h), i == null || i(I);
|
|
6642
|
+
}, S = (I, O) => {
|
|
6643
|
+
const Y = [...a || []];
|
|
6644
|
+
Y.reduce(
|
|
6645
|
+
(L, U, $e) => L + (U === O && $e !== I ? 1 : 0),
|
|
6615
6646
|
0
|
|
6616
|
-
) > 0 ?
|
|
6617
|
-
}, M = (
|
|
6618
|
-
|
|
6619
|
-
const
|
|
6620
|
-
r([...a || [], ...
|
|
6621
|
-
},
|
|
6647
|
+
) > 0 ? Y.splice(I, 1) : Y[I] = O, r(Y);
|
|
6648
|
+
}, M = (I) => {
|
|
6649
|
+
I.preventDefault();
|
|
6650
|
+
const Y = I.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
|
|
6651
|
+
r([...a || [], ...Y]);
|
|
6652
|
+
}, G = (I, O) => typeof I == "string" ? /* @__PURE__ */ e.createElement(
|
|
6622
6653
|
t_,
|
|
6623
6654
|
{
|
|
6624
|
-
index:
|
|
6625
|
-
key: `${
|
|
6655
|
+
index: O,
|
|
6656
|
+
key: `${O}${I}`,
|
|
6626
6657
|
update: S,
|
|
6627
6658
|
remove: w,
|
|
6628
6659
|
inputRef: y,
|
|
6629
6660
|
validator: _,
|
|
6630
6661
|
size: n
|
|
6631
6662
|
},
|
|
6632
|
-
|
|
6663
|
+
I
|
|
6633
6664
|
) : /* @__PURE__ */ e.createElement(
|
|
6634
6665
|
t_,
|
|
6635
6666
|
{
|
|
6636
|
-
index:
|
|
6637
|
-
key: `${
|
|
6667
|
+
index: O,
|
|
6668
|
+
key: `${O}${I.children}`,
|
|
6638
6669
|
update: S,
|
|
6639
6670
|
remove: w,
|
|
6640
6671
|
inputRef: y,
|
|
6641
6672
|
validator: _,
|
|
6642
6673
|
size: n,
|
|
6643
|
-
tagProps:
|
|
6674
|
+
tagProps: I
|
|
6644
6675
|
},
|
|
6645
|
-
|
|
6676
|
+
I.value || I.children
|
|
6646
6677
|
);
|
|
6647
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className:
|
|
6678
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(B, { as: "div", className: g }, a == null ? void 0 : a.map(G), /* @__PURE__ */ e.createElement(
|
|
6648
6679
|
"input",
|
|
6649
|
-
|
|
6680
|
+
T(k({}, p), {
|
|
6650
6681
|
id: t,
|
|
6651
6682
|
ref: y,
|
|
6652
6683
|
className: v,
|
|
6653
6684
|
placeholder: l,
|
|
6654
6685
|
value: h,
|
|
6655
6686
|
onChange: C,
|
|
6656
|
-
onKeyDown:
|
|
6687
|
+
onKeyDown: f,
|
|
6657
6688
|
onPaste: M,
|
|
6658
6689
|
onBlur: N
|
|
6659
6690
|
})
|
|
@@ -6664,8 +6695,8 @@ const aa = {
|
|
|
6664
6695
|
} = _, a = D(_, [
|
|
6665
6696
|
"placeholder"
|
|
6666
6697
|
]);
|
|
6667
|
-
return /* @__PURE__ */ e.createElement(nc,
|
|
6668
|
-
}, dc = "lc-Toast-module__toast___j5Amn", uc = "lc-Toast-module__toast__content___HjaNw", mc = "lc-Toast-module__toast__actions___JWu-1", pc = "lc-Toast-module__toast__actions__button___Iblrl",
|
|
6698
|
+
return /* @__PURE__ */ e.createElement(nc, T(k({}, a), { placeholder: t, validator: sc }));
|
|
6699
|
+
}, dc = "lc-Toast-module__toast___j5Amn", uc = "lc-Toast-module__toast__content___HjaNw", mc = "lc-Toast-module__toast__actions___JWu-1", pc = "lc-Toast-module__toast__actions__button___Iblrl", re = {
|
|
6669
6700
|
toast: dc,
|
|
6670
6701
|
toast__content: uc,
|
|
6671
6702
|
toast__actions: mc,
|
|
@@ -6709,14 +6740,14 @@ const aa = {
|
|
|
6709
6740
|
source: ca
|
|
6710
6741
|
}
|
|
6711
6742
|
}, mt = "toast", fc = (c) => {
|
|
6712
|
-
var
|
|
6743
|
+
var s = c, {
|
|
6713
6744
|
action: t,
|
|
6714
6745
|
className: a,
|
|
6715
6746
|
children: r,
|
|
6716
6747
|
removable: _,
|
|
6717
6748
|
kind: o = "info",
|
|
6718
6749
|
onClose: l
|
|
6719
|
-
} =
|
|
6750
|
+
} = s, n = D(s, [
|
|
6720
6751
|
"action",
|
|
6721
6752
|
"className",
|
|
6722
6753
|
"children",
|
|
@@ -6725,14 +6756,14 @@ const aa = {
|
|
|
6725
6756
|
"onClose"
|
|
6726
6757
|
]);
|
|
6727
6758
|
const i = u(
|
|
6728
|
-
|
|
6729
|
-
|
|
6759
|
+
re[mt],
|
|
6760
|
+
re[`${mt}--${o}`],
|
|
6730
6761
|
a
|
|
6731
|
-
),
|
|
6732
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: i }, n), /* @__PURE__ */ e.createElement("div", { className:
|
|
6762
|
+
), d = typeof r == "string", p = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
|
|
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`] }, d ? /* @__PURE__ */ e.createElement(B, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: re[`${mt}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
6733
6764
|
W,
|
|
6734
6765
|
{
|
|
6735
|
-
className:
|
|
6766
|
+
className: re[`${mt}__actions--custom`],
|
|
6736
6767
|
kind: "text",
|
|
6737
6768
|
size: "compact",
|
|
6738
6769
|
onClick: () => p(t)
|
|
@@ -6742,8 +6773,8 @@ const aa = {
|
|
|
6742
6773
|
"button",
|
|
6743
6774
|
{
|
|
6744
6775
|
className: u(
|
|
6745
|
-
|
|
6746
|
-
|
|
6776
|
+
re[`${mt}__actions__button`],
|
|
6777
|
+
re[`${mt}__actions__button--${o}`]
|
|
6747
6778
|
),
|
|
6748
6779
|
"aria-label": "Close toast",
|
|
6749
6780
|
onClick: l
|
|
@@ -6760,24 +6791,24 @@ const aa = {
|
|
|
6760
6791
|
horizontalPosition: n = "center"
|
|
6761
6792
|
}) => {
|
|
6762
6793
|
const c = u(
|
|
6763
|
-
|
|
6794
|
+
re[_a],
|
|
6764
6795
|
{
|
|
6765
|
-
[
|
|
6766
|
-
[
|
|
6767
|
-
[
|
|
6768
|
-
[
|
|
6796
|
+
[re[`${_a}--fixed`]]: r,
|
|
6797
|
+
[re[`${_a}--block`]]: !r && _,
|
|
6798
|
+
[re[`${_a}--horizontal-${n}`]]: n,
|
|
6799
|
+
[re[`${_a}--vertical-${l}`]]: l
|
|
6769
6800
|
},
|
|
6770
6801
|
t
|
|
6771
6802
|
);
|
|
6772
|
-
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id:
|
|
6803
|
+
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement(c_, { component: null }, a.map(({ id: s, kind: i, content: d, removable: p, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
|
|
6773
6804
|
i_,
|
|
6774
6805
|
{
|
|
6775
|
-
key:
|
|
6806
|
+
key: s,
|
|
6776
6807
|
classNames: {
|
|
6777
|
-
enter:
|
|
6778
|
-
enterActive:
|
|
6779
|
-
exit:
|
|
6780
|
-
exitActive:
|
|
6808
|
+
enter: re[`toast-appear--${o}`],
|
|
6809
|
+
enterActive: re[`toast-appear-active--${o}`],
|
|
6810
|
+
exit: re[`toast-exit--${o}`],
|
|
6811
|
+
exitActive: re[`toast-exit-active--${o}`]
|
|
6781
6812
|
},
|
|
6782
6813
|
timeout: bc
|
|
6783
6814
|
},
|
|
@@ -6789,29 +6820,29 @@ const aa = {
|
|
|
6789
6820
|
removable: p,
|
|
6790
6821
|
action: m
|
|
6791
6822
|
},
|
|
6792
|
-
|
|
6823
|
+
d
|
|
6793
6824
|
)
|
|
6794
6825
|
))));
|
|
6795
|
-
}, hc = "lc-Textarea-module__textarea___g6U8F",
|
|
6826
|
+
}, hc = "lc-Textarea-module__textarea___g6U8F", Pa = {
|
|
6796
6827
|
textarea: hc,
|
|
6797
6828
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
6798
6829
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
6799
6830
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
6800
|
-
},
|
|
6831
|
+
}, Aa = "textarea", Ui = e.forwardRef(
|
|
6801
6832
|
(o, _) => {
|
|
6802
6833
|
var l = o, { className: t, error: a } = l, r = D(l, ["className", "error"]);
|
|
6803
|
-
const { disabled: n, onBlur: c, onFocus:
|
|
6804
|
-
[
|
|
6805
|
-
[
|
|
6806
|
-
[
|
|
6807
|
-
}), m = (
|
|
6808
|
-
|
|
6809
|
-
}, b = (
|
|
6810
|
-
|
|
6834
|
+
const { disabled: n, onBlur: c, onFocus: s } = r, [i, d] = e.useState(!1), p = u(t, Pa[Aa], {
|
|
6835
|
+
[Pa[`${Aa}--disabled`]]: n,
|
|
6836
|
+
[Pa[`${Aa}--focused`]]: i,
|
|
6837
|
+
[Pa[`${Aa}--error`]]: a
|
|
6838
|
+
}), m = (g) => {
|
|
6839
|
+
d(!1), c == null || c(g);
|
|
6840
|
+
}, b = (g) => {
|
|
6841
|
+
d(!0), s == null || s(g);
|
|
6811
6842
|
};
|
|
6812
6843
|
return /* @__PURE__ */ e.createElement(B, { as: "div", className: p }, /* @__PURE__ */ e.createElement(
|
|
6813
6844
|
"textarea",
|
|
6814
|
-
|
|
6845
|
+
T(k({}, r), {
|
|
6815
6846
|
ref: _,
|
|
6816
6847
|
onFocus: b,
|
|
6817
6848
|
onBlur: m
|
|
@@ -6863,7 +6894,7 @@ const aa = {
|
|
|
6863
6894
|
size: l,
|
|
6864
6895
|
status: n = "normal",
|
|
6865
6896
|
onCloseButtonClick: c,
|
|
6866
|
-
onRetryButtonClick:
|
|
6897
|
+
onRetryButtonClick: s
|
|
6867
6898
|
}, 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(
|
|
6868
6899
|
"div",
|
|
6869
6900
|
{
|
|
@@ -6901,7 +6932,7 @@ const aa = {
|
|
|
6901
6932
|
{
|
|
6902
6933
|
status: n,
|
|
6903
6934
|
onCloseButtonClick: c,
|
|
6904
|
-
onRetryButtonClick:
|
|
6935
|
+
onRetryButtonClick: s
|
|
6905
6936
|
}
|
|
6906
6937
|
)
|
|
6907
6938
|
)),
|
|
@@ -6915,7 +6946,7 @@ const aa = {
|
|
|
6915
6946
|
}
|
|
6916
6947
|
)
|
|
6917
6948
|
))
|
|
6918
|
-
),
|
|
6949
|
+
), K = {
|
|
6919
6950
|
"upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
|
|
6920
6951
|
"upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
|
|
6921
6952
|
"upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
|
|
@@ -6940,20 +6971,20 @@ const aa = {
|
|
|
6940
6971
|
"div",
|
|
6941
6972
|
{
|
|
6942
6973
|
"data-testid": "success-icon",
|
|
6943
|
-
className:
|
|
6974
|
+
className: K[`${ot}__success-icon`]
|
|
6944
6975
|
},
|
|
6945
6976
|
/* @__PURE__ */ e.createElement(x, { source: ia })
|
|
6946
6977
|
) : t === "error" ? /* @__PURE__ */ e.createElement(
|
|
6947
6978
|
"div",
|
|
6948
6979
|
{
|
|
6949
6980
|
"data-testid": "error-icon",
|
|
6950
|
-
className:
|
|
6981
|
+
className: K[`${ot}__error-icon`]
|
|
6951
6982
|
},
|
|
6952
6983
|
/* @__PURE__ */ e.createElement(x, { source: q_ })
|
|
6953
6984
|
) : /* @__PURE__ */ e.createElement(
|
|
6954
6985
|
On,
|
|
6955
6986
|
{
|
|
6956
|
-
className:
|
|
6987
|
+
className: K[`${ot}__loader`],
|
|
6957
6988
|
status: t,
|
|
6958
6989
|
progressValue: a
|
|
6959
6990
|
}
|
|
@@ -6966,51 +6997,51 @@ const aa = {
|
|
|
6966
6997
|
errorMessage: l,
|
|
6967
6998
|
status: n = "normal",
|
|
6968
6999
|
icon: c,
|
|
6969
|
-
size:
|
|
7000
|
+
size: s,
|
|
6970
7001
|
mode: i = "multiple",
|
|
6971
|
-
onCloseButtonClick:
|
|
7002
|
+
onCloseButtonClick: d,
|
|
6972
7003
|
onRetryButtonClick: p
|
|
6973
7004
|
}) => {
|
|
6974
|
-
const [m, b] = e.useState(o || !1),
|
|
6975
|
-
[
|
|
6976
|
-
[
|
|
6977
|
-
}), E = !(
|
|
6978
|
-
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement("div", { className:
|
|
7005
|
+
const [m, b] = e.useState(o || !1), g = n === "error", v = n === "success", h = u(K[ke], a, {
|
|
7006
|
+
[K[`${ke}--error`]]: g,
|
|
7007
|
+
[K[`${ke}--success`]]: v
|
|
7008
|
+
}), E = !(g && (p || d)), y = () => b(!m);
|
|
7009
|
+
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(
|
|
6979
7010
|
Ec,
|
|
6980
7011
|
{
|
|
6981
|
-
title:
|
|
7012
|
+
title: g && l || _,
|
|
6982
7013
|
progressValue: r,
|
|
6983
7014
|
status: n,
|
|
6984
7015
|
icon: c,
|
|
6985
|
-
size:
|
|
7016
|
+
size: s
|
|
6986
7017
|
}
|
|
6987
7018
|
)), n === "error" && /* @__PURE__ */ e.createElement(
|
|
6988
7019
|
hr,
|
|
6989
7020
|
{
|
|
6990
7021
|
status: n,
|
|
6991
|
-
onCloseButtonClick:
|
|
7022
|
+
onCloseButtonClick: d,
|
|
6992
7023
|
onRetryButtonClick: p
|
|
6993
7024
|
}
|
|
6994
7025
|
))) : /* @__PURE__ */ e.createElement("div", { className: h }, /* @__PURE__ */ e.createElement(
|
|
6995
7026
|
"div",
|
|
6996
7027
|
{
|
|
6997
|
-
className:
|
|
7028
|
+
className: K[`${ke}__wrapper`],
|
|
6998
7029
|
onClick: y
|
|
6999
7030
|
},
|
|
7000
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
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" }, g ? l : _)), E && /* @__PURE__ */ e.createElement(
|
|
7001
7032
|
"button",
|
|
7002
7033
|
{
|
|
7003
|
-
className:
|
|
7034
|
+
className: K[`${ot}__collapse-button`],
|
|
7004
7035
|
type: "button",
|
|
7005
7036
|
"aria-label": "Collapse button",
|
|
7006
7037
|
onClick: y
|
|
7007
7038
|
},
|
|
7008
7039
|
m ? /* @__PURE__ */ e.createElement(x, { source: Oa }) : /* @__PURE__ */ e.createElement(x, { source: Ot })
|
|
7009
|
-
), n === "error" && /* @__PURE__ */ e.createElement("div", { className:
|
|
7040
|
+
), n === "error" && /* @__PURE__ */ e.createElement("div", { className: K[`${ot}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
7010
7041
|
hr,
|
|
7011
7042
|
{
|
|
7012
7043
|
status: n,
|
|
7013
|
-
onCloseButtonClick:
|
|
7044
|
+
onCloseButtonClick: d,
|
|
7014
7045
|
onRetryButtonClick: p
|
|
7015
7046
|
}
|
|
7016
7047
|
)))
|
|
@@ -7019,14 +7050,14 @@ const aa = {
|
|
|
7019
7050
|
{
|
|
7020
7051
|
timeout: yc,
|
|
7021
7052
|
classNames: {
|
|
7022
|
-
enter:
|
|
7023
|
-
enterActive:
|
|
7024
|
-
exit:
|
|
7025
|
-
exitActive:
|
|
7026
|
-
exitDone:
|
|
7053
|
+
enter: K[`${ke}__files--enter`],
|
|
7054
|
+
enterActive: K[`${ke}__files--enter-active`],
|
|
7055
|
+
exit: K[`${ke}__files--exit`],
|
|
7056
|
+
exitActive: K[`${ke}__files--exit-active`],
|
|
7057
|
+
exitDone: K[`${ke}__files--exit-done`]
|
|
7027
7058
|
}
|
|
7028
7059
|
},
|
|
7029
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
7060
|
+
/* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: K[`${ke}__files__list`] }, t)))
|
|
7030
7061
|
)));
|
|
7031
7062
|
};
|
|
7032
7063
|
export {
|
|
@@ -7059,7 +7090,7 @@ export {
|
|
|
7059
7090
|
ui as Form,
|
|
7060
7091
|
mi as FormField,
|
|
7061
7092
|
pi as FormGroup,
|
|
7062
|
-
|
|
7093
|
+
oe as Heading,
|
|
7063
7094
|
x as Icon,
|
|
7064
7095
|
Yc as Info,
|
|
7065
7096
|
gi as Input,
|
|
@@ -7103,10 +7134,10 @@ export {
|
|
|
7103
7134
|
Vo as SideNavigationItem,
|
|
7104
7135
|
Kc as Simple,
|
|
7105
7136
|
Di as SkeletonAvatar,
|
|
7106
|
-
|
|
7137
|
+
Pi as SkeletonText,
|
|
7107
7138
|
Ti as SkeletonWrapper,
|
|
7108
7139
|
Lc as SpacingToken,
|
|
7109
|
-
|
|
7140
|
+
Ai as StatusBadge,
|
|
7110
7141
|
Fi as Switch,
|
|
7111
7142
|
Ri as Tab,
|
|
7112
7143
|
Li as TabsList,
|