@livechat/design-system-react-components 1.25.0 → 1.26.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/dist/components/Progress/{helpers.d.ts → Progress.helpers.d.ts} +0 -1
- package/dist/components/Progress/constants.d.ts +0 -1
- package/dist/components/Tooltip/types.d.ts +3 -4
- package/dist/components/Typography/types.d.ts +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.es.js +760 -738
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
1
|
+
var zr = Object.defineProperty, Gr = Object.defineProperties;
|
|
2
|
+
var Ur = Object.getOwnPropertyDescriptors;
|
|
3
3
|
var Lt = Object.getOwnPropertySymbols;
|
|
4
4
|
var qa = Object.prototype.hasOwnProperty, Ya = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var ka = (t, a, r) => a in t ?
|
|
5
|
+
var ka = (t, a, r) => a in t ? zr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, h = (t, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
7
|
qa.call(a, r) && ka(t, r, a[r]);
|
|
8
8
|
if (Lt)
|
|
9
9
|
for (var r of Lt(a))
|
|
10
10
|
Ya.call(a, r) && ka(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
},
|
|
12
|
+
}, S = (t, a) => Gr(t, Ur(a));
|
|
13
13
|
var F = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
@@ -21,20 +21,20 @@ var F = (t, a) => {
|
|
|
21
21
|
};
|
|
22
22
|
var ya = (t, a, r) => (ka(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as
|
|
25
|
-
import { Check as ea, Close as Ae, ChevronDown as Mt, Info as La, Warning as hr, CheckCircle as kr, Block as yr, Person as
|
|
24
|
+
import { useReducer as Wr, useRef as Vr, useEffect as pt, useCallback as Ot, useMemo as Ht } from "react";
|
|
25
|
+
import { Check as ea, Close as Ae, ChevronDown as Mt, Info as La, Warning as hr, CheckCircle as kr, Block as yr, Person as qr, ChevronUp as ta, DoubleArrowLeft as Yr, ChevronLeft as Kr, ChevronRight as Er, DoubleArrowRight as Jr, VisibilityOn as Xr, VisibilityOff as Qr, Search as jr, LockBlack as Zr, Refresh as e_, Error as t_ } from "@livechat/design-system-icons";
|
|
26
26
|
import u from "clsx";
|
|
27
|
-
import { useFloatingParentNodeId as Oa, useFloatingNodeId as aa, useFloating as ra, offset as _a, flip as oa, size as wr, autoUpdate as la, useClick as ca, useDismiss as na, useRole as sa, useInteractions as ia, useTransitionStyles as $r, FloatingNode as da, FloatingTree as Ha, shift as za, arrow as
|
|
27
|
+
import { useFloatingParentNodeId as Oa, useFloatingNodeId as aa, useFloating as ra, offset as _a, flip as oa, size as wr, autoUpdate as la, useClick as ca, useDismiss as na, useRole as sa, useInteractions as ia, useTransitionStyles as $r, FloatingNode as da, FloatingTree as Ha, shift as za, arrow as a_, useHover as r_, safePolygon as __, useFocus as o_, useTransitionStatus as l_, FloatingArrow as c_, FloatingPortal as Nr, FloatingOverlay as n_, FloatingFocusManager as Aa, useListNavigation as s_ } from "@floating-ui/react";
|
|
28
28
|
import * as Cr from "react-dom";
|
|
29
|
-
import { flushSync as
|
|
30
|
-
import
|
|
29
|
+
import { flushSync as i_ } from "react-dom";
|
|
30
|
+
import xr from "lodash.debounce";
|
|
31
31
|
import { getContrast as Ga } from "polished";
|
|
32
|
-
import
|
|
33
|
-
import { subMonths as gt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Pa, isSameDay as Ia, isAfter as Fa, differenceInCalendarDays as
|
|
34
|
-
import { Virtuoso as
|
|
32
|
+
import d_ from "react-day-picker";
|
|
33
|
+
import { subMonths as gt, differenceInCalendarMonths as Ka, addMonths as Ja, isSameMonth as Pa, isSameDay as Ia, isAfter as Fa, differenceInCalendarDays as Sr } from "date-fns";
|
|
34
|
+
import { Virtuoso as u_ } from "react-virtuoso";
|
|
35
35
|
import Xa from "lodash.escape";
|
|
36
36
|
import { TransitionGroup as Tr, CSSTransition as Dr } from "react-transition-group";
|
|
37
|
-
const
|
|
37
|
+
const uc = {
|
|
38
38
|
/** @deprecated */
|
|
39
39
|
Background: "--background",
|
|
40
40
|
Background01: "--background-01",
|
|
@@ -399,7 +399,7 @@ const pc = {
|
|
|
399
399
|
OnePopoverMessageBackgroundDefault: "--one-popover-message-background-default",
|
|
400
400
|
OnePopoverBorderDefault: "--one-popover-border-default",
|
|
401
401
|
OnePopoverBorderActive: "--one-popover-border-active"
|
|
402
|
-
},
|
|
402
|
+
}, mc = {
|
|
403
403
|
Spacing0: "--spacing-0",
|
|
404
404
|
Spacing05: "--spacing-05",
|
|
405
405
|
Spacing1: "--spacing-1",
|
|
@@ -419,7 +419,7 @@ const pc = {
|
|
|
419
419
|
Spacing18: "--spacing-18",
|
|
420
420
|
Spacing20: "--spacing-20",
|
|
421
421
|
Spacing24: "--spacing-24"
|
|
422
|
-
},
|
|
422
|
+
}, pc = {
|
|
423
423
|
Float: "--shadow-float",
|
|
424
424
|
PopOver: "--shadow-pop-over",
|
|
425
425
|
Modal: "--shadow-modal",
|
|
@@ -441,7 +441,7 @@ const pc = {
|
|
|
441
441
|
FixedLeft: "--shadow-fixed-left",
|
|
442
442
|
FixedTop: "--shadow-fixed-top",
|
|
443
443
|
FixedBottom: "--shadow-fixed-bottom"
|
|
444
|
-
},
|
|
444
|
+
}, gc = {
|
|
445
445
|
Radius0: "--radius-0",
|
|
446
446
|
Radius1: "--radius-1",
|
|
447
447
|
Radius2: "--radius-2",
|
|
@@ -457,18 +457,18 @@ const pc = {
|
|
|
457
457
|
// deprecated
|
|
458
458
|
4: "--radius-4"
|
|
459
459
|
// deprecated
|
|
460
|
-
},
|
|
460
|
+
}, bc = {
|
|
461
461
|
Fast1: "--transition-duration-fast-1",
|
|
462
462
|
Fast2: "--transition-duration-fast-2",
|
|
463
463
|
Moderate1: "--transition-duration-moderate-1"
|
|
464
|
-
},
|
|
464
|
+
}, fc = {
|
|
465
465
|
EaseIn: "--transition-timing-ease-in",
|
|
466
466
|
EaseOut: "--transition-timing-ease-out"
|
|
467
|
-
},
|
|
467
|
+
}, vc = {
|
|
468
468
|
Instant: "--delay-instant",
|
|
469
469
|
Moderate: "--delay-moderate",
|
|
470
470
|
Slow: "--delay-slow"
|
|
471
|
-
},
|
|
471
|
+
}, hc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, oe = {
|
|
472
472
|
esc: "Escape",
|
|
473
473
|
enter: "Enter",
|
|
474
474
|
backspace: "Backspace",
|
|
@@ -479,8 +479,8 @@ const pc = {
|
|
|
479
479
|
comma: ",",
|
|
480
480
|
arrowUp: "ArrowUp",
|
|
481
481
|
arrowDown: "ArrowDown"
|
|
482
|
-
},
|
|
483
|
-
icon:
|
|
482
|
+
}, m_ = "lc-Icon-module__icon___tw31R", Qa = {
|
|
483
|
+
icon: m_,
|
|
484
484
|
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
485
485
|
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
486
486
|
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
@@ -514,7 +514,7 @@ const pc = {
|
|
|
514
514
|
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
515
515
|
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC",
|
|
516
516
|
"icon--disabled--lock-black": "lc-Icon-module__icon--disabled--lock-black___WJNua"
|
|
517
|
-
},
|
|
517
|
+
}, p_ = {
|
|
518
518
|
xsmall: {
|
|
519
519
|
width: 12,
|
|
520
520
|
height: 12
|
|
@@ -558,12 +558,12 @@ const pc = {
|
|
|
558
558
|
"disabled",
|
|
559
559
|
"className",
|
|
560
560
|
"customColor"
|
|
561
|
-
]), d = e.createElement(a, h(h({},
|
|
561
|
+
]), d = e.createElement(a, h(h({}, p_[r]), c ? { color: c } : {})), i = u(
|
|
562
562
|
l,
|
|
563
563
|
Qa[ja],
|
|
564
564
|
_ && Qa[`${ja}--${o ? "disabled--" : ""}${_}`]
|
|
565
565
|
);
|
|
566
|
-
return /* @__PURE__ */ e.createElement("span",
|
|
566
|
+
return /* @__PURE__ */ e.createElement("span", S(h({}, n), { className: i }), d);
|
|
567
567
|
}, Re = {
|
|
568
568
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
569
569
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
@@ -573,6 +573,7 @@ const pc = {
|
|
|
573
573
|
"heading-2xs": "lc-Typography-module__heading-2xs___tcrVl",
|
|
574
574
|
"heading-uppercase": "lc-Typography-module__heading-uppercase___cpixD",
|
|
575
575
|
"heading-bold": "lc-Typography-module__heading-bold___ZAPzP",
|
|
576
|
+
"paragraph-lg": "lc-Typography-module__paragraph-lg___NjZPd",
|
|
576
577
|
"paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
|
|
577
578
|
"paragraph-sm": "lc-Typography-module__paragraph-sm___QIEFL",
|
|
578
579
|
"paragraph-xs": "lc-Typography-module__paragraph-xs___OUooD",
|
|
@@ -585,7 +586,7 @@ const pc = {
|
|
|
585
586
|
"display-lg": "lc-Typography-module__display-lg___WKhIT",
|
|
586
587
|
"display-max": "lc-Typography-module__display-max___vR8yn",
|
|
587
588
|
"display--bold": "lc-Typography-module__display--bold___a1pLv"
|
|
588
|
-
},
|
|
589
|
+
}, g_ = {
|
|
589
590
|
xl: "h1",
|
|
590
591
|
lg: "h2",
|
|
591
592
|
md: "h3",
|
|
@@ -613,7 +614,7 @@ const pc = {
|
|
|
613
614
|
"textAlign"
|
|
614
615
|
]);
|
|
615
616
|
return e.createElement(
|
|
616
|
-
t ||
|
|
617
|
+
t || g_[a],
|
|
617
618
|
h({
|
|
618
619
|
className: u(
|
|
619
620
|
{
|
|
@@ -627,8 +628,8 @@ const pc = {
|
|
|
627
628
|
}, d),
|
|
628
629
|
r
|
|
629
630
|
);
|
|
630
|
-
}, P = (
|
|
631
|
-
var f =
|
|
631
|
+
}, P = (m) => {
|
|
632
|
+
var f = m, {
|
|
632
633
|
as: t = "p",
|
|
633
634
|
size: a = "md",
|
|
634
635
|
caps: r = !1,
|
|
@@ -640,7 +641,7 @@ const pc = {
|
|
|
640
641
|
className: d,
|
|
641
642
|
customColor: i,
|
|
642
643
|
textAlign: s
|
|
643
|
-
} = f,
|
|
644
|
+
} = f, g = F(f, [
|
|
644
645
|
"as",
|
|
645
646
|
"size",
|
|
646
647
|
"caps",
|
|
@@ -668,10 +669,10 @@ const pc = {
|
|
|
668
669
|
d
|
|
669
670
|
),
|
|
670
671
|
style: h(h({}, i && { color: i }), s && { textAlign: s })
|
|
671
|
-
},
|
|
672
|
+
}, g),
|
|
672
673
|
n
|
|
673
674
|
);
|
|
674
|
-
},
|
|
675
|
+
}, kc = (d) => {
|
|
675
676
|
var i = d, {
|
|
676
677
|
as: t = "div",
|
|
677
678
|
size: a = "md",
|
|
@@ -715,7 +716,7 @@ const pc = {
|
|
|
715
716
|
"action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo",
|
|
716
717
|
"action-menu__list--with-footer": "lc-ActionMenu-module__action-menu__list--with-footer___ghTxL",
|
|
717
718
|
"action-menu__footer": "lc-ActionMenu-module__action-menu__footer___HxoOe"
|
|
718
|
-
}, Fe = "action-menu",
|
|
719
|
+
}, Fe = "action-menu", b_ = (E) => {
|
|
719
720
|
var v = E, {
|
|
720
721
|
className: t,
|
|
721
722
|
triggerClassName: a,
|
|
@@ -728,8 +729,8 @@ const pc = {
|
|
|
728
729
|
visible: d,
|
|
729
730
|
onClose: i,
|
|
730
731
|
onOpen: s,
|
|
731
|
-
floatingStrategy:
|
|
732
|
-
selectedOptions:
|
|
732
|
+
floatingStrategy: g,
|
|
733
|
+
selectedOptions: m,
|
|
733
734
|
footer: f
|
|
734
735
|
} = v, b = F(v, [
|
|
735
736
|
"className",
|
|
@@ -747,22 +748,22 @@ const pc = {
|
|
|
747
748
|
"selectedOptions",
|
|
748
749
|
"footer"
|
|
749
750
|
]);
|
|
750
|
-
const k = d !== void 0, [y, $] = e.useState(l), [C, w] = e.useState(null),
|
|
751
|
+
const k = d !== void 0, [y, $] = e.useState(l), [C, w] = e.useState(null), p = e.useRef(-1), N = Oa(), x = aa(), G = e.useRef(null), H = k ? d : y, T = () => {
|
|
751
752
|
H ? (i == null || i(), !k && $(!1)) : (s == null || s(), !k && $(!0));
|
|
752
753
|
}, { x: R, y: U, strategy: Y, refs: ke, context: ee } = ra({
|
|
753
|
-
nodeId:
|
|
754
|
+
nodeId: x,
|
|
754
755
|
middleware: [
|
|
755
756
|
_a(4),
|
|
756
757
|
oa(n),
|
|
757
758
|
wr({
|
|
758
759
|
apply({ availableHeight: I }) {
|
|
759
|
-
|
|
760
|
+
i_(() => w(I));
|
|
760
761
|
}
|
|
761
762
|
})
|
|
762
763
|
],
|
|
763
764
|
placement: o,
|
|
764
765
|
open: H,
|
|
765
|
-
strategy:
|
|
766
|
+
strategy: g,
|
|
766
767
|
onOpenChange: T,
|
|
767
768
|
whileElementsMounted: la
|
|
768
769
|
}), $e = ca(ee), Pe = na(ee, {
|
|
@@ -785,7 +786,7 @@ const pc = {
|
|
|
785
786
|
})
|
|
786
787
|
}), st = (I) => {
|
|
787
788
|
var ze, Ge;
|
|
788
|
-
const te =
|
|
789
|
+
const te = p.current;
|
|
789
790
|
let ce = te + I;
|
|
790
791
|
for (; (ze = r[ce]) != null && ze.disabled || (Ge = r[ce]) != null && Ge.groupHeader; )
|
|
791
792
|
if (ce += I, ce === -1) {
|
|
@@ -795,19 +796,19 @@ const pc = {
|
|
|
795
796
|
return ce;
|
|
796
797
|
}, Ze = (I) => {
|
|
797
798
|
var ze, Ge;
|
|
798
|
-
|
|
799
|
-
const te = (ze = G.current) == null ? void 0 : ze.children, ce = te && ((Ge = te[
|
|
799
|
+
p.current = st(I);
|
|
800
|
+
const te = (ze = G.current) == null ? void 0 : ze.children, ce = te && ((Ge = te[p.current]) == null ? void 0 : Ge.children[0]);
|
|
800
801
|
return ce == null ? void 0 : ce.focus();
|
|
801
802
|
}, He = (I) => {
|
|
802
|
-
I.key === oe.arrowUp &&
|
|
803
|
+
I.key === oe.arrowUp && p.current > 0 && (I.preventDefault(), Ze(-1)), I.key === oe.arrowDown && p.current + 1 < r.length && (I.preventDefault(), Ze(1));
|
|
803
804
|
};
|
|
804
805
|
e.useEffect(() => {
|
|
805
806
|
if (H)
|
|
806
807
|
return document.addEventListener("keydown", He), () => document.removeEventListener("keydown", He);
|
|
807
|
-
|
|
808
|
+
p.current = -1;
|
|
808
809
|
}, [H, He]);
|
|
809
810
|
const ft = (I, te) => {
|
|
810
|
-
|
|
811
|
+
p.current = I, te == null || te(), !k && !c && ($(!1), i == null || i());
|
|
811
812
|
}, Xe = (I, te) => I.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
812
813
|
"li",
|
|
813
814
|
{
|
|
@@ -828,11 +829,11 @@ const pc = {
|
|
|
828
829
|
className: u(Ie[`${Fe}__list__item`], {
|
|
829
830
|
[Ie[`${Fe}__list__item--disabled`]]: I.disabled,
|
|
830
831
|
[Ie[`${Fe}__list__item--with-divider`]]: I.withDivider,
|
|
831
|
-
[Ie[`${Fe}__list__item--selected`]]:
|
|
832
|
+
[Ie[`${Fe}__list__item--selected`]]: m == null ? void 0 : m.includes(I.key)
|
|
832
833
|
})
|
|
833
834
|
},
|
|
834
835
|
I.element,
|
|
835
|
-
(
|
|
836
|
+
(m == null ? void 0 : m.includes(I.key)) && /* @__PURE__ */ e.createElement(
|
|
836
837
|
"div",
|
|
837
838
|
{
|
|
838
839
|
"data-testid": `${I.key}-selected-icon`,
|
|
@@ -842,7 +843,7 @@ const pc = {
|
|
|
842
843
|
)
|
|
843
844
|
)), le = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
844
845
|
"div",
|
|
845
|
-
|
|
846
|
+
S(h({
|
|
846
847
|
"aria-label": "Toggle menu",
|
|
847
848
|
"data-testid": "action-menu-trigger-button",
|
|
848
849
|
ref: ke.setReference
|
|
@@ -850,7 +851,7 @@ const pc = {
|
|
|
850
851
|
className: a
|
|
851
852
|
}),
|
|
852
853
|
_
|
|
853
|
-
), /* @__PURE__ */ e.createElement(da, { id:
|
|
854
|
+
), /* @__PURE__ */ e.createElement(da, { id: x }, H && /* @__PURE__ */ e.createElement(
|
|
854
855
|
"div",
|
|
855
856
|
h({
|
|
856
857
|
ref: ke.setFloating,
|
|
@@ -863,7 +864,7 @@ const pc = {
|
|
|
863
864
|
}, ct()),
|
|
864
865
|
r.length > 0 && /* @__PURE__ */ e.createElement(
|
|
865
866
|
"ul",
|
|
866
|
-
|
|
867
|
+
S(h({}, b), {
|
|
867
868
|
className: u(
|
|
868
869
|
Ie[`${Fe}__list`],
|
|
869
870
|
{
|
|
@@ -893,7 +894,7 @@ const pc = {
|
|
|
893
894
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
894
895
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
895
896
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
896
|
-
}, ht = "action-menu-item",
|
|
897
|
+
}, ht = "action-menu-item", f_ = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
897
898
|
"div",
|
|
898
899
|
{
|
|
899
900
|
className: u(vt[ht], {
|
|
@@ -903,15 +904,15 @@ const pc = {
|
|
|
903
904
|
t && /* @__PURE__ */ e.createElement("div", { className: vt[`${ht}__left-node`] }, t),
|
|
904
905
|
/* @__PURE__ */ e.createElement(P, { as: "div", className: vt[`${ht}__label`] }, r),
|
|
905
906
|
a && /* @__PURE__ */ e.createElement("div", { className: vt[`${ht}__right-node`] }, a)
|
|
906
|
-
),
|
|
907
|
-
loader:
|
|
908
|
-
loader__spinner:
|
|
907
|
+
), v_ = "lc-Loader-module__loader___LRflD", h_ = "lc-Loader-module__loader__spinner___l3C1g", k_ = "lc-Loader-module__rotate___Tlni-", y_ = "lc-Loader-module__loader__label___R74f6", kt = {
|
|
908
|
+
loader: v_,
|
|
909
|
+
loader__spinner: h_,
|
|
909
910
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
910
911
|
"loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
|
|
911
912
|
"loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
|
|
912
913
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
913
|
-
rotate:
|
|
914
|
-
loader__label:
|
|
914
|
+
rotate: k_,
|
|
915
|
+
loader__label: y_
|
|
915
916
|
}, Br = "loader", Za = `${Br}__spinner`, Ua = (c) => {
|
|
916
917
|
var n = c, {
|
|
917
918
|
primaryColor: t,
|
|
@@ -944,7 +945,7 @@ const pc = {
|
|
|
944
945
|
}
|
|
945
946
|
)
|
|
946
947
|
), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: kt.loader__label }, r));
|
|
947
|
-
},
|
|
948
|
+
}, E_ = (t) => {
|
|
948
949
|
if (t === "primary" || t === "destructive")
|
|
949
950
|
return {
|
|
950
951
|
primaryColor: "var(--action-primary-default)",
|
|
@@ -955,8 +956,8 @@ const pc = {
|
|
|
955
956
|
primaryColor: "var(--content-invert-primary)",
|
|
956
957
|
secondaryColor: "var(--surface-invert-secondary)"
|
|
957
958
|
};
|
|
958
|
-
},
|
|
959
|
-
btn:
|
|
959
|
+
}, w_ = "lc-Button-module__btn___aijZJ", $_ = "lc-Button-module__btn__loader___c8zZz", N_ = "lc-Button-module__btn__icon___GVExB", se = {
|
|
960
|
+
btn: w_,
|
|
960
961
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
961
962
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
962
963
|
"btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
|
|
@@ -979,8 +980,8 @@ const pc = {
|
|
|
979
980
|
"btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
|
|
980
981
|
"btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
|
|
981
982
|
"btn--loading": "lc-Button-module__btn--loading___ZAgjv",
|
|
982
|
-
btn__loader:
|
|
983
|
-
btn__icon:
|
|
983
|
+
btn__loader: $_,
|
|
984
|
+
btn__icon: N_,
|
|
984
985
|
"btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
|
|
985
986
|
"btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
|
|
986
987
|
"btn__icon--small": "lc-Button-module__btn__icon--small___WLk8c",
|
|
@@ -1002,8 +1003,8 @@ const pc = {
|
|
|
1002
1003
|
loaderLabel: d,
|
|
1003
1004
|
className: i,
|
|
1004
1005
|
children: s,
|
|
1005
|
-
href:
|
|
1006
|
-
onClick:
|
|
1006
|
+
href: g,
|
|
1007
|
+
onClick: m
|
|
1007
1008
|
} = v, f = F(v, [
|
|
1008
1009
|
"loading",
|
|
1009
1010
|
"disabled",
|
|
@@ -1019,7 +1020,7 @@ const pc = {
|
|
|
1019
1020
|
"href",
|
|
1020
1021
|
"onClick"
|
|
1021
1022
|
]);
|
|
1022
|
-
const k = t || a, y = !s && c, $ = ["text", "link", "link-light"].includes(o), C =
|
|
1023
|
+
const k = t || a, y = !s && c, $ = ["text", "link", "link-light"].includes(o), C = g ? "a" : "button", w = u(
|
|
1023
1024
|
i,
|
|
1024
1025
|
se[ie],
|
|
1025
1026
|
se[`${ie}--${o}`],
|
|
@@ -1041,7 +1042,7 @@ const pc = {
|
|
|
1041
1042
|
"aria-disabled": k,
|
|
1042
1043
|
type: r,
|
|
1043
1044
|
disabled: k
|
|
1044
|
-
}, !k && { href:
|
|
1045
|
+
}, !k && { href: g, onClick: m }), f),
|
|
1045
1046
|
t && /* @__PURE__ */ e.createElement(
|
|
1046
1047
|
Ua,
|
|
1047
1048
|
h({
|
|
@@ -1049,7 +1050,7 @@ const pc = {
|
|
|
1049
1050
|
size: "small",
|
|
1050
1051
|
label: d,
|
|
1051
1052
|
className: se[`${ie}__loader`]
|
|
1052
|
-
},
|
|
1053
|
+
}, E_(o))
|
|
1053
1054
|
),
|
|
1054
1055
|
c && e.cloneElement(c, {
|
|
1055
1056
|
className: u(
|
|
@@ -1061,8 +1062,7 @@ const pc = {
|
|
|
1061
1062
|
}
|
|
1062
1063
|
),
|
|
1063
1064
|
disabled: a,
|
|
1064
|
-
size: l === "xcompact" ? "small" : "medium"
|
|
1065
|
-
"data-testid": "button-icon"
|
|
1065
|
+
size: l === "xcompact" ? "small" : "medium"
|
|
1066
1066
|
}),
|
|
1067
1067
|
/* @__PURE__ */ e.createElement("div", { className: se[`${ie}__content`] }, s)
|
|
1068
1068
|
);
|
|
@@ -1078,7 +1078,7 @@ function Ar(t) {
|
|
|
1078
1078
|
return "primary";
|
|
1079
1079
|
}
|
|
1080
1080
|
}
|
|
1081
|
-
function
|
|
1081
|
+
function C_(t, a, r, _) {
|
|
1082
1082
|
if (r)
|
|
1083
1083
|
return {
|
|
1084
1084
|
top: t ? r + t : r
|
|
@@ -1106,13 +1106,13 @@ const x_ = (t) => {
|
|
|
1106
1106
|
fill: "var(--tooltip-background-basic)"
|
|
1107
1107
|
};
|
|
1108
1108
|
}
|
|
1109
|
-
},
|
|
1110
|
-
tooltip:
|
|
1111
|
-
tooltip__content:
|
|
1109
|
+
}, S_ = "lc-Tooltip-module__tooltip___QOOAr", T_ = "lc-Tooltip-module__tooltip__content___RuamE", D_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", B_ = "lc-Tooltip-module__tooltip__interactive___0JawB", D = {
|
|
1110
|
+
tooltip: S_,
|
|
1111
|
+
tooltip__content: T_,
|
|
1112
1112
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
1113
|
-
tooltip__arrow:
|
|
1113
|
+
tooltip__arrow: D_,
|
|
1114
1114
|
"tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
|
|
1115
|
-
tooltip__interactive:
|
|
1115
|
+
tooltip__interactive: B_,
|
|
1116
1116
|
"tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
|
|
1117
1117
|
"tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
|
|
1118
1118
|
"tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
|
|
@@ -1148,8 +1148,8 @@ const x_ = (t) => {
|
|
|
1148
1148
|
fullSpaceContent: d,
|
|
1149
1149
|
onClose: i,
|
|
1150
1150
|
onOpen: s,
|
|
1151
|
-
withFadeAnimation:
|
|
1152
|
-
transitionDuration:
|
|
1151
|
+
withFadeAnimation: g = !0,
|
|
1152
|
+
transitionDuration: m = 200,
|
|
1153
1153
|
hoverOnDuration: f,
|
|
1154
1154
|
hoverOffDuration: b,
|
|
1155
1155
|
transitionDelay: E = 0,
|
|
@@ -1159,9 +1159,9 @@ const x_ = (t) => {
|
|
|
1159
1159
|
offsetMainAxis: $ = 8,
|
|
1160
1160
|
referenceElement: C,
|
|
1161
1161
|
activationThreshold: w = 0,
|
|
1162
|
-
useDismissHookProps:
|
|
1162
|
+
useDismissHookProps: p,
|
|
1163
1163
|
useClickHookProps: N,
|
|
1164
|
-
hoverOutDelayTimeout:
|
|
1164
|
+
hoverOutDelayTimeout: x = 100,
|
|
1165
1165
|
arrowOffsetY: G,
|
|
1166
1166
|
arrowOffsetX: H,
|
|
1167
1167
|
closeOnTriggerBlur: T = !1,
|
|
@@ -1174,7 +1174,7 @@ const x_ = (t) => {
|
|
|
1174
1174
|
d && D[`${zt}--full-space`]
|
|
1175
1175
|
), nt = typeof _ == "function", st = (ne) => {
|
|
1176
1176
|
ne !== $e && (ne ? s == null || s() : i == null || i(), !U && ke(ne));
|
|
1177
|
-
}, Ze = (ne) =>
|
|
1177
|
+
}, Ze = (ne) => g ? ne != null ? ne : m : 0, He = (ne) => ne != null ? ne : E, {
|
|
1178
1178
|
floatingStyles: ft,
|
|
1179
1179
|
refs: Xe,
|
|
1180
1180
|
context: le,
|
|
@@ -1185,30 +1185,30 @@ const x_ = (t) => {
|
|
|
1185
1185
|
_a({ mainAxis: $ }),
|
|
1186
1186
|
za(),
|
|
1187
1187
|
oa(),
|
|
1188
|
-
|
|
1188
|
+
a_({ element: ee })
|
|
1189
1189
|
],
|
|
1190
1190
|
placement: c,
|
|
1191
1191
|
open: $e,
|
|
1192
1192
|
strategy: R,
|
|
1193
1193
|
onOpenChange: st,
|
|
1194
1194
|
whileElementsMounted: la
|
|
1195
|
-
}), ce =
|
|
1195
|
+
}), ce = r_(le, {
|
|
1196
1196
|
move: !1,
|
|
1197
1197
|
restMs: w,
|
|
1198
1198
|
delay: {
|
|
1199
1199
|
open: He(v),
|
|
1200
|
-
close: He(k ||
|
|
1200
|
+
close: He(k || x)
|
|
1201
1201
|
},
|
|
1202
1202
|
enabled: !y,
|
|
1203
|
-
handleClose: T ? null :
|
|
1204
|
-
}), ze =
|
|
1203
|
+
handleClose: T ? null : __()
|
|
1204
|
+
}), ze = o_(le), Ge = na(le, p), ma = sa(le, { role: "tooltip" }), pa = ca(le, h({
|
|
1205
1205
|
enabled: y
|
|
1206
1206
|
}, N)), { isMounted: ga, styles: ba } = $r(le, {
|
|
1207
1207
|
duration: {
|
|
1208
1208
|
open: Ze(f),
|
|
1209
1209
|
close: Ze(b)
|
|
1210
1210
|
}
|
|
1211
|
-
}), { status: fa } =
|
|
1211
|
+
}), { status: fa } = l_(le), { getReferenceProps: va, getFloatingProps: ha } = ia([
|
|
1212
1212
|
ce,
|
|
1213
1213
|
ze,
|
|
1214
1214
|
Ge,
|
|
@@ -1220,7 +1220,7 @@ const x_ = (t) => {
|
|
|
1220
1220
|
}, [Xe.setReference, C]);
|
|
1221
1221
|
const Rt = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1222
1222
|
"div",
|
|
1223
|
-
|
|
1223
|
+
S(h({
|
|
1224
1224
|
"data-testid": "tooltip-trigger",
|
|
1225
1225
|
ref: Xe.setReference
|
|
1226
1226
|
}, va()), {
|
|
@@ -1229,7 +1229,7 @@ const x_ = (t) => {
|
|
|
1229
1229
|
nt ? _() : _
|
|
1230
1230
|
), /* @__PURE__ */ e.createElement(da, { id: Oe }, ga && /* @__PURE__ */ e.createElement(
|
|
1231
1231
|
"div",
|
|
1232
|
-
|
|
1232
|
+
S(h({
|
|
1233
1233
|
ref: Xe.setFloating,
|
|
1234
1234
|
style: h(h({}, ft), ba),
|
|
1235
1235
|
className: ct
|
|
@@ -1238,14 +1238,14 @@ const x_ = (t) => {
|
|
|
1238
1238
|
}),
|
|
1239
1239
|
/* @__PURE__ */ e.createElement(P, { as: "div", className: D[`${zt}__content`] }, t),
|
|
1240
1240
|
/* @__PURE__ */ e.createElement(
|
|
1241
|
-
|
|
1241
|
+
c_,
|
|
1242
1242
|
h({
|
|
1243
1243
|
ref: ee,
|
|
1244
1244
|
context: le,
|
|
1245
1245
|
strokeWidth: 1,
|
|
1246
1246
|
width: 10,
|
|
1247
1247
|
height: 5,
|
|
1248
|
-
style: h({},
|
|
1248
|
+
style: h({}, C_(
|
|
1249
1249
|
G,
|
|
1250
1250
|
H,
|
|
1251
1251
|
te,
|
|
@@ -1255,7 +1255,7 @@ const x_ = (t) => {
|
|
|
1255
1255
|
)
|
|
1256
1256
|
)));
|
|
1257
1257
|
return Le === null ? /* @__PURE__ */ e.createElement(Ha, null, Rt) : Rt;
|
|
1258
|
-
},
|
|
1258
|
+
}, yc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), yt = "tooltip", Ec = ({
|
|
1259
1259
|
className: t,
|
|
1260
1260
|
header: a,
|
|
1261
1261
|
text: r,
|
|
@@ -1291,7 +1291,7 @@ const x_ = (t) => {
|
|
|
1291
1291
|
})
|
|
1292
1292
|
},
|
|
1293
1293
|
r
|
|
1294
|
-
)), Ue = "tooltip",
|
|
1294
|
+
)), Ue = "tooltip", wc = ({
|
|
1295
1295
|
header: t,
|
|
1296
1296
|
text: a,
|
|
1297
1297
|
image: r,
|
|
@@ -1328,23 +1328,26 @@ const x_ = (t) => {
|
|
|
1328
1328
|
},
|
|
1329
1329
|
/* @__PURE__ */ e.createElement(
|
|
1330
1330
|
V,
|
|
1331
|
-
{
|
|
1331
|
+
S(h({}, c), {
|
|
1332
1332
|
kind: c.kind || d(o),
|
|
1333
1333
|
onClick: c.handleClick
|
|
1334
|
-
},
|
|
1334
|
+
}),
|
|
1335
1335
|
c.label
|
|
1336
1336
|
),
|
|
1337
|
-
/* @__PURE__ */ e.createElement(
|
|
1337
|
+
n && /* @__PURE__ */ e.createElement(
|
|
1338
1338
|
V,
|
|
1339
|
-
{
|
|
1340
|
-
className: u(
|
|
1339
|
+
S(h({}, n), {
|
|
1340
|
+
className: u(
|
|
1341
|
+
D[`${Ue}-footer-secondary`],
|
|
1342
|
+
n.className
|
|
1343
|
+
),
|
|
1341
1344
|
kind: n.kind || i(o),
|
|
1342
1345
|
onClick: n.handleClick
|
|
1343
|
-
},
|
|
1346
|
+
}),
|
|
1344
1347
|
n.label
|
|
1345
1348
|
)
|
|
1346
1349
|
));
|
|
1347
|
-
}, ae = "guide-tooltip",
|
|
1350
|
+
}, ae = "guide-tooltip", A_ = ({
|
|
1348
1351
|
gap: t,
|
|
1349
1352
|
isVisible: a,
|
|
1350
1353
|
slide: r,
|
|
@@ -1431,7 +1434,7 @@ const x_ = (t) => {
|
|
|
1431
1434
|
}
|
|
1432
1435
|
));
|
|
1433
1436
|
};
|
|
1434
|
-
class
|
|
1437
|
+
class P_ {
|
|
1435
1438
|
constructor(a, r) {
|
|
1436
1439
|
ya(this, "element");
|
|
1437
1440
|
ya(this, "padding");
|
|
@@ -1460,7 +1463,7 @@ class I_ {
|
|
|
1460
1463
|
return this.getBoundingClientRect().height;
|
|
1461
1464
|
}
|
|
1462
1465
|
}
|
|
1463
|
-
const er = 8, tr = "guide-tooltip", ar = (t, a) => new
|
|
1466
|
+
const er = 8, tr = "guide-tooltip", ar = (t, a) => new P_(t, a), $c = (t) => {
|
|
1464
1467
|
const {
|
|
1465
1468
|
className: a,
|
|
1466
1469
|
parentElementName: r,
|
|
@@ -1468,7 +1471,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1468
1471
|
shouldSlide: o = !0
|
|
1469
1472
|
} = t, [l, c] = e.useState(
|
|
1470
1473
|
null
|
|
1471
|
-
), [n, d] = e.useState(null), [i, s] = e.useState(o),
|
|
1474
|
+
), [n, d] = e.useState(null), [i, s] = e.useState(o), g = () => {
|
|
1472
1475
|
l && (d(
|
|
1473
1476
|
ar(
|
|
1474
1477
|
l,
|
|
@@ -1478,13 +1481,13 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1478
1481
|
};
|
|
1479
1482
|
return e.useEffect(() => {
|
|
1480
1483
|
if (l !== null)
|
|
1481
|
-
return window.addEventListener("resize",
|
|
1482
|
-
window.removeEventListener("resize",
|
|
1484
|
+
return window.addEventListener("resize", g), window.addEventListener("scroll", g), () => {
|
|
1485
|
+
window.removeEventListener("resize", g), window.removeEventListener("scroll", g);
|
|
1483
1486
|
};
|
|
1484
1487
|
}, [l]), e.useEffect(() => {
|
|
1485
1488
|
if (r) {
|
|
1486
|
-
const
|
|
1487
|
-
c(
|
|
1489
|
+
const m = document.querySelector(r);
|
|
1490
|
+
c(m);
|
|
1488
1491
|
}
|
|
1489
1492
|
}, [r]), e.useEffect(() => {
|
|
1490
1493
|
l && d(
|
|
@@ -1494,7 +1497,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1494
1497
|
).getBoundingClientRect()
|
|
1495
1498
|
), s(!0);
|
|
1496
1499
|
}, [l]), l && _ && n ? /* @__PURE__ */ e.createElement(Nr, null, /* @__PURE__ */ e.createElement(
|
|
1497
|
-
|
|
1500
|
+
A_,
|
|
1498
1501
|
{
|
|
1499
1502
|
gap: n,
|
|
1500
1503
|
isVisible: _,
|
|
@@ -1503,7 +1506,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1503
1506
|
}
|
|
1504
1507
|
), /* @__PURE__ */ e.createElement(
|
|
1505
1508
|
Pr,
|
|
1506
|
-
|
|
1509
|
+
S(h({}, t), {
|
|
1507
1510
|
triggerRenderer: /* @__PURE__ */ e.createElement(e.Fragment, null),
|
|
1508
1511
|
referenceElement: {
|
|
1509
1512
|
getBoundingClientRect: () => n,
|
|
@@ -1517,7 +1520,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1517
1520
|
}),
|
|
1518
1521
|
t.children
|
|
1519
1522
|
)) : null;
|
|
1520
|
-
}, Et = "reports-tooltip",
|
|
1523
|
+
}, Et = "reports-tooltip", Nc = ({
|
|
1521
1524
|
title: t,
|
|
1522
1525
|
description: a,
|
|
1523
1526
|
children: r
|
|
@@ -1553,7 +1556,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1553
1556
|
"action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ",
|
|
1554
1557
|
"action-bar__items__button": "lc-ActionBar-module__action-bar__items__button___Vdjl7",
|
|
1555
1558
|
"action-bar__items__button--active": "lc-ActionBar-module__action-bar__items__button--active___PFLdm"
|
|
1556
|
-
}, Ir = "action-bar__items", wt = `${Ir}__button-wrapper`,
|
|
1559
|
+
}, Ir = "action-bar__items", wt = `${Ir}__button-wrapper`, I_ = ({
|
|
1557
1560
|
id: t,
|
|
1558
1561
|
option: a,
|
|
1559
1562
|
isHidden: r,
|
|
@@ -1602,7 +1605,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1602
1605
|
/* @__PURE__ */ e.createElement("div", null, a.label)
|
|
1603
1606
|
)
|
|
1604
1607
|
) : /* @__PURE__ */ e.createElement("div", { "data-testid": a.key, className: l }, c);
|
|
1605
|
-
}, $t = "action-bar", We = "action-bar__menu-wrapper",
|
|
1608
|
+
}, $t = "action-bar", We = "action-bar__menu-wrapper", Cc = ({
|
|
1606
1609
|
className: t,
|
|
1607
1610
|
id: a = "action-bar-area",
|
|
1608
1611
|
type: r = "menu",
|
|
@@ -1611,7 +1614,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1611
1614
|
vertical: l,
|
|
1612
1615
|
menuFooter: c
|
|
1613
1616
|
}) => {
|
|
1614
|
-
const [n, d] = e.useState([]), [i, s] = e.useState(0), [
|
|
1617
|
+
const [n, d] = e.useState([]), [i, s] = e.useState(0), [g, m] = e.useState(!1), f = r === "scroll", b = u(
|
|
1615
1618
|
W[$t],
|
|
1616
1619
|
t,
|
|
1617
1620
|
l && W[`${$t}--vertical`]
|
|
@@ -1622,41 +1625,41 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1622
1625
|
e.useEffect(() => {
|
|
1623
1626
|
if (f)
|
|
1624
1627
|
return;
|
|
1625
|
-
const w = 44,
|
|
1628
|
+
const w = 44, p = 4, N = _.length, x = n.length, H = (N - x) * w + p;
|
|
1626
1629
|
s(H);
|
|
1627
1630
|
}, [n, _, f]);
|
|
1628
1631
|
const k = (w) => {
|
|
1629
|
-
w.map((
|
|
1630
|
-
const N = n.includes(
|
|
1631
|
-
if (!
|
|
1632
|
-
|
|
1633
|
-
...
|
|
1634
|
-
|
|
1632
|
+
w.map((p) => {
|
|
1633
|
+
const N = n.includes(p.target.id);
|
|
1634
|
+
if (!p.isIntersecting) {
|
|
1635
|
+
p.target.setAttribute("tabindex", "-1"), N || d((x) => [
|
|
1636
|
+
...x,
|
|
1637
|
+
p.target.id
|
|
1635
1638
|
]);
|
|
1636
1639
|
return;
|
|
1637
1640
|
}
|
|
1638
|
-
|
|
1641
|
+
p.target.removeAttribute("tabindex"), N && d(n.filter((x) => x !== p.target.id));
|
|
1639
1642
|
});
|
|
1640
1643
|
};
|
|
1641
1644
|
e.useEffect(() => {
|
|
1642
1645
|
const w = !!window.IntersectionObserver;
|
|
1643
1646
|
if (!f && w) {
|
|
1644
|
-
const
|
|
1647
|
+
const p = document.querySelectorAll(
|
|
1645
1648
|
`button[data-actionbarid='${a}']`
|
|
1646
1649
|
), N = new IntersectionObserver(
|
|
1647
1650
|
k,
|
|
1648
1651
|
E
|
|
1649
1652
|
);
|
|
1650
|
-
return
|
|
1653
|
+
return p.forEach((x) => N.observe(x)), () => N.disconnect();
|
|
1651
1654
|
}
|
|
1652
1655
|
}, [n, f]);
|
|
1653
1656
|
const y = (w) => _.filter(
|
|
1654
|
-
(N) => w.find((
|
|
1657
|
+
(N) => w.find((x) => x === N.key && !N.hideInMenu)
|
|
1655
1658
|
).map((N) => ({
|
|
1656
1659
|
key: N.key,
|
|
1657
|
-
element: /* @__PURE__ */ e.createElement(
|
|
1660
|
+
element: /* @__PURE__ */ e.createElement(f_, { leftNode: N.element }, N.label),
|
|
1658
1661
|
onClick: N.onClick
|
|
1659
|
-
})), $ = _.filter((w) => n.find((
|
|
1662
|
+
})), $ = _.filter((w) => n.find((p) => p === w.key)).find((w) => w.key === o), C = (w, p) => p ? {
|
|
1660
1663
|
top: w
|
|
1661
1664
|
} : {
|
|
1662
1665
|
left: w
|
|
@@ -1670,7 +1673,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1670
1673
|
})
|
|
1671
1674
|
},
|
|
1672
1675
|
_.map((w) => /* @__PURE__ */ e.createElement(
|
|
1673
|
-
|
|
1676
|
+
I_,
|
|
1674
1677
|
{
|
|
1675
1678
|
id: a,
|
|
1676
1679
|
option: w,
|
|
@@ -1690,11 +1693,11 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1690
1693
|
style: C(i, l)
|
|
1691
1694
|
},
|
|
1692
1695
|
/* @__PURE__ */ e.createElement(
|
|
1693
|
-
|
|
1696
|
+
b_,
|
|
1694
1697
|
{
|
|
1695
1698
|
selectedOptions: o ? [o] : [],
|
|
1696
|
-
onOpen: () =>
|
|
1697
|
-
onClose: () =>
|
|
1699
|
+
onOpen: () => m(!0),
|
|
1700
|
+
onClose: () => m(!1),
|
|
1698
1701
|
floatingStrategy: "fixed",
|
|
1699
1702
|
placement: l ? "left-start" : "bottom-end",
|
|
1700
1703
|
options: y(n),
|
|
@@ -1716,7 +1719,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1716
1719
|
kind: "primary",
|
|
1717
1720
|
className: u(
|
|
1718
1721
|
W[`${We}__button__icon`],
|
|
1719
|
-
|
|
1722
|
+
g && W[`${We}__button__icon--open`]
|
|
1720
1723
|
)
|
|
1721
1724
|
}
|
|
1722
1725
|
),
|
|
@@ -1742,7 +1745,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1742
1745
|
"action-card__column": "lc-ActionCard-module__action-card__column___K7tyh",
|
|
1743
1746
|
"action-card__column--first": "lc-ActionCard-module__action-card__column--first___9XE58",
|
|
1744
1747
|
"action-card__column--second": "lc-ActionCard-module__action-card__column--second___X1UC-"
|
|
1745
|
-
}, et = "action-card",
|
|
1748
|
+
}, et = "action-card", xc = ({
|
|
1746
1749
|
className: t,
|
|
1747
1750
|
children: a,
|
|
1748
1751
|
secondColumn: r,
|
|
@@ -1790,14 +1793,14 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1790
1793
|
r
|
|
1791
1794
|
)
|
|
1792
1795
|
));
|
|
1793
|
-
},
|
|
1794
|
-
alert:
|
|
1795
|
-
alert__icon:
|
|
1796
|
-
alert__content:
|
|
1797
|
-
alert__content__wrapper:
|
|
1798
|
-
alert__content__wrapper__text:
|
|
1799
|
-
alert__content__wrapper__cta:
|
|
1800
|
-
alert__content__wrapper__cta__link:
|
|
1796
|
+
}, F_ = "lc-Alert-module__alert___HBTns", M_ = "lc-Alert-module__alert__icon___8TaAH", R_ = "lc-Alert-module__alert__content___9nZdf", L_ = "lc-Alert-module__alert__content__wrapper___aLBkP", O_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", H_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", z_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ye = {
|
|
1797
|
+
alert: F_,
|
|
1798
|
+
alert__icon: M_,
|
|
1799
|
+
alert__content: R_,
|
|
1800
|
+
alert__content__wrapper: L_,
|
|
1801
|
+
alert__content__wrapper__text: O_,
|
|
1802
|
+
alert__content__wrapper__cta: H_,
|
|
1803
|
+
alert__content__wrapper__cta__link: z_,
|
|
1801
1804
|
"alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
|
|
1802
1805
|
"alert--small": "lc-Alert-module__alert--small___Fyk-v",
|
|
1803
1806
|
"alert--medium": "lc-Alert-module__alert--medium___ItZWT",
|
|
@@ -1806,7 +1809,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1806
1809
|
"alert--warning": "lc-Alert-module__alert--warning___MubhD",
|
|
1807
1810
|
"alert--success": "lc-Alert-module__alert--success___fPtlZ",
|
|
1808
1811
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
1809
|
-
},
|
|
1812
|
+
}, G_ = {
|
|
1810
1813
|
info: {
|
|
1811
1814
|
source: La,
|
|
1812
1815
|
kind: "link"
|
|
@@ -1823,7 +1826,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1823
1826
|
source: yr,
|
|
1824
1827
|
kind: "error"
|
|
1825
1828
|
}
|
|
1826
|
-
}, Ee = "alert",
|
|
1829
|
+
}, Ee = "alert", Sc = (n) => {
|
|
1827
1830
|
var d = n, {
|
|
1828
1831
|
children: t,
|
|
1829
1832
|
className: a,
|
|
@@ -1839,7 +1842,7 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1839
1842
|
"kind",
|
|
1840
1843
|
"onClose"
|
|
1841
1844
|
]);
|
|
1842
|
-
const i = e.useRef(null), [s,
|
|
1845
|
+
const i = e.useRef(null), [s, g] = e.useState(null), m = u(
|
|
1843
1846
|
ye[Ee],
|
|
1844
1847
|
ye[`${Ee}--${o}`],
|
|
1845
1848
|
s === "large" && ye[`${Ee}--large`],
|
|
@@ -1848,13 +1851,13 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1848
1851
|
a
|
|
1849
1852
|
);
|
|
1850
1853
|
return e.useEffect(() => {
|
|
1851
|
-
const f = () => i.current && i.current.offsetWidth <= 400 ?
|
|
1854
|
+
const f = () => i.current && i.current.offsetWidth <= 400 ? g("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? g("medium") : g("large"), b = xr(() => {
|
|
1852
1855
|
f();
|
|
1853
1856
|
}, 500);
|
|
1854
1857
|
return window.addEventListener("resize", b), f(), () => window.removeEventListener("resize", b);
|
|
1855
|
-
}), /* @__PURE__ */ e.createElement("div", h({ ref: i, className:
|
|
1858
|
+
}), /* @__PURE__ */ e.createElement("div", h({ ref: i, className: m }, c), /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ye[`${Ee}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1856
1859
|
A,
|
|
1857
|
-
|
|
1860
|
+
S(h({}, G_[o]), {
|
|
1858
1861
|
size: "large",
|
|
1859
1862
|
className: ye[`${Ee}__icon`]
|
|
1860
1863
|
})
|
|
@@ -1888,13 +1891,13 @@ const er = 8, tr = "guide-tooltip", ar = (t, a) => new I_(t, a), Cc = (t) => {
|
|
|
1888
1891
|
{ length: 10 },
|
|
1889
1892
|
(t, a) => `--surface-avatar-${a + 1}`
|
|
1890
1893
|
);
|
|
1891
|
-
function
|
|
1894
|
+
function U_(t) {
|
|
1892
1895
|
if (!t)
|
|
1893
1896
|
return;
|
|
1894
1897
|
const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
|
|
1895
1898
|
return `var(${rr[a % rr.length]})`;
|
|
1896
1899
|
}
|
|
1897
|
-
function
|
|
1900
|
+
function W_(t = "", a = 2) {
|
|
1898
1901
|
const r = t.trim().split(/\s+/), _ = r.map((l) => [...l][0]);
|
|
1899
1902
|
if (a < 1)
|
|
1900
1903
|
return "";
|
|
@@ -1905,7 +1908,7 @@ function V_(t = "", a = 2) {
|
|
|
1905
1908
|
o.push(_[l]);
|
|
1906
1909
|
return o.join("").toUpperCase();
|
|
1907
1910
|
}
|
|
1908
|
-
function
|
|
1911
|
+
function V_(t) {
|
|
1909
1912
|
let a = t;
|
|
1910
1913
|
if (t.startsWith("var(--") && t.endsWith(")")) {
|
|
1911
1914
|
const r = t.slice(4, -1);
|
|
@@ -1913,9 +1916,9 @@ function q_(t) {
|
|
|
1913
1916
|
}
|
|
1914
1917
|
return a && Ga(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
|
|
1915
1918
|
}
|
|
1916
|
-
const
|
|
1917
|
-
avatar:
|
|
1918
|
-
avatar__status:
|
|
1919
|
+
const q_ = "lc-Avatar-module__avatar___1zTCE", Y_ = "lc-Avatar-module__avatar__status___nX2Ls", K_ = "lc-Avatar-module__avatar__rim___RCQ8Q", J_ = "lc-Avatar-module__avatar__image___YqfqE", be = {
|
|
1920
|
+
avatar: q_,
|
|
1921
|
+
avatar__status: Y_,
|
|
1919
1922
|
"avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
|
|
1920
1923
|
"avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
|
|
1921
1924
|
"avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
|
|
@@ -1930,7 +1933,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
1930
1933
|
"avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
|
|
1931
1934
|
"avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
|
|
1932
1935
|
"avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
|
|
1933
|
-
avatar__rim:
|
|
1936
|
+
avatar__rim: K_,
|
|
1934
1937
|
"avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
|
|
1935
1938
|
"avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
|
|
1936
1939
|
"avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
|
|
@@ -1940,7 +1943,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
1940
1943
|
"avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
|
|
1941
1944
|
"avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
|
|
1942
1945
|
"avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
|
|
1943
|
-
avatar__image:
|
|
1946
|
+
avatar__image: J_,
|
|
1944
1947
|
"avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
|
|
1945
1948
|
"avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
|
|
1946
1949
|
"avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
|
|
@@ -1961,8 +1964,8 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
1961
1964
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1962
1965
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1963
1966
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1964
|
-
}, Z = "avatar",
|
|
1965
|
-
var
|
|
1967
|
+
}, Z = "avatar", X_ = (g) => {
|
|
1968
|
+
var m = g, {
|
|
1966
1969
|
alt: t,
|
|
1967
1970
|
className: a,
|
|
1968
1971
|
color: r,
|
|
@@ -1973,7 +1976,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
1973
1976
|
text: n,
|
|
1974
1977
|
type: d,
|
|
1975
1978
|
withRim: i = !1
|
|
1976
|
-
} =
|
|
1979
|
+
} = m, s = F(m, [
|
|
1977
1980
|
"alt",
|
|
1978
1981
|
"className",
|
|
1979
1982
|
"color",
|
|
@@ -1985,7 +1988,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
1985
1988
|
"type",
|
|
1986
1989
|
"withRim"
|
|
1987
1990
|
]);
|
|
1988
|
-
const f = d === "image" && !l, [b, E] = e.useState(f), v = d === "image" && !!l && !b, k = d === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ =
|
|
1991
|
+
const f = d === "image" && !l, [b, E] = e.useState(f), v = d === "image" && !!l && !b, k = d === "text", y = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, $ = W_(n, y), C = ["xxxsmall", "xxsmall", "xsmall", "small"].includes(o), w = r || U_(n), p = w ? V_(w) : void 0, N = k ? { backgroundColor: w } : {}, x = u(h({
|
|
1989
1992
|
[be[Z]]: !0,
|
|
1990
1993
|
[be[`${Z}--${_}`]]: !0,
|
|
1991
1994
|
[be[`${Z}--${o}`]]: !0,
|
|
@@ -2004,7 +2007,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
2004
2007
|
), R = (Y) => C ? "2xs" : ["medium"].includes(Y) ? "xs" : ["large", "xlarge"].includes(Y) ? "sm" : ["xxlarge"].includes(Y) ? "lg" : "xl", U = e.useCallback(() => E(!0), []);
|
|
2005
2008
|
return e.useEffect(() => {
|
|
2006
2009
|
E(f);
|
|
2007
|
-
}, [f]), /* @__PURE__ */ e.createElement("div", h({ className:
|
|
2010
|
+
}, [f]), /* @__PURE__ */ e.createElement("div", h({ className: x, style: N }, s), i && /* @__PURE__ */ e.createElement(
|
|
2008
2011
|
"div",
|
|
2009
2012
|
{
|
|
2010
2013
|
"data-testid": `${Z}__rim`,
|
|
@@ -2029,7 +2032,7 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
2029
2032
|
{
|
|
2030
2033
|
as: "span",
|
|
2031
2034
|
size: R(o),
|
|
2032
|
-
style: { color:
|
|
2035
|
+
style: { color: p },
|
|
2033
2036
|
bold: C,
|
|
2034
2037
|
uppercase: C
|
|
2035
2038
|
},
|
|
@@ -2039,23 +2042,23 @@ const Y_ = "lc-Avatar-module__avatar___1zTCE", K_ = "lc-Avatar-module__avatar__s
|
|
|
2039
2042
|
{
|
|
2040
2043
|
"data-testid": `${Z}__icon`,
|
|
2041
2044
|
className: H,
|
|
2042
|
-
source:
|
|
2045
|
+
source: qr
|
|
2043
2046
|
}
|
|
2044
2047
|
));
|
|
2045
2048
|
};
|
|
2046
|
-
function
|
|
2049
|
+
function Q_(t, a) {
|
|
2047
2050
|
return t > a ? `${a}+` : `${t}`;
|
|
2048
2051
|
}
|
|
2049
|
-
const
|
|
2050
|
-
badge:
|
|
2051
|
-
badge__dot:
|
|
2052
|
+
const j_ = "lc-Badge-module__badge___GhLnu", Z_ = "lc-Badge-module__badge__dot___z6RO6", Gt = {
|
|
2053
|
+
badge: j_,
|
|
2054
|
+
badge__dot: Z_,
|
|
2052
2055
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
2053
2056
|
"badge--medium": "lc-Badge-module__badge--medium___TDU8a",
|
|
2054
2057
|
"badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
|
|
2055
2058
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
2056
2059
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
2057
2060
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
2058
|
-
}, Ut = "badge",
|
|
2061
|
+
}, Ut = "badge", eo = (n) => {
|
|
2059
2062
|
var d = n, {
|
|
2060
2063
|
className: t,
|
|
2061
2064
|
count: a = 0,
|
|
@@ -2077,37 +2080,37 @@ const Z_ = "lc-Badge-module__badge___GhLnu", eo = "lc-Badge-module__badge__dot__
|
|
|
2077
2080
|
Gt[`${Ut}--${_}`],
|
|
2078
2081
|
Gt[`${Ut}--${o}`]
|
|
2079
2082
|
), s = {
|
|
2080
|
-
counter:
|
|
2083
|
+
counter: Q_(a, r),
|
|
2081
2084
|
alert: "!",
|
|
2082
2085
|
dot: /* @__PURE__ */ e.createElement("span", { "data-testid": "badge-dot", className: Gt[`${Ut}__dot`] })
|
|
2083
2086
|
}[l];
|
|
2084
2087
|
return /* @__PURE__ */ e.createElement("span", h({ className: i }, c), s);
|
|
2085
2088
|
};
|
|
2086
|
-
function
|
|
2089
|
+
function to() {
|
|
2087
2090
|
}
|
|
2088
|
-
const
|
|
2091
|
+
const ao = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
2089
2092
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
2090
|
-
btn:
|
|
2093
|
+
btn: ao,
|
|
2091
2094
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
2092
2095
|
"btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
|
|
2093
2096
|
"btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
|
|
2094
2097
|
"btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
|
|
2095
|
-
},
|
|
2098
|
+
}, ro = "segmented-control", Tc = ({
|
|
2096
2099
|
size: t = "medium",
|
|
2097
2100
|
buttons: a,
|
|
2098
2101
|
className: r,
|
|
2099
2102
|
initialId: _,
|
|
2100
2103
|
currentId: o,
|
|
2101
2104
|
fullWidth: l = !1,
|
|
2102
|
-
onButtonClick: c =
|
|
2105
|
+
onButtonClick: c = to
|
|
2103
2106
|
}) => {
|
|
2104
|
-
const n = u(Wt[
|
|
2107
|
+
const n = u(Wt[ro], r), [d, i] = e.useState(() => _), s = typeof o == "string";
|
|
2105
2108
|
e.useEffect(() => {
|
|
2106
2109
|
s && i(o);
|
|
2107
2110
|
}, [o]);
|
|
2108
|
-
const
|
|
2111
|
+
const g = (f, b) => {
|
|
2109
2112
|
s || i(f), c(f, b);
|
|
2110
|
-
},
|
|
2113
|
+
}, m = a.map(({ id: f, label: b, loading: E, disabled: v, icon: k }) => {
|
|
2111
2114
|
const y = f === d, $ = y ? Wt["btn--active"] : "", C = y ? !1 : E;
|
|
2112
2115
|
return /* @__PURE__ */ e.createElement(
|
|
2113
2116
|
V,
|
|
@@ -2121,28 +2124,28 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2121
2124
|
icon: k,
|
|
2122
2125
|
className: u(Wt.btn, Wt[`btn--${t}`], $),
|
|
2123
2126
|
onClick: (w) => {
|
|
2124
|
-
|
|
2127
|
+
g(f, w);
|
|
2125
2128
|
}
|
|
2126
2129
|
},
|
|
2127
2130
|
b
|
|
2128
2131
|
);
|
|
2129
2132
|
});
|
|
2130
|
-
return /* @__PURE__ */ e.createElement("div", { role: "group", className: n },
|
|
2131
|
-
},
|
|
2132
|
-
card:
|
|
2133
|
-
card__header:
|
|
2134
|
-
card__header__image:
|
|
2135
|
-
card__header__heading:
|
|
2136
|
-
card__header__heading__title:
|
|
2137
|
-
card__header__heading__description:
|
|
2133
|
+
return /* @__PURE__ */ e.createElement("div", { role: "group", className: n }, m);
|
|
2134
|
+
}, _o = "lc-Card-module__card___GqMm2", oo = "lc-Card-module__card__header___0ptfD", lo = "lc-Card-module__card__header__image___QMwSu", co = "lc-Card-module__card__header__heading___Wkikx", no = "lc-Card-module__card__header__heading__title___Uxi8s", so = "lc-Card-module__card__header__heading__description___6LnOK", io = "lc-Card-module__card__content___KuDcc", uo = "lc-Card-module__card__actions___q9sAo", mo = "lc-Card-module__card__actions__line___TF1bt", po = "lc-Card-module__card__actions__buttons___PDMMR", fe = {
|
|
2135
|
+
card: _o,
|
|
2136
|
+
card__header: oo,
|
|
2137
|
+
card__header__image: lo,
|
|
2138
|
+
card__header__heading: co,
|
|
2139
|
+
card__header__heading__title: no,
|
|
2140
|
+
card__header__heading__description: so,
|
|
2138
2141
|
"card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
|
|
2139
|
-
card__content:
|
|
2142
|
+
card__content: io,
|
|
2140
2143
|
"card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
|
|
2141
|
-
card__actions:
|
|
2142
|
-
card__actions__line:
|
|
2143
|
-
card__actions__buttons:
|
|
2144
|
+
card__actions: uo,
|
|
2145
|
+
card__actions__line: mo,
|
|
2146
|
+
card__actions__buttons: po,
|
|
2144
2147
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
2145
|
-
}, Ft = "card", Zt = `${Ft}__header`, Ea = `${Zt}__heading`, Vt = `${Ft}__actions`,
|
|
2148
|
+
}, Ft = "card", Zt = `${Ft}__header`, Ea = `${Zt}__heading`, Vt = `${Ft}__actions`, go = `${Zt}__no-image`, Dc = (i) => {
|
|
2146
2149
|
var s = i, {
|
|
2147
2150
|
alt: t,
|
|
2148
2151
|
buttonsOptions: a = [],
|
|
@@ -2162,7 +2165,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2162
2165
|
"src",
|
|
2163
2166
|
"title"
|
|
2164
2167
|
]);
|
|
2165
|
-
const [
|
|
2168
|
+
const [g, m] = e.useState(!1), f = g ? ta : Mt, b = g ? "Hide" : "Show more", E = (a == null ? void 0 : a.length) > 0, v = !!l, k = E || v, y = n, $ = c, C = $ ? "" : fe[go];
|
|
2166
2169
|
return /* @__PURE__ */ e.createElement("div", h({ className: u(fe[Ft], _) }, d), y && /* @__PURE__ */ e.createElement("div", { className: u(fe[Zt], C) }, $ && /* @__PURE__ */ e.createElement(
|
|
2167
2170
|
"img",
|
|
2168
2171
|
{
|
|
@@ -2177,7 +2180,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2177
2180
|
className: fe[`${Ea}__description`]
|
|
2178
2181
|
},
|
|
2179
2182
|
o
|
|
2180
|
-
))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: fe[`${Ft}__content`] }, r),
|
|
2183
|
+
))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: fe[`${Ft}__content`] }, r), g && /* @__PURE__ */ e.createElement(
|
|
2181
2184
|
P,
|
|
2182
2185
|
{
|
|
2183
2186
|
as: "div",
|
|
@@ -2186,7 +2189,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2186
2189
|
},
|
|
2187
2190
|
l
|
|
2188
2191
|
), k && /* @__PURE__ */ e.createElement("div", { className: fe[Vt] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${Vt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${Vt}__buttons`] }, E && a.map(
|
|
2189
|
-
({ kind: w, onClick:
|
|
2192
|
+
({ kind: w, onClick: p, children: N }) => /* @__PURE__ */ e.createElement(V, { size: "compact", kind: w, onClick: p }, N)
|
|
2190
2193
|
), v && /* @__PURE__ */ e.createElement(
|
|
2191
2194
|
V,
|
|
2192
2195
|
{
|
|
@@ -2194,13 +2197,13 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2194
2197
|
kind: "link",
|
|
2195
2198
|
iconPosition: "right",
|
|
2196
2199
|
icon: /* @__PURE__ */ e.createElement(A, { source: f }),
|
|
2197
|
-
onClick: () =>
|
|
2200
|
+
onClick: () => m(!g)
|
|
2198
2201
|
},
|
|
2199
2202
|
b
|
|
2200
2203
|
))));
|
|
2201
|
-
},
|
|
2204
|
+
}, bo = {
|
|
2202
2205
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
2203
|
-
},
|
|
2206
|
+
}, fo = "field-description", ua = (_) => {
|
|
2204
2207
|
var o = _, {
|
|
2205
2208
|
children: t,
|
|
2206
2209
|
className: a = ""
|
|
@@ -2208,19 +2211,19 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2208
2211
|
"children",
|
|
2209
2212
|
"className"
|
|
2210
2213
|
]);
|
|
2211
|
-
const l = u(fo
|
|
2212
|
-
return /* @__PURE__ */ e.createElement(P,
|
|
2213
|
-
},
|
|
2214
|
-
checkbox:
|
|
2215
|
-
checkbox__label:
|
|
2216
|
-
checkbox__text:
|
|
2217
|
-
checkbox__input:
|
|
2218
|
-
checkbox__checkmark:
|
|
2214
|
+
const l = u(bo[fo], a);
|
|
2215
|
+
return /* @__PURE__ */ e.createElement(P, S(h({ as: "span", size: "sm" }, r), { className: l }), t);
|
|
2216
|
+
}, vo = "lc-Checkbox-module__checkbox___G7nTf", ho = "lc-Checkbox-module__checkbox__label___-o01x", ko = "lc-Checkbox-module__checkbox__text___P2SIq", yo = "lc-Checkbox-module__checkbox__input___YLbVF", Eo = "lc-Checkbox-module__checkbox__checkmark___16pfY", wo = "lc-Checkbox-module__checkbox__square___MHUyd", $o = "lc-Checkbox-module__checkbox__helper___YSJ-n", tt = {
|
|
2217
|
+
checkbox: vo,
|
|
2218
|
+
checkbox__label: ho,
|
|
2219
|
+
checkbox__text: ko,
|
|
2220
|
+
checkbox__input: yo,
|
|
2221
|
+
checkbox__checkmark: Eo,
|
|
2219
2222
|
"checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
|
|
2220
|
-
checkbox__square:
|
|
2223
|
+
checkbox__square: wo,
|
|
2221
2224
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
2222
|
-
checkbox__helper:
|
|
2223
|
-
}, at = "checkbox",
|
|
2225
|
+
checkbox__helper: $o
|
|
2226
|
+
}, at = "checkbox", No = e.forwardRef(
|
|
2224
2227
|
(n, c) => {
|
|
2225
2228
|
var d = n, { checked: t, disabled: a, children: r, description: _, className: o } = d, l = F(d, ["checked", "disabled", "children", "description", "className"]);
|
|
2226
2229
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -2233,7 +2236,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2233
2236
|
},
|
|
2234
2237
|
/* @__PURE__ */ e.createElement("label", { className: tt[`${at}__label`] }, /* @__PURE__ */ e.createElement(
|
|
2235
2238
|
"input",
|
|
2236
|
-
|
|
2239
|
+
S(h({}, l), {
|
|
2237
2240
|
ref: c,
|
|
2238
2241
|
checked: t,
|
|
2239
2242
|
disabled: a,
|
|
@@ -2279,7 +2282,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2279
2282
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
2280
2283
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
2281
2284
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
2282
|
-
}, _r = "date-picker",
|
|
2285
|
+
}, _r = "date-picker", Co = (t) => {
|
|
2283
2286
|
const {
|
|
2284
2287
|
onPreviousClick: a,
|
|
2285
2288
|
onMonthChange: r,
|
|
@@ -2291,8 +2294,8 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2291
2294
|
numberOfMonths: d,
|
|
2292
2295
|
month: i,
|
|
2293
2296
|
fromMonth: s,
|
|
2294
|
-
toMonth:
|
|
2295
|
-
} = t,
|
|
2297
|
+
toMonth: g
|
|
2298
|
+
} = t, m = () => {
|
|
2296
2299
|
typeof a == "function" && a();
|
|
2297
2300
|
}, f = () => {
|
|
2298
2301
|
typeof _ == "function" && _();
|
|
@@ -2307,15 +2310,15 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2307
2310
|
);
|
|
2308
2311
|
return r(k);
|
|
2309
2312
|
}, E = () => {
|
|
2310
|
-
if (!
|
|
2313
|
+
if (!g) {
|
|
2311
2314
|
const y = Ja(i, 12);
|
|
2312
2315
|
return r(y);
|
|
2313
2316
|
}
|
|
2314
|
-
const v = Math.abs(Ka(
|
|
2317
|
+
const v = Math.abs(Ka(g, i)), k = Ja(
|
|
2315
2318
|
i,
|
|
2316
2319
|
!Number.isNaN(v) && v > 12 ? 12 : v
|
|
2317
2320
|
);
|
|
2318
|
-
return d === 2 && Pa(k,
|
|
2321
|
+
return d === 2 && Pa(k, g) ? r(gt(k, 1)) : r(k);
|
|
2319
2322
|
};
|
|
2320
2323
|
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: B[`${_r}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2321
2324
|
"button",
|
|
@@ -2327,7 +2330,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2327
2330
|
}),
|
|
2328
2331
|
onClick: b
|
|
2329
2332
|
},
|
|
2330
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2333
|
+
/* @__PURE__ */ e.createElement(A, { source: Yr, kind: "subtle" })
|
|
2331
2334
|
), /* @__PURE__ */ e.createElement(
|
|
2332
2335
|
"button",
|
|
2333
2336
|
{
|
|
@@ -2336,9 +2339,9 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2336
2339
|
[n.navButtonPrev]: !0,
|
|
2337
2340
|
[n.navButtonInteractionDisabled]: !l
|
|
2338
2341
|
}),
|
|
2339
|
-
onClick:
|
|
2342
|
+
onClick: m
|
|
2340
2343
|
},
|
|
2341
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2344
|
+
/* @__PURE__ */ e.createElement(A, { source: Kr, kind: "subtle" })
|
|
2342
2345
|
)), /* @__PURE__ */ e.createElement("div", { className: B[`${_r}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
2343
2346
|
"button",
|
|
2344
2347
|
{
|
|
@@ -2360,7 +2363,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2360
2363
|
}),
|
|
2361
2364
|
onClick: E
|
|
2362
2365
|
},
|
|
2363
|
-
/* @__PURE__ */ e.createElement(A, { source:
|
|
2366
|
+
/* @__PURE__ */ e.createElement(A, { source: Jr, kind: "subtle" })
|
|
2364
2367
|
)));
|
|
2365
2368
|
}, M = "date-picker", Fr = (t, a) => {
|
|
2366
2369
|
const { from: r, to: _ } = a;
|
|
@@ -2374,16 +2377,16 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2374
2377
|
};
|
|
2375
2378
|
if (!a || !t)
|
|
2376
2379
|
return r;
|
|
2377
|
-
const _ =
|
|
2378
|
-
return _ > 0 ?
|
|
2380
|
+
const _ = Sr(a, t);
|
|
2381
|
+
return _ > 0 ? S(h({}, r), {
|
|
2379
2382
|
[B[`${M}__day--end`]]: a
|
|
2380
|
-
}) : _ < 0 ?
|
|
2383
|
+
}) : _ < 0 ? S(h({}, r), {
|
|
2381
2384
|
[B[`${M}__day--start`]]: a
|
|
2382
2385
|
}) : r;
|
|
2383
2386
|
}, Pt = (t, a) => {
|
|
2384
2387
|
const r = a.find((_) => _.id === t);
|
|
2385
2388
|
return r || void 0;
|
|
2386
|
-
}, or = (t, a) => !!(!t || t && a),
|
|
2389
|
+
}, or = (t, a) => !!(!t || t && a), So = (t) => {
|
|
2387
2390
|
const a = {};
|
|
2388
2391
|
if (!t.initialSelectedItemKey)
|
|
2389
2392
|
return a;
|
|
@@ -2392,7 +2395,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2392
2395
|
t.options
|
|
2393
2396
|
);
|
|
2394
2397
|
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) : {};
|
|
2395
|
-
},
|
|
2398
|
+
}, To = (t, a) => h({
|
|
2396
2399
|
container: u({
|
|
2397
2400
|
[B[`${M}`]]: !0,
|
|
2398
2401
|
[B[`${M}--range`]]: t
|
|
@@ -2427,10 +2430,10 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2427
2430
|
outside: B[`${M}__day--outside`],
|
|
2428
2431
|
start: B[`${M}__day--start`],
|
|
2429
2432
|
end: B[`${M}__day--end`]
|
|
2430
|
-
}, a), lr = "date-picker",
|
|
2433
|
+
}, a), lr = "date-picker", Do = (t) => {
|
|
2431
2434
|
const a = t.getDate();
|
|
2432
2435
|
return /* @__PURE__ */ e.createElement("div", { className: B[`${lr}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: B[`${lr}__day-content`] }, a));
|
|
2433
|
-
},
|
|
2436
|
+
}, Bo = (t) => {
|
|
2434
2437
|
const k = t, {
|
|
2435
2438
|
classNames: a,
|
|
2436
2439
|
range: r,
|
|
@@ -2442,7 +2445,7 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2442
2445
|
navbarElement: d,
|
|
2443
2446
|
renderDay: i,
|
|
2444
2447
|
innerRef: s
|
|
2445
|
-
} = k,
|
|
2448
|
+
} = k, g = F(k, [
|
|
2446
2449
|
"classNames",
|
|
2447
2450
|
"range",
|
|
2448
2451
|
"toMonth",
|
|
@@ -2453,12 +2456,12 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2453
2456
|
"navbarElement",
|
|
2454
2457
|
"renderDay",
|
|
2455
2458
|
"innerRef"
|
|
2456
|
-
]), [
|
|
2459
|
+
]), [m, f] = e.useState(o || /* @__PURE__ */ new Date());
|
|
2457
2460
|
e.useEffect(() => {
|
|
2458
|
-
o && o !==
|
|
2459
|
-
}, [o,
|
|
2460
|
-
_ && o !==
|
|
2461
|
-
}, [o,
|
|
2461
|
+
o && o !== m && f(o);
|
|
2462
|
+
}, [o, m]), e.useEffect(() => {
|
|
2463
|
+
_ && o !== m && (Fr(m, { from: l, to: _ }) || f(_));
|
|
2464
|
+
}, [o, m, _, l]);
|
|
2462
2465
|
const b = e.useCallback(
|
|
2463
2466
|
(y) => {
|
|
2464
2467
|
if (t.onMonthChange && y) {
|
|
@@ -2472,16 +2475,16 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2472
2475
|
let E = 1;
|
|
2473
2476
|
(c === 0 || c && c < 7) && (E = c);
|
|
2474
2477
|
const v = e.useMemo(
|
|
2475
|
-
() =>
|
|
2478
|
+
() => To(r, a),
|
|
2476
2479
|
[r, a]
|
|
2477
2480
|
);
|
|
2478
2481
|
return /* @__PURE__ */ e.createElement(
|
|
2479
|
-
|
|
2482
|
+
d_,
|
|
2480
2483
|
h({
|
|
2481
2484
|
navbarElement: d || /* @__PURE__ */ e.createElement(
|
|
2482
|
-
|
|
2485
|
+
Co,
|
|
2483
2486
|
{
|
|
2484
|
-
month:
|
|
2487
|
+
month: m,
|
|
2485
2488
|
classNames: v,
|
|
2486
2489
|
numberOfMonths: n,
|
|
2487
2490
|
onMonthChange: b,
|
|
@@ -2495,16 +2498,16 @@ const ro = "lc-SegmentedControl-module__btn___tfsvL", Wt = {
|
|
|
2495
2498
|
toMonth: _,
|
|
2496
2499
|
fromMonth: l,
|
|
2497
2500
|
firstDayOfWeek: E,
|
|
2498
|
-
month:
|
|
2499
|
-
renderDay: i ||
|
|
2500
|
-
},
|
|
2501
|
+
month: m,
|
|
2502
|
+
renderDay: i || Do
|
|
2503
|
+
}, g)
|
|
2501
2504
|
);
|
|
2502
|
-
},
|
|
2503
|
-
(t, a) => /* @__PURE__ */ e.createElement(
|
|
2505
|
+
}, Ao = e.forwardRef(
|
|
2506
|
+
(t, a) => /* @__PURE__ */ e.createElement(Bo, h({ innerRef: a }, t))
|
|
2504
2507
|
);
|
|
2505
|
-
|
|
2508
|
+
Ao.displayName = "DatePicker";
|
|
2506
2509
|
var q = /* @__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))(q || {});
|
|
2507
|
-
const
|
|
2510
|
+
const Po = (t) => {
|
|
2508
2511
|
const a = Mr(
|
|
2509
2512
|
t.initialFromDate,
|
|
2510
2513
|
t.initialToDate,
|
|
@@ -2515,7 +2518,7 @@ const Io = (t) => {
|
|
|
2515
2518
|
to: void 0,
|
|
2516
2519
|
temporaryTo: void 0,
|
|
2517
2520
|
currentMonth: a
|
|
2518
|
-
}),
|
|
2521
|
+
}), So(t));
|
|
2519
2522
|
function o(l, c) {
|
|
2520
2523
|
switch (c.type) {
|
|
2521
2524
|
case q.NEW_SELECTED_ITEM:
|
|
@@ -2527,44 +2530,44 @@ const Io = (t) => {
|
|
|
2527
2530
|
currentMonth: a
|
|
2528
2531
|
};
|
|
2529
2532
|
case q.NEW_TEMPORARY_TO_VALUE:
|
|
2530
|
-
return
|
|
2533
|
+
return S(h({}, l), {
|
|
2531
2534
|
temporaryTo: c.payload.date
|
|
2532
2535
|
});
|
|
2533
2536
|
case q.SELECT_FIRST_DAY:
|
|
2534
|
-
return
|
|
2537
|
+
return S(h({}, l), {
|
|
2535
2538
|
from: c.payload.date,
|
|
2536
2539
|
to: void 0,
|
|
2537
2540
|
temporaryTo: void 0
|
|
2538
2541
|
});
|
|
2539
2542
|
case q.SELECT_SECOND_DAY_AS_FROM:
|
|
2540
|
-
return
|
|
2543
|
+
return S(h({}, l), {
|
|
2541
2544
|
from: c.payload.date,
|
|
2542
2545
|
to: l.from,
|
|
2543
2546
|
temporaryTo: l.from
|
|
2544
2547
|
});
|
|
2545
2548
|
case q.SELECT_SECOND_DAY_AS_TO:
|
|
2546
|
-
return
|
|
2549
|
+
return S(h({}, l), {
|
|
2547
2550
|
to: c.payload.date,
|
|
2548
2551
|
temporaryTo: c.payload.date
|
|
2549
2552
|
});
|
|
2550
2553
|
case q.CURRENT_MONTH_CHANGE:
|
|
2551
|
-
return
|
|
2554
|
+
return S(h({}, l), {
|
|
2552
2555
|
currentMonth: c.payload.date
|
|
2553
2556
|
});
|
|
2554
2557
|
case q.SET_FROM:
|
|
2555
|
-
return
|
|
2558
|
+
return S(h({}, l), {
|
|
2556
2559
|
from: c.payload.date
|
|
2557
2560
|
});
|
|
2558
2561
|
case q.SET_TO:
|
|
2559
|
-
return
|
|
2562
|
+
return S(h({}, l), {
|
|
2560
2563
|
to: c.payload.date
|
|
2561
2564
|
});
|
|
2562
2565
|
default:
|
|
2563
2566
|
return l;
|
|
2564
2567
|
}
|
|
2565
2568
|
}
|
|
2566
|
-
return
|
|
2567
|
-
},
|
|
2569
|
+
return Wr(o, _);
|
|
2570
|
+
}, Io = ({
|
|
2568
2571
|
options: t,
|
|
2569
2572
|
initialSelectedItemKey: a,
|
|
2570
2573
|
initialFromDate: r,
|
|
@@ -2573,9 +2576,9 @@ const Io = (t) => {
|
|
|
2573
2576
|
onChange: l,
|
|
2574
2577
|
children: c
|
|
2575
2578
|
}) => {
|
|
2576
|
-
const n =
|
|
2579
|
+
const n = Vr(
|
|
2577
2580
|
a || null
|
|
2578
|
-
), [d, i] =
|
|
2581
|
+
), [d, i] = Po({
|
|
2579
2582
|
options: t,
|
|
2580
2583
|
initialSelectedItemKey: a,
|
|
2581
2584
|
initialFromDate: r,
|
|
@@ -2609,7 +2612,7 @@ const Io = (t) => {
|
|
|
2609
2612
|
if (!(E && k))
|
|
2610
2613
|
return;
|
|
2611
2614
|
const y = Pt(v, t);
|
|
2612
|
-
y && (l == null || l(
|
|
2615
|
+
y && (l == null || l(S(h({}, y), {
|
|
2613
2616
|
value: {
|
|
2614
2617
|
from: E,
|
|
2615
2618
|
to: k
|
|
@@ -2626,21 +2629,21 @@ const Io = (t) => {
|
|
|
2626
2629
|
if (!Pt(E, t))
|
|
2627
2630
|
return;
|
|
2628
2631
|
const k = t.reduce(
|
|
2629
|
-
(y, $) =>
|
|
2632
|
+
(y, $) => S(h({}, y), { [$.id]: $ }),
|
|
2630
2633
|
{}
|
|
2631
2634
|
);
|
|
2632
2635
|
l(k[E]);
|
|
2633
2636
|
}, [l, d.selectedItem, t]);
|
|
2634
2637
|
const s = Ot(
|
|
2635
2638
|
(E) => {
|
|
2636
|
-
const v = o ?
|
|
2639
|
+
const v = o ? Sr(o, E) >= 0 : !0;
|
|
2637
2640
|
!or(d.from, d.to) && v && i({
|
|
2638
2641
|
type: q.NEW_TEMPORARY_TO_VALUE,
|
|
2639
2642
|
payload: { date: E }
|
|
2640
2643
|
});
|
|
2641
2644
|
},
|
|
2642
2645
|
[o, d.from, d.to]
|
|
2643
|
-
),
|
|
2646
|
+
), g = Ot(
|
|
2644
2647
|
(E) => {
|
|
2645
2648
|
const { from: v, to: k } = d;
|
|
2646
2649
|
Fr(E, { to: o }) && (or(v, k) ? i({
|
|
@@ -2655,7 +2658,7 @@ const Io = (t) => {
|
|
|
2655
2658
|
}));
|
|
2656
2659
|
},
|
|
2657
2660
|
[o, d.from, d.to]
|
|
2658
|
-
),
|
|
2661
|
+
), m = Ot(
|
|
2659
2662
|
(E) => {
|
|
2660
2663
|
if (E === null) {
|
|
2661
2664
|
i({
|
|
@@ -2680,10 +2683,10 @@ const Io = (t) => {
|
|
|
2680
2683
|
const { currentMonth: E, from: v, selectedItem: k, temporaryTo: y, to: $ } = d, C = Ht(
|
|
2681
2684
|
() => xo(v, y),
|
|
2682
2685
|
[v, y]
|
|
2683
|
-
), w = Ht(() => Pt(k, t), [t, k]),
|
|
2686
|
+
), w = Ht(() => Pt(k, t), [t, k]), p = Ht(() => [v, { from: v, to: y }], [v, y]), N = Ht(() => o ? { after: o } : void 0, [o]);
|
|
2684
2687
|
return {
|
|
2685
2688
|
select: {
|
|
2686
|
-
onItemSelect:
|
|
2689
|
+
onItemSelect: m,
|
|
2687
2690
|
selected: k || ""
|
|
2688
2691
|
},
|
|
2689
2692
|
inputs: {
|
|
@@ -2694,8 +2697,8 @@ const Io = (t) => {
|
|
|
2694
2697
|
range: !0,
|
|
2695
2698
|
month: E,
|
|
2696
2699
|
numberOfMonths: 2,
|
|
2697
|
-
onDayClick:
|
|
2698
|
-
selectedDays:
|
|
2700
|
+
onDayClick: g,
|
|
2701
|
+
selectedDays: p,
|
|
2699
2702
|
modifiers: C,
|
|
2700
2703
|
initialMonth: o && gt(o, 1),
|
|
2701
2704
|
toMonth: o,
|
|
@@ -2707,7 +2710,7 @@ const Io = (t) => {
|
|
|
2707
2710
|
};
|
|
2708
2711
|
})());
|
|
2709
2712
|
};
|
|
2710
|
-
|
|
2713
|
+
Io.defaultProps = {
|
|
2711
2714
|
options: [
|
|
2712
2715
|
{
|
|
2713
2716
|
id: "default",
|
|
@@ -2720,12 +2723,12 @@ Fo.defaultProps = {
|
|
|
2720
2723
|
}
|
|
2721
2724
|
]
|
|
2722
2725
|
};
|
|
2723
|
-
const
|
|
2726
|
+
const Bc = (t) => {
|
|
2724
2727
|
const l = t, { className: a, children: r } = l, _ = F(l, ["className", "children"]), o = u(
|
|
2725
2728
|
a,
|
|
2726
2729
|
B["date-picker--range__calendars-wrapper"]
|
|
2727
2730
|
);
|
|
2728
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2731
|
+
return /* @__PURE__ */ e.createElement("div", S(h({}, _), { className: o }), r);
|
|
2729
2732
|
}, L = {
|
|
2730
2733
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
2731
2734
|
"details-card__button--fading": "lc-DetailsCard-module__details-card__button--fading___tQA02",
|
|
@@ -2747,7 +2750,7 @@ const Pc = (t) => {
|
|
|
2747
2750
|
"details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
|
|
2748
2751
|
"details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
|
|
2749
2752
|
"details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
|
|
2750
|
-
}, O = "details-card",
|
|
2753
|
+
}, O = "details-card", Ac = ({
|
|
2751
2754
|
children: t,
|
|
2752
2755
|
className: a,
|
|
2753
2756
|
leftNode: r,
|
|
@@ -2759,18 +2762,18 @@ const Pc = (t) => {
|
|
|
2759
2762
|
hideLabelOnOpen: d,
|
|
2760
2763
|
onClick: i
|
|
2761
2764
|
}) => {
|
|
2762
|
-
const [s,
|
|
2765
|
+
const [s, g] = e.useState(n), [m, f] = e.useState(0), b = e.useRef(null), E = u(
|
|
2763
2766
|
L[O],
|
|
2764
2767
|
l && L[`${O}--with-divider`],
|
|
2765
2768
|
a
|
|
2766
2769
|
), v = d && s, k = typeof o == "string", y = ($) => {
|
|
2767
|
-
|
|
2770
|
+
g((C) => !C), $.currentTarget.blur(), i == null || i();
|
|
2768
2771
|
};
|
|
2769
2772
|
return e.useEffect(() => {
|
|
2770
2773
|
const $ = !!window.IntersectionObserver;
|
|
2771
2774
|
if (b.current && $) {
|
|
2772
2775
|
const C = new ResizeObserver(() => {
|
|
2773
|
-
b.current &&
|
|
2776
|
+
b.current && m !== b.current.offsetHeight && f(b.current.offsetHeight);
|
|
2774
2777
|
});
|
|
2775
2778
|
return C.observe(b.current), () => C.disconnect();
|
|
2776
2779
|
}
|
|
@@ -2837,7 +2840,7 @@ const Pc = (t) => {
|
|
|
2837
2840
|
s && L[`${O}__content-wrapper--open`]
|
|
2838
2841
|
),
|
|
2839
2842
|
style: {
|
|
2840
|
-
maxHeight: s ?
|
|
2843
|
+
maxHeight: s ? m : 0
|
|
2841
2844
|
}
|
|
2842
2845
|
},
|
|
2843
2846
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2857,7 +2860,7 @@ const Pc = (t) => {
|
|
|
2857
2860
|
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
2858
2861
|
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
2859
2862
|
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
2860
|
-
}, $a = "details-card-info",
|
|
2863
|
+
}, $a = "details-card-info", Pc = ({
|
|
2861
2864
|
children: t,
|
|
2862
2865
|
label: a
|
|
2863
2866
|
}) => /* @__PURE__ */ e.createElement("div", { className: wa[$a] }, /* @__PURE__ */ e.createElement("div", { className: wa[`${$a}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: wa[`${$a}__content`] }, t)), cr = {
|
|
@@ -2872,7 +2875,7 @@ const Pc = (t) => {
|
|
|
2872
2875
|
"className"
|
|
2873
2876
|
]);
|
|
2874
2877
|
const l = u(cr[nr], a);
|
|
2875
|
-
return /* @__PURE__ */ e.createElement(P,
|
|
2878
|
+
return /* @__PURE__ */ e.createElement(P, S(h({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
|
|
2876
2879
|
A,
|
|
2877
2880
|
{
|
|
2878
2881
|
source: La,
|
|
@@ -2884,7 +2887,7 @@ const Pc = (t) => {
|
|
|
2884
2887
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
2885
2888
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2886
2889
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2887
|
-
}, Ca = "field-group",
|
|
2890
|
+
}, Ca = "field-group", Ic = (n) => {
|
|
2888
2891
|
var d = n, {
|
|
2889
2892
|
className: t = "",
|
|
2890
2893
|
children: a,
|
|
@@ -2904,14 +2907,14 @@ const Pc = (t) => {
|
|
|
2904
2907
|
[Na[`${Ca}--inline`]]: o,
|
|
2905
2908
|
[Na[`${Ca}--stretched`]]: l
|
|
2906
2909
|
});
|
|
2907
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2908
|
-
},
|
|
2909
|
-
form:
|
|
2910
|
-
form__header:
|
|
2911
|
-
form__footer:
|
|
2912
|
-
form__label:
|
|
2913
|
-
form__helper:
|
|
2914
|
-
}, Ct = "form",
|
|
2910
|
+
return /* @__PURE__ */ e.createElement("div", S(h({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Wa, null, _), r && /* @__PURE__ */ e.createElement(ua, null, r));
|
|
2911
|
+
}, Fo = "lc-Form-module__form___1nOYF", Mo = "lc-Form-module__form__header___U4B7t", Ro = "lc-Form-module__form__footer___1-sUX", Lo = "lc-Form-module__form__label___spg-J", Oo = "lc-Form-module__form__helper___bhfwS", Nt = {
|
|
2912
|
+
form: Fo,
|
|
2913
|
+
form__header: Mo,
|
|
2914
|
+
form__footer: Ro,
|
|
2915
|
+
form__label: Lo,
|
|
2916
|
+
form__helper: Oo
|
|
2917
|
+
}, Ct = "form", Fc = (c) => {
|
|
2915
2918
|
var n = c, {
|
|
2916
2919
|
className: t,
|
|
2917
2920
|
children: a,
|
|
@@ -2943,7 +2946,7 @@ const Pc = (t) => {
|
|
|
2943
2946
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
2944
2947
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
2945
2948
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
2946
|
-
}, J = "form-field",
|
|
2949
|
+
}, J = "form-field", Mc = ({
|
|
2947
2950
|
inline: t,
|
|
2948
2951
|
error: a,
|
|
2949
2952
|
description: r,
|
|
@@ -2954,7 +2957,7 @@ const Pc = (t) => {
|
|
|
2954
2957
|
children: n,
|
|
2955
2958
|
labelRightNode: d
|
|
2956
2959
|
}) => {
|
|
2957
|
-
const i = e.useRef(null), [s,
|
|
2960
|
+
const i = e.useRef(null), [s, g] = e.useState("auto"), m = u(
|
|
2958
2961
|
K[J],
|
|
2959
2962
|
{
|
|
2960
2963
|
[K[`${J}--inline`]]: t
|
|
@@ -2963,8 +2966,8 @@ const Pc = (t) => {
|
|
|
2963
2966
|
);
|
|
2964
2967
|
return e.useEffect(() => {
|
|
2965
2968
|
const f = i;
|
|
2966
|
-
return t && f.current ?
|
|
2967
|
-
}), /* @__PURE__ */ e.createElement("div", { className:
|
|
2969
|
+
return t && f.current ? g(`${f.current.clientHeight}px`) : g("auto");
|
|
2970
|
+
}), /* @__PURE__ */ e.createElement("div", { className: m }, d && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2968
2971
|
P,
|
|
2969
2972
|
{
|
|
2970
2973
|
as: "div",
|
|
@@ -3047,7 +3050,7 @@ const Pc = (t) => {
|
|
|
3047
3050
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
3048
3051
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
3049
3052
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
3050
|
-
}, Yt = "form-group",
|
|
3053
|
+
}, Yt = "form-group", Rc = (l) => {
|
|
3051
3054
|
var c = l, {
|
|
3052
3055
|
className: t = "",
|
|
3053
3056
|
children: a,
|
|
@@ -3062,7 +3065,7 @@ const Pc = (t) => {
|
|
|
3062
3065
|
const n = u(qt[Yt], t);
|
|
3063
3066
|
return /* @__PURE__ */ e.createElement(
|
|
3064
3067
|
"div",
|
|
3065
|
-
|
|
3068
|
+
S(h(S(h({}, o), {
|
|
3066
3069
|
role: "group"
|
|
3067
3070
|
}), r && { "aria-label": r }), {
|
|
3068
3071
|
className: n
|
|
@@ -3078,8 +3081,8 @@ const Pc = (t) => {
|
|
|
3078
3081
|
), _ && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: qt[`${Yt}__helper`] }, _)),
|
|
3079
3082
|
a
|
|
3080
3083
|
);
|
|
3081
|
-
},
|
|
3082
|
-
input:
|
|
3084
|
+
}, Ho = "lc-Input-module__input___qeMAQ", Te = {
|
|
3085
|
+
input: Ho,
|
|
3083
3086
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
3084
3087
|
"input--disabled": "lc-Input-module__input--disabled___HidXX",
|
|
3085
3088
|
"input--crop": "lc-Input-module__input--crop___uzJS8",
|
|
@@ -3102,7 +3105,7 @@ const Pc = (t) => {
|
|
|
3102
3105
|
[Te[`${De}__icon--disabled`]]: a
|
|
3103
3106
|
}
|
|
3104
3107
|
)
|
|
3105
|
-
}),
|
|
3108
|
+
}), Lc = e.forwardRef(
|
|
3106
3109
|
(d, n) => {
|
|
3107
3110
|
var i = d, {
|
|
3108
3111
|
inputSize: t = "medium",
|
|
@@ -3121,20 +3124,20 @@ const Pc = (t) => {
|
|
|
3121
3124
|
]);
|
|
3122
3125
|
const s = e.useRef(null);
|
|
3123
3126
|
e.useImperativeHandle(n, () => s.current, []);
|
|
3124
|
-
const [
|
|
3127
|
+
const [g, m] = e.useState(!1), [f, b] = e.useState(!1), { type: E, onFocus: v, onBlur: k } = c, y = u(
|
|
3125
3128
|
o,
|
|
3126
3129
|
Te[De],
|
|
3127
3130
|
Te[`${De}--${t}`],
|
|
3128
3131
|
{
|
|
3129
3132
|
[Te[`${De}--disabled`]]: r,
|
|
3130
|
-
[Te[`${De}--focused`]]:
|
|
3133
|
+
[Te[`${De}--focused`]]: g,
|
|
3131
3134
|
[Te[`${De}--error`]]: a,
|
|
3132
3135
|
[Te[`${De}--crop`]]: l,
|
|
3133
3136
|
[Te[`${De}--read-only`]]: c.readOnly
|
|
3134
3137
|
}
|
|
3135
|
-
), $ = r ? "var(--content-disabled)" : "var(--content-default)", C = f ?
|
|
3136
|
-
var
|
|
3137
|
-
(
|
|
3138
|
+
), $ = r ? "var(--content-disabled)" : "var(--content-default)", C = f ? Xr : Qr, w = _ && _.place === "left", p = _ && E !== "password" && _.place === "right", N = () => {
|
|
3139
|
+
var x;
|
|
3140
|
+
(x = s.current) == null || x.focus();
|
|
3138
3141
|
};
|
|
3139
3142
|
return /* @__PURE__ */ e.createElement(
|
|
3140
3143
|
P,
|
|
@@ -3148,19 +3151,19 @@ const Pc = (t) => {
|
|
|
3148
3151
|
w && sr(_, r),
|
|
3149
3152
|
/* @__PURE__ */ e.createElement(
|
|
3150
3153
|
"input",
|
|
3151
|
-
|
|
3154
|
+
S(h({}, c), {
|
|
3152
3155
|
ref: s,
|
|
3153
|
-
onFocus: (
|
|
3154
|
-
|
|
3156
|
+
onFocus: (x) => {
|
|
3157
|
+
m(!0), v == null || v(x);
|
|
3155
3158
|
},
|
|
3156
|
-
onBlur: (
|
|
3157
|
-
|
|
3159
|
+
onBlur: (x) => {
|
|
3160
|
+
m(!1), k == null || k(x);
|
|
3158
3161
|
},
|
|
3159
3162
|
disabled: r,
|
|
3160
3163
|
type: E && !f ? E : "text"
|
|
3161
3164
|
})
|
|
3162
3165
|
),
|
|
3163
|
-
|
|
3166
|
+
p && sr(_, r),
|
|
3164
3167
|
E === "password" && /* @__PURE__ */ e.createElement(
|
|
3165
3168
|
V,
|
|
3166
3169
|
{
|
|
@@ -3168,16 +3171,16 @@ const Pc = (t) => {
|
|
|
3168
3171
|
kind: "text",
|
|
3169
3172
|
size: "compact",
|
|
3170
3173
|
icon: /* @__PURE__ */ e.createElement(A, { customColor: $, source: C }),
|
|
3171
|
-
onClick: () => b((
|
|
3174
|
+
onClick: () => b((x) => !x),
|
|
3172
3175
|
className: Te[`${De}__visibility-button`]
|
|
3173
3176
|
}
|
|
3174
3177
|
)
|
|
3175
3178
|
);
|
|
3176
3179
|
}
|
|
3177
|
-
),
|
|
3178
|
-
link:
|
|
3180
|
+
), zo = "lc-Link-module__link___kqx52", ir = {
|
|
3181
|
+
link: zo,
|
|
3179
3182
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
3180
|
-
}, dr = "link",
|
|
3183
|
+
}, dr = "link", Oc = (_) => {
|
|
3181
3184
|
var o = _, {
|
|
3182
3185
|
bold: t = !1,
|
|
3183
3186
|
className: a = ""
|
|
@@ -3195,7 +3198,7 @@ const Pc = (t) => {
|
|
|
3195
3198
|
)
|
|
3196
3199
|
}, r)
|
|
3197
3200
|
);
|
|
3198
|
-
},
|
|
3201
|
+
}, Go = "lc-Modal-module__modal__body___M-jmN", Uo = "lc-Modal-module__modal__header___Fp5VE", Wo = "lc-Modal-module__modal__heading___G9KVK", Vo = "lc-Modal-module__modal__footer___2LYdc", ge = {
|
|
3199
3202
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
3200
3203
|
"fade-in-step2": "lc-Modal-module__fade-in-step2___xzJX5",
|
|
3201
3204
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
@@ -3205,13 +3208,13 @@ const Pc = (t) => {
|
|
|
3205
3208
|
"modal-base__overlay--labelled": "lc-Modal-module__modal-base__overlay--labelled___THAo-",
|
|
3206
3209
|
"modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
|
|
3207
3210
|
"modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
|
|
3208
|
-
modal__body:
|
|
3209
|
-
modal__header:
|
|
3211
|
+
modal__body: Go,
|
|
3212
|
+
modal__header: Uo,
|
|
3210
3213
|
"modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
|
|
3211
|
-
modal__heading:
|
|
3214
|
+
modal__heading: Wo,
|
|
3212
3215
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
3213
|
-
modal__footer:
|
|
3214
|
-
},
|
|
3216
|
+
modal__footer: Vo
|
|
3217
|
+
}, xt = "modal-base", qo = (d) => {
|
|
3215
3218
|
var i = d, {
|
|
3216
3219
|
children: t,
|
|
3217
3220
|
className: a = "",
|
|
@@ -3230,30 +3233,30 @@ const Pc = (t) => {
|
|
|
3230
3233
|
"isLabelled"
|
|
3231
3234
|
]);
|
|
3232
3235
|
const s = u(
|
|
3233
|
-
ge[
|
|
3236
|
+
ge[xt],
|
|
3234
3237
|
a,
|
|
3235
|
-
l && ge[`${
|
|
3238
|
+
l && ge[`${xt}--full-space`]
|
|
3236
3239
|
);
|
|
3237
3240
|
e.useEffect(() => {
|
|
3238
3241
|
if (!_)
|
|
3239
3242
|
return;
|
|
3240
|
-
const
|
|
3243
|
+
const m = (f) => {
|
|
3241
3244
|
f.key === oe.esc && r();
|
|
3242
3245
|
};
|
|
3243
|
-
return document.addEventListener("keyup",
|
|
3246
|
+
return document.addEventListener("keyup", m, !0), () => document.removeEventListener("keyup", m, !0);
|
|
3244
3247
|
}, [_]);
|
|
3245
|
-
const
|
|
3246
|
-
o &&
|
|
3248
|
+
const g = (m) => {
|
|
3249
|
+
o && m.target === m.currentTarget && r();
|
|
3247
3250
|
};
|
|
3248
3251
|
return /* @__PURE__ */ e.createElement(
|
|
3249
|
-
|
|
3252
|
+
n_,
|
|
3250
3253
|
{
|
|
3251
3254
|
"data-testid": "lc-modal-overlay",
|
|
3252
|
-
onMouseDown:
|
|
3255
|
+
onMouseDown: g,
|
|
3253
3256
|
className: u(
|
|
3254
|
-
ge[`${
|
|
3255
|
-
ge[`${
|
|
3256
|
-
c && ge[`${
|
|
3257
|
+
ge[`${xt}__overlay`],
|
|
3258
|
+
ge[`${xt}__overlay--visible`],
|
|
3259
|
+
c && ge[`${xt}__overlay--labelled`]
|
|
3257
3260
|
)
|
|
3258
3261
|
},
|
|
3259
3262
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3284,7 +3287,7 @@ const Pc = (t) => {
|
|
|
3284
3287
|
onClick: r,
|
|
3285
3288
|
icon: /* @__PURE__ */ e.createElement(A, { source: Ae, size: "medium", customColor: a })
|
|
3286
3289
|
}
|
|
3287
|
-
), rt = "modal",
|
|
3290
|
+
), rt = "modal", Hc = (i) => {
|
|
3288
3291
|
var s = i, {
|
|
3289
3292
|
children: t,
|
|
3290
3293
|
className: a = "",
|
|
@@ -3304,13 +3307,13 @@ const Pc = (t) => {
|
|
|
3304
3307
|
"onClose",
|
|
3305
3308
|
"contentClassName"
|
|
3306
3309
|
]);
|
|
3307
|
-
const
|
|
3310
|
+
const g = u(ge[rt], a), m = typeof t == "string", f = (b) => {
|
|
3308
3311
|
b.preventDefault(), b.stopPropagation(), c();
|
|
3309
3312
|
};
|
|
3310
3313
|
return /* @__PURE__ */ e.createElement(
|
|
3311
|
-
|
|
3314
|
+
qo,
|
|
3312
3315
|
h({
|
|
3313
|
-
className:
|
|
3316
|
+
className: g,
|
|
3314
3317
|
fullSpaceContent: o,
|
|
3315
3318
|
onClose: c,
|
|
3316
3319
|
isLabelled: !!_
|
|
@@ -3346,11 +3349,11 @@ const Pc = (t) => {
|
|
|
3346
3349
|
"data-testid": "modal-body",
|
|
3347
3350
|
className: u(ge[`${rt}__body`], n)
|
|
3348
3351
|
},
|
|
3349
|
-
|
|
3352
|
+
m ? /* @__PURE__ */ e.createElement(P, { as: "div" }, t) : t
|
|
3350
3353
|
),
|
|
3351
3354
|
l && /* @__PURE__ */ e.createElement("div", { className: ge[`${rt}__footer`] }, l)
|
|
3352
3355
|
);
|
|
3353
|
-
},
|
|
3356
|
+
}, zc = ({
|
|
3354
3357
|
children: t,
|
|
3355
3358
|
className: a = "",
|
|
3356
3359
|
parentElementName: r = "body",
|
|
@@ -3364,34 +3367,34 @@ const Pc = (t) => {
|
|
|
3364
3367
|
(c = document.querySelector(r)) == null || c.removeChild(o);
|
|
3365
3368
|
};
|
|
3366
3369
|
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Cr.createPortal(t, o));
|
|
3367
|
-
},
|
|
3370
|
+
}, St = {
|
|
3368
3371
|
"modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
|
|
3369
3372
|
"modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
|
|
3370
3373
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
3371
3374
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
3372
|
-
}, Tt = "modal-header",
|
|
3375
|
+
}, Tt = "modal-header", Gc = ({
|
|
3373
3376
|
title: t,
|
|
3374
3377
|
iconProps: a,
|
|
3375
3378
|
avatarProps: r,
|
|
3376
3379
|
children: _,
|
|
3377
3380
|
className: o = ""
|
|
3378
3381
|
}) => {
|
|
3379
|
-
const l = u(
|
|
3382
|
+
const l = u(St[Tt], o);
|
|
3380
3383
|
return /* @__PURE__ */ e.createElement("div", { className: l }, a && /* @__PURE__ */ e.createElement(
|
|
3381
3384
|
A,
|
|
3382
3385
|
h({
|
|
3383
|
-
className:
|
|
3386
|
+
className: St[`${Tt}__heading-left-node`]
|
|
3384
3387
|
}, a)
|
|
3385
3388
|
), r && /* @__PURE__ */ e.createElement(
|
|
3386
|
-
|
|
3389
|
+
X_,
|
|
3387
3390
|
h({
|
|
3388
|
-
className:
|
|
3391
|
+
className: St[`${Tt}__heading-left-node`]
|
|
3389
3392
|
}, r)
|
|
3390
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3393
|
+
), /* @__PURE__ */ e.createElement("div", { className: St[`${Tt}__heading-body`] }, /* @__PURE__ */ e.createElement(Be, { as: "div", size: "sm" }, t), _ && /* @__PURE__ */ e.createElement(
|
|
3391
3394
|
P,
|
|
3392
3395
|
{
|
|
3393
3396
|
as: "div",
|
|
3394
|
-
className:
|
|
3397
|
+
className: St[`${Tt}__heading-description`]
|
|
3395
3398
|
},
|
|
3396
3399
|
_
|
|
3397
3400
|
)));
|
|
@@ -3402,8 +3405,8 @@ const Pc = (t) => {
|
|
|
3402
3405
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
3403
3406
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
3404
3407
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
3405
|
-
}, ut = "numeric-input",
|
|
3406
|
-
var
|
|
3408
|
+
}, ut = "numeric-input", Uc = (s) => {
|
|
3409
|
+
var g = s, {
|
|
3407
3410
|
className: t,
|
|
3408
3411
|
error: a,
|
|
3409
3412
|
value: r,
|
|
@@ -3413,7 +3416,7 @@ const Pc = (t) => {
|
|
|
3413
3416
|
noControls: c,
|
|
3414
3417
|
style: n,
|
|
3415
3418
|
onChange: d
|
|
3416
|
-
} =
|
|
3419
|
+
} = g, i = F(g, [
|
|
3417
3420
|
"className",
|
|
3418
3421
|
"error",
|
|
3419
3422
|
"value",
|
|
@@ -3424,7 +3427,7 @@ const Pc = (t) => {
|
|
|
3424
3427
|
"style",
|
|
3425
3428
|
"onChange"
|
|
3426
3429
|
]);
|
|
3427
|
-
const
|
|
3430
|
+
const m = e.useRef(null), f = u(
|
|
3428
3431
|
dt[ut],
|
|
3429
3432
|
{
|
|
3430
3433
|
[dt[`${ut}--error`]]: a,
|
|
@@ -3432,33 +3435,33 @@ const Pc = (t) => {
|
|
|
3432
3435
|
[dt[`${ut}--disabled`]]: l
|
|
3433
3436
|
},
|
|
3434
3437
|
t
|
|
3435
|
-
), b = (
|
|
3436
|
-
const N = parseInt(r, 10) +
|
|
3438
|
+
), b = (p) => d(String(p)), E = (p) => _ !== void 0 && p > _ ? _ : o !== void 0 && p < o ? o : p, v = (p) => {
|
|
3439
|
+
const N = parseInt(r, 10) + p;
|
|
3437
3440
|
return b(E(N));
|
|
3438
|
-
}, k = (
|
|
3439
|
-
|
|
3440
|
-
}, y = (
|
|
3441
|
-
|
|
3442
|
-
const N =
|
|
3441
|
+
}, k = (p) => {
|
|
3442
|
+
p.key === oe.arrowDown && (p.preventDefault(), v(-1)), p.key === oe.arrowUp && (p.preventDefault(), v(1));
|
|
3443
|
+
}, y = (p, N) => N !== void 0 && parseInt(p, 10) === N, $ = (p) => {
|
|
3444
|
+
p.preventDefault(), p.stopPropagation();
|
|
3445
|
+
const N = p.currentTarget.value.replace(
|
|
3443
3446
|
/((?!([-]|([-]?\d+))).)/,
|
|
3444
3447
|
""
|
|
3445
3448
|
);
|
|
3446
3449
|
if (N === "" || N === "-")
|
|
3447
3450
|
return b(N);
|
|
3448
|
-
const
|
|
3449
|
-
return b(E(
|
|
3451
|
+
const x = parseInt(N, 10);
|
|
3452
|
+
return b(E(x));
|
|
3450
3453
|
}, C = () => {
|
|
3451
|
-
var
|
|
3452
|
-
return (
|
|
3454
|
+
var p;
|
|
3455
|
+
return (p = m.current) == null || p.focus(), v(1);
|
|
3453
3456
|
}, w = () => {
|
|
3454
|
-
var
|
|
3455
|
-
return (
|
|
3457
|
+
var p;
|
|
3458
|
+
return (p = m.current) == null || p.focus(), v(-1);
|
|
3456
3459
|
};
|
|
3457
3460
|
return /* @__PURE__ */ e.createElement("div", { className: f, style: n }, /* @__PURE__ */ e.createElement(
|
|
3458
3461
|
"input",
|
|
3459
|
-
|
|
3462
|
+
S(h({
|
|
3460
3463
|
type: "text",
|
|
3461
|
-
ref:
|
|
3464
|
+
ref: m
|
|
3462
3465
|
}, i), {
|
|
3463
3466
|
value: r,
|
|
3464
3467
|
disabled: l,
|
|
@@ -3504,7 +3507,7 @@ const Pc = (t) => {
|
|
|
3504
3507
|
}
|
|
3505
3508
|
)
|
|
3506
3509
|
)));
|
|
3507
|
-
},
|
|
3510
|
+
}, Yo = 2, Ko = 200, Jo = 400;
|
|
3508
3511
|
[
|
|
3509
3512
|
...[...Array(100)].map((t, a) => ({
|
|
3510
3513
|
key: `option${a + 8}`,
|
|
@@ -3512,14 +3515,14 @@ const Pc = (t) => {
|
|
|
3512
3515
|
disabled: a % 4 === 0
|
|
3513
3516
|
}))
|
|
3514
3517
|
];
|
|
3515
|
-
const bt = "select-all",
|
|
3518
|
+
const bt = "select-all", Xo = (t, a) => {
|
|
3516
3519
|
const r = [];
|
|
3517
3520
|
return t.forEach((_, o) => {
|
|
3518
3521
|
a(_) && r.push(o);
|
|
3519
3522
|
}), r;
|
|
3520
3523
|
}, Ma = (t) => t.filter(
|
|
3521
3524
|
({ key: a, disabled: r, groupHeader: _ }) => !(a === bt || r || _)
|
|
3522
|
-
),
|
|
3525
|
+
), xa = ({ key: t }) => t, mr = (t, a) => t.includes(a) ? t.filter((r) => r !== a) : [...t, a], re = {
|
|
3523
3526
|
"item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
|
|
3524
3527
|
"item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___uit1z",
|
|
3525
3528
|
"item-wrapper__last": "lc-PickerListItem-module__item-wrapper__last___cWmGF",
|
|
@@ -3534,7 +3537,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3534
3537
|
"picker-list__item__label": "lc-PickerListItem-module__picker-list__item__label___e0uwB",
|
|
3535
3538
|
"picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
|
|
3536
3539
|
"picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
|
|
3537
|
-
}, we = "picker-list__item",
|
|
3540
|
+
}, we = "picker-list__item", Qo = ({
|
|
3538
3541
|
index: t,
|
|
3539
3542
|
isActive: a,
|
|
3540
3543
|
isSelected: r,
|
|
@@ -3545,7 +3548,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3545
3548
|
numberOfItems: n
|
|
3546
3549
|
}) => {
|
|
3547
3550
|
const d = (s) => s != null && s.customElement ? /* @__PURE__ */ e.createElement("div", { className: re[`${we}__custom`] }, s.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, s.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3548
|
-
|
|
3551
|
+
No,
|
|
3549
3552
|
{
|
|
3550
3553
|
className: re[`${we}__checkbox`],
|
|
3551
3554
|
checked: r
|
|
@@ -3591,7 +3594,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3591
3594
|
};
|
|
3592
3595
|
return /* @__PURE__ */ e.createElement(
|
|
3593
3596
|
"div",
|
|
3594
|
-
|
|
3597
|
+
S(h({
|
|
3595
3598
|
id: c.key,
|
|
3596
3599
|
key: c.key,
|
|
3597
3600
|
tabIndex: a ? 0 : -1,
|
|
@@ -3631,11 +3634,11 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3631
3634
|
)
|
|
3632
3635
|
)
|
|
3633
3636
|
);
|
|
3634
|
-
},
|
|
3635
|
-
listbox:
|
|
3637
|
+
}, jo = "lc-PickerList-module__listbox___-LqE-", mt = {
|
|
3638
|
+
listbox: jo,
|
|
3636
3639
|
"no-results": "lc-PickerList-module__no-results___QRce-",
|
|
3637
3640
|
"listbox-wrapper": "lc-PickerList-module__listbox-wrapper___FbDrf"
|
|
3638
|
-
}, pr = "picker-list",
|
|
3641
|
+
}, pr = "picker-list", Zo = ({
|
|
3639
3642
|
context: t,
|
|
3640
3643
|
setFloating: a,
|
|
3641
3644
|
floatingStyles: r,
|
|
@@ -3647,15 +3650,15 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3647
3650
|
setPointer: d,
|
|
3648
3651
|
onSelect: i,
|
|
3649
3652
|
getFloatingProps: s,
|
|
3650
|
-
getItemProps:
|
|
3651
|
-
emptyStateText:
|
|
3653
|
+
getItemProps: g,
|
|
3654
|
+
emptyStateText: m = "No results found",
|
|
3652
3655
|
pickerType: f = "single",
|
|
3653
3656
|
listClassName: b,
|
|
3654
3657
|
virtuosoProps: E
|
|
3655
3658
|
}) => {
|
|
3656
3659
|
const [v, k] = e.useState(0), y = o.length, $ = e.useCallback(
|
|
3657
3660
|
(w) => {
|
|
3658
|
-
w !== v && (w < _ ? k(w + (y - 1) *
|
|
3661
|
+
w !== v && (w < _ ? k(w + (y - 1) * Yo) : k(_));
|
|
3659
3662
|
},
|
|
3660
3663
|
[y]
|
|
3661
3664
|
);
|
|
@@ -3673,17 +3676,18 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3673
3676
|
tabIndex: -1,
|
|
3674
3677
|
style: r
|
|
3675
3678
|
},
|
|
3676
|
-
/* @__PURE__ */ e.createElement("div", { className: w },
|
|
3679
|
+
/* @__PURE__ */ e.createElement("div", { className: w }, m)
|
|
3677
3680
|
));
|
|
3678
3681
|
}
|
|
3679
3682
|
const C = (w) => c.includes(w) || w === bt && c.length === Ma(o).length;
|
|
3680
3683
|
return /* @__PURE__ */ e.createElement(Aa, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3681
3684
|
"div",
|
|
3682
3685
|
{
|
|
3686
|
+
"data-testid": "picker-list",
|
|
3683
3687
|
ref: a,
|
|
3684
3688
|
tabIndex: -1,
|
|
3685
3689
|
className: u(mt.listbox, b),
|
|
3686
|
-
style:
|
|
3690
|
+
style: S(h({}, r), {
|
|
3687
3691
|
maxHeight: _
|
|
3688
3692
|
})
|
|
3689
3693
|
},
|
|
@@ -3705,24 +3709,24 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3705
3709
|
}
|
|
3706
3710
|
})),
|
|
3707
3711
|
/* @__PURE__ */ e.createElement(
|
|
3708
|
-
|
|
3709
|
-
|
|
3712
|
+
u_,
|
|
3713
|
+
S(h({
|
|
3710
3714
|
totalListHeightChanged: $,
|
|
3711
3715
|
style: { height: `${v}px`, maxHeight: _ },
|
|
3712
3716
|
totalCount: o.length,
|
|
3713
3717
|
data: o,
|
|
3714
3718
|
increaseViewportBy: 200
|
|
3715
3719
|
}, E), {
|
|
3716
|
-
itemContent: (w,
|
|
3717
|
-
|
|
3720
|
+
itemContent: (w, p) => /* @__PURE__ */ e.createElement(
|
|
3721
|
+
Qo,
|
|
3718
3722
|
{
|
|
3719
3723
|
index: w,
|
|
3720
|
-
getItemProps:
|
|
3724
|
+
getItemProps: g,
|
|
3721
3725
|
listElementsRef: n,
|
|
3722
3726
|
isActive: l === w,
|
|
3723
|
-
isSelected: C(
|
|
3727
|
+
isSelected: C(p.key),
|
|
3724
3728
|
onSelect: i,
|
|
3725
|
-
item:
|
|
3729
|
+
item: p,
|
|
3726
3730
|
numberOfItems: y
|
|
3727
3731
|
}
|
|
3728
3732
|
)
|
|
@@ -3748,7 +3752,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3748
3752
|
"picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
|
|
3749
3753
|
"picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
|
|
3750
3754
|
"picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
|
|
3751
|
-
}, _e = "picker-trigger",
|
|
3755
|
+
}, _e = "picker-trigger", el = ({
|
|
3752
3756
|
setReference: t,
|
|
3753
3757
|
getReferenceProps: a,
|
|
3754
3758
|
testId: r,
|
|
@@ -3760,8 +3764,8 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3760
3764
|
isRequired: d,
|
|
3761
3765
|
isOpen: i,
|
|
3762
3766
|
isError: s,
|
|
3763
|
-
onClear:
|
|
3764
|
-
children:
|
|
3767
|
+
onClear: g,
|
|
3768
|
+
children: m,
|
|
3765
3769
|
setTriggerFocus: f
|
|
3766
3770
|
}) => {
|
|
3767
3771
|
const b = u(
|
|
@@ -3773,13 +3777,14 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3773
3777
|
i && de[`${_e}--focused`],
|
|
3774
3778
|
s && de[`${_e}--error`]
|
|
3775
3779
|
), E = !c && l && !n && !d, v = (k) => {
|
|
3776
|
-
k.stopPropagation(),
|
|
3780
|
+
k.stopPropagation(), g();
|
|
3777
3781
|
};
|
|
3778
3782
|
return /* @__PURE__ */ e.createElement(
|
|
3779
3783
|
"button",
|
|
3780
|
-
|
|
3784
|
+
S(h({
|
|
3781
3785
|
tabIndex: n ? -1 : 0,
|
|
3782
3786
|
"aria-disabled": n,
|
|
3787
|
+
disabled: n,
|
|
3783
3788
|
className: b,
|
|
3784
3789
|
"data-testid": r,
|
|
3785
3790
|
ref: t,
|
|
@@ -3798,7 +3803,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3798
3803
|
o && l && de[`${_e}__content--with-items`]
|
|
3799
3804
|
)
|
|
3800
3805
|
},
|
|
3801
|
-
|
|
3806
|
+
m
|
|
3802
3807
|
),
|
|
3803
3808
|
/* @__PURE__ */ e.createElement(
|
|
3804
3809
|
"div",
|
|
@@ -3828,11 +3833,11 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3828
3833
|
)
|
|
3829
3834
|
)
|
|
3830
3835
|
);
|
|
3831
|
-
},
|
|
3832
|
-
tag:
|
|
3836
|
+
}, tl = "lc-Tag-module__tag___1QRVY", al = "lc-Tag-module__tag__remove___UmtrW", rl = "lc-Tag-module__tag__node___rZTzB", _l = "lc-Tag-module__tag__content___q6vKK", ve = {
|
|
3837
|
+
tag: tl,
|
|
3833
3838
|
"tag__content-wrapper": "lc-Tag-module__tag__content-wrapper___oyXA4",
|
|
3834
3839
|
"tag--success": "lc-Tag-module__tag--success___P2hXQ",
|
|
3835
|
-
tag__remove:
|
|
3840
|
+
tag__remove: al,
|
|
3836
3841
|
"tag--error": "lc-Tag-module__tag--error___1cjsm",
|
|
3837
3842
|
"tag--warning": "lc-Tag-module__tag--warning___PstMG",
|
|
3838
3843
|
"tag--info": "lc-Tag-module__tag--info___RTH0C",
|
|
@@ -3860,9 +3865,9 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3860
3865
|
"tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
|
|
3861
3866
|
"tag--dismissible-on-hover": "lc-Tag-module__tag--dismissible-on-hover___t68Az",
|
|
3862
3867
|
"tag__remove--hover": "lc-Tag-module__tag__remove--hover___2ROEU",
|
|
3863
|
-
tag__node:
|
|
3864
|
-
tag__content:
|
|
3865
|
-
}, he = "tag",
|
|
3868
|
+
tag__node: rl,
|
|
3869
|
+
tag__content: _l
|
|
3870
|
+
}, he = "tag", ol = (t) => t ? Ga(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Rr = (E) => {
|
|
3866
3871
|
var v = E, {
|
|
3867
3872
|
className: t = "",
|
|
3868
3873
|
children: a,
|
|
@@ -3875,8 +3880,8 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3875
3880
|
outline: d = !1,
|
|
3876
3881
|
leftNode: i,
|
|
3877
3882
|
rightNode: s,
|
|
3878
|
-
customColor:
|
|
3879
|
-
iconOnly:
|
|
3883
|
+
customColor: g,
|
|
3884
|
+
iconOnly: m = !1,
|
|
3880
3885
|
value: f
|
|
3881
3886
|
} = v, b = F(v, [
|
|
3882
3887
|
"className",
|
|
@@ -3894,49 +3899,49 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3894
3899
|
"iconOnly",
|
|
3895
3900
|
"value"
|
|
3896
3901
|
]);
|
|
3897
|
-
const k = _ || n &&
|
|
3902
|
+
const k = _ || n && m, y = u(
|
|
3898
3903
|
ve[he],
|
|
3899
3904
|
t,
|
|
3900
3905
|
ve[`${he}--${l}`],
|
|
3901
3906
|
ve[`${he}--${c}`],
|
|
3902
3907
|
{
|
|
3903
3908
|
[ve[`${he}--outline`]]: d,
|
|
3904
|
-
[ve[`${he}--${
|
|
3905
|
-
[ve[`${he}--icon-only`]]:
|
|
3909
|
+
[ve[`${he}--${ol(g)}`]]: !!g,
|
|
3910
|
+
[ve[`${he}--icon-only`]]: m,
|
|
3906
3911
|
[ve[`${he}--dismissible-on-hover`]]: k
|
|
3907
3912
|
}
|
|
3908
|
-
), $ = l === "small" ? "small" : "medium", C = l === "small" ? "sm" : "md", w = () =>
|
|
3913
|
+
), $ = l === "small" ? "small" : "medium", C = l === "small" ? "sm" : "md", w = () => g ? d ? {
|
|
3909
3914
|
style: {
|
|
3910
3915
|
backgroundColor: "transparent",
|
|
3911
|
-
color:
|
|
3912
|
-
borderColor:
|
|
3916
|
+
color: g,
|
|
3917
|
+
borderColor: g
|
|
3913
3918
|
}
|
|
3914
|
-
} : { style: { backgroundColor:
|
|
3915
|
-
if (
|
|
3916
|
-
return d ?
|
|
3919
|
+
} : { style: { backgroundColor: g } } : {}, p = () => {
|
|
3920
|
+
if (g)
|
|
3921
|
+
return d ? g : Ga(g, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3917
3922
|
};
|
|
3918
3923
|
return /* @__PURE__ */ e.createElement(
|
|
3919
3924
|
P,
|
|
3920
|
-
|
|
3925
|
+
S(h(h({
|
|
3921
3926
|
className: y
|
|
3922
3927
|
}, b), w()), {
|
|
3923
3928
|
as: "div",
|
|
3924
3929
|
size: C
|
|
3925
3930
|
}),
|
|
3926
|
-
/* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content-wrapper`] }, i && !
|
|
3931
|
+
/* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content-wrapper`] }, i && !m && /* @__PURE__ */ e.createElement(
|
|
3927
3932
|
"div",
|
|
3928
3933
|
{
|
|
3929
3934
|
"data-testid": "lc-tag-left-node",
|
|
3930
3935
|
className: ve[`${he}__node`],
|
|
3931
|
-
style: { color:
|
|
3936
|
+
style: { color: p() }
|
|
3932
3937
|
},
|
|
3933
3938
|
i
|
|
3934
|
-
), /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content`] }, f || a), s && !
|
|
3939
|
+
), /* @__PURE__ */ e.createElement("div", { className: ve[`${he}__content`] }, f || a), s && !m && /* @__PURE__ */ e.createElement(
|
|
3935
3940
|
"div",
|
|
3936
3941
|
{
|
|
3937
3942
|
"data-testid": "lc-tag-right-node",
|
|
3938
3943
|
className: ve[`${he}__node`],
|
|
3939
|
-
style: { color:
|
|
3944
|
+
style: { color: p() }
|
|
3940
3945
|
},
|
|
3941
3946
|
s
|
|
3942
3947
|
)),
|
|
@@ -3958,7 +3963,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3958
3963
|
"data-dismiss-icon": !0,
|
|
3959
3964
|
source: Ae,
|
|
3960
3965
|
size: $,
|
|
3961
|
-
customColor:
|
|
3966
|
+
customColor: p()
|
|
3962
3967
|
}
|
|
3963
3968
|
)
|
|
3964
3969
|
)
|
|
@@ -3981,7 +3986,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3981
3986
|
"picker-trigger-body__tag--compact": "lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL",
|
|
3982
3987
|
"picker-trigger-body__tag--medium": "lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC",
|
|
3983
3988
|
"picker-trigger-body__tag--large": "lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"
|
|
3984
|
-
}, me = "picker-trigger-body",
|
|
3989
|
+
}, me = "picker-trigger-body", ll = ({
|
|
3985
3990
|
isOpen: t,
|
|
3986
3991
|
isSearchDisabled: a,
|
|
3987
3992
|
isDisabled: r,
|
|
@@ -3993,8 +3998,8 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
3993
3998
|
onItemRemove: d,
|
|
3994
3999
|
onSelect: i,
|
|
3995
4000
|
onFilter: s,
|
|
3996
|
-
onClear:
|
|
3997
|
-
searchPhrase:
|
|
4001
|
+
onClear: g,
|
|
4002
|
+
searchPhrase: m,
|
|
3998
4003
|
virtualItemRef: f,
|
|
3999
4004
|
isTriggerFocused: b
|
|
4000
4005
|
}) => {
|
|
@@ -4002,26 +4007,26 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4002
4007
|
e.useEffect(() => {
|
|
4003
4008
|
c && (s(""), v.current && (v.current.value = "", v.current.focus()));
|
|
4004
4009
|
}, [o, c]);
|
|
4005
|
-
const k = (
|
|
4006
|
-
|
|
4010
|
+
const k = (p) => {
|
|
4011
|
+
p.key === "Backspace" && o && o.length > 0 && (p.preventDefault(), l === "multi" ? d(o[o.length - 1].key) : g()), p.key === "Delete" && (p.preventDefault(), g());
|
|
4007
4012
|
};
|
|
4008
4013
|
e.useEffect(() => (!t && b ? document.addEventListener("keydown", k) : document.removeEventListener("keydown", k), () => document.removeEventListener("keydown", k)), [t, o, b]);
|
|
4009
|
-
const y = (
|
|
4014
|
+
const y = (p) => l === "single" && t && !a ? null : p != null && p.customElement ? /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, p.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item`] }, p.icon && /* @__PURE__ */ e.createElement(
|
|
4010
4015
|
A,
|
|
4011
4016
|
{
|
|
4012
|
-
source:
|
|
4017
|
+
source: p.icon,
|
|
4013
4018
|
className: ue[`${me}__item__icon`]
|
|
4014
4019
|
}
|
|
4015
|
-
),
|
|
4020
|
+
), p.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
4016
4021
|
"img",
|
|
4017
4022
|
{
|
|
4018
|
-
src:
|
|
4023
|
+
src: p.avatarSrc,
|
|
4019
4024
|
alt: "",
|
|
4020
4025
|
className: ue[`${me}__item__avatar`]
|
|
4021
4026
|
}
|
|
4022
|
-
), /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item__content`] },
|
|
4023
|
-
var N,
|
|
4024
|
-
(N = f.current) != null && N.id &&
|
|
4027
|
+
), /* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item__content`] }, p.name)), $ = (p) => s(p.target.value), C = (p) => {
|
|
4028
|
+
var N, x;
|
|
4029
|
+
(N = f.current) != null && N.id && p.key === "Enter" && i((x = f.current) == null ? void 0 : x.id), l === "multi" && (p.key === "Backspace" || p.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && d(o[o.length - 1].key);
|
|
4025
4030
|
}, w = () => /* @__PURE__ */ e.createElement(
|
|
4026
4031
|
"input",
|
|
4027
4032
|
{
|
|
@@ -4034,7 +4039,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4034
4039
|
onChange: $,
|
|
4035
4040
|
onKeyDown: C,
|
|
4036
4041
|
autoFocus: !0,
|
|
4037
|
-
value:
|
|
4042
|
+
value: m
|
|
4038
4043
|
}
|
|
4039
4044
|
);
|
|
4040
4045
|
return !o || o.length === 0 ? E ? w() : /* @__PURE__ */ e.createElement(
|
|
@@ -4053,24 +4058,24 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4053
4058
|
[ue[`${me}--single`]]: l === "single"
|
|
4054
4059
|
})
|
|
4055
4060
|
},
|
|
4056
|
-
/* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item-container`] }, l === "single" ? y(o[0]) : o.map((
|
|
4061
|
+
/* @__PURE__ */ e.createElement("div", { className: ue[`${me}__item-container`] }, l === "single" ? y(o[0]) : o.map((p) => /* @__PURE__ */ e.createElement(
|
|
4057
4062
|
Rr,
|
|
4058
4063
|
{
|
|
4059
|
-
key:
|
|
4064
|
+
key: p.name,
|
|
4060
4065
|
className: u(
|
|
4061
4066
|
ue[`${me}__tag`],
|
|
4062
4067
|
ue[`${me}__tag--${n}`]
|
|
4063
4068
|
),
|
|
4064
4069
|
disabled: r,
|
|
4065
4070
|
onRemove: (N) => {
|
|
4066
|
-
N.stopPropagation(), d(
|
|
4071
|
+
N.stopPropagation(), d(p.key);
|
|
4067
4072
|
}
|
|
4068
4073
|
},
|
|
4069
|
-
y(
|
|
4074
|
+
y(p)
|
|
4070
4075
|
))),
|
|
4071
4076
|
E && w()
|
|
4072
4077
|
);
|
|
4073
|
-
},
|
|
4078
|
+
}, cl = 10, nl = ({
|
|
4074
4079
|
disabled: t,
|
|
4075
4080
|
items: a,
|
|
4076
4081
|
placement: r,
|
|
@@ -4082,7 +4087,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4082
4087
|
isOpen: d,
|
|
4083
4088
|
onVisibilityChange: i
|
|
4084
4089
|
}) => {
|
|
4085
|
-
const s = aa(), [
|
|
4090
|
+
const s = aa(), [g, m] = e.useState(!1), [f, b] = e.useState(null), [E, v] = e.useState(o), k = e.useRef([]), y = e.useRef(null), { refs: $, floatingStyles: C, context: w, isPositioned: p } = ra({
|
|
4086
4091
|
nodeId: s,
|
|
4087
4092
|
open: d,
|
|
4088
4093
|
strategy: l,
|
|
@@ -4106,34 +4111,34 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4106
4111
|
width: `${ke.reference.width}px`
|
|
4107
4112
|
});
|
|
4108
4113
|
},
|
|
4109
|
-
padding:
|
|
4114
|
+
padding: cl
|
|
4110
4115
|
})
|
|
4111
4116
|
]
|
|
4112
4117
|
}), N = ca(w, h({
|
|
4113
4118
|
enabled: !t,
|
|
4114
4119
|
keyboardHandlers: !1,
|
|
4115
4120
|
toggle: !1
|
|
4116
|
-
}, n)),
|
|
4121
|
+
}, n)), x = sa(w, { role: "listbox" }), G = na(w, c), H = s_(w, {
|
|
4117
4122
|
enabled: a.length > 0 && !t,
|
|
4118
4123
|
listRef: k,
|
|
4119
4124
|
activeIndex: f,
|
|
4120
4125
|
onNavigate: b,
|
|
4121
4126
|
virtual: !0,
|
|
4122
4127
|
virtualItemRef: y,
|
|
4123
|
-
disabledIndices:
|
|
4128
|
+
disabledIndices: Xo(
|
|
4124
4129
|
a,
|
|
4125
4130
|
(Y) => !!Y.disabled || !!Y.groupHeader
|
|
4126
4131
|
)
|
|
4127
4132
|
}), { getReferenceProps: T, getFloatingProps: R, getItemProps: U } = ia(
|
|
4128
|
-
[N, G,
|
|
4133
|
+
[N, G, x, H]
|
|
4129
4134
|
);
|
|
4130
|
-
return !d &&
|
|
4135
|
+
return !d && g && m(!1), {
|
|
4131
4136
|
getReferenceProps: T,
|
|
4132
4137
|
getFloatingProps: R,
|
|
4133
4138
|
getItemProps: U,
|
|
4134
4139
|
setReference: $.setReference,
|
|
4135
4140
|
floatingStyles: C,
|
|
4136
|
-
isPositioned:
|
|
4141
|
+
isPositioned: p,
|
|
4137
4142
|
context: w,
|
|
4138
4143
|
nodeId: s,
|
|
4139
4144
|
setFloating: $.setFloating,
|
|
@@ -4141,10 +4146,10 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4141
4146
|
listElementsRef: k,
|
|
4142
4147
|
virtualItemRef: y,
|
|
4143
4148
|
maxHeight: E,
|
|
4144
|
-
pointer:
|
|
4145
|
-
setPointer:
|
|
4149
|
+
pointer: g,
|
|
4150
|
+
setPointer: m
|
|
4146
4151
|
};
|
|
4147
|
-
},
|
|
4152
|
+
}, sl = ({
|
|
4148
4153
|
selected: t,
|
|
4149
4154
|
options: a,
|
|
4150
4155
|
type: r,
|
|
@@ -4153,16 +4158,16 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4153
4158
|
setOpen: l
|
|
4154
4159
|
}) => {
|
|
4155
4160
|
const [c, n] = e.useState(
|
|
4156
|
-
() => (t == null ? void 0 : t.map(
|
|
4157
|
-
), d = t !== void 0, i = d ? (t == null ? void 0 : t.map(
|
|
4161
|
+
() => (t == null ? void 0 : t.map(xa)) || []
|
|
4162
|
+
), d = t !== void 0, i = d ? (t == null ? void 0 : t.map(xa)) || [] : c, [s, g] = e.useState(""), m = e.useMemo(() => {
|
|
4158
4163
|
const k = r === "multi" && _;
|
|
4159
4164
|
let y = a;
|
|
4160
4165
|
return s && (y = y.filter(($) => {
|
|
4161
4166
|
var N;
|
|
4162
4167
|
if ($.groupHeader)
|
|
4163
4168
|
return !1;
|
|
4164
|
-
const C = s.toLowerCase(), w = $.name.toLowerCase(),
|
|
4165
|
-
return w.includes(C) || (
|
|
4169
|
+
const C = s.toLowerCase(), w = $.name.toLowerCase(), p = (N = $.secondaryText) == null ? void 0 : N.toLowerCase();
|
|
4170
|
+
return w.includes(C) || (p == null ? void 0 : p.includes(C));
|
|
4166
4171
|
})), k && y.length > 1 && (y = [
|
|
4167
4172
|
{
|
|
4168
4173
|
key: bt,
|
|
@@ -4181,7 +4186,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4181
4186
|
return o($), $.map(({ key: C }) => C);
|
|
4182
4187
|
});
|
|
4183
4188
|
else if (d) {
|
|
4184
|
-
const $ = (t == null ? void 0 : t.map(
|
|
4189
|
+
const $ = (t == null ? void 0 : t.map(xa)) || [], C = mr($, k);
|
|
4185
4190
|
o(a.filter(({ key: w }) => C.includes(w)));
|
|
4186
4191
|
} else
|
|
4187
4192
|
n(($) => {
|
|
@@ -4191,32 +4196,32 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4191
4196
|
};
|
|
4192
4197
|
return {
|
|
4193
4198
|
selectedKeys: i,
|
|
4194
|
-
items:
|
|
4199
|
+
items: m,
|
|
4195
4200
|
searchPhrase: s,
|
|
4196
4201
|
handleSelect: f,
|
|
4197
|
-
handleOnFilter: (k) =>
|
|
4202
|
+
handleOnFilter: (k) => g(k),
|
|
4198
4203
|
handleItemRemove: (k) => f(k),
|
|
4199
4204
|
handleClear: () => {
|
|
4200
|
-
l(!1), n([]), o(null),
|
|
4205
|
+
l(!1), n([]), o(null), g("");
|
|
4201
4206
|
}
|
|
4202
4207
|
};
|
|
4203
|
-
},
|
|
4208
|
+
}, il = {
|
|
4204
4209
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
|
|
4205
|
-
},
|
|
4210
|
+
}, Wc = (U) => {
|
|
4206
4211
|
var Y = U, {
|
|
4207
4212
|
id: t,
|
|
4208
4213
|
className: a,
|
|
4209
4214
|
listClassName: r,
|
|
4210
|
-
minListHeight: _ =
|
|
4211
|
-
maxListHeight: o =
|
|
4215
|
+
minListHeight: _ = Ko,
|
|
4216
|
+
maxListHeight: o = Jo,
|
|
4212
4217
|
disabled: l,
|
|
4213
4218
|
error: c,
|
|
4214
4219
|
options: n,
|
|
4215
4220
|
selected: d,
|
|
4216
4221
|
size: i = "medium",
|
|
4217
4222
|
placeholder: s = "Select option",
|
|
4218
|
-
isRequired:
|
|
4219
|
-
noSearchResultText:
|
|
4223
|
+
isRequired: g,
|
|
4224
|
+
noSearchResultText: m = "No results found",
|
|
4220
4225
|
selectAllOptionText: f,
|
|
4221
4226
|
type: b = "single",
|
|
4222
4227
|
searchDisabled: E = !1,
|
|
@@ -4226,9 +4231,9 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4226
4231
|
onClose: $,
|
|
4227
4232
|
openedOnInit: C = !1,
|
|
4228
4233
|
clearSearchAfterSelection: w,
|
|
4229
|
-
onSelect:
|
|
4234
|
+
onSelect: p,
|
|
4230
4235
|
placement: N,
|
|
4231
|
-
floatingStrategy:
|
|
4236
|
+
floatingStrategy: x,
|
|
4232
4237
|
useDismissHookProps: G,
|
|
4233
4238
|
useClickHookProps: H,
|
|
4234
4239
|
virtuosoProps: T
|
|
@@ -4272,12 +4277,12 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4272
4277
|
handleOnFilter: ft,
|
|
4273
4278
|
handleItemRemove: Xe,
|
|
4274
4279
|
handleClear: le
|
|
4275
|
-
} =
|
|
4280
|
+
} = sl({
|
|
4276
4281
|
selected: d,
|
|
4277
4282
|
options: n,
|
|
4278
4283
|
type: b,
|
|
4279
4284
|
selectAllOptionText: f,
|
|
4280
|
-
onSelect:
|
|
4285
|
+
onSelect: p,
|
|
4281
4286
|
setOpen: ct
|
|
4282
4287
|
}), {
|
|
4283
4288
|
context: I,
|
|
@@ -4293,21 +4298,21 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4293
4298
|
activeIndex: va,
|
|
4294
4299
|
maxHeight: ha,
|
|
4295
4300
|
setPointer: Rt
|
|
4296
|
-
} =
|
|
4301
|
+
} = nl({
|
|
4297
4302
|
openedOnInit: C,
|
|
4298
4303
|
disabled: l,
|
|
4299
4304
|
items: st,
|
|
4300
4305
|
placement: N,
|
|
4301
4306
|
minListHeight: _,
|
|
4302
4307
|
maxListHeight: o,
|
|
4303
|
-
floatingStrategy:
|
|
4308
|
+
floatingStrategy: x,
|
|
4304
4309
|
useClickHookProps: H,
|
|
4305
4310
|
useDismissHookProps: G,
|
|
4306
4311
|
isOpen: Oe,
|
|
4307
4312
|
onVisibilityChange: ct
|
|
4308
4313
|
});
|
|
4309
|
-
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(
|
|
4310
|
-
|
|
4314
|
+
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(il["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
|
|
4315
|
+
el,
|
|
4311
4316
|
{
|
|
4312
4317
|
getReferenceProps: ce,
|
|
4313
4318
|
setReference: ze,
|
|
@@ -4318,13 +4323,13 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4318
4323
|
hideClearButton: v,
|
|
4319
4324
|
isDisabled: l,
|
|
4320
4325
|
isError: c,
|
|
4321
|
-
isRequired:
|
|
4326
|
+
isRequired: g,
|
|
4322
4327
|
isMultiSelect: b === "multi",
|
|
4323
4328
|
size: i,
|
|
4324
4329
|
setTriggerFocus: Pe
|
|
4325
4330
|
},
|
|
4326
4331
|
/* @__PURE__ */ e.createElement(
|
|
4327
|
-
|
|
4332
|
+
ll,
|
|
4328
4333
|
{
|
|
4329
4334
|
isOpen: Oe,
|
|
4330
4335
|
isSearchDisabled: E,
|
|
@@ -4344,7 +4349,7 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4344
4349
|
}
|
|
4345
4350
|
)
|
|
4346
4351
|
), /* @__PURE__ */ e.createElement(da, { id: te }, Oe && /* @__PURE__ */ e.createElement(Nr, null, /* @__PURE__ */ e.createElement(
|
|
4347
|
-
|
|
4352
|
+
Zo,
|
|
4348
4353
|
{
|
|
4349
4354
|
pickerType: b,
|
|
4350
4355
|
options: st,
|
|
@@ -4360,13 +4365,13 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4360
4365
|
onSelect: He,
|
|
4361
4366
|
getFloatingProps: Ge,
|
|
4362
4367
|
getItemProps: ma,
|
|
4363
|
-
emptyStateText:
|
|
4368
|
+
emptyStateText: m,
|
|
4364
4369
|
virtuosoProps: T
|
|
4365
4370
|
}
|
|
4366
4371
|
))));
|
|
4367
|
-
},
|
|
4368
|
-
popover:
|
|
4369
|
-
},
|
|
4372
|
+
}, dl = "lc-Popover-module__popover___8X1b2", ul = {
|
|
4373
|
+
popover: dl
|
|
4374
|
+
}, Vc = ({
|
|
4370
4375
|
triggerRenderer: t,
|
|
4371
4376
|
onClose: a,
|
|
4372
4377
|
onOpen: r,
|
|
@@ -4378,14 +4383,14 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4378
4383
|
offsetSize: d = 4,
|
|
4379
4384
|
isVisible: i,
|
|
4380
4385
|
openedOnInit: s,
|
|
4381
|
-
closeOnEsc:
|
|
4382
|
-
useDismissHookProps:
|
|
4386
|
+
closeOnEsc: g = !0,
|
|
4387
|
+
useDismissHookProps: m,
|
|
4383
4388
|
useClickHookProps: f,
|
|
4384
4389
|
floatingStrategy: b
|
|
4385
4390
|
}) => {
|
|
4386
|
-
const [E, v] = e.useState(s), k = Oa(), y = aa(), $ = i !== void 0, C = $ ? i : E, w = typeof _ == "string",
|
|
4391
|
+
const [E, v] = e.useState(s), k = Oa(), y = aa(), $ = i !== void 0, C = $ ? i : E, w = typeof _ == "string", p = typeof t == "function", N = (Pe, Le) => {
|
|
4387
4392
|
Pe ? r == null || r(Le) : a == null || a(Le), !$ && v(Pe);
|
|
4388
|
-
}, { refs:
|
|
4393
|
+
}, { refs: x, context: G, floatingStyles: H } = ra({
|
|
4389
4394
|
nodeId: y,
|
|
4390
4395
|
open: C,
|
|
4391
4396
|
onOpenChange: N,
|
|
@@ -4394,40 +4399,33 @@ const bt = "select-all", Qo = (t, a) => {
|
|
|
4394
4399
|
strategy: b,
|
|
4395
4400
|
whileElementsMounted: la
|
|
4396
4401
|
}), T = ca(G, f), R = na(G, h({
|
|
4397
|
-
escapeKey:
|
|
4398
|
-
},
|
|
4402
|
+
escapeKey: g
|
|
4403
|
+
}, m)), U = sa(G), { getReferenceProps: Y, getFloatingProps: ke } = ia([
|
|
4399
4404
|
T,
|
|
4400
4405
|
R,
|
|
4401
4406
|
U
|
|
4402
|
-
]), ee = u(
|
|
4407
|
+
]), ee = u(ul.popover, o), $e = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
4403
4408
|
"div",
|
|
4404
|
-
|
|
4409
|
+
S(h({
|
|
4405
4410
|
"data-testid": "popover-trigger-button",
|
|
4406
|
-
ref:
|
|
4411
|
+
ref: x.setReference
|
|
4407
4412
|
}, Y()), {
|
|
4408
4413
|
className: l
|
|
4409
4414
|
}),
|
|
4410
|
-
|
|
4415
|
+
p ? t() : t
|
|
4411
4416
|
), /* @__PURE__ */ e.createElement(da, { id: y }, C && /* @__PURE__ */ e.createElement(Aa, { context: G, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
4412
4417
|
"div",
|
|
4413
4418
|
h({
|
|
4414
4419
|
className: ee,
|
|
4415
|
-
ref:
|
|
4420
|
+
ref: x.setFloating,
|
|
4416
4421
|
style: H
|
|
4417
4422
|
}, ke()),
|
|
4418
4423
|
w ? /* @__PURE__ */ e.createElement(P, { as: "div" }, _) : _
|
|
4419
4424
|
))));
|
|
4420
4425
|
return k === null ? /* @__PURE__ */ e.createElement(Ha, null, $e) : $e;
|
|
4421
|
-
},
|
|
4422
|
-
"normal",
|
|
4423
|
-
"error",
|
|
4424
|
-
"success"
|
|
4425
|
-
], gl = (t) => Math.min(Math.max(t, 0), 100);
|
|
4426
|
+
}, ml = (t) => Math.min(Math.max(t, 0), 100);
|
|
4426
4427
|
function Lr(t, a = 0) {
|
|
4427
|
-
return t === "error" ? 0 :
|
|
4428
|
-
}
|
|
4429
|
-
function Or(t, a) {
|
|
4430
|
-
return !pl.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
4428
|
+
return t === "error" ? 0 : ml(parseInt(a.toString(), 10));
|
|
4431
4429
|
}
|
|
4432
4430
|
const Dt = {
|
|
4433
4431
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
@@ -4440,15 +4438,15 @@ const Dt = {
|
|
|
4440
4438
|
"progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
|
|
4441
4439
|
"progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
|
|
4442
4440
|
"progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
|
|
4443
|
-
},
|
|
4441
|
+
}, pl = {
|
|
4444
4442
|
small: 2,
|
|
4445
4443
|
medium: 3,
|
|
4446
4444
|
large: 4
|
|
4447
|
-
},
|
|
4445
|
+
}, gl = {
|
|
4448
4446
|
small: 15,
|
|
4449
4447
|
medium: 36,
|
|
4450
4448
|
large: 56
|
|
4451
|
-
}, Bt = "progress-circle",
|
|
4449
|
+
}, Bt = "progress-circle", bl = e.forwardRef(
|
|
4452
4450
|
(c, l) => {
|
|
4453
4451
|
var n = c, {
|
|
4454
4452
|
status: t = "normal",
|
|
@@ -4461,44 +4459,44 @@ const Dt = {
|
|
|
4461
4459
|
"className",
|
|
4462
4460
|
"size"
|
|
4463
4461
|
]);
|
|
4464
|
-
const d =
|
|
4462
|
+
const d = Lr(t, a), i = pl[_], s = gl[_], g = u(
|
|
4465
4463
|
Dt[Bt],
|
|
4466
4464
|
{
|
|
4467
4465
|
[Dt[`${Bt}--${_}`]]: _,
|
|
4468
4466
|
[Dt[`${Bt}--${t}`]]: t
|
|
4469
4467
|
},
|
|
4470
4468
|
r
|
|
4471
|
-
),
|
|
4472
|
-
strokeDasharray:
|
|
4473
|
-
strokeDashoffset: `${((100 -
|
|
4474
|
-
},
|
|
4469
|
+
), m = 2 * Math.PI * ((s - i) / 2), f = {
|
|
4470
|
+
strokeDasharray: m.toFixed(3),
|
|
4471
|
+
strokeDashoffset: `${((100 - d) / 100 * m).toFixed(3)}px`
|
|
4472
|
+
}, b = `${s / 2} ${s / 2} ${s} ${s}`;
|
|
4475
4473
|
return /* @__PURE__ */ e.createElement(
|
|
4476
4474
|
"div",
|
|
4477
4475
|
h({
|
|
4478
|
-
className:
|
|
4476
|
+
className: g,
|
|
4479
4477
|
ref: l,
|
|
4480
4478
|
role: "progressbar"
|
|
4481
4479
|
}, o),
|
|
4482
|
-
/* @__PURE__ */ e.createElement("svg", { viewBox:
|
|
4480
|
+
/* @__PURE__ */ e.createElement("svg", { viewBox: b }, /* @__PURE__ */ e.createElement(
|
|
4483
4481
|
"circle",
|
|
4484
4482
|
{
|
|
4485
4483
|
className: Dt[`${Bt}__bg-line--${t}`],
|
|
4486
|
-
cx:
|
|
4487
|
-
cy:
|
|
4488
|
-
r: (
|
|
4484
|
+
cx: s,
|
|
4485
|
+
cy: s,
|
|
4486
|
+
r: (s - i) / 2,
|
|
4489
4487
|
fill: "none",
|
|
4490
|
-
strokeWidth:
|
|
4488
|
+
strokeWidth: i
|
|
4491
4489
|
}
|
|
4492
4490
|
), /* @__PURE__ */ e.createElement(
|
|
4493
4491
|
"circle",
|
|
4494
4492
|
{
|
|
4495
4493
|
className: Dt[`${Bt}__indicator--${t}`],
|
|
4496
|
-
style:
|
|
4497
|
-
cx:
|
|
4498
|
-
cy:
|
|
4499
|
-
r: (
|
|
4494
|
+
style: f,
|
|
4495
|
+
cx: s,
|
|
4496
|
+
cy: s,
|
|
4497
|
+
r: (s - i) / 2,
|
|
4500
4498
|
fill: "none",
|
|
4501
|
-
strokeWidth:
|
|
4499
|
+
strokeWidth: i
|
|
4502
4500
|
}
|
|
4503
4501
|
))
|
|
4504
4502
|
);
|
|
@@ -4513,7 +4511,7 @@ const Dt = {
|
|
|
4513
4511
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
4514
4512
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
4515
4513
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
4516
|
-
}, Jt = "progress-bar",
|
|
4514
|
+
}, Jt = "progress-bar", fl = e.forwardRef(
|
|
4517
4515
|
(c, l) => {
|
|
4518
4516
|
var n = c, {
|
|
4519
4517
|
status: t = "normal",
|
|
@@ -4526,7 +4524,7 @@ const Dt = {
|
|
|
4526
4524
|
"size",
|
|
4527
4525
|
"className"
|
|
4528
4526
|
]);
|
|
4529
|
-
const d =
|
|
4527
|
+
const d = Lr(t, a), i = u(
|
|
4530
4528
|
Kt[Jt],
|
|
4531
4529
|
{
|
|
4532
4530
|
[Kt[`${Jt}--${r}`]]: r,
|
|
@@ -4536,16 +4534,17 @@ const Dt = {
|
|
|
4536
4534
|
);
|
|
4537
4535
|
return /* @__PURE__ */ e.createElement(
|
|
4538
4536
|
"div",
|
|
4539
|
-
|
|
4540
|
-
className:
|
|
4537
|
+
S(h({}, o), {
|
|
4538
|
+
className: i,
|
|
4541
4539
|
ref: l,
|
|
4542
4540
|
role: "progressbar"
|
|
4543
4541
|
}),
|
|
4544
4542
|
/* @__PURE__ */ e.createElement(
|
|
4545
4543
|
"div",
|
|
4546
4544
|
{
|
|
4545
|
+
"data-testid": "progress-bar-indicator",
|
|
4547
4546
|
className: Kt[`${Jt}__indicator--${t}`],
|
|
4548
|
-
style: { width: `${
|
|
4547
|
+
style: { width: `${d}%` }
|
|
4549
4548
|
}
|
|
4550
4549
|
)
|
|
4551
4550
|
);
|
|
@@ -4562,7 +4561,7 @@ const Dt = {
|
|
|
4562
4561
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
4563
4562
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
4564
4563
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
4565
|
-
},
|
|
4564
|
+
}, vl = 400, hl = 800, kl = 500, Ce = "promo-banner", qc = ({
|
|
4566
4565
|
className: t,
|
|
4567
4566
|
buttonText: a,
|
|
4568
4567
|
children: r,
|
|
@@ -4574,19 +4573,19 @@ const Dt = {
|
|
|
4574
4573
|
onClose: d,
|
|
4575
4574
|
onLinkClick: i
|
|
4576
4575
|
}) => {
|
|
4577
|
-
const s = e.useRef(null), [
|
|
4576
|
+
const s = e.useRef(null), [g, m] = e.useState("medium"), f = u(
|
|
4578
4577
|
Ne[Ce],
|
|
4579
4578
|
{
|
|
4580
4579
|
[Ne[`${Ce}--light`]]: l,
|
|
4581
|
-
[Ne[`${Ce}--small`]]:
|
|
4582
|
-
[Ne[`${Ce}--large`]]:
|
|
4580
|
+
[Ne[`${Ce}--small`]]: g === "small",
|
|
4581
|
+
[Ne[`${Ce}--large`]]: g === "large"
|
|
4583
4582
|
},
|
|
4584
4583
|
t
|
|
4585
4584
|
);
|
|
4586
4585
|
e.useEffect(() => {
|
|
4587
|
-
const E = () => s.current && s.current.offsetWidth <=
|
|
4586
|
+
const E = () => s.current && s.current.offsetWidth <= vl ? m("small") : s.current && s.current.offsetWidth >= hl ? m("large") : m("medium"), v = xr(
|
|
4588
4587
|
E,
|
|
4589
|
-
|
|
4588
|
+
kl
|
|
4590
4589
|
);
|
|
4591
4590
|
return window.addEventListener("resize", v), E(), () => {
|
|
4592
4591
|
v.cancel(), window.removeEventListener("resize", v);
|
|
@@ -4602,7 +4601,7 @@ const Dt = {
|
|
|
4602
4601
|
},
|
|
4603
4602
|
a
|
|
4604
4603
|
), c && /* @__PURE__ */ e.createElement(V, { size: "compact", kind: "text", onClick: i }, c));
|
|
4605
|
-
return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ne[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r),
|
|
4604
|
+
return /* @__PURE__ */ e.createElement("div", { ref: s, className: f }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ne[`${Ce}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ne[`${Ce}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), g !== "large" && b), g === "large" && b), d && /* @__PURE__ */ e.createElement(
|
|
4606
4605
|
"button",
|
|
4607
4606
|
{
|
|
4608
4607
|
type: "button",
|
|
@@ -4621,7 +4620,7 @@ const Dt = {
|
|
|
4621
4620
|
"promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
|
|
4622
4621
|
"promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
|
|
4623
4622
|
"promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
|
|
4624
|
-
}, Qe = "promo-banner-v2",
|
|
4623
|
+
}, Qe = "promo-banner-v2", Yc = ({
|
|
4625
4624
|
children: t,
|
|
4626
4625
|
className: a,
|
|
4627
4626
|
additionalContent: r,
|
|
@@ -4641,25 +4640,34 @@ const Dt = {
|
|
|
4641
4640
|
l && Ve[`${Qe}--vertical`]
|
|
4642
4641
|
)
|
|
4643
4642
|
},
|
|
4644
|
-
/* @__PURE__ */ e.createElement(
|
|
4645
|
-
|
|
4646
|
-
{
|
|
4647
|
-
kind: (_ == null ? void 0 : _.kind) || "high-contrast",
|
|
4648
|
-
onClick: _.handleClick
|
|
4649
|
-
},
|
|
4650
|
-
_.label
|
|
4651
|
-
), o && /* @__PURE__ */ e.createElement(
|
|
4652
|
-
V,
|
|
4643
|
+
/* @__PURE__ */ e.createElement(
|
|
4644
|
+
"div",
|
|
4653
4645
|
{
|
|
4654
|
-
|
|
4655
|
-
|
|
4656
|
-
className: Ve[`${Qe}__content__cta__secondary`]
|
|
4646
|
+
"data-testId": "content",
|
|
4647
|
+
className: u(Ve[`${Qe}__content`], c)
|
|
4657
4648
|
},
|
|
4658
|
-
|
|
4659
|
-
|
|
4649
|
+
t,
|
|
4650
|
+
(_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ve[`${Qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4651
|
+
V,
|
|
4652
|
+
{
|
|
4653
|
+
kind: (_ == null ? void 0 : _.kind) || "high-contrast",
|
|
4654
|
+
onClick: _.handleClick
|
|
4655
|
+
},
|
|
4656
|
+
_.label
|
|
4657
|
+
), o && /* @__PURE__ */ e.createElement(
|
|
4658
|
+
V,
|
|
4659
|
+
{
|
|
4660
|
+
kind: (o == null ? void 0 : o.kind) || "text",
|
|
4661
|
+
onClick: o.handleClick,
|
|
4662
|
+
className: Ve[`${Qe}__content__cta__secondary`]
|
|
4663
|
+
},
|
|
4664
|
+
o.label
|
|
4665
|
+
))
|
|
4666
|
+
),
|
|
4660
4667
|
r && /* @__PURE__ */ e.createElement(
|
|
4661
4668
|
"div",
|
|
4662
4669
|
{
|
|
4670
|
+
"data-testId": "additional-content",
|
|
4663
4671
|
className: u(
|
|
4664
4672
|
Ve[`${Qe}__additional-content`],
|
|
4665
4673
|
n
|
|
@@ -4688,7 +4696,7 @@ const Dt = {
|
|
|
4688
4696
|
"radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
|
|
4689
4697
|
"radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
|
|
4690
4698
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
4691
|
-
}, Ye = "radio-button",
|
|
4699
|
+
}, Ye = "radio-button", Kc = e.forwardRef(
|
|
4692
4700
|
(n, c) => {
|
|
4693
4701
|
var d = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = d, l = F(d, ["children", "className", "description", "checked", "disabled"]);
|
|
4694
4702
|
const i = u(qe[Ye], a, {
|
|
@@ -4697,7 +4705,7 @@ const Dt = {
|
|
|
4697
4705
|
});
|
|
4698
4706
|
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: qe[`${Ye}__label`] }, /* @__PURE__ */ e.createElement("div", { className: qe[`${Ye}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: qe[`${Ye}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
4699
4707
|
"input",
|
|
4700
|
-
|
|
4708
|
+
S(h({}, l), {
|
|
4701
4709
|
className: qe[`${Ye}__input`],
|
|
4702
4710
|
ref: c,
|
|
4703
4711
|
type: "radio",
|
|
@@ -4706,7 +4714,7 @@ const Dt = {
|
|
|
4706
4714
|
})
|
|
4707
4715
|
)), t && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: qe[`${Ye}__text`] }, t)), r && /* @__PURE__ */ e.createElement(ua, { className: qe[`${Ye}__helper`] }, r));
|
|
4708
4716
|
}
|
|
4709
|
-
),
|
|
4717
|
+
), xe = {
|
|
4710
4718
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
4711
4719
|
"search-input--compact": "lc-Search-module__search-input--compact___498To",
|
|
4712
4720
|
"search-input--medium": "lc-Search-module__search-input--medium___Hwteg",
|
|
@@ -4720,7 +4728,7 @@ const Dt = {
|
|
|
4720
4728
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
4721
4729
|
"search-input__input-wrapper": "lc-Search-module__search-input__input-wrapper___k8bvn",
|
|
4722
4730
|
"search-input__input-wrapper--crop": "lc-Search-module__search-input__input-wrapper--crop___nBPKY"
|
|
4723
|
-
}, Me = "search-input", gr = `${Me}__input-wrapper`,
|
|
4731
|
+
}, Me = "search-input", gr = `${Me}__input-wrapper`, Jc = ({
|
|
4724
4732
|
isCollapsable: t,
|
|
4725
4733
|
isDisabled: a,
|
|
4726
4734
|
isLoading: r,
|
|
@@ -4731,31 +4739,31 @@ const Dt = {
|
|
|
4731
4739
|
cropOnBlur: n = !0,
|
|
4732
4740
|
onChange: d
|
|
4733
4741
|
}) => {
|
|
4734
|
-
const [i, s] = e.useState(!0), [
|
|
4742
|
+
const [i, s] = e.useState(!0), [g, m] = e.useState(!1), f = e.useRef(null), b = !!l && !a && !r, E = t && !i && "true", v = u(
|
|
4735
4743
|
c,
|
|
4736
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
a &&
|
|
4740
|
-
t &&
|
|
4741
|
-
!i &&
|
|
4744
|
+
xe[Me],
|
|
4745
|
+
xe[`${Me}--${o}`],
|
|
4746
|
+
g && xe[`${Me}--focused`],
|
|
4747
|
+
a && xe[`${Me}--disabled`],
|
|
4748
|
+
t && xe[`${Me}--collapsable`],
|
|
4749
|
+
!i && xe[`${Me}--collapsable--open`]
|
|
4742
4750
|
);
|
|
4743
4751
|
e.useEffect(() => {
|
|
4744
4752
|
t && l && s(!1);
|
|
4745
4753
|
}, [t]);
|
|
4746
4754
|
const k = (N) => {
|
|
4747
|
-
const
|
|
4748
|
-
d(
|
|
4755
|
+
const x = N.currentTarget.value;
|
|
4756
|
+
d(x);
|
|
4749
4757
|
}, y = () => {
|
|
4750
4758
|
d("");
|
|
4751
4759
|
}, $ = () => {
|
|
4752
4760
|
var N;
|
|
4753
4761
|
(N = f.current) == null || N.focus();
|
|
4754
4762
|
}, C = () => {
|
|
4755
|
-
t && s(!1),
|
|
4763
|
+
t && s(!1), m(!0);
|
|
4756
4764
|
}, w = () => {
|
|
4757
|
-
t && !l && s(!0),
|
|
4758
|
-
},
|
|
4765
|
+
t && !l && s(!0), m(!1);
|
|
4766
|
+
}, p = (N) => {
|
|
4759
4767
|
N.key === oe.enter && (N.preventDefault(), d(l));
|
|
4760
4768
|
};
|
|
4761
4769
|
return /* @__PURE__ */ e.createElement(
|
|
@@ -4769,8 +4777,8 @@ const Dt = {
|
|
|
4769
4777
|
/* @__PURE__ */ e.createElement(
|
|
4770
4778
|
A,
|
|
4771
4779
|
{
|
|
4772
|
-
className:
|
|
4773
|
-
source:
|
|
4780
|
+
className: xe[`${Me}__search-icon`],
|
|
4781
|
+
source: jr,
|
|
4774
4782
|
disabled: a,
|
|
4775
4783
|
kind: "primary"
|
|
4776
4784
|
}
|
|
@@ -4780,8 +4788,8 @@ const Dt = {
|
|
|
4780
4788
|
{
|
|
4781
4789
|
as: "div",
|
|
4782
4790
|
className: u(
|
|
4783
|
-
|
|
4784
|
-
n &&
|
|
4791
|
+
xe[gr],
|
|
4792
|
+
n && xe[`${gr}--crop`]
|
|
4785
4793
|
)
|
|
4786
4794
|
},
|
|
4787
4795
|
/* @__PURE__ */ e.createElement(
|
|
@@ -4795,7 +4803,7 @@ const Dt = {
|
|
|
4795
4803
|
onChange: k,
|
|
4796
4804
|
onBlur: w,
|
|
4797
4805
|
onFocus: C,
|
|
4798
|
-
onKeyDown:
|
|
4806
|
+
onKeyDown: p,
|
|
4799
4807
|
disabled: a
|
|
4800
4808
|
}
|
|
4801
4809
|
)
|
|
@@ -4805,25 +4813,25 @@ const Dt = {
|
|
|
4805
4813
|
{
|
|
4806
4814
|
"aria-label": "Clear search",
|
|
4807
4815
|
title: "Clear search",
|
|
4808
|
-
className:
|
|
4816
|
+
className: xe[`${Me}__clear-icon`],
|
|
4809
4817
|
onClick: y,
|
|
4810
4818
|
icon: /* @__PURE__ */ e.createElement(A, { source: Ae, kind: "primary" }),
|
|
4811
4819
|
kind: "text",
|
|
4812
4820
|
size: "compact"
|
|
4813
4821
|
}
|
|
4814
4822
|
),
|
|
4815
|
-
r && /* @__PURE__ */ e.createElement("div", { className:
|
|
4823
|
+
r && /* @__PURE__ */ e.createElement("div", { className: xe[`${Me}__loader`] }, /* @__PURE__ */ e.createElement(Ua, { size: "small" }))
|
|
4816
4824
|
);
|
|
4817
|
-
},
|
|
4825
|
+
}, yl = "lc-Skeleton-module__loading___MHvGo", lt = {
|
|
4818
4826
|
"skeleton-wrapper": "lc-Skeleton-module__skeleton-wrapper___MXuR8",
|
|
4819
4827
|
"skeleton-wrapper--vertical": "lc-Skeleton-module__skeleton-wrapper--vertical___H3weP",
|
|
4820
4828
|
"skeleton-avatar": "lc-Skeleton-module__skeleton-avatar___qWzIc",
|
|
4821
4829
|
"skeleton-avatar--square": "lc-Skeleton-module__skeleton-avatar--square___GNIE4",
|
|
4822
4830
|
"skeleton-avatar--animated": "lc-Skeleton-module__skeleton-avatar--animated___rqj9A",
|
|
4823
|
-
loading:
|
|
4831
|
+
loading: yl,
|
|
4824
4832
|
"skeleton-text": "lc-Skeleton-module__skeleton-text___rgElk",
|
|
4825
4833
|
"skeleton-text--animated": "lc-Skeleton-module__skeleton-text--animated___xOUsy"
|
|
4826
|
-
}, br = "skeleton-wrapper",
|
|
4834
|
+
}, br = "skeleton-wrapper", Xc = (o) => {
|
|
4827
4835
|
var l = o, {
|
|
4828
4836
|
children: t,
|
|
4829
4837
|
vertical: a,
|
|
@@ -4845,23 +4853,23 @@ const Dt = {
|
|
|
4845
4853
|
}, _),
|
|
4846
4854
|
c
|
|
4847
4855
|
);
|
|
4848
|
-
},
|
|
4856
|
+
}, Sa = "skeleton-avatar", Qc = ({
|
|
4849
4857
|
square: t = !1,
|
|
4850
4858
|
size: a = 16,
|
|
4851
4859
|
animated: r
|
|
4852
4860
|
}) => /* @__PURE__ */ e.createElement(
|
|
4853
4861
|
"div",
|
|
4854
4862
|
{
|
|
4855
|
-
className: u(lt[`${
|
|
4856
|
-
[lt[`${
|
|
4857
|
-
[lt[`${
|
|
4863
|
+
className: u(lt[`${Sa}`], {
|
|
4864
|
+
[lt[`${Sa}--square`]]: t,
|
|
4865
|
+
[lt[`${Sa}--animated`]]: r
|
|
4858
4866
|
}),
|
|
4859
4867
|
style: {
|
|
4860
4868
|
width: a,
|
|
4861
4869
|
height: a
|
|
4862
4870
|
}
|
|
4863
4871
|
}
|
|
4864
|
-
), fr = "skeleton-text",
|
|
4872
|
+
), fr = "skeleton-text", jc = ({
|
|
4865
4873
|
height: t = 13,
|
|
4866
4874
|
width: a,
|
|
4867
4875
|
animated: r
|
|
@@ -4876,7 +4884,7 @@ const Dt = {
|
|
|
4876
4884
|
width: a
|
|
4877
4885
|
}
|
|
4878
4886
|
}
|
|
4879
|
-
),
|
|
4887
|
+
), El = "lc-Switch-module__switch__input___NiiOR", wl = "lc-Switch-module__switch__container___79F7W", $l = "lc-Switch-module__switch__track___2wr2M", Nl = "lc-Switch-module__switch__slider___WHd--", Cl = "lc-Switch-module__switch__loader___FE-fA", xl = "lc-Switch-module__switch__icon___-O1qY", Q = {
|
|
4880
4888
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
4881
4889
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
4882
4890
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -4885,13 +4893,13 @@ const Dt = {
|
|
|
4885
4893
|
"switch--compact": "lc-Switch-module__switch--compact___OGFIX",
|
|
4886
4894
|
"switch--medium": "lc-Switch-module__switch--medium___EcZwT",
|
|
4887
4895
|
"switch--focused": "lc-Switch-module__switch--focused___P9d9S",
|
|
4888
|
-
switch__input:
|
|
4896
|
+
switch__input: El,
|
|
4889
4897
|
"switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
|
|
4890
|
-
switch__container:
|
|
4891
|
-
switch__track:
|
|
4898
|
+
switch__container: wl,
|
|
4899
|
+
switch__track: $l,
|
|
4892
4900
|
"switch__container--focused": "lc-Switch-module__switch__container--focused___bKy79",
|
|
4893
4901
|
"switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
|
|
4894
|
-
switch__slider:
|
|
4902
|
+
switch__slider: Nl,
|
|
4895
4903
|
"switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
|
|
4896
4904
|
"switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
|
|
4897
4905
|
"switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
|
|
@@ -4902,13 +4910,13 @@ const Dt = {
|
|
|
4902
4910
|
"switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
|
|
4903
4911
|
"switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
|
|
4904
4912
|
"switch__slider--disabled": "lc-Switch-module__switch__slider--disabled___A6hPg",
|
|
4905
|
-
switch__loader:
|
|
4913
|
+
switch__loader: Cl,
|
|
4906
4914
|
"switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
|
|
4907
4915
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
4908
4916
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
4909
|
-
switch__icon:
|
|
4910
|
-
}, X = "switch",
|
|
4911
|
-
var
|
|
4917
|
+
switch__icon: xl
|
|
4918
|
+
}, X = "switch", Zc = (g) => {
|
|
4919
|
+
var m = g, {
|
|
4912
4920
|
className: t = "",
|
|
4913
4921
|
defaultOn: a = !1,
|
|
4914
4922
|
disabled: r = !1,
|
|
@@ -4919,7 +4927,7 @@ const Dt = {
|
|
|
4919
4927
|
state: n = "regular",
|
|
4920
4928
|
innerRef: d,
|
|
4921
4929
|
ariaLabel: i
|
|
4922
|
-
} =
|
|
4930
|
+
} = m, s = F(m, [
|
|
4923
4931
|
"className",
|
|
4924
4932
|
"defaultOn",
|
|
4925
4933
|
"disabled",
|
|
@@ -4933,7 +4941,7 @@ const Dt = {
|
|
|
4933
4941
|
]);
|
|
4934
4942
|
const f = o !== void 0, [b, E] = e.useState(
|
|
4935
4943
|
() => f ? o : a
|
|
4936
|
-
), [v, k] = e.useState(!1), y = f ? o : b, $ = n === "loading", C = n === "locked", w = c === "large" ? "small" : "xsmall",
|
|
4944
|
+
), [v, k] = e.useState(!1), y = f ? o : b, $ = n === "loading", C = n === "locked", w = c === "large" ? "small" : "xsmall", p = y ? "on" : "off", N = r || $ || C, x = N ? "disabled" : "enabled", G = u(
|
|
4937
4945
|
Q[X],
|
|
4938
4946
|
Q[`${X}--${c}`],
|
|
4939
4947
|
{
|
|
@@ -4945,11 +4953,11 @@ const Dt = {
|
|
|
4945
4953
|
};
|
|
4946
4954
|
return /* @__PURE__ */ e.createElement("span", { className: G }, /* @__PURE__ */ e.createElement(
|
|
4947
4955
|
"input",
|
|
4948
|
-
|
|
4956
|
+
S(h({
|
|
4949
4957
|
type: "checkbox",
|
|
4950
4958
|
className: u(
|
|
4951
4959
|
Q[`${X}__input`],
|
|
4952
|
-
Q[`${X}__input--${
|
|
4960
|
+
Q[`${X}__input--${x}`]
|
|
4953
4961
|
),
|
|
4954
4962
|
onChange: H,
|
|
4955
4963
|
checked: y,
|
|
@@ -4973,8 +4981,8 @@ const Dt = {
|
|
|
4973
4981
|
{
|
|
4974
4982
|
className: u(
|
|
4975
4983
|
Q[`${X}__track`],
|
|
4976
|
-
Q[`${X}__track--${
|
|
4977
|
-
Q[`${X}__track--${
|
|
4984
|
+
Q[`${X}__track--${p}`],
|
|
4985
|
+
Q[`${X}__track--${x}`]
|
|
4978
4986
|
)
|
|
4979
4987
|
}
|
|
4980
4988
|
),
|
|
@@ -4983,9 +4991,9 @@ const Dt = {
|
|
|
4983
4991
|
{
|
|
4984
4992
|
className: u(
|
|
4985
4993
|
Q[`${X}__slider`],
|
|
4986
|
-
Q[`${X}__slider--${
|
|
4994
|
+
Q[`${X}__slider--${x}`],
|
|
4987
4995
|
Q[`${X}__slider--${c}`],
|
|
4988
|
-
Q[`${X}__slider--${c}--${
|
|
4996
|
+
Q[`${X}__slider--${c}--${p}`]
|
|
4989
4997
|
)
|
|
4990
4998
|
},
|
|
4991
4999
|
$ && /* @__PURE__ */ e.createElement(
|
|
@@ -5004,23 +5012,23 @@ const Dt = {
|
|
|
5004
5012
|
className: Q[`${X}__icon`],
|
|
5005
5013
|
"data-testid": "lock-icon",
|
|
5006
5014
|
size: w,
|
|
5007
|
-
source:
|
|
5015
|
+
source: Zr,
|
|
5008
5016
|
kind: "primary"
|
|
5009
5017
|
}
|
|
5010
5018
|
)
|
|
5011
5019
|
)
|
|
5012
5020
|
));
|
|
5013
|
-
},
|
|
5014
|
-
tab:
|
|
5015
|
-
tab__count:
|
|
5021
|
+
}, Sl = "lc-Tab-module__tab___fME7u", Tl = "lc-Tab-module__tab__count___gc8tA", Dl = "lc-Tab-module__tab__icon___wvUqO", Bl = "lc-Tab-module__tab__badge___W9c-T", _t = {
|
|
5022
|
+
tab: Sl,
|
|
5023
|
+
tab__count: Tl,
|
|
5016
5024
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
5017
5025
|
"tab--medium": "lc-Tab-module__tab--medium___bHnGV",
|
|
5018
5026
|
"tab--large": "lc-Tab-module__tab--large___JL30g",
|
|
5019
|
-
tab__icon:
|
|
5020
|
-
tab__badge:
|
|
5027
|
+
tab__icon: Dl,
|
|
5028
|
+
tab__badge: Bl,
|
|
5021
5029
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
5022
5030
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
5023
|
-
}, ot = "tab",
|
|
5031
|
+
}, ot = "tab", en = (d) => {
|
|
5024
5032
|
var i = d, {
|
|
5025
5033
|
children: t,
|
|
5026
5034
|
className: a,
|
|
@@ -5038,11 +5046,12 @@ const Dt = {
|
|
|
5038
5046
|
"size",
|
|
5039
5047
|
"icon"
|
|
5040
5048
|
]);
|
|
5041
|
-
const { disabled: s } = n,
|
|
5049
|
+
const { disabled: s } = n, g = r !== void 0 && !o, m = r !== void 0 && o;
|
|
5042
5050
|
return /* @__PURE__ */ e.createElement(
|
|
5043
5051
|
P,
|
|
5044
|
-
|
|
5052
|
+
S(h({}, n), {
|
|
5045
5053
|
as: n.href ? "a" : "button",
|
|
5054
|
+
"aria-selected": _,
|
|
5046
5055
|
size: "md",
|
|
5047
5056
|
bold: _,
|
|
5048
5057
|
className: u(
|
|
@@ -5053,11 +5062,11 @@ const Dt = {
|
|
|
5053
5062
|
s && _t[`${ot}--disabled`]
|
|
5054
5063
|
)
|
|
5055
5064
|
}),
|
|
5056
|
-
c && /* @__PURE__ */ e.createElement("div", { className: _t[`${ot}__icon`] }, c),
|
|
5065
|
+
c && /* @__PURE__ */ e.createElement("div", { "data-testId": "icon", className: _t[`${ot}__icon`] }, c),
|
|
5057
5066
|
t,
|
|
5058
|
-
|
|
5059
|
-
|
|
5060
|
-
|
|
5067
|
+
g && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: _t[`${ot}__count`] }, "(", r, ")"),
|
|
5068
|
+
m && /* @__PURE__ */ e.createElement(
|
|
5069
|
+
eo,
|
|
5061
5070
|
{
|
|
5062
5071
|
"data-testid": "tab-badge",
|
|
5063
5072
|
count: r,
|
|
@@ -5066,23 +5075,23 @@ const Dt = {
|
|
|
5066
5075
|
}
|
|
5067
5076
|
)
|
|
5068
5077
|
);
|
|
5069
|
-
},
|
|
5070
|
-
tabs:
|
|
5071
|
-
tabs__list:
|
|
5072
|
-
},
|
|
5078
|
+
}, Al = "lc-TabsWrapper-module__tabs___Y2xyD", Pl = "lc-TabsWrapper-module__tabs__list___i6tVO", Or = {
|
|
5079
|
+
tabs: Al,
|
|
5080
|
+
tabs__list: Pl
|
|
5081
|
+
}, Hr = "tabs", tn = ({
|
|
5073
5082
|
className: t,
|
|
5074
5083
|
children: a
|
|
5075
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(Hr
|
|
5084
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(Or[Hr], t) }, a), an = ({
|
|
5076
5085
|
className: t,
|
|
5077
5086
|
children: a
|
|
5078
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
5087
|
+
}) => /* @__PURE__ */ e.createElement("div", { role: "tablist", className: u(Or[`${Hr}__list`], t) }, a), It = {
|
|
5079
5088
|
"tag-input": "lc-TagInput-module__tag-input___CLVY-",
|
|
5080
5089
|
"tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
|
|
5081
5090
|
"tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
|
|
5082
5091
|
"tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
|
|
5083
5092
|
"tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
|
|
5084
5093
|
"tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
|
|
5085
|
-
},
|
|
5094
|
+
}, Il = ({
|
|
5086
5095
|
className: t = "",
|
|
5087
5096
|
innerEditableRef: a,
|
|
5088
5097
|
inputRef: r,
|
|
@@ -5095,13 +5104,13 @@ const Dt = {
|
|
|
5095
5104
|
return b ? b.innerText : "";
|
|
5096
5105
|
}, s = () => {
|
|
5097
5106
|
r && r.current && r.current.focus();
|
|
5098
|
-
},
|
|
5107
|
+
}, g = (b) => {
|
|
5099
5108
|
if (b.key === oe.enter) {
|
|
5100
5109
|
b.preventDefault(), s();
|
|
5101
5110
|
return;
|
|
5102
5111
|
}
|
|
5103
5112
|
b.key === oe.backspace && i() === "" && (n(!0), o(), s());
|
|
5104
|
-
},
|
|
5113
|
+
}, m = () => {
|
|
5105
5114
|
const b = d();
|
|
5106
5115
|
if (!(c || !b)) {
|
|
5107
5116
|
if (b.innerText === "") {
|
|
@@ -5122,12 +5131,12 @@ const Dt = {
|
|
|
5122
5131
|
className: t,
|
|
5123
5132
|
contentEditable: !0,
|
|
5124
5133
|
onPaste: f,
|
|
5125
|
-
onBlur:
|
|
5126
|
-
onKeyDown:
|
|
5134
|
+
onBlur: m,
|
|
5135
|
+
onKeyDown: g,
|
|
5127
5136
|
dangerouslySetInnerHTML: { __html: Xa(l) }
|
|
5128
5137
|
}
|
|
5129
5138
|
);
|
|
5130
|
-
},
|
|
5139
|
+
}, Fl = "tag-input__tag", vr = ({
|
|
5131
5140
|
children: t,
|
|
5132
5141
|
index: a,
|
|
5133
5142
|
remove: r,
|
|
@@ -5137,27 +5146,27 @@ const Dt = {
|
|
|
5137
5146
|
size: c,
|
|
5138
5147
|
tagProps: n
|
|
5139
5148
|
}) => {
|
|
5140
|
-
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), s = () => r(a),
|
|
5141
|
-
return /* @__PURE__ */ e.createElement(Rr,
|
|
5142
|
-
|
|
5149
|
+
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), i = e.useRef(null), s = () => r(a), g = () => d ? n ? n.kind : "default" : "error";
|
|
5150
|
+
return /* @__PURE__ */ e.createElement(Rr, S(h({ size: c }, n), { kind: g(), onRemove: s }), /* @__PURE__ */ e.createElement(
|
|
5151
|
+
Il,
|
|
5143
5152
|
{
|
|
5144
5153
|
value: t,
|
|
5145
5154
|
inputRef: o,
|
|
5146
5155
|
innerEditableRef: i,
|
|
5147
|
-
className: It[`${
|
|
5148
|
-
change: (
|
|
5156
|
+
className: It[`${Fl}__content`],
|
|
5157
|
+
change: (m) => l(a, m),
|
|
5149
5158
|
remove: s,
|
|
5150
5159
|
validator: _
|
|
5151
5160
|
}
|
|
5152
5161
|
));
|
|
5153
|
-
}, Xt = "tag-input",
|
|
5162
|
+
}, Xt = "tag-input", Ml = [
|
|
5154
5163
|
oe.enter,
|
|
5155
5164
|
oe.spacebar,
|
|
5156
5165
|
oe.tab,
|
|
5157
5166
|
oe.semicolon,
|
|
5158
5167
|
oe.comma
|
|
5159
|
-
],
|
|
5160
|
-
var f =
|
|
5168
|
+
], Rl = [oe.backspace, oe.delete], Ll = (m) => {
|
|
5169
|
+
var f = m, {
|
|
5161
5170
|
id: t,
|
|
5162
5171
|
tags: a,
|
|
5163
5172
|
onChange: r,
|
|
@@ -5169,7 +5178,7 @@ const Dt = {
|
|
|
5169
5178
|
inputClassName: d,
|
|
5170
5179
|
onBlur: i,
|
|
5171
5180
|
addOnBlur: s = !0
|
|
5172
|
-
} = f,
|
|
5181
|
+
} = f, g = F(f, [
|
|
5173
5182
|
"id",
|
|
5174
5183
|
"tags",
|
|
5175
5184
|
"onChange",
|
|
@@ -5197,19 +5206,19 @@ const Dt = {
|
|
|
5197
5206
|
}, C = (T) => {
|
|
5198
5207
|
const R = [...a || []];
|
|
5199
5208
|
R.splice(T, 1), r(R);
|
|
5200
|
-
}, w = (T) => k(T.target.value),
|
|
5201
|
-
if (
|
|
5209
|
+
}, w = (T) => k(T.target.value), p = (T) => {
|
|
5210
|
+
if (Ml.includes(T.key)) {
|
|
5202
5211
|
if (T.preventDefault(), v === "")
|
|
5203
5212
|
return;
|
|
5204
5213
|
$(v);
|
|
5205
|
-
} else if (
|
|
5214
|
+
} else if (Rl.includes(T.key)) {
|
|
5206
5215
|
if (v !== "" || !(a != null && a.length))
|
|
5207
5216
|
return;
|
|
5208
5217
|
C(a.length - 1);
|
|
5209
5218
|
}
|
|
5210
5219
|
}, N = (T) => {
|
|
5211
5220
|
s && $(v), i == null || i(T);
|
|
5212
|
-
},
|
|
5221
|
+
}, x = (T, R) => {
|
|
5213
5222
|
const U = [...a || []];
|
|
5214
5223
|
U.reduce(
|
|
5215
5224
|
(ke, ee, $e) => ke + (ee === R && $e !== T ? 1 : 0),
|
|
@@ -5224,7 +5233,7 @@ const Dt = {
|
|
|
5224
5233
|
{
|
|
5225
5234
|
index: R,
|
|
5226
5235
|
key: `${R}${T}`,
|
|
5227
|
-
update:
|
|
5236
|
+
update: x,
|
|
5228
5237
|
remove: C,
|
|
5229
5238
|
inputRef: y,
|
|
5230
5239
|
validator: _,
|
|
@@ -5236,7 +5245,7 @@ const Dt = {
|
|
|
5236
5245
|
{
|
|
5237
5246
|
index: R,
|
|
5238
5247
|
key: `${R}${T.children}`,
|
|
5239
|
-
update:
|
|
5248
|
+
update: x,
|
|
5240
5249
|
remove: C,
|
|
5241
5250
|
inputRef: y,
|
|
5242
5251
|
validator: _,
|
|
@@ -5247,30 +5256,30 @@ const Dt = {
|
|
|
5247
5256
|
);
|
|
5248
5257
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(P, { as: "div", className: b }, a == null ? void 0 : a.map(H), /* @__PURE__ */ e.createElement(
|
|
5249
5258
|
"input",
|
|
5250
|
-
|
|
5259
|
+
S(h({}, g), {
|
|
5251
5260
|
id: t,
|
|
5252
5261
|
ref: y,
|
|
5253
5262
|
className: E,
|
|
5254
5263
|
placeholder: l,
|
|
5255
5264
|
value: v,
|
|
5256
5265
|
onChange: w,
|
|
5257
|
-
onKeyDown:
|
|
5266
|
+
onKeyDown: p,
|
|
5258
5267
|
onPaste: G,
|
|
5259
5268
|
onBlur: N
|
|
5260
5269
|
})
|
|
5261
5270
|
)), o && /* @__PURE__ */ e.createElement(Wa, null, o));
|
|
5262
|
-
},
|
|
5271
|
+
}, Ol = /^(?:[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, Hl = "name@company.com", zl = (t) => Ol.test(t), rn = (r) => {
|
|
5263
5272
|
var _ = r, {
|
|
5264
|
-
placeholder: t =
|
|
5273
|
+
placeholder: t = Hl
|
|
5265
5274
|
} = _, a = F(_, [
|
|
5266
5275
|
"placeholder"
|
|
5267
5276
|
]);
|
|
5268
|
-
return /* @__PURE__ */ e.createElement(
|
|
5269
|
-
},
|
|
5270
|
-
toast:
|
|
5271
|
-
toast__content:
|
|
5272
|
-
toast__actions:
|
|
5273
|
-
toast__actions__button:
|
|
5277
|
+
return /* @__PURE__ */ e.createElement(Ll, S(h({}, a), { placeholder: t, validator: zl }));
|
|
5278
|
+
}, Gl = "lc-Toast-module__toast___j5Amn", Ul = "lc-Toast-module__toast__content___HjaNw", Wl = "lc-Toast-module__toast__actions___JWu-1", Vl = "lc-Toast-module__toast__actions__button___Iblrl", j = {
|
|
5279
|
+
toast: Gl,
|
|
5280
|
+
toast__content: Ul,
|
|
5281
|
+
toast__actions: Wl,
|
|
5282
|
+
toast__actions__button: Vl,
|
|
5274
5283
|
"toast__actions__button--success": "lc-Toast-module__toast__actions__button--success___5JmFw",
|
|
5275
5284
|
"toast__actions__button--warning": "lc-Toast-module__toast__actions__button--warning___zGQ-Q",
|
|
5276
5285
|
"toast__actions__button--error": "lc-Toast-module__toast__actions__button--error___PuTv3",
|
|
@@ -5296,7 +5305,7 @@ const Dt = {
|
|
|
5296
5305
|
"toast-appear-active--fade": "lc-Toast-module__toast-appear-active--fade___D3--J",
|
|
5297
5306
|
"toast-exit--fade": "lc-Toast-module__toast-exit--fade___iDA1p",
|
|
5298
5307
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
5299
|
-
},
|
|
5308
|
+
}, ql = {
|
|
5300
5309
|
success: {
|
|
5301
5310
|
source: kr
|
|
5302
5311
|
},
|
|
@@ -5309,7 +5318,7 @@ const Dt = {
|
|
|
5309
5318
|
info: {
|
|
5310
5319
|
source: La
|
|
5311
5320
|
}
|
|
5312
|
-
}, je = "toast",
|
|
5321
|
+
}, je = "toast", Yl = (n) => {
|
|
5313
5322
|
var d = n, {
|
|
5314
5323
|
action: t,
|
|
5315
5324
|
className: a,
|
|
@@ -5329,14 +5338,14 @@ const Dt = {
|
|
|
5329
5338
|
j[je],
|
|
5330
5339
|
j[`${je}--${o}`],
|
|
5331
5340
|
a
|
|
5332
|
-
), s = typeof r == "string",
|
|
5333
|
-
return /* @__PURE__ */ e.createElement("div", h({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__icon`] }, /* @__PURE__ */ e.createElement(A,
|
|
5341
|
+
), s = typeof r == "string", g = (m) => m && m.closesOnClick && l ? (m.onClick(), l()) : m.onClick();
|
|
5342
|
+
return /* @__PURE__ */ e.createElement("div", h({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__icon`] }, /* @__PURE__ */ e.createElement(A, S(h({}, ql[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: j[`${je}__content`] }, s ? /* @__PURE__ */ e.createElement(P, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: j[`${je}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
5334
5343
|
V,
|
|
5335
5344
|
{
|
|
5336
5345
|
className: j[`${je}__actions--custom`],
|
|
5337
5346
|
kind: "text",
|
|
5338
5347
|
size: "compact",
|
|
5339
|
-
onClick: () =>
|
|
5348
|
+
onClick: () => g(t)
|
|
5340
5349
|
},
|
|
5341
5350
|
t.label
|
|
5342
5351
|
), _ && /* @__PURE__ */ e.createElement(
|
|
@@ -5351,7 +5360,7 @@ const Dt = {
|
|
|
5351
5360
|
},
|
|
5352
5361
|
/* @__PURE__ */ e.createElement(A, { source: Ae, size: "medium" })
|
|
5353
5362
|
)));
|
|
5354
|
-
},
|
|
5363
|
+
}, Kl = 200, At = "toast-wrapper", _n = ({
|
|
5355
5364
|
className: t,
|
|
5356
5365
|
toasts: a = [],
|
|
5357
5366
|
fixed: r = !0,
|
|
@@ -5370,7 +5379,7 @@ const Dt = {
|
|
|
5370
5379
|
},
|
|
5371
5380
|
t
|
|
5372
5381
|
);
|
|
5373
|
-
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Tr, { component: null }, a.map(({ id: d, kind: i, content: s, removable:
|
|
5382
|
+
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Tr, { component: null }, a.map(({ id: d, kind: i, content: s, removable: g, action: m, onClose: f }) => /* @__PURE__ */ e.createElement(
|
|
5374
5383
|
Dr,
|
|
5375
5384
|
{
|
|
5376
5385
|
key: d,
|
|
@@ -5380,42 +5389,42 @@ const Dt = {
|
|
|
5380
5389
|
exit: j[`toast-exit--${o}`],
|
|
5381
5390
|
exitActive: j[`toast-exit-active--${o}`]
|
|
5382
5391
|
},
|
|
5383
|
-
timeout:
|
|
5392
|
+
timeout: Kl
|
|
5384
5393
|
},
|
|
5385
5394
|
/* @__PURE__ */ e.createElement(
|
|
5386
|
-
|
|
5395
|
+
Yl,
|
|
5387
5396
|
{
|
|
5388
5397
|
kind: i,
|
|
5389
5398
|
onClose: f,
|
|
5390
|
-
removable:
|
|
5391
|
-
action:
|
|
5399
|
+
removable: g,
|
|
5400
|
+
action: m
|
|
5392
5401
|
},
|
|
5393
5402
|
s
|
|
5394
5403
|
)
|
|
5395
5404
|
))));
|
|
5396
|
-
},
|
|
5397
|
-
textarea:
|
|
5405
|
+
}, Jl = "lc-Textarea-module__textarea___g6U8F", Qt = {
|
|
5406
|
+
textarea: Jl,
|
|
5398
5407
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
5399
5408
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
5400
5409
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
5401
|
-
}, jt = "textarea",
|
|
5410
|
+
}, jt = "textarea", on = e.forwardRef(
|
|
5402
5411
|
(o, _) => {
|
|
5403
5412
|
var l = o, { className: t, error: a } = l, r = F(l, ["className", "error"]);
|
|
5404
|
-
const { disabled: c, onBlur: n, onFocus: d } = r, [i, s] = e.useState(!1),
|
|
5413
|
+
const { disabled: c, onBlur: n, onFocus: d } = r, [i, s] = e.useState(!1), g = u(t, Qt[jt], {
|
|
5405
5414
|
[Qt[`${jt}--disabled`]]: c,
|
|
5406
5415
|
[Qt[`${jt}--focused`]]: i,
|
|
5407
5416
|
[Qt[`${jt}--error`]]: a
|
|
5408
|
-
}),
|
|
5417
|
+
}), m = (b) => {
|
|
5409
5418
|
s(!1), n == null || n(b);
|
|
5410
5419
|
}, f = (b) => {
|
|
5411
5420
|
s(!0), d == null || d(b);
|
|
5412
5421
|
};
|
|
5413
|
-
return /* @__PURE__ */ e.createElement(P, { as: "div", className:
|
|
5422
|
+
return /* @__PURE__ */ e.createElement(P, { as: "div", className: g }, /* @__PURE__ */ e.createElement(
|
|
5414
5423
|
"textarea",
|
|
5415
|
-
|
|
5424
|
+
S(h({}, r), {
|
|
5416
5425
|
ref: _,
|
|
5417
5426
|
onFocus: f,
|
|
5418
|
-
onBlur:
|
|
5427
|
+
onBlur: m
|
|
5419
5428
|
})
|
|
5420
5429
|
));
|
|
5421
5430
|
}
|
|
@@ -5431,7 +5440,7 @@ const Dt = {
|
|
|
5431
5440
|
"aria-label": "Retry",
|
|
5432
5441
|
onClick: r
|
|
5433
5442
|
},
|
|
5434
|
-
/* @__PURE__ */ e.createElement(A, { size: "small", source:
|
|
5443
|
+
/* @__PURE__ */ e.createElement(A, { size: "small", source: e_ })
|
|
5435
5444
|
), a && t !== "success" && /* @__PURE__ */ e.createElement(
|
|
5436
5445
|
"button",
|
|
5437
5446
|
{
|
|
@@ -5441,7 +5450,7 @@ const Dt = {
|
|
|
5441
5450
|
onClick: a
|
|
5442
5451
|
},
|
|
5443
5452
|
/* @__PURE__ */ e.createElement(A, { size: "small", source: Ae })
|
|
5444
|
-
)),
|
|
5453
|
+
)), Se = {
|
|
5445
5454
|
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
5446
5455
|
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
5447
5456
|
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
@@ -5452,7 +5461,7 @@ const Dt = {
|
|
|
5452
5461
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
5453
5462
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
5454
5463
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
5455
|
-
}, Ke = "file-upload-progress", Ba = `${Ke}__wrapper__header__title`,
|
|
5464
|
+
}, Ke = "file-upload-progress", Ba = `${Ke}__wrapper__header__title`, Xl = e.forwardRef(
|
|
5456
5465
|
({
|
|
5457
5466
|
actionsVisibility: t = "hidden",
|
|
5458
5467
|
className: a,
|
|
@@ -5463,38 +5472,36 @@ const Dt = {
|
|
|
5463
5472
|
status: c = "normal",
|
|
5464
5473
|
onCloseButtonClick: n,
|
|
5465
5474
|
onRetryButtonClick: d
|
|
5466
|
-
}, i) => /* @__PURE__ */ e.createElement("div", { className:
|
|
5475
|
+
}, i) => /* @__PURE__ */ e.createElement("div", { className: Se[Ke], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
|
|
5467
5476
|
"div",
|
|
5468
5477
|
{
|
|
5469
5478
|
className: u(
|
|
5470
|
-
|
|
5471
|
-
|
|
5479
|
+
Se[`${Ke}__icon`],
|
|
5480
|
+
Se[`${Ke}__icon--success`]
|
|
5472
5481
|
)
|
|
5473
5482
|
},
|
|
5474
5483
|
/* @__PURE__ */ e.createElement(A, { source: ea })
|
|
5475
5484
|
), /* @__PURE__ */ e.createElement(
|
|
5476
5485
|
"div",
|
|
5477
5486
|
{
|
|
5478
|
-
className: u(
|
|
5479
|
-
[
|
|
5487
|
+
className: u(Se[`${Ke}__wrapper`], {
|
|
5488
|
+
[Se[`${Ke}__wrapper--with-icon`]]: r
|
|
5480
5489
|
})
|
|
5481
5490
|
},
|
|
5482
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
5491
|
+
/* @__PURE__ */ e.createElement("div", { className: Se[`${Ke}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
5483
5492
|
"div",
|
|
5484
5493
|
{
|
|
5485
|
-
className: u(
|
|
5486
|
-
[
|
|
5487
|
-
[
|
|
5494
|
+
className: u(Se[Ba], {
|
|
5495
|
+
[Se[`${Ba}--success`]]: c === "success",
|
|
5496
|
+
[Se[`${Ba}--error`]]: c === "error"
|
|
5488
5497
|
})
|
|
5489
5498
|
},
|
|
5490
|
-
/* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _)
|
|
5491
|
-
"=",
|
|
5492
|
-
" "
|
|
5499
|
+
/* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _)
|
|
5493
5500
|
), t !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
5494
5501
|
"div",
|
|
5495
5502
|
{
|
|
5496
5503
|
className: u({
|
|
5497
|
-
[
|
|
5504
|
+
[Se[`${Ke}__wrapper__header__actions`]]: t === "hover"
|
|
5498
5505
|
})
|
|
5499
5506
|
},
|
|
5500
5507
|
/* @__PURE__ */ e.createElement(
|
|
@@ -5507,7 +5514,7 @@ const Dt = {
|
|
|
5507
5514
|
)
|
|
5508
5515
|
)),
|
|
5509
5516
|
c !== "success" && /* @__PURE__ */ e.createElement(
|
|
5510
|
-
|
|
5517
|
+
fl,
|
|
5511
5518
|
{
|
|
5512
5519
|
className: a,
|
|
5513
5520
|
percent: o,
|
|
@@ -5537,14 +5544,28 @@ const Dt = {
|
|
|
5537
5544
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
5538
5545
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
5539
5546
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
5540
|
-
}, pe = "upload-bar", Je = `${pe}__wrapper__header`,
|
|
5541
|
-
|
|
5547
|
+
}, pe = "upload-bar", Je = `${pe}__wrapper__header`, Ql = 300, jl = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement(
|
|
5548
|
+
"div",
|
|
5549
|
+
{
|
|
5550
|
+
"data-testid": "success-icon",
|
|
5551
|
+
className: z[`${Je}__success-icon`]
|
|
5552
|
+
},
|
|
5553
|
+
/* @__PURE__ */ e.createElement(A, { source: ea })
|
|
5554
|
+
) : t === "error" ? /* @__PURE__ */ e.createElement(
|
|
5555
|
+
"div",
|
|
5556
|
+
{
|
|
5557
|
+
"data-testid": "error-icon",
|
|
5558
|
+
className: z[`${Je}__error-icon`]
|
|
5559
|
+
},
|
|
5560
|
+
/* @__PURE__ */ e.createElement(A, { source: t_ })
|
|
5561
|
+
) : /* @__PURE__ */ e.createElement(
|
|
5562
|
+
bl,
|
|
5542
5563
|
{
|
|
5543
5564
|
className: z[`${Je}__loader`],
|
|
5544
5565
|
status: t,
|
|
5545
5566
|
progressValue: a
|
|
5546
5567
|
}
|
|
5547
|
-
),
|
|
5568
|
+
), ln = ({
|
|
5548
5569
|
children: t,
|
|
5549
5570
|
className: a,
|
|
5550
5571
|
progressValue: r,
|
|
@@ -5556,14 +5577,14 @@ const Dt = {
|
|
|
5556
5577
|
size: d,
|
|
5557
5578
|
mode: i = "multiple",
|
|
5558
5579
|
onCloseButtonClick: s,
|
|
5559
|
-
onRetryButtonClick:
|
|
5580
|
+
onRetryButtonClick: g
|
|
5560
5581
|
}) => {
|
|
5561
|
-
const [
|
|
5582
|
+
const [m, f] = e.useState(o || !1), b = c === "error", E = c === "success", v = u(z[pe], a, {
|
|
5562
5583
|
[z[`${pe}--error`]]: b,
|
|
5563
5584
|
[z[`${pe}--success`]]: E
|
|
5564
|
-
}), k = !(b && (
|
|
5585
|
+
}), k = !(b && (g || s)), y = () => f(!m);
|
|
5565
5586
|
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement("div", { className: z[`${pe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement(
|
|
5566
|
-
|
|
5587
|
+
Xl,
|
|
5567
5588
|
{
|
|
5568
5589
|
title: b && l || _,
|
|
5569
5590
|
progressValue: r,
|
|
@@ -5576,7 +5597,7 @@ const Dt = {
|
|
|
5576
5597
|
{
|
|
5577
5598
|
status: c,
|
|
5578
5599
|
onCloseButtonClick: s,
|
|
5579
|
-
onRetryButtonClick:
|
|
5600
|
+
onRetryButtonClick: g
|
|
5580
5601
|
}
|
|
5581
5602
|
))) : /* @__PURE__ */ e.createElement("div", { className: v }, /* @__PURE__ */ e.createElement(
|
|
5582
5603
|
"div",
|
|
@@ -5584,26 +5605,27 @@ const Dt = {
|
|
|
5584
5605
|
className: z[`${pe}__wrapper`],
|
|
5585
5606
|
onClick: y
|
|
5586
5607
|
},
|
|
5587
|
-
/* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__icon`] },
|
|
5608
|
+
/* @__PURE__ */ e.createElement("div", { className: z[`${Je}`] }, /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__icon`] }, jl(c, r)), /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, b ? l : _)), k && /* @__PURE__ */ e.createElement(
|
|
5588
5609
|
"button",
|
|
5589
5610
|
{
|
|
5590
5611
|
className: z[`${Je}__collapse-button`],
|
|
5591
5612
|
type: "button",
|
|
5613
|
+
"aria-label": "Collapse button",
|
|
5592
5614
|
onClick: y
|
|
5593
5615
|
},
|
|
5594
|
-
|
|
5616
|
+
m ? /* @__PURE__ */ e.createElement(A, { source: ta }) : /* @__PURE__ */ e.createElement(A, { source: Mt })
|
|
5595
5617
|
), c === "error" && /* @__PURE__ */ e.createElement("div", { className: z[`${Je}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
5596
5618
|
Ra,
|
|
5597
5619
|
{
|
|
5598
5620
|
status: c,
|
|
5599
5621
|
onCloseButtonClick: s,
|
|
5600
|
-
onRetryButtonClick:
|
|
5622
|
+
onRetryButtonClick: g
|
|
5601
5623
|
}
|
|
5602
5624
|
)))
|
|
5603
|
-
), /* @__PURE__ */ e.createElement(Tr, { component: null },
|
|
5625
|
+
), /* @__PURE__ */ e.createElement(Tr, { component: null }, m && /* @__PURE__ */ e.createElement(
|
|
5604
5626
|
Dr,
|
|
5605
5627
|
{
|
|
5606
|
-
timeout:
|
|
5628
|
+
timeout: Ql,
|
|
5607
5629
|
classNames: {
|
|
5608
5630
|
enter: z[`${pe}__files--enter`],
|
|
5609
5631
|
enterActive: z[`${pe}__files--enter-active`],
|
|
@@ -5616,80 +5638,80 @@ const Dt = {
|
|
|
5616
5638
|
)));
|
|
5617
5639
|
};
|
|
5618
5640
|
export {
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5641
|
+
Kl as ANIMATION_TIME,
|
|
5642
|
+
Cc as ActionBar,
|
|
5643
|
+
xc as ActionCard,
|
|
5644
|
+
b_ as ActionMenu,
|
|
5645
|
+
f_ as ActionMenuItem,
|
|
5646
|
+
Sc as Alert,
|
|
5647
|
+
X_ as Avatar,
|
|
5648
|
+
eo as Badge,
|
|
5627
5649
|
V as Button,
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
|
|
5633
|
-
|
|
5634
|
-
|
|
5635
|
-
|
|
5636
|
-
|
|
5650
|
+
Dc as Card,
|
|
5651
|
+
No as Checkbox,
|
|
5652
|
+
Ao as DatePicker,
|
|
5653
|
+
Bc as DatePickerRangeCalendarsWrapper,
|
|
5654
|
+
uc as DesignToken,
|
|
5655
|
+
Ac as DetailsCard,
|
|
5656
|
+
Pc as DetailsCardInfo,
|
|
5657
|
+
kc as Display,
|
|
5658
|
+
rn as EmailTagInput,
|
|
5637
5659
|
ua as FieldDescription,
|
|
5638
5660
|
Wa as FieldError,
|
|
5639
|
-
|
|
5640
|
-
|
|
5661
|
+
Ic as FieldGroup,
|
|
5662
|
+
Xl as FileUploadProgress,
|
|
5641
5663
|
Ra as FileUploadProgressActions,
|
|
5642
|
-
|
|
5643
|
-
|
|
5644
|
-
|
|
5664
|
+
Fc as Form,
|
|
5665
|
+
Mc as FormField,
|
|
5666
|
+
Rc as FormGroup,
|
|
5645
5667
|
Be as Heading,
|
|
5646
5668
|
A as Icon,
|
|
5647
|
-
|
|
5648
|
-
|
|
5649
|
-
|
|
5650
|
-
|
|
5669
|
+
Ec as Info,
|
|
5670
|
+
Lc as Input,
|
|
5671
|
+
wc as Interactive,
|
|
5672
|
+
Oc as Link,
|
|
5651
5673
|
Ua as Loader,
|
|
5652
|
-
|
|
5653
|
-
|
|
5674
|
+
Hc as Modal,
|
|
5675
|
+
qo as ModalBase,
|
|
5654
5676
|
ur as ModalCloseButton,
|
|
5655
|
-
|
|
5656
|
-
|
|
5657
|
-
|
|
5658
|
-
|
|
5659
|
-
|
|
5660
|
-
|
|
5661
|
-
|
|
5662
|
-
|
|
5663
|
-
|
|
5664
|
-
|
|
5665
|
-
|
|
5666
|
-
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
|
|
5672
|
-
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5677
|
+
Gc as ModalHeader,
|
|
5678
|
+
zc as ModalPortal,
|
|
5679
|
+
Uc as NumericInput,
|
|
5680
|
+
Wc as Picker,
|
|
5681
|
+
Zo as PickerList,
|
|
5682
|
+
Vc as Popover,
|
|
5683
|
+
fl as ProgressBar,
|
|
5684
|
+
bl as ProgressCircle,
|
|
5685
|
+
qc as PromoBanner,
|
|
5686
|
+
Yc as PromoBannerV2,
|
|
5687
|
+
Kc as RadioButton,
|
|
5688
|
+
gc as RadiusToken,
|
|
5689
|
+
Io as RangeDatePicker,
|
|
5690
|
+
Nc as Reports,
|
|
5691
|
+
Jc as SearchInput,
|
|
5692
|
+
Tc as SegmentedControl,
|
|
5693
|
+
pc as ShadowToken,
|
|
5694
|
+
yc as Simple,
|
|
5695
|
+
Qc as SkeletonAvatar,
|
|
5696
|
+
jc as SkeletonText,
|
|
5697
|
+
Xc as SkeletonWrapper,
|
|
5698
|
+
mc as SpacingToken,
|
|
5699
|
+
Zc as Switch,
|
|
5700
|
+
en as Tab,
|
|
5701
|
+
an as TabsList,
|
|
5702
|
+
tn as TabsWrapper,
|
|
5681
5703
|
Rr as Tag,
|
|
5682
|
-
|
|
5704
|
+
Ll as TagInput,
|
|
5683
5705
|
P as Text,
|
|
5684
|
-
|
|
5685
|
-
|
|
5686
|
-
|
|
5706
|
+
on as Textarea,
|
|
5707
|
+
Yl as Toast,
|
|
5708
|
+
_n as ToastWrapper,
|
|
5687
5709
|
Pr as Tooltip,
|
|
5688
|
-
|
|
5689
|
-
|
|
5690
|
-
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
|
|
5710
|
+
vc as TransitionDelayToken,
|
|
5711
|
+
bc as TransitionDurationToken,
|
|
5712
|
+
fc as TransitionTimingToken,
|
|
5713
|
+
ln as UploadBar,
|
|
5714
|
+
$c as UserGuide,
|
|
5715
|
+
U_ as generateAvatarColor,
|
|
5716
|
+
hc as getDesignTokenWithOpacity
|
|
5695
5717
|
};
|