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