@livechat/design-system-react-components 1.22.5 → 1.23.1
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/README.md +1 -1
- package/dist/components/ActionBar/types.d.ts +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.d.ts +1 -14
- package/dist/components/ActionMenu/types.d.ts +14 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +1100 -1066
- package/dist/style.css +1 -1
- package/package.json +18 -21
- package/dist/preview-stats.json +0 -2764
- /package/dist/components/Button/{helpers.d.ts → Button.helpers.d.ts} +0 -0
package/dist/index.es.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
1
|
+
var Or = Object.defineProperty, Hr = Object.defineProperties;
|
|
2
|
+
var zr = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var It = Object.getOwnPropertySymbols;
|
|
4
|
+
var Wa = Object.prototype.hasOwnProperty, Va = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var va = (t, a, r) => a in t ? Or(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
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var r of
|
|
10
|
-
|
|
7
|
+
Wa.call(a, r) && va(t, r, a[r]);
|
|
8
|
+
if (It)
|
|
9
|
+
for (var r of It(a))
|
|
10
|
+
Va.call(a, r) && va(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
}, T = (t, a) =>
|
|
13
|
-
var
|
|
12
|
+
}, T = (t, a) => Hr(t, zr(a));
|
|
13
|
+
var F = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
16
|
-
|
|
17
|
-
if (t != null &&
|
|
18
|
-
for (var _ of
|
|
19
|
-
a.indexOf(_) < 0 &&
|
|
16
|
+
Wa.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
|
|
17
|
+
if (t != null && It)
|
|
18
|
+
for (var _ of It(t))
|
|
19
|
+
a.indexOf(_) < 0 && Va.call(t, _) && (r[_] = t[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var ha = (t, a, r) => (va(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as
|
|
25
|
-
import { Check as
|
|
24
|
+
import { useReducer as Gr, useRef as Ur, useEffect as dt, useCallback as Ft, useMemo as Mt } from "react";
|
|
25
|
+
import { Check as Xt, Close as Be, ChevronDown as At, Info as Ma, Warning as fr, CheckCircle as vr, Block as hr, Person as Wr, ChevronUp as Qt, DoubleArrowLeft as Vr, ChevronLeft as qr, ChevronRight as kr, DoubleArrowRight as Yr, VisibilityOn as Kr, VisibilityOff as Jr, Search as Xr, LockBlack as Qr, Refresh as jr, Error as Zr } from "@livechat/design-system-icons";
|
|
26
26
|
import u from "clsx";
|
|
27
|
-
import { useFloating as
|
|
28
|
-
import
|
|
29
|
-
import { getContrast as
|
|
27
|
+
import { useFloatingParentNodeId as Ra, useFloatingNodeId as jt, useFloating as Zt, offset as ea, flip as ta, autoUpdate as aa, useClick as ra, useDismiss as _a, useRole as oa, useInteractions as la, useTransitionStyles as yr, FloatingNode as ca, FloatingTree as La, shift as Oa, arrow as e_, useHover as t_, safePolygon as a_, useFocus as r_, useTransitionStatus as __, FloatingArrow as o_, FloatingPortal as Er, FloatingOverlay as l_, FloatingFocusManager as Da, size as c_, useListNavigation as n_ } from "@floating-ui/react";
|
|
28
|
+
import wr from "lodash.debounce";
|
|
29
|
+
import { getContrast as Ha } from "polished";
|
|
30
30
|
import s_ from "react-day-picker";
|
|
31
|
-
import { subMonths as
|
|
32
|
-
import * as
|
|
31
|
+
import { subMonths as ut, differenceInCalendarMonths as qa, addMonths as Ya, isSameMonth as Ba, isSameDay as Aa, isAfter as Pa, differenceInCalendarDays as $r } from "date-fns";
|
|
32
|
+
import * as Cr from "react-dom";
|
|
33
33
|
import { Virtuoso as i_ } from "react-virtuoso";
|
|
34
|
-
import
|
|
35
|
-
import { TransitionGroup as
|
|
34
|
+
import Ka from "lodash.escape";
|
|
35
|
+
import { TransitionGroup as Nr, CSSTransition as Sr } from "react-transition-group";
|
|
36
36
|
const sc = {
|
|
37
37
|
/** @deprecated */
|
|
38
38
|
Background: "--background",
|
|
@@ -463,7 +463,7 @@ const sc = {
|
|
|
463
463
|
Instant: "--delay-instant",
|
|
464
464
|
Moderate: "--delay-moderate",
|
|
465
465
|
Slow: "--delay-slow"
|
|
466
|
-
}, bc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`,
|
|
466
|
+
}, bc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, _e = {
|
|
467
467
|
esc: "Escape",
|
|
468
468
|
enter: "Enter",
|
|
469
469
|
backspace: "Backspace",
|
|
@@ -474,7 +474,7 @@ const sc = {
|
|
|
474
474
|
comma: ",",
|
|
475
475
|
arrowUp: "ArrowUp",
|
|
476
476
|
arrowDown: "ArrowDown"
|
|
477
|
-
}, d_ = "lc-Icon-module__icon___tw31R",
|
|
477
|
+
}, d_ = "lc-Icon-module__icon___tw31R", Ja = {
|
|
478
478
|
icon: d_,
|
|
479
479
|
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
480
480
|
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
@@ -530,7 +530,7 @@ const sc = {
|
|
|
530
530
|
width: 32,
|
|
531
531
|
height: 32
|
|
532
532
|
}
|
|
533
|
-
},
|
|
533
|
+
}, Xa = "icon", A = (t) => {
|
|
534
534
|
const n = t, {
|
|
535
535
|
source: a,
|
|
536
536
|
size: r = "medium",
|
|
@@ -538,7 +538,7 @@ const sc = {
|
|
|
538
538
|
disabled: o,
|
|
539
539
|
className: l,
|
|
540
540
|
customColor: c
|
|
541
|
-
} = n, s =
|
|
541
|
+
} = n, s = F(n, [
|
|
542
542
|
"source",
|
|
543
543
|
"size",
|
|
544
544
|
"kind",
|
|
@@ -547,8 +547,8 @@ const sc = {
|
|
|
547
547
|
"customColor"
|
|
548
548
|
]), i = e.createElement(a, k(k({}, u_[r]), c ? { color: c } : {})), d = u(
|
|
549
549
|
l,
|
|
550
|
-
|
|
551
|
-
_ &&
|
|
550
|
+
Ja[Xa],
|
|
551
|
+
_ && Ja[`${Xa}--${o ? "disabled--" : ""}${_}`]
|
|
552
552
|
);
|
|
553
553
|
return /* @__PURE__ */ e.createElement("span", T(k({}, s), { className: d }), i);
|
|
554
554
|
}, Me = {
|
|
@@ -579,7 +579,7 @@ const sc = {
|
|
|
579
579
|
sm: "h4",
|
|
580
580
|
xs: "h5",
|
|
581
581
|
"2xs": "h6"
|
|
582
|
-
},
|
|
582
|
+
}, De = (d) => {
|
|
583
583
|
var n = d, {
|
|
584
584
|
as: t,
|
|
585
585
|
size: a = "md",
|
|
@@ -589,7 +589,7 @@ const sc = {
|
|
|
589
589
|
bold: l,
|
|
590
590
|
customColor: c,
|
|
591
591
|
textAlign: s
|
|
592
|
-
} = n, i =
|
|
592
|
+
} = n, i = F(n, [
|
|
593
593
|
"as",
|
|
594
594
|
"size",
|
|
595
595
|
"children",
|
|
@@ -614,7 +614,7 @@ const sc = {
|
|
|
614
614
|
}, i),
|
|
615
615
|
r
|
|
616
616
|
);
|
|
617
|
-
},
|
|
617
|
+
}, I = (p) => {
|
|
618
618
|
var f = p, {
|
|
619
619
|
as: t = "p",
|
|
620
620
|
size: a = "md",
|
|
@@ -627,7 +627,7 @@ const sc = {
|
|
|
627
627
|
className: i,
|
|
628
628
|
customColor: d,
|
|
629
629
|
textAlign: n
|
|
630
|
-
} = f, m =
|
|
630
|
+
} = f, m = F(f, [
|
|
631
631
|
"as",
|
|
632
632
|
"size",
|
|
633
633
|
"caps",
|
|
@@ -667,7 +667,7 @@ const sc = {
|
|
|
667
667
|
customColor: o,
|
|
668
668
|
textAlign: l,
|
|
669
669
|
bold: c = !0
|
|
670
|
-
} = d, s =
|
|
670
|
+
} = d, s = F(d, [
|
|
671
671
|
"as",
|
|
672
672
|
"size",
|
|
673
673
|
"children",
|
|
@@ -690,7 +690,7 @@ const sc = {
|
|
|
690
690
|
}, s),
|
|
691
691
|
r
|
|
692
692
|
);
|
|
693
|
-
},
|
|
693
|
+
}, Pe = {
|
|
694
694
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
695
695
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
696
696
|
"action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
|
|
@@ -702,7 +702,7 @@ const sc = {
|
|
|
702
702
|
"action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
|
|
703
703
|
"action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
|
|
704
704
|
"action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
|
|
705
|
-
},
|
|
705
|
+
}, Ie = "action-menu", p_ = (E) => {
|
|
706
706
|
var v = E, {
|
|
707
707
|
className: t,
|
|
708
708
|
triggerClassName: a,
|
|
@@ -718,7 +718,7 @@ const sc = {
|
|
|
718
718
|
floatingStrategy: m,
|
|
719
719
|
selectedOptions: p,
|
|
720
720
|
footer: f
|
|
721
|
-
} = v, b =
|
|
721
|
+
} = v, b = F(v, [
|
|
722
722
|
"className",
|
|
723
723
|
"triggerClassName",
|
|
724
724
|
"options",
|
|
@@ -734,139 +734,155 @@ const sc = {
|
|
|
734
734
|
"selectedOptions",
|
|
735
735
|
"footer"
|
|
736
736
|
]);
|
|
737
|
-
const h = i !== void 0, [y, $] = e.useState(l),
|
|
738
|
-
|
|
739
|
-
}, { x:
|
|
740
|
-
|
|
737
|
+
const h = i !== void 0, [y, $] = e.useState(l), C = e.useRef(-1), w = Ra(), g = jt(), N = e.useRef(null), S = h ? i : y, V = () => {
|
|
738
|
+
S ? (d == null || d(), !h && $(!1)) : (n == null || n(), !h && $(!0));
|
|
739
|
+
}, { x: q, y: x, strategy: R, refs: Y, context: G } = Zt({
|
|
740
|
+
nodeId: g,
|
|
741
|
+
middleware: [ea(4), ta(s)],
|
|
741
742
|
placement: o,
|
|
742
|
-
open:
|
|
743
|
+
open: S,
|
|
743
744
|
strategy: m,
|
|
744
|
-
onOpenChange:
|
|
745
|
-
whileElementsMounted:
|
|
746
|
-
}),
|
|
747
|
-
enabled:
|
|
748
|
-
}),
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
]), { styles:
|
|
753
|
-
initial: ({ side:
|
|
745
|
+
onOpenChange: V,
|
|
746
|
+
whileElementsMounted: aa
|
|
747
|
+
}), Ee = ra(G), ve = _a(G, {
|
|
748
|
+
enabled: S
|
|
749
|
+
}), we = oa(G), { getReferenceProps: Ae, getFloatingProps: Re } = la([
|
|
750
|
+
Ee,
|
|
751
|
+
ve,
|
|
752
|
+
we
|
|
753
|
+
]), { styles: Le } = yr(G, {
|
|
754
|
+
initial: ({ side: P }) => k({
|
|
754
755
|
opacity: 0
|
|
755
|
-
},
|
|
756
|
+
}, P === "bottom" && {
|
|
756
757
|
marginTop: -10
|
|
757
|
-
} ||
|
|
758
|
+
} || P === "top" && {
|
|
758
759
|
marginTop: 10
|
|
759
|
-
} ||
|
|
760
|
+
} || P === "left" && {
|
|
760
761
|
marginLeft: 10
|
|
761
|
-
} ||
|
|
762
|
+
} || P === "right" && {
|
|
762
763
|
marginLeft: -10
|
|
763
764
|
})
|
|
764
|
-
}),
|
|
765
|
-
var
|
|
766
|
-
const
|
|
767
|
-
let
|
|
768
|
-
for (; (
|
|
769
|
-
if (
|
|
770
|
-
|
|
765
|
+
}), rt = (P) => {
|
|
766
|
+
var Oe, He;
|
|
767
|
+
const L = C.current;
|
|
768
|
+
let oe = L + P;
|
|
769
|
+
for (; (Oe = r[oe]) != null && Oe.disabled || (He = r[oe]) != null && He.groupHeader; )
|
|
770
|
+
if (oe += P, oe === -1) {
|
|
771
|
+
oe = L;
|
|
771
772
|
break;
|
|
772
773
|
}
|
|
773
|
-
return
|
|
774
|
-
},
|
|
775
|
-
var
|
|
776
|
-
|
|
777
|
-
const
|
|
778
|
-
return
|
|
779
|
-
}, Ke = (
|
|
780
|
-
|
|
774
|
+
return oe;
|
|
775
|
+
}, Qe = (P) => {
|
|
776
|
+
var Oe, He;
|
|
777
|
+
C.current = rt(P);
|
|
778
|
+
const L = (Oe = N.current) == null ? void 0 : Oe.children, oe = L && ((He = L[C.current]) == null ? void 0 : He.children[0]);
|
|
779
|
+
return oe == null ? void 0 : oe.focus();
|
|
780
|
+
}, Ke = (P) => {
|
|
781
|
+
P.key === _e.arrowUp && C.current > 0 && (P.preventDefault(), Qe(-1)), P.key === _e.arrowDown && C.current + 1 < r.length && (P.preventDefault(), Qe(1));
|
|
781
782
|
};
|
|
782
783
|
e.useEffect(() => {
|
|
783
|
-
if (
|
|
784
|
+
if (S)
|
|
784
785
|
return document.addEventListener("keydown", Ke), () => document.removeEventListener("keydown", Ke);
|
|
785
|
-
|
|
786
|
-
}, [
|
|
787
|
-
const
|
|
788
|
-
|
|
789
|
-
}, je = (
|
|
786
|
+
C.current = -1;
|
|
787
|
+
}, [S, Ke]);
|
|
788
|
+
const _t = (P, L) => {
|
|
789
|
+
C.current = P, L == null || L(), !h && !c && ($(!1), d == null || d());
|
|
790
|
+
}, je = (P, L) => P.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
790
791
|
"li",
|
|
791
792
|
{
|
|
792
|
-
key:
|
|
793
|
+
key: P.key,
|
|
793
794
|
role: "none",
|
|
794
|
-
className:
|
|
795
|
+
className: Pe[`${Ie}__list__group-header`]
|
|
795
796
|
},
|
|
796
|
-
|
|
797
|
-
) : /* @__PURE__ */ e.createElement("li", { key:
|
|
797
|
+
P.element
|
|
798
|
+
) : /* @__PURE__ */ e.createElement("li", { key: P.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
798
799
|
"button",
|
|
799
800
|
{
|
|
800
|
-
"data-testid":
|
|
801
|
+
"data-testid": P.key,
|
|
801
802
|
tabIndex: -1,
|
|
802
|
-
key:
|
|
803
|
-
disabled:
|
|
804
|
-
onClick: () =>
|
|
803
|
+
key: P.key,
|
|
804
|
+
disabled: P.disabled,
|
|
805
|
+
onClick: () => _t(L, P.onClick),
|
|
805
806
|
role: "menuitem",
|
|
806
|
-
className: u(
|
|
807
|
-
[
|
|
808
|
-
[
|
|
809
|
-
[
|
|
807
|
+
className: u(Pe[`${Ie}__list__item`], {
|
|
808
|
+
[Pe[`${Ie}__list__item--disabled`]]: P.disabled,
|
|
809
|
+
[Pe[`${Ie}__list__item--with-divider`]]: P.withDivider,
|
|
810
|
+
[Pe[`${Ie}__list__item--selected`]]: p == null ? void 0 : p.includes(P.key)
|
|
810
811
|
})
|
|
811
812
|
},
|
|
812
|
-
|
|
813
|
-
(p == null ? void 0 : p.includes(
|
|
814
|
-
|
|
815
|
-
|
|
813
|
+
P.element,
|
|
814
|
+
(p == null ? void 0 : p.includes(P.key)) && /* @__PURE__ */ e.createElement(
|
|
815
|
+
"div",
|
|
816
|
+
{
|
|
817
|
+
"data-testid": `${P.key}-selected-icon`,
|
|
818
|
+
className: Pe[`${Ie}__list__item__icon`]
|
|
819
|
+
},
|
|
820
|
+
/* @__PURE__ */ e.createElement(A, { source: Xt, kind: "action-primary" })
|
|
821
|
+
)
|
|
822
|
+
)), ot = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
816
823
|
"div",
|
|
817
824
|
T(k({
|
|
818
825
|
"aria-label": "Toggle menu",
|
|
819
826
|
"data-testid": "action-menu-trigger-button",
|
|
820
|
-
ref:
|
|
821
|
-
},
|
|
827
|
+
ref: Y.setReference
|
|
828
|
+
}, Ae()), {
|
|
822
829
|
className: a
|
|
823
830
|
}),
|
|
824
831
|
_
|
|
825
|
-
), g && /* @__PURE__ */ e.createElement(
|
|
832
|
+
), /* @__PURE__ */ e.createElement(ca, { id: g }, S && /* @__PURE__ */ e.createElement(
|
|
826
833
|
"div",
|
|
827
834
|
k({
|
|
828
|
-
ref:
|
|
829
|
-
className:
|
|
835
|
+
ref: Y.setFloating,
|
|
836
|
+
className: Pe[Ie],
|
|
830
837
|
style: k({
|
|
831
|
-
position:
|
|
832
|
-
top:
|
|
833
|
-
left:
|
|
834
|
-
},
|
|
835
|
-
},
|
|
838
|
+
position: R,
|
|
839
|
+
top: x != null ? x : "",
|
|
840
|
+
left: q != null ? q : ""
|
|
841
|
+
}, Le)
|
|
842
|
+
}, Re()),
|
|
836
843
|
r.length > 0 && /* @__PURE__ */ e.createElement(
|
|
837
844
|
"ul",
|
|
838
845
|
T(k({}, b), {
|
|
839
846
|
className: u(
|
|
840
|
-
|
|
847
|
+
Pe[`${Ie}__list`],
|
|
841
848
|
{
|
|
842
|
-
[
|
|
849
|
+
[Pe[`${Ie}__list--with-footer`]]: f
|
|
843
850
|
},
|
|
844
851
|
t
|
|
845
852
|
),
|
|
846
853
|
role: "menu",
|
|
847
|
-
ref:
|
|
854
|
+
ref: N
|
|
848
855
|
}),
|
|
849
856
|
r.map(je)
|
|
850
857
|
),
|
|
851
|
-
f && /* @__PURE__ */ e.createElement(
|
|
852
|
-
|
|
853
|
-
|
|
858
|
+
f && /* @__PURE__ */ e.createElement(
|
|
859
|
+
I,
|
|
860
|
+
{
|
|
861
|
+
size: "sm",
|
|
862
|
+
as: "div",
|
|
863
|
+
className: Pe[`${Ie}__footer`]
|
|
864
|
+
},
|
|
865
|
+
f
|
|
866
|
+
)
|
|
867
|
+
)));
|
|
868
|
+
return w === null ? /* @__PURE__ */ e.createElement(La, null, ot) : ot;
|
|
869
|
+
}, pt = {
|
|
854
870
|
"action-menu-item": "lc-ActionMenuItem-module__action-menu-item___cT70J",
|
|
855
871
|
"action-menu-item__left-node": "lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1",
|
|
856
872
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
857
873
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
858
874
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
859
|
-
},
|
|
875
|
+
}, gt = "action-menu-item", g_ = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
860
876
|
"div",
|
|
861
877
|
{
|
|
862
|
-
className: u(
|
|
863
|
-
[
|
|
878
|
+
className: u(pt[gt], {
|
|
879
|
+
[pt[`${gt}--warning`]]: _ === "warning"
|
|
864
880
|
})
|
|
865
881
|
},
|
|
866
|
-
t && /* @__PURE__ */ e.createElement("div", { className:
|
|
867
|
-
/* @__PURE__ */ e.createElement(
|
|
868
|
-
a && /* @__PURE__ */ e.createElement("div", { className:
|
|
869
|
-
), b_ = "lc-Loader-module__loader___LRflD", f_ = "lc-Loader-module__loader__spinner___l3C1g", v_ = "lc-Loader-module__rotate___Tlni-", h_ = "lc-Loader-module__loader__label___R74f6",
|
|
882
|
+
t && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__left-node`] }, t),
|
|
883
|
+
/* @__PURE__ */ e.createElement(I, { as: "div", className: pt[`${gt}__label`] }, r),
|
|
884
|
+
a && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__right-node`] }, a)
|
|
885
|
+
), b_ = "lc-Loader-module__loader___LRflD", f_ = "lc-Loader-module__loader__spinner___l3C1g", v_ = "lc-Loader-module__rotate___Tlni-", h_ = "lc-Loader-module__loader__label___R74f6", bt = {
|
|
870
886
|
loader: b_,
|
|
871
887
|
loader__spinner: f_,
|
|
872
888
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
@@ -875,29 +891,39 @@ const sc = {
|
|
|
875
891
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
876
892
|
rotate: v_,
|
|
877
893
|
loader__label: h_
|
|
878
|
-
},
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
894
|
+
}, xr = "loader", Qa = `${xr}__spinner`, za = (c) => {
|
|
895
|
+
var s = c, {
|
|
896
|
+
primaryColor: t,
|
|
897
|
+
secondaryColor: a,
|
|
898
|
+
label: r,
|
|
899
|
+
className: _,
|
|
900
|
+
size: o = "medium"
|
|
901
|
+
} = s, l = F(s, [
|
|
902
|
+
"primaryColor",
|
|
903
|
+
"secondaryColor",
|
|
904
|
+
"label",
|
|
905
|
+
"className",
|
|
906
|
+
"size"
|
|
907
|
+
]);
|
|
908
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: u(bt[xr], _) }, l), /* @__PURE__ */ e.createElement(
|
|
890
909
|
"div",
|
|
891
910
|
{
|
|
892
|
-
className:
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
911
|
+
className: u(bt[Qa], bt[`${Qa}--${o}`])
|
|
912
|
+
},
|
|
913
|
+
/* @__PURE__ */ e.createElement(
|
|
914
|
+
"div",
|
|
915
|
+
{
|
|
916
|
+
role: "status",
|
|
917
|
+
className: bt["loader__spinner-circle"],
|
|
918
|
+
style: {
|
|
919
|
+
/* stylelint-disable */
|
|
920
|
+
borderColor: a,
|
|
921
|
+
borderTopColor: t
|
|
922
|
+
}
|
|
897
923
|
}
|
|
898
|
-
|
|
899
|
-
)
|
|
900
|
-
|
|
924
|
+
)
|
|
925
|
+
), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: bt.loader__label }, r));
|
|
926
|
+
}, k_ = (t) => {
|
|
901
927
|
if (t === "primary" || t === "destructive")
|
|
902
928
|
return {
|
|
903
929
|
primaryColor: "var(--action-primary-default)",
|
|
@@ -908,7 +934,7 @@ const sc = {
|
|
|
908
934
|
primaryColor: "var(--content-invert-primary)",
|
|
909
935
|
secondaryColor: "var(--surface-invert-secondary)"
|
|
910
936
|
};
|
|
911
|
-
}, y_ = "lc-Button-module__btn___aijZJ", E_ = "lc-Button-module__btn__loader___c8zZz", w_ = "lc-Button-module__btn__icon___GVExB",
|
|
937
|
+
}, y_ = "lc-Button-module__btn___aijZJ", E_ = "lc-Button-module__btn__loader___c8zZz", w_ = "lc-Button-module__btn__icon___GVExB", ce = {
|
|
912
938
|
btn: y_,
|
|
913
939
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
914
940
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
@@ -941,7 +967,7 @@ const sc = {
|
|
|
941
967
|
"btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2",
|
|
942
968
|
"btn--plain-lock-black": "lc-Button-module__btn--plain-lock-black___aL-wC",
|
|
943
969
|
"btn--text-lock-black": "lc-Button-module__btn--text-lock-black___fy3zb"
|
|
944
|
-
},
|
|
970
|
+
}, ne = "btn", W = e.forwardRef(
|
|
945
971
|
(E, b) => {
|
|
946
972
|
var v = E, {
|
|
947
973
|
loading: t = !1,
|
|
@@ -957,7 +983,7 @@ const sc = {
|
|
|
957
983
|
children: n,
|
|
958
984
|
href: m,
|
|
959
985
|
onClick: p
|
|
960
|
-
} = v, f =
|
|
986
|
+
} = v, f = F(v, [
|
|
961
987
|
"loading",
|
|
962
988
|
"disabled",
|
|
963
989
|
"type",
|
|
@@ -972,22 +998,22 @@ const sc = {
|
|
|
972
998
|
"href",
|
|
973
999
|
"onClick"
|
|
974
1000
|
]);
|
|
975
|
-
const h = t || a, y = !n && c, $ = ["text", "link", "link-light"].includes(o),
|
|
1001
|
+
const h = t || a, y = !n && c, $ = ["text", "link", "link-light"].includes(o), C = m ? "a" : "button", w = u(
|
|
976
1002
|
d,
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
1003
|
+
ce[ne],
|
|
1004
|
+
ce[`${ne}--${o}`],
|
|
1005
|
+
ce[`${ne}--${l}`],
|
|
980
1006
|
{
|
|
981
|
-
[
|
|
982
|
-
[
|
|
983
|
-
[
|
|
984
|
-
[
|
|
985
|
-
[
|
|
986
|
-
[
|
|
1007
|
+
[ce[`${ne}--loading`]]: t,
|
|
1008
|
+
[ce[`${ne}--full-width`]]: _,
|
|
1009
|
+
[ce[`${ne}--with-${s}-icon`]]: c && !y && !$,
|
|
1010
|
+
[ce[`${ne}--icon-only`]]: y,
|
|
1011
|
+
[ce[`${ne}--icon-only--bg`]]: y && $,
|
|
1012
|
+
[ce[`${ne}--disabled`]]: h
|
|
987
1013
|
}
|
|
988
1014
|
);
|
|
989
1015
|
return /* @__PURE__ */ e.createElement(
|
|
990
|
-
|
|
1016
|
+
C,
|
|
991
1017
|
k(k({
|
|
992
1018
|
ref: b,
|
|
993
1019
|
className: w,
|
|
@@ -996,30 +1022,32 @@ const sc = {
|
|
|
996
1022
|
disabled: h
|
|
997
1023
|
}, !h && { href: m, onClick: p }), f),
|
|
998
1024
|
t && /* @__PURE__ */ e.createElement(
|
|
999
|
-
|
|
1025
|
+
za,
|
|
1000
1026
|
k({
|
|
1027
|
+
"data-testid": "button-loader",
|
|
1001
1028
|
size: "small",
|
|
1002
1029
|
label: i,
|
|
1003
|
-
className:
|
|
1030
|
+
className: ce[`${ne}__loader`]
|
|
1004
1031
|
}, k_(o))
|
|
1005
1032
|
),
|
|
1006
1033
|
c && e.cloneElement(c, {
|
|
1007
1034
|
className: u(
|
|
1008
1035
|
c.props.className,
|
|
1009
|
-
|
|
1010
|
-
|
|
1036
|
+
ce[`${ne}__icon`],
|
|
1037
|
+
ce[`${ne}__icon--${s}`],
|
|
1011
1038
|
{
|
|
1012
|
-
[
|
|
1039
|
+
[ce[`${ne}__icon--small`]]: l === "xcompact"
|
|
1013
1040
|
}
|
|
1014
1041
|
),
|
|
1015
1042
|
disabled: a,
|
|
1016
|
-
size: l === "xcompact" ? "small" : "medium"
|
|
1043
|
+
size: l === "xcompact" ? "small" : "medium",
|
|
1044
|
+
"data-testid": "button-icon"
|
|
1017
1045
|
}),
|
|
1018
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
1046
|
+
/* @__PURE__ */ e.createElement("div", { className: ce[`${ne}__content`] }, n)
|
|
1019
1047
|
);
|
|
1020
1048
|
}
|
|
1021
1049
|
);
|
|
1022
|
-
function
|
|
1050
|
+
function Tr(t) {
|
|
1023
1051
|
switch (t) {
|
|
1024
1052
|
case "invert":
|
|
1025
1053
|
return "inverted";
|
|
@@ -1039,7 +1067,7 @@ function $_(t, a, r, _) {
|
|
|
1039
1067
|
left: a ? _ + a : _
|
|
1040
1068
|
};
|
|
1041
1069
|
}
|
|
1042
|
-
const
|
|
1070
|
+
const C_ = (t) => {
|
|
1043
1071
|
switch (t) {
|
|
1044
1072
|
case "invert":
|
|
1045
1073
|
return {
|
|
@@ -1057,8 +1085,8 @@ const N_ = (t) => {
|
|
|
1057
1085
|
fill: "var(--tooltip-background-basic)"
|
|
1058
1086
|
};
|
|
1059
1087
|
}
|
|
1060
|
-
},
|
|
1061
|
-
tooltip:
|
|
1088
|
+
}, N_ = "lc-Tooltip-module__tooltip___QOOAr", S_ = "lc-Tooltip-module__tooltip__content___RuamE", x_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", T_ = "lc-Tooltip-module__tooltip__interactive___0JawB", D = {
|
|
1089
|
+
tooltip: N_,
|
|
1062
1090
|
tooltip__content: S_,
|
|
1063
1091
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
1064
1092
|
tooltip__arrow: x_,
|
|
@@ -1087,7 +1115,7 @@ const N_ = (t) => {
|
|
|
1087
1115
|
"reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
|
|
1088
1116
|
"reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
|
|
1089
1117
|
"reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
|
|
1090
|
-
},
|
|
1118
|
+
}, Rt = "tooltip", Dr = ({
|
|
1091
1119
|
children: t,
|
|
1092
1120
|
className: a,
|
|
1093
1121
|
triggerClassName: r,
|
|
@@ -1108,41 +1136,42 @@ const N_ = (t) => {
|
|
|
1108
1136
|
hoverOffDelay: h,
|
|
1109
1137
|
triggerOnClick: y = !1,
|
|
1110
1138
|
offsetMainAxis: $ = 8,
|
|
1111
|
-
referenceElement:
|
|
1139
|
+
referenceElement: C,
|
|
1112
1140
|
activationThreshold: w = 0,
|
|
1113
1141
|
useDismissHookProps: g,
|
|
1114
|
-
useClickHookProps:
|
|
1142
|
+
useClickHookProps: N,
|
|
1115
1143
|
hoverOutDelayTimeout: S = 100,
|
|
1116
|
-
arrowOffsetY:
|
|
1117
|
-
arrowOffsetX:
|
|
1144
|
+
arrowOffsetY: V,
|
|
1145
|
+
arrowOffsetX: q,
|
|
1118
1146
|
closeOnTriggerBlur: x = !1,
|
|
1119
|
-
floatingStrategy:
|
|
1147
|
+
floatingStrategy: R
|
|
1120
1148
|
}) => {
|
|
1121
|
-
const Y = s !== void 0, [
|
|
1122
|
-
D[
|
|
1149
|
+
const Y = s !== void 0, [G, Ee] = e.useState(!1), ve = e.useRef(null), we = Y ? s : G, Ae = l || o, Re = Ra(), Le = jt(), rt = u(
|
|
1150
|
+
D[Rt],
|
|
1123
1151
|
a,
|
|
1124
|
-
|
|
1125
|
-
i && D[`${
|
|
1126
|
-
),
|
|
1127
|
-
|
|
1128
|
-
},
|
|
1129
|
-
floatingStyles:
|
|
1130
|
-
refs:
|
|
1131
|
-
context:
|
|
1132
|
-
middlewareData: { arrow: { x:
|
|
1133
|
-
} =
|
|
1152
|
+
Ae && D[`${Rt}--${Ae}`],
|
|
1153
|
+
i && D[`${Rt}--full-space`]
|
|
1154
|
+
), Qe = typeof _ == "function", Ke = (le) => {
|
|
1155
|
+
le !== we && (le ? n == null || n() : d == null || d(), !Y && Ee(le));
|
|
1156
|
+
}, _t = (le) => m ? le != null ? le : p : 0, je = (le) => le != null ? le : E, {
|
|
1157
|
+
floatingStyles: ot,
|
|
1158
|
+
refs: P,
|
|
1159
|
+
context: L,
|
|
1160
|
+
middlewareData: { arrow: { x: oe, y: Oe } = {} }
|
|
1161
|
+
} = Zt({
|
|
1162
|
+
nodeId: Le,
|
|
1134
1163
|
middleware: [
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1164
|
+
ea({ mainAxis: $ }),
|
|
1165
|
+
Oa(),
|
|
1166
|
+
ta(),
|
|
1167
|
+
e_({ element: ve })
|
|
1139
1168
|
],
|
|
1140
1169
|
placement: c,
|
|
1141
1170
|
open: we,
|
|
1142
|
-
strategy:
|
|
1171
|
+
strategy: R,
|
|
1143
1172
|
onOpenChange: Ke,
|
|
1144
|
-
whileElementsMounted:
|
|
1145
|
-
}),
|
|
1173
|
+
whileElementsMounted: aa
|
|
1174
|
+
}), He = t_(L, {
|
|
1146
1175
|
move: !1,
|
|
1147
1176
|
restMs: w,
|
|
1148
1177
|
delay: {
|
|
@@ -1150,84 +1179,86 @@ const N_ = (t) => {
|
|
|
1150
1179
|
close: je(h || S)
|
|
1151
1180
|
},
|
|
1152
1181
|
enabled: !y,
|
|
1153
|
-
handleClose: x ? null :
|
|
1154
|
-
}),
|
|
1182
|
+
handleClose: x ? null : a_()
|
|
1183
|
+
}), sa = r_(L), ia = _a(L, g), da = oa(L, { role: "tooltip" }), ua = ra(L, k({
|
|
1155
1184
|
enabled: y
|
|
1156
|
-
},
|
|
1185
|
+
}, N)), { isMounted: ma, styles: pa } = yr(L, {
|
|
1157
1186
|
duration: {
|
|
1158
|
-
open:
|
|
1159
|
-
close:
|
|
1187
|
+
open: _t(f),
|
|
1188
|
+
close: _t(b)
|
|
1160
1189
|
}
|
|
1161
|
-
}), { status:
|
|
1162
|
-
|
|
1163
|
-
|
|
1164
|
-
|
|
1165
|
-
|
|
1166
|
-
|
|
1190
|
+
}), { status: ga } = __(L), { getReferenceProps: ba, getFloatingProps: fa } = la([
|
|
1191
|
+
He,
|
|
1192
|
+
sa,
|
|
1193
|
+
ia,
|
|
1194
|
+
da,
|
|
1195
|
+
ua
|
|
1167
1196
|
]);
|
|
1168
|
-
|
|
1169
|
-
|
|
1170
|
-
}, [
|
|
1197
|
+
e.useEffect(() => {
|
|
1198
|
+
C && P.setReference(C);
|
|
1199
|
+
}, [P.setReference, C]);
|
|
1200
|
+
const Pt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1171
1201
|
"div",
|
|
1172
1202
|
T(k({
|
|
1173
|
-
ref:
|
|
1174
|
-
},
|
|
1203
|
+
ref: P.setReference
|
|
1204
|
+
}, ba()), {
|
|
1175
1205
|
className: r
|
|
1176
1206
|
}),
|
|
1177
|
-
|
|
1178
|
-
),
|
|
1207
|
+
Qe ? _() : _
|
|
1208
|
+
), /* @__PURE__ */ e.createElement(ca, { id: Le }, ma && /* @__PURE__ */ e.createElement(
|
|
1179
1209
|
"div",
|
|
1180
1210
|
T(k({
|
|
1181
|
-
ref:
|
|
1182
|
-
style: k(k({},
|
|
1183
|
-
className:
|
|
1184
|
-
},
|
|
1185
|
-
"data-status":
|
|
1211
|
+
ref: P.setFloating,
|
|
1212
|
+
style: k(k({}, ot), pa),
|
|
1213
|
+
className: rt
|
|
1214
|
+
}, fa()), {
|
|
1215
|
+
"data-status": ga
|
|
1186
1216
|
}),
|
|
1187
|
-
/* @__PURE__ */ e.createElement(
|
|
1217
|
+
/* @__PURE__ */ e.createElement(I, { as: "div", className: D[`${Rt}__content`] }, t),
|
|
1188
1218
|
/* @__PURE__ */ e.createElement(
|
|
1189
|
-
|
|
1219
|
+
o_,
|
|
1190
1220
|
k({
|
|
1191
1221
|
ref: ve,
|
|
1192
|
-
context:
|
|
1222
|
+
context: L,
|
|
1193
1223
|
strokeWidth: 1,
|
|
1194
1224
|
width: 10,
|
|
1195
1225
|
height: 5,
|
|
1196
1226
|
style: k({}, $_(
|
|
1197
|
-
|
|
1198
|
-
|
|
1199
|
-
|
|
1200
|
-
|
|
1227
|
+
V,
|
|
1228
|
+
q,
|
|
1229
|
+
Oe,
|
|
1230
|
+
oe
|
|
1201
1231
|
))
|
|
1202
|
-
},
|
|
1232
|
+
}, C_(Ae))
|
|
1203
1233
|
)
|
|
1204
|
-
));
|
|
1205
|
-
|
|
1234
|
+
)));
|
|
1235
|
+
return Re === null ? /* @__PURE__ */ e.createElement(La, null, Pt) : Pt;
|
|
1236
|
+
}, vc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ft = "tooltip", hc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: l }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
|
|
1206
1237
|
"button",
|
|
1207
1238
|
{
|
|
1208
1239
|
type: "button",
|
|
1209
1240
|
"aria-label": "Close tooltip",
|
|
1210
|
-
className: D[`${
|
|
1241
|
+
className: D[`${ft}-close`],
|
|
1211
1242
|
onClick: l
|
|
1212
1243
|
},
|
|
1213
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
1244
|
+
/* @__PURE__ */ e.createElement(A, { source: Be, kind: o ? Tr(o) : "primary" })
|
|
1214
1245
|
), a && /* @__PURE__ */ e.createElement(
|
|
1215
|
-
|
|
1246
|
+
De,
|
|
1216
1247
|
{
|
|
1217
1248
|
as: "div",
|
|
1218
1249
|
size: "xs",
|
|
1219
|
-
className: u(D[`${
|
|
1220
|
-
[D[`${
|
|
1250
|
+
className: u(D[`${ft}-header`], {
|
|
1251
|
+
[D[`${ft}-header--info`]]: _
|
|
1221
1252
|
})
|
|
1222
1253
|
},
|
|
1223
1254
|
a
|
|
1224
1255
|
), /* @__PURE__ */ e.createElement(
|
|
1225
|
-
|
|
1256
|
+
I,
|
|
1226
1257
|
{
|
|
1227
1258
|
as: "div",
|
|
1228
1259
|
className: u({
|
|
1229
|
-
[D[`${
|
|
1230
|
-
[D[`${
|
|
1260
|
+
[D[`${ft}-text`]]: _,
|
|
1261
|
+
[D[`${ft}-text--info`]]: _
|
|
1231
1262
|
})
|
|
1232
1263
|
},
|
|
1233
1264
|
r
|
|
@@ -1250,7 +1281,7 @@ const N_ = (t) => {
|
|
|
1250
1281
|
className: D[`${ze}-close`],
|
|
1251
1282
|
onClick: l
|
|
1252
1283
|
},
|
|
1253
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
1284
|
+
/* @__PURE__ */ e.createElement(A, { source: Be, kind: o ? Tr(o) : "primary" })
|
|
1254
1285
|
), r && /* @__PURE__ */ e.createElement("div", { className: D[`${ze}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1255
1286
|
"img",
|
|
1256
1287
|
{
|
|
@@ -1258,7 +1289,7 @@ const N_ = (t) => {
|
|
|
1258
1289
|
src: r.src,
|
|
1259
1290
|
alt: r.alt
|
|
1260
1291
|
}
|
|
1261
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
1292
|
+
)), t && /* @__PURE__ */ e.createElement(De, { as: "div", size: "xs", className: D[`${ze}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: D[`${ze}-text`] }, a), /* @__PURE__ */ e.createElement(
|
|
1262
1293
|
"div",
|
|
1263
1294
|
{
|
|
1264
1295
|
className: u(
|
|
@@ -1284,7 +1315,7 @@ const N_ = (t) => {
|
|
|
1284
1315
|
s.label
|
|
1285
1316
|
)
|
|
1286
1317
|
));
|
|
1287
|
-
},
|
|
1318
|
+
}, te = "guide-tooltip", D_ = ({
|
|
1288
1319
|
gap: t,
|
|
1289
1320
|
isVisible: a,
|
|
1290
1321
|
slide: r,
|
|
@@ -1323,9 +1354,9 @@ const N_ = (t) => {
|
|
|
1323
1354
|
"div",
|
|
1324
1355
|
{
|
|
1325
1356
|
className: u({
|
|
1326
|
-
[D[`${
|
|
1327
|
-
[D[`${
|
|
1328
|
-
[D[`${
|
|
1357
|
+
[D[`${te}__overlay`]]: !0,
|
|
1358
|
+
[D[`${te}__overlay--visible`]]: a,
|
|
1359
|
+
[D[`${te}__overlay--slide`]]: r
|
|
1329
1360
|
}),
|
|
1330
1361
|
style: o
|
|
1331
1362
|
}
|
|
@@ -1333,9 +1364,9 @@ const N_ = (t) => {
|
|
|
1333
1364
|
"div",
|
|
1334
1365
|
{
|
|
1335
1366
|
className: u({
|
|
1336
|
-
[D[`${
|
|
1337
|
-
[D[`${
|
|
1338
|
-
[D[`${
|
|
1367
|
+
[D[`${te}__overlay`]]: !0,
|
|
1368
|
+
[D[`${te}__overlay--visible`]]: a,
|
|
1369
|
+
[D[`${te}__overlay--slide`]]: r
|
|
1339
1370
|
}),
|
|
1340
1371
|
style: c
|
|
1341
1372
|
}
|
|
@@ -1343,9 +1374,9 @@ const N_ = (t) => {
|
|
|
1343
1374
|
"div",
|
|
1344
1375
|
{
|
|
1345
1376
|
className: u({
|
|
1346
|
-
[D[`${
|
|
1347
|
-
[D[`${
|
|
1348
|
-
[D[`${
|
|
1377
|
+
[D[`${te}__overlay`]]: !0,
|
|
1378
|
+
[D[`${te}__overlay--visible`]]: a,
|
|
1379
|
+
[D[`${te}__overlay--slide`]]: r
|
|
1349
1380
|
}),
|
|
1350
1381
|
style: l
|
|
1351
1382
|
}
|
|
@@ -1353,9 +1384,9 @@ const N_ = (t) => {
|
|
|
1353
1384
|
"div",
|
|
1354
1385
|
{
|
|
1355
1386
|
className: u({
|
|
1356
|
-
[D[`${
|
|
1357
|
-
[D[`${
|
|
1358
|
-
[D[`${
|
|
1387
|
+
[D[`${te}__overlay`]]: !0,
|
|
1388
|
+
[D[`${te}__overlay--visible`]]: a,
|
|
1389
|
+
[D[`${te}__overlay--slide`]]: r
|
|
1359
1390
|
}),
|
|
1360
1391
|
style: s
|
|
1361
1392
|
}
|
|
@@ -1363,9 +1394,9 @@ const N_ = (t) => {
|
|
|
1363
1394
|
"div",
|
|
1364
1395
|
{
|
|
1365
1396
|
className: u({
|
|
1366
|
-
[D[`${
|
|
1367
|
-
[D[`${
|
|
1368
|
-
[D[`${
|
|
1397
|
+
[D[`${te}__overlay`]]: !0,
|
|
1398
|
+
[D[`${te}__overlay--visible`]]: a,
|
|
1399
|
+
[D[`${te}__overlay--slide`]]: r
|
|
1369
1400
|
}),
|
|
1370
1401
|
style: i
|
|
1371
1402
|
}
|
|
@@ -1373,8 +1404,8 @@ const N_ = (t) => {
|
|
|
1373
1404
|
};
|
|
1374
1405
|
class B_ {
|
|
1375
1406
|
constructor(a, r) {
|
|
1376
|
-
|
|
1377
|
-
|
|
1407
|
+
ha(this, "element");
|
|
1408
|
+
ha(this, "padding");
|
|
1378
1409
|
this.element = a, this.padding = r;
|
|
1379
1410
|
}
|
|
1380
1411
|
addPadding(a) {
|
|
@@ -1400,7 +1431,7 @@ class B_ {
|
|
|
1400
1431
|
return this.getBoundingClientRect().height;
|
|
1401
1432
|
}
|
|
1402
1433
|
}
|
|
1403
|
-
const
|
|
1434
|
+
const ja = 8, Za = "guide-tooltip", er = (t, a) => new B_(t, a), yc = (t) => {
|
|
1404
1435
|
const {
|
|
1405
1436
|
className: a,
|
|
1406
1437
|
parentElementName: r,
|
|
@@ -1410,9 +1441,9 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1410
1441
|
null
|
|
1411
1442
|
), [s, i] = e.useState(null), [d, n] = e.useState(o), m = () => {
|
|
1412
1443
|
l && (i(
|
|
1413
|
-
|
|
1444
|
+
er(
|
|
1414
1445
|
l,
|
|
1415
|
-
|
|
1446
|
+
ja
|
|
1416
1447
|
).getBoundingClientRect()
|
|
1417
1448
|
), n(!1));
|
|
1418
1449
|
};
|
|
@@ -1428,12 +1459,12 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1428
1459
|
}
|
|
1429
1460
|
}, [r]), e.useEffect(() => {
|
|
1430
1461
|
l && i(
|
|
1431
|
-
|
|
1462
|
+
er(
|
|
1432
1463
|
l,
|
|
1433
|
-
|
|
1464
|
+
ja
|
|
1434
1465
|
).getBoundingClientRect()
|
|
1435
1466
|
), n(!0);
|
|
1436
|
-
}, [l]), l && _ && s ? /* @__PURE__ */ e.createElement(
|
|
1467
|
+
}, [l]), l && _ && s ? /* @__PURE__ */ e.createElement(Er, null, /* @__PURE__ */ e.createElement(
|
|
1437
1468
|
D_,
|
|
1438
1469
|
{
|
|
1439
1470
|
gap: s,
|
|
@@ -1442,7 +1473,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1442
1473
|
disablePointerEvents: !0
|
|
1443
1474
|
}
|
|
1444
1475
|
), /* @__PURE__ */ e.createElement(
|
|
1445
|
-
|
|
1476
|
+
Dr,
|
|
1446
1477
|
T(k({}, t), {
|
|
1447
1478
|
triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
|
|
1448
1479
|
referenceElement: {
|
|
@@ -1450,26 +1481,26 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1450
1481
|
contextElement: l
|
|
1451
1482
|
},
|
|
1452
1483
|
className: u({
|
|
1453
|
-
[D[
|
|
1454
|
-
[D[`${
|
|
1484
|
+
[D[Za]]: !0,
|
|
1485
|
+
[D[`${Za}--slide`]]: d,
|
|
1455
1486
|
className: a
|
|
1456
1487
|
})
|
|
1457
1488
|
}),
|
|
1458
1489
|
t.children
|
|
1459
1490
|
)) : null;
|
|
1460
|
-
},
|
|
1491
|
+
}, vt = "reports-tooltip", Ec = ({
|
|
1461
1492
|
title: t,
|
|
1462
1493
|
description: a,
|
|
1463
1494
|
children: r
|
|
1464
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: D[
|
|
1465
|
-
|
|
1495
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: D[vt] }, /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__heading`] }, /* @__PURE__ */ e.createElement(I, { as: "div", className: D[`${vt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1496
|
+
I,
|
|
1466
1497
|
{
|
|
1467
1498
|
as: "div",
|
|
1468
1499
|
size: "xs",
|
|
1469
|
-
className: D[`${
|
|
1500
|
+
className: D[`${vt}__heading__description`]
|
|
1470
1501
|
},
|
|
1471
1502
|
a
|
|
1472
|
-
)), /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1503
|
+
)), /* @__PURE__ */ e.createElement("div", { className: D[`${vt}__content`] }, /* @__PURE__ */ e.createElement(I, { as: "div" }, r))), U = {
|
|
1473
1504
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1474
1505
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1475
1506
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1493,40 +1524,44 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1493
1524
|
"action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ",
|
|
1494
1525
|
"action-bar__items__button": "lc-ActionBar-module__action-bar__items__button___Vdjl7",
|
|
1495
1526
|
"action-bar__items__button--active": "lc-ActionBar-module__action-bar__items__button--active___PFLdm"
|
|
1496
|
-
},
|
|
1527
|
+
}, Br = "action-bar__items", ht = `${Br}__button-wrapper`, A_ = ({
|
|
1497
1528
|
id: t,
|
|
1498
1529
|
option: a,
|
|
1499
|
-
|
|
1530
|
+
isHidden: r,
|
|
1500
1531
|
isActive: _,
|
|
1501
1532
|
vertical: o
|
|
1502
1533
|
}) => {
|
|
1503
|
-
const l = u(U[
|
|
1504
|
-
[U[`${
|
|
1505
|
-
[U[`${
|
|
1506
|
-
[U[`${
|
|
1534
|
+
const l = u(U[ht], {
|
|
1535
|
+
[U[`${ht}--hidden`]]: r,
|
|
1536
|
+
[U[`${ht}--active`]]: _,
|
|
1537
|
+
[U[`${ht}--vertical`]]: o
|
|
1507
1538
|
}), c = /* @__PURE__ */ e.createElement(
|
|
1508
1539
|
W,
|
|
1509
1540
|
{
|
|
1510
|
-
"data-
|
|
1541
|
+
"data-actionbarid": t,
|
|
1511
1542
|
id: a.key,
|
|
1512
1543
|
key: a.key,
|
|
1513
|
-
title: a.label,
|
|
1544
|
+
title: a != null && a.showTooltip ? void 0 : a.label,
|
|
1514
1545
|
kind: "plain",
|
|
1515
1546
|
onClick: a.onClick,
|
|
1516
1547
|
icon: a.element,
|
|
1517
|
-
|
|
1548
|
+
disabled: r,
|
|
1549
|
+
className: U[`${ht}__button`]
|
|
1518
1550
|
}
|
|
1519
1551
|
);
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1552
|
+
return a.showTooltip ? /* @__PURE__ */ e.createElement(
|
|
1553
|
+
"div",
|
|
1554
|
+
{
|
|
1555
|
+
"data-testid": a.key,
|
|
1556
|
+
key: a.key,
|
|
1557
|
+
className: l
|
|
1558
|
+
},
|
|
1559
|
+
/* @__PURE__ */ e.createElement(
|
|
1560
|
+
Dr,
|
|
1561
|
+
{
|
|
1527
1562
|
kind: "invert",
|
|
1528
1563
|
placement: o ? "left" : "bottom",
|
|
1529
|
-
triggerClassName: U[`${
|
|
1564
|
+
triggerClassName: U[`${Br}__tooltip`],
|
|
1530
1565
|
triggerRenderer: () => c,
|
|
1531
1566
|
floatingStrategy: "fixed",
|
|
1532
1567
|
useClickHookProps: {
|
|
@@ -1534,12 +1569,11 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1534
1569
|
},
|
|
1535
1570
|
hoverOnDelay: 800,
|
|
1536
1571
|
hoverOffDelay: 0
|
|
1537
|
-
},
|
|
1572
|
+
},
|
|
1538
1573
|
/* @__PURE__ */ e.createElement("div", null, a.label)
|
|
1539
|
-
)
|
|
1540
|
-
}
|
|
1541
|
-
|
|
1542
|
-
}, ft = "action-bar", Ge = "action-bar__menu-wrapper", wc = ({
|
|
1574
|
+
)
|
|
1575
|
+
) : /* @__PURE__ */ e.createElement("div", { "data-testid": a.key, className: l }, c);
|
|
1576
|
+
}, kt = "action-bar", Ge = "action-bar__menu-wrapper", wc = ({
|
|
1543
1577
|
className: t,
|
|
1544
1578
|
id: a = "action-bar-area",
|
|
1545
1579
|
type: r = "menu",
|
|
@@ -1549,9 +1583,9 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1549
1583
|
menuFooter: c
|
|
1550
1584
|
}) => {
|
|
1551
1585
|
const [s, i] = e.useState([]), [d, n] = e.useState(0), [m, p] = e.useState(!1), f = r === "scroll", b = u(
|
|
1552
|
-
U[
|
|
1586
|
+
U[kt],
|
|
1553
1587
|
t,
|
|
1554
|
-
l && U[`${
|
|
1588
|
+
l && U[`${kt}--vertical`]
|
|
1555
1589
|
), E = {
|
|
1556
1590
|
root: document.querySelector(`${a}`),
|
|
1557
1591
|
threshold: 1
|
|
@@ -1559,41 +1593,41 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1559
1593
|
e.useEffect(() => {
|
|
1560
1594
|
if (f)
|
|
1561
1595
|
return;
|
|
1562
|
-
const w = 44, g = 4,
|
|
1563
|
-
n(
|
|
1596
|
+
const w = 44, g = 4, N = _.length, S = s.length, q = (N - S) * w + g;
|
|
1597
|
+
n(q);
|
|
1564
1598
|
}, [s, _, f]);
|
|
1565
1599
|
const h = (w) => {
|
|
1566
1600
|
w.map((g) => {
|
|
1567
|
-
const
|
|
1601
|
+
const N = s.includes(g.target.id);
|
|
1568
1602
|
if (!g.isIntersecting) {
|
|
1569
|
-
g.target.setAttribute("tabindex", "-1"),
|
|
1603
|
+
g.target.setAttribute("tabindex", "-1"), N || i((S) => [
|
|
1570
1604
|
...S,
|
|
1571
1605
|
g.target.id
|
|
1572
1606
|
]);
|
|
1573
1607
|
return;
|
|
1574
1608
|
}
|
|
1575
|
-
g.target.removeAttribute("tabindex"),
|
|
1609
|
+
g.target.removeAttribute("tabindex"), N && i(s.filter((S) => S !== g.target.id));
|
|
1576
1610
|
});
|
|
1577
1611
|
};
|
|
1578
1612
|
e.useEffect(() => {
|
|
1579
1613
|
const w = !!window.IntersectionObserver;
|
|
1580
1614
|
if (!f && w) {
|
|
1581
1615
|
const g = document.querySelectorAll(
|
|
1582
|
-
`button[data-
|
|
1583
|
-
),
|
|
1616
|
+
`button[data-actionbarid='${a}']`
|
|
1617
|
+
), N = new IntersectionObserver(
|
|
1584
1618
|
h,
|
|
1585
1619
|
E
|
|
1586
1620
|
);
|
|
1587
|
-
return g.forEach((S) =>
|
|
1621
|
+
return g.forEach((S) => N.observe(S)), () => N.disconnect();
|
|
1588
1622
|
}
|
|
1589
1623
|
}, [s, f]);
|
|
1590
1624
|
const y = (w) => _.filter(
|
|
1591
|
-
(
|
|
1592
|
-
).map((
|
|
1593
|
-
key:
|
|
1594
|
-
element: /* @__PURE__ */ e.createElement(g_, { leftNode:
|
|
1595
|
-
onClick:
|
|
1596
|
-
})), $ = _.filter((w) => s.find((g) => g === w.key)).find((w) => w.key === o),
|
|
1625
|
+
(N) => w.find((S) => S === N.key && !N.hideInMenu)
|
|
1626
|
+
).map((N) => ({
|
|
1627
|
+
key: N.key,
|
|
1628
|
+
element: /* @__PURE__ */ e.createElement(g_, { leftNode: N.element }, N.label),
|
|
1629
|
+
onClick: N.onClick
|
|
1630
|
+
})), $ = _.filter((w) => s.find((g) => g === w.key)).find((w) => w.key === o), C = (w, g) => g ? {
|
|
1597
1631
|
top: w
|
|
1598
1632
|
} : {
|
|
1599
1633
|
left: w
|
|
@@ -1601,9 +1635,9 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1601
1635
|
return /* @__PURE__ */ e.createElement("div", { id: a, className: b }, /* @__PURE__ */ e.createElement(
|
|
1602
1636
|
"div",
|
|
1603
1637
|
{
|
|
1604
|
-
className: u(U[`${
|
|
1605
|
-
[U[`${
|
|
1606
|
-
[U[`${
|
|
1638
|
+
className: u(U[`${kt}__items`], {
|
|
1639
|
+
[U[`${kt}__items--scroll`]]: f,
|
|
1640
|
+
[U[`${kt}__items--with-menu`]]: v
|
|
1607
1641
|
})
|
|
1608
1642
|
},
|
|
1609
1643
|
_.map((w) => /* @__PURE__ */ e.createElement(
|
|
@@ -1611,7 +1645,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1611
1645
|
{
|
|
1612
1646
|
id: a,
|
|
1613
1647
|
option: w,
|
|
1614
|
-
|
|
1648
|
+
isHidden: s.includes(w.key),
|
|
1615
1649
|
isActive: w.key === o,
|
|
1616
1650
|
vertical: l
|
|
1617
1651
|
}
|
|
@@ -1624,7 +1658,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1624
1658
|
$ && U[`${Ge}--active`],
|
|
1625
1659
|
l && U[`${Ge}--vertical`]
|
|
1626
1660
|
),
|
|
1627
|
-
style:
|
|
1661
|
+
style: C(d, l)
|
|
1628
1662
|
},
|
|
1629
1663
|
/* @__PURE__ */ e.createElement(
|
|
1630
1664
|
p_,
|
|
@@ -1649,7 +1683,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1649
1683
|
icon: /* @__PURE__ */ e.createElement(
|
|
1650
1684
|
A,
|
|
1651
1685
|
{
|
|
1652
|
-
source:
|
|
1686
|
+
source: At,
|
|
1653
1687
|
kind: "primary",
|
|
1654
1688
|
className: u(
|
|
1655
1689
|
U[`${Ge}__button__icon`],
|
|
@@ -1673,12 +1707,12 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1673
1707
|
}
|
|
1674
1708
|
)
|
|
1675
1709
|
));
|
|
1676
|
-
}, P_ = "lc-Alert-module__alert___HBTns", I_ = "lc-Alert-module__alert__icon___8TaAH", F_ = "lc-Alert-module__alert__content___9nZdf",
|
|
1710
|
+
}, P_ = "lc-Alert-module__alert___HBTns", I_ = "lc-Alert-module__alert__icon___8TaAH", F_ = "lc-Alert-module__alert__content___9nZdf", M_ = "lc-Alert-module__alert__content__wrapper___aLBkP", R_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", L_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", O_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", he = {
|
|
1677
1711
|
alert: P_,
|
|
1678
1712
|
alert__icon: I_,
|
|
1679
1713
|
alert__content: F_,
|
|
1680
|
-
alert__content__wrapper:
|
|
1681
|
-
alert__content__wrapper__text:
|
|
1714
|
+
alert__content__wrapper: M_,
|
|
1715
|
+
alert__content__wrapper__text: R_,
|
|
1682
1716
|
alert__content__wrapper__cta: L_,
|
|
1683
1717
|
alert__content__wrapper__cta__link: O_,
|
|
1684
1718
|
"alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
|
|
@@ -1691,19 +1725,19 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1691
1725
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
1692
1726
|
}, H_ = {
|
|
1693
1727
|
info: {
|
|
1694
|
-
source:
|
|
1728
|
+
source: Ma,
|
|
1695
1729
|
kind: "link"
|
|
1696
1730
|
},
|
|
1697
1731
|
warning: {
|
|
1698
|
-
source:
|
|
1732
|
+
source: fr,
|
|
1699
1733
|
kind: "warning"
|
|
1700
1734
|
},
|
|
1701
1735
|
success: {
|
|
1702
|
-
source:
|
|
1736
|
+
source: vr,
|
|
1703
1737
|
kind: "success"
|
|
1704
1738
|
},
|
|
1705
1739
|
error: {
|
|
1706
|
-
source:
|
|
1740
|
+
source: hr,
|
|
1707
1741
|
kind: "error"
|
|
1708
1742
|
}
|
|
1709
1743
|
}, ke = "alert", $c = (s) => {
|
|
@@ -1714,7 +1748,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1714
1748
|
secondaryButton: _,
|
|
1715
1749
|
kind: o = "info",
|
|
1716
1750
|
onClose: l
|
|
1717
|
-
} = i, c =
|
|
1751
|
+
} = i, c = F(i, [
|
|
1718
1752
|
"children",
|
|
1719
1753
|
"className",
|
|
1720
1754
|
"primaryButton",
|
|
@@ -1731,7 +1765,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1731
1765
|
a
|
|
1732
1766
|
);
|
|
1733
1767
|
return e.useEffect(() => {
|
|
1734
|
-
const f = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m("large"), b =
|
|
1768
|
+
const f = () => d.current && d.current.offsetWidth <= 400 ? m("small") : d.current && d.current.offsetWidth > 400 && d.current.offsetWidth <= 800 ? m("medium") : m("large"), b = wr(() => {
|
|
1735
1769
|
f();
|
|
1736
1770
|
}, 500);
|
|
1737
1771
|
return window.addEventListener("resize", b), f(), () => window.removeEventListener("resize", b);
|
|
@@ -1742,7 +1776,7 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1742
1776
|
className: he[`${ke}__icon`]
|
|
1743
1777
|
})
|
|
1744
1778
|
), /* @__PURE__ */ e.createElement(
|
|
1745
|
-
|
|
1779
|
+
I,
|
|
1746
1780
|
{
|
|
1747
1781
|
as: "div",
|
|
1748
1782
|
className: he[`${ke}__content__wrapper__text`]
|
|
@@ -1760,15 +1794,14 @@ const qa = 8, Ya = "guide-tooltip", Ka = (t, a) => new B_(t, a), yc = (t) => {
|
|
|
1760
1794
|
W,
|
|
1761
1795
|
{
|
|
1762
1796
|
"aria-label": "Close alert",
|
|
1763
|
-
type: "button",
|
|
1764
1797
|
className: he[`${ke}__close-icon`],
|
|
1765
1798
|
size: "compact",
|
|
1766
1799
|
kind: "plain",
|
|
1767
|
-
icon: /* @__PURE__ */ e.createElement(A, { source:
|
|
1800
|
+
icon: /* @__PURE__ */ e.createElement(A, { source: Be }),
|
|
1768
1801
|
onClick: l
|
|
1769
1802
|
}
|
|
1770
1803
|
));
|
|
1771
|
-
},
|
|
1804
|
+
}, tr = Array.from(
|
|
1772
1805
|
{ length: 10 },
|
|
1773
1806
|
(t, a) => `--surface-avatar-${a + 1}`
|
|
1774
1807
|
);
|
|
@@ -1776,7 +1809,7 @@ function z_(t) {
|
|
|
1776
1809
|
if (!t)
|
|
1777
1810
|
return;
|
|
1778
1811
|
const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
|
|
1779
|
-
return `var(${
|
|
1812
|
+
return `var(${tr[a % tr.length]})`;
|
|
1780
1813
|
}
|
|
1781
1814
|
function G_(t = "", a = 2) {
|
|
1782
1815
|
const r = t.trim().split(/\s+/), _ = r.map((l) => [...l][0]);
|
|
@@ -1795,7 +1828,7 @@ function U_(t) {
|
|
|
1795
1828
|
const r = t.slice(4, -1);
|
|
1796
1829
|
a = window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
|
|
1797
1830
|
}
|
|
1798
|
-
return a &&
|
|
1831
|
+
return a && Ha(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
|
|
1799
1832
|
}
|
|
1800
1833
|
const W_ = "lc-Avatar-module__avatar___1zTCE", V_ = "lc-Avatar-module__avatar__status___nX2Ls", q_ = "lc-Avatar-module__avatar__rim___RCQ8Q", Y_ = "lc-Avatar-module__avatar__image___YqfqE", pe = {
|
|
1801
1834
|
avatar: W_,
|
|
@@ -1845,7 +1878,7 @@ const W_ = "lc-Avatar-module__avatar___1zTCE", V_ = "lc-Avatar-module__avatar__s
|
|
|
1845
1878
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1846
1879
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1847
1880
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1848
|
-
},
|
|
1881
|
+
}, ee = "avatar", K_ = (m) => {
|
|
1849
1882
|
var p = m, {
|
|
1850
1883
|
alt: t,
|
|
1851
1884
|
className: a,
|
|
@@ -1857,7 +1890,7 @@ const W_ = "lc-Avatar-module__avatar___1zTCE", V_ = "lc-Avatar-module__avatar__s
|
|
|
1857
1890
|
text: s,
|
|
1858
1891
|
type: i,
|
|
1859
1892
|
withRim: d = !1
|
|
1860
|
-
} = p, n =
|
|
1893
|
+
} = p, n = F(p, [
|
|
1861
1894
|
"alt",
|
|
1862
1895
|
"className",
|
|
1863
1896
|
"color",
|
|
@@ -1869,68 +1902,68 @@ const W_ = "lc-Avatar-module__avatar___1zTCE", V_ = "lc-Avatar-module__avatar__s
|
|
|
1869
1902
|
"type",
|
|
1870
1903
|
"withRim"
|
|
1871
1904
|
]);
|
|
1872
|
-
const f = i === "image" && !l, [b, E] = e.useState(f), v = i === "image" && !!l && !b, h = i === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = G_(s, y),
|
|
1873
|
-
[pe[
|
|
1874
|
-
[pe[`${
|
|
1875
|
-
[pe[`${
|
|
1876
|
-
[pe[`${
|
|
1877
|
-
}, a ? { [`${a}`]: a } : {})),
|
|
1878
|
-
pe[`${
|
|
1879
|
-
pe[`${
|
|
1880
|
-
pe[`${
|
|
1881
|
-
...c ? [pe[`${
|
|
1882
|
-
),
|
|
1883
|
-
pe[`${
|
|
1884
|
-
pe[`${
|
|
1905
|
+
const f = i === "image" && !l, [b, E] = e.useState(f), v = i === "image" && !!l && !b, h = i === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = G_(s, y), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), w = r || z_(s), g = w ? U_(w) : void 0, N = h ? { backgroundColor: w } : {}, S = u(k({
|
|
1906
|
+
[pe[ee]]: !0,
|
|
1907
|
+
[pe[`${ee}--${_}`]]: !0,
|
|
1908
|
+
[pe[`${ee}--${o}`]]: !0,
|
|
1909
|
+
[pe[`${ee}--with-rim`]]: d
|
|
1910
|
+
}, a ? { [`${a}`]: a } : {})), V = u(
|
|
1911
|
+
pe[`${ee}__status`],
|
|
1912
|
+
pe[`${ee}__status--${_}`],
|
|
1913
|
+
pe[`${ee}__status--${o}`],
|
|
1914
|
+
...c ? [pe[`${ee}__status--${c}`]] : []
|
|
1915
|
+
), q = u(
|
|
1916
|
+
pe[`${ee}__icon`],
|
|
1917
|
+
pe[`${ee}__icon--${o}`]
|
|
1885
1918
|
), x = u(
|
|
1886
|
-
pe[`${
|
|
1887
|
-
pe[`${
|
|
1888
|
-
),
|
|
1919
|
+
pe[`${ee}__rim`],
|
|
1920
|
+
pe[`${ee}__rim--${o}`]
|
|
1921
|
+
), R = (G) => C ? "2xs" : ["medium"].includes(G) ? "xs" : ["large", "xlarge"].includes(G) ? "sm" : ["xxlarge"].includes(G) ? "lg" : "xl", Y = e.useCallback(() => E(!0), []);
|
|
1889
1922
|
return e.useEffect(() => {
|
|
1890
1923
|
E(f);
|
|
1891
|
-
}, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style:
|
|
1924
|
+
}, [f]), /* @__PURE__ */ e.createElement("div", k({ className: S, style: N }, n), d && /* @__PURE__ */ e.createElement(
|
|
1892
1925
|
"div",
|
|
1893
1926
|
{
|
|
1894
|
-
"data-testid": `${
|
|
1927
|
+
"data-testid": `${ee}__rim`,
|
|
1895
1928
|
className: x
|
|
1896
1929
|
}
|
|
1897
1930
|
), c && /* @__PURE__ */ e.createElement(
|
|
1898
1931
|
"div",
|
|
1899
1932
|
{
|
|
1900
|
-
"data-testid": `${
|
|
1901
|
-
className:
|
|
1933
|
+
"data-testid": `${ee}__status`,
|
|
1934
|
+
className: V
|
|
1902
1935
|
}
|
|
1903
1936
|
), v && /* @__PURE__ */ e.createElement(
|
|
1904
1937
|
"img",
|
|
1905
1938
|
{
|
|
1906
|
-
className: pe[`${
|
|
1939
|
+
className: pe[`${ee}__image`],
|
|
1907
1940
|
src: l,
|
|
1908
1941
|
alt: t,
|
|
1909
1942
|
onError: Y
|
|
1910
1943
|
}
|
|
1911
1944
|
), h && /* @__PURE__ */ e.createElement(
|
|
1912
|
-
|
|
1945
|
+
De,
|
|
1913
1946
|
{
|
|
1914
1947
|
as: "span",
|
|
1915
|
-
size:
|
|
1948
|
+
size: R(o),
|
|
1916
1949
|
style: { color: g },
|
|
1917
|
-
bold:
|
|
1918
|
-
uppercase:
|
|
1950
|
+
bold: C,
|
|
1951
|
+
uppercase: C
|
|
1919
1952
|
},
|
|
1920
1953
|
$
|
|
1921
1954
|
), b && /* @__PURE__ */ e.createElement(
|
|
1922
1955
|
A,
|
|
1923
1956
|
{
|
|
1924
|
-
"data-testid": `${
|
|
1925
|
-
className:
|
|
1926
|
-
source:
|
|
1957
|
+
"data-testid": `${ee}__icon`,
|
|
1958
|
+
className: q,
|
|
1959
|
+
source: Wr
|
|
1927
1960
|
}
|
|
1928
1961
|
));
|
|
1929
1962
|
};
|
|
1930
1963
|
function J_(t, a) {
|
|
1931
1964
|
return t > a ? `${a}+` : `${t}`;
|
|
1932
1965
|
}
|
|
1933
|
-
const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot___z6RO6",
|
|
1966
|
+
const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot___z6RO6", Lt = {
|
|
1934
1967
|
badge: X_,
|
|
1935
1968
|
badge__dot: Q_,
|
|
1936
1969
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
@@ -1939,7 +1972,7 @@ const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot__
|
|
|
1939
1972
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
1940
1973
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
1941
1974
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
1942
|
-
},
|
|
1975
|
+
}, Ot = "badge", j_ = (s) => {
|
|
1943
1976
|
var i = s, {
|
|
1944
1977
|
className: t,
|
|
1945
1978
|
count: a = 0,
|
|
@@ -1947,7 +1980,7 @@ const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot__
|
|
|
1947
1980
|
kind: _ = "primary",
|
|
1948
1981
|
size: o = "medium",
|
|
1949
1982
|
type: l = "counter"
|
|
1950
|
-
} = i, c =
|
|
1983
|
+
} = i, c = F(i, [
|
|
1951
1984
|
"className",
|
|
1952
1985
|
"count",
|
|
1953
1986
|
"max",
|
|
@@ -1957,26 +1990,26 @@ const X_ = "lc-Badge-module__badge___GhLnu", Q_ = "lc-Badge-module__badge__dot__
|
|
|
1957
1990
|
]);
|
|
1958
1991
|
const d = u(
|
|
1959
1992
|
t,
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1993
|
+
Lt[Ot],
|
|
1994
|
+
Lt[`${Ot}--${_}`],
|
|
1995
|
+
Lt[`${Ot}--${o}`]
|
|
1963
1996
|
), n = {
|
|
1964
1997
|
counter: J_(a, r),
|
|
1965
1998
|
alert: "!",
|
|
1966
|
-
dot: /* @__PURE__ */ e.createElement("span", { className:
|
|
1999
|
+
dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Lt[`${Ot}__dot`] })
|
|
1967
2000
|
}[l];
|
|
1968
2001
|
return /* @__PURE__ */ e.createElement("span", k({ className: d }, c), n);
|
|
1969
2002
|
};
|
|
1970
2003
|
function Z_() {
|
|
1971
2004
|
}
|
|
1972
|
-
const eo = "lc-SegmentedControl-module__btn___tfsvL",
|
|
2005
|
+
const eo = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
1973
2006
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
1974
2007
|
btn: eo,
|
|
1975
2008
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
1976
2009
|
"btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
|
|
1977
2010
|
"btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
|
|
1978
2011
|
"btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
|
|
1979
|
-
}, to = "segmented-control",
|
|
2012
|
+
}, to = "segmented-control", Cc = ({
|
|
1980
2013
|
size: t = "medium",
|
|
1981
2014
|
buttons: a,
|
|
1982
2015
|
className: r,
|
|
@@ -1985,25 +2018,25 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
1985
2018
|
fullWidth: l = !1,
|
|
1986
2019
|
onButtonClick: c = Z_
|
|
1987
2020
|
}) => {
|
|
1988
|
-
const s = u(
|
|
2021
|
+
const s = u(Ht[to], r), [i, d] = e.useState(() => _), n = typeof o == "string";
|
|
1989
2022
|
e.useEffect(() => {
|
|
1990
2023
|
n && d(o);
|
|
1991
2024
|
}, [o]);
|
|
1992
2025
|
const m = (f, b) => {
|
|
1993
2026
|
n || d(f), c(f, b);
|
|
1994
2027
|
}, p = a.map(({ id: f, label: b, loading: E, disabled: v, icon: h }) => {
|
|
1995
|
-
const y = f === i, $ = y ?
|
|
2028
|
+
const y = f === i, $ = y ? Ht["btn--active"] : "", C = y ? !1 : E;
|
|
1996
2029
|
return /* @__PURE__ */ e.createElement(
|
|
1997
2030
|
W,
|
|
1998
2031
|
{
|
|
1999
2032
|
key: f,
|
|
2000
2033
|
fullWidth: l,
|
|
2001
|
-
loading:
|
|
2034
|
+
loading: C,
|
|
2002
2035
|
disabled: v,
|
|
2003
2036
|
"aria-pressed": y,
|
|
2004
2037
|
kind: "secondary",
|
|
2005
2038
|
icon: h,
|
|
2006
|
-
className: u(
|
|
2039
|
+
className: u(Ht.btn, Ht[`btn--${t}`], $),
|
|
2007
2040
|
onClick: (w) => {
|
|
2008
2041
|
m(f, w);
|
|
2009
2042
|
}
|
|
@@ -2026,7 +2059,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2026
2059
|
card__actions__line: io,
|
|
2027
2060
|
card__actions__buttons: uo,
|
|
2028
2061
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
2029
|
-
},
|
|
2062
|
+
}, Bt = "card", Jt = `${Bt}__header`, ka = `${Jt}__heading`, zt = `${Bt}__actions`, mo = `${Jt}__no-image`, Nc = (d) => {
|
|
2030
2063
|
var n = d, {
|
|
2031
2064
|
alt: t,
|
|
2032
2065
|
buttonsOptions: a = [],
|
|
@@ -2036,7 +2069,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2036
2069
|
expandableContent: l,
|
|
2037
2070
|
src: c,
|
|
2038
2071
|
title: s
|
|
2039
|
-
} = n, i =
|
|
2072
|
+
} = n, i = F(n, [
|
|
2040
2073
|
"alt",
|
|
2041
2074
|
"buttonsOptions",
|
|
2042
2075
|
"children",
|
|
@@ -2046,28 +2079,35 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2046
2079
|
"src",
|
|
2047
2080
|
"title"
|
|
2048
2081
|
]);
|
|
2049
|
-
const [m, p] = e.useState(!1), f = m ?
|
|
2050
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: u(ge[
|
|
2082
|
+
const [m, p] = e.useState(!1), f = m ? Qt : At, b = m ? "Hide" : "Show more", E = (a == null ? void 0 : a.length) > 0, v = !!l, h = E || v, y = s, $ = c, C = $ ? "" : ge[mo];
|
|
2083
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: u(ge[Bt], _) }, i), y && /* @__PURE__ */ e.createElement("div", { className: u(ge[Jt], C) }, $ && /* @__PURE__ */ e.createElement(
|
|
2051
2084
|
"img",
|
|
2052
2085
|
{
|
|
2053
2086
|
alt: t,
|
|
2054
|
-
className: ge[`${
|
|
2087
|
+
className: ge[`${Jt}__image`],
|
|
2055
2088
|
src: c
|
|
2056
2089
|
}
|
|
2057
|
-
), /* @__PURE__ */ e.createElement("div", { className: ge[
|
|
2058
|
-
|
|
2090
|
+
), /* @__PURE__ */ e.createElement("div", { className: ge[ka] }, /* @__PURE__ */ e.createElement(De, { size: "xs", className: ge[`${ka}__title`] }, s), o && /* @__PURE__ */ e.createElement(
|
|
2091
|
+
I,
|
|
2092
|
+
{
|
|
2093
|
+
size: "sm",
|
|
2094
|
+
className: ge[`${ka}__description`]
|
|
2095
|
+
},
|
|
2096
|
+
o
|
|
2097
|
+
))), /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: ge[`${Bt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
|
|
2098
|
+
I,
|
|
2059
2099
|
{
|
|
2060
2100
|
as: "div",
|
|
2061
2101
|
size: "md",
|
|
2062
|
-
className: ge[`${
|
|
2102
|
+
className: ge[`${Bt}__expanded-content`]
|
|
2063
2103
|
},
|
|
2064
2104
|
l
|
|
2065
|
-
), h && /* @__PURE__ */ e.createElement("div", { className: ge[
|
|
2066
|
-
({ kind: w, onClick: g, children:
|
|
2105
|
+
), h && /* @__PURE__ */ e.createElement("div", { className: ge[zt] }, /* @__PURE__ */ e.createElement("div", { className: ge[`${zt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ge[`${zt}__buttons`] }, E && a.map(
|
|
2106
|
+
({ kind: w, onClick: g, children: N }) => /* @__PURE__ */ e.createElement(W, { size: "compact", kind: w, onClick: g }, N)
|
|
2067
2107
|
), v && /* @__PURE__ */ e.createElement(
|
|
2068
2108
|
W,
|
|
2069
2109
|
{
|
|
2070
|
-
className: ge[`${
|
|
2110
|
+
className: ge[`${zt}__buttons-expander`],
|
|
2071
2111
|
kind: "link",
|
|
2072
2112
|
iconPosition: "right",
|
|
2073
2113
|
icon: /* @__PURE__ */ e.createElement(A, { source: f }),
|
|
@@ -2077,16 +2117,16 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2077
2117
|
))));
|
|
2078
2118
|
}, po = {
|
|
2079
2119
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
2080
|
-
}, go = "field-description",
|
|
2120
|
+
}, go = "field-description", na = (_) => {
|
|
2081
2121
|
var o = _, {
|
|
2082
2122
|
children: t,
|
|
2083
2123
|
className: a = ""
|
|
2084
|
-
} = o, r =
|
|
2124
|
+
} = o, r = F(o, [
|
|
2085
2125
|
"children",
|
|
2086
2126
|
"className"
|
|
2087
2127
|
]);
|
|
2088
2128
|
const l = u(po[go], a);
|
|
2089
|
-
return /* @__PURE__ */ e.createElement(
|
|
2129
|
+
return /* @__PURE__ */ e.createElement(I, T(k({ as: "span", size: "sm" }, r), { className: l }), t);
|
|
2090
2130
|
}, bo = "lc-Checkbox-module__checkbox___G7nTf", fo = "lc-Checkbox-module__checkbox__label___-o01x", vo = "lc-Checkbox-module__checkbox__text___P2SIq", ho = "lc-Checkbox-module__checkbox__input___YLbVF", ko = "lc-Checkbox-module__checkbox__checkmark___16pfY", yo = "lc-Checkbox-module__checkbox__square___MHUyd", Eo = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ze = {
|
|
2091
2131
|
checkbox: bo,
|
|
2092
2132
|
checkbox__label: fo,
|
|
@@ -2099,7 +2139,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2099
2139
|
checkbox__helper: Eo
|
|
2100
2140
|
}, et = "checkbox", wo = e.forwardRef(
|
|
2101
2141
|
(s, c) => {
|
|
2102
|
-
var i = s, { checked: t, disabled: a, children: r, description: _, className: o } = i, l =
|
|
2142
|
+
var i = s, { checked: t, disabled: a, children: r, description: _, className: o } = i, l = F(i, ["checked", "disabled", "children", "description", "className"]);
|
|
2103
2143
|
return /* @__PURE__ */ e.createElement(
|
|
2104
2144
|
"div",
|
|
2105
2145
|
{
|
|
@@ -2117,8 +2157,8 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2117
2157
|
className: Ze[`${et}__input`],
|
|
2118
2158
|
type: "checkbox"
|
|
2119
2159
|
})
|
|
2120
|
-
), r && /* @__PURE__ */ e.createElement(
|
|
2121
|
-
_ && /* @__PURE__ */ e.createElement(
|
|
2160
|
+
), r && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: Ze[`${et}__text`] }, r)),
|
|
2161
|
+
_ && /* @__PURE__ */ e.createElement(na, { className: Ze[`${et}__helper`] }, _)
|
|
2122
2162
|
);
|
|
2123
2163
|
}
|
|
2124
2164
|
), B = {
|
|
@@ -2156,7 +2196,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2156
2196
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
2157
2197
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
2158
2198
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
2159
|
-
},
|
|
2199
|
+
}, ar = "date-picker", $o = (t) => {
|
|
2160
2200
|
const {
|
|
2161
2201
|
onPreviousClick: a,
|
|
2162
2202
|
onMonthChange: r,
|
|
@@ -2175,26 +2215,26 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2175
2215
|
typeof _ == "function" && _();
|
|
2176
2216
|
}, b = () => {
|
|
2177
2217
|
if (!n) {
|
|
2178
|
-
const y =
|
|
2218
|
+
const y = ut(d, 12);
|
|
2179
2219
|
return r(y);
|
|
2180
2220
|
}
|
|
2181
|
-
const v = Math.abs(
|
|
2221
|
+
const v = Math.abs(qa(d, n)), h = ut(
|
|
2182
2222
|
d,
|
|
2183
2223
|
!Number.isNaN(v) && v > 12 ? 12 : v
|
|
2184
2224
|
);
|
|
2185
2225
|
return r(h);
|
|
2186
2226
|
}, E = () => {
|
|
2187
2227
|
if (!m) {
|
|
2188
|
-
const y =
|
|
2228
|
+
const y = Ya(d, 12);
|
|
2189
2229
|
return r(y);
|
|
2190
2230
|
}
|
|
2191
|
-
const v = Math.abs(
|
|
2231
|
+
const v = Math.abs(qa(m, d)), h = Ya(
|
|
2192
2232
|
d,
|
|
2193
2233
|
!Number.isNaN(v) && v > 12 ? 12 : v
|
|
2194
2234
|
);
|
|
2195
|
-
return i === 2 &&
|
|
2235
|
+
return i === 2 && Ba(h, m) ? r(ut(h, 1)) : r(h);
|
|
2196
2236
|
};
|
|
2197
|
-
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: B[`${
|
|
2237
|
+
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: B[`${ar}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2198
2238
|
"button",
|
|
2199
2239
|
{
|
|
2200
2240
|
"data-testid": "date-picker-prev-year-button",
|
|
@@ -2204,7 +2244,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2204
2244
|
}),
|
|
2205
2245
|
onClick: b
|
|
2206
2246
|
},
|
|
2207
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2247
|
+
/* @__PURE__ */ e.createElement(A, { source: Vr, kind: "subtle" })
|
|
2208
2248
|
), /* @__PURE__ */ e.createElement(
|
|
2209
2249
|
"button",
|
|
2210
2250
|
{
|
|
@@ -2215,8 +2255,8 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2215
2255
|
}),
|
|
2216
2256
|
onClick: p
|
|
2217
2257
|
},
|
|
2218
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2219
|
-
)), /* @__PURE__ */ e.createElement("div", { className: B[`${
|
|
2258
|
+
/* @__PURE__ */ e.createElement(A, { source: qr, kind: "subtle" })
|
|
2259
|
+
)), /* @__PURE__ */ e.createElement("div", { className: B[`${ar}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2220
2260
|
"button",
|
|
2221
2261
|
{
|
|
2222
2262
|
"data-testid": "date-picker-next-month-button",
|
|
@@ -2226,7 +2266,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2226
2266
|
}),
|
|
2227
2267
|
onClick: f
|
|
2228
2268
|
},
|
|
2229
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2269
|
+
/* @__PURE__ */ e.createElement(A, { source: kr, kind: "subtle" })
|
|
2230
2270
|
), /* @__PURE__ */ e.createElement(
|
|
2231
2271
|
"button",
|
|
2232
2272
|
{
|
|
@@ -2237,76 +2277,76 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2237
2277
|
}),
|
|
2238
2278
|
onClick: E
|
|
2239
2279
|
},
|
|
2240
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2280
|
+
/* @__PURE__ */ e.createElement(A, { source: Yr, kind: "subtle" })
|
|
2241
2281
|
)));
|
|
2242
|
-
},
|
|
2282
|
+
}, M = "date-picker", Ar = (t, a) => {
|
|
2243
2283
|
const { from: r, to: _ } = a;
|
|
2244
|
-
return !(_ && !
|
|
2245
|
-
},
|
|
2284
|
+
return !(_ && !Aa(t, _) && Pa(t, _) || r && !Aa(t, r) && !Pa(t, r));
|
|
2285
|
+
}, Pr = (t, a, r) => a ? t && !Ba(t, a) || r && Ba(a, r) ? ut(a, 1) : a : ut(r || /* @__PURE__ */ new Date(), 1), Co = (t, a) => {
|
|
2246
2286
|
const r = {
|
|
2247
|
-
[B[`${
|
|
2248
|
-
[B[`${
|
|
2249
|
-
[B[`${
|
|
2250
|
-
[B[`${
|
|
2287
|
+
[B[`${M}__day--monday`]]: { daysOfWeek: [1] },
|
|
2288
|
+
[B[`${M}__day--sunday`]]: { daysOfWeek: [0] },
|
|
2289
|
+
[B[`${M}__day--start`]]: t,
|
|
2290
|
+
[B[`${M}__day--end`]]: t
|
|
2251
2291
|
};
|
|
2252
2292
|
if (!a || !t)
|
|
2253
2293
|
return r;
|
|
2254
|
-
const _ =
|
|
2294
|
+
const _ = $r(a, t);
|
|
2255
2295
|
return _ > 0 ? T(k({}, r), {
|
|
2256
|
-
[B[`${
|
|
2296
|
+
[B[`${M}__day--end`]]: a
|
|
2257
2297
|
}) : _ < 0 ? T(k({}, r), {
|
|
2258
|
-
[B[`${
|
|
2298
|
+
[B[`${M}__day--start`]]: a
|
|
2259
2299
|
}) : r;
|
|
2260
|
-
},
|
|
2300
|
+
}, Tt = (t, a) => {
|
|
2261
2301
|
const r = a.find((_) => _.id === t);
|
|
2262
2302
|
return r || void 0;
|
|
2263
|
-
},
|
|
2303
|
+
}, rr = (t, a) => !!(!t || t && a), No = (t) => {
|
|
2264
2304
|
const a = {};
|
|
2265
2305
|
if (!t.initialSelectedItemKey)
|
|
2266
2306
|
return a;
|
|
2267
|
-
const r =
|
|
2307
|
+
const r = Tt(
|
|
2268
2308
|
t.initialSelectedItemKey,
|
|
2269
2309
|
t.options
|
|
2270
2310
|
);
|
|
2271
2311
|
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) : {};
|
|
2272
2312
|
}, So = (t, a) => k({
|
|
2273
2313
|
container: u({
|
|
2274
|
-
[B[`${
|
|
2275
|
-
[B[`${
|
|
2314
|
+
[B[`${M}`]]: !0,
|
|
2315
|
+
[B[`${M}--range`]]: t
|
|
2276
2316
|
}),
|
|
2277
|
-
wrapper: B[`${
|
|
2278
|
-
interactionDisabled: B[`${
|
|
2279
|
-
months: B[`${
|
|
2280
|
-
month: B[`${
|
|
2281
|
-
navBar: B[`${
|
|
2317
|
+
wrapper: B[`${M}__wrapper`],
|
|
2318
|
+
interactionDisabled: B[`${M}--interaction-disabled`],
|
|
2319
|
+
months: B[`${M}__months`],
|
|
2320
|
+
month: B[`${M}__month`],
|
|
2321
|
+
navBar: B[`${M}__nav-bar`],
|
|
2282
2322
|
navButtonPrev: u(
|
|
2283
|
-
B[`${
|
|
2284
|
-
B[`${
|
|
2323
|
+
B[`${M}__nav-button`],
|
|
2324
|
+
B[`${M}__nav-button--prev`]
|
|
2285
2325
|
),
|
|
2286
2326
|
navButtonNext: u(
|
|
2287
|
-
B[`${
|
|
2288
|
-
B[`${
|
|
2327
|
+
B[`${M}__nav-button`],
|
|
2328
|
+
B[`${M}__nav-button--next`]
|
|
2289
2329
|
),
|
|
2290
|
-
navButtonInteractionDisabled: B[`${
|
|
2291
|
-
caption: B[`${
|
|
2292
|
-
weekdays: B[`${
|
|
2293
|
-
weekdaysRow: B[`${
|
|
2294
|
-
weekday: B[`${
|
|
2295
|
-
body: B[`${
|
|
2296
|
-
week: B[`${
|
|
2297
|
-
weekNumber: B[`${
|
|
2298
|
-
day: B[`${
|
|
2299
|
-
footer: B[`${
|
|
2300
|
-
todayButton: B[`${
|
|
2301
|
-
today: B[`${
|
|
2302
|
-
selected: B[`${
|
|
2303
|
-
disabled: B[`${
|
|
2304
|
-
outside: B[`${
|
|
2305
|
-
start: B[`${
|
|
2306
|
-
end: B[`${
|
|
2307
|
-
}, a),
|
|
2330
|
+
navButtonInteractionDisabled: B[`${M}__nav-button--interaction-disabled`],
|
|
2331
|
+
caption: B[`${M}__caption`],
|
|
2332
|
+
weekdays: B[`${M}__weekdays`],
|
|
2333
|
+
weekdaysRow: B[`${M}__weekdays-row`],
|
|
2334
|
+
weekday: B[`${M}__weekday`],
|
|
2335
|
+
body: B[`${M}__body`],
|
|
2336
|
+
week: B[`${M}__week`],
|
|
2337
|
+
weekNumber: B[`${M}__week-number`],
|
|
2338
|
+
day: B[`${M}__day`],
|
|
2339
|
+
footer: B[`${M}__footer`],
|
|
2340
|
+
todayButton: B[`${M}__today-button`],
|
|
2341
|
+
today: B[`${M}__day--today`],
|
|
2342
|
+
selected: B[`${M}__day--selected`],
|
|
2343
|
+
disabled: B[`${M}__day--disabled`],
|
|
2344
|
+
outside: B[`${M}__day--outside`],
|
|
2345
|
+
start: B[`${M}__day--start`],
|
|
2346
|
+
end: B[`${M}__day--end`]
|
|
2347
|
+
}, a), _r = "date-picker", xo = (t) => {
|
|
2308
2348
|
const a = t.getDate();
|
|
2309
|
-
return /* @__PURE__ */ e.createElement("div", { className: B[`${
|
|
2349
|
+
return /* @__PURE__ */ e.createElement("div", { className: B[`${_r}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: B[`${_r}__day-content`] }, a));
|
|
2310
2350
|
}, To = (t) => {
|
|
2311
2351
|
const h = t, {
|
|
2312
2352
|
classNames: a,
|
|
@@ -2319,7 +2359,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2319
2359
|
navbarElement: i,
|
|
2320
2360
|
renderDay: d,
|
|
2321
2361
|
innerRef: n
|
|
2322
|
-
} = h, m =
|
|
2362
|
+
} = h, m = F(h, [
|
|
2323
2363
|
"classNames",
|
|
2324
2364
|
"range",
|
|
2325
2365
|
"toMonth",
|
|
@@ -2334,7 +2374,7 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2334
2374
|
e.useEffect(() => {
|
|
2335
2375
|
o && o !== p && f(o);
|
|
2336
2376
|
}, [o, p]), e.useEffect(() => {
|
|
2337
|
-
_ && o !== p && (
|
|
2377
|
+
_ && o !== p && (Ar(p, { from: l, to: _ }) || f(_));
|
|
2338
2378
|
}, [o, p, _, l]);
|
|
2339
2379
|
const b = e.useCallback(
|
|
2340
2380
|
(y) => {
|
|
@@ -2380,9 +2420,9 @@ const eo = "lc-SegmentedControl-module__btn___tfsvL", Rt = {
|
|
|
2380
2420
|
(t, a) => /* @__PURE__ */ e.createElement(To, k({ innerRef: a }, t))
|
|
2381
2421
|
);
|
|
2382
2422
|
Do.displayName = "DatePicker";
|
|
2383
|
-
var
|
|
2423
|
+
var K = /* @__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))(K || {});
|
|
2384
2424
|
const Bo = (t) => {
|
|
2385
|
-
const a =
|
|
2425
|
+
const a = Pr(
|
|
2386
2426
|
t.initialFromDate,
|
|
2387
2427
|
t.initialToDate,
|
|
2388
2428
|
t.toMonth
|
|
@@ -2392,10 +2432,10 @@ const Bo = (t) => {
|
|
|
2392
2432
|
to: void 0,
|
|
2393
2433
|
temporaryTo: void 0,
|
|
2394
2434
|
currentMonth: a
|
|
2395
|
-
}),
|
|
2435
|
+
}), No(t));
|
|
2396
2436
|
function o(l, c) {
|
|
2397
2437
|
switch (c.type) {
|
|
2398
|
-
case
|
|
2438
|
+
case K.NEW_SELECTED_ITEM:
|
|
2399
2439
|
return {
|
|
2400
2440
|
selectedItem: c.payload.selectedItem,
|
|
2401
2441
|
from: void 0,
|
|
@@ -2403,36 +2443,36 @@ const Bo = (t) => {
|
|
|
2403
2443
|
temporaryTo: void 0,
|
|
2404
2444
|
currentMonth: a
|
|
2405
2445
|
};
|
|
2406
|
-
case
|
|
2446
|
+
case K.NEW_TEMPORARY_TO_VALUE:
|
|
2407
2447
|
return T(k({}, l), {
|
|
2408
2448
|
temporaryTo: c.payload.date
|
|
2409
2449
|
});
|
|
2410
|
-
case
|
|
2450
|
+
case K.SELECT_FIRST_DAY:
|
|
2411
2451
|
return T(k({}, l), {
|
|
2412
2452
|
from: c.payload.date,
|
|
2413
2453
|
to: void 0,
|
|
2414
2454
|
temporaryTo: void 0
|
|
2415
2455
|
});
|
|
2416
|
-
case
|
|
2456
|
+
case K.SELECT_SECOND_DAY_AS_FROM:
|
|
2417
2457
|
return T(k({}, l), {
|
|
2418
2458
|
from: c.payload.date,
|
|
2419
2459
|
to: l.from,
|
|
2420
2460
|
temporaryTo: l.from
|
|
2421
2461
|
});
|
|
2422
|
-
case
|
|
2462
|
+
case K.SELECT_SECOND_DAY_AS_TO:
|
|
2423
2463
|
return T(k({}, l), {
|
|
2424
2464
|
to: c.payload.date,
|
|
2425
2465
|
temporaryTo: c.payload.date
|
|
2426
2466
|
});
|
|
2427
|
-
case
|
|
2467
|
+
case K.CURRENT_MONTH_CHANGE:
|
|
2428
2468
|
return T(k({}, l), {
|
|
2429
2469
|
currentMonth: c.payload.date
|
|
2430
2470
|
});
|
|
2431
|
-
case
|
|
2471
|
+
case K.SET_FROM:
|
|
2432
2472
|
return T(k({}, l), {
|
|
2433
2473
|
from: c.payload.date
|
|
2434
2474
|
});
|
|
2435
|
-
case
|
|
2475
|
+
case K.SET_TO:
|
|
2436
2476
|
return T(k({}, l), {
|
|
2437
2477
|
to: c.payload.date
|
|
2438
2478
|
});
|
|
@@ -2440,7 +2480,7 @@ const Bo = (t) => {
|
|
|
2440
2480
|
return l;
|
|
2441
2481
|
}
|
|
2442
2482
|
}
|
|
2443
|
-
return
|
|
2483
|
+
return Gr(o, _);
|
|
2444
2484
|
}, Ao = ({
|
|
2445
2485
|
options: t,
|
|
2446
2486
|
initialSelectedItemKey: a,
|
|
@@ -2450,7 +2490,7 @@ const Bo = (t) => {
|
|
|
2450
2490
|
onChange: l,
|
|
2451
2491
|
children: c
|
|
2452
2492
|
}) => {
|
|
2453
|
-
const s =
|
|
2493
|
+
const s = Ur(
|
|
2454
2494
|
a || null
|
|
2455
2495
|
), [i, d] = Bo({
|
|
2456
2496
|
options: t,
|
|
@@ -2461,38 +2501,38 @@ const Bo = (t) => {
|
|
|
2461
2501
|
onChange: l,
|
|
2462
2502
|
children: c
|
|
2463
2503
|
});
|
|
2464
|
-
|
|
2504
|
+
dt(() => {
|
|
2465
2505
|
d({
|
|
2466
|
-
type:
|
|
2506
|
+
type: K.SET_FROM,
|
|
2467
2507
|
payload: { date: r }
|
|
2468
2508
|
});
|
|
2469
|
-
}, [r]),
|
|
2509
|
+
}, [r]), dt(() => {
|
|
2470
2510
|
d({
|
|
2471
|
-
type:
|
|
2511
|
+
type: K.SET_TO,
|
|
2472
2512
|
payload: { date: _ }
|
|
2473
2513
|
});
|
|
2474
|
-
}, [_]),
|
|
2475
|
-
const E =
|
|
2514
|
+
}, [_]), dt(() => {
|
|
2515
|
+
const E = Pr(
|
|
2476
2516
|
r,
|
|
2477
2517
|
_,
|
|
2478
2518
|
o
|
|
2479
2519
|
);
|
|
2480
2520
|
d({
|
|
2481
|
-
type:
|
|
2521
|
+
type: K.CURRENT_MONTH_CHANGE,
|
|
2482
2522
|
payload: { date: E }
|
|
2483
2523
|
});
|
|
2484
|
-
}, [o, r, _]),
|
|
2524
|
+
}, [o, r, _]), dt(() => {
|
|
2485
2525
|
const { from: E, selectedItem: v, to: h } = i;
|
|
2486
2526
|
if (!(E && h))
|
|
2487
2527
|
return;
|
|
2488
|
-
const y =
|
|
2528
|
+
const y = Tt(v, t);
|
|
2489
2529
|
y && (l == null || l(T(k({}, y), {
|
|
2490
2530
|
value: {
|
|
2491
2531
|
from: E,
|
|
2492
2532
|
to: h
|
|
2493
2533
|
}
|
|
2494
2534
|
})));
|
|
2495
|
-
}, [i.from, i.to, i.selectedItem, t, l]),
|
|
2535
|
+
}, [i.from, i.to, i.selectedItem, t, l]), dt(() => {
|
|
2496
2536
|
const { selectedItem: E } = i;
|
|
2497
2537
|
if (E === s.current)
|
|
2498
2538
|
return;
|
|
@@ -2500,7 +2540,7 @@ const Bo = (t) => {
|
|
|
2500
2540
|
l(null);
|
|
2501
2541
|
return;
|
|
2502
2542
|
}
|
|
2503
|
-
if (!
|
|
2543
|
+
if (!Tt(E, t))
|
|
2504
2544
|
return;
|
|
2505
2545
|
const h = t.reduce(
|
|
2506
2546
|
(y, $) => T(k({}, y), { [$.id]: $ }),
|
|
@@ -2508,56 +2548,56 @@ const Bo = (t) => {
|
|
|
2508
2548
|
);
|
|
2509
2549
|
l(h[E]);
|
|
2510
2550
|
}, [l, i.selectedItem, t]);
|
|
2511
|
-
const n =
|
|
2551
|
+
const n = Ft(
|
|
2512
2552
|
(E) => {
|
|
2513
|
-
const v = o ?
|
|
2514
|
-
!
|
|
2515
|
-
type:
|
|
2553
|
+
const v = o ? $r(o, E) >= 0 : !0;
|
|
2554
|
+
!rr(i.from, i.to) && v && d({
|
|
2555
|
+
type: K.NEW_TEMPORARY_TO_VALUE,
|
|
2516
2556
|
payload: { date: E }
|
|
2517
2557
|
});
|
|
2518
2558
|
},
|
|
2519
2559
|
[o, i.from, i.to]
|
|
2520
|
-
), m =
|
|
2560
|
+
), m = Ft(
|
|
2521
2561
|
(E) => {
|
|
2522
2562
|
const { from: v, to: h } = i;
|
|
2523
|
-
|
|
2524
|
-
type:
|
|
2563
|
+
Ar(E, { to: o }) && (rr(v, h) ? d({
|
|
2564
|
+
type: K.SELECT_FIRST_DAY,
|
|
2525
2565
|
payload: { date: E }
|
|
2526
|
-
}) : v &&
|
|
2527
|
-
type:
|
|
2566
|
+
}) : v && Aa(E, v) || v && Pa(E, v) ? d({
|
|
2567
|
+
type: K.SELECT_SECOND_DAY_AS_TO,
|
|
2528
2568
|
payload: { date: E }
|
|
2529
2569
|
}) : d({
|
|
2530
|
-
type:
|
|
2570
|
+
type: K.SELECT_SECOND_DAY_AS_FROM,
|
|
2531
2571
|
payload: { date: E }
|
|
2532
2572
|
}));
|
|
2533
2573
|
},
|
|
2534
2574
|
[o, i.from, i.to]
|
|
2535
|
-
), p =
|
|
2575
|
+
), p = Ft(
|
|
2536
2576
|
(E) => {
|
|
2537
2577
|
if (E === null) {
|
|
2538
2578
|
d({
|
|
2539
|
-
type:
|
|
2579
|
+
type: K.NEW_SELECTED_ITEM,
|
|
2540
2580
|
payload: { selectedItem: null }
|
|
2541
2581
|
});
|
|
2542
2582
|
return;
|
|
2543
2583
|
}
|
|
2544
|
-
|
|
2545
|
-
type:
|
|
2584
|
+
Tt(E, t) && d({
|
|
2585
|
+
type: K.NEW_SELECTED_ITEM,
|
|
2546
2586
|
payload: { selectedItem: E }
|
|
2547
2587
|
});
|
|
2548
2588
|
},
|
|
2549
2589
|
[t]
|
|
2550
|
-
), f =
|
|
2590
|
+
), f = Ft((E) => {
|
|
2551
2591
|
d({
|
|
2552
|
-
type:
|
|
2592
|
+
type: K.CURRENT_MONTH_CHANGE,
|
|
2553
2593
|
payload: { date: E }
|
|
2554
2594
|
});
|
|
2555
2595
|
}, []);
|
|
2556
2596
|
return c((() => {
|
|
2557
|
-
const { currentMonth: E, from: v, selectedItem: h, temporaryTo: y, to: $ } = i,
|
|
2558
|
-
() =>
|
|
2597
|
+
const { currentMonth: E, from: v, selectedItem: h, temporaryTo: y, to: $ } = i, C = Mt(
|
|
2598
|
+
() => Co(v, y),
|
|
2559
2599
|
[v, y]
|
|
2560
|
-
), w =
|
|
2600
|
+
), w = Mt(() => Tt(h, t), [t, h]), g = Mt(() => [v, { from: v, to: y }], [v, y]), N = Mt(() => o ? { after: o } : void 0, [o]);
|
|
2561
2601
|
return {
|
|
2562
2602
|
select: {
|
|
2563
2603
|
onItemSelect: p,
|
|
@@ -2573,10 +2613,10 @@ const Bo = (t) => {
|
|
|
2573
2613
|
numberOfMonths: 2,
|
|
2574
2614
|
onDayClick: m,
|
|
2575
2615
|
selectedDays: g,
|
|
2576
|
-
modifiers:
|
|
2577
|
-
initialMonth: o &&
|
|
2616
|
+
modifiers: C,
|
|
2617
|
+
initialMonth: o && ut(o, 1),
|
|
2578
2618
|
toMonth: o,
|
|
2579
|
-
disabledDays:
|
|
2619
|
+
disabledDays: N,
|
|
2580
2620
|
onDayMouseEnter: n,
|
|
2581
2621
|
onMonthChange: f
|
|
2582
2622
|
},
|
|
@@ -2598,12 +2638,12 @@ Ao.defaultProps = {
|
|
|
2598
2638
|
]
|
|
2599
2639
|
};
|
|
2600
2640
|
const Sc = (t) => {
|
|
2601
|
-
const l = t, { className: a, children: r } = l, _ =
|
|
2641
|
+
const l = t, { className: a, children: r } = l, _ = F(l, ["className", "children"]), o = u(
|
|
2602
2642
|
a,
|
|
2603
2643
|
B["date-picker--range__calendars-wrapper"]
|
|
2604
2644
|
);
|
|
2605
2645
|
return /* @__PURE__ */ e.createElement("div", T(k({}, _), { className: o }), r);
|
|
2606
|
-
},
|
|
2646
|
+
}, O = {
|
|
2607
2647
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
2608
2648
|
"details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
|
|
2609
2649
|
"details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
|
|
@@ -2624,7 +2664,7 @@ const Sc = (t) => {
|
|
|
2624
2664
|
"details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
|
|
2625
2665
|
"details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
|
|
2626
2666
|
"details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
|
|
2627
|
-
},
|
|
2667
|
+
}, H = "details-card", xc = ({
|
|
2628
2668
|
children: t,
|
|
2629
2669
|
className: a,
|
|
2630
2670
|
leftNode: r,
|
|
@@ -2637,28 +2677,28 @@ const Sc = (t) => {
|
|
|
2637
2677
|
onClick: d
|
|
2638
2678
|
}) => {
|
|
2639
2679
|
const [n, m] = e.useState(s), [p, f] = e.useState(0), b = e.useRef(null), E = u(
|
|
2640
|
-
|
|
2641
|
-
l &&
|
|
2680
|
+
O[H],
|
|
2681
|
+
l && O[`${H}--with-divider`],
|
|
2642
2682
|
a
|
|
2643
2683
|
), v = i && n, h = typeof o == "string", y = ($) => {
|
|
2644
|
-
m((
|
|
2684
|
+
m((C) => !C), $.currentTarget.blur(), d == null || d();
|
|
2645
2685
|
};
|
|
2646
2686
|
return e.useEffect(() => {
|
|
2647
2687
|
const $ = !!window.IntersectionObserver;
|
|
2648
2688
|
if (b.current && $) {
|
|
2649
|
-
const
|
|
2689
|
+
const C = new ResizeObserver(() => {
|
|
2650
2690
|
b.current && p !== b.current.offsetHeight && f(b.current.offsetHeight);
|
|
2651
2691
|
});
|
|
2652
|
-
return
|
|
2692
|
+
return C.observe(b.current), () => C.disconnect();
|
|
2653
2693
|
}
|
|
2654
2694
|
}, [b]), /* @__PURE__ */ e.createElement("div", { className: E }, /* @__PURE__ */ e.createElement(
|
|
2655
2695
|
"div",
|
|
2656
2696
|
{
|
|
2657
2697
|
className: u(
|
|
2658
|
-
|
|
2659
|
-
i &&
|
|
2660
|
-
v &&
|
|
2661
|
-
n &&
|
|
2698
|
+
O[`${H}__label-wrapper`],
|
|
2699
|
+
i && O[`${H}__label-wrapper--fading`],
|
|
2700
|
+
v && O[`${H}__label-wrapper--hide`],
|
|
2701
|
+
n && O[`${H}__label-wrapper--open`]
|
|
2662
2702
|
),
|
|
2663
2703
|
"aria-expanded": n,
|
|
2664
2704
|
"aria-hidden": v,
|
|
@@ -2668,20 +2708,20 @@ const Sc = (t) => {
|
|
|
2668
2708
|
"div",
|
|
2669
2709
|
{
|
|
2670
2710
|
className: u(
|
|
2671
|
-
|
|
2672
|
-
i &&
|
|
2711
|
+
O[`${H}__label`],
|
|
2712
|
+
i && O[`${H}__label--with-margin`]
|
|
2673
2713
|
)
|
|
2674
2714
|
},
|
|
2675
|
-
r && /* @__PURE__ */ e.createElement("div", { className:
|
|
2715
|
+
r && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__left-node`] }, r),
|
|
2676
2716
|
h ? /* @__PURE__ */ e.createElement(
|
|
2677
|
-
|
|
2717
|
+
De,
|
|
2678
2718
|
{
|
|
2679
2719
|
size: "xs",
|
|
2680
|
-
className:
|
|
2720
|
+
className: O[`${H}__label__content`]
|
|
2681
2721
|
},
|
|
2682
2722
|
o
|
|
2683
|
-
) : /* @__PURE__ */ e.createElement("div", { className:
|
|
2684
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
2723
|
+
) : /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__content`] }, o),
|
|
2724
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: O[`${H}__label__right-node`] }, _)
|
|
2685
2725
|
)
|
|
2686
2726
|
), /* @__PURE__ */ e.createElement(
|
|
2687
2727
|
W,
|
|
@@ -2690,18 +2730,18 @@ const Sc = (t) => {
|
|
|
2690
2730
|
icon: /* @__PURE__ */ e.createElement(
|
|
2691
2731
|
A,
|
|
2692
2732
|
{
|
|
2693
|
-
source:
|
|
2733
|
+
source: kr,
|
|
2694
2734
|
className: u(
|
|
2695
|
-
|
|
2696
|
-
n &&
|
|
2735
|
+
O[`${H}__button__icon`],
|
|
2736
|
+
n && O[`${H}__button__icon--open`]
|
|
2697
2737
|
)
|
|
2698
2738
|
}
|
|
2699
2739
|
),
|
|
2700
2740
|
className: u(
|
|
2701
|
-
|
|
2702
|
-
!n &&
|
|
2703
|
-
n &&
|
|
2704
|
-
i &&
|
|
2741
|
+
O[`${H}__button`],
|
|
2742
|
+
!n && O[`${H}__button--closed`],
|
|
2743
|
+
n && O[`${H}__button--open`],
|
|
2744
|
+
i && O[`${H}__button--fading`]
|
|
2705
2745
|
),
|
|
2706
2746
|
onClick: y,
|
|
2707
2747
|
"aria-expanded": n
|
|
@@ -2710,8 +2750,8 @@ const Sc = (t) => {
|
|
|
2710
2750
|
"div",
|
|
2711
2751
|
{
|
|
2712
2752
|
className: u(
|
|
2713
|
-
|
|
2714
|
-
n &&
|
|
2753
|
+
O[`${H}__content-wrapper`],
|
|
2754
|
+
n && O[`${H}__content-wrapper--open`]
|
|
2715
2755
|
),
|
|
2716
2756
|
style: {
|
|
2717
2757
|
maxHeight: n ? p : 0
|
|
@@ -2722,46 +2762,46 @@ const Sc = (t) => {
|
|
|
2722
2762
|
{
|
|
2723
2763
|
ref: b,
|
|
2724
2764
|
className: u(
|
|
2725
|
-
|
|
2726
|
-
c &&
|
|
2727
|
-
i &&
|
|
2765
|
+
O[`${H}__content`],
|
|
2766
|
+
c && O[`${H}__content--full-space`],
|
|
2767
|
+
i && O[`${H}__content--spacing`]
|
|
2728
2768
|
)
|
|
2729
2769
|
},
|
|
2730
2770
|
t
|
|
2731
2771
|
)
|
|
2732
2772
|
)));
|
|
2733
|
-
},
|
|
2773
|
+
}, ya = {
|
|
2734
2774
|
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
2735
2775
|
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
2736
2776
|
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
2737
|
-
},
|
|
2777
|
+
}, Ea = "details-card-info", Tc = ({
|
|
2738
2778
|
children: t,
|
|
2739
2779
|
label: a
|
|
2740
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
2780
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: ya[Ea] }, /* @__PURE__ */ e.createElement("div", { className: ya[`${Ea}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: ya[`${Ea}__content`] }, t)), or = {
|
|
2741
2781
|
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
2742
2782
|
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
2743
|
-
},
|
|
2783
|
+
}, lr = "field-error", Ga = (_) => {
|
|
2744
2784
|
var o = _, {
|
|
2745
2785
|
children: t,
|
|
2746
2786
|
className: a = ""
|
|
2747
|
-
} = o, r =
|
|
2787
|
+
} = o, r = F(o, [
|
|
2748
2788
|
"children",
|
|
2749
2789
|
"className"
|
|
2750
2790
|
]);
|
|
2751
|
-
const l = u(
|
|
2752
|
-
return /* @__PURE__ */ e.createElement(
|
|
2791
|
+
const l = u(or[lr], a);
|
|
2792
|
+
return /* @__PURE__ */ e.createElement(I, T(k({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
|
|
2753
2793
|
A,
|
|
2754
2794
|
{
|
|
2755
|
-
source:
|
|
2756
|
-
className:
|
|
2795
|
+
source: Ma,
|
|
2796
|
+
className: or[`${lr}__icon`],
|
|
2757
2797
|
size: "small"
|
|
2758
2798
|
}
|
|
2759
2799
|
), t);
|
|
2760
|
-
},
|
|
2800
|
+
}, wa = {
|
|
2761
2801
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
2762
2802
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2763
2803
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2764
|
-
},
|
|
2804
|
+
}, $a = "field-group", Dc = (s) => {
|
|
2765
2805
|
var i = s, {
|
|
2766
2806
|
className: t = "",
|
|
2767
2807
|
children: a,
|
|
@@ -2769,7 +2809,7 @@ const Sc = (t) => {
|
|
|
2769
2809
|
error: _,
|
|
2770
2810
|
inline: o,
|
|
2771
2811
|
stretch: l
|
|
2772
|
-
} = i, c =
|
|
2812
|
+
} = i, c = F(i, [
|
|
2773
2813
|
"className",
|
|
2774
2814
|
"children",
|
|
2775
2815
|
"description",
|
|
@@ -2777,32 +2817,32 @@ const Sc = (t) => {
|
|
|
2777
2817
|
"inline",
|
|
2778
2818
|
"stretch"
|
|
2779
2819
|
]);
|
|
2780
|
-
const d = u(
|
|
2781
|
-
[
|
|
2782
|
-
[
|
|
2820
|
+
const d = u(wa[$a], t, {
|
|
2821
|
+
[wa[`${$a}--inline`]]: o,
|
|
2822
|
+
[wa[`${$a}--stretched`]]: l
|
|
2783
2823
|
});
|
|
2784
|
-
return /* @__PURE__ */ e.createElement("div", T(k({}, c), { className: d }), a, _ && /* @__PURE__ */ e.createElement(
|
|
2785
|
-
}, Po = "lc-Form-module__form___1nOYF", Io = "lc-Form-module__form__header___U4B7t", Fo = "lc-Form-module__form__footer___1-sUX",
|
|
2824
|
+
return /* @__PURE__ */ e.createElement("div", T(k({}, c), { className: d }), a, _ && /* @__PURE__ */ e.createElement(Ga, null, _), r && /* @__PURE__ */ e.createElement(na, null, r));
|
|
2825
|
+
}, Po = "lc-Form-module__form___1nOYF", Io = "lc-Form-module__form__header___U4B7t", Fo = "lc-Form-module__form__footer___1-sUX", Mo = "lc-Form-module__form__label___spg-J", Ro = "lc-Form-module__form__helper___bhfwS", yt = {
|
|
2786
2826
|
form: Po,
|
|
2787
2827
|
form__header: Io,
|
|
2788
2828
|
form__footer: Fo,
|
|
2789
|
-
form__label:
|
|
2790
|
-
form__helper:
|
|
2791
|
-
},
|
|
2829
|
+
form__label: Mo,
|
|
2830
|
+
form__helper: Ro
|
|
2831
|
+
}, Et = "form", Bc = (c) => {
|
|
2792
2832
|
var s = c, {
|
|
2793
2833
|
className: t,
|
|
2794
2834
|
children: a,
|
|
2795
2835
|
labelText: r,
|
|
2796
2836
|
helperText: _,
|
|
2797
2837
|
formFooter: o
|
|
2798
|
-
} = s, l =
|
|
2838
|
+
} = s, l = F(s, [
|
|
2799
2839
|
"className",
|
|
2800
2840
|
"children",
|
|
2801
2841
|
"labelText",
|
|
2802
2842
|
"helperText",
|
|
2803
2843
|
"formFooter"
|
|
2804
2844
|
]);
|
|
2805
|
-
return /* @__PURE__ */ e.createElement("form", k({ className: u(
|
|
2845
|
+
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(De, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(I, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
|
|
2806
2846
|
}, J = {
|
|
2807
2847
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
2808
2848
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -2842,7 +2882,7 @@ const Sc = (t) => {
|
|
|
2842
2882
|
const f = d;
|
|
2843
2883
|
return t && f.current ? m(`${f.current.clientHeight}px`) : m("auto");
|
|
2844
2884
|
}), /* @__PURE__ */ e.createElement("div", { className: p }, i && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2845
|
-
|
|
2885
|
+
I,
|
|
2846
2886
|
{
|
|
2847
2887
|
as: "div",
|
|
2848
2888
|
size: "sm",
|
|
@@ -2886,10 +2926,10 @@ const Sc = (t) => {
|
|
|
2886
2926
|
className: J[`${X}__label-left-node`],
|
|
2887
2927
|
htmlFor: c
|
|
2888
2928
|
},
|
|
2889
|
-
/* @__PURE__ */ e.createElement(
|
|
2929
|
+
/* @__PURE__ */ e.createElement(I, { as: "span", size: "sm" }, _)
|
|
2890
2930
|
),
|
|
2891
2931
|
o && /* @__PURE__ */ e.createElement(
|
|
2892
|
-
|
|
2932
|
+
I,
|
|
2893
2933
|
{
|
|
2894
2934
|
as: "div",
|
|
2895
2935
|
size: "sm",
|
|
@@ -2902,7 +2942,7 @@ const Sc = (t) => {
|
|
|
2902
2942
|
)
|
|
2903
2943
|
),
|
|
2904
2944
|
i && !t && /* @__PURE__ */ e.createElement(
|
|
2905
|
-
|
|
2945
|
+
I,
|
|
2906
2946
|
{
|
|
2907
2947
|
as: "div",
|
|
2908
2948
|
size: "sm",
|
|
@@ -2911,32 +2951,32 @@ const Sc = (t) => {
|
|
|
2911
2951
|
i
|
|
2912
2952
|
)
|
|
2913
2953
|
),
|
|
2914
|
-
/* @__PURE__ */ e.createElement("div", { className: u(J[`${X}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, s), a && /* @__PURE__ */ e.createElement(
|
|
2915
|
-
|
|
2954
|
+
/* @__PURE__ */ e.createElement("div", { className: u(J[`${X}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: d }, s), a && /* @__PURE__ */ e.createElement(Ga, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
2955
|
+
na,
|
|
2916
2956
|
{
|
|
2917
2957
|
className: u(J[`${X}__content__description`])
|
|
2918
2958
|
},
|
|
2919
2959
|
r
|
|
2920
2960
|
))
|
|
2921
2961
|
));
|
|
2922
|
-
},
|
|
2962
|
+
}, Gt = {
|
|
2923
2963
|
"form-group": "lc-FormGroup-module__form-group___e2JHa",
|
|
2924
2964
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
2925
2965
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
2926
2966
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
2927
|
-
},
|
|
2967
|
+
}, Ut = "form-group", Pc = (l) => {
|
|
2928
2968
|
var c = l, {
|
|
2929
2969
|
className: t = "",
|
|
2930
2970
|
children: a,
|
|
2931
2971
|
labelText: r,
|
|
2932
2972
|
helperText: _
|
|
2933
|
-
} = c, o =
|
|
2973
|
+
} = c, o = F(c, [
|
|
2934
2974
|
"className",
|
|
2935
2975
|
"children",
|
|
2936
2976
|
"labelText",
|
|
2937
2977
|
"helperText"
|
|
2938
2978
|
]);
|
|
2939
|
-
const s = u(
|
|
2979
|
+
const s = u(Gt[Ut], t);
|
|
2940
2980
|
return /* @__PURE__ */ e.createElement(
|
|
2941
2981
|
"div",
|
|
2942
2982
|
T(k(T(k({}, o), {
|
|
@@ -2944,10 +2984,10 @@ const Sc = (t) => {
|
|
|
2944
2984
|
}), r && { "aria-label": r }), {
|
|
2945
2985
|
className: s
|
|
2946
2986
|
}),
|
|
2947
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
2987
|
+
/* @__PURE__ */ e.createElement("div", { className: Gt[`${Ut}__header`] }, /* @__PURE__ */ e.createElement(De, { as: "div", size: "sm", className: Gt[`${Ut}__label`] }, r), _ && /* @__PURE__ */ e.createElement(I, { as: "div", size: "sm", className: Gt[`${Ut}__helper`] }, _)),
|
|
2948
2988
|
a
|
|
2949
2989
|
);
|
|
2950
|
-
}, Lo = "lc-Input-module__input___qeMAQ",
|
|
2990
|
+
}, Lo = "lc-Input-module__input___qeMAQ", xe = {
|
|
2951
2991
|
input: Lo,
|
|
2952
2992
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
2953
2993
|
"input--disabled": "lc-Input-module__input--disabled___HidXX",
|
|
@@ -2962,13 +3002,13 @@ const Sc = (t) => {
|
|
|
2962
3002
|
"input__icon--left": "lc-Input-module__input__icon--left___BcySs",
|
|
2963
3003
|
"input__icon--right": "lc-Input-module__input__icon--right___VefSK",
|
|
2964
3004
|
"input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
|
|
2965
|
-
},
|
|
3005
|
+
}, Te = "input", cr = (t, a) => e.cloneElement(t.source, {
|
|
2966
3006
|
"data-testid": `input-icon-${t.place}`,
|
|
2967
3007
|
className: u(
|
|
2968
|
-
|
|
2969
|
-
|
|
3008
|
+
xe[`${Te}__icon`],
|
|
3009
|
+
xe[`${Te}__icon--${t.place}`],
|
|
2970
3010
|
{
|
|
2971
|
-
[
|
|
3011
|
+
[xe[`${Te}__icon--disabled`]]: a
|
|
2972
3012
|
}
|
|
2973
3013
|
)
|
|
2974
3014
|
}), Ic = e.forwardRef(
|
|
@@ -2980,7 +3020,7 @@ const Sc = (t) => {
|
|
|
2980
3020
|
icon: _ = null,
|
|
2981
3021
|
className: o,
|
|
2982
3022
|
cropOnBlur: l = !0
|
|
2983
|
-
} = d, c =
|
|
3023
|
+
} = d, c = F(d, [
|
|
2984
3024
|
"inputSize",
|
|
2985
3025
|
"error",
|
|
2986
3026
|
"disabled",
|
|
@@ -2992,29 +3032,29 @@ const Sc = (t) => {
|
|
|
2992
3032
|
e.useImperativeHandle(s, () => n.current, []);
|
|
2993
3033
|
const [m, p] = e.useState(!1), [f, b] = e.useState(!1), { type: E, onFocus: v, onBlur: h } = c, y = u(
|
|
2994
3034
|
o,
|
|
2995
|
-
Te
|
|
2996
|
-
|
|
3035
|
+
xe[Te],
|
|
3036
|
+
xe[`${Te}--${t}`],
|
|
2997
3037
|
{
|
|
2998
|
-
[
|
|
2999
|
-
[
|
|
3000
|
-
[
|
|
3001
|
-
[
|
|
3002
|
-
[
|
|
3038
|
+
[xe[`${Te}--disabled`]]: r,
|
|
3039
|
+
[xe[`${Te}--focused`]]: m,
|
|
3040
|
+
[xe[`${Te}--error`]]: a,
|
|
3041
|
+
[xe[`${Te}--crop`]]: l,
|
|
3042
|
+
[xe[`${Te}--read-only`]]: c.readOnly
|
|
3003
3043
|
}
|
|
3004
|
-
), $ = r ? "var(--content-disabled)" : "var(--content-default)",
|
|
3044
|
+
), $ = r ? "var(--content-disabled)" : "var(--content-default)", C = f ? Kr : Jr, w = _ && _.place === "left", g = _ && E !== "password" && _.place === "right", N = () => {
|
|
3005
3045
|
var S;
|
|
3006
3046
|
(S = n.current) == null || S.focus();
|
|
3007
3047
|
};
|
|
3008
3048
|
return /* @__PURE__ */ e.createElement(
|
|
3009
|
-
|
|
3049
|
+
I,
|
|
3010
3050
|
{
|
|
3011
3051
|
as: "div",
|
|
3012
3052
|
className: y,
|
|
3013
3053
|
"aria-disabled": r,
|
|
3014
3054
|
"tab-index": "0",
|
|
3015
|
-
onClick:
|
|
3055
|
+
onClick: N
|
|
3016
3056
|
},
|
|
3017
|
-
w &&
|
|
3057
|
+
w && cr(_, r),
|
|
3018
3058
|
/* @__PURE__ */ e.createElement(
|
|
3019
3059
|
"input",
|
|
3020
3060
|
T(k({}, c), {
|
|
@@ -3029,28 +3069,28 @@ const Sc = (t) => {
|
|
|
3029
3069
|
type: E && !f ? E : "text"
|
|
3030
3070
|
})
|
|
3031
3071
|
),
|
|
3032
|
-
g &&
|
|
3072
|
+
g && cr(_, r),
|
|
3033
3073
|
E === "password" && /* @__PURE__ */ e.createElement(
|
|
3034
3074
|
W,
|
|
3035
3075
|
{
|
|
3036
3076
|
disabled: r,
|
|
3037
3077
|
kind: "text",
|
|
3038
3078
|
size: "compact",
|
|
3039
|
-
icon: /* @__PURE__ */ e.createElement(A, { customColor: $, source:
|
|
3079
|
+
icon: /* @__PURE__ */ e.createElement(A, { customColor: $, source: C }),
|
|
3040
3080
|
onClick: () => b((S) => !S),
|
|
3041
|
-
className:
|
|
3081
|
+
className: xe[`${Te}__visibility-button`]
|
|
3042
3082
|
}
|
|
3043
3083
|
)
|
|
3044
3084
|
);
|
|
3045
3085
|
}
|
|
3046
|
-
), Oo = "lc-Link-module__link___kqx52",
|
|
3086
|
+
), Oo = "lc-Link-module__link___kqx52", nr = {
|
|
3047
3087
|
link: Oo,
|
|
3048
3088
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
3049
|
-
},
|
|
3089
|
+
}, sr = "link", Fc = (_) => {
|
|
3050
3090
|
var o = _, {
|
|
3051
3091
|
bold: t = !1,
|
|
3052
3092
|
className: a = ""
|
|
3053
|
-
} = o, r =
|
|
3093
|
+
} = o, r = F(o, [
|
|
3054
3094
|
"bold",
|
|
3055
3095
|
"className"
|
|
3056
3096
|
]);
|
|
@@ -3058,13 +3098,13 @@ const Sc = (t) => {
|
|
|
3058
3098
|
"a",
|
|
3059
3099
|
k({
|
|
3060
3100
|
className: u(
|
|
3061
|
-
|
|
3062
|
-
t &&
|
|
3101
|
+
nr[sr],
|
|
3102
|
+
t && nr[`${sr}--bold`],
|
|
3063
3103
|
a
|
|
3064
3104
|
)
|
|
3065
3105
|
}, r)
|
|
3066
3106
|
);
|
|
3067
|
-
}, Ho = "lc-Modal-module__modal__body___M-jmN", zo = "lc-Modal-module__modal__header___Fp5VE", Go = "lc-Modal-module__modal__heading___G9KVK", Uo = "lc-Modal-module__modal__footer___2LYdc",
|
|
3107
|
+
}, Ho = "lc-Modal-module__modal__body___M-jmN", zo = "lc-Modal-module__modal__header___Fp5VE", Go = "lc-Modal-module__modal__heading___G9KVK", Uo = "lc-Modal-module__modal__footer___2LYdc", me = {
|
|
3068
3108
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
3069
3109
|
"fade-in-step2": "lc-Modal-module__fade-in-step2___xzJX5",
|
|
3070
3110
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
@@ -3080,7 +3120,7 @@ const Sc = (t) => {
|
|
|
3080
3120
|
modal__heading: Go,
|
|
3081
3121
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
3082
3122
|
modal__footer: Uo
|
|
3083
|
-
},
|
|
3123
|
+
}, wt = "modal-base", Wo = (i) => {
|
|
3084
3124
|
var d = i, {
|
|
3085
3125
|
children: t,
|
|
3086
3126
|
className: a = "",
|
|
@@ -3089,7 +3129,7 @@ const Sc = (t) => {
|
|
|
3089
3129
|
closeOnOverlayPress: o = !0,
|
|
3090
3130
|
fullSpaceContent: l,
|
|
3091
3131
|
isLabelled: c
|
|
3092
|
-
} = d, s =
|
|
3132
|
+
} = d, s = F(d, [
|
|
3093
3133
|
"children",
|
|
3094
3134
|
"className",
|
|
3095
3135
|
"onClose",
|
|
@@ -3099,15 +3139,15 @@ const Sc = (t) => {
|
|
|
3099
3139
|
"isLabelled"
|
|
3100
3140
|
]);
|
|
3101
3141
|
const n = u(
|
|
3102
|
-
|
|
3142
|
+
me[wt],
|
|
3103
3143
|
a,
|
|
3104
|
-
l &&
|
|
3144
|
+
l && me[`${wt}--full-space`]
|
|
3105
3145
|
);
|
|
3106
3146
|
e.useEffect(() => {
|
|
3107
3147
|
if (!_)
|
|
3108
3148
|
return;
|
|
3109
3149
|
const p = (f) => {
|
|
3110
|
-
f.key ===
|
|
3150
|
+
f.key === _e.esc && r();
|
|
3111
3151
|
};
|
|
3112
3152
|
return document.addEventListener("keyup", p, !0), () => document.removeEventListener("keyup", p, !0);
|
|
3113
3153
|
}, [_]);
|
|
@@ -3115,14 +3155,14 @@ const Sc = (t) => {
|
|
|
3115
3155
|
o && p.target === p.currentTarget && r();
|
|
3116
3156
|
};
|
|
3117
3157
|
return /* @__PURE__ */ e.createElement(
|
|
3118
|
-
|
|
3158
|
+
l_,
|
|
3119
3159
|
{
|
|
3120
3160
|
"data-testid": "lc-modal-overlay",
|
|
3121
3161
|
onMouseDown: m,
|
|
3122
3162
|
className: u(
|
|
3123
|
-
|
|
3124
|
-
|
|
3125
|
-
c &&
|
|
3163
|
+
me[`${wt}__overlay`],
|
|
3164
|
+
me[`${wt}__overlay--visible`],
|
|
3165
|
+
c && me[`${wt}__overlay--labelled`]
|
|
3126
3166
|
)
|
|
3127
3167
|
},
|
|
3128
3168
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3135,7 +3175,7 @@ const Sc = (t) => {
|
|
|
3135
3175
|
t
|
|
3136
3176
|
)
|
|
3137
3177
|
);
|
|
3138
|
-
},
|
|
3178
|
+
}, ir = ({
|
|
3139
3179
|
labelType: t,
|
|
3140
3180
|
customColor: a,
|
|
3141
3181
|
onClick: r
|
|
@@ -3147,13 +3187,13 @@ const Sc = (t) => {
|
|
|
3147
3187
|
"aria-label": "Close modal",
|
|
3148
3188
|
title: "Close modal",
|
|
3149
3189
|
className: u(
|
|
3150
|
-
|
|
3151
|
-
t &&
|
|
3190
|
+
me["modal-base__close"],
|
|
3191
|
+
t && me["modal-base__close--label-type"]
|
|
3152
3192
|
),
|
|
3153
3193
|
onClick: r,
|
|
3154
|
-
icon: /* @__PURE__ */ e.createElement(A, { source:
|
|
3194
|
+
icon: /* @__PURE__ */ e.createElement(A, { source: Be, size: "medium", customColor: a })
|
|
3155
3195
|
}
|
|
3156
|
-
), tt = "modal",
|
|
3196
|
+
), tt = "modal", Mc = (d) => {
|
|
3157
3197
|
var n = d, {
|
|
3158
3198
|
children: t,
|
|
3159
3199
|
className: a = "",
|
|
@@ -3163,7 +3203,7 @@ const Sc = (t) => {
|
|
|
3163
3203
|
footer: l,
|
|
3164
3204
|
onClose: c,
|
|
3165
3205
|
contentClassName: s
|
|
3166
|
-
} = n, i =
|
|
3206
|
+
} = n, i = F(n, [
|
|
3167
3207
|
"children",
|
|
3168
3208
|
"className",
|
|
3169
3209
|
"heading",
|
|
@@ -3173,7 +3213,7 @@ const Sc = (t) => {
|
|
|
3173
3213
|
"onClose",
|
|
3174
3214
|
"contentClassName"
|
|
3175
3215
|
]);
|
|
3176
|
-
const m = u(
|
|
3216
|
+
const m = u(me[tt], a), p = typeof t == "string", f = (b) => {
|
|
3177
3217
|
b.preventDefault(), b.stopPropagation(), c();
|
|
3178
3218
|
};
|
|
3179
3219
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -3184,42 +3224,42 @@ const Sc = (t) => {
|
|
|
3184
3224
|
onClose: c,
|
|
3185
3225
|
isLabelled: !!_
|
|
3186
3226
|
}, i),
|
|
3187
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
3188
|
-
|
|
3227
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
3228
|
+
De,
|
|
3189
3229
|
{
|
|
3190
3230
|
size: "sm",
|
|
3191
3231
|
as: "div",
|
|
3192
|
-
className:
|
|
3232
|
+
className: me[`${tt}__label-heading`]
|
|
3193
3233
|
},
|
|
3194
3234
|
_
|
|
3195
3235
|
), /* @__PURE__ */ e.createElement(
|
|
3196
|
-
|
|
3236
|
+
ir,
|
|
3197
3237
|
{
|
|
3198
3238
|
labelType: !!_,
|
|
3199
3239
|
customColor: "var(--color-white)",
|
|
3200
3240
|
onClick: f
|
|
3201
3241
|
}
|
|
3202
3242
|
)),
|
|
3203
|
-
!_ && r && /* @__PURE__ */ e.createElement("div", { className:
|
|
3204
|
-
|
|
3243
|
+
!_ && r && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__header`] }, /* @__PURE__ */ e.createElement(
|
|
3244
|
+
De,
|
|
3205
3245
|
{
|
|
3206
3246
|
size: "sm",
|
|
3207
3247
|
as: "div",
|
|
3208
|
-
className:
|
|
3248
|
+
className: me[`${tt}__heading`]
|
|
3209
3249
|
},
|
|
3210
3250
|
r
|
|
3211
|
-
), /* @__PURE__ */ e.createElement(
|
|
3251
|
+
), /* @__PURE__ */ e.createElement(ir, { onClick: f })),
|
|
3212
3252
|
/* @__PURE__ */ e.createElement(
|
|
3213
3253
|
"div",
|
|
3214
3254
|
{
|
|
3215
3255
|
"data-testid": "modal-body",
|
|
3216
|
-
className: u(
|
|
3256
|
+
className: u(me[`${tt}__body`], s)
|
|
3217
3257
|
},
|
|
3218
|
-
p ? /* @__PURE__ */ e.createElement(
|
|
3258
|
+
p ? /* @__PURE__ */ e.createElement(I, { as: "div" }, t) : t
|
|
3219
3259
|
),
|
|
3220
|
-
l && /* @__PURE__ */ e.createElement("div", { className:
|
|
3260
|
+
l && /* @__PURE__ */ e.createElement("div", { className: me[`${tt}__footer`] }, l)
|
|
3221
3261
|
);
|
|
3222
|
-
},
|
|
3262
|
+
}, Rc = ({
|
|
3223
3263
|
children: t,
|
|
3224
3264
|
className: a = "",
|
|
3225
3265
|
parentElementName: r = "body",
|
|
@@ -3232,46 +3272,46 @@ const Sc = (t) => {
|
|
|
3232
3272
|
var c;
|
|
3233
3273
|
(c = document.querySelector(r)) == null || c.removeChild(o);
|
|
3234
3274
|
};
|
|
3235
|
-
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
3236
|
-
},
|
|
3275
|
+
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Cr.createPortal(t, o));
|
|
3276
|
+
}, $t = {
|
|
3237
3277
|
"modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
|
|
3238
3278
|
"modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
|
|
3239
3279
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
3240
3280
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
3241
|
-
},
|
|
3281
|
+
}, Ct = "modal-header", Lc = ({
|
|
3242
3282
|
title: t,
|
|
3243
3283
|
iconProps: a,
|
|
3244
3284
|
avatarProps: r,
|
|
3245
3285
|
children: _,
|
|
3246
3286
|
className: o = ""
|
|
3247
3287
|
}) => {
|
|
3248
|
-
const l = u(
|
|
3288
|
+
const l = u($t[Ct], o);
|
|
3249
3289
|
return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
|
|
3250
3290
|
A,
|
|
3251
3291
|
k({
|
|
3252
|
-
className:
|
|
3292
|
+
className: $t[`${Ct}__heading-left-node`]
|
|
3253
3293
|
}, a)
|
|
3254
3294
|
), r && /* @__PURE__ */ e.createElement(
|
|
3255
3295
|
K_,
|
|
3256
3296
|
k({
|
|
3257
|
-
className:
|
|
3297
|
+
className: $t[`${Ct}__heading-left-node`]
|
|
3258
3298
|
}, r)
|
|
3259
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3260
|
-
|
|
3299
|
+
), /* @__PURE__ */ e.createElement("div", { className: $t[`${Ct}__heading-body`] }, /* @__PURE__ */ e.createElement(De, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
|
|
3300
|
+
I,
|
|
3261
3301
|
{
|
|
3262
3302
|
as: "div",
|
|
3263
|
-
className:
|
|
3303
|
+
className: $t[`${Ct}__heading-description`]
|
|
3264
3304
|
},
|
|
3265
3305
|
_
|
|
3266
3306
|
)));
|
|
3267
|
-
},
|
|
3307
|
+
}, lt = {
|
|
3268
3308
|
"numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
|
|
3269
3309
|
"numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
|
|
3270
3310
|
"numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
|
|
3271
3311
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
3272
3312
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
3273
3313
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
3274
|
-
},
|
|
3314
|
+
}, ct = "numeric-input", Oc = (n) => {
|
|
3275
3315
|
var m = n, {
|
|
3276
3316
|
className: t,
|
|
3277
3317
|
error: a,
|
|
@@ -3282,7 +3322,7 @@ const Sc = (t) => {
|
|
|
3282
3322
|
noControls: c,
|
|
3283
3323
|
style: s,
|
|
3284
3324
|
onChange: i
|
|
3285
|
-
} = m, d =
|
|
3325
|
+
} = m, d = F(m, [
|
|
3286
3326
|
"className",
|
|
3287
3327
|
"error",
|
|
3288
3328
|
"value",
|
|
@@ -3294,29 +3334,29 @@ const Sc = (t) => {
|
|
|
3294
3334
|
"onChange"
|
|
3295
3335
|
]);
|
|
3296
3336
|
const p = e.useRef(null), f = u(
|
|
3297
|
-
|
|
3337
|
+
lt[ct],
|
|
3298
3338
|
{
|
|
3299
|
-
[
|
|
3300
|
-
[
|
|
3301
|
-
[
|
|
3339
|
+
[lt[`${ct}--error`]]: a,
|
|
3340
|
+
[lt[`${ct}--no-controls`]]: c,
|
|
3341
|
+
[lt[`${ct}--disabled`]]: l
|
|
3302
3342
|
},
|
|
3303
3343
|
t
|
|
3304
3344
|
), b = (g) => i(String(g)), E = (g) => _ !== void 0 && g > _ ? _ : o !== void 0 && g < o ? o : g, v = (g) => {
|
|
3305
|
-
const
|
|
3306
|
-
return b(E(
|
|
3345
|
+
const N = parseInt(r, 10) + g;
|
|
3346
|
+
return b(E(N));
|
|
3307
3347
|
}, h = (g) => {
|
|
3308
|
-
g.key ===
|
|
3309
|
-
}, y = (g,
|
|
3348
|
+
g.key === _e.arrowDown && (g.preventDefault(), v(-1)), g.key === _e.arrowUp && (g.preventDefault(), v(1));
|
|
3349
|
+
}, y = (g, N) => N !== void 0 && parseInt(g, 10) === N, $ = (g) => {
|
|
3310
3350
|
g.preventDefault(), g.stopPropagation();
|
|
3311
|
-
const
|
|
3351
|
+
const N = g.currentTarget.value.replace(
|
|
3312
3352
|
/((?!([-]|([-]?\d+))).)/,
|
|
3313
3353
|
""
|
|
3314
3354
|
);
|
|
3315
|
-
if (
|
|
3316
|
-
return b(
|
|
3317
|
-
const S = parseInt(
|
|
3355
|
+
if (N === "" || N === "-")
|
|
3356
|
+
return b(N);
|
|
3357
|
+
const S = parseInt(N, 10);
|
|
3318
3358
|
return b(E(S));
|
|
3319
|
-
},
|
|
3359
|
+
}, C = () => {
|
|
3320
3360
|
var g;
|
|
3321
3361
|
return (g = p.current) == null || g.focus(), v(1);
|
|
3322
3362
|
}, w = () => {
|
|
@@ -3341,15 +3381,15 @@ const Sc = (t) => {
|
|
|
3341
3381
|
{
|
|
3342
3382
|
tabIndex: -1,
|
|
3343
3383
|
disabled: l || y(r, _),
|
|
3344
|
-
onClick:
|
|
3384
|
+
onClick: C,
|
|
3345
3385
|
"aria-label": "Increment value",
|
|
3346
|
-
className:
|
|
3386
|
+
className: lt[`${ct}__increment`],
|
|
3347
3387
|
type: "button"
|
|
3348
3388
|
},
|
|
3349
3389
|
/* @__PURE__ */ e.createElement(
|
|
3350
3390
|
A,
|
|
3351
3391
|
{
|
|
3352
|
-
source:
|
|
3392
|
+
source: Qt,
|
|
3353
3393
|
disabled: l || y(r, _),
|
|
3354
3394
|
kind: "primary"
|
|
3355
3395
|
}
|
|
@@ -3360,14 +3400,14 @@ const Sc = (t) => {
|
|
|
3360
3400
|
tabIndex: -1,
|
|
3361
3401
|
disabled: l || y(r, o),
|
|
3362
3402
|
"aria-label": "Decrement value",
|
|
3363
|
-
className:
|
|
3403
|
+
className: lt[`${ct}__decrement`],
|
|
3364
3404
|
onClick: w,
|
|
3365
3405
|
type: "button"
|
|
3366
3406
|
},
|
|
3367
3407
|
/* @__PURE__ */ e.createElement(
|
|
3368
3408
|
A,
|
|
3369
3409
|
{
|
|
3370
|
-
source:
|
|
3410
|
+
source: At,
|
|
3371
3411
|
kind: "primary",
|
|
3372
3412
|
disabled: l || y(r, o)
|
|
3373
3413
|
}
|
|
@@ -3381,14 +3421,14 @@ const Sc = (t) => {
|
|
|
3381
3421
|
disabled: a % 4 === 0
|
|
3382
3422
|
}))
|
|
3383
3423
|
];
|
|
3384
|
-
const
|
|
3424
|
+
const mt = "select-all", Ko = (t, a) => {
|
|
3385
3425
|
const r = [];
|
|
3386
3426
|
return t.forEach((_, o) => {
|
|
3387
3427
|
a(_) && r.push(o);
|
|
3388
3428
|
}), r;
|
|
3389
|
-
},
|
|
3390
|
-
({ key: a, disabled: r, groupHeader: _ }) => !(a ===
|
|
3391
|
-
),
|
|
3429
|
+
}, Ia = (t) => t.filter(
|
|
3430
|
+
({ key: a, disabled: r, groupHeader: _ }) => !(a === mt || r || _)
|
|
3431
|
+
), Ca = ({ key: t }) => t, dr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], ae = {
|
|
3392
3432
|
"item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
|
|
3393
3433
|
"item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___uit1z",
|
|
3394
3434
|
"item-wrapper__last": "lc-PickerListItem-module__item-wrapper__last___cWmGF",
|
|
@@ -3413,37 +3453,37 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3413
3453
|
item: c,
|
|
3414
3454
|
numberOfItems: s
|
|
3415
3455
|
}) => {
|
|
3416
|
-
const i = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className:
|
|
3456
|
+
const i = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: ae[`${ye}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3417
3457
|
wo,
|
|
3418
3458
|
{
|
|
3419
|
-
className:
|
|
3459
|
+
className: ae[`${ye}__checkbox`],
|
|
3420
3460
|
checked: r
|
|
3421
3461
|
}
|
|
3422
3462
|
), n.icon && /* @__PURE__ */ e.createElement(
|
|
3423
3463
|
A,
|
|
3424
3464
|
{
|
|
3425
|
-
className:
|
|
3465
|
+
className: ae[`${ye}__icon`],
|
|
3426
3466
|
kind: "link",
|
|
3427
3467
|
source: n.icon
|
|
3428
3468
|
}
|
|
3429
3469
|
), n.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3430
3470
|
"img",
|
|
3431
3471
|
{
|
|
3432
|
-
className: u(
|
|
3472
|
+
className: u(ae[`${ye}__avatar`]),
|
|
3433
3473
|
src: n.avatarSrc,
|
|
3434
3474
|
alt: n.name
|
|
3435
3475
|
}
|
|
3436
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3437
|
-
|
|
3476
|
+
), /* @__PURE__ */ e.createElement("div", { className: ae[`${ye}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
3477
|
+
I,
|
|
3438
3478
|
{
|
|
3439
3479
|
as: "span",
|
|
3440
|
-
className: u([
|
|
3441
|
-
[
|
|
3480
|
+
className: u([ae[`${ye}__label`]], {
|
|
3481
|
+
[ae[`${ye}__main-label`]]: n.secondaryText
|
|
3442
3482
|
}),
|
|
3443
3483
|
"aria-disabled": n.disabled
|
|
3444
3484
|
},
|
|
3445
3485
|
n.name
|
|
3446
|
-
), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className:
|
|
3486
|
+
), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ae[`${ye}__secondary-label`] }, n.secondaryText)));
|
|
3447
3487
|
if (c.groupHeader)
|
|
3448
3488
|
return /* @__PURE__ */ e.createElement(
|
|
3449
3489
|
"div",
|
|
@@ -3451,9 +3491,9 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3451
3491
|
id: `item-${t}`,
|
|
3452
3492
|
key: c.key,
|
|
3453
3493
|
role: "group",
|
|
3454
|
-
className:
|
|
3494
|
+
className: ae[`${ye}__header`]
|
|
3455
3495
|
}, l()),
|
|
3456
|
-
/* @__PURE__ */ e.createElement(
|
|
3496
|
+
/* @__PURE__ */ e.createElement(De, { size: "2xs", uppercase: !0, bold: !0, as: "div" }, c.name)
|
|
3457
3497
|
);
|
|
3458
3498
|
const d = (n) => {
|
|
3459
3499
|
!c.disabled && o(n);
|
|
@@ -3473,9 +3513,9 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3473
3513
|
}, l({
|
|
3474
3514
|
onClick: () => d(c.key)
|
|
3475
3515
|
})), {
|
|
3476
|
-
className: u(
|
|
3477
|
-
[
|
|
3478
|
-
[
|
|
3516
|
+
className: u(ae["item-wrapper"], {
|
|
3517
|
+
[ae["item-wrapper__first"]]: t === 0 && !c.groupHeader,
|
|
3518
|
+
[ae["item-wrapper__last"]]: t === s - 1 && !c.groupHeader
|
|
3479
3519
|
})
|
|
3480
3520
|
}),
|
|
3481
3521
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3484,9 +3524,9 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3484
3524
|
"aria-selected": r,
|
|
3485
3525
|
"aria-disabled": c.disabled,
|
|
3486
3526
|
"aria-current": a && !c.disabled,
|
|
3487
|
-
className: u(
|
|
3488
|
-
[
|
|
3489
|
-
[
|
|
3527
|
+
className: u(ae[ye], {
|
|
3528
|
+
[ae[`${ye}__custom`]]: c.customElement,
|
|
3529
|
+
[ae[`${ye}--select-all`]]: c.key === mt
|
|
3490
3530
|
})
|
|
3491
3531
|
},
|
|
3492
3532
|
i(c),
|
|
@@ -3494,17 +3534,17 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3494
3534
|
A,
|
|
3495
3535
|
{
|
|
3496
3536
|
kind: "link",
|
|
3497
|
-
source:
|
|
3537
|
+
source: Xt,
|
|
3498
3538
|
customColor: "var(--content-basic-info)"
|
|
3499
3539
|
}
|
|
3500
3540
|
)
|
|
3501
3541
|
)
|
|
3502
3542
|
);
|
|
3503
|
-
}, Xo = "lc-PickerList-module__listbox___-LqE-",
|
|
3543
|
+
}, Xo = "lc-PickerList-module__listbox___-LqE-", nt = {
|
|
3504
3544
|
listbox: Xo,
|
|
3505
3545
|
"no-results": "lc-PickerList-module__no-results___QRce-",
|
|
3506
3546
|
"listbox-wrapper": "lc-PickerList-module__listbox-wrapper___FbDrf"
|
|
3507
|
-
},
|
|
3547
|
+
}, ur = "picker-list", Qo = ({
|
|
3508
3548
|
context: t,
|
|
3509
3549
|
setFloating: a,
|
|
3510
3550
|
floatingStyles: r,
|
|
@@ -3528,16 +3568,16 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3528
3568
|
},
|
|
3529
3569
|
[y]
|
|
3530
3570
|
);
|
|
3531
|
-
if (
|
|
3571
|
+
if (dt(() => {
|
|
3532
3572
|
s.current = new Array(o.length);
|
|
3533
3573
|
}, [o.length]), o.length === 0) {
|
|
3534
|
-
const w = u(
|
|
3535
|
-
[
|
|
3574
|
+
const w = u(nt[ur], {
|
|
3575
|
+
[nt[`${ur}__no-results`]]: o.length === 0
|
|
3536
3576
|
});
|
|
3537
|
-
return /* @__PURE__ */ e.createElement(
|
|
3577
|
+
return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3538
3578
|
"div",
|
|
3539
3579
|
{
|
|
3540
|
-
className: u(
|
|
3580
|
+
className: u(nt.listbox, nt["no-results"]),
|
|
3541
3581
|
ref: a,
|
|
3542
3582
|
tabIndex: -1,
|
|
3543
3583
|
style: r
|
|
@@ -3545,13 +3585,13 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3545
3585
|
/* @__PURE__ */ e.createElement("div", { className: w }, p)
|
|
3546
3586
|
));
|
|
3547
3587
|
}
|
|
3548
|
-
const
|
|
3549
|
-
return /* @__PURE__ */ e.createElement(
|
|
3588
|
+
const C = (w) => c.includes(w) || w === mt && c.length === Ia(o).length;
|
|
3589
|
+
return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3550
3590
|
"div",
|
|
3551
3591
|
{
|
|
3552
3592
|
ref: a,
|
|
3553
3593
|
tabIndex: -1,
|
|
3554
|
-
className: u(
|
|
3594
|
+
className: u(nt.listbox, b),
|
|
3555
3595
|
style: T(k({}, r), {
|
|
3556
3596
|
maxHeight: _
|
|
3557
3597
|
})
|
|
@@ -3561,7 +3601,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3561
3601
|
k({
|
|
3562
3602
|
tabIndex: 0,
|
|
3563
3603
|
"aria-multiselectable": f === "multi",
|
|
3564
|
-
className:
|
|
3604
|
+
className: nt["listbox-wrapper"]
|
|
3565
3605
|
}, n({
|
|
3566
3606
|
onKeyDown(w) {
|
|
3567
3607
|
i(!1), w.key === "Enter" && l !== null && d(o[l].key), w.key === " " && w.preventDefault();
|
|
@@ -3589,7 +3629,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3589
3629
|
getItemProps: m,
|
|
3590
3630
|
listElementsRef: s,
|
|
3591
3631
|
isActive: l === w,
|
|
3592
|
-
isSelected:
|
|
3632
|
+
isSelected: C(g.key),
|
|
3593
3633
|
onSelect: d,
|
|
3594
3634
|
item: g,
|
|
3595
3635
|
numberOfItems: y
|
|
@@ -3599,7 +3639,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3599
3639
|
)
|
|
3600
3640
|
)
|
|
3601
3641
|
));
|
|
3602
|
-
},
|
|
3642
|
+
}, se = {
|
|
3603
3643
|
"picker-trigger": "lc-PickerTrigger-module__picker-trigger___-tjS0",
|
|
3604
3644
|
"picker-trigger--multi-select": "lc-PickerTrigger-module__picker-trigger--multi-select___av4Ws",
|
|
3605
3645
|
"picker-trigger--multi-select--with-items": "lc-PickerTrigger-module__picker-trigger--multi-select--with-items___7uI-R",
|
|
@@ -3617,7 +3657,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3617
3657
|
"picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
|
|
3618
3658
|
"picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
|
|
3619
3659
|
"picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
|
|
3620
|
-
},
|
|
3660
|
+
}, re = "picker-trigger", jo = ({
|
|
3621
3661
|
setReference: t,
|
|
3622
3662
|
getReferenceProps: a,
|
|
3623
3663
|
testId: r,
|
|
@@ -3634,13 +3674,13 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3634
3674
|
setTriggerFocus: f
|
|
3635
3675
|
}) => {
|
|
3636
3676
|
const b = u(
|
|
3637
|
-
|
|
3638
|
-
|
|
3639
|
-
o &&
|
|
3640
|
-
o && l &&
|
|
3641
|
-
s &&
|
|
3642
|
-
d &&
|
|
3643
|
-
n &&
|
|
3677
|
+
se[re],
|
|
3678
|
+
se[`${re}--${_}`],
|
|
3679
|
+
o && se[`${re}--multi-select`],
|
|
3680
|
+
o && l && se[`${re}--multi-select--with-items`],
|
|
3681
|
+
s && se[`${re}--disabled`],
|
|
3682
|
+
d && se[`${re}--focused`],
|
|
3683
|
+
n && se[`${re}--error`]
|
|
3644
3684
|
), E = !c && l && !s && !i, v = (h) => {
|
|
3645
3685
|
h.stopPropagation(), m();
|
|
3646
3686
|
};
|
|
@@ -3658,13 +3698,13 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3658
3698
|
onBlur: () => f(!1)
|
|
3659
3699
|
}),
|
|
3660
3700
|
/* @__PURE__ */ e.createElement(
|
|
3661
|
-
|
|
3701
|
+
I,
|
|
3662
3702
|
{
|
|
3663
3703
|
as: "div",
|
|
3664
3704
|
className: u(
|
|
3665
|
-
|
|
3666
|
-
|
|
3667
|
-
o && l &&
|
|
3705
|
+
se[`${re}__content`],
|
|
3706
|
+
se[`${re}__content--${_}`],
|
|
3707
|
+
o && l && se[`${re}__content--with-items`]
|
|
3668
3708
|
)
|
|
3669
3709
|
},
|
|
3670
3710
|
p
|
|
@@ -3673,24 +3713,24 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3673
3713
|
"div",
|
|
3674
3714
|
{
|
|
3675
3715
|
className: u(
|
|
3676
|
-
|
|
3677
|
-
|
|
3716
|
+
se[`${re}__controls`],
|
|
3717
|
+
se[`${re}__controls--${_}`]
|
|
3678
3718
|
)
|
|
3679
3719
|
},
|
|
3680
3720
|
E && /* @__PURE__ */ e.createElement(
|
|
3681
3721
|
"div",
|
|
3682
3722
|
{
|
|
3683
|
-
"data-testid": `${
|
|
3684
|
-
className:
|
|
3723
|
+
"data-testid": `${re}__clear-icon`,
|
|
3724
|
+
className: se[`${re}__clear-icon`],
|
|
3685
3725
|
onClick: v
|
|
3686
3726
|
},
|
|
3687
|
-
/* @__PURE__ */ e.createElement(A, { kind: "primary", size: "small", source:
|
|
3727
|
+
/* @__PURE__ */ e.createElement(A, { kind: "primary", size: "small", source: Be })
|
|
3688
3728
|
),
|
|
3689
3729
|
/* @__PURE__ */ e.createElement(
|
|
3690
3730
|
A,
|
|
3691
3731
|
{
|
|
3692
|
-
className:
|
|
3693
|
-
source: d ?
|
|
3732
|
+
className: se[`${re}__chevron-icon`],
|
|
3733
|
+
source: d ? Qt : At,
|
|
3694
3734
|
size: "medium",
|
|
3695
3735
|
disabled: s
|
|
3696
3736
|
}
|
|
@@ -3731,7 +3771,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3731
3771
|
"tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
|
|
3732
3772
|
tag__node: tl,
|
|
3733
3773
|
tag__content: al
|
|
3734
|
-
}, fe = "tag", rl = (t) => t ?
|
|
3774
|
+
}, fe = "tag", rl = (t) => t ? Ha(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Ir = (E) => {
|
|
3735
3775
|
var v = E, {
|
|
3736
3776
|
className: t = "",
|
|
3737
3777
|
children: a,
|
|
@@ -3747,7 +3787,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3747
3787
|
customColor: m,
|
|
3748
3788
|
iconOnly: p = !1,
|
|
3749
3789
|
value: f
|
|
3750
|
-
} = v, b =
|
|
3790
|
+
} = v, b = F(v, [
|
|
3751
3791
|
"className",
|
|
3752
3792
|
"children",
|
|
3753
3793
|
"dismissible",
|
|
@@ -3774,7 +3814,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3774
3814
|
[be[`${fe}--icon-only`]]: p,
|
|
3775
3815
|
[be[`${fe}--dismissible-on-hover`]]: h
|
|
3776
3816
|
}
|
|
3777
|
-
), $ = l === "small" ? "small" : "medium",
|
|
3817
|
+
), $ = l === "small" ? "small" : "medium", C = l === "small" ? "sm" : "md", w = () => m ? i ? {
|
|
3778
3818
|
style: {
|
|
3779
3819
|
backgroundColor: "transparent",
|
|
3780
3820
|
color: m,
|
|
@@ -3782,15 +3822,15 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3782
3822
|
}
|
|
3783
3823
|
} : { style: { backgroundColor: m } } : {}, g = () => {
|
|
3784
3824
|
if (m)
|
|
3785
|
-
return i ? m :
|
|
3825
|
+
return i ? m : Ha(m, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3786
3826
|
};
|
|
3787
3827
|
return /* @__PURE__ */ e.createElement(
|
|
3788
|
-
|
|
3828
|
+
I,
|
|
3789
3829
|
T(k(k({
|
|
3790
3830
|
className: y
|
|
3791
3831
|
}, b), w()), {
|
|
3792
3832
|
as: "div",
|
|
3793
|
-
size:
|
|
3833
|
+
size: C
|
|
3794
3834
|
}),
|
|
3795
3835
|
/* @__PURE__ */ e.createElement("div", { className: be[`${fe}__content-wrapper`] }, d && !p && /* @__PURE__ */ e.createElement(
|
|
3796
3836
|
"div",
|
|
@@ -3825,14 +3865,14 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3825
3865
|
A,
|
|
3826
3866
|
{
|
|
3827
3867
|
"data-dismiss-icon": !0,
|
|
3828
|
-
source:
|
|
3868
|
+
source: Be,
|
|
3829
3869
|
size: $,
|
|
3830
3870
|
customColor: g()
|
|
3831
3871
|
}
|
|
3832
3872
|
)
|
|
3833
3873
|
)
|
|
3834
3874
|
);
|
|
3835
|
-
},
|
|
3875
|
+
}, ie = {
|
|
3836
3876
|
"picker-trigger-body": "lc-PickerTriggerBody-module__picker-trigger-body___xL0Rq",
|
|
3837
3877
|
"picker-trigger-body--single": "lc-PickerTriggerBody-module__picker-trigger-body--single___5LWZK",
|
|
3838
3878
|
"picker-trigger-body__item-container": "lc-PickerTriggerBody-module__picker-trigger-body__item-container___5Qs5E",
|
|
@@ -3850,7 +3890,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3850
3890
|
"picker-trigger-body__tag--compact": "lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL",
|
|
3851
3891
|
"picker-trigger-body__tag--medium": "lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC",
|
|
3852
3892
|
"picker-trigger-body__tag--large": "lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"
|
|
3853
|
-
},
|
|
3893
|
+
}, de = "picker-trigger-body", _l = ({
|
|
3854
3894
|
isOpen: t,
|
|
3855
3895
|
isSearchDisabled: a,
|
|
3856
3896
|
isDisabled: r,
|
|
@@ -3875,33 +3915,33 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3875
3915
|
g.key === "Backspace" && o && o.length > 0 && (g.preventDefault(), l === "multi" ? i(o[o.length - 1].key) : m()), g.key === "Delete" && (g.preventDefault(), m());
|
|
3876
3916
|
};
|
|
3877
3917
|
e.useEffect(() => (!t && b ? document.addEventListener("keydown", h) : document.removeEventListener("keydown", h), () => document.removeEventListener("keydown", h)), [t, o, b]);
|
|
3878
|
-
const y = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className:
|
|
3918
|
+
const y = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: ie[`${de}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ie[`${de}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
|
|
3879
3919
|
A,
|
|
3880
3920
|
{
|
|
3881
3921
|
source: g.icon,
|
|
3882
|
-
className:
|
|
3922
|
+
className: ie[`${de}__item__icon`]
|
|
3883
3923
|
}
|
|
3884
3924
|
), g.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3885
3925
|
"img",
|
|
3886
3926
|
{
|
|
3887
3927
|
src: g.avatarSrc,
|
|
3888
3928
|
alt: "",
|
|
3889
|
-
className:
|
|
3929
|
+
className: ie[`${de}__item__avatar`]
|
|
3890
3930
|
}
|
|
3891
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3892
|
-
var
|
|
3893
|
-
(
|
|
3931
|
+
), /* @__PURE__ */ e.createElement("div", { className: ie[`${de}__item__content`] }, g.name)), $ = (g) => n(g.target.value), C = (g) => {
|
|
3932
|
+
var N, S;
|
|
3933
|
+
(N = f.current) != null && N.id && g.key === "Enter" && d((S = f.current) == null ? void 0 : S.id), l === "multi" && (g.key === "Backspace" || g.key === "Delete") && !p && o && (o == null ? void 0 : o.length) > 0 && i(o[o.length - 1].key);
|
|
3894
3934
|
}, w = () => /* @__PURE__ */ e.createElement(
|
|
3895
3935
|
"input",
|
|
3896
3936
|
{
|
|
3897
3937
|
ref: v,
|
|
3898
3938
|
className: u(
|
|
3899
|
-
|
|
3900
|
-
|
|
3939
|
+
ie[`${de}__input`],
|
|
3940
|
+
ie[`${de}__input--${s}`]
|
|
3901
3941
|
),
|
|
3902
3942
|
placeholder: _,
|
|
3903
3943
|
onChange: $,
|
|
3904
|
-
onKeyDown:
|
|
3944
|
+
onKeyDown: C,
|
|
3905
3945
|
autoFocus: !0,
|
|
3906
3946
|
value: p
|
|
3907
3947
|
}
|
|
@@ -3910,29 +3950,29 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3910
3950
|
"div",
|
|
3911
3951
|
{
|
|
3912
3952
|
className: u({
|
|
3913
|
-
[
|
|
3914
|
-
[
|
|
3953
|
+
[ie[`${de}__placeholder`]]: !0,
|
|
3954
|
+
[ie[`${de}__placeholder--disabled`]]: r
|
|
3915
3955
|
})
|
|
3916
3956
|
},
|
|
3917
3957
|
_
|
|
3918
3958
|
) : /* @__PURE__ */ e.createElement(
|
|
3919
3959
|
"div",
|
|
3920
3960
|
{
|
|
3921
|
-
className: u(
|
|
3922
|
-
[
|
|
3961
|
+
className: u(ie[de], {
|
|
3962
|
+
[ie[`${de}--single`]]: l === "single"
|
|
3923
3963
|
})
|
|
3924
3964
|
},
|
|
3925
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
3926
|
-
|
|
3965
|
+
/* @__PURE__ */ e.createElement("div", { className: ie[`${de}__item-container`] }, l === "single" ? y(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
|
|
3966
|
+
Ir,
|
|
3927
3967
|
{
|
|
3928
3968
|
key: g.name,
|
|
3929
3969
|
className: u(
|
|
3930
|
-
|
|
3931
|
-
|
|
3970
|
+
ie[`${de}__tag`],
|
|
3971
|
+
ie[`${de}__tag--${s}`]
|
|
3932
3972
|
),
|
|
3933
3973
|
disabled: r,
|
|
3934
|
-
onRemove: (
|
|
3935
|
-
|
|
3974
|
+
onRemove: (N) => {
|
|
3975
|
+
N.stopPropagation(), i(g.key);
|
|
3936
3976
|
}
|
|
3937
3977
|
},
|
|
3938
3978
|
y(g)
|
|
@@ -3951,23 +3991,23 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3951
3991
|
isOpen: i,
|
|
3952
3992
|
onVisibilityChange: d
|
|
3953
3993
|
}) => {
|
|
3954
|
-
const n =
|
|
3994
|
+
const n = jt(), [m, p] = e.useState(!1), [f, b] = e.useState(null), [E, v] = e.useState(o), h = e.useRef([]), y = e.useRef(null), { refs: $, floatingStyles: C, context: w, isPositioned: g } = Zt({
|
|
3955
3995
|
nodeId: n,
|
|
3956
3996
|
open: i,
|
|
3957
3997
|
strategy: l,
|
|
3958
3998
|
onOpenChange: d,
|
|
3959
|
-
whileElementsMounted:
|
|
3999
|
+
whileElementsMounted: aa,
|
|
3960
4000
|
placement: r,
|
|
3961
4001
|
middleware: [
|
|
3962
|
-
|
|
3963
|
-
|
|
3964
|
-
|
|
3965
|
-
|
|
3966
|
-
apply({ availableHeight:
|
|
3967
|
-
|
|
4002
|
+
ea(4),
|
|
4003
|
+
ta({ padding: 10 }),
|
|
4004
|
+
Oa(),
|
|
4005
|
+
c_({
|
|
4006
|
+
apply({ availableHeight: G, rects: Ee, elements: ve }) {
|
|
4007
|
+
Cr.flushSync(() => {
|
|
3968
4008
|
v(
|
|
3969
4009
|
Math.max(
|
|
3970
|
-
Math.min(o,
|
|
4010
|
+
Math.min(o, G),
|
|
3971
4011
|
_
|
|
3972
4012
|
)
|
|
3973
4013
|
);
|
|
@@ -3978,11 +4018,11 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3978
4018
|
padding: ol
|
|
3979
4019
|
})
|
|
3980
4020
|
]
|
|
3981
|
-
}),
|
|
4021
|
+
}), N = ra(w, k({
|
|
3982
4022
|
enabled: !t,
|
|
3983
4023
|
keyboardHandlers: !1,
|
|
3984
4024
|
toggle: !1
|
|
3985
|
-
}, s)), S =
|
|
4025
|
+
}, s)), S = oa(w, { role: "listbox" }), V = _a(w, c), q = n_(w, {
|
|
3986
4026
|
enabled: a.length > 0 && !t,
|
|
3987
4027
|
listRef: h,
|
|
3988
4028
|
activeIndex: f,
|
|
@@ -3991,17 +4031,17 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
3991
4031
|
virtualItemRef: y,
|
|
3992
4032
|
disabledIndices: Ko(
|
|
3993
4033
|
a,
|
|
3994
|
-
(
|
|
4034
|
+
(G) => !!G.disabled || !!G.groupHeader
|
|
3995
4035
|
)
|
|
3996
|
-
}), { getReferenceProps: x, getFloatingProps:
|
|
3997
|
-
[
|
|
4036
|
+
}), { getReferenceProps: x, getFloatingProps: R, getItemProps: Y } = la(
|
|
4037
|
+
[N, V, S, q]
|
|
3998
4038
|
);
|
|
3999
4039
|
return !i && m && p(!1), {
|
|
4000
4040
|
getReferenceProps: x,
|
|
4001
|
-
getFloatingProps:
|
|
4041
|
+
getFloatingProps: R,
|
|
4002
4042
|
getItemProps: Y,
|
|
4003
4043
|
setReference: $.setReference,
|
|
4004
|
-
floatingStyles:
|
|
4044
|
+
floatingStyles: C,
|
|
4005
4045
|
isPositioned: g,
|
|
4006
4046
|
context: w,
|
|
4007
4047
|
nodeId: n,
|
|
@@ -4022,40 +4062,40 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4022
4062
|
setOpen: l
|
|
4023
4063
|
}) => {
|
|
4024
4064
|
const [c, s] = e.useState(
|
|
4025
|
-
() => (t == null ? void 0 : t.map(
|
|
4026
|
-
), i = t !== void 0, d = i ? (t == null ? void 0 : t.map(
|
|
4065
|
+
() => (t == null ? void 0 : t.map(Ca)) || []
|
|
4066
|
+
), i = t !== void 0, d = i ? (t == null ? void 0 : t.map(Ca)) || [] : c, [n, m] = e.useState(""), p = e.useMemo(() => {
|
|
4027
4067
|
const h = r === "multi" && _;
|
|
4028
4068
|
let y = a;
|
|
4029
4069
|
return n && (y = y.filter(($) => {
|
|
4030
|
-
var
|
|
4070
|
+
var N;
|
|
4031
4071
|
if ($.groupHeader)
|
|
4032
4072
|
return !1;
|
|
4033
|
-
const
|
|
4034
|
-
return w.includes(
|
|
4073
|
+
const C = n.toLowerCase(), w = $.name.toLowerCase(), g = (N = $.secondaryText) == null ? void 0 : N.toLowerCase();
|
|
4074
|
+
return w.includes(C) || (g == null ? void 0 : g.includes(C));
|
|
4035
4075
|
})), h && y.length > 1 && (y = [
|
|
4036
4076
|
{
|
|
4037
|
-
key:
|
|
4077
|
+
key: mt,
|
|
4038
4078
|
name: _
|
|
4039
4079
|
},
|
|
4040
4080
|
...y
|
|
4041
4081
|
]), y;
|
|
4042
4082
|
}, [n, a, r, _]), f = (h) => {
|
|
4043
4083
|
const y = a.find(($) => $.key === h);
|
|
4044
|
-
if (!((!y || y.disabled) && h !==
|
|
4084
|
+
if (!((!y || y.disabled) && h !== mt))
|
|
4045
4085
|
if (r === "single")
|
|
4046
4086
|
l(!1), s(() => (y && o([y]), [h]));
|
|
4047
|
-
else if (h ===
|
|
4048
|
-
d.length ===
|
|
4049
|
-
const $ =
|
|
4050
|
-
return o($), $.map(({ key:
|
|
4087
|
+
else if (h === mt)
|
|
4088
|
+
d.length === Ia(a).length ? s(() => (o(null), [])) : s(() => {
|
|
4089
|
+
const $ = Ia(a);
|
|
4090
|
+
return o($), $.map(({ key: C }) => C);
|
|
4051
4091
|
});
|
|
4052
4092
|
else if (i) {
|
|
4053
|
-
const $ = (t == null ? void 0 : t.map(
|
|
4054
|
-
o(a.filter(({ key: w }) =>
|
|
4093
|
+
const $ = (t == null ? void 0 : t.map(Ca)) || [], C = dr($, h);
|
|
4094
|
+
o(a.filter(({ key: w }) => C.includes(w)));
|
|
4055
4095
|
} else
|
|
4056
4096
|
s(($) => {
|
|
4057
|
-
const
|
|
4058
|
-
return o(a.filter(({ key: w }) =>
|
|
4097
|
+
const C = dr($, h);
|
|
4098
|
+
return o(a.filter(({ key: w }) => C.includes(w))), C;
|
|
4059
4099
|
});
|
|
4060
4100
|
};
|
|
4061
4101
|
return {
|
|
@@ -4072,7 +4112,7 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4072
4112
|
}, nl = {
|
|
4073
4113
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
|
|
4074
4114
|
}, Hc = (Y) => {
|
|
4075
|
-
var
|
|
4115
|
+
var G = Y, {
|
|
4076
4116
|
id: t,
|
|
4077
4117
|
className: a,
|
|
4078
4118
|
listClassName: r,
|
|
@@ -4093,15 +4133,15 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4093
4133
|
isVisible: h,
|
|
4094
4134
|
onOpen: y,
|
|
4095
4135
|
onClose: $,
|
|
4096
|
-
openedOnInit:
|
|
4136
|
+
openedOnInit: C = !1,
|
|
4097
4137
|
clearSearchAfterSelection: w,
|
|
4098
4138
|
onSelect: g,
|
|
4099
|
-
placement:
|
|
4139
|
+
placement: N,
|
|
4100
4140
|
floatingStrategy: S,
|
|
4101
|
-
useDismissHookProps:
|
|
4102
|
-
useClickHookProps:
|
|
4141
|
+
useDismissHookProps: V,
|
|
4142
|
+
useClickHookProps: q,
|
|
4103
4143
|
virtuosoProps: x
|
|
4104
|
-
} =
|
|
4144
|
+
} = G, R = F(G, [
|
|
4105
4145
|
"id",
|
|
4106
4146
|
"className",
|
|
4107
4147
|
"listClassName",
|
|
@@ -4131,71 +4171,71 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4131
4171
|
"useClickHookProps",
|
|
4132
4172
|
"virtuosoProps"
|
|
4133
4173
|
]);
|
|
4134
|
-
const [Ee, ve] = e.useState(
|
|
4135
|
-
|
|
4174
|
+
const [Ee, ve] = e.useState(C), [we, Ae] = e.useState(!1), Re = h !== void 0, Le = Re ? h : Ee, rt = (le, Ua) => {
|
|
4175
|
+
le ? y == null || y(Ua) : $ == null || $(Ua), !Re && ve(le);
|
|
4136
4176
|
}, {
|
|
4137
4177
|
selectedKeys: Qe,
|
|
4138
|
-
items:
|
|
4139
|
-
searchPhrase:
|
|
4140
|
-
handleSelect:
|
|
4141
|
-
handleOnFilter:
|
|
4142
|
-
handleItemRemove:
|
|
4143
|
-
handleClear:
|
|
4178
|
+
items: Ke,
|
|
4179
|
+
searchPhrase: _t,
|
|
4180
|
+
handleSelect: je,
|
|
4181
|
+
handleOnFilter: ot,
|
|
4182
|
+
handleItemRemove: P,
|
|
4183
|
+
handleClear: L
|
|
4144
4184
|
} = cl({
|
|
4145
4185
|
selected: i,
|
|
4146
4186
|
options: s,
|
|
4147
4187
|
type: b,
|
|
4148
4188
|
selectAllOptionText: f,
|
|
4149
4189
|
onSelect: g,
|
|
4150
|
-
setOpen:
|
|
4190
|
+
setOpen: rt
|
|
4151
4191
|
}), {
|
|
4152
|
-
context:
|
|
4153
|
-
nodeId:
|
|
4154
|
-
getReferenceProps:
|
|
4155
|
-
setReference:
|
|
4156
|
-
getFloatingProps:
|
|
4157
|
-
getItemProps:
|
|
4158
|
-
setFloating:
|
|
4159
|
-
floatingStyles:
|
|
4160
|
-
listElementsRef:
|
|
4161
|
-
virtualItemRef:
|
|
4162
|
-
activeIndex:
|
|
4163
|
-
maxHeight:
|
|
4164
|
-
setPointer:
|
|
4192
|
+
context: oe,
|
|
4193
|
+
nodeId: Oe,
|
|
4194
|
+
getReferenceProps: He,
|
|
4195
|
+
setReference: sa,
|
|
4196
|
+
getFloatingProps: ia,
|
|
4197
|
+
getItemProps: da,
|
|
4198
|
+
setFloating: ua,
|
|
4199
|
+
floatingStyles: ma,
|
|
4200
|
+
listElementsRef: pa,
|
|
4201
|
+
virtualItemRef: ga,
|
|
4202
|
+
activeIndex: ba,
|
|
4203
|
+
maxHeight: fa,
|
|
4204
|
+
setPointer: Pt
|
|
4165
4205
|
} = ll({
|
|
4166
|
-
openedOnInit:
|
|
4206
|
+
openedOnInit: C,
|
|
4167
4207
|
disabled: l,
|
|
4168
|
-
items:
|
|
4169
|
-
placement:
|
|
4208
|
+
items: Ke,
|
|
4209
|
+
placement: N,
|
|
4170
4210
|
minListHeight: _,
|
|
4171
4211
|
maxListHeight: o,
|
|
4172
4212
|
floatingStrategy: S,
|
|
4173
|
-
useClickHookProps:
|
|
4174
|
-
useDismissHookProps:
|
|
4175
|
-
isOpen:
|
|
4176
|
-
onVisibilityChange:
|
|
4213
|
+
useClickHookProps: q,
|
|
4214
|
+
useDismissHookProps: V,
|
|
4215
|
+
isOpen: Le,
|
|
4216
|
+
onVisibilityChange: rt
|
|
4177
4217
|
});
|
|
4178
4218
|
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(nl["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
|
|
4179
4219
|
jo,
|
|
4180
4220
|
{
|
|
4181
|
-
getReferenceProps:
|
|
4182
|
-
setReference:
|
|
4183
|
-
testId:
|
|
4221
|
+
getReferenceProps: He,
|
|
4222
|
+
setReference: sa,
|
|
4223
|
+
testId: R["data-testid"],
|
|
4184
4224
|
isItemSelected: Qe.length > 0,
|
|
4185
|
-
isOpen:
|
|
4186
|
-
onClear:
|
|
4225
|
+
isOpen: Le,
|
|
4226
|
+
onClear: L,
|
|
4187
4227
|
hideClearButton: v,
|
|
4188
4228
|
isDisabled: l,
|
|
4189
4229
|
isError: c,
|
|
4190
4230
|
isRequired: m,
|
|
4191
4231
|
isMultiSelect: b === "multi",
|
|
4192
4232
|
size: d,
|
|
4193
|
-
setTriggerFocus:
|
|
4233
|
+
setTriggerFocus: Ae
|
|
4194
4234
|
},
|
|
4195
4235
|
/* @__PURE__ */ e.createElement(
|
|
4196
4236
|
_l,
|
|
4197
4237
|
{
|
|
4198
|
-
isOpen:
|
|
4238
|
+
isOpen: Le,
|
|
4199
4239
|
isSearchDisabled: E,
|
|
4200
4240
|
isDisabled: l,
|
|
4201
4241
|
placeholder: n,
|
|
@@ -4203,32 +4243,32 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4203
4243
|
type: b,
|
|
4204
4244
|
size: d,
|
|
4205
4245
|
clearSearchAfterSelection: w,
|
|
4206
|
-
onItemRemove:
|
|
4207
|
-
onSelect:
|
|
4208
|
-
onFilter:
|
|
4209
|
-
onClear:
|
|
4210
|
-
searchPhrase:
|
|
4211
|
-
virtualItemRef:
|
|
4246
|
+
onItemRemove: P,
|
|
4247
|
+
onSelect: je,
|
|
4248
|
+
onFilter: ot,
|
|
4249
|
+
onClear: L,
|
|
4250
|
+
searchPhrase: _t,
|
|
4251
|
+
virtualItemRef: ga,
|
|
4212
4252
|
isTriggerFocused: we
|
|
4213
4253
|
}
|
|
4214
4254
|
)
|
|
4215
|
-
), /* @__PURE__ */ e.createElement(
|
|
4255
|
+
), /* @__PURE__ */ e.createElement(ca, { id: Oe }, Le && /* @__PURE__ */ e.createElement(Er, null, /* @__PURE__ */ e.createElement(
|
|
4216
4256
|
Qo,
|
|
4217
4257
|
{
|
|
4218
4258
|
pickerType: b,
|
|
4219
|
-
options:
|
|
4259
|
+
options: Ke,
|
|
4220
4260
|
listClassName: r,
|
|
4221
|
-
context:
|
|
4222
|
-
setFloating:
|
|
4223
|
-
floatingStyles:
|
|
4224
|
-
maxHeight:
|
|
4225
|
-
activeIndex:
|
|
4261
|
+
context: oe,
|
|
4262
|
+
setFloating: ua,
|
|
4263
|
+
floatingStyles: ma,
|
|
4264
|
+
maxHeight: fa,
|
|
4265
|
+
activeIndex: ba,
|
|
4226
4266
|
selectedKeys: Qe,
|
|
4227
|
-
listElementsRef:
|
|
4228
|
-
setPointer:
|
|
4229
|
-
onSelect:
|
|
4230
|
-
getFloatingProps:
|
|
4231
|
-
getItemProps:
|
|
4267
|
+
listElementsRef: pa,
|
|
4268
|
+
setPointer: Pt,
|
|
4269
|
+
onSelect: je,
|
|
4270
|
+
getFloatingProps: ia,
|
|
4271
|
+
getItemProps: da,
|
|
4232
4272
|
emptyStateText: p,
|
|
4233
4273
|
virtuosoProps: x
|
|
4234
4274
|
}
|
|
@@ -4252,53 +4292,53 @@ const it = "select-all", Ko = (t, a) => {
|
|
|
4252
4292
|
useClickHookProps: f,
|
|
4253
4293
|
floatingStrategy: b
|
|
4254
4294
|
}) => {
|
|
4255
|
-
const [E, v] = e.useState(n), h =
|
|
4256
|
-
|
|
4257
|
-
}, { refs: S, context:
|
|
4295
|
+
const [E, v] = e.useState(n), h = Ra(), y = jt(), $ = d !== void 0, C = $ ? d : E, w = typeof _ == "string", g = typeof t == "function", N = (Ae, Re) => {
|
|
4296
|
+
Ae ? r == null || r(Re) : a == null || a(Re), !$ && v(Ae);
|
|
4297
|
+
}, { refs: S, context: V, floatingStyles: q } = Zt({
|
|
4258
4298
|
nodeId: y,
|
|
4259
|
-
open:
|
|
4260
|
-
onOpenChange:
|
|
4261
|
-
middleware: [
|
|
4299
|
+
open: C,
|
|
4300
|
+
onOpenChange: N,
|
|
4301
|
+
middleware: [ea(i), ta(s), Oa()],
|
|
4262
4302
|
placement: c,
|
|
4263
4303
|
strategy: b,
|
|
4264
|
-
whileElementsMounted:
|
|
4265
|
-
}), x =
|
|
4304
|
+
whileElementsMounted: aa
|
|
4305
|
+
}), x = ra(V, f), R = _a(V, k({
|
|
4266
4306
|
escapeKey: m
|
|
4267
|
-
}, p)), Y =
|
|
4307
|
+
}, p)), Y = oa(V), { getReferenceProps: G, getFloatingProps: Ee } = la([
|
|
4268
4308
|
x,
|
|
4269
|
-
|
|
4309
|
+
R,
|
|
4270
4310
|
Y
|
|
4271
4311
|
]), ve = u(il.popover, o), we = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
4272
4312
|
"div",
|
|
4273
4313
|
T(k({
|
|
4274
4314
|
"data-testid": "popover-trigger-button",
|
|
4275
4315
|
ref: S.setReference
|
|
4276
|
-
},
|
|
4316
|
+
}, G()), {
|
|
4277
4317
|
className: l
|
|
4278
4318
|
}),
|
|
4279
4319
|
g ? t() : t
|
|
4280
|
-
), /* @__PURE__ */ e.createElement(
|
|
4320
|
+
), /* @__PURE__ */ e.createElement(ca, { id: y }, C && /* @__PURE__ */ e.createElement(Da, { context: V, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
4281
4321
|
"div",
|
|
4282
4322
|
k({
|
|
4283
4323
|
className: ve,
|
|
4284
4324
|
ref: S.setFloating,
|
|
4285
|
-
style:
|
|
4325
|
+
style: q
|
|
4286
4326
|
}, Ee()),
|
|
4287
|
-
w ? /* @__PURE__ */ e.createElement(
|
|
4327
|
+
w ? /* @__PURE__ */ e.createElement(I, { as: "div" }, _) : _
|
|
4288
4328
|
))));
|
|
4289
|
-
return h === null ? /* @__PURE__ */ e.createElement(
|
|
4329
|
+
return h === null ? /* @__PURE__ */ e.createElement(La, null, we) : we;
|
|
4290
4330
|
}, dl = [
|
|
4291
4331
|
"normal",
|
|
4292
4332
|
"error",
|
|
4293
4333
|
"success"
|
|
4294
4334
|
], ul = (t) => Math.min(Math.max(t, 0), 100);
|
|
4295
|
-
function
|
|
4335
|
+
function Fr(t, a = 0) {
|
|
4296
4336
|
return t === "error" ? 0 : ul(parseInt(a.toString(), 10));
|
|
4297
4337
|
}
|
|
4298
|
-
function
|
|
4338
|
+
function Mr(t, a) {
|
|
4299
4339
|
return !dl.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
4300
4340
|
}
|
|
4301
|
-
const
|
|
4341
|
+
const Nt = {
|
|
4302
4342
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
4303
4343
|
"progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
|
|
4304
4344
|
"progress-circle--medium": "lc-ProgressCircle-module__progress-circle--medium___XlzEX",
|
|
@@ -4317,24 +4357,24 @@ const wt = {
|
|
|
4317
4357
|
small: 15,
|
|
4318
4358
|
medium: 36,
|
|
4319
4359
|
large: 56
|
|
4320
|
-
},
|
|
4360
|
+
}, St = "progress-circle", gl = e.forwardRef(
|
|
4321
4361
|
(c, l) => {
|
|
4322
4362
|
var s = c, {
|
|
4323
4363
|
status: t = "normal",
|
|
4324
4364
|
progressValue: a,
|
|
4325
4365
|
className: r,
|
|
4326
4366
|
size: _ = "medium"
|
|
4327
|
-
} = s, o =
|
|
4367
|
+
} = s, o = F(s, [
|
|
4328
4368
|
"status",
|
|
4329
4369
|
"progressValue",
|
|
4330
4370
|
"className",
|
|
4331
4371
|
"size"
|
|
4332
4372
|
]);
|
|
4333
|
-
const i =
|
|
4334
|
-
|
|
4373
|
+
const i = Mr(t, a), d = Fr(i, a), n = ml[_], m = pl[_], p = u(
|
|
4374
|
+
Nt[St],
|
|
4335
4375
|
{
|
|
4336
|
-
[
|
|
4337
|
-
[
|
|
4376
|
+
[Nt[`${St}--${_}`]]: _,
|
|
4377
|
+
[Nt[`${St}--${t}`]]: t
|
|
4338
4378
|
},
|
|
4339
4379
|
r
|
|
4340
4380
|
), f = 2 * Math.PI * ((m - n) / 2), b = {
|
|
@@ -4351,7 +4391,7 @@ const wt = {
|
|
|
4351
4391
|
/* @__PURE__ */ e.createElement("svg", { viewBox: E }, /* @__PURE__ */ e.createElement(
|
|
4352
4392
|
"circle",
|
|
4353
4393
|
{
|
|
4354
|
-
className:
|
|
4394
|
+
className: Nt[`${St}__bg-line--${t}`],
|
|
4355
4395
|
cx: m,
|
|
4356
4396
|
cy: m,
|
|
4357
4397
|
r: (m - n) / 2,
|
|
@@ -4361,7 +4401,7 @@ const wt = {
|
|
|
4361
4401
|
), /* @__PURE__ */ e.createElement(
|
|
4362
4402
|
"circle",
|
|
4363
4403
|
{
|
|
4364
|
-
className:
|
|
4404
|
+
className: Nt[`${St}__indicator--${t}`],
|
|
4365
4405
|
style: b,
|
|
4366
4406
|
cx: m,
|
|
4367
4407
|
cy: m,
|
|
@@ -4372,7 +4412,7 @@ const wt = {
|
|
|
4372
4412
|
))
|
|
4373
4413
|
);
|
|
4374
4414
|
}
|
|
4375
|
-
),
|
|
4415
|
+
), Wt = {
|
|
4376
4416
|
"progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
|
|
4377
4417
|
"progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
|
|
4378
4418
|
"progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
|
|
@@ -4382,24 +4422,24 @@ const wt = {
|
|
|
4382
4422
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
4383
4423
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
4384
4424
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
4385
|
-
},
|
|
4425
|
+
}, Vt = "progress-bar", bl = e.forwardRef(
|
|
4386
4426
|
(c, l) => {
|
|
4387
4427
|
var s = c, {
|
|
4388
4428
|
status: t = "normal",
|
|
4389
4429
|
percent: a,
|
|
4390
4430
|
size: r = "medium",
|
|
4391
4431
|
className: _ = ""
|
|
4392
|
-
} = s, o =
|
|
4432
|
+
} = s, o = F(s, [
|
|
4393
4433
|
"status",
|
|
4394
4434
|
"percent",
|
|
4395
4435
|
"size",
|
|
4396
4436
|
"className"
|
|
4397
4437
|
]);
|
|
4398
|
-
const i =
|
|
4399
|
-
|
|
4438
|
+
const i = Mr(t, a), d = Fr(i, a), n = u(
|
|
4439
|
+
Wt[Vt],
|
|
4400
4440
|
{
|
|
4401
|
-
[
|
|
4402
|
-
[
|
|
4441
|
+
[Wt[`${Vt}--${r}`]]: r,
|
|
4442
|
+
[Wt[`${Vt}--${t}`]]: t
|
|
4403
4443
|
},
|
|
4404
4444
|
_
|
|
4405
4445
|
);
|
|
@@ -4413,7 +4453,7 @@ const wt = {
|
|
|
4413
4453
|
/* @__PURE__ */ e.createElement(
|
|
4414
4454
|
"div",
|
|
4415
4455
|
{
|
|
4416
|
-
className:
|
|
4456
|
+
className: Wt[`${Vt}__indicator--${t}`],
|
|
4417
4457
|
style: { width: `${d}%` }
|
|
4418
4458
|
}
|
|
4419
4459
|
)
|
|
@@ -4431,7 +4471,7 @@ const wt = {
|
|
|
4431
4471
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
4432
4472
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
4433
4473
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
4434
|
-
}, fl = 400, vl = 800, hl = 500,
|
|
4474
|
+
}, fl = 400, vl = 800, hl = 500, Ce = "promo-banner", Gc = ({
|
|
4435
4475
|
className: t,
|
|
4436
4476
|
buttonText: a,
|
|
4437
4477
|
children: r,
|
|
@@ -4444,16 +4484,16 @@ const wt = {
|
|
|
4444
4484
|
onLinkClick: d
|
|
4445
4485
|
}) => {
|
|
4446
4486
|
const n = e.useRef(null), [m, p] = e.useState("medium"), f = u(
|
|
4447
|
-
$e[
|
|
4487
|
+
$e[Ce],
|
|
4448
4488
|
{
|
|
4449
|
-
[$e[`${
|
|
4450
|
-
[$e[`${
|
|
4451
|
-
[$e[`${
|
|
4489
|
+
[$e[`${Ce}--light`]]: l,
|
|
4490
|
+
[$e[`${Ce}--small`]]: m === "small",
|
|
4491
|
+
[$e[`${Ce}--large`]]: m === "large"
|
|
4452
4492
|
},
|
|
4453
4493
|
t
|
|
4454
4494
|
);
|
|
4455
4495
|
e.useEffect(() => {
|
|
4456
|
-
const E = () => n.current && n.current.offsetWidth <= fl ? p("small") : n.current && n.current.offsetWidth >= vl ? p("large") : p("medium"), v =
|
|
4496
|
+
const E = () => n.current && n.current.offsetWidth <= fl ? p("small") : n.current && n.current.offsetWidth >= vl ? p("large") : p("medium"), v = wr(
|
|
4457
4497
|
E,
|
|
4458
4498
|
hl
|
|
4459
4499
|
);
|
|
@@ -4461,24 +4501,24 @@ const wt = {
|
|
|
4461
4501
|
v.cancel(), window.removeEventListener("resize", v);
|
|
4462
4502
|
};
|
|
4463
4503
|
}, []);
|
|
4464
|
-
const b = /* @__PURE__ */ e.createElement("div", { className: $e[`${
|
|
4504
|
+
const b = /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
4465
4505
|
W,
|
|
4466
4506
|
{
|
|
4467
4507
|
kind: "primary",
|
|
4468
4508
|
size: "compact",
|
|
4469
4509
|
onClick: s,
|
|
4470
|
-
className: $e[`${
|
|
4510
|
+
className: $e[`${Ce}__button-text`]
|
|
4471
4511
|
},
|
|
4472
4512
|
a
|
|
4473
4513
|
), c && /* @__PURE__ */ e.createElement(W, { size: "compact", kind: "text", onClick: d }, c));
|
|
4474
|
-
return /* @__PURE__ */ e.createElement("div", { ref: n, className: f }, /* @__PURE__ */ e.createElement("div", { className: $e[`${
|
|
4514
|
+
return /* @__PURE__ */ e.createElement("div", { ref: n, className: f }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: $e[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: $e[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(I, { as: "div" }, r), m !== "large" && b), m === "large" && b), i && /* @__PURE__ */ e.createElement(
|
|
4475
4515
|
"button",
|
|
4476
4516
|
{
|
|
4477
4517
|
type: "button",
|
|
4478
|
-
className: $e[`${
|
|
4518
|
+
className: $e[`${Ce}__close-icon`],
|
|
4479
4519
|
onClick: i
|
|
4480
4520
|
},
|
|
4481
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
4521
|
+
/* @__PURE__ */ e.createElement(A, { source: Be, size: "large", kind: "primary" })
|
|
4482
4522
|
));
|
|
4483
4523
|
}, Ue = {
|
|
4484
4524
|
"main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
|
|
@@ -4541,7 +4581,7 @@ const wt = {
|
|
|
4541
4581
|
{
|
|
4542
4582
|
className: Ue[`${Je}__close__btn`],
|
|
4543
4583
|
onClick: i,
|
|
4544
|
-
icon: /* @__PURE__ */ e.createElement(A, { source:
|
|
4584
|
+
icon: /* @__PURE__ */ e.createElement(A, { source: Be, kind: "primary" }),
|
|
4545
4585
|
kind: "plain",
|
|
4546
4586
|
size: "compact"
|
|
4547
4587
|
}
|
|
@@ -4559,7 +4599,7 @@ const wt = {
|
|
|
4559
4599
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
4560
4600
|
}, Ve = "radio-button", Wc = e.forwardRef(
|
|
4561
4601
|
(s, c) => {
|
|
4562
|
-
var i = s, { children: t, className: a = "", description: r, checked: _, disabled: o } = i, l =
|
|
4602
|
+
var i = s, { children: t, className: a = "", description: r, checked: _, disabled: o } = i, l = F(i, ["children", "className", "description", "checked", "disabled"]);
|
|
4563
4603
|
const d = u(We[Ve], a, {
|
|
4564
4604
|
[We[`${Ve}--selected`]]: _,
|
|
4565
4605
|
[We[`${Ve}--disabled`]]: o
|
|
@@ -4573,9 +4613,9 @@ const wt = {
|
|
|
4573
4613
|
checked: _,
|
|
4574
4614
|
disabled: o
|
|
4575
4615
|
})
|
|
4576
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
4616
|
+
)), t && /* @__PURE__ */ e.createElement(I, { as: "div", size: "md", className: We[`${Ve}__text`] }, t)), r && /* @__PURE__ */ e.createElement(na, { className: We[`${Ve}__helper`] }, r));
|
|
4577
4617
|
}
|
|
4578
|
-
),
|
|
4618
|
+
), Ne = {
|
|
4579
4619
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
4580
4620
|
"search-input--compact": "lc-Search-module__search-input--compact___498To",
|
|
4581
4621
|
"search-input--medium": "lc-Search-module__search-input--medium___Hwteg",
|
|
@@ -4589,7 +4629,7 @@ const wt = {
|
|
|
4589
4629
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
4590
4630
|
"search-input__input-wrapper": "lc-Search-module__search-input__input-wrapper___k8bvn",
|
|
4591
4631
|
"search-input__input-wrapper--crop": "lc-Search-module__search-input__input-wrapper--crop___nBPKY"
|
|
4592
|
-
},
|
|
4632
|
+
}, Fe = "search-input", mr = `${Fe}__input-wrapper`, Vc = ({
|
|
4593
4633
|
isCollapsable: t,
|
|
4594
4634
|
isDisabled: a,
|
|
4595
4635
|
isLoading: r,
|
|
@@ -4602,30 +4642,30 @@ const wt = {
|
|
|
4602
4642
|
}) => {
|
|
4603
4643
|
const [d, n] = e.useState(!0), [m, p] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, E = t && !d && "true", v = u(
|
|
4604
4644
|
c,
|
|
4605
|
-
|
|
4606
|
-
|
|
4607
|
-
m &&
|
|
4608
|
-
a &&
|
|
4609
|
-
t &&
|
|
4610
|
-
!d &&
|
|
4645
|
+
Ne[Fe],
|
|
4646
|
+
Ne[`${Fe}--${o}`],
|
|
4647
|
+
m && Ne[`${Fe}--focused`],
|
|
4648
|
+
a && Ne[`${Fe}--disabled`],
|
|
4649
|
+
t && Ne[`${Fe}--collapsable`],
|
|
4650
|
+
!d && Ne[`${Fe}--collapsable--open`]
|
|
4611
4651
|
);
|
|
4612
4652
|
e.useEffect(() => {
|
|
4613
4653
|
t && l && n(!1);
|
|
4614
4654
|
}, [t]);
|
|
4615
|
-
const h = (
|
|
4616
|
-
const S =
|
|
4655
|
+
const h = (N) => {
|
|
4656
|
+
const S = N.currentTarget.value;
|
|
4617
4657
|
i(S);
|
|
4618
4658
|
}, y = () => {
|
|
4619
4659
|
i("");
|
|
4620
4660
|
}, $ = () => {
|
|
4621
|
-
var
|
|
4622
|
-
(
|
|
4623
|
-
},
|
|
4661
|
+
var N;
|
|
4662
|
+
(N = f.current) == null || N.focus();
|
|
4663
|
+
}, C = () => {
|
|
4624
4664
|
t && n(!1), p(!0);
|
|
4625
4665
|
}, w = () => {
|
|
4626
4666
|
t && !l && n(!0), p(!1);
|
|
4627
|
-
}, g = (
|
|
4628
|
-
|
|
4667
|
+
}, g = (N) => {
|
|
4668
|
+
N.key === _e.enter && (N.preventDefault(), i(l));
|
|
4629
4669
|
};
|
|
4630
4670
|
return /* @__PURE__ */ e.createElement(
|
|
4631
4671
|
"div",
|
|
@@ -4638,19 +4678,19 @@ const wt = {
|
|
|
4638
4678
|
/* @__PURE__ */ e.createElement(
|
|
4639
4679
|
A,
|
|
4640
4680
|
{
|
|
4641
|
-
className:
|
|
4642
|
-
source:
|
|
4681
|
+
className: Ne[`${Fe}__search-icon`],
|
|
4682
|
+
source: Xr,
|
|
4643
4683
|
disabled: a,
|
|
4644
4684
|
kind: "primary"
|
|
4645
4685
|
}
|
|
4646
4686
|
),
|
|
4647
4687
|
/* @__PURE__ */ e.createElement(
|
|
4648
|
-
|
|
4688
|
+
I,
|
|
4649
4689
|
{
|
|
4650
4690
|
as: "div",
|
|
4651
4691
|
className: u(
|
|
4652
|
-
|
|
4653
|
-
s &&
|
|
4692
|
+
Ne[mr],
|
|
4693
|
+
s && Ne[`${mr}--crop`]
|
|
4654
4694
|
)
|
|
4655
4695
|
},
|
|
4656
4696
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4663,7 +4703,7 @@ const wt = {
|
|
|
4663
4703
|
placeholder: _,
|
|
4664
4704
|
onChange: h,
|
|
4665
4705
|
onBlur: w,
|
|
4666
|
-
onFocus:
|
|
4706
|
+
onFocus: C,
|
|
4667
4707
|
onKeyDown: g,
|
|
4668
4708
|
disabled: a
|
|
4669
4709
|
}
|
|
@@ -4674,21 +4714,14 @@ const wt = {
|
|
|
4674
4714
|
{
|
|
4675
4715
|
"aria-label": "Clear search",
|
|
4676
4716
|
title: "Clear search",
|
|
4677
|
-
className:
|
|
4717
|
+
className: Ne[`${Fe}__clear-icon`],
|
|
4678
4718
|
onClick: y,
|
|
4679
|
-
icon: /* @__PURE__ */ e.createElement(A, { source:
|
|
4719
|
+
icon: /* @__PURE__ */ e.createElement(A, { source: Be, kind: "primary" }),
|
|
4680
4720
|
kind: "text",
|
|
4681
4721
|
size: "compact"
|
|
4682
4722
|
}
|
|
4683
4723
|
),
|
|
4684
|
-
r && /* @__PURE__ */ e.createElement(
|
|
4685
|
-
"div",
|
|
4686
|
-
{
|
|
4687
|
-
"data-testid": `${xe}-loader`,
|
|
4688
|
-
className: Ce[`${xe}__loader`]
|
|
4689
|
-
},
|
|
4690
|
-
/* @__PURE__ */ e.createElement(Ia, { size: "small" })
|
|
4691
|
-
)
|
|
4724
|
+
r && /* @__PURE__ */ e.createElement("div", { className: Ne[`${Fe}__loader`] }, /* @__PURE__ */ e.createElement(za, { size: "small" }))
|
|
4692
4725
|
);
|
|
4693
4726
|
}, kl = "lc-Skeleton-module__loading___MHvGo", at = {
|
|
4694
4727
|
"skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
|
|
@@ -4699,12 +4732,12 @@ const wt = {
|
|
|
4699
4732
|
loading: kl,
|
|
4700
4733
|
"skeleton-text": "lc-Skeleton-module__skeleton-text___rgElk",
|
|
4701
4734
|
"skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___xOUsy"
|
|
4702
|
-
},
|
|
4735
|
+
}, pr = "skeleton-wrapper", qc = (o) => {
|
|
4703
4736
|
var l = o, {
|
|
4704
4737
|
children: t,
|
|
4705
4738
|
vertical: a,
|
|
4706
4739
|
animated: r
|
|
4707
|
-
} = l, _ =
|
|
4740
|
+
} = l, _ = F(l, [
|
|
4708
4741
|
"children",
|
|
4709
4742
|
"vertical",
|
|
4710
4743
|
"animated"
|
|
@@ -4715,44 +4748,44 @@ const wt = {
|
|
|
4715
4748
|
return /* @__PURE__ */ e.createElement(
|
|
4716
4749
|
"div",
|
|
4717
4750
|
k({
|
|
4718
|
-
className: u(at[`${
|
|
4719
|
-
[at[`${
|
|
4751
|
+
className: u(at[`${pr}`], {
|
|
4752
|
+
[at[`${pr}--vertical`]]: a
|
|
4720
4753
|
})
|
|
4721
4754
|
}, _),
|
|
4722
4755
|
c
|
|
4723
4756
|
);
|
|
4724
|
-
},
|
|
4757
|
+
}, Na = "skeleton-avatar", Yc = ({
|
|
4725
4758
|
square: t = !1,
|
|
4726
4759
|
size: a = 16,
|
|
4727
4760
|
animated: r
|
|
4728
4761
|
}) => /* @__PURE__ */ e.createElement(
|
|
4729
4762
|
"div",
|
|
4730
4763
|
{
|
|
4731
|
-
className: u(at[`${
|
|
4732
|
-
[at[`${
|
|
4733
|
-
[at[`${
|
|
4764
|
+
className: u(at[`${Na}`], {
|
|
4765
|
+
[at[`${Na}--square`]]: t,
|
|
4766
|
+
[at[`${Na}--animated`]]: r
|
|
4734
4767
|
}),
|
|
4735
4768
|
style: {
|
|
4736
4769
|
width: a,
|
|
4737
4770
|
height: a
|
|
4738
4771
|
}
|
|
4739
4772
|
}
|
|
4740
|
-
),
|
|
4773
|
+
), gr = "skeleton-text", Kc = ({
|
|
4741
4774
|
height: t = 13,
|
|
4742
4775
|
width: a,
|
|
4743
4776
|
animated: r
|
|
4744
4777
|
}) => /* @__PURE__ */ e.createElement(
|
|
4745
4778
|
"div",
|
|
4746
4779
|
{
|
|
4747
|
-
className: u(at[`${
|
|
4748
|
-
[at[`${
|
|
4780
|
+
className: u(at[`${gr}`], {
|
|
4781
|
+
[at[`${gr}--animated`]]: r
|
|
4749
4782
|
}),
|
|
4750
4783
|
style: {
|
|
4751
4784
|
height: t,
|
|
4752
4785
|
width: a
|
|
4753
4786
|
}
|
|
4754
4787
|
}
|
|
4755
|
-
), yl = "lc-Switch-module__switch__input___NiiOR", El = "lc-Switch-module__switch__container___79F7W", wl = "lc-Switch-module__switch__track___2wr2M", $l = "lc-Switch-module__switch__slider___WHd--",
|
|
4788
|
+
), yl = "lc-Switch-module__switch__input___NiiOR", El = "lc-Switch-module__switch__container___79F7W", wl = "lc-Switch-module__switch__track___2wr2M", $l = "lc-Switch-module__switch__slider___WHd--", Cl = "lc-Switch-module__switch__loader___FE-fA", Nl = "lc-Switch-module__switch__icon___-O1qY", j = {
|
|
4756
4789
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
4757
4790
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
4758
4791
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -4778,11 +4811,11 @@ const wt = {
|
|
|
4778
4811
|
"switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
|
|
4779
4812
|
"switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
|
|
4780
4813
|
"switch__slider--disabled": "lc-Switch-module__switch__slider--disabled___A6hPg",
|
|
4781
|
-
switch__loader:
|
|
4814
|
+
switch__loader: Cl,
|
|
4782
4815
|
"switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
|
|
4783
4816
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
4784
4817
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
4785
|
-
switch__icon:
|
|
4818
|
+
switch__icon: Nl
|
|
4786
4819
|
}, Q = "switch", Jc = (m) => {
|
|
4787
4820
|
var p = m, {
|
|
4788
4821
|
className: t = "",
|
|
@@ -4795,7 +4828,7 @@ const wt = {
|
|
|
4795
4828
|
state: s = "regular",
|
|
4796
4829
|
innerRef: i,
|
|
4797
4830
|
ariaLabel: d
|
|
4798
|
-
} = p, n =
|
|
4831
|
+
} = p, n = F(p, [
|
|
4799
4832
|
"className",
|
|
4800
4833
|
"defaultOn",
|
|
4801
4834
|
"disabled",
|
|
@@ -4809,29 +4842,29 @@ const wt = {
|
|
|
4809
4842
|
]);
|
|
4810
4843
|
const f = o !== void 0, [b, E] = e.useState(
|
|
4811
4844
|
() => f ? o : a
|
|
4812
|
-
), [v, h] = e.useState(!1), y = f ? o : b, $ = s === "loading",
|
|
4813
|
-
|
|
4814
|
-
|
|
4845
|
+
), [v, h] = e.useState(!1), y = f ? o : b, $ = s === "loading", C = s === "locked", w = c === "large" ? "small" : "xsmall", g = y ? "on" : "off", N = r || $ || C, S = N ? "disabled" : "enabled", V = u(
|
|
4846
|
+
j[Q],
|
|
4847
|
+
j[`${Q}--${c}`],
|
|
4815
4848
|
{
|
|
4816
|
-
[
|
|
4849
|
+
[j[`${Q}--focused`]]: v
|
|
4817
4850
|
},
|
|
4818
4851
|
t
|
|
4819
|
-
),
|
|
4820
|
-
l == null || l(x, !y), f || (x.stopPropagation(), E((
|
|
4852
|
+
), q = (x) => {
|
|
4853
|
+
l == null || l(x, !y), f || (x.stopPropagation(), E((R) => !R));
|
|
4821
4854
|
};
|
|
4822
|
-
return /* @__PURE__ */ e.createElement("span", { className:
|
|
4855
|
+
return /* @__PURE__ */ e.createElement("span", { className: V }, /* @__PURE__ */ e.createElement(
|
|
4823
4856
|
"input",
|
|
4824
4857
|
T(k({
|
|
4825
4858
|
type: "checkbox",
|
|
4826
4859
|
className: u(
|
|
4827
|
-
|
|
4828
|
-
|
|
4860
|
+
j[`${Q}__input`],
|
|
4861
|
+
j[`${Q}__input--${S}`]
|
|
4829
4862
|
),
|
|
4830
|
-
onChange:
|
|
4863
|
+
onChange: q,
|
|
4831
4864
|
checked: y,
|
|
4832
4865
|
name: _,
|
|
4833
4866
|
ref: i,
|
|
4834
|
-
disabled:
|
|
4867
|
+
disabled: N,
|
|
4835
4868
|
"aria-label": d
|
|
4836
4869
|
}, n), {
|
|
4837
4870
|
onFocus: () => h(!0),
|
|
@@ -4840,17 +4873,17 @@ const wt = {
|
|
|
4840
4873
|
), /* @__PURE__ */ e.createElement(
|
|
4841
4874
|
"span",
|
|
4842
4875
|
{
|
|
4843
|
-
className: u(
|
|
4844
|
-
[
|
|
4876
|
+
className: u(j[`${Q}__container`], {
|
|
4877
|
+
[j[`${Q}__container--focused`]]: v
|
|
4845
4878
|
})
|
|
4846
4879
|
},
|
|
4847
4880
|
/* @__PURE__ */ e.createElement(
|
|
4848
4881
|
"span",
|
|
4849
4882
|
{
|
|
4850
4883
|
className: u(
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4884
|
+
j[`${Q}__track`],
|
|
4885
|
+
j[`${Q}__track--${g}`],
|
|
4886
|
+
j[`${Q}__track--${S}`]
|
|
4854
4887
|
)
|
|
4855
4888
|
}
|
|
4856
4889
|
),
|
|
@@ -4858,34 +4891,35 @@ const wt = {
|
|
|
4858
4891
|
"span",
|
|
4859
4892
|
{
|
|
4860
4893
|
className: u(
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4894
|
+
j[`${Q}__slider`],
|
|
4895
|
+
j[`${Q}__slider--${S}`],
|
|
4896
|
+
j[`${Q}__slider--${c}`],
|
|
4897
|
+
j[`${Q}__slider--${c}--${g}`]
|
|
4865
4898
|
)
|
|
4866
4899
|
},
|
|
4867
4900
|
$ && /* @__PURE__ */ e.createElement(
|
|
4868
|
-
|
|
4901
|
+
za,
|
|
4869
4902
|
{
|
|
4903
|
+
"data-testid": "switch-loader",
|
|
4870
4904
|
className: u(
|
|
4871
|
-
|
|
4872
|
-
|
|
4905
|
+
j[`${Q}__loader`],
|
|
4906
|
+
j[`${Q}__loader--${c}`]
|
|
4873
4907
|
)
|
|
4874
4908
|
}
|
|
4875
4909
|
),
|
|
4876
|
-
|
|
4910
|
+
C && /* @__PURE__ */ e.createElement(
|
|
4877
4911
|
A,
|
|
4878
4912
|
{
|
|
4879
|
-
className:
|
|
4913
|
+
className: j[`${Q}__icon`],
|
|
4880
4914
|
"data-testid": "lock-icon",
|
|
4881
4915
|
size: w,
|
|
4882
|
-
source:
|
|
4916
|
+
source: Qr,
|
|
4883
4917
|
kind: "primary"
|
|
4884
4918
|
}
|
|
4885
4919
|
)
|
|
4886
4920
|
)
|
|
4887
4921
|
));
|
|
4888
|
-
}, Sl = "lc-Tab-module__tab___fME7u", xl = "lc-Tab-module__tab__count___gc8tA", Tl = "lc-Tab-module__tab__badge___W9c-T",
|
|
4922
|
+
}, Sl = "lc-Tab-module__tab___fME7u", xl = "lc-Tab-module__tab__count___gc8tA", Tl = "lc-Tab-module__tab__badge___W9c-T", st = {
|
|
4889
4923
|
tab: Sl,
|
|
4890
4924
|
tab__count: xl,
|
|
4891
4925
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
@@ -4894,7 +4928,7 @@ const wt = {
|
|
|
4894
4928
|
tab__badge: Tl,
|
|
4895
4929
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
4896
4930
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
4897
|
-
},
|
|
4931
|
+
}, it = "tab", Xc = (s) => {
|
|
4898
4932
|
var i = s, {
|
|
4899
4933
|
children: t,
|
|
4900
4934
|
className: a,
|
|
@@ -4902,7 +4936,7 @@ const wt = {
|
|
|
4902
4936
|
isSelected: _,
|
|
4903
4937
|
asBadge: o,
|
|
4904
4938
|
size: l = "medium"
|
|
4905
|
-
} = i, c =
|
|
4939
|
+
} = i, c = F(i, [
|
|
4906
4940
|
"children",
|
|
4907
4941
|
"className",
|
|
4908
4942
|
"count",
|
|
@@ -4912,41 +4946,41 @@ const wt = {
|
|
|
4912
4946
|
]);
|
|
4913
4947
|
const { disabled: d } = c, n = r !== void 0 && !o, m = r !== void 0 && o;
|
|
4914
4948
|
return /* @__PURE__ */ e.createElement(
|
|
4915
|
-
|
|
4949
|
+
I,
|
|
4916
4950
|
T(k({}, c), {
|
|
4917
4951
|
as: c.href ? "a" : "button",
|
|
4918
4952
|
size: "md",
|
|
4919
4953
|
bold: _,
|
|
4920
4954
|
className: u(
|
|
4921
4955
|
a,
|
|
4922
|
-
|
|
4923
|
-
|
|
4924
|
-
_ &&
|
|
4925
|
-
d &&
|
|
4956
|
+
st[it],
|
|
4957
|
+
st[`${it}--${l}`],
|
|
4958
|
+
_ && st[`${it}--selected`],
|
|
4959
|
+
d && st[`${it}--disabled`]
|
|
4926
4960
|
)
|
|
4927
4961
|
}),
|
|
4928
4962
|
t,
|
|
4929
|
-
n && /* @__PURE__ */ e.createElement(
|
|
4963
|
+
n && /* @__PURE__ */ e.createElement(I, { as: "span", size: "md", className: st[`${it}__count`] }, "(", r, ")"),
|
|
4930
4964
|
m && /* @__PURE__ */ e.createElement(
|
|
4931
4965
|
j_,
|
|
4932
4966
|
{
|
|
4933
4967
|
"data-testid": "tab-badge",
|
|
4934
4968
|
count: r,
|
|
4935
4969
|
size: "compact",
|
|
4936
|
-
className:
|
|
4970
|
+
className: st[`${it}__badge`]
|
|
4937
4971
|
}
|
|
4938
4972
|
)
|
|
4939
4973
|
);
|
|
4940
|
-
}, Dl = "lc-TabsWrapper-module__tabs___Y2xyD", Bl = "lc-TabsWrapper-module__tabs__list___i6tVO",
|
|
4974
|
+
}, Dl = "lc-TabsWrapper-module__tabs___Y2xyD", Bl = "lc-TabsWrapper-module__tabs__list___i6tVO", Rr = {
|
|
4941
4975
|
tabs: Dl,
|
|
4942
4976
|
tabs__list: Bl
|
|
4943
|
-
},
|
|
4977
|
+
}, Lr = "tabs", Qc = ({
|
|
4944
4978
|
className: t,
|
|
4945
4979
|
children: a
|
|
4946
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
4980
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(Rr[Lr], t) }, a), jc = ({
|
|
4947
4981
|
className: t,
|
|
4948
4982
|
children: a
|
|
4949
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
4983
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(Rr[`${Lr}__list`], t) }, a), Dt = {
|
|
4950
4984
|
"tag-input": "lc-TagInput-module__tag-input___CLVY-",
|
|
4951
4985
|
"tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
|
|
4952
4986
|
"tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
|
|
@@ -4967,11 +5001,11 @@ const wt = {
|
|
|
4967
5001
|
}, n = () => {
|
|
4968
5002
|
r && r.current && r.current.focus();
|
|
4969
5003
|
}, m = (b) => {
|
|
4970
|
-
if (b.key ===
|
|
5004
|
+
if (b.key === _e.enter) {
|
|
4971
5005
|
b.preventDefault(), n();
|
|
4972
5006
|
return;
|
|
4973
5007
|
}
|
|
4974
|
-
b.key ===
|
|
5008
|
+
b.key === _e.backspace && d() === "" && (s(!0), o(), n());
|
|
4975
5009
|
}, p = () => {
|
|
4976
5010
|
const b = i();
|
|
4977
5011
|
if (!(c || !b)) {
|
|
@@ -4984,7 +5018,7 @@ const wt = {
|
|
|
4984
5018
|
}, f = (b) => {
|
|
4985
5019
|
b.preventDefault();
|
|
4986
5020
|
const E = b.clipboardData.getData("text/plain");
|
|
4987
|
-
document.execCommand("insertHTML", !1,
|
|
5021
|
+
document.execCommand("insertHTML", !1, Ka(E));
|
|
4988
5022
|
};
|
|
4989
5023
|
return /* @__PURE__ */ e.createElement(
|
|
4990
5024
|
"div",
|
|
@@ -4995,10 +5029,10 @@ const wt = {
|
|
|
4995
5029
|
onPaste: f,
|
|
4996
5030
|
onBlur: p,
|
|
4997
5031
|
onKeyDown: m,
|
|
4998
|
-
dangerouslySetInnerHTML: { __html:
|
|
5032
|
+
dangerouslySetInnerHTML: { __html: Ka(l) }
|
|
4999
5033
|
}
|
|
5000
5034
|
);
|
|
5001
|
-
}, Pl = "tag-input__tag",
|
|
5035
|
+
}, Pl = "tag-input__tag", br = ({
|
|
5002
5036
|
children: t,
|
|
5003
5037
|
index: a,
|
|
5004
5038
|
remove: r,
|
|
@@ -5009,25 +5043,25 @@ const wt = {
|
|
|
5009
5043
|
tagProps: s
|
|
5010
5044
|
}) => {
|
|
5011
5045
|
const i = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), d = e.useRef(null), n = () => r(a), m = () => i ? s ? s.kind : "default" : "error";
|
|
5012
|
-
return /* @__PURE__ */ e.createElement(
|
|
5046
|
+
return /* @__PURE__ */ e.createElement(Ir, T(k({ size: c }, s), { kind: m(), onRemove: n }), /* @__PURE__ */ e.createElement(
|
|
5013
5047
|
Al,
|
|
5014
5048
|
{
|
|
5015
5049
|
value: t,
|
|
5016
5050
|
inputRef: o,
|
|
5017
5051
|
innerEditableRef: d,
|
|
5018
|
-
className:
|
|
5052
|
+
className: Dt[`${Pl}__content`],
|
|
5019
5053
|
change: (p) => l(a, p),
|
|
5020
5054
|
remove: n,
|
|
5021
5055
|
validator: _
|
|
5022
5056
|
}
|
|
5023
5057
|
));
|
|
5024
|
-
},
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
], Fl = [
|
|
5058
|
+
}, qt = "tag-input", Il = [
|
|
5059
|
+
_e.enter,
|
|
5060
|
+
_e.spacebar,
|
|
5061
|
+
_e.tab,
|
|
5062
|
+
_e.semicolon,
|
|
5063
|
+
_e.comma
|
|
5064
|
+
], Fl = [_e.backspace, _e.delete], Ml = (p) => {
|
|
5031
5065
|
var f = p, {
|
|
5032
5066
|
id: t,
|
|
5033
5067
|
tags: a,
|
|
@@ -5040,7 +5074,7 @@ const wt = {
|
|
|
5040
5074
|
inputClassName: i,
|
|
5041
5075
|
onBlur: d,
|
|
5042
5076
|
addOnBlur: n = !0
|
|
5043
|
-
} = f, m =
|
|
5077
|
+
} = f, m = F(f, [
|
|
5044
5078
|
"id",
|
|
5045
5079
|
"tags",
|
|
5046
5080
|
"onChange",
|
|
@@ -5054,20 +5088,20 @@ const wt = {
|
|
|
5054
5088
|
"addOnBlur"
|
|
5055
5089
|
]);
|
|
5056
5090
|
const b = u(
|
|
5057
|
-
|
|
5091
|
+
Dt[qt],
|
|
5058
5092
|
{
|
|
5059
|
-
[
|
|
5093
|
+
[Dt[`${qt}--error`]]: o
|
|
5060
5094
|
},
|
|
5061
5095
|
s
|
|
5062
5096
|
), E = u(
|
|
5063
5097
|
i,
|
|
5064
|
-
|
|
5065
|
-
|
|
5098
|
+
Dt[`${qt}__input`],
|
|
5099
|
+
Dt[`${qt}__input--${c}`]
|
|
5066
5100
|
), [v, h] = e.useState(""), y = e.useRef(null), $ = (x) => {
|
|
5067
5101
|
x.trim() !== "" && (r([...a || [], x]), h(""));
|
|
5068
|
-
},
|
|
5069
|
-
const
|
|
5070
|
-
|
|
5102
|
+
}, C = (x) => {
|
|
5103
|
+
const R = [...a || []];
|
|
5104
|
+
R.splice(x, 1), r(R);
|
|
5071
5105
|
}, w = (x) => h(x.target.value), g = (x) => {
|
|
5072
5106
|
if (Il.includes(x.key)) {
|
|
5073
5107
|
if (x.preventDefault(), v === "")
|
|
@@ -5076,39 +5110,39 @@ const wt = {
|
|
|
5076
5110
|
} else if (Fl.includes(x.key)) {
|
|
5077
5111
|
if (v !== "" || !(a != null && a.length))
|
|
5078
5112
|
return;
|
|
5079
|
-
|
|
5113
|
+
C(a.length - 1);
|
|
5080
5114
|
}
|
|
5081
|
-
},
|
|
5115
|
+
}, N = (x) => {
|
|
5082
5116
|
n && $(v), d == null || d(x);
|
|
5083
|
-
}, S = (x,
|
|
5117
|
+
}, S = (x, R) => {
|
|
5084
5118
|
const Y = [...a || []];
|
|
5085
5119
|
Y.reduce(
|
|
5086
|
-
(Ee, ve, we) => Ee + (ve ===
|
|
5120
|
+
(Ee, ve, we) => Ee + (ve === R && we !== x ? 1 : 0),
|
|
5087
5121
|
0
|
|
5088
|
-
) > 0 ? Y.splice(x, 1) : Y[x] =
|
|
5089
|
-
},
|
|
5122
|
+
) > 0 ? Y.splice(x, 1) : Y[x] = R, r(Y);
|
|
5123
|
+
}, V = (x) => {
|
|
5090
5124
|
x.preventDefault();
|
|
5091
5125
|
const Y = x.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
|
|
5092
5126
|
r([...a || [], ...Y]);
|
|
5093
|
-
},
|
|
5094
|
-
|
|
5127
|
+
}, q = (x, R) => typeof x == "string" ? /* @__PURE__ */ e.createElement(
|
|
5128
|
+
br,
|
|
5095
5129
|
{
|
|
5096
|
-
index:
|
|
5097
|
-
key: `${
|
|
5130
|
+
index: R,
|
|
5131
|
+
key: `${R}${x}`,
|
|
5098
5132
|
update: S,
|
|
5099
|
-
remove:
|
|
5133
|
+
remove: C,
|
|
5100
5134
|
inputRef: y,
|
|
5101
5135
|
validator: _,
|
|
5102
5136
|
size: c
|
|
5103
5137
|
},
|
|
5104
5138
|
x
|
|
5105
5139
|
) : /* @__PURE__ */ e.createElement(
|
|
5106
|
-
|
|
5140
|
+
br,
|
|
5107
5141
|
{
|
|
5108
|
-
index:
|
|
5109
|
-
key: `${
|
|
5142
|
+
index: R,
|
|
5143
|
+
key: `${R}${x.children}`,
|
|
5110
5144
|
update: S,
|
|
5111
|
-
remove:
|
|
5145
|
+
remove: C,
|
|
5112
5146
|
inputRef: y,
|
|
5113
5147
|
validator: _,
|
|
5114
5148
|
size: c,
|
|
@@ -5116,7 +5150,7 @@ const wt = {
|
|
|
5116
5150
|
},
|
|
5117
5151
|
x.value || x.children
|
|
5118
5152
|
);
|
|
5119
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
5153
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(I, { as: "div", className: b }, a == null ? void 0 : a.map(q), /* @__PURE__ */ e.createElement(
|
|
5120
5154
|
"input",
|
|
5121
5155
|
T(k({}, m), {
|
|
5122
5156
|
id: t,
|
|
@@ -5126,18 +5160,18 @@ const wt = {
|
|
|
5126
5160
|
value: v,
|
|
5127
5161
|
onChange: w,
|
|
5128
5162
|
onKeyDown: g,
|
|
5129
|
-
onPaste:
|
|
5130
|
-
onBlur:
|
|
5163
|
+
onPaste: V,
|
|
5164
|
+
onBlur: N
|
|
5131
5165
|
})
|
|
5132
|
-
)), o && /* @__PURE__ */ e.createElement(
|
|
5133
|
-
},
|
|
5166
|
+
)), o && /* @__PURE__ */ e.createElement(Ga, null, o));
|
|
5167
|
+
}, Rl = /^(?:[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, Ll = "name@company.com", Ol = (t) => Rl.test(t), Zc = (r) => {
|
|
5134
5168
|
var _ = r, {
|
|
5135
5169
|
placeholder: t = Ll
|
|
5136
|
-
} = _, a =
|
|
5170
|
+
} = _, a = F(_, [
|
|
5137
5171
|
"placeholder"
|
|
5138
5172
|
]);
|
|
5139
|
-
return /* @__PURE__ */ e.createElement(
|
|
5140
|
-
}, Hl = "lc-Toast-module__toast___j5Amn", zl = "lc-Toast-module__toast__content___HjaNw", Gl = "lc-Toast-module__toast__actions___JWu-1", Ul = "lc-Toast-module__toast__actions__button___Iblrl",
|
|
5173
|
+
return /* @__PURE__ */ e.createElement(Ml, T(k({}, a), { placeholder: t, validator: Ol }));
|
|
5174
|
+
}, Hl = "lc-Toast-module__toast___j5Amn", zl = "lc-Toast-module__toast__content___HjaNw", Gl = "lc-Toast-module__toast__actions___JWu-1", Ul = "lc-Toast-module__toast__actions__button___Iblrl", Z = {
|
|
5141
5175
|
toast: Hl,
|
|
5142
5176
|
toast__content: zl,
|
|
5143
5177
|
toast__actions: Gl,
|
|
@@ -5169,16 +5203,16 @@ const wt = {
|
|
|
5169
5203
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
5170
5204
|
}, Wl = {
|
|
5171
5205
|
success: {
|
|
5172
|
-
source:
|
|
5206
|
+
source: vr
|
|
5173
5207
|
},
|
|
5174
5208
|
warning: {
|
|
5175
|
-
source:
|
|
5209
|
+
source: fr
|
|
5176
5210
|
},
|
|
5177
5211
|
error: {
|
|
5178
|
-
source:
|
|
5212
|
+
source: hr
|
|
5179
5213
|
},
|
|
5180
5214
|
info: {
|
|
5181
|
-
source:
|
|
5215
|
+
source: Ma
|
|
5182
5216
|
}
|
|
5183
5217
|
}, Xe = "toast", Vl = (s) => {
|
|
5184
5218
|
var i = s, {
|
|
@@ -5188,7 +5222,7 @@ const wt = {
|
|
|
5188
5222
|
removable: _,
|
|
5189
5223
|
kind: o = "info",
|
|
5190
5224
|
onClose: l
|
|
5191
|
-
} = i, c =
|
|
5225
|
+
} = i, c = F(i, [
|
|
5192
5226
|
"action",
|
|
5193
5227
|
"className",
|
|
5194
5228
|
"children",
|
|
@@ -5197,14 +5231,14 @@ const wt = {
|
|
|
5197
5231
|
"onClose"
|
|
5198
5232
|
]);
|
|
5199
5233
|
const d = u(
|
|
5200
|
-
|
|
5201
|
-
|
|
5234
|
+
Z[Xe],
|
|
5235
|
+
Z[`${Xe}--${o}`],
|
|
5202
5236
|
a
|
|
5203
5237
|
), n = typeof r == "string", m = (p) => p && p.closesOnClick && l ? (p.onClick(), l()) : p.onClick();
|
|
5204
|
-
return /* @__PURE__ */ e.createElement("div", k({ className: d }, c), /* @__PURE__ */ e.createElement("div", { className:
|
|
5238
|
+
return /* @__PURE__ */ e.createElement("div", k({ className: d }, c), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__icon`] }, /* @__PURE__ */ e.createElement(A, T(k({}, Wl[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__content`] }, n ? /* @__PURE__ */ e.createElement(I, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Z[`${Xe}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
5205
5239
|
W,
|
|
5206
5240
|
{
|
|
5207
|
-
className:
|
|
5241
|
+
className: Z[`${Xe}__actions--custom`],
|
|
5208
5242
|
kind: "text",
|
|
5209
5243
|
size: "compact",
|
|
5210
5244
|
onClick: () => m(t)
|
|
@@ -5214,15 +5248,15 @@ const wt = {
|
|
|
5214
5248
|
"button",
|
|
5215
5249
|
{
|
|
5216
5250
|
className: u(
|
|
5217
|
-
|
|
5218
|
-
|
|
5251
|
+
Z[`${Xe}__actions__button`],
|
|
5252
|
+
Z[`${Xe}__actions__button--${o}`]
|
|
5219
5253
|
),
|
|
5220
5254
|
"aria-label": "Close toast",
|
|
5221
5255
|
onClick: l
|
|
5222
5256
|
},
|
|
5223
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
5257
|
+
/* @__PURE__ */ e.createElement(A, { source: Be, size: "medium" })
|
|
5224
5258
|
)));
|
|
5225
|
-
}, ql = 200,
|
|
5259
|
+
}, ql = 200, xt = "toast-wrapper", en = ({
|
|
5226
5260
|
className: t,
|
|
5227
5261
|
toasts: a = [],
|
|
5228
5262
|
fixed: r = !0,
|
|
@@ -5232,24 +5266,24 @@ const wt = {
|
|
|
5232
5266
|
horizontalPosition: c = "center"
|
|
5233
5267
|
}) => {
|
|
5234
5268
|
const s = u(
|
|
5235
|
-
|
|
5269
|
+
Z[xt],
|
|
5236
5270
|
{
|
|
5237
|
-
[
|
|
5238
|
-
[
|
|
5239
|
-
[
|
|
5240
|
-
[
|
|
5271
|
+
[Z[`${xt}--fixed`]]: r,
|
|
5272
|
+
[Z[`${xt}--block`]]: !r && _,
|
|
5273
|
+
[Z[`${xt}--horizontal-${c}`]]: c,
|
|
5274
|
+
[Z[`${xt}--vertical-${l}`]]: l
|
|
5241
5275
|
},
|
|
5242
5276
|
t
|
|
5243
5277
|
);
|
|
5244
|
-
return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(
|
|
5245
|
-
|
|
5278
|
+
return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(Nr, { component: null }, a.map(({ id: i, kind: d, content: n, removable: m, action: p, onClose: f }) => /* @__PURE__ */ e.createElement(
|
|
5279
|
+
Sr,
|
|
5246
5280
|
{
|
|
5247
5281
|
key: i,
|
|
5248
5282
|
classNames: {
|
|
5249
|
-
enter:
|
|
5250
|
-
enterActive:
|
|
5251
|
-
exit:
|
|
5252
|
-
exitActive:
|
|
5283
|
+
enter: Z[`toast-appear--${o}`],
|
|
5284
|
+
enterActive: Z[`toast-appear-active--${o}`],
|
|
5285
|
+
exit: Z[`toast-exit--${o}`],
|
|
5286
|
+
exitActive: Z[`toast-exit-active--${o}`]
|
|
5253
5287
|
},
|
|
5254
5288
|
timeout: ql
|
|
5255
5289
|
},
|
|
@@ -5264,24 +5298,24 @@ const wt = {
|
|
|
5264
5298
|
n
|
|
5265
5299
|
)
|
|
5266
5300
|
))));
|
|
5267
|
-
}, Yl = "lc-Textarea-module__textarea___g6U8F",
|
|
5301
|
+
}, Yl = "lc-Textarea-module__textarea___g6U8F", Yt = {
|
|
5268
5302
|
textarea: Yl,
|
|
5269
5303
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
5270
5304
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
5271
5305
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
5272
|
-
},
|
|
5306
|
+
}, Kt = "textarea", tn = e.forwardRef(
|
|
5273
5307
|
(o, _) => {
|
|
5274
|
-
var l = o, { className: t, error: a } = l, r =
|
|
5275
|
-
const { disabled: c, onBlur: s, onFocus: i } = r, [d, n] = e.useState(!1), m = u(t,
|
|
5276
|
-
[
|
|
5277
|
-
[
|
|
5278
|
-
[
|
|
5308
|
+
var l = o, { className: t, error: a } = l, r = F(l, ["className", "error"]);
|
|
5309
|
+
const { disabled: c, onBlur: s, onFocus: i } = r, [d, n] = e.useState(!1), m = u(t, Yt[Kt], {
|
|
5310
|
+
[Yt[`${Kt}--disabled`]]: c,
|
|
5311
|
+
[Yt[`${Kt}--focused`]]: d,
|
|
5312
|
+
[Yt[`${Kt}--error`]]: a
|
|
5279
5313
|
}), p = (b) => {
|
|
5280
5314
|
n(!1), s == null || s(b);
|
|
5281
5315
|
}, f = (b) => {
|
|
5282
5316
|
n(!0), i == null || i(b);
|
|
5283
5317
|
};
|
|
5284
|
-
return /* @__PURE__ */ e.createElement(
|
|
5318
|
+
return /* @__PURE__ */ e.createElement(I, { as: "div", className: m }, /* @__PURE__ */ e.createElement(
|
|
5285
5319
|
"textarea",
|
|
5286
5320
|
T(k({}, r), {
|
|
5287
5321
|
ref: _,
|
|
@@ -5290,28 +5324,28 @@ const wt = {
|
|
|
5290
5324
|
})
|
|
5291
5325
|
));
|
|
5292
5326
|
}
|
|
5293
|
-
),
|
|
5327
|
+
), Sa = {
|
|
5294
5328
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
5295
5329
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
5296
5330
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
5297
|
-
},
|
|
5331
|
+
}, xa = "file-upload-progress-actions", Fa = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Sa[`${xa}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
5298
5332
|
"button",
|
|
5299
5333
|
{
|
|
5300
5334
|
type: "button",
|
|
5301
|
-
className:
|
|
5335
|
+
className: Sa[`${xa}__retry-button`],
|
|
5302
5336
|
"aria-label": "Retry",
|
|
5303
5337
|
onClick: r
|
|
5304
5338
|
},
|
|
5305
|
-
/* @__PURE__ */ e.createElement(A, { size: "small", source:
|
|
5339
|
+
/* @__PURE__ */ e.createElement(A, { size: "small", source: jr })
|
|
5306
5340
|
), a && t !== "success" && /* @__PURE__ */ e.createElement(
|
|
5307
5341
|
"button",
|
|
5308
5342
|
{
|
|
5309
5343
|
type: "button",
|
|
5310
|
-
className:
|
|
5344
|
+
className: Sa[`${xa}__close-button`],
|
|
5311
5345
|
"aria-label": "Close",
|
|
5312
5346
|
onClick: a
|
|
5313
5347
|
},
|
|
5314
|
-
/* @__PURE__ */ e.createElement(A, { size: "small", source:
|
|
5348
|
+
/* @__PURE__ */ e.createElement(A, { size: "small", source: Be })
|
|
5315
5349
|
)), Se = {
|
|
5316
5350
|
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
5317
5351
|
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
@@ -5323,7 +5357,7 @@ const wt = {
|
|
|
5323
5357
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
5324
5358
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
5325
5359
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
5326
|
-
}, qe = "file-upload-progress",
|
|
5360
|
+
}, qe = "file-upload-progress", Ta = `${qe}__wrapper__header__title`, Kl = e.forwardRef(
|
|
5327
5361
|
({
|
|
5328
5362
|
actionsVisibility: t = "hidden",
|
|
5329
5363
|
className: a,
|
|
@@ -5342,7 +5376,7 @@ const wt = {
|
|
|
5342
5376
|
Se[`${qe}__icon--success`]
|
|
5343
5377
|
)
|
|
5344
5378
|
},
|
|
5345
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
5379
|
+
/* @__PURE__ */ e.createElement(A, { source: Xt })
|
|
5346
5380
|
), /* @__PURE__ */ e.createElement(
|
|
5347
5381
|
"div",
|
|
5348
5382
|
{
|
|
@@ -5353,12 +5387,12 @@ const wt = {
|
|
|
5353
5387
|
/* @__PURE__ */ e.createElement("div", { className: Se[`${qe}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
5354
5388
|
"div",
|
|
5355
5389
|
{
|
|
5356
|
-
className: u(Se[
|
|
5357
|
-
[Se[`${
|
|
5358
|
-
[Se[`${
|
|
5390
|
+
className: u(Se[Ta], {
|
|
5391
|
+
[Se[`${Ta}--success`]]: c === "success",
|
|
5392
|
+
[Se[`${Ta}--error`]]: c === "error"
|
|
5359
5393
|
})
|
|
5360
5394
|
},
|
|
5361
|
-
/* @__PURE__ */ e.createElement(
|
|
5395
|
+
/* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, _),
|
|
5362
5396
|
"=",
|
|
5363
5397
|
" "
|
|
5364
5398
|
), t !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
@@ -5369,7 +5403,7 @@ const wt = {
|
|
|
5369
5403
|
})
|
|
5370
5404
|
},
|
|
5371
5405
|
/* @__PURE__ */ e.createElement(
|
|
5372
|
-
|
|
5406
|
+
Fa,
|
|
5373
5407
|
{
|
|
5374
5408
|
status: c,
|
|
5375
5409
|
onCloseButtonClick: s,
|
|
@@ -5387,7 +5421,7 @@ const wt = {
|
|
|
5387
5421
|
}
|
|
5388
5422
|
)
|
|
5389
5423
|
))
|
|
5390
|
-
),
|
|
5424
|
+
), z = {
|
|
5391
5425
|
"upload-bar": "lc-UploadBar-module__upload-bar___6Or8h",
|
|
5392
5426
|
"upload-bar__loader-test": "lc-UploadBar-module__upload-bar__loader-test___aZb2J",
|
|
5393
5427
|
"upload-bar--error": "lc-UploadBar-module__upload-bar--error___MzvhT",
|
|
@@ -5408,10 +5442,10 @@ const wt = {
|
|
|
5408
5442
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
5409
5443
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
5410
5444
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
5411
|
-
},
|
|
5445
|
+
}, ue = "upload-bar", Ye = `${ue}__wrapper__header`, Jl = 300, Xl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__success-icon`] }, /* @__PURE__ */ e.createElement(A, { source: Xt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__error-icon`] }, /* @__PURE__ */ e.createElement(A, { source: Zr })) : /* @__PURE__ */ e.createElement(
|
|
5412
5446
|
gl,
|
|
5413
5447
|
{
|
|
5414
|
-
className:
|
|
5448
|
+
className: z[`${Ye}__loader`],
|
|
5415
5449
|
status: t,
|
|
5416
5450
|
progressValue: a
|
|
5417
5451
|
}
|
|
@@ -5429,11 +5463,11 @@ const wt = {
|
|
|
5429
5463
|
onCloseButtonClick: n,
|
|
5430
5464
|
onRetryButtonClick: m
|
|
5431
5465
|
}) => {
|
|
5432
|
-
const [p, f] = e.useState(o || !1), b = c === "error", E = c === "success", v = u(
|
|
5433
|
-
[
|
|
5434
|
-
[
|
|
5466
|
+
const [p, f] = e.useState(o || !1), b = c === "error", E = c === "success", v = u(z[ue], a, {
|
|
5467
|
+
[z[`${ue}--error`]]: b,
|
|
5468
|
+
[z[`${ue}--success`]]: E
|
|
5435
5469
|
}), h = !(b && (m || n)), y = () => f(!p);
|
|
5436
|
-
return d === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className:
|
|
5470
|
+
return d === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: z[`${ue}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}`] }, /* @__PURE__ */ e.createElement(
|
|
5437
5471
|
Kl,
|
|
5438
5472
|
{
|
|
5439
5473
|
title: b && l || _,
|
|
@@ -5443,7 +5477,7 @@ const wt = {
|
|
|
5443
5477
|
size: i
|
|
5444
5478
|
}
|
|
5445
5479
|
)), c === "error" && /* @__PURE__ */ e.createElement(
|
|
5446
|
-
|
|
5480
|
+
Fa,
|
|
5447
5481
|
{
|
|
5448
5482
|
status: c,
|
|
5449
5483
|
onCloseButtonClick: n,
|
|
@@ -5452,38 +5486,38 @@ const wt = {
|
|
|
5452
5486
|
))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
|
|
5453
5487
|
"div",
|
|
5454
5488
|
{
|
|
5455
|
-
className:
|
|
5489
|
+
className: z[`${ue}__wrapper`],
|
|
5456
5490
|
onClick: y
|
|
5457
5491
|
},
|
|
5458
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
5492
|
+
/* @__PURE__ */ e.createElement("div", { className: z[`${Ye}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__icon`] }, Xl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__title`] }, /* @__PURE__ */ e.createElement(I, { size: "sm", as: "div" }, b ? l : _)), h && /* @__PURE__ */ e.createElement(
|
|
5459
5493
|
"button",
|
|
5460
5494
|
{
|
|
5461
|
-
className:
|
|
5495
|
+
className: z[`${Ye}__collapse-button`],
|
|
5462
5496
|
type: "button",
|
|
5463
5497
|
onClick: y
|
|
5464
5498
|
},
|
|
5465
|
-
p ? /* @__PURE__ */ e.createElement(A, { source:
|
|
5466
|
-
), c === "error" && /* @__PURE__ */ e.createElement("div", { className:
|
|
5467
|
-
|
|
5499
|
+
p ? /* @__PURE__ */ e.createElement(A, { source: Qt }) : /* @__PURE__ */ e.createElement(A, { source: At })
|
|
5500
|
+
), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${Ye}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
5501
|
+
Fa,
|
|
5468
5502
|
{
|
|
5469
5503
|
status: c,
|
|
5470
5504
|
onCloseButtonClick: n,
|
|
5471
5505
|
onRetryButtonClick: m
|
|
5472
5506
|
}
|
|
5473
5507
|
)))
|
|
5474
|
-
), /* @__PURE__ */ e.createElement(
|
|
5475
|
-
|
|
5508
|
+
), /* @__PURE__ */ e.createElement(Nr, { component: null }, p && /* @__PURE__ */ e.createElement(
|
|
5509
|
+
Sr,
|
|
5476
5510
|
{
|
|
5477
5511
|
timeout: Jl,
|
|
5478
5512
|
classNames: {
|
|
5479
|
-
enter:
|
|
5480
|
-
enterActive:
|
|
5481
|
-
exit:
|
|
5482
|
-
exitActive:
|
|
5483
|
-
exitDone:
|
|
5513
|
+
enter: z[`${ue}__files--enter`],
|
|
5514
|
+
enterActive: z[`${ue}__files--enter-active`],
|
|
5515
|
+
exit: z[`${ue}__files--exit`],
|
|
5516
|
+
exitActive: z[`${ue}__files--exit-active`],
|
|
5517
|
+
exitDone: z[`${ue}__files--exit-done`]
|
|
5484
5518
|
}
|
|
5485
5519
|
},
|
|
5486
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
5520
|
+
/* @__PURE__ */ e.createElement("div", { className: z[`${ue}__files`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ue}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${ue}__files__list`] }, t)))
|
|
5487
5521
|
)));
|
|
5488
5522
|
};
|
|
5489
5523
|
export {
|
|
@@ -5495,7 +5529,7 @@ export {
|
|
|
5495
5529
|
K_ as Avatar,
|
|
5496
5530
|
j_ as Badge,
|
|
5497
5531
|
W as Button,
|
|
5498
|
-
|
|
5532
|
+
Nc as Card,
|
|
5499
5533
|
wo as Checkbox,
|
|
5500
5534
|
Do as DatePicker,
|
|
5501
5535
|
Sc as DatePickerRangeCalendarsWrapper,
|
|
@@ -5504,26 +5538,26 @@ export {
|
|
|
5504
5538
|
Tc as DetailsCardInfo,
|
|
5505
5539
|
fc as Display,
|
|
5506
5540
|
Zc as EmailTagInput,
|
|
5507
|
-
|
|
5508
|
-
|
|
5541
|
+
na as FieldDescription,
|
|
5542
|
+
Ga as FieldError,
|
|
5509
5543
|
Dc as FieldGroup,
|
|
5510
5544
|
Kl as FileUploadProgress,
|
|
5511
|
-
|
|
5545
|
+
Fa as FileUploadProgressActions,
|
|
5512
5546
|
Bc as Form,
|
|
5513
5547
|
Ac as FormField,
|
|
5514
5548
|
Pc as FormGroup,
|
|
5515
|
-
|
|
5549
|
+
De as Heading,
|
|
5516
5550
|
A as Icon,
|
|
5517
5551
|
hc as Info,
|
|
5518
5552
|
Ic as Input,
|
|
5519
5553
|
kc as Interactive,
|
|
5520
5554
|
Fc as Link,
|
|
5521
|
-
|
|
5522
|
-
|
|
5555
|
+
za as Loader,
|
|
5556
|
+
Mc as Modal,
|
|
5523
5557
|
Wo as ModalBase,
|
|
5524
|
-
|
|
5558
|
+
ir as ModalCloseButton,
|
|
5525
5559
|
Lc as ModalHeader,
|
|
5526
|
-
|
|
5560
|
+
Rc as ModalPortal,
|
|
5527
5561
|
Oc as NumericInput,
|
|
5528
5562
|
Hc as Picker,
|
|
5529
5563
|
Qo as PickerList,
|
|
@@ -5537,7 +5571,7 @@ export {
|
|
|
5537
5571
|
Ao as RangeDatePicker,
|
|
5538
5572
|
Ec as Reports,
|
|
5539
5573
|
Vc as SearchInput,
|
|
5540
|
-
|
|
5574
|
+
Cc as SegmentedControl,
|
|
5541
5575
|
dc as ShadowToken,
|
|
5542
5576
|
vc as Simple,
|
|
5543
5577
|
Yc as SkeletonAvatar,
|
|
@@ -5548,13 +5582,13 @@ export {
|
|
|
5548
5582
|
Xc as Tab,
|
|
5549
5583
|
jc as TabsList,
|
|
5550
5584
|
Qc as TabsWrapper,
|
|
5551
|
-
|
|
5552
|
-
|
|
5553
|
-
|
|
5585
|
+
Ir as Tag,
|
|
5586
|
+
Ml as TagInput,
|
|
5587
|
+
I as Text,
|
|
5554
5588
|
tn as Textarea,
|
|
5555
5589
|
Vl as Toast,
|
|
5556
5590
|
en as ToastWrapper,
|
|
5557
|
-
|
|
5591
|
+
Dr as Tooltip,
|
|
5558
5592
|
gc as TransitionDelayToken,
|
|
5559
5593
|
mc as TransitionDurationToken,
|
|
5560
5594
|
pc as TransitionTimingToken,
|