@livechat/design-system-react-components 1.16.3 → 1.16.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.d.ts +2 -5
- package/dist/components/Alert/Alert.d.ts +2 -5
- package/dist/components/Avatar/Avatar.d.ts +2 -5
- package/dist/components/Picker/types.d.ts +2 -5
- package/dist/dsrc.cjs.js +1 -1
- package/dist/dsrc.es.js +610 -589
- package/dist/preview-stats.json +624 -624
- package/dist/utils/index.d.ts +1 -1
- package/dist/utils/types.d.ts +11 -0
- package/package.json +2 -2
- package/dist/utils/constants.d.ts +0 -1
package/dist/dsrc.es.js
CHANGED
|
@@ -2,14 +2,14 @@ var Tr = Object.defineProperty, Br = Object.defineProperties;
|
|
|
2
2
|
var Pr = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var At = Object.getOwnPropertySymbols;
|
|
4
4
|
var Ha = Object.prototype.hasOwnProperty, za = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var fa = (t, a, r) => a in t ? Tr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r,
|
|
5
|
+
var fa = (t, a, r) => a in t ? Tr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, k = (t, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
7
|
Ha.call(a, r) && fa(t, r, a[r]);
|
|
8
8
|
if (At)
|
|
9
9
|
for (var r of At(a))
|
|
10
10
|
za.call(a, r) && fa(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
},
|
|
12
|
+
}, C = (t, a) => Br(t, Pr(a));
|
|
13
13
|
var A = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
@@ -430,28 +430,28 @@ const Zl = {
|
|
|
430
430
|
height: 32
|
|
431
431
|
}
|
|
432
432
|
}, Ya = "icon", D = (t) => {
|
|
433
|
-
const
|
|
433
|
+
const s = t, {
|
|
434
434
|
source: a,
|
|
435
435
|
size: r = "medium",
|
|
436
436
|
kind: _,
|
|
437
437
|
disabled: o,
|
|
438
438
|
className: l,
|
|
439
439
|
customColor: c
|
|
440
|
-
} =
|
|
440
|
+
} = s, d = A(s, [
|
|
441
441
|
"source",
|
|
442
442
|
"size",
|
|
443
443
|
"kind",
|
|
444
444
|
"disabled",
|
|
445
445
|
"className",
|
|
446
446
|
"customColor"
|
|
447
|
-
]),
|
|
447
|
+
]), n = e.createElement(a, C(k({}, __[r]), {
|
|
448
448
|
color: c
|
|
449
449
|
})), i = u(
|
|
450
450
|
l,
|
|
451
451
|
Va[Ya],
|
|
452
452
|
_ && Va[`${Ya}--${o ? "disabled--" : ""}${_}`]
|
|
453
453
|
);
|
|
454
|
-
return /* @__PURE__ */ e.createElement("span",
|
|
454
|
+
return /* @__PURE__ */ e.createElement("span", C(k({}, d), { className: i }), n);
|
|
455
455
|
}, Ve = {
|
|
456
456
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
457
457
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
@@ -472,12 +472,12 @@ const Zl = {
|
|
|
472
472
|
openedOnInit: l = !1,
|
|
473
473
|
keepOpenOnClick: c,
|
|
474
474
|
flipOptions: d,
|
|
475
|
-
visible:
|
|
475
|
+
visible: n,
|
|
476
476
|
onClose: i,
|
|
477
|
-
onOpen:
|
|
477
|
+
onOpen: s,
|
|
478
478
|
floatingStrategy: m,
|
|
479
479
|
selectedOptions: g
|
|
480
|
-
} = f,
|
|
480
|
+
} = f, h = A(f, [
|
|
481
481
|
"className",
|
|
482
482
|
"triggerClassName",
|
|
483
483
|
"options",
|
|
@@ -492,107 +492,108 @@ const Zl = {
|
|
|
492
492
|
"floatingStrategy",
|
|
493
493
|
"selectedOptions"
|
|
494
494
|
]);
|
|
495
|
-
const p =
|
|
496
|
-
x ? (i == null || i(), !p && v(!1)) : (
|
|
497
|
-
}, { x: F, y: S, strategy:
|
|
495
|
+
const p = n !== void 0, [y, v] = e.useState(l), E = e.useRef(-1), w = e.useRef(null), x = p ? n : y, $ = () => {
|
|
496
|
+
x ? (i == null || i(), !p && v(!1)) : (s == null || s(), !p && v(!0));
|
|
497
|
+
}, { x: F, y: S, strategy: R, refs: B, context: L } = jt({
|
|
498
498
|
middleware: [Zt(4), ea(d)],
|
|
499
499
|
placement: o,
|
|
500
500
|
open: x,
|
|
501
501
|
strategy: m,
|
|
502
502
|
onOpenChange: $,
|
|
503
503
|
whileElementsMounted: ta
|
|
504
|
-
}), j = aa(
|
|
504
|
+
}), j = aa(L), $e = ra(L, {
|
|
505
505
|
enabled: x
|
|
506
|
-
}), de = _a(
|
|
506
|
+
}), de = _a(L), { getReferenceProps: Be, getFloatingProps: Pe } = oa([
|
|
507
507
|
j,
|
|
508
508
|
$e,
|
|
509
509
|
de
|
|
510
|
-
]), { styles: ve } = ur(
|
|
511
|
-
initial: ({ side:
|
|
510
|
+
]), { styles: ve } = ur(L, {
|
|
511
|
+
initial: ({ side: P }) => k({
|
|
512
512
|
opacity: 0
|
|
513
|
-
},
|
|
513
|
+
}, P === "bottom" && {
|
|
514
514
|
marginTop: -10
|
|
515
|
-
} ||
|
|
515
|
+
} || P === "top" && {
|
|
516
516
|
marginTop: 10
|
|
517
|
-
} ||
|
|
517
|
+
} || P === "left" && {
|
|
518
518
|
marginLeft: 10
|
|
519
|
-
} ||
|
|
519
|
+
} || P === "right" && {
|
|
520
520
|
marginLeft: -10
|
|
521
521
|
})
|
|
522
|
-
}), Ae = (
|
|
522
|
+
}), Ae = (P) => {
|
|
523
523
|
var Q, Re;
|
|
524
524
|
const W = E.current;
|
|
525
|
-
let K = W +
|
|
525
|
+
let K = W + P;
|
|
526
526
|
for (; (Q = r[K]) != null && Q.disabled || (Re = r[K]) != null && Re.groupHeader; )
|
|
527
|
-
if (K +=
|
|
527
|
+
if (K += P, K === -1) {
|
|
528
528
|
K = W;
|
|
529
529
|
break;
|
|
530
530
|
}
|
|
531
531
|
return K;
|
|
532
|
-
}, Me = (
|
|
532
|
+
}, Me = (P) => {
|
|
533
533
|
var Q, Re;
|
|
534
|
-
E.current = Ae(
|
|
534
|
+
E.current = Ae(P);
|
|
535
535
|
const W = (Q = w.current) == null ? void 0 : Q.children, K = W && ((Re = W[E.current]) == null ? void 0 : Re.children[0]);
|
|
536
536
|
return K == null ? void 0 : K.focus();
|
|
537
|
-
}, Je = (
|
|
538
|
-
|
|
537
|
+
}, Je = (P) => {
|
|
538
|
+
P.key === re.arrowUp && E.current > 0 && (P.preventDefault(), Me(-1)), P.key === re.arrowDown && E.current + 1 < r.length && (P.preventDefault(), Me(1));
|
|
539
539
|
};
|
|
540
540
|
e.useEffect(() => {
|
|
541
541
|
if (x)
|
|
542
542
|
return document.addEventListener("keydown", Je), () => document.removeEventListener("keydown", Je);
|
|
543
543
|
E.current = -1;
|
|
544
544
|
}, [x, Je]);
|
|
545
|
-
const at = (
|
|
546
|
-
E.current =
|
|
547
|
-
}, Qe = (
|
|
545
|
+
const at = (P, W) => {
|
|
546
|
+
E.current = P, W == null || W(), !p && !c && (v(!1), i == null || i());
|
|
547
|
+
}, Qe = (P, W) => P.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
548
548
|
"li",
|
|
549
549
|
{
|
|
550
|
-
key:
|
|
550
|
+
key: P.key,
|
|
551
551
|
role: "none",
|
|
552
552
|
className: Ve[`${Ye}__list__group-header`]
|
|
553
553
|
},
|
|
554
|
-
|
|
555
|
-
) : /* @__PURE__ */ e.createElement("li", { key:
|
|
554
|
+
P.element
|
|
555
|
+
) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
556
556
|
"button",
|
|
557
557
|
{
|
|
558
|
-
"data-testid":
|
|
558
|
+
"data-testid": P.key,
|
|
559
559
|
tabIndex: -1,
|
|
560
|
-
key:
|
|
561
|
-
disabled:
|
|
562
|
-
onClick: () => at(W,
|
|
560
|
+
key: P.key,
|
|
561
|
+
disabled: P.disabled,
|
|
562
|
+
onClick: () => at(W, P.onClick),
|
|
563
563
|
role: "menuitem",
|
|
564
564
|
className: u(Ve[`${Ye}__list__item`], {
|
|
565
|
-
[Ve[`${Ye}__list__item--disabled`]]:
|
|
566
|
-
[Ve[`${Ye}__list__item--with-divider`]]:
|
|
567
|
-
[Ve[`${Ye}__list__item--selected`]]: g == null ? void 0 : g.includes(
|
|
565
|
+
[Ve[`${Ye}__list__item--disabled`]]: P.disabled,
|
|
566
|
+
[Ve[`${Ye}__list__item--with-divider`]]: P.withDivider,
|
|
567
|
+
[Ve[`${Ye}__list__item--selected`]]: g == null ? void 0 : g.includes(P.key)
|
|
568
568
|
})
|
|
569
569
|
},
|
|
570
|
-
|
|
571
|
-
(g == null ? void 0 : g.includes(
|
|
570
|
+
P.element,
|
|
571
|
+
(g == null ? void 0 : g.includes(P.key)) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Ye}__list__item__icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt, kind: "action-primary" }))
|
|
572
572
|
));
|
|
573
573
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
574
574
|
"div",
|
|
575
|
-
|
|
575
|
+
C(k({
|
|
576
|
+
"aria-label": "Toggle menu",
|
|
576
577
|
"data-testid": "action-menu-trigger-button",
|
|
577
|
-
ref:
|
|
578
|
+
ref: B.setReference
|
|
578
579
|
}, Be()), {
|
|
579
580
|
className: a
|
|
580
581
|
}),
|
|
581
582
|
_
|
|
582
583
|
), x && /* @__PURE__ */ e.createElement(
|
|
583
584
|
"div",
|
|
584
|
-
|
|
585
|
-
ref:
|
|
585
|
+
k({
|
|
586
|
+
ref: B.setFloating,
|
|
586
587
|
className: Ve[Ye],
|
|
587
|
-
style:
|
|
588
|
-
position:
|
|
588
|
+
style: k({
|
|
589
|
+
position: R,
|
|
589
590
|
top: S != null ? S : "",
|
|
590
591
|
left: F != null ? F : ""
|
|
591
592
|
}, ve)
|
|
592
593
|
}, Pe()),
|
|
593
594
|
/* @__PURE__ */ e.createElement(
|
|
594
595
|
"ul",
|
|
595
|
-
|
|
596
|
+
C(k({}, h), {
|
|
596
597
|
className: u(Ve[`${Ye}__list`], t),
|
|
597
598
|
role: "menu",
|
|
598
599
|
ref: w
|
|
@@ -638,11 +639,11 @@ const Zl = {
|
|
|
638
639
|
]);
|
|
639
640
|
return e.createElement(
|
|
640
641
|
t || c_[a],
|
|
641
|
-
|
|
642
|
+
k({ className: u(mt[`heading-${a}`], _) }, o),
|
|
642
643
|
r
|
|
643
644
|
);
|
|
644
645
|
}, M = (i) => {
|
|
645
|
-
var
|
|
646
|
+
var s = i, {
|
|
646
647
|
as: t = "p",
|
|
647
648
|
size: a = "md",
|
|
648
649
|
caps: r = !1,
|
|
@@ -651,7 +652,7 @@ const Zl = {
|
|
|
651
652
|
strike: l = !1,
|
|
652
653
|
children: c,
|
|
653
654
|
className: d
|
|
654
|
-
} =
|
|
655
|
+
} = s, n = A(s, [
|
|
655
656
|
"as",
|
|
656
657
|
"size",
|
|
657
658
|
"caps",
|
|
@@ -664,7 +665,7 @@ const Zl = {
|
|
|
664
665
|
const m = r ? "caps" : `paragraph-${a}`;
|
|
665
666
|
return e.createElement(
|
|
666
667
|
t,
|
|
667
|
-
|
|
668
|
+
k({
|
|
668
669
|
className: u(
|
|
669
670
|
{
|
|
670
671
|
[mt[`${m}`]]: !0,
|
|
@@ -674,7 +675,7 @@ const Zl = {
|
|
|
674
675
|
},
|
|
675
676
|
d
|
|
676
677
|
)
|
|
677
|
-
},
|
|
678
|
+
}, n),
|
|
678
679
|
c
|
|
679
680
|
);
|
|
680
681
|
}, cc = (l) => {
|
|
@@ -691,7 +692,7 @@ const Zl = {
|
|
|
691
692
|
]);
|
|
692
693
|
return e.createElement(
|
|
693
694
|
t,
|
|
694
|
-
|
|
695
|
+
k({ className: u(mt[`display-${a}`], _) }, o),
|
|
695
696
|
r
|
|
696
697
|
);
|
|
697
698
|
}, bt = {
|
|
@@ -793,12 +794,12 @@ const Zl = {
|
|
|
793
794
|
size: l = "medium",
|
|
794
795
|
icon: c = null,
|
|
795
796
|
iconPosition: d = "left",
|
|
796
|
-
loaderLabel:
|
|
797
|
+
loaderLabel: n,
|
|
797
798
|
className: i,
|
|
798
|
-
children:
|
|
799
|
+
children: s,
|
|
799
800
|
href: m,
|
|
800
801
|
onClick: g
|
|
801
|
-
} = p,
|
|
802
|
+
} = p, h = A(p, [
|
|
802
803
|
"loading",
|
|
803
804
|
"disabled",
|
|
804
805
|
"type",
|
|
@@ -813,7 +814,7 @@ const Zl = {
|
|
|
813
814
|
"href",
|
|
814
815
|
"onClick"
|
|
815
816
|
]);
|
|
816
|
-
const y = t || a, v = !
|
|
817
|
+
const y = t || a, v = !s && c, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
|
|
817
818
|
i,
|
|
818
819
|
pe[ge],
|
|
819
820
|
pe[`${ge}--${o}`],
|
|
@@ -829,18 +830,18 @@ const Zl = {
|
|
|
829
830
|
);
|
|
830
831
|
return /* @__PURE__ */ e.createElement(
|
|
831
832
|
w,
|
|
832
|
-
|
|
833
|
+
k(k({
|
|
833
834
|
ref: b,
|
|
834
835
|
className: x,
|
|
835
836
|
"aria-disabled": y,
|
|
836
837
|
type: r,
|
|
837
838
|
disabled: y
|
|
838
|
-
}, !y && { href: m, onClick: g }),
|
|
839
|
+
}, !y && { href: m, onClick: g }), h),
|
|
839
840
|
t && /* @__PURE__ */ e.createElement(
|
|
840
841
|
La,
|
|
841
|
-
|
|
842
|
+
k({
|
|
842
843
|
size: "small",
|
|
843
|
-
label:
|
|
844
|
+
label: n,
|
|
844
845
|
className: pe[`${ge}__loader`]
|
|
845
846
|
}, m_(o))
|
|
846
847
|
),
|
|
@@ -852,7 +853,7 @@ const Zl = {
|
|
|
852
853
|
),
|
|
853
854
|
disabled: a
|
|
854
855
|
}),
|
|
855
|
-
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] },
|
|
856
|
+
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, s)
|
|
856
857
|
);
|
|
857
858
|
}
|
|
858
859
|
);
|
|
@@ -874,7 +875,7 @@ function f_(t, a, r, _) {
|
|
|
874
875
|
left: a ? _ + a : _
|
|
875
876
|
};
|
|
876
877
|
}
|
|
877
|
-
const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", k_ = "lc-Tooltip-module__tooltip__interactive___0JawB",
|
|
878
|
+
const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", k_ = "lc-Tooltip-module__tooltip__interactive___0JawB", N = {
|
|
878
879
|
tooltip: v_,
|
|
879
880
|
tooltip__arrow: h_,
|
|
880
881
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
@@ -913,12 +914,12 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
913
914
|
kind: l,
|
|
914
915
|
placement: c = "bottom",
|
|
915
916
|
isVisible: d,
|
|
916
|
-
fullSpaceContent:
|
|
917
|
+
fullSpaceContent: n,
|
|
917
918
|
onClose: i,
|
|
918
|
-
onOpen:
|
|
919
|
+
onOpen: s,
|
|
919
920
|
withFadeAnimation: m = !0,
|
|
920
921
|
transitionDuration: g = 200,
|
|
921
|
-
hoverOnDuration:
|
|
922
|
+
hoverOnDuration: h,
|
|
922
923
|
hoverOffDuration: b,
|
|
923
924
|
transitionDelay: f = 0,
|
|
924
925
|
hoverOnDelay: p,
|
|
@@ -930,19 +931,19 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
930
931
|
useDismissHookProps: $,
|
|
931
932
|
useClickHookProps: F,
|
|
932
933
|
hoverOutDelayTimeout: S = 100,
|
|
933
|
-
arrowOffsetY:
|
|
934
|
-
arrowOffsetX:
|
|
935
|
-
closeOnTriggerBlur:
|
|
934
|
+
arrowOffsetY: R,
|
|
935
|
+
arrowOffsetX: B,
|
|
936
|
+
closeOnTriggerBlur: L = !1,
|
|
936
937
|
floatingStrategy: j
|
|
937
938
|
}) => {
|
|
938
939
|
const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = l || o, Me = u(
|
|
939
|
-
|
|
940
|
+
N[Mt],
|
|
940
941
|
a,
|
|
941
|
-
Ae &&
|
|
942
|
-
|
|
942
|
+
Ae && N[`${Mt}--${Ae}`],
|
|
943
|
+
n && N[`${Mt}--full-space`]
|
|
943
944
|
), Je = typeof _ == "function", at = (ue) => {
|
|
944
|
-
ue !== ve && (ue ?
|
|
945
|
-
}, Qe = (ue) => m ? ue != null ? ue : g : 0,
|
|
945
|
+
ue !== ve && (ue ? s == null || s() : i == null || i(), !$e && Be(ue));
|
|
946
|
+
}, Qe = (ue) => m ? ue != null ? ue : g : 0, P = (ue) => ue != null ? ue : f, {
|
|
946
947
|
floatingStyles: W,
|
|
947
948
|
refs: K,
|
|
948
949
|
context: Q,
|
|
@@ -964,14 +965,14 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
964
965
|
move: !1,
|
|
965
966
|
restMs: x,
|
|
966
967
|
delay: {
|
|
967
|
-
open:
|
|
968
|
-
close:
|
|
968
|
+
open: P(p),
|
|
969
|
+
close: P(y || S)
|
|
969
970
|
},
|
|
970
971
|
enabled: !v,
|
|
971
|
-
handleClose:
|
|
972
|
+
handleClose: L ? null : Yr()
|
|
972
973
|
}), sa = qr(Q), ia = ra(Q, $), da = _a(Q, { role: "tooltip" }), ua = aa(Q, F), { isMounted: ma, styles: pa } = ur(Q, {
|
|
973
974
|
duration: {
|
|
974
|
-
open: Qe(
|
|
975
|
+
open: Qe(h),
|
|
975
976
|
close: Qe(b)
|
|
976
977
|
}
|
|
977
978
|
}), { status: gt } = Kr(Q), { getReferenceProps: ga, getFloatingProps: ba } = oa([
|
|
@@ -985,7 +986,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
985
986
|
w && K.setReference(w);
|
|
986
987
|
}, [K.setReference, w]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
987
988
|
"div",
|
|
988
|
-
|
|
989
|
+
C(k({
|
|
989
990
|
ref: K.setReference
|
|
990
991
|
}, ga()), {
|
|
991
992
|
className: r
|
|
@@ -993,9 +994,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
993
994
|
Je ? _() : _
|
|
994
995
|
), ma && /* @__PURE__ */ e.createElement(
|
|
995
996
|
"div",
|
|
996
|
-
|
|
997
|
+
C(k({
|
|
997
998
|
ref: K.setFloating,
|
|
998
|
-
style:
|
|
999
|
+
style: k(k({}, W), pa),
|
|
999
1000
|
className: Me
|
|
1000
1001
|
}, ba()), {
|
|
1001
1002
|
"data-status": gt
|
|
@@ -1005,11 +1006,11 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1005
1006
|
"div",
|
|
1006
1007
|
{
|
|
1007
1008
|
ref: Pe,
|
|
1008
|
-
className:
|
|
1009
|
+
className: N[`${Mt}__arrow`],
|
|
1009
1010
|
"aria-placement": ca,
|
|
1010
|
-
style:
|
|
1011
|
-
|
|
1012
|
-
|
|
1011
|
+
style: k({}, f_(
|
|
1012
|
+
R,
|
|
1013
|
+
B,
|
|
1013
1014
|
Xe,
|
|
1014
1015
|
Re
|
|
1015
1016
|
))
|
|
@@ -1019,7 +1020,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1019
1020
|
}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: l }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
|
|
1020
1021
|
"button",
|
|
1021
1022
|
{
|
|
1022
|
-
|
|
1023
|
+
type: "button",
|
|
1024
|
+
"aria-label": "Close tooltip",
|
|
1025
|
+
className: N[`${ht}-close`],
|
|
1023
1026
|
onClick: l
|
|
1024
1027
|
},
|
|
1025
1028
|
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
|
|
@@ -1027,8 +1030,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1027
1030
|
"div",
|
|
1028
1031
|
{
|
|
1029
1032
|
className: u(
|
|
1030
|
-
|
|
1031
|
-
|
|
1033
|
+
N[`${ht}-header`],
|
|
1034
|
+
N[`${ht}-header--info`]
|
|
1032
1035
|
)
|
|
1033
1036
|
},
|
|
1034
1037
|
a
|
|
@@ -1036,8 +1039,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1036
1039
|
"div",
|
|
1037
1040
|
{
|
|
1038
1041
|
className: u(
|
|
1039
|
-
|
|
1040
|
-
|
|
1042
|
+
N[`${ht}-text`],
|
|
1043
|
+
N[`${ht}-text--info`]
|
|
1041
1044
|
)
|
|
1042
1045
|
},
|
|
1043
1046
|
r
|
|
@@ -1051,33 +1054,35 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1051
1054
|
primaryButton: c,
|
|
1052
1055
|
secondaryButton: d
|
|
1053
1056
|
}) => {
|
|
1054
|
-
const
|
|
1055
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
1057
|
+
const n = (i) => i === "invert" ? "secondary" : "high-contrast";
|
|
1058
|
+
return /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
|
|
1056
1059
|
"button",
|
|
1057
1060
|
{
|
|
1058
|
-
|
|
1061
|
+
type: "button",
|
|
1062
|
+
"aria-label": "Close tooltip",
|
|
1063
|
+
className: N[`${Ie}-close`],
|
|
1059
1064
|
onClick: l
|
|
1060
1065
|
},
|
|
1061
1066
|
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
|
|
1062
|
-
), r && /* @__PURE__ */ e.createElement("div", { className:
|
|
1067
|
+
), r && /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1063
1068
|
"img",
|
|
1064
1069
|
{
|
|
1065
|
-
className:
|
|
1070
|
+
className: N[`${Ie}-image`],
|
|
1066
1071
|
src: r.src,
|
|
1067
1072
|
alt: r.alt
|
|
1068
1073
|
}
|
|
1069
|
-
)), t && /* @__PURE__ */ e.createElement("div", { className:
|
|
1074
|
+
)), t && /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: N[`${Ie}-text`] }, a), /* @__PURE__ */ e.createElement(
|
|
1070
1075
|
"div",
|
|
1071
1076
|
{
|
|
1072
1077
|
className: u(
|
|
1073
|
-
|
|
1074
|
-
|
|
1078
|
+
N[`${Ie}-footer`],
|
|
1079
|
+
N[`${Ie}-footer--interactive`]
|
|
1075
1080
|
)
|
|
1076
1081
|
},
|
|
1077
1082
|
/* @__PURE__ */ e.createElement(
|
|
1078
1083
|
U,
|
|
1079
1084
|
{
|
|
1080
|
-
kind: c.kind ||
|
|
1085
|
+
kind: c.kind || n(o),
|
|
1081
1086
|
onClick: c.handleClick
|
|
1082
1087
|
},
|
|
1083
1088
|
c.label
|
|
@@ -1085,8 +1090,8 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1085
1090
|
/* @__PURE__ */ e.createElement(
|
|
1086
1091
|
U,
|
|
1087
1092
|
{
|
|
1088
|
-
className: u(
|
|
1089
|
-
[
|
|
1093
|
+
className: u(N[`${Ie}-footer-secondary`], {
|
|
1094
|
+
[N[`${Ie}-footer-secondary-invert`]]: o === "invert"
|
|
1090
1095
|
}),
|
|
1091
1096
|
kind: d.kind || "text",
|
|
1092
1097
|
onClick: d.handleClick
|
|
@@ -1122,7 +1127,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1122
1127
|
left: "0",
|
|
1123
1128
|
width: "100%",
|
|
1124
1129
|
height: `calc(100% - ${t.bottom}px)`
|
|
1125
|
-
},
|
|
1130
|
+
}, n = {
|
|
1126
1131
|
top: `${t.top}px`,
|
|
1127
1132
|
left: `${t.left}px`,
|
|
1128
1133
|
width: `${t.width}px`,
|
|
@@ -1133,9 +1138,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1133
1138
|
"div",
|
|
1134
1139
|
{
|
|
1135
1140
|
className: u({
|
|
1136
|
-
[
|
|
1137
|
-
[
|
|
1138
|
-
[
|
|
1141
|
+
[N[`${Z}__overlay`]]: !0,
|
|
1142
|
+
[N[`${Z}__overlay--visible`]]: a,
|
|
1143
|
+
[N[`${Z}__overlay--slide`]]: r
|
|
1139
1144
|
}),
|
|
1140
1145
|
style: o
|
|
1141
1146
|
}
|
|
@@ -1143,9 +1148,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1143
1148
|
"div",
|
|
1144
1149
|
{
|
|
1145
1150
|
className: u({
|
|
1146
|
-
[
|
|
1147
|
-
[
|
|
1148
|
-
[
|
|
1151
|
+
[N[`${Z}__overlay`]]: !0,
|
|
1152
|
+
[N[`${Z}__overlay--visible`]]: a,
|
|
1153
|
+
[N[`${Z}__overlay--slide`]]: r
|
|
1149
1154
|
}),
|
|
1150
1155
|
style: c
|
|
1151
1156
|
}
|
|
@@ -1153,9 +1158,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1153
1158
|
"div",
|
|
1154
1159
|
{
|
|
1155
1160
|
className: u({
|
|
1156
|
-
[
|
|
1157
|
-
[
|
|
1158
|
-
[
|
|
1161
|
+
[N[`${Z}__overlay`]]: !0,
|
|
1162
|
+
[N[`${Z}__overlay--visible`]]: a,
|
|
1163
|
+
[N[`${Z}__overlay--slide`]]: r
|
|
1159
1164
|
}),
|
|
1160
1165
|
style: l
|
|
1161
1166
|
}
|
|
@@ -1163,9 +1168,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1163
1168
|
"div",
|
|
1164
1169
|
{
|
|
1165
1170
|
className: u({
|
|
1166
|
-
[
|
|
1167
|
-
[
|
|
1168
|
-
[
|
|
1171
|
+
[N[`${Z}__overlay`]]: !0,
|
|
1172
|
+
[N[`${Z}__overlay--visible`]]: a,
|
|
1173
|
+
[N[`${Z}__overlay--slide`]]: r
|
|
1169
1174
|
}),
|
|
1170
1175
|
style: d
|
|
1171
1176
|
}
|
|
@@ -1173,11 +1178,11 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__toolti
|
|
|
1173
1178
|
"div",
|
|
1174
1179
|
{
|
|
1175
1180
|
className: u({
|
|
1176
|
-
[
|
|
1177
|
-
[
|
|
1178
|
-
[
|
|
1181
|
+
[N[`${Z}__overlay`]]: !0,
|
|
1182
|
+
[N[`${Z}__overlay--visible`]]: a,
|
|
1183
|
+
[N[`${Z}__overlay--slide`]]: r
|
|
1179
1184
|
}),
|
|
1180
|
-
style:
|
|
1185
|
+
style: n
|
|
1181
1186
|
}
|
|
1182
1187
|
));
|
|
1183
1188
|
};
|
|
@@ -1188,7 +1193,7 @@ class E_ {
|
|
|
1188
1193
|
this.element = a, this.padding = r;
|
|
1189
1194
|
}
|
|
1190
1195
|
addPadding(a) {
|
|
1191
|
-
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, c = _, d = r,
|
|
1196
|
+
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, c = _, d = r, n = c + l, i = d + o;
|
|
1192
1197
|
return {
|
|
1193
1198
|
x: r,
|
|
1194
1199
|
y: _,
|
|
@@ -1196,7 +1201,7 @@ class E_ {
|
|
|
1196
1201
|
height: l,
|
|
1197
1202
|
top: c,
|
|
1198
1203
|
left: d,
|
|
1199
|
-
bottom:
|
|
1204
|
+
bottom: n,
|
|
1200
1205
|
right: i
|
|
1201
1206
|
};
|
|
1202
1207
|
}
|
|
@@ -1218,13 +1223,13 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1218
1223
|
shouldSlide: o = !0
|
|
1219
1224
|
} = t, [l, c] = e.useState(
|
|
1220
1225
|
null
|
|
1221
|
-
), [d,
|
|
1222
|
-
l && (
|
|
1226
|
+
), [d, n] = e.useState(null), [i, s] = e.useState(o), m = () => {
|
|
1227
|
+
l && (n(
|
|
1223
1228
|
Qa(
|
|
1224
1229
|
l,
|
|
1225
1230
|
Ka
|
|
1226
1231
|
).getBoundingClientRect()
|
|
1227
|
-
),
|
|
1232
|
+
), s(!1));
|
|
1228
1233
|
};
|
|
1229
1234
|
return e.useEffect(() => {
|
|
1230
1235
|
if (l !== null)
|
|
@@ -1237,12 +1242,12 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1237
1242
|
c(g);
|
|
1238
1243
|
}
|
|
1239
1244
|
}, [r]), e.useEffect(() => {
|
|
1240
|
-
l &&
|
|
1245
|
+
l && n(
|
|
1241
1246
|
Qa(
|
|
1242
1247
|
l,
|
|
1243
1248
|
Ka
|
|
1244
1249
|
).getBoundingClientRect()
|
|
1245
|
-
),
|
|
1250
|
+
), s(!0);
|
|
1246
1251
|
}, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
1247
1252
|
y_,
|
|
1248
1253
|
{
|
|
@@ -1253,15 +1258,15 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1253
1258
|
}
|
|
1254
1259
|
), /* @__PURE__ */ e.createElement(
|
|
1255
1260
|
Er,
|
|
1256
|
-
|
|
1261
|
+
C(k({}, t), {
|
|
1257
1262
|
referenceElement: {
|
|
1258
1263
|
getBoundingClientRect: () => d,
|
|
1259
1264
|
contextElement: l
|
|
1260
1265
|
},
|
|
1261
1266
|
arrowOffsetY: 25,
|
|
1262
1267
|
className: u({
|
|
1263
|
-
[
|
|
1264
|
-
[
|
|
1268
|
+
[N[Ja]]: !0,
|
|
1269
|
+
[N[`${Ja}--slide`]]: i,
|
|
1265
1270
|
className: a
|
|
1266
1271
|
})
|
|
1267
1272
|
}),
|
|
@@ -1271,15 +1276,15 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1271
1276
|
title: t,
|
|
1272
1277
|
description: a,
|
|
1273
1278
|
children: r
|
|
1274
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
1279
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: N[kt] }, /* @__PURE__ */ e.createElement("div", { className: N[`${kt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: N[`${kt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1275
1280
|
M,
|
|
1276
1281
|
{
|
|
1277
1282
|
as: "div",
|
|
1278
1283
|
size: "xs",
|
|
1279
|
-
className:
|
|
1284
|
+
className: N[`${kt}__heading__description`]
|
|
1280
1285
|
},
|
|
1281
1286
|
a
|
|
1282
|
-
)), /* @__PURE__ */ e.createElement("div", { className:
|
|
1287
|
+
)), /* @__PURE__ */ e.createElement("div", { className: N[`${kt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), se = {
|
|
1283
1288
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1284
1289
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1285
1290
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1312,7 +1317,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1312
1317
|
};
|
|
1313
1318
|
return /* @__PURE__ */ e.createElement(
|
|
1314
1319
|
Er,
|
|
1315
|
-
|
|
1320
|
+
k({
|
|
1316
1321
|
kind: "invert",
|
|
1317
1322
|
placement: _ ? "left" : "bottom",
|
|
1318
1323
|
triggerClassName: se[`${Rt}__tooltip`],
|
|
@@ -1352,14 +1357,14 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1352
1357
|
activeOptionKey: o,
|
|
1353
1358
|
vertical: l
|
|
1354
1359
|
}) => {
|
|
1355
|
-
const [c, d] = e.useState([]),
|
|
1360
|
+
const [c, d] = e.useState([]), n = r === "scroll", i = u(
|
|
1356
1361
|
se[_t],
|
|
1357
1362
|
t,
|
|
1358
1363
|
l && se[`${_t}--vertical`]
|
|
1359
|
-
),
|
|
1364
|
+
), s = `${_t}__menu-wrapper`, m = {
|
|
1360
1365
|
root: document.querySelector(`${a}`),
|
|
1361
1366
|
threshold: 1
|
|
1362
|
-
}, g = !
|
|
1367
|
+
}, g = !n && c.length !== 0, h = (p) => {
|
|
1363
1368
|
p.map((y) => {
|
|
1364
1369
|
const v = c.includes(y.target.id);
|
|
1365
1370
|
if (!y.isIntersecting) {
|
|
@@ -1374,16 +1379,16 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1374
1379
|
};
|
|
1375
1380
|
e.useEffect(() => {
|
|
1376
1381
|
const p = !!window.IntersectionObserver;
|
|
1377
|
-
if (!
|
|
1382
|
+
if (!n && p) {
|
|
1378
1383
|
const y = document.querySelectorAll(
|
|
1379
1384
|
`.${se[`${_t}__items__button`]}`
|
|
1380
1385
|
), v = new IntersectionObserver(
|
|
1381
|
-
|
|
1386
|
+
h,
|
|
1382
1387
|
m
|
|
1383
1388
|
);
|
|
1384
1389
|
return y.forEach((E) => v.observe(E)), () => v.disconnect();
|
|
1385
1390
|
}
|
|
1386
|
-
}, [c,
|
|
1391
|
+
}, [c, n]);
|
|
1387
1392
|
const b = (p) => _.filter(
|
|
1388
1393
|
(v) => p.find((E) => E === v.key)
|
|
1389
1394
|
).map((v) => ({
|
|
@@ -1395,7 +1400,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1395
1400
|
"div",
|
|
1396
1401
|
{
|
|
1397
1402
|
className: u(se[`${_t}__items`], {
|
|
1398
|
-
[se[`${_t}__items--scroll`]]:
|
|
1403
|
+
[se[`${_t}__items--scroll`]]: n
|
|
1399
1404
|
})
|
|
1400
1405
|
},
|
|
1401
1406
|
_.map((p) => /* @__PURE__ */ e.createElement(
|
|
@@ -1407,20 +1412,20 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1407
1412
|
vertical: l
|
|
1408
1413
|
}
|
|
1409
1414
|
))
|
|
1410
|
-
), g && /* @__PURE__ */ e.createElement("div", { className: se[
|
|
1415
|
+
), g && /* @__PURE__ */ e.createElement("div", { className: se[s] }, /* @__PURE__ */ e.createElement(
|
|
1411
1416
|
o_,
|
|
1412
1417
|
{
|
|
1413
1418
|
placement: l ? "left-end" : "bottom-end",
|
|
1414
1419
|
options: b(c),
|
|
1415
1420
|
triggerClassName: u(
|
|
1416
|
-
l && se[`${
|
|
1421
|
+
l && se[`${s}__trigger-vertical`]
|
|
1417
1422
|
),
|
|
1418
1423
|
triggerRenderer: /* @__PURE__ */ e.createElement(
|
|
1419
1424
|
U,
|
|
1420
1425
|
{
|
|
1421
1426
|
className: u(
|
|
1422
|
-
se[`${
|
|
1423
|
-
f && se[`${
|
|
1427
|
+
se[`${s}__button`],
|
|
1428
|
+
f && se[`${s}__button--active`]
|
|
1424
1429
|
),
|
|
1425
1430
|
kind: "plain",
|
|
1426
1431
|
icon: /* @__PURE__ */ e.createElement(
|
|
@@ -1436,7 +1441,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1436
1441
|
"div",
|
|
1437
1442
|
{
|
|
1438
1443
|
className: u(
|
|
1439
|
-
se[`${
|
|
1444
|
+
se[`${s}__button__with-item`]
|
|
1440
1445
|
)
|
|
1441
1446
|
},
|
|
1442
1447
|
f.element
|
|
@@ -1444,10 +1449,10 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1444
1449
|
)
|
|
1445
1450
|
}
|
|
1446
1451
|
)));
|
|
1447
|
-
}, w_ = "lc-Alert-module__alert___HBTns",
|
|
1452
|
+
}, w_ = "lc-Alert-module__alert___HBTns", C_ = "lc-Alert-module__alert__icon___8TaAH", N_ = "lc-Alert-module__alert__content___9nZdf", x_ = "lc-Alert-module__alert__content__wrapper___aLBkP", S_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", D_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", T_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
|
|
1448
1453
|
alert: w_,
|
|
1449
|
-
alert__icon:
|
|
1450
|
-
alert__content:
|
|
1454
|
+
alert__icon: C_,
|
|
1455
|
+
alert__content: N_,
|
|
1451
1456
|
alert__content__wrapper: x_,
|
|
1452
1457
|
alert__content__wrapper__text: S_,
|
|
1453
1458
|
alert__content__wrapper__cta: D_,
|
|
@@ -1478,14 +1483,14 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1478
1483
|
kind: "error"
|
|
1479
1484
|
}
|
|
1480
1485
|
}, ye = "alert", pc = (d) => {
|
|
1481
|
-
var
|
|
1486
|
+
var n = d, {
|
|
1482
1487
|
children: t,
|
|
1483
1488
|
className: a,
|
|
1484
1489
|
primaryButton: r,
|
|
1485
1490
|
secondaryButton: _,
|
|
1486
1491
|
kind: o = "info",
|
|
1487
1492
|
onClose: l
|
|
1488
|
-
} =
|
|
1493
|
+
} = n, c = A(n, [
|
|
1489
1494
|
"children",
|
|
1490
1495
|
"className",
|
|
1491
1496
|
"primaryButton",
|
|
@@ -1493,22 +1498,22 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1493
1498
|
"kind",
|
|
1494
1499
|
"onClose"
|
|
1495
1500
|
]);
|
|
1496
|
-
const i = e.useRef(null), [
|
|
1501
|
+
const i = e.useRef(null), [s, m] = e.useState(null), g = u(
|
|
1497
1502
|
ke[ye],
|
|
1498
1503
|
ke[`${ye}--${o}`],
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1504
|
+
s === "large" && ke[`${ye}--large`],
|
|
1505
|
+
s === "medium" && ke[`${ye}--medium`],
|
|
1506
|
+
s === "small" && ke[`${ye}--small`],
|
|
1502
1507
|
a
|
|
1503
1508
|
);
|
|
1504
1509
|
return e.useEffect(() => {
|
|
1505
|
-
const
|
|
1506
|
-
|
|
1510
|
+
const h = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m("large"), b = gr(() => {
|
|
1511
|
+
h();
|
|
1507
1512
|
}, 500);
|
|
1508
|
-
return window.addEventListener("resize", b),
|
|
1509
|
-
}), /* @__PURE__ */ e.createElement("div",
|
|
1513
|
+
return window.addEventListener("resize", b), h(), () => window.removeEventListener("resize", b);
|
|
1514
|
+
}), /* @__PURE__ */ e.createElement("div", k({ ref: i, className: g }, c), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1510
1515
|
D,
|
|
1511
|
-
|
|
1516
|
+
C(k({}, B_[o]), {
|
|
1512
1517
|
size: "large",
|
|
1513
1518
|
className: ke[`${ye}__icon`]
|
|
1514
1519
|
})
|
|
@@ -1530,6 +1535,7 @@ const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
|
1530
1535
|
))), l && /* @__PURE__ */ e.createElement(
|
|
1531
1536
|
U,
|
|
1532
1537
|
{
|
|
1538
|
+
"aria-label": "Close alert",
|
|
1533
1539
|
type: "button",
|
|
1534
1540
|
className: ke[`${ye}__close-icon`],
|
|
1535
1541
|
size: "compact",
|
|
@@ -1615,62 +1621,74 @@ const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1615
1621
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1616
1622
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1617
1623
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1618
|
-
}, X = "avatar", O_ = ({
|
|
1619
|
-
|
|
1620
|
-
|
|
1621
|
-
|
|
1622
|
-
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1624
|
+
}, X = "avatar", O_ = (m) => {
|
|
1625
|
+
var g = m, {
|
|
1626
|
+
alt: t,
|
|
1627
|
+
className: a,
|
|
1628
|
+
color: r,
|
|
1629
|
+
shape: _ = "circle",
|
|
1630
|
+
size: o = "medium",
|
|
1631
|
+
src: l,
|
|
1632
|
+
status: c,
|
|
1633
|
+
text: d,
|
|
1634
|
+
type: n,
|
|
1635
|
+
withRim: i = !1
|
|
1636
|
+
} = g, s = A(g, [
|
|
1637
|
+
"alt",
|
|
1638
|
+
"className",
|
|
1639
|
+
"color",
|
|
1640
|
+
"shape",
|
|
1641
|
+
"size",
|
|
1642
|
+
"src",
|
|
1643
|
+
"status",
|
|
1644
|
+
"text",
|
|
1645
|
+
"type",
|
|
1646
|
+
"withRim"
|
|
1647
|
+
]);
|
|
1648
|
+
const h = n === "image" && !l, [b, f] = e.useState(h), p = n === "image" && !!l && !b, y = n === "text", v = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, E = A_(d, v), w = r || P_(d), x = w ? I_(w) : void 0, $ = y ? { backgroundColor: w } : {}, F = u(k({
|
|
1631
1649
|
[be[X]]: !0,
|
|
1632
1650
|
[be[`${X}--${_}`]]: !0,
|
|
1633
1651
|
[be[`${X}--${o}`]]: !0,
|
|
1634
1652
|
[be[`${X}--with-rim`]]: i
|
|
1635
|
-
}, a ? { [`${a}`]: a } : {})),
|
|
1653
|
+
}, a ? { [`${a}`]: a } : {})), S = u(
|
|
1636
1654
|
be[`${X}__status`],
|
|
1637
1655
|
be[`${X}__status--${_}`],
|
|
1638
1656
|
be[`${X}__status--${o}`],
|
|
1639
1657
|
...c ? [be[`${X}__status--${c}`]] : []
|
|
1640
|
-
),
|
|
1658
|
+
), R = u(
|
|
1641
1659
|
be[`${X}__icon`],
|
|
1642
1660
|
be[`${X}__icon--${o}`]
|
|
1643
|
-
),
|
|
1661
|
+
), B = u(
|
|
1644
1662
|
be[`${X}__rim`],
|
|
1645
1663
|
be[`${X}__rim--${o}`]
|
|
1646
|
-
),
|
|
1664
|
+
), L = e.useCallback(() => f(!0), []);
|
|
1647
1665
|
return e.useEffect(() => {
|
|
1648
|
-
|
|
1649
|
-
}, [
|
|
1666
|
+
f(h);
|
|
1667
|
+
}, [h]), /* @__PURE__ */ e.createElement("div", k({ className: F, style: $ }, s), i && /* @__PURE__ */ e.createElement(
|
|
1650
1668
|
"div",
|
|
1651
1669
|
{
|
|
1652
1670
|
"data-testid": `${X}__rim`,
|
|
1653
|
-
className:
|
|
1671
|
+
className: B
|
|
1654
1672
|
}
|
|
1655
1673
|
), c && /* @__PURE__ */ e.createElement(
|
|
1656
1674
|
"div",
|
|
1657
1675
|
{
|
|
1658
1676
|
"data-testid": `${X}__status`,
|
|
1659
|
-
className:
|
|
1677
|
+
className: S
|
|
1660
1678
|
}
|
|
1661
|
-
),
|
|
1679
|
+
), p && /* @__PURE__ */ e.createElement(
|
|
1662
1680
|
"img",
|
|
1663
1681
|
{
|
|
1664
1682
|
className: be[`${X}__image`],
|
|
1665
1683
|
src: l,
|
|
1666
1684
|
alt: t,
|
|
1667
|
-
onError:
|
|
1685
|
+
onError: L
|
|
1668
1686
|
}
|
|
1669
|
-
),
|
|
1687
|
+
), y && /* @__PURE__ */ e.createElement("span", { style: { color: x } }, E), b && /* @__PURE__ */ e.createElement(
|
|
1670
1688
|
D,
|
|
1671
1689
|
{
|
|
1672
1690
|
"data-testid": `${X}__icon`,
|
|
1673
|
-
className:
|
|
1691
|
+
className: R,
|
|
1674
1692
|
source: Fr
|
|
1675
1693
|
}
|
|
1676
1694
|
));
|
|
@@ -1688,14 +1706,14 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
|
|
|
1688
1706
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
1689
1707
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
1690
1708
|
}, Ot = "badge", U_ = (d) => {
|
|
1691
|
-
var
|
|
1709
|
+
var n = d, {
|
|
1692
1710
|
className: t,
|
|
1693
1711
|
count: a = 0,
|
|
1694
1712
|
max: r = 99,
|
|
1695
1713
|
kind: _ = "primary",
|
|
1696
1714
|
size: o = "medium",
|
|
1697
1715
|
type: l = "counter"
|
|
1698
|
-
} =
|
|
1716
|
+
} = n, c = A(n, [
|
|
1699
1717
|
"className",
|
|
1700
1718
|
"count",
|
|
1701
1719
|
"max",
|
|
@@ -1708,12 +1726,12 @@ const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot__
|
|
|
1708
1726
|
Lt[Ot],
|
|
1709
1727
|
Lt[`${Ot}--${_}`],
|
|
1710
1728
|
Lt[`${Ot}--${o}`]
|
|
1711
|
-
),
|
|
1729
|
+
), s = {
|
|
1712
1730
|
counter: H_(a, r),
|
|
1713
1731
|
alert: "!",
|
|
1714
1732
|
dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
|
|
1715
1733
|
}[l];
|
|
1716
|
-
return /* @__PURE__ */ e.createElement("span",
|
|
1734
|
+
return /* @__PURE__ */ e.createElement("span", k({ className: i }, c), s);
|
|
1717
1735
|
};
|
|
1718
1736
|
function W_() {
|
|
1719
1737
|
}
|
|
@@ -1733,18 +1751,18 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1733
1751
|
fullWidth: l = !1,
|
|
1734
1752
|
onButtonClick: c = W_
|
|
1735
1753
|
}) => {
|
|
1736
|
-
const d = u(Ht[Y_], r), [
|
|
1754
|
+
const d = u(Ht[Y_], r), [n, i] = e.useState(() => _), s = typeof o == "string";
|
|
1737
1755
|
e.useEffect(() => {
|
|
1738
|
-
|
|
1756
|
+
s && i(o);
|
|
1739
1757
|
}, [o]);
|
|
1740
|
-
const m = (
|
|
1741
|
-
|
|
1742
|
-
}, g = a.map(({ id:
|
|
1743
|
-
const v =
|
|
1758
|
+
const m = (h, b) => {
|
|
1759
|
+
s || i(h), c(h, b);
|
|
1760
|
+
}, g = a.map(({ id: h, label: b, loading: f, disabled: p, icon: y }) => {
|
|
1761
|
+
const v = h === n, E = v ? Ht["btn--active"] : "", w = v ? !1 : f;
|
|
1744
1762
|
return /* @__PURE__ */ e.createElement(
|
|
1745
1763
|
U,
|
|
1746
1764
|
{
|
|
1747
|
-
key:
|
|
1765
|
+
key: h,
|
|
1748
1766
|
fullWidth: l,
|
|
1749
1767
|
loading: w,
|
|
1750
1768
|
disabled: p,
|
|
@@ -1753,7 +1771,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1753
1771
|
icon: y,
|
|
1754
1772
|
className: u(Ht.btn, Ht[`btn--${t}`], E),
|
|
1755
1773
|
onClick: (x) => {
|
|
1756
|
-
m(
|
|
1774
|
+
m(h, x);
|
|
1757
1775
|
}
|
|
1758
1776
|
},
|
|
1759
1777
|
b
|
|
@@ -1775,7 +1793,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1775
1793
|
card__actions__buttons: ao,
|
|
1776
1794
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
1777
1795
|
}, Dt = "card", Jt = `${Dt}__header`, ha = `${Jt}__heading`, zt = `${Dt}__actions`, ro = `${Jt}__no-image`, bc = (i) => {
|
|
1778
|
-
var
|
|
1796
|
+
var s = i, {
|
|
1779
1797
|
alt: t,
|
|
1780
1798
|
buttonsOptions: a = [],
|
|
1781
1799
|
children: r,
|
|
@@ -1784,7 +1802,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1784
1802
|
expandableContent: l,
|
|
1785
1803
|
src: c,
|
|
1786
1804
|
title: d
|
|
1787
|
-
} =
|
|
1805
|
+
} = s, n = A(s, [
|
|
1788
1806
|
"alt",
|
|
1789
1807
|
"buttonsOptions",
|
|
1790
1808
|
"children",
|
|
@@ -1794,8 +1812,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1794
1812
|
"src",
|
|
1795
1813
|
"title"
|
|
1796
1814
|
]);
|
|
1797
|
-
const [m, g] = e.useState(!1),
|
|
1798
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
1815
|
+
const [m, g] = e.useState(!1), h = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!l, y = f || p, v = d, E = c, w = E ? "" : fe[ro];
|
|
1816
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: u(fe[Dt], _) }, n), v && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
|
|
1799
1817
|
"img",
|
|
1800
1818
|
{
|
|
1801
1819
|
alt: t,
|
|
@@ -1818,7 +1836,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1818
1836
|
className: fe[`${zt}__buttons-expander`],
|
|
1819
1837
|
kind: "link",
|
|
1820
1838
|
iconPosition: "right",
|
|
1821
|
-
icon: /* @__PURE__ */ e.createElement(D, { source:
|
|
1839
|
+
icon: /* @__PURE__ */ e.createElement(D, { source: h }),
|
|
1822
1840
|
onClick: () => g(!m)
|
|
1823
1841
|
},
|
|
1824
1842
|
b
|
|
@@ -1834,7 +1852,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1834
1852
|
"className"
|
|
1835
1853
|
]);
|
|
1836
1854
|
const l = u(_o[oo], a);
|
|
1837
|
-
return /* @__PURE__ */ e.createElement(M,
|
|
1855
|
+
return /* @__PURE__ */ e.createElement(M, C(k({ as: "span", size: "sm" }, r), { className: l }), t);
|
|
1838
1856
|
}, lo = "lc-Checkbox-module__checkbox___G7nTf", co = "lc-Checkbox-module__checkbox__label___-o01x", no = "lc-Checkbox-module__checkbox__text___P2SIq", so = "lc-Checkbox-module__checkbox__input___YLbVF", io = "lc-Checkbox-module__checkbox__checkmark___16pfY", uo = "lc-Checkbox-module__checkbox__square___MHUyd", mo = "lc-Checkbox-module__checkbox__helper___YSJ-n", je = {
|
|
1839
1857
|
checkbox: lo,
|
|
1840
1858
|
checkbox__label: co,
|
|
@@ -1847,7 +1865,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1847
1865
|
checkbox__helper: mo
|
|
1848
1866
|
}, Ze = "checkbox", po = e.forwardRef(
|
|
1849
1867
|
(d, c) => {
|
|
1850
|
-
var
|
|
1868
|
+
var n = d, { checked: t, disabled: a, children: r, description: _, className: o } = n, l = A(n, ["checked", "disabled", "children", "description", "className"]);
|
|
1851
1869
|
return /* @__PURE__ */ e.createElement(
|
|
1852
1870
|
"div",
|
|
1853
1871
|
{
|
|
@@ -1858,7 +1876,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1858
1876
|
},
|
|
1859
1877
|
/* @__PURE__ */ e.createElement("label", { className: je[`${Ze}__label`] }, /* @__PURE__ */ e.createElement(
|
|
1860
1878
|
"input",
|
|
1861
|
-
|
|
1879
|
+
C(k({}, l), {
|
|
1862
1880
|
ref: c,
|
|
1863
1881
|
checked: t,
|
|
1864
1882
|
disabled: a,
|
|
@@ -1913,20 +1931,20 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1913
1931
|
showPreviousButton: l,
|
|
1914
1932
|
className: c,
|
|
1915
1933
|
classNames: d,
|
|
1916
|
-
numberOfMonths:
|
|
1934
|
+
numberOfMonths: n,
|
|
1917
1935
|
month: i,
|
|
1918
|
-
fromMonth:
|
|
1936
|
+
fromMonth: s,
|
|
1919
1937
|
toMonth: m
|
|
1920
1938
|
} = t, g = () => {
|
|
1921
1939
|
typeof a == "function" && a();
|
|
1922
|
-
},
|
|
1940
|
+
}, h = () => {
|
|
1923
1941
|
typeof _ == "function" && _();
|
|
1924
1942
|
}, b = () => {
|
|
1925
|
-
if (!
|
|
1943
|
+
if (!s) {
|
|
1926
1944
|
const v = pt(i, 12);
|
|
1927
1945
|
return r(v);
|
|
1928
1946
|
}
|
|
1929
|
-
const p = Math.abs(Ga(i,
|
|
1947
|
+
const p = Math.abs(Ga(i, s)), y = pt(
|
|
1930
1948
|
i,
|
|
1931
1949
|
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1932
1950
|
);
|
|
@@ -1940,7 +1958,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1940
1958
|
i,
|
|
1941
1959
|
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1942
1960
|
);
|
|
1943
|
-
return
|
|
1961
|
+
return n === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
|
|
1944
1962
|
};
|
|
1945
1963
|
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1946
1964
|
"button",
|
|
@@ -1972,7 +1990,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
1972
1990
|
[d.navButtonNext]: !0,
|
|
1973
1991
|
[d.navButtonInteractionDisabled]: !o
|
|
1974
1992
|
}),
|
|
1975
|
-
onClick:
|
|
1993
|
+
onClick: h
|
|
1976
1994
|
},
|
|
1977
1995
|
/* @__PURE__ */ e.createElement(D, { source: Sa, kind: "subtle" })
|
|
1978
1996
|
), /* @__PURE__ */ e.createElement(
|
|
@@ -2000,9 +2018,9 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2000
2018
|
if (!a || !t)
|
|
2001
2019
|
return r;
|
|
2002
2020
|
const _ = br(a, t);
|
|
2003
|
-
return _ > 0 ?
|
|
2021
|
+
return _ > 0 ? C(k({}, r), {
|
|
2004
2022
|
[T[`${I}__day--end`]]: a
|
|
2005
|
-
}) : _ < 0 ?
|
|
2023
|
+
}) : _ < 0 ? C(k({}, r), {
|
|
2006
2024
|
[T[`${I}__day--start`]]: a
|
|
2007
2025
|
}) : r;
|
|
2008
2026
|
}, xt = (t, a) => {
|
|
@@ -2017,7 +2035,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2017
2035
|
t.options
|
|
2018
2036
|
);
|
|
2019
2037
|
return r ? (a.selectedItem = t.initialSelectedItemKey, r.isManual && (t.initialFromDate && (a.from = t.initialFromDate), t.initialToDate && (a.to = t.initialToDate, a.temporaryTo = t.initialToDate)), a) : {};
|
|
2020
|
-
}, vo = (t, a) =>
|
|
2038
|
+
}, vo = (t, a) => k({
|
|
2021
2039
|
container: u({
|
|
2022
2040
|
[T[`${I}`]]: !0,
|
|
2023
2041
|
[T[`${I}--range`]]: t
|
|
@@ -2064,9 +2082,9 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2064
2082
|
fromMonth: l,
|
|
2065
2083
|
firstDayOfWeek: c,
|
|
2066
2084
|
numberOfMonths: d,
|
|
2067
|
-
navbarElement:
|
|
2085
|
+
navbarElement: n,
|
|
2068
2086
|
renderDay: i,
|
|
2069
|
-
innerRef:
|
|
2087
|
+
innerRef: s
|
|
2070
2088
|
} = y, m = A(y, [
|
|
2071
2089
|
"classNames",
|
|
2072
2090
|
"range",
|
|
@@ -2078,11 +2096,11 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2078
2096
|
"navbarElement",
|
|
2079
2097
|
"renderDay",
|
|
2080
2098
|
"innerRef"
|
|
2081
|
-
]), [g,
|
|
2099
|
+
]), [g, h] = e.useState(o || /* @__PURE__ */ new Date());
|
|
2082
2100
|
e.useEffect(() => {
|
|
2083
|
-
o && o !== g &&
|
|
2101
|
+
o && o !== g && h(o);
|
|
2084
2102
|
}, [o, g]), e.useEffect(() => {
|
|
2085
|
-
_ && ($r(g, { from: l, to: _ }) ||
|
|
2103
|
+
_ && ($r(g, { from: l, to: _ }) || h(_));
|
|
2086
2104
|
}, [g, t.toMonth, t.fromMonth]);
|
|
2087
2105
|
const b = e.useCallback(
|
|
2088
2106
|
(v) => {
|
|
@@ -2090,7 +2108,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2090
2108
|
t.onMonthChange(v);
|
|
2091
2109
|
return;
|
|
2092
2110
|
}
|
|
2093
|
-
|
|
2111
|
+
h(v);
|
|
2094
2112
|
},
|
|
2095
2113
|
[o, t.onMonthChange]
|
|
2096
2114
|
);
|
|
@@ -2102,8 +2120,8 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2102
2120
|
);
|
|
2103
2121
|
return /* @__PURE__ */ e.createElement(
|
|
2104
2122
|
e_,
|
|
2105
|
-
|
|
2106
|
-
navbarElement:
|
|
2123
|
+
k({
|
|
2124
|
+
navbarElement: n || /* @__PURE__ */ e.createElement(
|
|
2107
2125
|
go,
|
|
2108
2126
|
{
|
|
2109
2127
|
month: g,
|
|
@@ -2114,7 +2132,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2114
2132
|
fromMonth: l
|
|
2115
2133
|
}
|
|
2116
2134
|
),
|
|
2117
|
-
ref:
|
|
2135
|
+
ref: s,
|
|
2118
2136
|
classNames: p,
|
|
2119
2137
|
numberOfMonths: d,
|
|
2120
2138
|
toMonth: _,
|
|
@@ -2125,7 +2143,7 @@ const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
|
2125
2143
|
}, m)
|
|
2126
2144
|
);
|
|
2127
2145
|
}, yo = e.forwardRef(
|
|
2128
|
-
(t, a) => /* @__PURE__ */ e.createElement(ko,
|
|
2146
|
+
(t, a) => /* @__PURE__ */ e.createElement(ko, k({ innerRef: a }, t))
|
|
2129
2147
|
);
|
|
2130
2148
|
yo.displayName = "DatePicker";
|
|
2131
2149
|
var V = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(V || {});
|
|
@@ -2134,7 +2152,7 @@ const Eo = (t) => {
|
|
|
2134
2152
|
t.initialFromDate,
|
|
2135
2153
|
t.initialToDate,
|
|
2136
2154
|
t.toMonth
|
|
2137
|
-
), _ =
|
|
2155
|
+
), _ = k(k({}, {
|
|
2138
2156
|
selectedItem: null,
|
|
2139
2157
|
from: void 0,
|
|
2140
2158
|
to: void 0,
|
|
@@ -2152,36 +2170,36 @@ const Eo = (t) => {
|
|
|
2152
2170
|
currentMonth: a
|
|
2153
2171
|
};
|
|
2154
2172
|
case V.NEW_TEMPORARY_TO_VALUE:
|
|
2155
|
-
return
|
|
2173
|
+
return C(k({}, l), {
|
|
2156
2174
|
temporaryTo: c.payload.date
|
|
2157
2175
|
});
|
|
2158
2176
|
case V.SELECT_FIRST_DAY:
|
|
2159
|
-
return
|
|
2177
|
+
return C(k({}, l), {
|
|
2160
2178
|
from: c.payload.date,
|
|
2161
2179
|
to: void 0,
|
|
2162
2180
|
temporaryTo: void 0
|
|
2163
2181
|
});
|
|
2164
2182
|
case V.SELECT_SECOND_DAY_AS_FROM:
|
|
2165
|
-
return
|
|
2183
|
+
return C(k({}, l), {
|
|
2166
2184
|
from: c.payload.date,
|
|
2167
2185
|
to: l.from,
|
|
2168
2186
|
temporaryTo: l.from
|
|
2169
2187
|
});
|
|
2170
2188
|
case V.SELECT_SECOND_DAY_AS_TO:
|
|
2171
|
-
return
|
|
2189
|
+
return C(k({}, l), {
|
|
2172
2190
|
to: c.payload.date,
|
|
2173
2191
|
temporaryTo: c.payload.date
|
|
2174
2192
|
});
|
|
2175
2193
|
case V.CURRENT_MONTH_CHANGE:
|
|
2176
|
-
return
|
|
2194
|
+
return C(k({}, l), {
|
|
2177
2195
|
currentMonth: c.payload.date
|
|
2178
2196
|
});
|
|
2179
2197
|
case V.SET_FROM:
|
|
2180
|
-
return
|
|
2198
|
+
return C(k({}, l), {
|
|
2181
2199
|
from: c.payload.date
|
|
2182
2200
|
});
|
|
2183
2201
|
case V.SET_TO:
|
|
2184
|
-
return
|
|
2202
|
+
return C(k({}, l), {
|
|
2185
2203
|
to: c.payload.date
|
|
2186
2204
|
});
|
|
2187
2205
|
default:
|
|
@@ -2200,7 +2218,7 @@ const Eo = (t) => {
|
|
|
2200
2218
|
}) => {
|
|
2201
2219
|
const d = Ir(
|
|
2202
2220
|
a || null
|
|
2203
|
-
), [
|
|
2221
|
+
), [n, i] = Eo({
|
|
2204
2222
|
options: t,
|
|
2205
2223
|
initialSelectedItemKey: a,
|
|
2206
2224
|
initialFromDate: r,
|
|
@@ -2230,18 +2248,18 @@ const Eo = (t) => {
|
|
|
2230
2248
|
payload: { date: f }
|
|
2231
2249
|
});
|
|
2232
2250
|
}, [o, r, _]), ut(() => {
|
|
2233
|
-
const { from: f, selectedItem: p, to: y } =
|
|
2251
|
+
const { from: f, selectedItem: p, to: y } = n;
|
|
2234
2252
|
if (!(f && y))
|
|
2235
2253
|
return;
|
|
2236
2254
|
const v = xt(p, t);
|
|
2237
|
-
v && (l == null || l(
|
|
2255
|
+
v && (l == null || l(C(k({}, v), {
|
|
2238
2256
|
value: {
|
|
2239
2257
|
from: f,
|
|
2240
2258
|
to: y
|
|
2241
2259
|
}
|
|
2242
2260
|
})));
|
|
2243
|
-
}, [
|
|
2244
|
-
const { selectedItem: f } =
|
|
2261
|
+
}, [n.from, n.to, n.selectedItem, t, l]), ut(() => {
|
|
2262
|
+
const { selectedItem: f } = n;
|
|
2245
2263
|
if (f === d.current)
|
|
2246
2264
|
return;
|
|
2247
2265
|
if (!f) {
|
|
@@ -2251,23 +2269,23 @@ const Eo = (t) => {
|
|
|
2251
2269
|
if (!xt(f, t))
|
|
2252
2270
|
return;
|
|
2253
2271
|
const y = t.reduce(
|
|
2254
|
-
(v, E) =>
|
|
2272
|
+
(v, E) => C(k({}, v), { [E.id]: E }),
|
|
2255
2273
|
{}
|
|
2256
2274
|
);
|
|
2257
2275
|
l(y[f]);
|
|
2258
|
-
}, [l,
|
|
2259
|
-
const
|
|
2276
|
+
}, [l, n.selectedItem, t]);
|
|
2277
|
+
const s = It(
|
|
2260
2278
|
(f) => {
|
|
2261
2279
|
const p = o ? br(o, f) >= 0 : !0;
|
|
2262
|
-
!Za(
|
|
2280
|
+
!Za(n.from, n.to) && p && i({
|
|
2263
2281
|
type: V.NEW_TEMPORARY_TO_VALUE,
|
|
2264
2282
|
payload: { date: f }
|
|
2265
2283
|
});
|
|
2266
2284
|
},
|
|
2267
|
-
[o,
|
|
2285
|
+
[o, n.from, n.to]
|
|
2268
2286
|
), m = It(
|
|
2269
2287
|
(f) => {
|
|
2270
|
-
const { from: p, to: y } =
|
|
2288
|
+
const { from: p, to: y } = n;
|
|
2271
2289
|
$r(f, { to: o }) && (Za(p, y) ? i({
|
|
2272
2290
|
type: V.SELECT_FIRST_DAY,
|
|
2273
2291
|
payload: { date: f }
|
|
@@ -2279,7 +2297,7 @@ const Eo = (t) => {
|
|
|
2279
2297
|
payload: { date: f }
|
|
2280
2298
|
}));
|
|
2281
2299
|
},
|
|
2282
|
-
[o,
|
|
2300
|
+
[o, n.from, n.to]
|
|
2283
2301
|
), g = It(
|
|
2284
2302
|
(f) => {
|
|
2285
2303
|
if (f === null) {
|
|
@@ -2295,14 +2313,14 @@ const Eo = (t) => {
|
|
|
2295
2313
|
});
|
|
2296
2314
|
},
|
|
2297
2315
|
[t]
|
|
2298
|
-
),
|
|
2316
|
+
), h = It((f) => {
|
|
2299
2317
|
i({
|
|
2300
2318
|
type: V.CURRENT_MONTH_CHANGE,
|
|
2301
2319
|
payload: { date: f }
|
|
2302
2320
|
});
|
|
2303
2321
|
}, []);
|
|
2304
2322
|
return c((() => {
|
|
2305
|
-
const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } =
|
|
2323
|
+
const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = n, w = Ft(
|
|
2306
2324
|
() => bo(p, v),
|
|
2307
2325
|
[p, v]
|
|
2308
2326
|
), x = Ft(() => xt(y, t), [t, y]), $ = Ft(() => [p, { from: p, to: v }], [p, v]), F = Ft(() => o ? { after: o } : void 0, [o]);
|
|
@@ -2325,8 +2343,8 @@ const Eo = (t) => {
|
|
|
2325
2343
|
initialMonth: o && pt(o, 1),
|
|
2326
2344
|
toMonth: o,
|
|
2327
2345
|
disabledDays: F,
|
|
2328
|
-
onDayMouseEnter:
|
|
2329
|
-
onMonthChange:
|
|
2346
|
+
onDayMouseEnter: s,
|
|
2347
|
+
onMonthChange: h
|
|
2330
2348
|
},
|
|
2331
2349
|
selectedOption: x
|
|
2332
2350
|
};
|
|
@@ -2350,8 +2368,8 @@ const fc = (t) => {
|
|
|
2350
2368
|
a,
|
|
2351
2369
|
T["date-picker--range__calendars-wrapper"]
|
|
2352
2370
|
);
|
|
2353
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2354
|
-
},
|
|
2371
|
+
return /* @__PURE__ */ e.createElement("div", C(k({}, _), { className: o }), r);
|
|
2372
|
+
}, O = {
|
|
2355
2373
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
2356
2374
|
"details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
|
|
2357
2375
|
"details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
|
|
@@ -2373,7 +2391,7 @@ const fc = (t) => {
|
|
|
2373
2391
|
"details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
|
|
2374
2392
|
"details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
|
|
2375
2393
|
"details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
|
|
2376
|
-
},
|
|
2394
|
+
}, H = "details-card", vc = ({
|
|
2377
2395
|
children: t,
|
|
2378
2396
|
className: a,
|
|
2379
2397
|
leftNode: r,
|
|
@@ -2382,21 +2400,21 @@ const fc = (t) => {
|
|
|
2382
2400
|
withDivider: l,
|
|
2383
2401
|
fullSpaceContent: c,
|
|
2384
2402
|
openOnInit: d = !1,
|
|
2385
|
-
hideLabelOnOpen:
|
|
2403
|
+
hideLabelOnOpen: n,
|
|
2386
2404
|
onClick: i
|
|
2387
2405
|
}) => {
|
|
2388
|
-
const [
|
|
2389
|
-
|
|
2390
|
-
l &&
|
|
2406
|
+
const [s, m] = e.useState(d), [g, h] = e.useState(0), b = e.useRef(null), f = u(
|
|
2407
|
+
O[H],
|
|
2408
|
+
l && O[`${H}--with-divider`],
|
|
2391
2409
|
a
|
|
2392
|
-
), p =
|
|
2410
|
+
), p = n && s, y = typeof o == "string", v = () => {
|
|
2393
2411
|
m((E) => !E), i == null || i();
|
|
2394
2412
|
};
|
|
2395
2413
|
return e.useEffect(() => {
|
|
2396
2414
|
const E = !!window.IntersectionObserver;
|
|
2397
2415
|
if (b.current && E) {
|
|
2398
2416
|
const w = new ResizeObserver(() => {
|
|
2399
|
-
b.current && g !== b.current.offsetHeight &&
|
|
2417
|
+
b.current && g !== b.current.offsetHeight && h(b.current.offsetHeight);
|
|
2400
2418
|
});
|
|
2401
2419
|
return w.observe(b.current), () => w.disconnect();
|
|
2402
2420
|
}
|
|
@@ -2404,12 +2422,12 @@ const fc = (t) => {
|
|
|
2404
2422
|
"button",
|
|
2405
2423
|
{
|
|
2406
2424
|
className: u(
|
|
2407
|
-
|
|
2408
|
-
p &&
|
|
2409
|
-
|
|
2425
|
+
O[`${H}__button`],
|
|
2426
|
+
p && O[`${H}__button--hide`],
|
|
2427
|
+
s && O[`${H}__button--open`]
|
|
2410
2428
|
),
|
|
2411
2429
|
onClick: v,
|
|
2412
|
-
"aria-expanded":
|
|
2430
|
+
"aria-expanded": s,
|
|
2413
2431
|
"aria-hidden": p,
|
|
2414
2432
|
"data-testid": "details-card-button"
|
|
2415
2433
|
},
|
|
@@ -2417,63 +2435,63 @@ const fc = (t) => {
|
|
|
2417
2435
|
"div",
|
|
2418
2436
|
{
|
|
2419
2437
|
className: u(
|
|
2420
|
-
|
|
2421
|
-
|
|
2438
|
+
O[`${H}__label`],
|
|
2439
|
+
n && O[`${H}__label--with-margin`]
|
|
2422
2440
|
)
|
|
2423
2441
|
},
|
|
2424
|
-
r && /* @__PURE__ */ e.createElement("div", { className:
|
|
2442
|
+
r && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__left-node`] }, r),
|
|
2425
2443
|
y ? /* @__PURE__ */ e.createElement(
|
|
2426
2444
|
tt,
|
|
2427
2445
|
{
|
|
2428
2446
|
size: "xs",
|
|
2429
|
-
className:
|
|
2447
|
+
className: O[`${H}__label__content`]
|
|
2430
2448
|
},
|
|
2431
2449
|
o
|
|
2432
|
-
) : /* @__PURE__ */ e.createElement("div", { className:
|
|
2433
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
2450
|
+
) : /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__content`] }, o),
|
|
2451
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__right-node`] }, _)
|
|
2434
2452
|
),
|
|
2435
|
-
!
|
|
2453
|
+
!n && /* @__PURE__ */ e.createElement(
|
|
2436
2454
|
D,
|
|
2437
2455
|
{
|
|
2438
2456
|
className: u(
|
|
2439
|
-
|
|
2440
|
-
|
|
2457
|
+
O[`${H}__button__icon`],
|
|
2458
|
+
s && O[`${H}__button__icon--open`]
|
|
2441
2459
|
),
|
|
2442
2460
|
source: Sa
|
|
2443
2461
|
}
|
|
2444
2462
|
)
|
|
2445
|
-
),
|
|
2463
|
+
), n && /* @__PURE__ */ e.createElement(
|
|
2446
2464
|
U,
|
|
2447
2465
|
{
|
|
2448
|
-
kind:
|
|
2466
|
+
kind: s ? "float" : "text",
|
|
2449
2467
|
icon: /* @__PURE__ */ e.createElement(
|
|
2450
2468
|
D,
|
|
2451
2469
|
{
|
|
2452
2470
|
source: Sa,
|
|
2453
2471
|
className: u(
|
|
2454
|
-
|
|
2455
|
-
|
|
2472
|
+
O[`${H}__float-button__icon`],
|
|
2473
|
+
s && O[`${H}__float-button__icon--open`]
|
|
2456
2474
|
)
|
|
2457
2475
|
}
|
|
2458
2476
|
),
|
|
2459
2477
|
className: u(
|
|
2460
|
-
|
|
2461
|
-
!
|
|
2462
|
-
|
|
2478
|
+
O[`${H}__float-button`],
|
|
2479
|
+
!s && O[`${H}__float-button--closed`],
|
|
2480
|
+
s && O[`${H}__float-button--open`]
|
|
2463
2481
|
),
|
|
2464
2482
|
onClick: v,
|
|
2465
|
-
"aria-expanded":
|
|
2483
|
+
"aria-expanded": s,
|
|
2466
2484
|
"data-testid": "details-card-floating-button"
|
|
2467
2485
|
}
|
|
2468
2486
|
), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
2469
2487
|
"div",
|
|
2470
2488
|
{
|
|
2471
2489
|
className: u(
|
|
2472
|
-
|
|
2473
|
-
|
|
2490
|
+
O[`${H}__content-wrapper`],
|
|
2491
|
+
s && O[`${H}__content-wrapper--open`]
|
|
2474
2492
|
),
|
|
2475
2493
|
style: {
|
|
2476
|
-
maxHeight:
|
|
2494
|
+
maxHeight: s ? g : 0
|
|
2477
2495
|
}
|
|
2478
2496
|
},
|
|
2479
2497
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2481,9 +2499,9 @@ const fc = (t) => {
|
|
|
2481
2499
|
{
|
|
2482
2500
|
ref: b,
|
|
2483
2501
|
className: u(
|
|
2484
|
-
|
|
2485
|
-
c &&
|
|
2486
|
-
|
|
2502
|
+
O[`${H}__content`],
|
|
2503
|
+
c && O[`${H}__content--full-space`],
|
|
2504
|
+
n && O[`${H}__content--spacing`]
|
|
2487
2505
|
)
|
|
2488
2506
|
},
|
|
2489
2507
|
t
|
|
@@ -2508,7 +2526,7 @@ const fc = (t) => {
|
|
|
2508
2526
|
"className"
|
|
2509
2527
|
]);
|
|
2510
2528
|
const l = u(tr[ar], a);
|
|
2511
|
-
return /* @__PURE__ */ e.createElement(M,
|
|
2529
|
+
return /* @__PURE__ */ e.createElement(M, C(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
|
|
2512
2530
|
D,
|
|
2513
2531
|
{
|
|
2514
2532
|
source: Fa,
|
|
@@ -2521,14 +2539,14 @@ const fc = (t) => {
|
|
|
2521
2539
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2522
2540
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2523
2541
|
}, $a = "field-group", kc = (d) => {
|
|
2524
|
-
var
|
|
2542
|
+
var n = d, {
|
|
2525
2543
|
className: t = "",
|
|
2526
2544
|
children: a,
|
|
2527
2545
|
description: r,
|
|
2528
2546
|
error: _,
|
|
2529
2547
|
inline: o,
|
|
2530
2548
|
stretch: l
|
|
2531
|
-
} =
|
|
2549
|
+
} = n, c = A(n, [
|
|
2532
2550
|
"className",
|
|
2533
2551
|
"children",
|
|
2534
2552
|
"description",
|
|
@@ -2540,11 +2558,11 @@ const fc = (t) => {
|
|
|
2540
2558
|
[Ea[`${$a}--inline`]]: o,
|
|
2541
2559
|
[Ea[`${$a}--stretched`]]: l
|
|
2542
2560
|
});
|
|
2543
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2544
|
-
}, wo = "lc-Form-module__form___1nOYF",
|
|
2561
|
+
return /* @__PURE__ */ e.createElement("div", C(k({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
|
|
2562
|
+
}, wo = "lc-Form-module__form___1nOYF", Co = "lc-Form-module__form__header___U4B7t", No = "lc-Form-module__form__footer___1-sUX", xo = "lc-Form-module__form__label___spg-J", So = "lc-Form-module__form__helper___bhfwS", yt = {
|
|
2545
2563
|
form: wo,
|
|
2546
|
-
form__header:
|
|
2547
|
-
form__footer:
|
|
2564
|
+
form__header: Co,
|
|
2565
|
+
form__footer: No,
|
|
2548
2566
|
form__label: xo,
|
|
2549
2567
|
form__helper: So
|
|
2550
2568
|
}, Et = "form", yc = (c) => {
|
|
@@ -2561,7 +2579,7 @@ const fc = (t) => {
|
|
|
2561
2579
|
"helperText",
|
|
2562
2580
|
"formFooter"
|
|
2563
2581
|
]);
|
|
2564
|
-
return /* @__PURE__ */ e.createElement("form",
|
|
2582
|
+
return /* @__PURE__ */ e.createElement("form", k({ className: u(yt[Et], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
|
|
2565
2583
|
}, Y = {
|
|
2566
2584
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
2567
2585
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -2588,9 +2606,9 @@ const fc = (t) => {
|
|
|
2588
2606
|
className: l,
|
|
2589
2607
|
labelFor: c,
|
|
2590
2608
|
children: d,
|
|
2591
|
-
labelRightNode:
|
|
2609
|
+
labelRightNode: n
|
|
2592
2610
|
}) => {
|
|
2593
|
-
const i = e.useRef(null), [
|
|
2611
|
+
const i = e.useRef(null), [s, m] = e.useState("auto"), g = u(
|
|
2594
2612
|
Y[q],
|
|
2595
2613
|
{
|
|
2596
2614
|
[Y[`${q}--inline`]]: t
|
|
@@ -2598,9 +2616,9 @@ const fc = (t) => {
|
|
|
2598
2616
|
l
|
|
2599
2617
|
);
|
|
2600
2618
|
return e.useEffect(() => {
|
|
2601
|
-
const
|
|
2602
|
-
return t &&
|
|
2603
|
-
}), /* @__PURE__ */ e.createElement("div", { className: g },
|
|
2619
|
+
const h = i;
|
|
2620
|
+
return t && h.current ? m(`${h.current.clientHeight}px`) : m("auto");
|
|
2621
|
+
}), /* @__PURE__ */ e.createElement("div", { className: g }, n && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2604
2622
|
"div",
|
|
2605
2623
|
{
|
|
2606
2624
|
className: u(
|
|
@@ -2608,7 +2626,7 @@ const fc = (t) => {
|
|
|
2608
2626
|
Y[`${q}__label-right-node--inline`]
|
|
2609
2627
|
)
|
|
2610
2628
|
},
|
|
2611
|
-
|
|
2629
|
+
n
|
|
2612
2630
|
), /* @__PURE__ */ e.createElement("div", { className: Y[`${q}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
2613
2631
|
"div",
|
|
2614
2632
|
{
|
|
@@ -2617,7 +2635,7 @@ const fc = (t) => {
|
|
|
2617
2635
|
t && Y[`${q}__wrapper--inline`]
|
|
2618
2636
|
)
|
|
2619
2637
|
},
|
|
2620
|
-
(_ ||
|
|
2638
|
+
(_ || n) && /* @__PURE__ */ e.createElement(
|
|
2621
2639
|
"div",
|
|
2622
2640
|
{
|
|
2623
2641
|
className: u(
|
|
@@ -2634,7 +2652,7 @@ const fc = (t) => {
|
|
|
2634
2652
|
t && Y[`${q}__label-wrapper--inline`]
|
|
2635
2653
|
),
|
|
2636
2654
|
style: {
|
|
2637
|
-
height:
|
|
2655
|
+
height: s
|
|
2638
2656
|
}
|
|
2639
2657
|
},
|
|
2640
2658
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2656,7 +2674,7 @@ const fc = (t) => {
|
|
|
2656
2674
|
o
|
|
2657
2675
|
)
|
|
2658
2676
|
),
|
|
2659
|
-
|
|
2677
|
+
n && !t && /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__label-right-node`]) }, n)
|
|
2660
2678
|
),
|
|
2661
2679
|
/* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(Oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
2662
2680
|
la,
|
|
@@ -2686,7 +2704,7 @@ const fc = (t) => {
|
|
|
2686
2704
|
const d = u(Gt[Ut], t);
|
|
2687
2705
|
return /* @__PURE__ */ e.createElement(
|
|
2688
2706
|
"div",
|
|
2689
|
-
|
|
2707
|
+
C(k(C(k({}, o), {
|
|
2690
2708
|
role: "group"
|
|
2691
2709
|
}), r && { "aria-label": r }), {
|
|
2692
2710
|
className: d
|
|
@@ -2719,8 +2737,8 @@ const fc = (t) => {
|
|
|
2719
2737
|
}
|
|
2720
2738
|
)
|
|
2721
2739
|
}), wc = e.forwardRef(
|
|
2722
|
-
(
|
|
2723
|
-
var i =
|
|
2740
|
+
(n, d) => {
|
|
2741
|
+
var i = n, {
|
|
2724
2742
|
inputSize: t = "medium",
|
|
2725
2743
|
error: a = !1,
|
|
2726
2744
|
disabled: r,
|
|
@@ -2735,13 +2753,13 @@ const fc = (t) => {
|
|
|
2735
2753
|
"className",
|
|
2736
2754
|
"cropOnBlur"
|
|
2737
2755
|
]);
|
|
2738
|
-
const [
|
|
2756
|
+
const [s, m] = e.useState(!1), [g, h] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = c, y = u(
|
|
2739
2757
|
o,
|
|
2740
2758
|
Se[De],
|
|
2741
2759
|
Se[`${De}--${t}`],
|
|
2742
2760
|
{
|
|
2743
2761
|
[Se[`${De}--disabled`]]: r,
|
|
2744
|
-
[Se[`${De}--focused`]]:
|
|
2762
|
+
[Se[`${De}--focused`]]: s,
|
|
2745
2763
|
[Se[`${De}--error`]]: a,
|
|
2746
2764
|
[Se[`${De}--crop`]]: l,
|
|
2747
2765
|
[Se[`${De}--read-only`]]: c.readOnly
|
|
@@ -2749,7 +2767,7 @@ const fc = (t) => {
|
|
|
2749
2767
|
), v = r ? "var(--content-disabled)" : "var(--content-default)", E = g ? Lr : Or, w = _ && _.place === "left", x = _ && b !== "password" && _.place === "right";
|
|
2750
2768
|
return /* @__PURE__ */ e.createElement("div", { className: y, "aria-disabled": r, "tab-index": "0" }, w && rr(_, r), /* @__PURE__ */ e.createElement(
|
|
2751
2769
|
"input",
|
|
2752
|
-
|
|
2770
|
+
C(k({}, c), {
|
|
2753
2771
|
ref: d,
|
|
2754
2772
|
onFocus: ($) => {
|
|
2755
2773
|
m(!0), f == null || f($);
|
|
@@ -2767,7 +2785,7 @@ const fc = (t) => {
|
|
|
2767
2785
|
kind: "text",
|
|
2768
2786
|
size: "compact",
|
|
2769
2787
|
icon: /* @__PURE__ */ e.createElement(D, { customColor: v, source: E }),
|
|
2770
|
-
onClick: () =>
|
|
2788
|
+
onClick: () => h(($) => !$),
|
|
2771
2789
|
className: Se[`${De}__visibility-button`]
|
|
2772
2790
|
}
|
|
2773
2791
|
));
|
|
@@ -2775,7 +2793,7 @@ const fc = (t) => {
|
|
|
2775
2793
|
), To = "lc-Link-module__link___kqx52", _r = {
|
|
2776
2794
|
link: To,
|
|
2777
2795
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
2778
|
-
}, or = "link",
|
|
2796
|
+
}, or = "link", Cc = (_) => {
|
|
2779
2797
|
var o = _, {
|
|
2780
2798
|
bold: t = !1,
|
|
2781
2799
|
className: a = ""
|
|
@@ -2785,7 +2803,7 @@ const fc = (t) => {
|
|
|
2785
2803
|
]);
|
|
2786
2804
|
return /* @__PURE__ */ e.createElement(
|
|
2787
2805
|
"a",
|
|
2788
|
-
|
|
2806
|
+
k({
|
|
2789
2807
|
className: u(
|
|
2790
2808
|
_r[or],
|
|
2791
2809
|
t && _r[`${or}--bold`],
|
|
@@ -2807,8 +2825,8 @@ const fc = (t) => {
|
|
|
2807
2825
|
modal__heading: Ao,
|
|
2808
2826
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
2809
2827
|
modal__footer: Io
|
|
2810
|
-
}, $t = "modal-base", Fo = (
|
|
2811
|
-
var i =
|
|
2828
|
+
}, $t = "modal-base", Fo = (n) => {
|
|
2829
|
+
var i = n, {
|
|
2812
2830
|
children: t,
|
|
2813
2831
|
className: a = "",
|
|
2814
2832
|
onClose: r,
|
|
@@ -2825,7 +2843,7 @@ const fc = (t) => {
|
|
|
2825
2843
|
"fullSpaceContent",
|
|
2826
2844
|
"isLabelled"
|
|
2827
2845
|
]);
|
|
2828
|
-
const
|
|
2846
|
+
const s = u(
|
|
2829
2847
|
ie[$t],
|
|
2830
2848
|
a,
|
|
2831
2849
|
l && ie[`${$t}--full-space`]
|
|
@@ -2833,8 +2851,8 @@ const fc = (t) => {
|
|
|
2833
2851
|
e.useEffect(() => {
|
|
2834
2852
|
if (!_)
|
|
2835
2853
|
return;
|
|
2836
|
-
const g = (
|
|
2837
|
-
|
|
2854
|
+
const g = (h) => {
|
|
2855
|
+
h.key === re.esc && r();
|
|
2838
2856
|
};
|
|
2839
2857
|
return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
|
|
2840
2858
|
}, [_]);
|
|
@@ -2854,10 +2872,10 @@ const fc = (t) => {
|
|
|
2854
2872
|
},
|
|
2855
2873
|
/* @__PURE__ */ e.createElement(
|
|
2856
2874
|
"div",
|
|
2857
|
-
|
|
2875
|
+
k({
|
|
2858
2876
|
role: "dialog",
|
|
2859
2877
|
"aria-modal": !0,
|
|
2860
|
-
className:
|
|
2878
|
+
className: s
|
|
2861
2879
|
}, d),
|
|
2862
2880
|
t
|
|
2863
2881
|
)
|
|
@@ -2869,7 +2887,9 @@ const fc = (t) => {
|
|
|
2869
2887
|
}) => /* @__PURE__ */ e.createElement(
|
|
2870
2888
|
U,
|
|
2871
2889
|
{
|
|
2890
|
+
type: "button",
|
|
2872
2891
|
kind: "plain",
|
|
2892
|
+
"aria-label": "Close modal",
|
|
2873
2893
|
title: "Close modal",
|
|
2874
2894
|
className: u(
|
|
2875
2895
|
ie["modal-base__close"],
|
|
@@ -2878,8 +2898,8 @@ const fc = (t) => {
|
|
|
2878
2898
|
onClick: r,
|
|
2879
2899
|
icon: /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium", customColor: a })
|
|
2880
2900
|
}
|
|
2881
|
-
), et = "modal",
|
|
2882
|
-
var
|
|
2901
|
+
), et = "modal", Nc = (i) => {
|
|
2902
|
+
var s = i, {
|
|
2883
2903
|
children: t,
|
|
2884
2904
|
className: a = "",
|
|
2885
2905
|
heading: r,
|
|
@@ -2888,7 +2908,7 @@ const fc = (t) => {
|
|
|
2888
2908
|
footer: l,
|
|
2889
2909
|
onClose: c,
|
|
2890
2910
|
contentClassName: d
|
|
2891
|
-
} =
|
|
2911
|
+
} = s, n = A(s, [
|
|
2892
2912
|
"children",
|
|
2893
2913
|
"className",
|
|
2894
2914
|
"heading",
|
|
@@ -2898,17 +2918,17 @@ const fc = (t) => {
|
|
|
2898
2918
|
"onClose",
|
|
2899
2919
|
"contentClassName"
|
|
2900
2920
|
]);
|
|
2901
|
-
const m = u(ie[et], a), g = typeof t == "string",
|
|
2921
|
+
const m = u(ie[et], a), g = typeof t == "string", h = (b) => {
|
|
2902
2922
|
b.preventDefault(), b.stopPropagation(), c();
|
|
2903
2923
|
};
|
|
2904
2924
|
return /* @__PURE__ */ e.createElement(
|
|
2905
2925
|
Fo,
|
|
2906
|
-
|
|
2926
|
+
k({
|
|
2907
2927
|
className: m,
|
|
2908
2928
|
fullSpaceContent: o,
|
|
2909
2929
|
onClose: c,
|
|
2910
2930
|
isLabelled: !!_
|
|
2911
|
-
},
|
|
2931
|
+
}, n),
|
|
2912
2932
|
_ && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
2913
2933
|
tt,
|
|
2914
2934
|
{
|
|
@@ -2922,7 +2942,7 @@ const fc = (t) => {
|
|
|
2922
2942
|
{
|
|
2923
2943
|
labelType: !!_,
|
|
2924
2944
|
customColor: "var(--color-white)",
|
|
2925
|
-
onClick:
|
|
2945
|
+
onClick: h
|
|
2926
2946
|
}
|
|
2927
2947
|
)),
|
|
2928
2948
|
!_ && r && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__header`] }, /* @__PURE__ */ e.createElement(
|
|
@@ -2933,7 +2953,7 @@ const fc = (t) => {
|
|
|
2933
2953
|
className: ie[`${et}__heading`]
|
|
2934
2954
|
},
|
|
2935
2955
|
r
|
|
2936
|
-
), /* @__PURE__ */ e.createElement(lr, { onClick:
|
|
2956
|
+
), /* @__PURE__ */ e.createElement(lr, { onClick: h })),
|
|
2937
2957
|
/* @__PURE__ */ e.createElement(
|
|
2938
2958
|
"div",
|
|
2939
2959
|
{
|
|
@@ -2974,12 +2994,12 @@ const fc = (t) => {
|
|
|
2974
2994
|
const l = t_(ot[lt], o);
|
|
2975
2995
|
return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
|
|
2976
2996
|
D,
|
|
2977
|
-
|
|
2997
|
+
k({
|
|
2978
2998
|
className: ot[`${lt}__heading-left-node`]
|
|
2979
2999
|
}, a)
|
|
2980
3000
|
), r && /* @__PURE__ */ e.createElement(
|
|
2981
3001
|
O_,
|
|
2982
|
-
|
|
3002
|
+
k({
|
|
2983
3003
|
className: ot[`${lt}__heading-left-node`]
|
|
2984
3004
|
}, r)
|
|
2985
3005
|
), /* @__PURE__ */ e.createElement("div", { className: ot[`${lt}__heading-body`] }, /* @__PURE__ */ e.createElement(
|
|
@@ -3005,8 +3025,8 @@ const fc = (t) => {
|
|
|
3005
3025
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
3006
3026
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
3007
3027
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
3008
|
-
}, nt = "numeric-input", Dc = (
|
|
3009
|
-
var m =
|
|
3028
|
+
}, nt = "numeric-input", Dc = (s) => {
|
|
3029
|
+
var m = s, {
|
|
3010
3030
|
className: t,
|
|
3011
3031
|
error: a,
|
|
3012
3032
|
value: r,
|
|
@@ -3015,7 +3035,7 @@ const fc = (t) => {
|
|
|
3015
3035
|
disabled: l,
|
|
3016
3036
|
noControls: c,
|
|
3017
3037
|
style: d,
|
|
3018
|
-
onChange:
|
|
3038
|
+
onChange: n
|
|
3019
3039
|
} = m, i = A(m, [
|
|
3020
3040
|
"className",
|
|
3021
3041
|
"error",
|
|
@@ -3027,7 +3047,7 @@ const fc = (t) => {
|
|
|
3027
3047
|
"style",
|
|
3028
3048
|
"onChange"
|
|
3029
3049
|
]);
|
|
3030
|
-
const g = e.useRef(null),
|
|
3050
|
+
const g = e.useRef(null), h = u(
|
|
3031
3051
|
ct[nt],
|
|
3032
3052
|
{
|
|
3033
3053
|
[ct[`${nt}--error`]]: a,
|
|
@@ -3035,7 +3055,7 @@ const fc = (t) => {
|
|
|
3035
3055
|
[ct[`${nt}--disabled`]]: l
|
|
3036
3056
|
},
|
|
3037
3057
|
t
|
|
3038
|
-
), b = ($) =>
|
|
3058
|
+
), b = ($) => n(String($)), f = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, p = ($) => {
|
|
3039
3059
|
const F = parseInt(r, 10) + $;
|
|
3040
3060
|
return b(f(F));
|
|
3041
3061
|
}, y = ($) => {
|
|
@@ -3057,9 +3077,9 @@ const fc = (t) => {
|
|
|
3057
3077
|
var $;
|
|
3058
3078
|
return ($ = g.current) == null || $.focus(), p(-1);
|
|
3059
3079
|
};
|
|
3060
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
3080
|
+
return /* @__PURE__ */ e.createElement("div", { className: h, style: d }, /* @__PURE__ */ e.createElement(
|
|
3061
3081
|
"input",
|
|
3062
|
-
|
|
3082
|
+
C(k({
|
|
3063
3083
|
type: "text",
|
|
3064
3084
|
ref: g
|
|
3065
3085
|
}, i), {
|
|
@@ -3147,40 +3167,40 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3147
3167
|
item: c,
|
|
3148
3168
|
numberOfItems: d
|
|
3149
3169
|
}) => {
|
|
3150
|
-
const
|
|
3170
|
+
const n = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3151
3171
|
po,
|
|
3152
3172
|
{
|
|
3153
3173
|
className: ee[`${Ee}__checkbox`],
|
|
3154
3174
|
checked: r
|
|
3155
3175
|
}
|
|
3156
|
-
),
|
|
3176
|
+
), s.icon && /* @__PURE__ */ e.createElement(
|
|
3157
3177
|
D,
|
|
3158
3178
|
{
|
|
3159
3179
|
className: ee[`${Ee}__icon`],
|
|
3160
3180
|
kind: "link",
|
|
3161
|
-
source:
|
|
3181
|
+
source: s.icon
|
|
3162
3182
|
}
|
|
3163
|
-
),
|
|
3183
|
+
), s.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3164
3184
|
"img",
|
|
3165
3185
|
{
|
|
3166
3186
|
className: u(ee[`${Ee}__avatar`]),
|
|
3167
|
-
src:
|
|
3168
|
-
alt:
|
|
3187
|
+
src: s.avatarSrc,
|
|
3188
|
+
alt: s.name
|
|
3169
3189
|
}
|
|
3170
3190
|
), /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
3171
3191
|
"span",
|
|
3172
3192
|
{
|
|
3173
3193
|
className: u({
|
|
3174
|
-
[ee[`${Ee}__main-label`]]:
|
|
3194
|
+
[ee[`${Ee}__main-label`]]: s.secondaryText
|
|
3175
3195
|
}),
|
|
3176
|
-
"aria-disabled":
|
|
3196
|
+
"aria-disabled": s.disabled
|
|
3177
3197
|
},
|
|
3178
|
-
|
|
3179
|
-
),
|
|
3198
|
+
s.name
|
|
3199
|
+
), s.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, s.secondaryText)));
|
|
3180
3200
|
if (c.groupHeader)
|
|
3181
3201
|
return /* @__PURE__ */ e.createElement(
|
|
3182
3202
|
"div",
|
|
3183
|
-
|
|
3203
|
+
k({
|
|
3184
3204
|
id: `item-${t}`,
|
|
3185
3205
|
key: c.key,
|
|
3186
3206
|
role: "group",
|
|
@@ -3188,17 +3208,17 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3188
3208
|
}, l()),
|
|
3189
3209
|
c.name
|
|
3190
3210
|
);
|
|
3191
|
-
const i = (
|
|
3192
|
-
!c.disabled && o(
|
|
3211
|
+
const i = (s) => {
|
|
3212
|
+
!c.disabled && o(s);
|
|
3193
3213
|
};
|
|
3194
3214
|
return /* @__PURE__ */ e.createElement(
|
|
3195
3215
|
"div",
|
|
3196
|
-
|
|
3216
|
+
C(k({
|
|
3197
3217
|
id: c.key,
|
|
3198
3218
|
key: c.key,
|
|
3199
3219
|
tabIndex: a ? 0 : -1,
|
|
3200
|
-
ref: (
|
|
3201
|
-
|
|
3220
|
+
ref: (s) => {
|
|
3221
|
+
s && (_.current[t] = s);
|
|
3202
3222
|
},
|
|
3203
3223
|
role: "option",
|
|
3204
3224
|
"aria-setsize": d,
|
|
@@ -3222,7 +3242,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3222
3242
|
[ee[`${Ee}--select-all`]]: c.key === Tt
|
|
3223
3243
|
})
|
|
3224
3244
|
},
|
|
3225
|
-
/* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] },
|
|
3245
|
+
/* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, n(c)),
|
|
3226
3246
|
r && !c.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3227
3247
|
D,
|
|
3228
3248
|
{
|
|
@@ -3246,12 +3266,12 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3246
3266
|
isPositioned: l,
|
|
3247
3267
|
pointer: c,
|
|
3248
3268
|
activeIndex: d,
|
|
3249
|
-
selectedKeys:
|
|
3269
|
+
selectedKeys: n,
|
|
3250
3270
|
listElementsRef: i,
|
|
3251
|
-
setPointer:
|
|
3271
|
+
setPointer: s,
|
|
3252
3272
|
onSelect: m,
|
|
3253
3273
|
getFloatingProps: g,
|
|
3254
|
-
getItemProps:
|
|
3274
|
+
getItemProps: h,
|
|
3255
3275
|
emptyStateText: b = "No results found",
|
|
3256
3276
|
pickerType: f = "single",
|
|
3257
3277
|
listClassName: p,
|
|
@@ -3285,54 +3305,54 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3285
3305
|
/* @__PURE__ */ e.createElement("div", { className: S }, b)
|
|
3286
3306
|
));
|
|
3287
3307
|
}
|
|
3288
|
-
const F = (S) =>
|
|
3308
|
+
const F = (S) => n.includes(S) || S === Tt && n.length === Aa(o).length;
|
|
3289
3309
|
return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3290
3310
|
"div",
|
|
3291
3311
|
{
|
|
3292
3312
|
ref: a,
|
|
3293
3313
|
tabIndex: -1,
|
|
3294
3314
|
className: u(st.listbox, p),
|
|
3295
|
-
style:
|
|
3315
|
+
style: C(k({}, r), {
|
|
3296
3316
|
maxHeight: _
|
|
3297
3317
|
})
|
|
3298
3318
|
},
|
|
3299
3319
|
/* @__PURE__ */ e.createElement(
|
|
3300
3320
|
"div",
|
|
3301
|
-
|
|
3321
|
+
k({
|
|
3302
3322
|
tabIndex: 0,
|
|
3303
3323
|
"aria-multiselectable": f === "multi",
|
|
3304
3324
|
className: st["listbox-wrapper"],
|
|
3305
3325
|
ref: v
|
|
3306
3326
|
}, g({
|
|
3307
3327
|
onKeyDown(S) {
|
|
3308
|
-
|
|
3328
|
+
s(!1), S.key === "Enter" && d !== null && m(o[d].key), S.key === " " && S.preventDefault();
|
|
3309
3329
|
},
|
|
3310
3330
|
onKeyUp(S) {
|
|
3311
3331
|
S.key === " " && d !== null && m(o[d].key);
|
|
3312
3332
|
},
|
|
3313
3333
|
onPointerMove() {
|
|
3314
|
-
|
|
3334
|
+
s(!0);
|
|
3315
3335
|
}
|
|
3316
3336
|
})),
|
|
3317
3337
|
/* @__PURE__ */ e.createElement(
|
|
3318
3338
|
a_,
|
|
3319
|
-
|
|
3339
|
+
C(k({
|
|
3320
3340
|
totalListHeightChanged: $,
|
|
3321
3341
|
style: { height: `${E}px`, maxHeight: _ },
|
|
3322
3342
|
totalCount: o.length,
|
|
3323
3343
|
data: o,
|
|
3324
3344
|
increaseViewportBy: 200
|
|
3325
3345
|
}, y), {
|
|
3326
|
-
itemContent: (S,
|
|
3346
|
+
itemContent: (S, R) => /* @__PURE__ */ e.createElement(
|
|
3327
3347
|
Lo,
|
|
3328
3348
|
{
|
|
3329
3349
|
index: S,
|
|
3330
|
-
getItemProps:
|
|
3350
|
+
getItemProps: h,
|
|
3331
3351
|
listElementsRef: i,
|
|
3332
3352
|
isActive: d === S,
|
|
3333
|
-
isSelected: F(
|
|
3353
|
+
isSelected: F(R.key),
|
|
3334
3354
|
onSelect: m,
|
|
3335
|
-
item:
|
|
3355
|
+
item: R,
|
|
3336
3356
|
numberOfItems: x
|
|
3337
3357
|
}
|
|
3338
3358
|
)
|
|
@@ -3367,29 +3387,29 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3367
3387
|
isItemSelected: l,
|
|
3368
3388
|
hideClearButton: c,
|
|
3369
3389
|
isDisabled: d,
|
|
3370
|
-
isRequired:
|
|
3390
|
+
isRequired: n,
|
|
3371
3391
|
isOpen: i,
|
|
3372
|
-
isError:
|
|
3392
|
+
isError: s,
|
|
3373
3393
|
onClear: m,
|
|
3374
3394
|
children: g
|
|
3375
3395
|
}) => {
|
|
3376
|
-
const
|
|
3396
|
+
const h = u(
|
|
3377
3397
|
_e[te],
|
|
3378
3398
|
_e[`${te}--${_}`],
|
|
3379
3399
|
o && _e[`${te}--multi-select`],
|
|
3380
3400
|
o && l && _e[`${te}--multi-select--with-items`],
|
|
3381
3401
|
d && _e[`${te}--disabled`],
|
|
3382
3402
|
i && _e[`${te}--focused`],
|
|
3383
|
-
|
|
3384
|
-
), b = !c && l && !d && !
|
|
3403
|
+
s && _e[`${te}--error`]
|
|
3404
|
+
), b = !c && l && !d && !n, f = (p) => {
|
|
3385
3405
|
p.stopPropagation(), m();
|
|
3386
3406
|
};
|
|
3387
3407
|
return /* @__PURE__ */ e.createElement(
|
|
3388
3408
|
"button",
|
|
3389
|
-
|
|
3409
|
+
k({
|
|
3390
3410
|
tabIndex: d ? -1 : 0,
|
|
3391
3411
|
"aria-disabled": d,
|
|
3392
|
-
className:
|
|
3412
|
+
className: h,
|
|
3393
3413
|
"data-testid": r,
|
|
3394
3414
|
ref: t,
|
|
3395
3415
|
type: "button"
|
|
@@ -3453,7 +3473,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3453
3473
|
"tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
|
|
3454
3474
|
tag__node: Vo,
|
|
3455
3475
|
tag__content: Yo
|
|
3456
|
-
}, Oe = "tag", qo = (t) => t ? Ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "",
|
|
3476
|
+
}, Oe = "tag", qo = (t) => t ? Ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Cr = (m) => {
|
|
3457
3477
|
var g = m, {
|
|
3458
3478
|
className: t = "",
|
|
3459
3479
|
children: a,
|
|
@@ -3463,9 +3483,9 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3463
3483
|
onRemove: l,
|
|
3464
3484
|
outline: c = !1,
|
|
3465
3485
|
leftNode: d,
|
|
3466
|
-
rightNode:
|
|
3486
|
+
rightNode: n,
|
|
3467
3487
|
customColor: i
|
|
3468
|
-
} = g,
|
|
3488
|
+
} = g, s = A(g, [
|
|
3469
3489
|
"className",
|
|
3470
3490
|
"children",
|
|
3471
3491
|
"dismissible",
|
|
@@ -3477,7 +3497,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3477
3497
|
"rightNode",
|
|
3478
3498
|
"customColor"
|
|
3479
3499
|
]);
|
|
3480
|
-
const
|
|
3500
|
+
const h = u(
|
|
3481
3501
|
Le[Oe],
|
|
3482
3502
|
t,
|
|
3483
3503
|
Le[`${Oe}--${_}`],
|
|
@@ -3499,9 +3519,9 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3499
3519
|
};
|
|
3500
3520
|
return /* @__PURE__ */ e.createElement(
|
|
3501
3521
|
M,
|
|
3502
|
-
|
|
3503
|
-
className:
|
|
3504
|
-
},
|
|
3522
|
+
C(k(k({
|
|
3523
|
+
className: h
|
|
3524
|
+
}, s), f()), {
|
|
3505
3525
|
as: "div",
|
|
3506
3526
|
size: "md"
|
|
3507
3527
|
}),
|
|
@@ -3515,13 +3535,13 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3515
3535
|
d
|
|
3516
3536
|
),
|
|
3517
3537
|
/* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__content`] }, a),
|
|
3518
|
-
|
|
3538
|
+
n && /* @__PURE__ */ e.createElement(
|
|
3519
3539
|
"div",
|
|
3520
3540
|
{
|
|
3521
3541
|
"data-testid": "lc-tag-right-node",
|
|
3522
3542
|
style: { color: p() }
|
|
3523
3543
|
},
|
|
3524
|
-
|
|
3544
|
+
n
|
|
3525
3545
|
),
|
|
3526
3546
|
r && /* @__PURE__ */ e.createElement(
|
|
3527
3547
|
"button",
|
|
@@ -3530,6 +3550,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3530
3550
|
title: "Remove",
|
|
3531
3551
|
onClick: l,
|
|
3532
3552
|
type: "button",
|
|
3553
|
+
"aria-label": "Remove tag",
|
|
3533
3554
|
className: Le[`${Oe}__remove`]
|
|
3534
3555
|
},
|
|
3535
3556
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3570,15 +3591,15 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3570
3591
|
type: l,
|
|
3571
3592
|
clearSearchAfterSelection: c,
|
|
3572
3593
|
size: d = "medium",
|
|
3573
|
-
onItemRemove:
|
|
3594
|
+
onItemRemove: n,
|
|
3574
3595
|
onSelect: i,
|
|
3575
|
-
onFilter:
|
|
3596
|
+
onFilter: s,
|
|
3576
3597
|
searchPhrase: m,
|
|
3577
3598
|
virtualItemRef: g
|
|
3578
3599
|
}) => {
|
|
3579
|
-
const
|
|
3600
|
+
const h = t && !a, b = e.useRef(null);
|
|
3580
3601
|
e.useEffect(() => {
|
|
3581
|
-
c && (
|
|
3602
|
+
c && (s(""), b.current && (b.current.value = "", b.current.focus()));
|
|
3582
3603
|
}, [o, c]);
|
|
3583
3604
|
const f = (E) => l === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
|
|
3584
3605
|
D,
|
|
@@ -3593,9 +3614,9 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3593
3614
|
alt: "",
|
|
3594
3615
|
className: oe[`${le}__item__avatar`]
|
|
3595
3616
|
}
|
|
3596
|
-
), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) =>
|
|
3617
|
+
), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) => s(E.target.value), y = (E) => {
|
|
3597
3618
|
var w, x;
|
|
3598
|
-
(w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), l === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 &&
|
|
3619
|
+
(w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), l === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && n(o[o.length - 1].key);
|
|
3599
3620
|
}, v = () => /* @__PURE__ */ e.createElement(
|
|
3600
3621
|
"input",
|
|
3601
3622
|
{
|
|
@@ -3611,7 +3632,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3611
3632
|
value: m
|
|
3612
3633
|
}
|
|
3613
3634
|
);
|
|
3614
|
-
return !o || o.length === 0 ?
|
|
3635
|
+
return !o || o.length === 0 ? h ? v() : /* @__PURE__ */ e.createElement(
|
|
3615
3636
|
"div",
|
|
3616
3637
|
{
|
|
3617
3638
|
className: u({
|
|
@@ -3628,7 +3649,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3628
3649
|
})
|
|
3629
3650
|
},
|
|
3630
3651
|
/* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, l === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
|
|
3631
|
-
|
|
3652
|
+
Cr,
|
|
3632
3653
|
{
|
|
3633
3654
|
key: E.name,
|
|
3634
3655
|
className: u(
|
|
@@ -3637,12 +3658,12 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3637
3658
|
),
|
|
3638
3659
|
dismissible: !r,
|
|
3639
3660
|
onRemove: (w) => {
|
|
3640
|
-
w.stopPropagation(),
|
|
3661
|
+
w.stopPropagation(), n(E.key);
|
|
3641
3662
|
}
|
|
3642
3663
|
},
|
|
3643
3664
|
f(E)
|
|
3644
3665
|
))),
|
|
3645
|
-
|
|
3666
|
+
h && v()
|
|
3646
3667
|
);
|
|
3647
3668
|
}, Jo = {
|
|
3648
3669
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
|
|
@@ -3656,12 +3677,12 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3656
3677
|
options: l,
|
|
3657
3678
|
selected: c,
|
|
3658
3679
|
size: d = "medium",
|
|
3659
|
-
placeholder:
|
|
3680
|
+
placeholder: n = "Select option",
|
|
3660
3681
|
isRequired: i,
|
|
3661
|
-
noSearchResultText:
|
|
3682
|
+
noSearchResultText: s = "No results found",
|
|
3662
3683
|
selectAllOptionText: m,
|
|
3663
3684
|
type: g = "single",
|
|
3664
|
-
searchDisabled:
|
|
3685
|
+
searchDisabled: h = !1,
|
|
3665
3686
|
hideClearButton: b,
|
|
3666
3687
|
openedOnInit: f = !1,
|
|
3667
3688
|
clearSearchAfterSelection: p,
|
|
@@ -3694,10 +3715,10 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3694
3715
|
"useClickHookProps",
|
|
3695
3716
|
"virtuosoProps"
|
|
3696
3717
|
]);
|
|
3697
|
-
const [
|
|
3718
|
+
const [R, B] = e.useState(f), [L, j] = e.useState(!1), [$e, de] = e.useState(
|
|
3698
3719
|
() => (c == null ? void 0 : c.map(({ key: G }) => G)) || []
|
|
3699
|
-
), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null),
|
|
3700
|
-
!
|
|
3720
|
+
), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null), P = mr();
|
|
3721
|
+
!R && L && j(!1);
|
|
3701
3722
|
const W = e.useMemo(() => {
|
|
3702
3723
|
const G = g === "multi" && m;
|
|
3703
3724
|
let he = l;
|
|
@@ -3714,11 +3735,11 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3714
3735
|
...he
|
|
3715
3736
|
]), he;
|
|
3716
3737
|
}, [ve, l, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
|
|
3717
|
-
nodeId:
|
|
3718
|
-
open:
|
|
3738
|
+
nodeId: P,
|
|
3739
|
+
open: R,
|
|
3719
3740
|
strategy: v,
|
|
3720
3741
|
onOpenChange: (G) => {
|
|
3721
|
-
|
|
3742
|
+
B(G);
|
|
3722
3743
|
},
|
|
3723
3744
|
whileElementsMounted: ta,
|
|
3724
3745
|
middleware: [
|
|
@@ -3736,7 +3757,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3736
3757
|
padding: Qo
|
|
3737
3758
|
})
|
|
3738
3759
|
]
|
|
3739
|
-
}), na = aa(Xe,
|
|
3760
|
+
}), na = aa(Xe, k({
|
|
3740
3761
|
enabled: !_,
|
|
3741
3762
|
keyboardHandlers: !1,
|
|
3742
3763
|
toggle: !1
|
|
@@ -3755,7 +3776,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3755
3776
|
[na, ia, sa, da]
|
|
3756
3777
|
), gt = (G) => {
|
|
3757
3778
|
const he = W.find((me) => me.key === G);
|
|
3758
|
-
!he || he.disabled || (g === "single" ? (
|
|
3779
|
+
!he || he.disabled || (g === "single" ? (B(!1), de(() => (y([he]), [G]))) : G === Tt ? $e.length === Aa(W).length ? de(() => (y(null), [])) : de(() => {
|
|
3759
3780
|
const me = Aa(W);
|
|
3760
3781
|
return y(me), me.map(({ key: rt }) => rt);
|
|
3761
3782
|
}) : de((me) => {
|
|
@@ -3763,7 +3784,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3763
3784
|
return y(l.filter(({ key: Pt }) => rt.includes(Pt))), rt;
|
|
3764
3785
|
}));
|
|
3765
3786
|
}, ga = (G) => Ae(G), ba = (G) => gt(G), ue = () => {
|
|
3766
|
-
|
|
3787
|
+
B(!1), de([]), y(null), Ae("");
|
|
3767
3788
|
};
|
|
3768
3789
|
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(Jo["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
|
|
3769
3790
|
zo,
|
|
@@ -3772,7 +3793,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3772
3793
|
setReference: Q.setReference,
|
|
3773
3794
|
testId: $["data-testid"],
|
|
3774
3795
|
isItemSelected: $e.length > 0,
|
|
3775
|
-
isOpen:
|
|
3796
|
+
isOpen: R,
|
|
3776
3797
|
onClear: ue,
|
|
3777
3798
|
hideClearButton: b,
|
|
3778
3799
|
isDisabled: _,
|
|
@@ -3784,10 +3805,10 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3784
3805
|
/* @__PURE__ */ e.createElement(
|
|
3785
3806
|
Ko,
|
|
3786
3807
|
{
|
|
3787
|
-
isOpen:
|
|
3788
|
-
isSearchDisabled:
|
|
3808
|
+
isOpen: R,
|
|
3809
|
+
isSearchDisabled: h,
|
|
3789
3810
|
isDisabled: _,
|
|
3790
|
-
placeholder:
|
|
3811
|
+
placeholder: n,
|
|
3791
3812
|
selectedItems: c,
|
|
3792
3813
|
type: g,
|
|
3793
3814
|
size: d,
|
|
@@ -3799,7 +3820,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3799
3820
|
virtualItemRef: Qe
|
|
3800
3821
|
}
|
|
3801
3822
|
)
|
|
3802
|
-
), /* @__PURE__ */ e.createElement(pr, { id:
|
|
3823
|
+
), /* @__PURE__ */ e.createElement(pr, { id: P }, R && /* @__PURE__ */ e.createElement(Xr, null, /* @__PURE__ */ e.createElement(
|
|
3803
3824
|
Ho,
|
|
3804
3825
|
{
|
|
3805
3826
|
pickerType: g,
|
|
@@ -3810,7 +3831,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3810
3831
|
floatingStyles: Re,
|
|
3811
3832
|
maxHeight: Me,
|
|
3812
3833
|
isPositioned: ca,
|
|
3813
|
-
pointer:
|
|
3834
|
+
pointer: L,
|
|
3814
3835
|
activeIndex: Be,
|
|
3815
3836
|
selectedKeys: $e,
|
|
3816
3837
|
listElementsRef: at,
|
|
@@ -3818,7 +3839,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3818
3839
|
onSelect: gt,
|
|
3819
3840
|
getFloatingProps: ma,
|
|
3820
3841
|
getItemProps: pa,
|
|
3821
|
-
emptyStateText:
|
|
3842
|
+
emptyStateText: s,
|
|
3822
3843
|
virtuosoProps: x
|
|
3823
3844
|
}
|
|
3824
3845
|
))));
|
|
@@ -3833,45 +3854,45 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3833
3854
|
triggerClassName: l,
|
|
3834
3855
|
placement: c,
|
|
3835
3856
|
flipOptions: d,
|
|
3836
|
-
offsetSize:
|
|
3857
|
+
offsetSize: n = 4,
|
|
3837
3858
|
isVisible: i,
|
|
3838
|
-
openedOnInit:
|
|
3859
|
+
openedOnInit: s,
|
|
3839
3860
|
closeOnEsc: m = !0,
|
|
3840
3861
|
useDismissHookProps: g,
|
|
3841
|
-
useClickHookProps:
|
|
3862
|
+
useClickHookProps: h,
|
|
3842
3863
|
floatingStrategy: b
|
|
3843
3864
|
}) => {
|
|
3844
|
-
const [f, p] = e.useState(
|
|
3865
|
+
const [f, p] = e.useState(s), y = jr(), v = mr(), E = i !== void 0, w = E ? i : f, x = typeof _ == "string", $ = typeof t == "function", F = (Ae, Me) => {
|
|
3845
3866
|
Ae ? r == null || r(Me) : a == null || a(Me), !E && p(Ae);
|
|
3846
|
-
}, { refs: S, context:
|
|
3867
|
+
}, { refs: S, context: R, floatingStyles: B } = jt({
|
|
3847
3868
|
nodeId: v,
|
|
3848
3869
|
open: w,
|
|
3849
3870
|
onOpenChange: F,
|
|
3850
|
-
middleware: [Zt(
|
|
3871
|
+
middleware: [Zt(n), ea(d), Ma()],
|
|
3851
3872
|
placement: c,
|
|
3852
3873
|
strategy: b,
|
|
3853
3874
|
whileElementsMounted: ta
|
|
3854
|
-
}),
|
|
3875
|
+
}), L = aa(R, h), j = ra(R, k({
|
|
3855
3876
|
escapeKey: m
|
|
3856
|
-
}, g)), $e = _a(
|
|
3857
|
-
|
|
3877
|
+
}, g)), $e = _a(R), { getReferenceProps: de, getFloatingProps: Be } = oa([
|
|
3878
|
+
L,
|
|
3858
3879
|
j,
|
|
3859
3880
|
$e
|
|
3860
3881
|
]), Pe = u(jo.popover, o), ve = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3861
3882
|
"div",
|
|
3862
|
-
|
|
3883
|
+
C(k({
|
|
3863
3884
|
"data-testid": "popover-trigger-button",
|
|
3864
3885
|
ref: S.setReference
|
|
3865
3886
|
}, de()), {
|
|
3866
3887
|
className: l
|
|
3867
3888
|
}),
|
|
3868
3889
|
$ ? t() : t
|
|
3869
|
-
), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context:
|
|
3890
|
+
), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context: R, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
3870
3891
|
"div",
|
|
3871
|
-
|
|
3892
|
+
k({
|
|
3872
3893
|
className: Pe,
|
|
3873
3894
|
ref: S.setFloating,
|
|
3874
|
-
style:
|
|
3895
|
+
style: B
|
|
3875
3896
|
}, Be()),
|
|
3876
3897
|
x ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
|
|
3877
3898
|
))));
|
|
@@ -3881,7 +3902,7 @@ const Tt = "select-all", Ro = (t, a) => {
|
|
|
3881
3902
|
"error",
|
|
3882
3903
|
"success"
|
|
3883
3904
|
], el = (t) => Math.min(Math.max(t, 0), 100);
|
|
3884
|
-
function
|
|
3905
|
+
function Nr(t, a = 0) {
|
|
3885
3906
|
return t === "error" ? 0 : el(parseInt(a.toString(), 10));
|
|
3886
3907
|
}
|
|
3887
3908
|
function xr(t, a) {
|
|
@@ -3906,7 +3927,7 @@ const wt = {
|
|
|
3906
3927
|
small: 15,
|
|
3907
3928
|
medium: 36,
|
|
3908
3929
|
large: 56
|
|
3909
|
-
},
|
|
3930
|
+
}, Ct = "progress-circle", rl = e.forwardRef(
|
|
3910
3931
|
(c, l) => {
|
|
3911
3932
|
var d = c, {
|
|
3912
3933
|
status: t = "normal",
|
|
@@ -3919,20 +3940,20 @@ const wt = {
|
|
|
3919
3940
|
"className",
|
|
3920
3941
|
"size"
|
|
3921
3942
|
]);
|
|
3922
|
-
const
|
|
3923
|
-
wt[
|
|
3943
|
+
const n = xr(t, a), i = Nr(n, a), s = tl[_], m = al[_], g = u(
|
|
3944
|
+
wt[Ct],
|
|
3924
3945
|
{
|
|
3925
|
-
[wt[`${
|
|
3926
|
-
[wt[`${
|
|
3946
|
+
[wt[`${Ct}--${_}`]]: _,
|
|
3947
|
+
[wt[`${Ct}--${t}`]]: t
|
|
3927
3948
|
},
|
|
3928
3949
|
r
|
|
3929
|
-
),
|
|
3930
|
-
strokeDasharray:
|
|
3931
|
-
strokeDashoffset: `${((100 - i) / 100 *
|
|
3950
|
+
), h = 2 * Math.PI * ((m - s) / 2), b = {
|
|
3951
|
+
strokeDasharray: h.toFixed(3),
|
|
3952
|
+
strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
|
|
3932
3953
|
}, f = `${m / 2} ${m / 2} ${m} ${m}`;
|
|
3933
3954
|
return /* @__PURE__ */ e.createElement(
|
|
3934
3955
|
"div",
|
|
3935
|
-
|
|
3956
|
+
k({
|
|
3936
3957
|
className: g,
|
|
3937
3958
|
ref: l,
|
|
3938
3959
|
role: "progressbar"
|
|
@@ -3940,23 +3961,23 @@ const wt = {
|
|
|
3940
3961
|
/* @__PURE__ */ e.createElement("svg", { viewBox: f }, /* @__PURE__ */ e.createElement(
|
|
3941
3962
|
"circle",
|
|
3942
3963
|
{
|
|
3943
|
-
className: wt[`${
|
|
3964
|
+
className: wt[`${Ct}__bg-line--${t}`],
|
|
3944
3965
|
cx: m,
|
|
3945
3966
|
cy: m,
|
|
3946
|
-
r: (m -
|
|
3967
|
+
r: (m - s) / 2,
|
|
3947
3968
|
fill: "none",
|
|
3948
|
-
strokeWidth:
|
|
3969
|
+
strokeWidth: s
|
|
3949
3970
|
}
|
|
3950
3971
|
), /* @__PURE__ */ e.createElement(
|
|
3951
3972
|
"circle",
|
|
3952
3973
|
{
|
|
3953
|
-
className: wt[`${
|
|
3974
|
+
className: wt[`${Ct}__indicator--${t}`],
|
|
3954
3975
|
style: b,
|
|
3955
3976
|
cx: m,
|
|
3956
3977
|
cy: m,
|
|
3957
|
-
r: (m -
|
|
3978
|
+
r: (m - s) / 2,
|
|
3958
3979
|
fill: "none",
|
|
3959
|
-
strokeWidth:
|
|
3980
|
+
strokeWidth: s
|
|
3960
3981
|
}
|
|
3961
3982
|
))
|
|
3962
3983
|
);
|
|
@@ -3984,7 +4005,7 @@ const wt = {
|
|
|
3984
4005
|
"size",
|
|
3985
4006
|
"className"
|
|
3986
4007
|
]);
|
|
3987
|
-
const
|
|
4008
|
+
const n = xr(t, a), i = Nr(n, a), s = u(
|
|
3988
4009
|
Wt[Vt],
|
|
3989
4010
|
{
|
|
3990
4011
|
[Wt[`${Vt}--${r}`]]: r,
|
|
@@ -3994,8 +4015,8 @@ const wt = {
|
|
|
3994
4015
|
);
|
|
3995
4016
|
return /* @__PURE__ */ e.createElement(
|
|
3996
4017
|
"div",
|
|
3997
|
-
|
|
3998
|
-
className:
|
|
4018
|
+
C(k({}, o), {
|
|
4019
|
+
className: s,
|
|
3999
4020
|
ref: l,
|
|
4000
4021
|
role: "progressbar"
|
|
4001
4022
|
}),
|
|
@@ -4020,7 +4041,7 @@ const wt = {
|
|
|
4020
4041
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
4021
4042
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
4022
4043
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
4023
|
-
}, ol = 400, ll = 800, cl = 500,
|
|
4044
|
+
}, ol = 400, ll = 800, cl = 500, Ce = "promo-banner", Pc = ({
|
|
4024
4045
|
className: t,
|
|
4025
4046
|
buttonText: a,
|
|
4026
4047
|
children: r,
|
|
@@ -4029,20 +4050,20 @@ const wt = {
|
|
|
4029
4050
|
light: l = !1,
|
|
4030
4051
|
linkText: c,
|
|
4031
4052
|
onButtonClick: d,
|
|
4032
|
-
onClose:
|
|
4053
|
+
onClose: n,
|
|
4033
4054
|
onLinkClick: i
|
|
4034
4055
|
}) => {
|
|
4035
|
-
const
|
|
4036
|
-
we[
|
|
4056
|
+
const s = e.useRef(null), [m, g] = e.useState("medium"), h = u(
|
|
4057
|
+
we[Ce],
|
|
4037
4058
|
{
|
|
4038
|
-
[we[`${
|
|
4039
|
-
[we[`${
|
|
4040
|
-
[we[`${
|
|
4059
|
+
[we[`${Ce}--light`]]: l,
|
|
4060
|
+
[we[`${Ce}--small`]]: m === "small",
|
|
4061
|
+
[we[`${Ce}--large`]]: m === "large"
|
|
4041
4062
|
},
|
|
4042
4063
|
t
|
|
4043
4064
|
);
|
|
4044
4065
|
e.useEffect(() => {
|
|
4045
|
-
const f = () =>
|
|
4066
|
+
const f = () => s.current && s.current.offsetWidth <= ol ? g("small") : s.current && s.current.offsetWidth >= ll ? g("large") : g("medium"), p = gr(
|
|
4046
4067
|
f,
|
|
4047
4068
|
cl
|
|
4048
4069
|
);
|
|
@@ -4050,22 +4071,22 @@ const wt = {
|
|
|
4050
4071
|
p.cancel(), window.removeEventListener("resize", f);
|
|
4051
4072
|
};
|
|
4052
4073
|
}, []);
|
|
4053
|
-
const b = /* @__PURE__ */ e.createElement("div", { className: we[`${
|
|
4074
|
+
const b = /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
4054
4075
|
U,
|
|
4055
4076
|
{
|
|
4056
4077
|
kind: "primary",
|
|
4057
4078
|
size: "compact",
|
|
4058
4079
|
onClick: d,
|
|
4059
|
-
className: we[`${
|
|
4080
|
+
className: we[`${Ce}__button-text`]
|
|
4060
4081
|
},
|
|
4061
4082
|
a
|
|
4062
4083
|
), c && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, c));
|
|
4063
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
4084
|
+
return /* @__PURE__ */ e.createElement("div", { ref: s, className: h }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: we[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && b), m === "large" && b), n && /* @__PURE__ */ e.createElement(
|
|
4064
4085
|
"button",
|
|
4065
4086
|
{
|
|
4066
4087
|
type: "button",
|
|
4067
|
-
className: we[`${
|
|
4068
|
-
onClick:
|
|
4088
|
+
className: we[`${Ce}__close-icon`],
|
|
4089
|
+
onClick: n
|
|
4069
4090
|
},
|
|
4070
4091
|
/* @__PURE__ */ e.createElement(D, { source: Te, size: "large", kind: "primary" })
|
|
4071
4092
|
));
|
|
@@ -4088,7 +4109,7 @@ const wt = {
|
|
|
4088
4109
|
vertical: l,
|
|
4089
4110
|
contentClassName: c,
|
|
4090
4111
|
additionalContentClassName: d,
|
|
4091
|
-
onClose:
|
|
4112
|
+
onClose: n
|
|
4092
4113
|
}) => {
|
|
4093
4114
|
const i = u(He["main-wrapper"], a);
|
|
4094
4115
|
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
|
|
@@ -4125,11 +4146,11 @@ const wt = {
|
|
|
4125
4146
|
},
|
|
4126
4147
|
r
|
|
4127
4148
|
),
|
|
4128
|
-
|
|
4149
|
+
n && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__close`] }, /* @__PURE__ */ e.createElement(
|
|
4129
4150
|
U,
|
|
4130
4151
|
{
|
|
4131
4152
|
className: He[`${qe}__close__btn`],
|
|
4132
|
-
onClick:
|
|
4153
|
+
onClick: n,
|
|
4133
4154
|
icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
|
|
4134
4155
|
kind: "plain",
|
|
4135
4156
|
size: "compact"
|
|
@@ -4148,14 +4169,14 @@ const wt = {
|
|
|
4148
4169
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
4149
4170
|
}, Ge = "radio-button", Ic = e.forwardRef(
|
|
4150
4171
|
(d, c) => {
|
|
4151
|
-
var
|
|
4172
|
+
var n = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = n, l = A(n, ["children", "className", "description", "checked", "disabled"]);
|
|
4152
4173
|
const i = u(ze[Ge], a, {
|
|
4153
4174
|
[ze[`${Ge}--selected`]]: _,
|
|
4154
4175
|
[ze[`${Ge}--disabled`]]: o
|
|
4155
4176
|
});
|
|
4156
4177
|
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: ze[`${Ge}__label`] }, /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: ze[`${Ge}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
4157
4178
|
"input",
|
|
4158
|
-
|
|
4179
|
+
C(k({}, l), {
|
|
4159
4180
|
className: ze[`${Ge}__input`],
|
|
4160
4181
|
ref: c,
|
|
4161
4182
|
type: "radio",
|
|
@@ -4187,14 +4208,14 @@ const wt = {
|
|
|
4187
4208
|
className: c,
|
|
4188
4209
|
onChange: d
|
|
4189
4210
|
}) => {
|
|
4190
|
-
const [
|
|
4211
|
+
const [n, i] = e.useState(!0), [s, m] = e.useState(!1), g = e.useRef(null), h = !!l && !a && !r, b = t && !n && "true", f = u(
|
|
4191
4212
|
c,
|
|
4192
4213
|
Fe[xe],
|
|
4193
4214
|
Fe[`${xe}--${o}`],
|
|
4194
|
-
|
|
4215
|
+
s && Fe[`${xe}--focused`],
|
|
4195
4216
|
a && Fe[`${xe}--disabled`],
|
|
4196
4217
|
t && Fe[`${xe}--collapsable`],
|
|
4197
|
-
!
|
|
4218
|
+
!n && Fe[`${xe}--collapsable--open`]
|
|
4198
4219
|
);
|
|
4199
4220
|
e.useEffect(() => {
|
|
4200
4221
|
t && l && i(!1);
|
|
@@ -4247,7 +4268,7 @@ const wt = {
|
|
|
4247
4268
|
disabled: a
|
|
4248
4269
|
}
|
|
4249
4270
|
),
|
|
4250
|
-
|
|
4271
|
+
h && /* @__PURE__ */ e.createElement(
|
|
4251
4272
|
U,
|
|
4252
4273
|
{
|
|
4253
4274
|
"aria-label": "Clear search",
|
|
@@ -4306,9 +4327,9 @@ const wt = {
|
|
|
4306
4327
|
onChange: l,
|
|
4307
4328
|
size: c = "large",
|
|
4308
4329
|
state: d = "regular",
|
|
4309
|
-
innerRef:
|
|
4330
|
+
innerRef: n,
|
|
4310
4331
|
ariaLabel: i
|
|
4311
|
-
} = g,
|
|
4332
|
+
} = g, s = A(g, [
|
|
4312
4333
|
"className",
|
|
4313
4334
|
"defaultOn",
|
|
4314
4335
|
"disabled",
|
|
@@ -4320,18 +4341,18 @@ const wt = {
|
|
|
4320
4341
|
"innerRef",
|
|
4321
4342
|
"ariaLabel"
|
|
4322
4343
|
]);
|
|
4323
|
-
const
|
|
4324
|
-
() =>
|
|
4325
|
-
), p =
|
|
4344
|
+
const h = o !== void 0, [b, f] = e.useState(
|
|
4345
|
+
() => h ? o : a
|
|
4346
|
+
), p = h ? o : b, y = d === "loading", v = d === "locked", E = c === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
|
|
4326
4347
|
ce[ae],
|
|
4327
4348
|
ce[`${ae}--${c}`],
|
|
4328
4349
|
t
|
|
4329
|
-
), S = (
|
|
4330
|
-
l == null || l(
|
|
4350
|
+
), S = (R) => {
|
|
4351
|
+
l == null || l(R, !p), h || (R.stopPropagation(), f((B) => !B));
|
|
4331
4352
|
};
|
|
4332
4353
|
return /* @__PURE__ */ e.createElement("span", { className: F }, /* @__PURE__ */ e.createElement(
|
|
4333
4354
|
"input",
|
|
4334
|
-
|
|
4355
|
+
k({
|
|
4335
4356
|
type: "checkbox",
|
|
4336
4357
|
className: u(
|
|
4337
4358
|
ce[`${ae}__input`],
|
|
@@ -4340,10 +4361,10 @@ const wt = {
|
|
|
4340
4361
|
onChange: S,
|
|
4341
4362
|
checked: p,
|
|
4342
4363
|
name: _,
|
|
4343
|
-
ref:
|
|
4364
|
+
ref: n,
|
|
4344
4365
|
disabled: x,
|
|
4345
4366
|
"aria-label": i
|
|
4346
|
-
},
|
|
4367
|
+
}, s)
|
|
4347
4368
|
), /* @__PURE__ */ e.createElement("span", { className: ce[`${ae}__container`] }, /* @__PURE__ */ e.createElement(
|
|
4348
4369
|
"span",
|
|
4349
4370
|
{
|
|
@@ -4392,14 +4413,14 @@ const wt = {
|
|
|
4392
4413
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
4393
4414
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
4394
4415
|
}, dt = "tab", Rc = (d) => {
|
|
4395
|
-
var
|
|
4416
|
+
var n = d, {
|
|
4396
4417
|
children: t,
|
|
4397
4418
|
className: a,
|
|
4398
4419
|
count: r,
|
|
4399
4420
|
isSelected: _,
|
|
4400
4421
|
asBadge: o,
|
|
4401
4422
|
size: l = "medium"
|
|
4402
|
-
} =
|
|
4423
|
+
} = n, c = A(n, [
|
|
4403
4424
|
"children",
|
|
4404
4425
|
"className",
|
|
4405
4426
|
"count",
|
|
@@ -4407,10 +4428,10 @@ const wt = {
|
|
|
4407
4428
|
"asBadge",
|
|
4408
4429
|
"size"
|
|
4409
4430
|
]);
|
|
4410
|
-
const { disabled: i } = c,
|
|
4431
|
+
const { disabled: i } = c, s = r !== void 0 && !o, m = r !== void 0 && o;
|
|
4411
4432
|
return /* @__PURE__ */ e.createElement(
|
|
4412
4433
|
M,
|
|
4413
|
-
|
|
4434
|
+
C(k({}, c), {
|
|
4414
4435
|
as: c.href ? "a" : "button",
|
|
4415
4436
|
size: "md",
|
|
4416
4437
|
bold: _,
|
|
@@ -4423,7 +4444,7 @@ const wt = {
|
|
|
4423
4444
|
)
|
|
4424
4445
|
}),
|
|
4425
4446
|
t,
|
|
4426
|
-
|
|
4447
|
+
s && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
|
|
4427
4448
|
m && /* @__PURE__ */ e.createElement(
|
|
4428
4449
|
U_,
|
|
4429
4450
|
{
|
|
@@ -4451,19 +4472,19 @@ const wt = {
|
|
|
4451
4472
|
remove: o,
|
|
4452
4473
|
value: l
|
|
4453
4474
|
}) => {
|
|
4454
|
-
const [c, d] = e.useState(!1),
|
|
4455
|
-
const b =
|
|
4475
|
+
const [c, d] = e.useState(!1), n = () => a.current, i = () => {
|
|
4476
|
+
const b = n();
|
|
4456
4477
|
return b ? b.innerText : "";
|
|
4457
|
-
},
|
|
4478
|
+
}, s = () => {
|
|
4458
4479
|
r && r.current && r.current.focus();
|
|
4459
4480
|
}, m = (b) => {
|
|
4460
4481
|
if (b.key === re.enter) {
|
|
4461
|
-
b.preventDefault(),
|
|
4482
|
+
b.preventDefault(), s();
|
|
4462
4483
|
return;
|
|
4463
4484
|
}
|
|
4464
|
-
b.key === re.backspace && i() === "" && (d(!0), o(),
|
|
4485
|
+
b.key === re.backspace && i() === "" && (d(!0), o(), s());
|
|
4465
4486
|
}, g = () => {
|
|
4466
|
-
const b =
|
|
4487
|
+
const b = n();
|
|
4467
4488
|
if (!(c || !b)) {
|
|
4468
4489
|
if (b.innerText === "") {
|
|
4469
4490
|
o();
|
|
@@ -4471,7 +4492,7 @@ const wt = {
|
|
|
4471
4492
|
}
|
|
4472
4493
|
_(b.innerText);
|
|
4473
4494
|
}
|
|
4474
|
-
},
|
|
4495
|
+
}, h = (b) => {
|
|
4475
4496
|
b.preventDefault();
|
|
4476
4497
|
const f = b.clipboardData.getData("text/plain");
|
|
4477
4498
|
document.execCommand("insertHTML", !1, Wa(f));
|
|
@@ -4482,7 +4503,7 @@ const wt = {
|
|
|
4482
4503
|
ref: a,
|
|
4483
4504
|
className: t,
|
|
4484
4505
|
contentEditable: !0,
|
|
4485
|
-
onPaste:
|
|
4506
|
+
onPaste: h,
|
|
4486
4507
|
onBlur: g,
|
|
4487
4508
|
onKeyDown: m,
|
|
4488
4509
|
dangerouslySetInnerHTML: { __html: Wa(l) }
|
|
@@ -4504,9 +4525,9 @@ const wt = {
|
|
|
4504
4525
|
update: l,
|
|
4505
4526
|
size: c
|
|
4506
4527
|
}) => {
|
|
4507
|
-
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]),
|
|
4528
|
+
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), i = () => r(a);
|
|
4508
4529
|
return /* @__PURE__ */ e.createElement(
|
|
4509
|
-
|
|
4530
|
+
Cr,
|
|
4510
4531
|
{
|
|
4511
4532
|
kind: d ? "default" : "error",
|
|
4512
4533
|
dismissible: !0,
|
|
@@ -4518,9 +4539,9 @@ const wt = {
|
|
|
4518
4539
|
{
|
|
4519
4540
|
value: t,
|
|
4520
4541
|
inputRef: o,
|
|
4521
|
-
innerEditableRef:
|
|
4542
|
+
innerEditableRef: n,
|
|
4522
4543
|
className: St[`${yl}__content`],
|
|
4523
|
-
change: (
|
|
4544
|
+
change: (s) => l(a, s),
|
|
4524
4545
|
remove: i,
|
|
4525
4546
|
validator: _
|
|
4526
4547
|
}
|
|
@@ -4532,8 +4553,8 @@ const wt = {
|
|
|
4532
4553
|
re.tab,
|
|
4533
4554
|
re.semicolon,
|
|
4534
4555
|
re.comma
|
|
4535
|
-
], wl = [re.backspace, re.delete],
|
|
4536
|
-
var
|
|
4556
|
+
], wl = [re.backspace, re.delete], Cl = (g) => {
|
|
4557
|
+
var h = g, {
|
|
4537
4558
|
id: t,
|
|
4538
4559
|
tags: a,
|
|
4539
4560
|
onChange: r,
|
|
@@ -4542,10 +4563,10 @@ const wt = {
|
|
|
4542
4563
|
placeholder: l,
|
|
4543
4564
|
size: c = "medium",
|
|
4544
4565
|
className: d,
|
|
4545
|
-
inputClassName:
|
|
4566
|
+
inputClassName: n,
|
|
4546
4567
|
onBlur: i,
|
|
4547
|
-
addOnBlur:
|
|
4548
|
-
} =
|
|
4568
|
+
addOnBlur: s = !0
|
|
4569
|
+
} = h, m = A(h, [
|
|
4549
4570
|
"id",
|
|
4550
4571
|
"tags",
|
|
4551
4572
|
"onChange",
|
|
@@ -4565,52 +4586,52 @@ const wt = {
|
|
|
4565
4586
|
},
|
|
4566
4587
|
d
|
|
4567
4588
|
), f = u(
|
|
4568
|
-
|
|
4589
|
+
n,
|
|
4569
4590
|
St[`${Yt}__input`],
|
|
4570
4591
|
St[`${Yt}__input--${c}`]
|
|
4571
|
-
), [p, y] = e.useState(""), v = e.useRef(null), E = (
|
|
4572
|
-
r([...a || [],
|
|
4573
|
-
}, w = (
|
|
4574
|
-
const
|
|
4575
|
-
|
|
4576
|
-
}, x = (
|
|
4577
|
-
if ($l.includes(
|
|
4578
|
-
if (
|
|
4592
|
+
), [p, y] = e.useState(""), v = e.useRef(null), E = (B) => {
|
|
4593
|
+
r([...a || [], B]), y("");
|
|
4594
|
+
}, w = (B) => {
|
|
4595
|
+
const L = [...a || []];
|
|
4596
|
+
L.splice(B, 1), r(L);
|
|
4597
|
+
}, x = (B) => y(B.target.value), $ = (B) => {
|
|
4598
|
+
if ($l.includes(B.key)) {
|
|
4599
|
+
if (B.preventDefault(), p === "")
|
|
4579
4600
|
return;
|
|
4580
4601
|
E(p);
|
|
4581
|
-
} else if (wl.includes(
|
|
4602
|
+
} else if (wl.includes(B.key)) {
|
|
4582
4603
|
if (p !== "" || !(a != null && a.length))
|
|
4583
4604
|
return;
|
|
4584
4605
|
w(a.length - 1);
|
|
4585
4606
|
}
|
|
4586
|
-
}, F = (
|
|
4587
|
-
|
|
4588
|
-
}, S = (
|
|
4607
|
+
}, F = (B) => {
|
|
4608
|
+
s && E(p), i == null || i(B);
|
|
4609
|
+
}, S = (B, L) => {
|
|
4589
4610
|
const j = [...a || []];
|
|
4590
4611
|
j.reduce(
|
|
4591
|
-
(de, Be, Pe) => de + (Be ===
|
|
4612
|
+
(de, Be, Pe) => de + (Be === L && Pe !== B ? 1 : 0),
|
|
4592
4613
|
0
|
|
4593
|
-
) > 0 ? j.splice(
|
|
4594
|
-
},
|
|
4595
|
-
|
|
4596
|
-
const j =
|
|
4614
|
+
) > 0 ? j.splice(B, 1) : j[B] = L, r(j);
|
|
4615
|
+
}, R = (B) => {
|
|
4616
|
+
B.preventDefault();
|
|
4617
|
+
const j = B.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
|
|
4597
4618
|
r([...a || [], ...j]);
|
|
4598
4619
|
};
|
|
4599
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((
|
|
4620
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((B, L) => /* @__PURE__ */ e.createElement(
|
|
4600
4621
|
El,
|
|
4601
4622
|
{
|
|
4602
|
-
index:
|
|
4603
|
-
key: `${
|
|
4623
|
+
index: L,
|
|
4624
|
+
key: `${L}${B}`,
|
|
4604
4625
|
update: S,
|
|
4605
4626
|
remove: w,
|
|
4606
4627
|
inputRef: v,
|
|
4607
4628
|
validator: _,
|
|
4608
4629
|
size: c
|
|
4609
4630
|
},
|
|
4610
|
-
|
|
4631
|
+
B
|
|
4611
4632
|
)), /* @__PURE__ */ e.createElement(
|
|
4612
4633
|
"input",
|
|
4613
|
-
|
|
4634
|
+
C(k({}, m), {
|
|
4614
4635
|
id: t,
|
|
4615
4636
|
ref: v,
|
|
4616
4637
|
className: f,
|
|
@@ -4618,19 +4639,19 @@ const wt = {
|
|
|
4618
4639
|
value: p,
|
|
4619
4640
|
onChange: x,
|
|
4620
4641
|
onKeyDown: $,
|
|
4621
|
-
onPaste:
|
|
4642
|
+
onPaste: R,
|
|
4622
4643
|
onBlur: F
|
|
4623
4644
|
})
|
|
4624
4645
|
)), o && /* @__PURE__ */ e.createElement(Oa, null, o));
|
|
4625
|
-
},
|
|
4626
|
-
var
|
|
4646
|
+
}, Nl = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, xl = "name@company.com", Sl = (t) => Nl.test(t), Hc = (d) => {
|
|
4647
|
+
var n = d, {
|
|
4627
4648
|
id: t,
|
|
4628
4649
|
tags: a,
|
|
4629
4650
|
onChange: r,
|
|
4630
4651
|
error: _,
|
|
4631
4652
|
placeholder: o = xl,
|
|
4632
4653
|
size: l
|
|
4633
|
-
} =
|
|
4654
|
+
} = n, c = A(n, [
|
|
4634
4655
|
"id",
|
|
4635
4656
|
"tags",
|
|
4636
4657
|
"onChange",
|
|
@@ -4639,8 +4660,8 @@ const wt = {
|
|
|
4639
4660
|
"size"
|
|
4640
4661
|
]);
|
|
4641
4662
|
return /* @__PURE__ */ e.createElement(
|
|
4642
|
-
|
|
4643
|
-
|
|
4663
|
+
Cl,
|
|
4664
|
+
C(k({}, c), {
|
|
4644
4665
|
id: t,
|
|
4645
4666
|
tags: a,
|
|
4646
4667
|
error: _,
|
|
@@ -4694,14 +4715,14 @@ const wt = {
|
|
|
4694
4715
|
source: Fa
|
|
4695
4716
|
}
|
|
4696
4717
|
}, Ke = "toast", Il = (d) => {
|
|
4697
|
-
var
|
|
4718
|
+
var n = d, {
|
|
4698
4719
|
action: t,
|
|
4699
4720
|
className: a,
|
|
4700
4721
|
children: r,
|
|
4701
4722
|
removable: _,
|
|
4702
4723
|
kind: o = "info",
|
|
4703
4724
|
onClose: l
|
|
4704
|
-
} =
|
|
4725
|
+
} = n, c = A(n, [
|
|
4705
4726
|
"action",
|
|
4706
4727
|
"className",
|
|
4707
4728
|
"children",
|
|
@@ -4713,8 +4734,8 @@ const wt = {
|
|
|
4713
4734
|
J[Ke],
|
|
4714
4735
|
J[`${Ke}--${o}`],
|
|
4715
4736
|
a
|
|
4716
|
-
),
|
|
4717
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
4737
|
+
), s = typeof r == "string", m = (g) => g && g.closesOnClick && l ? (g.onClick(), l()) : g.onClick();
|
|
4738
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, C(k({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, s ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
4718
4739
|
U,
|
|
4719
4740
|
{
|
|
4720
4741
|
className: J[`${Ke}__actions--custom`],
|
|
@@ -4735,7 +4756,7 @@ const wt = {
|
|
|
4735
4756
|
},
|
|
4736
4757
|
/* @__PURE__ */ e.createElement(D, { source: Te, size: "medium" })
|
|
4737
4758
|
)));
|
|
4738
|
-
}, Fl = 200,
|
|
4759
|
+
}, Fl = 200, Nt = "toast-wrapper", zc = ({
|
|
4739
4760
|
className: t,
|
|
4740
4761
|
toasts: a = [],
|
|
4741
4762
|
fixed: r = !0,
|
|
@@ -4745,19 +4766,19 @@ const wt = {
|
|
|
4745
4766
|
horizontalPosition: c = "center"
|
|
4746
4767
|
}) => {
|
|
4747
4768
|
const d = u(
|
|
4748
|
-
J[
|
|
4769
|
+
J[Nt],
|
|
4749
4770
|
{
|
|
4750
|
-
[J[`${
|
|
4751
|
-
[J[`${
|
|
4752
|
-
[J[`${
|
|
4753
|
-
[J[`${
|
|
4771
|
+
[J[`${Nt}--fixed`]]: r,
|
|
4772
|
+
[J[`${Nt}--block`]]: !r && _,
|
|
4773
|
+
[J[`${Nt}--horizontal-${c}`]]: c,
|
|
4774
|
+
[J[`${Nt}--vertical-${l}`]]: l
|
|
4754
4775
|
},
|
|
4755
4776
|
t
|
|
4756
4777
|
);
|
|
4757
|
-
return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(vr, { component: null }, a.map(({ id:
|
|
4778
|
+
return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(vr, { component: null }, a.map(({ id: n, kind: i, content: s, removable: m, action: g, onClose: h }) => /* @__PURE__ */ e.createElement(
|
|
4758
4779
|
hr,
|
|
4759
4780
|
{
|
|
4760
|
-
key:
|
|
4781
|
+
key: n,
|
|
4761
4782
|
classNames: {
|
|
4762
4783
|
enter: J[`toast-appear--${o}`],
|
|
4763
4784
|
enterActive: J[`toast-appear-active--${o}`],
|
|
@@ -4770,11 +4791,11 @@ const wt = {
|
|
|
4770
4791
|
Il,
|
|
4771
4792
|
{
|
|
4772
4793
|
kind: i,
|
|
4773
|
-
onClose:
|
|
4794
|
+
onClose: h,
|
|
4774
4795
|
removable: m,
|
|
4775
4796
|
action: g
|
|
4776
4797
|
},
|
|
4777
|
-
|
|
4798
|
+
s
|
|
4778
4799
|
)
|
|
4779
4800
|
))));
|
|
4780
4801
|
}, Ml = "lc-Textarea-module__textarea___g6U8F", qt = {
|
|
@@ -4785,33 +4806,33 @@ const wt = {
|
|
|
4785
4806
|
}, Kt = "textarea", Gc = e.forwardRef(
|
|
4786
4807
|
(o, _) => {
|
|
4787
4808
|
var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
|
|
4788
|
-
const { disabled: c, onBlur: d, onFocus:
|
|
4809
|
+
const { disabled: c, onBlur: d, onFocus: n } = r, [i, s] = e.useState(!1), m = u(t, qt[Kt], {
|
|
4789
4810
|
[qt[`${Kt}--disabled`]]: c,
|
|
4790
4811
|
[qt[`${Kt}--focused`]]: i,
|
|
4791
4812
|
[qt[`${Kt}--error`]]: a
|
|
4792
4813
|
}), g = (b) => {
|
|
4793
|
-
|
|
4794
|
-
},
|
|
4795
|
-
|
|
4814
|
+
s(!1), d == null || d(b);
|
|
4815
|
+
}, h = (b) => {
|
|
4816
|
+
s(!0), n == null || n(b);
|
|
4796
4817
|
};
|
|
4797
4818
|
return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
|
|
4798
4819
|
"textarea",
|
|
4799
|
-
|
|
4820
|
+
C(k({}, r), {
|
|
4800
4821
|
ref: _,
|
|
4801
|
-
onFocus:
|
|
4822
|
+
onFocus: h,
|
|
4802
4823
|
onBlur: g
|
|
4803
4824
|
})
|
|
4804
4825
|
));
|
|
4805
4826
|
}
|
|
4806
|
-
),
|
|
4827
|
+
), Ca = {
|
|
4807
4828
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
4808
4829
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
4809
4830
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
4810
|
-
},
|
|
4831
|
+
}, Na = "file-upload-progress-actions", Ia = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Ca[`${Na}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
4811
4832
|
"button",
|
|
4812
4833
|
{
|
|
4813
4834
|
type: "button",
|
|
4814
|
-
className:
|
|
4835
|
+
className: Ca[`${Na}__retry-button`],
|
|
4815
4836
|
"aria-label": "Retry",
|
|
4816
4837
|
onClick: r
|
|
4817
4838
|
},
|
|
@@ -4820,12 +4841,12 @@ const wt = {
|
|
|
4820
4841
|
"button",
|
|
4821
4842
|
{
|
|
4822
4843
|
type: "button",
|
|
4823
|
-
className:
|
|
4844
|
+
className: Ca[`${Na}__close-button`],
|
|
4824
4845
|
"aria-label": "Close",
|
|
4825
4846
|
onClick: a
|
|
4826
4847
|
},
|
|
4827
4848
|
/* @__PURE__ */ e.createElement(D, { size: "small", source: Te })
|
|
4828
|
-
)),
|
|
4849
|
+
)), Ne = {
|
|
4829
4850
|
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
4830
4851
|
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
4831
4852
|
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
@@ -4846,29 +4867,29 @@ const wt = {
|
|
|
4846
4867
|
size: l,
|
|
4847
4868
|
status: c = "normal",
|
|
4848
4869
|
onCloseButtonClick: d,
|
|
4849
|
-
onRetryButtonClick:
|
|
4850
|
-
}, i) => /* @__PURE__ */ e.createElement("div", { className:
|
|
4870
|
+
onRetryButtonClick: n
|
|
4871
|
+
}, i) => /* @__PURE__ */ e.createElement("div", { className: Ne[Ue], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ue}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
|
|
4851
4872
|
"div",
|
|
4852
4873
|
{
|
|
4853
4874
|
className: u(
|
|
4854
|
-
|
|
4855
|
-
|
|
4875
|
+
Ne[`${Ue}__icon`],
|
|
4876
|
+
Ne[`${Ue}__icon--success`]
|
|
4856
4877
|
)
|
|
4857
4878
|
},
|
|
4858
4879
|
/* @__PURE__ */ e.createElement(D, { source: Qt })
|
|
4859
4880
|
), /* @__PURE__ */ e.createElement(
|
|
4860
4881
|
"div",
|
|
4861
4882
|
{
|
|
4862
|
-
className: u(
|
|
4863
|
-
[
|
|
4883
|
+
className: u(Ne[`${Ue}__wrapper`], {
|
|
4884
|
+
[Ne[`${Ue}__wrapper--with-icon`]]: r
|
|
4864
4885
|
})
|
|
4865
4886
|
},
|
|
4866
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
4887
|
+
/* @__PURE__ */ e.createElement("div", { className: Ne[`${Ue}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4867
4888
|
"div",
|
|
4868
4889
|
{
|
|
4869
|
-
className: u(
|
|
4870
|
-
[
|
|
4871
|
-
[
|
|
4890
|
+
className: u(Ne[xa], {
|
|
4891
|
+
[Ne[`${xa}--success`]]: c === "success",
|
|
4892
|
+
[Ne[`${xa}--error`]]: c === "error"
|
|
4872
4893
|
})
|
|
4873
4894
|
},
|
|
4874
4895
|
/* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
|
|
@@ -4878,7 +4899,7 @@ const wt = {
|
|
|
4878
4899
|
"div",
|
|
4879
4900
|
{
|
|
4880
4901
|
className: u({
|
|
4881
|
-
[
|
|
4902
|
+
[Ne[`${Ue}__wrapper__header__actions`]]: t === "hover"
|
|
4882
4903
|
})
|
|
4883
4904
|
},
|
|
4884
4905
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4886,7 +4907,7 @@ const wt = {
|
|
|
4886
4907
|
{
|
|
4887
4908
|
status: c,
|
|
4888
4909
|
onCloseButtonClick: d,
|
|
4889
|
-
onRetryButtonClick:
|
|
4910
|
+
onRetryButtonClick: n
|
|
4890
4911
|
}
|
|
4891
4912
|
)
|
|
4892
4913
|
)),
|
|
@@ -4900,7 +4921,7 @@ const wt = {
|
|
|
4900
4921
|
}
|
|
4901
4922
|
)
|
|
4902
4923
|
))
|
|
4903
|
-
),
|
|
4924
|
+
), z = {
|
|
4904
4925
|
"upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
|
|
4905
4926
|
"upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
|
|
4906
4927
|
"upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
|
|
@@ -4921,10 +4942,10 @@ const wt = {
|
|
|
4921
4942
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
4922
4943
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
4923
4944
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
4924
|
-
}, ne = "upload-bar", We = `${ne}__wrapper__header`, Ll = 300, Ol = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className:
|
|
4945
|
+
}, ne = "upload-bar", We = `${ne}__wrapper__header`, Ll = 300, Ol = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: z[`${We}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: z[`${We}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Ur })) : /* @__PURE__ */ e.createElement(
|
|
4925
4946
|
rl,
|
|
4926
4947
|
{
|
|
4927
|
-
className:
|
|
4948
|
+
className: z[`${We}__loader`],
|
|
4928
4949
|
status: t,
|
|
4929
4950
|
progressValue: a
|
|
4930
4951
|
}
|
|
@@ -4937,50 +4958,50 @@ const wt = {
|
|
|
4937
4958
|
errorMessage: l,
|
|
4938
4959
|
status: c = "normal",
|
|
4939
4960
|
icon: d,
|
|
4940
|
-
size:
|
|
4961
|
+
size: n,
|
|
4941
4962
|
mode: i = "multiple",
|
|
4942
|
-
onCloseButtonClick:
|
|
4963
|
+
onCloseButtonClick: s,
|
|
4943
4964
|
onRetryButtonClick: m
|
|
4944
4965
|
}) => {
|
|
4945
|
-
const [g,
|
|
4946
|
-
[
|
|
4947
|
-
[
|
|
4948
|
-
}), y = !(b && (m ||
|
|
4949
|
-
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className:
|
|
4966
|
+
const [g, h] = e.useState(o || !1), b = c === "error", f = c === "success", p = u(z[ne], a, {
|
|
4967
|
+
[z[`${ne}--error`]]: b,
|
|
4968
|
+
[z[`${ne}--success`]]: f
|
|
4969
|
+
}), y = !(b && (m || s)), v = () => h(!g);
|
|
4970
|
+
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${We}`] }, /* @__PURE__ */ e.createElement(
|
|
4950
4971
|
Rl,
|
|
4951
4972
|
{
|
|
4952
4973
|
title: b && l || _,
|
|
4953
4974
|
progressValue: r,
|
|
4954
4975
|
status: c,
|
|
4955
4976
|
icon: d,
|
|
4956
|
-
size:
|
|
4977
|
+
size: n
|
|
4957
4978
|
}
|
|
4958
4979
|
)), c === "error" && /* @__PURE__ */ e.createElement(
|
|
4959
4980
|
Ia,
|
|
4960
4981
|
{
|
|
4961
4982
|
status: c,
|
|
4962
|
-
onCloseButtonClick:
|
|
4983
|
+
onCloseButtonClick: s,
|
|
4963
4984
|
onRetryButtonClick: m
|
|
4964
4985
|
}
|
|
4965
4986
|
))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
|
|
4966
4987
|
"div",
|
|
4967
4988
|
{
|
|
4968
|
-
className:
|
|
4989
|
+
className: z[`${ne}__wrapper`],
|
|
4969
4990
|
onClick: v
|
|
4970
4991
|
},
|
|
4971
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
4992
|
+
/* @__PURE__ */ e.createElement("div", { className: z[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${We}__icon`] }, Ol(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? l : _)), y && /* @__PURE__ */ e.createElement(
|
|
4972
4993
|
"button",
|
|
4973
4994
|
{
|
|
4974
|
-
className:
|
|
4995
|
+
className: z[`${We}__collapse-button`],
|
|
4975
4996
|
type: "button",
|
|
4976
4997
|
onClick: v
|
|
4977
4998
|
},
|
|
4978
4999
|
g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source: Bt })
|
|
4979
|
-
), c === "error" && /* @__PURE__ */ e.createElement("div", { className:
|
|
5000
|
+
), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
4980
5001
|
Ia,
|
|
4981
5002
|
{
|
|
4982
5003
|
status: c,
|
|
4983
|
-
onCloseButtonClick:
|
|
5004
|
+
onCloseButtonClick: s,
|
|
4984
5005
|
onRetryButtonClick: m
|
|
4985
5006
|
}
|
|
4986
5007
|
)))
|
|
@@ -4989,14 +5010,14 @@ const wt = {
|
|
|
4989
5010
|
{
|
|
4990
5011
|
timeout: Ll,
|
|
4991
5012
|
classNames: {
|
|
4992
|
-
enter:
|
|
4993
|
-
enterActive:
|
|
4994
|
-
exit:
|
|
4995
|
-
exitActive:
|
|
4996
|
-
exitDone:
|
|
5013
|
+
enter: z[`${ne}__files--enter`],
|
|
5014
|
+
enterActive: z[`${ne}__files--enter-active`],
|
|
5015
|
+
exit: z[`${ne}__files--exit`],
|
|
5016
|
+
exitActive: z[`${ne}__files--exit-active`],
|
|
5017
|
+
exitDone: z[`${ne}__files--exit-done`]
|
|
4997
5018
|
}
|
|
4998
5019
|
},
|
|
4999
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
5020
|
+
/* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ne}__files__list`] }, t)))
|
|
5000
5021
|
)));
|
|
5001
5022
|
};
|
|
5002
5023
|
export {
|
|
@@ -5030,9 +5051,9 @@ export {
|
|
|
5030
5051
|
sc as Info,
|
|
5031
5052
|
wc as Input,
|
|
5032
5053
|
ic as Interactive,
|
|
5033
|
-
|
|
5054
|
+
Cc as Link,
|
|
5034
5055
|
La as Loader,
|
|
5035
|
-
|
|
5056
|
+
Nc as Modal,
|
|
5036
5057
|
Fo as ModalBase,
|
|
5037
5058
|
lr as ModalCloseButton,
|
|
5038
5059
|
Sc as ModalHeader,
|
|
@@ -5058,8 +5079,8 @@ export {
|
|
|
5058
5079
|
Rc as Tab,
|
|
5059
5080
|
Oc as TabsList,
|
|
5060
5081
|
Lc as TabsWrapper,
|
|
5061
|
-
|
|
5062
|
-
|
|
5082
|
+
Cr as Tag,
|
|
5083
|
+
Cl as TagInput,
|
|
5063
5084
|
M as Text,
|
|
5064
5085
|
Gc as Textarea,
|
|
5065
5086
|
Il as Toast,
|