@livechat/design-system-react-components 1.16.0 → 1.16.2
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/Modal/components/ModalBase.d.ts +4 -0
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/helpers.d.ts +1 -1
- package/dist/components/Tooltip/types.d.ts +2 -2
- package/dist/dsrc.cjs.js +1 -1
- package/dist/dsrc.es.js +1025 -1008
- package/dist/foundations/shadow-token.d.ts +1 -0
- package/dist/preview-stats.json +645 -645
- package/dist/style.css +1 -1
- package/package.json +3 -3
package/dist/dsrc.es.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
var Tr = Object.defineProperty, Br = Object.defineProperties;
|
|
2
2
|
var Pr = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
3
|
+
var At = Object.getOwnPropertySymbols;
|
|
4
|
+
var Ha = Object.prototype.hasOwnProperty, za = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var fa = (t, a, r) => a in t ? Tr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, h = (t, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var r of
|
|
10
|
-
|
|
7
|
+
Ha.call(a, r) && fa(t, r, a[r]);
|
|
8
|
+
if (At)
|
|
9
|
+
for (var r of At(a))
|
|
10
|
+
za.call(a, r) && fa(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
12
|
}, N = (t, a) => Br(t, Pr(a));
|
|
13
13
|
var A = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
16
|
-
|
|
17
|
-
if (t != null &&
|
|
18
|
-
for (var _ of
|
|
19
|
-
a.indexOf(_) < 0 &&
|
|
16
|
+
Ha.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
|
|
17
|
+
if (t != null && At)
|
|
18
|
+
for (var _ of At(t))
|
|
19
|
+
a.indexOf(_) < 0 && za.call(t, _) && (r[_] = t[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var va = (t, a, r) => (fa(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as Ar, useRef as Ir, useEffect as ut, useCallback as
|
|
25
|
-
import { Check as Qt, Close as Te, ChevronLeft as
|
|
24
|
+
import { useReducer as Ar, useRef as Ir, useEffect as ut, useCallback as It, useMemo as Ft } from "react";
|
|
25
|
+
import { Check as Qt, Close as Te, ChevronLeft as nr, ChevronDown as Bt, Info as Fa, Warning as sr, CheckCircle as ir, Block as dr, Person as Fr, ChevronUp as Xt, DoubleArrowLeft as Mr, ChevronRight as Sa, DoubleArrowRight as Rr, VisibilityOn as Lr, VisibilityOff as Or, Search as Hr, LockBlackFilled as zr, Refresh as Gr, Error as Ur } from "@livechat/design-system-icons";
|
|
26
26
|
import u from "clsx";
|
|
27
|
-
import { useFloating as jt, offset as Zt, flip as ea, autoUpdate as ta, useClick as aa, useDismiss as ra, useRole as _a, useInteractions as oa, useTransitionStyles as
|
|
28
|
-
import
|
|
27
|
+
import { useFloating as jt, offset as Zt, flip as ea, autoUpdate as ta, useClick as aa, useDismiss as ra, useRole as _a, useInteractions as oa, useTransitionStyles as ur, shift as Ma, arrow as Wr, useHover as Vr, safePolygon as Yr, useFocus as qr, useTransitionStatus as Kr, FloatingFocusManager as Da, useFloatingNodeId as mr, size as Jr, useListNavigation as Qr, FloatingNode as pr, FloatingPortal as Xr, useFloatingParentNodeId as jr, FloatingTree as Zr } from "@floating-ui/react";
|
|
28
|
+
import gr from "lodash.debounce";
|
|
29
29
|
import { getContrast as Ra } from "polished";
|
|
30
|
-
import
|
|
31
|
-
import { subMonths as pt, differenceInCalendarMonths as
|
|
32
|
-
import * as
|
|
33
|
-
import { cx as
|
|
34
|
-
import { Virtuoso as
|
|
35
|
-
import
|
|
36
|
-
import { TransitionGroup as
|
|
37
|
-
const
|
|
30
|
+
import e_ from "react-day-picker";
|
|
31
|
+
import { subMonths as pt, differenceInCalendarMonths as Ga, addMonths as Ua, isSameMonth as Ta, isSameDay as Ba, isAfter as Pa, differenceInCalendarDays as br } from "date-fns";
|
|
32
|
+
import * as fr from "react-dom";
|
|
33
|
+
import { cx as t_ } from "@emotion/css";
|
|
34
|
+
import { Virtuoso as a_ } from "react-virtuoso";
|
|
35
|
+
import Wa from "lodash.escape";
|
|
36
|
+
import { TransitionGroup as vr, CSSTransition as hr } from "react-transition-group";
|
|
37
|
+
const Zl = {
|
|
38
38
|
Background: "--background",
|
|
39
39
|
Background01: "--background-01",
|
|
40
40
|
Background02: "--background-02",
|
|
@@ -311,7 +311,7 @@ const ec = {
|
|
|
311
311
|
SurfaceAvatar9: "--surface-avatar-9",
|
|
312
312
|
SurfaceAvatar10: "--surface-avatar-10",
|
|
313
313
|
NavbarBackground: "--navbar-background"
|
|
314
|
-
},
|
|
314
|
+
}, ec = {
|
|
315
315
|
Spacing0: "--spacing-0",
|
|
316
316
|
Spacing05: "--spacing-05",
|
|
317
317
|
Spacing1: "--spacing-1",
|
|
@@ -328,7 +328,7 @@ const ec = {
|
|
|
328
328
|
Spacing18: "--spacing-18",
|
|
329
329
|
Spacing20: "--spacing-20",
|
|
330
330
|
Spacing24: "--spacing-24"
|
|
331
|
-
},
|
|
331
|
+
}, tc = {
|
|
332
332
|
Float: "--shadow-float",
|
|
333
333
|
PopOver: "--shadow-pop-over",
|
|
334
334
|
Modal: "--shadow-modal",
|
|
@@ -337,6 +337,7 @@ const ec = {
|
|
|
337
337
|
TooltipArrowTop: "--shadow-tooltip-arrow-top",
|
|
338
338
|
TooltipArrowRight: "--shadow-tooltip-arrow-right",
|
|
339
339
|
TooltipArrowLeft: "--shadow-tooltip-arrow-left",
|
|
340
|
+
TooltipArrow: "--shadow-tooltip-arrow",
|
|
340
341
|
Focus: "--shadow-focus",
|
|
341
342
|
DividerBottom: "--shadow-divider-bottom",
|
|
342
343
|
DividerTop: "--shadow-divider-top",
|
|
@@ -345,24 +346,24 @@ const ec = {
|
|
|
345
346
|
DividerTopRight: "--shadow-divider-top-right",
|
|
346
347
|
DividerBottomRight: "--shadow-divider-bottom-right",
|
|
347
348
|
MessageBox: "--shadow-message-box"
|
|
348
|
-
},
|
|
349
|
+
}, ac = {
|
|
349
350
|
0: "--radius-0",
|
|
350
351
|
1: "--radius-1",
|
|
351
352
|
2: "--radius-2",
|
|
352
353
|
3: "--radius-3",
|
|
353
354
|
4: "--radius-4"
|
|
354
|
-
},
|
|
355
|
+
}, rc = {
|
|
355
356
|
Fast1: "--transition-duration-fast-1",
|
|
356
357
|
Fast2: "--transition-duration-fast-2",
|
|
357
358
|
Moderate1: "--transition-duration-moderate-1"
|
|
358
|
-
},
|
|
359
|
+
}, _c = {
|
|
359
360
|
EaseIn: "--transition-timing-ease-in",
|
|
360
361
|
EaseOut: "--transition-timing-ease-out"
|
|
361
|
-
},
|
|
362
|
+
}, oc = {
|
|
362
363
|
Instant: "--delay-instant",
|
|
363
364
|
Moderate: "--delay-moderate",
|
|
364
365
|
Slow: "--delay-slow"
|
|
365
|
-
},
|
|
366
|
+
}, lc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, re = {
|
|
366
367
|
esc: "Escape",
|
|
367
368
|
enter: "Enter",
|
|
368
369
|
backspace: "Backspace",
|
|
@@ -373,8 +374,8 @@ const ec = {
|
|
|
373
374
|
comma: ",",
|
|
374
375
|
arrowUp: "ArrowUp",
|
|
375
376
|
arrowDown: "ArrowDown"
|
|
376
|
-
},
|
|
377
|
-
icon:
|
|
377
|
+
}, r_ = "lc-Icon-module__icon___tw31R", Va = {
|
|
378
|
+
icon: r_,
|
|
378
379
|
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
379
380
|
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
380
381
|
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
@@ -407,7 +408,7 @@ const ec = {
|
|
|
407
408
|
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
408
409
|
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
409
410
|
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
410
|
-
},
|
|
411
|
+
}, __ = {
|
|
411
412
|
xsmall: {
|
|
412
413
|
width: 12,
|
|
413
414
|
height: 12
|
|
@@ -428,29 +429,29 @@ const ec = {
|
|
|
428
429
|
width: 32,
|
|
429
430
|
height: 32
|
|
430
431
|
}
|
|
431
|
-
},
|
|
432
|
-
const
|
|
432
|
+
}, Ya = "icon", D = (t) => {
|
|
433
|
+
const n = t, {
|
|
433
434
|
source: a,
|
|
434
435
|
size: r = "medium",
|
|
435
436
|
kind: _,
|
|
436
437
|
disabled: o,
|
|
437
438
|
className: c,
|
|
438
439
|
customColor: l
|
|
439
|
-
} =
|
|
440
|
+
} = n, d = A(n, [
|
|
440
441
|
"source",
|
|
441
442
|
"size",
|
|
442
443
|
"kind",
|
|
443
444
|
"disabled",
|
|
444
445
|
"className",
|
|
445
446
|
"customColor"
|
|
446
|
-
]),
|
|
447
|
+
]), s = e.createElement(a, N(h({}, __[r]), {
|
|
447
448
|
color: l
|
|
448
449
|
})), i = u(
|
|
449
450
|
c,
|
|
450
|
-
|
|
451
|
-
_ &&
|
|
451
|
+
Va[Ya],
|
|
452
|
+
_ && Va[`${Ya}--${o ? "disabled--" : ""}${_}`]
|
|
452
453
|
);
|
|
453
|
-
return /* @__PURE__ */ e.createElement("span", N(
|
|
454
|
+
return /* @__PURE__ */ e.createElement("span", N(h({}, d), { className: i }), s);
|
|
454
455
|
}, Ve = {
|
|
455
456
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
456
457
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
@@ -461,7 +462,7 @@ const ec = {
|
|
|
461
462
|
"action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8",
|
|
462
463
|
"action-menu__list__item--selected": "lc-ActionMenu-module__action-menu__list__item--selected___eevlJ",
|
|
463
464
|
"action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo"
|
|
464
|
-
}, Ye = "action-menu",
|
|
465
|
+
}, Ye = "action-menu", o_ = (b) => {
|
|
465
466
|
var f = b, {
|
|
466
467
|
className: t,
|
|
467
468
|
triggerClassName: a,
|
|
@@ -471,9 +472,9 @@ const ec = {
|
|
|
471
472
|
openedOnInit: c = !1,
|
|
472
473
|
keepOpenOnClick: l,
|
|
473
474
|
flipOptions: d,
|
|
474
|
-
visible:
|
|
475
|
+
visible: s,
|
|
475
476
|
onClose: i,
|
|
476
|
-
onOpen:
|
|
477
|
+
onOpen: n,
|
|
477
478
|
floatingStrategy: m,
|
|
478
479
|
selectedOptions: g
|
|
479
480
|
} = f, k = A(f, [
|
|
@@ -491,8 +492,8 @@ const ec = {
|
|
|
491
492
|
"floatingStrategy",
|
|
492
493
|
"selectedOptions"
|
|
493
494
|
]);
|
|
494
|
-
const p =
|
|
495
|
-
x ? (i == null || i(), !p &&
|
|
495
|
+
const p = s !== void 0, [y, v] = e.useState(c), E = e.useRef(-1), w = e.useRef(null), x = p ? s : y, $ = () => {
|
|
496
|
+
x ? (i == null || i(), !p && v(!1)) : (n == null || n(), !p && v(!0));
|
|
496
497
|
}, { x: F, y: S, strategy: O, refs: P, context: z } = jt({
|
|
497
498
|
middleware: [Zt(4), ea(d)],
|
|
498
499
|
placement: o,
|
|
@@ -500,14 +501,14 @@ const ec = {
|
|
|
500
501
|
strategy: m,
|
|
501
502
|
onOpenChange: $,
|
|
502
503
|
whileElementsMounted: ta
|
|
503
|
-
}), j = aa(z),
|
|
504
|
+
}), j = aa(z), $e = ra(z, {
|
|
504
505
|
enabled: x
|
|
505
|
-
}),
|
|
506
|
+
}), de = _a(z), { getReferenceProps: Be, getFloatingProps: Pe } = oa([
|
|
506
507
|
j,
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
]), { styles:
|
|
510
|
-
initial: ({ side: B }) =>
|
|
508
|
+
$e,
|
|
509
|
+
de
|
|
510
|
+
]), { styles: ve } = ur(z, {
|
|
511
|
+
initial: ({ side: B }) => h({
|
|
511
512
|
opacity: 0
|
|
512
513
|
}, B === "bottom" && {
|
|
513
514
|
marginTop: -10
|
|
@@ -519,22 +520,22 @@ const ec = {
|
|
|
519
520
|
marginLeft: -10
|
|
520
521
|
})
|
|
521
522
|
}), Ae = (B) => {
|
|
522
|
-
var
|
|
523
|
+
var Q, Re;
|
|
523
524
|
const W = E.current;
|
|
524
525
|
let K = W + B;
|
|
525
|
-
for (; (
|
|
526
|
+
for (; (Q = r[K]) != null && Q.disabled || (Re = r[K]) != null && Re.groupHeader; )
|
|
526
527
|
if (K += B, K === -1) {
|
|
527
528
|
K = W;
|
|
528
529
|
break;
|
|
529
530
|
}
|
|
530
531
|
return K;
|
|
531
|
-
},
|
|
532
|
-
var
|
|
532
|
+
}, Me = (B) => {
|
|
533
|
+
var Q, Re;
|
|
533
534
|
E.current = Ae(B);
|
|
534
|
-
const W = (
|
|
535
|
+
const W = (Q = w.current) == null ? void 0 : Q.children, K = W && ((Re = W[E.current]) == null ? void 0 : Re.children[0]);
|
|
535
536
|
return K == null ? void 0 : K.focus();
|
|
536
537
|
}, Je = (B) => {
|
|
537
|
-
B.key === re.arrowUp && E.current > 0 && (B.preventDefault(),
|
|
538
|
+
B.key === re.arrowUp && E.current > 0 && (B.preventDefault(), Me(-1)), B.key === re.arrowDown && E.current + 1 < r.length && (B.preventDefault(), Me(1));
|
|
538
539
|
};
|
|
539
540
|
e.useEffect(() => {
|
|
540
541
|
if (x)
|
|
@@ -542,7 +543,7 @@ const ec = {
|
|
|
542
543
|
E.current = -1;
|
|
543
544
|
}, [x, Je]);
|
|
544
545
|
const at = (B, W) => {
|
|
545
|
-
E.current = B, W == null || W(), !p && !l && (
|
|
546
|
+
E.current = B, W == null || W(), !p && !l && (v(!1), i == null || i());
|
|
546
547
|
}, Qe = (B, W) => B.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
547
548
|
"li",
|
|
548
549
|
{
|
|
@@ -571,7 +572,7 @@ const ec = {
|
|
|
571
572
|
));
|
|
572
573
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
573
574
|
"div",
|
|
574
|
-
N(
|
|
575
|
+
N(h({
|
|
575
576
|
"data-testid": "action-menu-trigger-button",
|
|
576
577
|
ref: P.setReference
|
|
577
578
|
}, Be()), {
|
|
@@ -580,18 +581,18 @@ const ec = {
|
|
|
580
581
|
_
|
|
581
582
|
), x && /* @__PURE__ */ e.createElement(
|
|
582
583
|
"div",
|
|
583
|
-
|
|
584
|
+
h({
|
|
584
585
|
ref: P.setFloating,
|
|
585
586
|
className: Ve[Ye],
|
|
586
|
-
style:
|
|
587
|
+
style: h({
|
|
587
588
|
position: O,
|
|
588
589
|
top: S != null ? S : "",
|
|
589
590
|
left: F != null ? F : ""
|
|
590
|
-
},
|
|
591
|
+
}, ve)
|
|
591
592
|
}, Pe()),
|
|
592
593
|
/* @__PURE__ */ e.createElement(
|
|
593
594
|
"ul",
|
|
594
|
-
N(
|
|
595
|
+
N(h({}, k), {
|
|
595
596
|
className: u(Ve[`${Ye}__list`], t),
|
|
596
597
|
role: "menu",
|
|
597
598
|
ref: w
|
|
@@ -599,13 +600,13 @@ const ec = {
|
|
|
599
600
|
r.map(Qe)
|
|
600
601
|
)
|
|
601
602
|
));
|
|
602
|
-
},
|
|
603
|
+
}, l_ = "lc-Typography-module__caps___c3eNJ", mt = {
|
|
603
604
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
604
605
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
605
606
|
"heading-md": "lc-Typography-module__heading-md___wHOIs",
|
|
606
607
|
"heading-sm": "lc-Typography-module__heading-sm___nBmTV",
|
|
607
608
|
"heading-xs": "lc-Typography-module__heading-xs___VcZBs",
|
|
608
|
-
caps:
|
|
609
|
+
caps: l_,
|
|
609
610
|
"caps--bold": "lc-Typography-module__caps--bold___OZovw",
|
|
610
611
|
"paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
|
|
611
612
|
"paragraph-md--bold": "lc-Typography-module__paragraph-md--bold___mWcMG",
|
|
@@ -617,7 +618,7 @@ const ec = {
|
|
|
617
618
|
"paragraph-xs--bold": "lc-Typography-module__paragraph-xs--bold___z7om7",
|
|
618
619
|
"display-md": "lc-Typography-module__display-md___7eFCF",
|
|
619
620
|
"display-sm": "lc-Typography-module__display-sm___kfNES"
|
|
620
|
-
},
|
|
621
|
+
}, c_ = {
|
|
621
622
|
xl: "h1",
|
|
622
623
|
lg: "h2",
|
|
623
624
|
md: "h3",
|
|
@@ -636,12 +637,12 @@ const ec = {
|
|
|
636
637
|
"className"
|
|
637
638
|
]);
|
|
638
639
|
return e.createElement(
|
|
639
|
-
t ||
|
|
640
|
-
|
|
640
|
+
t || c_[a],
|
|
641
|
+
h({ className: u(mt[`heading-${a}`], _) }, o),
|
|
641
642
|
r
|
|
642
643
|
);
|
|
643
|
-
},
|
|
644
|
-
var
|
|
644
|
+
}, M = (i) => {
|
|
645
|
+
var n = i, {
|
|
645
646
|
as: t = "p",
|
|
646
647
|
size: a = "md",
|
|
647
648
|
caps: r = !1,
|
|
@@ -650,7 +651,7 @@ const ec = {
|
|
|
650
651
|
strike: c = !1,
|
|
651
652
|
children: l,
|
|
652
653
|
className: d
|
|
653
|
-
} =
|
|
654
|
+
} = n, s = A(n, [
|
|
654
655
|
"as",
|
|
655
656
|
"size",
|
|
656
657
|
"caps",
|
|
@@ -663,7 +664,7 @@ const ec = {
|
|
|
663
664
|
const m = r ? "caps" : `paragraph-${a}`;
|
|
664
665
|
return e.createElement(
|
|
665
666
|
t,
|
|
666
|
-
|
|
667
|
+
h({
|
|
667
668
|
className: u(
|
|
668
669
|
{
|
|
669
670
|
[mt[`${m}`]]: !0,
|
|
@@ -673,10 +674,10 @@ const ec = {
|
|
|
673
674
|
},
|
|
674
675
|
d
|
|
675
676
|
)
|
|
676
|
-
},
|
|
677
|
+
}, s),
|
|
677
678
|
l
|
|
678
679
|
);
|
|
679
|
-
},
|
|
680
|
+
}, cc = (c) => {
|
|
680
681
|
var l = c, {
|
|
681
682
|
as: t = "div",
|
|
682
683
|
size: a = "md",
|
|
@@ -690,7 +691,7 @@ const ec = {
|
|
|
690
691
|
]);
|
|
691
692
|
return e.createElement(
|
|
692
693
|
t,
|
|
693
|
-
|
|
694
|
+
h({ className: u(mt[`display-${a}`], _) }, o),
|
|
694
695
|
r
|
|
695
696
|
);
|
|
696
697
|
}, bt = {
|
|
@@ -699,7 +700,7 @@ const ec = {
|
|
|
699
700
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
700
701
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
701
702
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
702
|
-
}, ft = "action-menu-item",
|
|
703
|
+
}, ft = "action-menu-item", n_ = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
703
704
|
"div",
|
|
704
705
|
{
|
|
705
706
|
className: u(bt[ft], {
|
|
@@ -707,32 +708,32 @@ const ec = {
|
|
|
707
708
|
})
|
|
708
709
|
},
|
|
709
710
|
t && /* @__PURE__ */ e.createElement("div", { className: bt[`${ft}__left-node`] }, t),
|
|
710
|
-
/* @__PURE__ */ e.createElement(
|
|
711
|
+
/* @__PURE__ */ e.createElement(M, { as: "div", className: bt[`${ft}__label`] }, r),
|
|
711
712
|
a && /* @__PURE__ */ e.createElement("div", { className: bt[`${ft}__right-node`] }, a)
|
|
712
|
-
),
|
|
713
|
-
loader:
|
|
714
|
-
loader__spinner:
|
|
713
|
+
), s_ = "lc-Loader-module__loader___LRflD", i_ = "lc-Loader-module__loader__spinner___l3C1g", d_ = "lc-Loader-module__rotate___Tlni-", u_ = "lc-Loader-module__loader__label___R74f6", vt = {
|
|
714
|
+
loader: s_,
|
|
715
|
+
loader__spinner: i_,
|
|
715
716
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
716
717
|
"loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
|
|
717
718
|
"loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
|
|
718
719
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
719
|
-
rotate:
|
|
720
|
-
loader__label:
|
|
721
|
-
},
|
|
720
|
+
rotate: d_,
|
|
721
|
+
loader__label: u_
|
|
722
|
+
}, kr = "loader", qa = `${kr}__spinner`, La = ({
|
|
722
723
|
primaryColor: t,
|
|
723
724
|
secondaryColor: a,
|
|
724
725
|
label: r,
|
|
725
726
|
className: _,
|
|
726
727
|
size: o = "medium"
|
|
727
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
728
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(vt[kr], _) }, /* @__PURE__ */ e.createElement(
|
|
728
729
|
"div",
|
|
729
730
|
{
|
|
730
|
-
className: u(
|
|
731
|
+
className: u(vt[qa], vt[`${qa}--${o}`])
|
|
731
732
|
},
|
|
732
733
|
/* @__PURE__ */ e.createElement(
|
|
733
734
|
"div",
|
|
734
735
|
{
|
|
735
|
-
className:
|
|
736
|
+
className: vt["loader__spinner-circle"],
|
|
736
737
|
style: {
|
|
737
738
|
/* stylelint-disable */
|
|
738
739
|
borderColor: a,
|
|
@@ -740,7 +741,7 @@ const ec = {
|
|
|
740
741
|
}
|
|
741
742
|
}
|
|
742
743
|
)
|
|
743
|
-
), r && /* @__PURE__ */ e.createElement(
|
|
744
|
+
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: vt.loader__label }, r)), m_ = (t) => {
|
|
744
745
|
if (t === "primary" || t === "destructive")
|
|
745
746
|
return {
|
|
746
747
|
primaryColor: "var(--action-primary-default)",
|
|
@@ -751,8 +752,8 @@ const ec = {
|
|
|
751
752
|
primaryColor: "var(--content-invert-primary)",
|
|
752
753
|
secondaryColor: "var(--surface-invert-secondary)"
|
|
753
754
|
};
|
|
754
|
-
},
|
|
755
|
-
btn:
|
|
755
|
+
}, p_ = "lc-Button-module__btn___aijZJ", g_ = "lc-Button-module__btn__loader___c8zZz", b_ = "lc-Button-module__btn__icon___GVExB", pe = {
|
|
756
|
+
btn: p_,
|
|
756
757
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
757
758
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
758
759
|
"btn--xcompact": "lc-Button-module__btn--xcompact___s-zG-",
|
|
@@ -775,13 +776,13 @@ const ec = {
|
|
|
775
776
|
"btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
|
|
776
777
|
"btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
|
|
777
778
|
"btn--loading": "lc-Button-module__btn--loading___ZAgjv",
|
|
778
|
-
btn__loader:
|
|
779
|
-
btn__icon:
|
|
779
|
+
btn__loader: g_,
|
|
780
|
+
btn__icon: b_,
|
|
780
781
|
"btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
|
|
781
782
|
"btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
|
|
782
783
|
"btn--icon-only": "lc-Button-module__btn--icon-only___bF5pW",
|
|
783
784
|
"btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
|
|
784
|
-
},
|
|
785
|
+
}, ge = "btn", U = e.forwardRef(
|
|
785
786
|
(f, b) => {
|
|
786
787
|
var p = f, {
|
|
787
788
|
loading: t = !1,
|
|
@@ -792,9 +793,9 @@ const ec = {
|
|
|
792
793
|
size: c = "medium",
|
|
793
794
|
icon: l = null,
|
|
794
795
|
iconPosition: d = "left",
|
|
795
|
-
loaderLabel:
|
|
796
|
+
loaderLabel: s,
|
|
796
797
|
className: i,
|
|
797
|
-
children:
|
|
798
|
+
children: n,
|
|
798
799
|
href: m,
|
|
799
800
|
onClick: g
|
|
800
801
|
} = p, k = A(p, [
|
|
@@ -812,23 +813,23 @@ const ec = {
|
|
|
812
813
|
"href",
|
|
813
814
|
"onClick"
|
|
814
815
|
]);
|
|
815
|
-
const y = t || a,
|
|
816
|
+
const y = t || a, v = !n && l, E = ["text", "link", "link-light"].includes(o), w = m ? "a" : "button", x = u(
|
|
816
817
|
i,
|
|
817
|
-
|
|
818
|
-
|
|
819
|
-
|
|
818
|
+
pe[ge],
|
|
819
|
+
pe[`${ge}--${o}`],
|
|
820
|
+
pe[`${ge}--${c}`],
|
|
820
821
|
{
|
|
821
|
-
[
|
|
822
|
-
[
|
|
823
|
-
[
|
|
824
|
-
[
|
|
825
|
-
[
|
|
826
|
-
[
|
|
822
|
+
[pe[`${ge}--loading`]]: t,
|
|
823
|
+
[pe[`${ge}--full-width`]]: _,
|
|
824
|
+
[pe[`${ge}--with-${d}-icon`]]: l && !v && !E,
|
|
825
|
+
[pe[`${ge}--icon-only`]]: v,
|
|
826
|
+
[pe[`${ge}--icon-only--bg`]]: v && E,
|
|
827
|
+
[pe[`${ge}--disabled`]]: y
|
|
827
828
|
}
|
|
828
829
|
);
|
|
829
830
|
return /* @__PURE__ */ e.createElement(
|
|
830
831
|
w,
|
|
831
|
-
|
|
832
|
+
h(h({
|
|
832
833
|
ref: b,
|
|
833
834
|
className: x,
|
|
834
835
|
"aria-disabled": y,
|
|
@@ -836,26 +837,26 @@ const ec = {
|
|
|
836
837
|
disabled: y
|
|
837
838
|
}, !y && { href: m, onClick: g }), k),
|
|
838
839
|
t && /* @__PURE__ */ e.createElement(
|
|
839
|
-
|
|
840
|
-
|
|
840
|
+
La,
|
|
841
|
+
h({
|
|
841
842
|
size: "small",
|
|
842
|
-
label:
|
|
843
|
-
className:
|
|
844
|
-
},
|
|
843
|
+
label: s,
|
|
844
|
+
className: pe[`${ge}__loader`]
|
|
845
|
+
}, m_(o))
|
|
845
846
|
),
|
|
846
847
|
l && e.cloneElement(l, {
|
|
847
848
|
className: u(
|
|
848
849
|
l.props.className,
|
|
849
|
-
|
|
850
|
-
|
|
850
|
+
pe[`${ge}__icon`],
|
|
851
|
+
pe[`${ge}__icon--${d}`]
|
|
851
852
|
),
|
|
852
853
|
disabled: a
|
|
853
854
|
}),
|
|
854
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
855
|
+
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, n)
|
|
855
856
|
);
|
|
856
857
|
}
|
|
857
858
|
);
|
|
858
|
-
function
|
|
859
|
+
function yr(t) {
|
|
859
860
|
switch (t) {
|
|
860
861
|
case "invert":
|
|
861
862
|
return "inverted";
|
|
@@ -863,22 +864,22 @@ function kr(t) {
|
|
|
863
864
|
return "primary";
|
|
864
865
|
}
|
|
865
866
|
}
|
|
866
|
-
function
|
|
867
|
-
if (
|
|
867
|
+
function f_(t, a, r, _) {
|
|
868
|
+
if (r)
|
|
868
869
|
return {
|
|
869
|
-
top: r + t
|
|
870
|
+
top: t ? r + t : r
|
|
870
871
|
};
|
|
871
|
-
if (
|
|
872
|
+
if (_)
|
|
872
873
|
return {
|
|
873
|
-
left: _ + a
|
|
874
|
+
left: a ? _ + a : _
|
|
874
875
|
};
|
|
875
876
|
}
|
|
876
|
-
const v_ = "lc-Tooltip-module__tooltip___QOOAr",
|
|
877
|
+
const v_ = "lc-Tooltip-module__tooltip___QOOAr", h_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", k_ = "lc-Tooltip-module__tooltip__interactive___0JawB", C = {
|
|
877
878
|
tooltip: v_,
|
|
878
|
-
tooltip__arrow:
|
|
879
|
+
tooltip__arrow: h_,
|
|
879
880
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
880
881
|
"tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
|
|
881
|
-
tooltip__interactive:
|
|
882
|
+
tooltip__interactive: k_,
|
|
882
883
|
"tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
|
|
883
884
|
"tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
|
|
884
885
|
"tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
|
|
@@ -903,7 +904,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
903
904
|
"reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
|
|
904
905
|
"reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
|
|
905
906
|
"reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
|
|
906
|
-
},
|
|
907
|
+
}, Mt = "tooltip", Er = ({
|
|
907
908
|
children: t,
|
|
908
909
|
className: a,
|
|
909
910
|
triggerClassName: r,
|
|
@@ -912,9 +913,9 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
912
913
|
kind: c,
|
|
913
914
|
placement: l = "bottom",
|
|
914
915
|
isVisible: d,
|
|
915
|
-
fullSpaceContent:
|
|
916
|
+
fullSpaceContent: s,
|
|
916
917
|
onClose: i,
|
|
917
|
-
onOpen:
|
|
918
|
+
onOpen: n,
|
|
918
919
|
withFadeAnimation: m = !0,
|
|
919
920
|
transitionDuration: g = 200,
|
|
920
921
|
hoverOnDuration: k,
|
|
@@ -922,7 +923,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
922
923
|
transitionDelay: f = 0,
|
|
923
924
|
hoverOnDelay: p,
|
|
924
925
|
hoverOffDelay: y,
|
|
925
|
-
triggerOnClick:
|
|
926
|
+
triggerOnClick: v = !1,
|
|
926
927
|
offsetMainAxis: E = 8,
|
|
927
928
|
referenceElement: w,
|
|
928
929
|
activationThreshold: x = 0,
|
|
@@ -934,94 +935,100 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
934
935
|
closeOnTriggerBlur: z = !1,
|
|
935
936
|
floatingStrategy: j
|
|
936
937
|
}) => {
|
|
937
|
-
const
|
|
938
|
-
C[
|
|
938
|
+
const $e = d !== void 0, [de, Be] = e.useState(!1), Pe = e.useRef(null), ve = $e ? d : de, Ae = c || o, Me = u(
|
|
939
|
+
C[Mt],
|
|
939
940
|
a,
|
|
940
|
-
Ae && C[`${
|
|
941
|
-
|
|
942
|
-
), Je = typeof _ == "function", at = (
|
|
943
|
-
|
|
944
|
-
}, Qe = (
|
|
941
|
+
Ae && C[`${Mt}--${Ae}`],
|
|
942
|
+
s && C[`${Mt}--full-space`]
|
|
943
|
+
), Je = typeof _ == "function", at = (ue) => {
|
|
944
|
+
ue !== ve && (ue ? n == null || n() : i == null || i(), !$e && Be(ue));
|
|
945
|
+
}, Qe = (ue) => m ? ue != null ? ue : g : 0, B = (ue) => ue != null ? ue : f, {
|
|
945
946
|
floatingStyles: W,
|
|
946
947
|
refs: K,
|
|
947
|
-
context:
|
|
948
|
-
middlewareData: { arrow: { x:
|
|
948
|
+
context: Q,
|
|
949
|
+
middlewareData: { arrow: { x: Re, y: Xe } = {} },
|
|
950
|
+
placement: ca
|
|
949
951
|
} = jt({
|
|
950
952
|
middleware: [
|
|
951
953
|
Zt({ mainAxis: E }),
|
|
952
|
-
|
|
954
|
+
Ma(),
|
|
953
955
|
ea(),
|
|
954
956
|
Wr({ element: Pe })
|
|
955
957
|
],
|
|
956
958
|
placement: l,
|
|
957
|
-
open:
|
|
959
|
+
open: ve,
|
|
958
960
|
strategy: j,
|
|
959
961
|
onOpenChange: at,
|
|
960
962
|
whileElementsMounted: ta
|
|
961
|
-
}),
|
|
963
|
+
}), na = Vr(Q, {
|
|
962
964
|
move: !1,
|
|
963
965
|
restMs: x,
|
|
964
966
|
delay: {
|
|
965
967
|
open: B(p),
|
|
966
968
|
close: B(y || S)
|
|
967
969
|
},
|
|
968
|
-
enabled: !
|
|
970
|
+
enabled: !v,
|
|
969
971
|
handleClose: z ? null : Yr()
|
|
970
|
-
}),
|
|
972
|
+
}), sa = qr(Q), ia = ra(Q, $), da = _a(Q, { role: "tooltip" }), ua = aa(Q, F), { isMounted: ma, styles: pa } = ur(Q, {
|
|
971
973
|
duration: {
|
|
972
974
|
open: Qe(k),
|
|
973
975
|
close: Qe(b)
|
|
974
976
|
}
|
|
975
|
-
}), { status:
|
|
976
|
-
ca,
|
|
977
|
+
}), { status: gt } = Kr(Q), { getReferenceProps: ga, getFloatingProps: ba } = oa([
|
|
977
978
|
na,
|
|
978
979
|
sa,
|
|
979
980
|
ia,
|
|
980
|
-
da
|
|
981
|
+
da,
|
|
982
|
+
ua
|
|
981
983
|
]);
|
|
982
984
|
return e.useEffect(() => {
|
|
983
985
|
w && K.setReference(w);
|
|
984
986
|
}, [K.setReference, w]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
985
987
|
"div",
|
|
986
|
-
N(
|
|
988
|
+
N(h({
|
|
987
989
|
ref: K.setReference
|
|
988
|
-
},
|
|
990
|
+
}, ga()), {
|
|
989
991
|
className: r
|
|
990
992
|
}),
|
|
991
993
|
Je ? _() : _
|
|
992
|
-
),
|
|
994
|
+
), ma && /* @__PURE__ */ e.createElement(
|
|
993
995
|
"div",
|
|
994
|
-
N(
|
|
996
|
+
N(h({
|
|
995
997
|
ref: K.setFloating,
|
|
996
|
-
style:
|
|
997
|
-
className:
|
|
998
|
-
},
|
|
999
|
-
"data-status":
|
|
998
|
+
style: h(h({}, W), pa),
|
|
999
|
+
className: Me
|
|
1000
|
+
}, ba()), {
|
|
1001
|
+
"data-status": gt
|
|
1000
1002
|
}),
|
|
1001
1003
|
t,
|
|
1002
1004
|
/* @__PURE__ */ e.createElement(
|
|
1003
|
-
|
|
1005
|
+
"div",
|
|
1004
1006
|
{
|
|
1005
|
-
className: C[`${Ft}__arrow`],
|
|
1006
1007
|
ref: Pe,
|
|
1007
|
-
|
|
1008
|
-
|
|
1008
|
+
className: C[`${Mt}__arrow`],
|
|
1009
|
+
"aria-placement": ca,
|
|
1010
|
+
style: h({}, f_(
|
|
1011
|
+
O,
|
|
1012
|
+
P,
|
|
1013
|
+
Xe,
|
|
1014
|
+
Re
|
|
1015
|
+
))
|
|
1009
1016
|
}
|
|
1010
1017
|
)
|
|
1011
1018
|
));
|
|
1012
|
-
},
|
|
1019
|
+
}, nc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ht = "tooltip", sc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
|
|
1013
1020
|
"button",
|
|
1014
1021
|
{
|
|
1015
|
-
className: C[`${
|
|
1022
|
+
className: C[`${ht}-close`],
|
|
1016
1023
|
onClick: c
|
|
1017
1024
|
},
|
|
1018
|
-
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ?
|
|
1025
|
+
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
|
|
1019
1026
|
), a && /* @__PURE__ */ e.createElement(
|
|
1020
1027
|
"div",
|
|
1021
1028
|
{
|
|
1022
1029
|
className: u(
|
|
1023
|
-
C[`${
|
|
1024
|
-
C[`${
|
|
1030
|
+
C[`${ht}-header`],
|
|
1031
|
+
C[`${ht}-header--info`]
|
|
1025
1032
|
)
|
|
1026
1033
|
},
|
|
1027
1034
|
a
|
|
@@ -1029,12 +1036,12 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1029
1036
|
"div",
|
|
1030
1037
|
{
|
|
1031
1038
|
className: u(
|
|
1032
|
-
C[`${
|
|
1033
|
-
C[`${
|
|
1039
|
+
C[`${ht}-text`],
|
|
1040
|
+
C[`${ht}-text--info`]
|
|
1034
1041
|
)
|
|
1035
1042
|
},
|
|
1036
1043
|
r
|
|
1037
|
-
)), Ie = "tooltip",
|
|
1044
|
+
)), Ie = "tooltip", ic = ({
|
|
1038
1045
|
header: t,
|
|
1039
1046
|
text: a,
|
|
1040
1047
|
image: r,
|
|
@@ -1044,14 +1051,14 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1044
1051
|
primaryButton: l,
|
|
1045
1052
|
secondaryButton: d
|
|
1046
1053
|
}) => {
|
|
1047
|
-
const
|
|
1054
|
+
const s = (i) => i === "invert" ? "secondary" : "high-contrast";
|
|
1048
1055
|
return /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}__interactive`] }, _ && /* @__PURE__ */ e.createElement(
|
|
1049
1056
|
"button",
|
|
1050
1057
|
{
|
|
1051
1058
|
className: C[`${Ie}-close`],
|
|
1052
1059
|
onClick: c
|
|
1053
1060
|
},
|
|
1054
|
-
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ?
|
|
1061
|
+
/* @__PURE__ */ e.createElement(D, { source: Te, kind: o ? yr(o) : "primary" })
|
|
1055
1062
|
), r && /* @__PURE__ */ e.createElement("div", { className: C[`${Ie}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1056
1063
|
"img",
|
|
1057
1064
|
{
|
|
@@ -1070,7 +1077,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1070
1077
|
/* @__PURE__ */ e.createElement(
|
|
1071
1078
|
U,
|
|
1072
1079
|
{
|
|
1073
|
-
kind: l.kind ||
|
|
1080
|
+
kind: l.kind || s(o),
|
|
1074
1081
|
onClick: l.handleClick
|
|
1075
1082
|
},
|
|
1076
1083
|
l.label
|
|
@@ -1087,7 +1094,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1087
1094
|
d.label
|
|
1088
1095
|
)
|
|
1089
1096
|
));
|
|
1090
|
-
}, Z = "guide-tooltip",
|
|
1097
|
+
}, Z = "guide-tooltip", y_ = ({
|
|
1091
1098
|
gap: t,
|
|
1092
1099
|
isVisible: a,
|
|
1093
1100
|
slide: r,
|
|
@@ -1115,7 +1122,7 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1115
1122
|
left: "0",
|
|
1116
1123
|
width: "100%",
|
|
1117
1124
|
height: `calc(100% - ${t.bottom}px)`
|
|
1118
|
-
},
|
|
1125
|
+
}, s = {
|
|
1119
1126
|
top: `${t.top}px`,
|
|
1120
1127
|
left: `${t.left}px`,
|
|
1121
1128
|
width: `${t.width}px`,
|
|
@@ -1170,18 +1177,18 @@ const v_ = "lc-Tooltip-module__tooltip___QOOAr", k_ = "lc-Tooltip-module__toolti
|
|
|
1170
1177
|
[C[`${Z}__overlay--visible`]]: a,
|
|
1171
1178
|
[C[`${Z}__overlay--slide`]]: r
|
|
1172
1179
|
}),
|
|
1173
|
-
style:
|
|
1180
|
+
style: s
|
|
1174
1181
|
}
|
|
1175
1182
|
));
|
|
1176
1183
|
};
|
|
1177
|
-
class
|
|
1184
|
+
class E_ {
|
|
1178
1185
|
constructor(a, r) {
|
|
1179
|
-
|
|
1180
|
-
|
|
1186
|
+
va(this, "element");
|
|
1187
|
+
va(this, "padding");
|
|
1181
1188
|
this.element = a, this.padding = r;
|
|
1182
1189
|
}
|
|
1183
1190
|
addPadding(a) {
|
|
1184
|
-
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, d = r,
|
|
1191
|
+
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, c = Math.round(a.height) + 2 * this.padding, l = _, d = r, s = l + c, i = d + o;
|
|
1185
1192
|
return {
|
|
1186
1193
|
x: r,
|
|
1187
1194
|
y: _,
|
|
@@ -1189,7 +1196,7 @@ class $_ {
|
|
|
1189
1196
|
height: c,
|
|
1190
1197
|
top: l,
|
|
1191
1198
|
left: d,
|
|
1192
|
-
bottom:
|
|
1199
|
+
bottom: s,
|
|
1193
1200
|
right: i
|
|
1194
1201
|
};
|
|
1195
1202
|
}
|
|
@@ -1203,7 +1210,7 @@ class $_ {
|
|
|
1203
1210
|
return this.getBoundingClientRect().height;
|
|
1204
1211
|
}
|
|
1205
1212
|
}
|
|
1206
|
-
const
|
|
1213
|
+
const Ka = 8, Ja = "guide-tooltip", Qa = (t, a) => new E_(t, a), dc = (t) => {
|
|
1207
1214
|
const {
|
|
1208
1215
|
className: a,
|
|
1209
1216
|
parentElementName: r,
|
|
@@ -1211,13 +1218,13 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1211
1218
|
shouldSlide: o = !0
|
|
1212
1219
|
} = t, [c, l] = e.useState(
|
|
1213
1220
|
null
|
|
1214
|
-
), [d,
|
|
1215
|
-
c && (
|
|
1216
|
-
|
|
1221
|
+
), [d, s] = e.useState(null), [i, n] = e.useState(o), m = () => {
|
|
1222
|
+
c && (s(
|
|
1223
|
+
Qa(
|
|
1217
1224
|
c,
|
|
1218
|
-
|
|
1225
|
+
Ka
|
|
1219
1226
|
).getBoundingClientRect()
|
|
1220
|
-
),
|
|
1227
|
+
), n(!1));
|
|
1221
1228
|
};
|
|
1222
1229
|
return e.useEffect(() => {
|
|
1223
1230
|
if (c !== null)
|
|
@@ -1230,14 +1237,14 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1230
1237
|
l(g);
|
|
1231
1238
|
}
|
|
1232
1239
|
}, [r]), e.useEffect(() => {
|
|
1233
|
-
c &&
|
|
1234
|
-
|
|
1240
|
+
c && s(
|
|
1241
|
+
Qa(
|
|
1235
1242
|
c,
|
|
1236
|
-
|
|
1243
|
+
Ka
|
|
1237
1244
|
).getBoundingClientRect()
|
|
1238
|
-
),
|
|
1245
|
+
), n(!0);
|
|
1239
1246
|
}, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
1240
|
-
|
|
1247
|
+
y_,
|
|
1241
1248
|
{
|
|
1242
1249
|
gap: d,
|
|
1243
1250
|
isVisible: _,
|
|
@@ -1245,34 +1252,34 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1245
1252
|
disablePointerEvents: !0
|
|
1246
1253
|
}
|
|
1247
1254
|
), /* @__PURE__ */ e.createElement(
|
|
1248
|
-
|
|
1249
|
-
N(
|
|
1255
|
+
Er,
|
|
1256
|
+
N(h({}, t), {
|
|
1250
1257
|
referenceElement: {
|
|
1251
1258
|
getBoundingClientRect: () => d,
|
|
1252
1259
|
contextElement: c
|
|
1253
1260
|
},
|
|
1254
1261
|
arrowOffsetY: 25,
|
|
1255
1262
|
className: u({
|
|
1256
|
-
[C[
|
|
1257
|
-
[C[`${
|
|
1263
|
+
[C[Ja]]: !0,
|
|
1264
|
+
[C[`${Ja}--slide`]]: i,
|
|
1258
1265
|
className: a
|
|
1259
1266
|
})
|
|
1260
1267
|
}),
|
|
1261
1268
|
t.children
|
|
1262
1269
|
)) : null;
|
|
1263
|
-
}, kt = "reports-tooltip",
|
|
1270
|
+
}, kt = "reports-tooltip", uc = ({
|
|
1264
1271
|
title: t,
|
|
1265
1272
|
description: a,
|
|
1266
1273
|
children: r
|
|
1267
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: C[kt] }, /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__heading`] }, /* @__PURE__ */ e.createElement(
|
|
1268
|
-
|
|
1274
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: C[kt] }, /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: C[`${kt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1275
|
+
M,
|
|
1269
1276
|
{
|
|
1270
1277
|
as: "div",
|
|
1271
1278
|
size: "xs",
|
|
1272
1279
|
className: C[`${kt}__heading__description`]
|
|
1273
1280
|
},
|
|
1274
1281
|
a
|
|
1275
|
-
)), /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__content`] }, /* @__PURE__ */ e.createElement(
|
|
1282
|
+
)), /* @__PURE__ */ e.createElement("div", { className: C[`${kt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), se = {
|
|
1276
1283
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1277
1284
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1278
1285
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1287,7 +1294,7 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1287
1294
|
"action-bar__menu-wrapper__button--active": "lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc",
|
|
1288
1295
|
"action-bar__menu-wrapper__trigger-vertical": "lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1",
|
|
1289
1296
|
"action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ"
|
|
1290
|
-
}, Rt = "action-bar__items",
|
|
1297
|
+
}, Rt = "action-bar__items", $_ = ({
|
|
1291
1298
|
option: t,
|
|
1292
1299
|
menuItemsKeys: a,
|
|
1293
1300
|
activeOptionKey: r,
|
|
@@ -1304,8 +1311,8 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1304
1311
|
isVisible: !1
|
|
1305
1312
|
};
|
|
1306
1313
|
return /* @__PURE__ */ e.createElement(
|
|
1307
|
-
|
|
1308
|
-
|
|
1314
|
+
Er,
|
|
1315
|
+
h({
|
|
1309
1316
|
kind: "invert",
|
|
1310
1317
|
placement: _ ? "left" : "bottom",
|
|
1311
1318
|
triggerClassName: se[`${Rt}__tooltip`],
|
|
@@ -1337,7 +1344,7 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1337
1344
|
icon: t.element
|
|
1338
1345
|
}
|
|
1339
1346
|
);
|
|
1340
|
-
}, _t = "action-bar",
|
|
1347
|
+
}, _t = "action-bar", mc = ({
|
|
1341
1348
|
className: t,
|
|
1342
1349
|
id: a = "action-bar-area",
|
|
1343
1350
|
type: r = "menu",
|
|
@@ -1345,54 +1352,54 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1345
1352
|
activeOptionKey: o,
|
|
1346
1353
|
vertical: c
|
|
1347
1354
|
}) => {
|
|
1348
|
-
const [l, d] = e.useState([]),
|
|
1355
|
+
const [l, d] = e.useState([]), s = r === "scroll", i = u(
|
|
1349
1356
|
se[_t],
|
|
1350
1357
|
t,
|
|
1351
1358
|
c && se[`${_t}--vertical`]
|
|
1352
|
-
),
|
|
1359
|
+
), n = `${_t}__menu-wrapper`, m = {
|
|
1353
1360
|
root: document.querySelector(`${a}`),
|
|
1354
1361
|
threshold: 1
|
|
1355
|
-
}, g = !
|
|
1362
|
+
}, g = !s && l.length !== 0, k = (p) => {
|
|
1356
1363
|
p.map((y) => {
|
|
1357
|
-
const
|
|
1364
|
+
const v = l.includes(y.target.id);
|
|
1358
1365
|
if (!y.isIntersecting) {
|
|
1359
|
-
y.target.setAttribute("tabindex", "-1"),
|
|
1366
|
+
y.target.setAttribute("tabindex", "-1"), v || d((E) => [
|
|
1360
1367
|
...E,
|
|
1361
1368
|
y.target.id
|
|
1362
1369
|
]);
|
|
1363
1370
|
return;
|
|
1364
1371
|
}
|
|
1365
|
-
y.target.removeAttribute("tabindex"),
|
|
1372
|
+
y.target.removeAttribute("tabindex"), v && d(l.filter((E) => E !== y.target.id));
|
|
1366
1373
|
});
|
|
1367
1374
|
};
|
|
1368
1375
|
e.useEffect(() => {
|
|
1369
1376
|
const p = !!window.IntersectionObserver;
|
|
1370
|
-
if (!
|
|
1377
|
+
if (!s && p) {
|
|
1371
1378
|
const y = document.querySelectorAll(
|
|
1372
1379
|
`.${se[`${_t}__items__button`]}`
|
|
1373
|
-
),
|
|
1380
|
+
), v = new IntersectionObserver(
|
|
1374
1381
|
k,
|
|
1375
1382
|
m
|
|
1376
1383
|
);
|
|
1377
|
-
return y.forEach((E) =>
|
|
1384
|
+
return y.forEach((E) => v.observe(E)), () => v.disconnect();
|
|
1378
1385
|
}
|
|
1379
|
-
}, [l,
|
|
1386
|
+
}, [l, s]);
|
|
1380
1387
|
const b = (p) => _.filter(
|
|
1381
|
-
(
|
|
1382
|
-
).map((
|
|
1383
|
-
key:
|
|
1384
|
-
element: /* @__PURE__ */ e.createElement(
|
|
1385
|
-
onClick:
|
|
1388
|
+
(v) => p.find((E) => E === v.key)
|
|
1389
|
+
).map((v) => ({
|
|
1390
|
+
key: v.key,
|
|
1391
|
+
element: /* @__PURE__ */ e.createElement(n_, { leftNode: v.element }, v.label),
|
|
1392
|
+
onClick: v.onClick
|
|
1386
1393
|
})), f = _.filter((p) => l.find((y) => y === p.key)).find((p) => p.key === o);
|
|
1387
1394
|
return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
|
|
1388
1395
|
"div",
|
|
1389
1396
|
{
|
|
1390
1397
|
className: u(se[`${_t}__items`], {
|
|
1391
|
-
[se[`${_t}__items--scroll`]]:
|
|
1398
|
+
[se[`${_t}__items--scroll`]]: s
|
|
1392
1399
|
})
|
|
1393
1400
|
},
|
|
1394
1401
|
_.map((p) => /* @__PURE__ */ e.createElement(
|
|
1395
|
-
|
|
1402
|
+
$_,
|
|
1396
1403
|
{
|
|
1397
1404
|
option: p,
|
|
1398
1405
|
menuItemsKeys: l,
|
|
@@ -1400,26 +1407,26 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1400
1407
|
vertical: c
|
|
1401
1408
|
}
|
|
1402
1409
|
))
|
|
1403
|
-
), g && /* @__PURE__ */ e.createElement("div", { className: se[
|
|
1404
|
-
|
|
1410
|
+
), g && /* @__PURE__ */ e.createElement("div", { className: se[n] }, /* @__PURE__ */ e.createElement(
|
|
1411
|
+
o_,
|
|
1405
1412
|
{
|
|
1406
1413
|
placement: c ? "left-end" : "bottom-end",
|
|
1407
1414
|
options: b(l),
|
|
1408
1415
|
triggerClassName: u(
|
|
1409
|
-
c && se[`${
|
|
1416
|
+
c && se[`${n}__trigger-vertical`]
|
|
1410
1417
|
),
|
|
1411
1418
|
triggerRenderer: /* @__PURE__ */ e.createElement(
|
|
1412
1419
|
U,
|
|
1413
1420
|
{
|
|
1414
1421
|
className: u(
|
|
1415
|
-
se[`${
|
|
1416
|
-
f && se[`${
|
|
1422
|
+
se[`${n}__button`],
|
|
1423
|
+
f && se[`${n}__button--active`]
|
|
1417
1424
|
),
|
|
1418
1425
|
kind: "plain",
|
|
1419
1426
|
icon: /* @__PURE__ */ e.createElement(
|
|
1420
1427
|
D,
|
|
1421
1428
|
{
|
|
1422
|
-
source: c ?
|
|
1429
|
+
source: c ? nr : Bt,
|
|
1423
1430
|
kind: "primary"
|
|
1424
1431
|
}
|
|
1425
1432
|
),
|
|
@@ -1429,7 +1436,7 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1429
1436
|
"div",
|
|
1430
1437
|
{
|
|
1431
1438
|
className: u(
|
|
1432
|
-
se[`${
|
|
1439
|
+
se[`${n}__button__with-item`]
|
|
1433
1440
|
)
|
|
1434
1441
|
},
|
|
1435
1442
|
f.element
|
|
@@ -1437,47 +1444,48 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1437
1444
|
)
|
|
1438
1445
|
}
|
|
1439
1446
|
)));
|
|
1440
|
-
},
|
|
1441
|
-
alert:
|
|
1442
|
-
alert__icon:
|
|
1443
|
-
alert__content:
|
|
1444
|
-
alert__content__wrapper:
|
|
1445
|
-
alert__content__wrapper__text:
|
|
1446
|
-
alert__content__wrapper__cta:
|
|
1447
|
-
alert__content__wrapper__cta__link:
|
|
1447
|
+
}, w_ = "lc-Alert-module__alert___HBTns", N_ = "lc-Alert-module__alert__icon___8TaAH", C_ = "lc-Alert-module__alert__content___9nZdf", x_ = "lc-Alert-module__alert__content__wrapper___aLBkP", S_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", D_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", T_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", ke = {
|
|
1448
|
+
alert: w_,
|
|
1449
|
+
alert__icon: N_,
|
|
1450
|
+
alert__content: C_,
|
|
1451
|
+
alert__content__wrapper: x_,
|
|
1452
|
+
alert__content__wrapper__text: S_,
|
|
1453
|
+
alert__content__wrapper__cta: D_,
|
|
1454
|
+
alert__content__wrapper__cta__link: T_,
|
|
1448
1455
|
"alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
|
|
1449
1456
|
"alert--small": "lc-Alert-module__alert--small___Fyk-v",
|
|
1450
1457
|
"alert--medium": "lc-Alert-module__alert--medium___ItZWT",
|
|
1458
|
+
"alert--large": "lc-Alert-module__alert--large___IH9yM",
|
|
1451
1459
|
"alert--info": "lc-Alert-module__alert--info___GmIGN",
|
|
1452
1460
|
"alert--warning": "lc-Alert-module__alert--warning___MubhD",
|
|
1453
1461
|
"alert--success": "lc-Alert-module__alert--success___fPtlZ",
|
|
1454
1462
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
1455
|
-
},
|
|
1463
|
+
}, B_ = {
|
|
1456
1464
|
info: {
|
|
1457
|
-
source:
|
|
1465
|
+
source: Fa,
|
|
1458
1466
|
kind: "link"
|
|
1459
1467
|
},
|
|
1460
1468
|
warning: {
|
|
1461
|
-
source:
|
|
1469
|
+
source: sr,
|
|
1462
1470
|
kind: "warning"
|
|
1463
1471
|
},
|
|
1464
1472
|
success: {
|
|
1465
|
-
source:
|
|
1473
|
+
source: ir,
|
|
1466
1474
|
kind: "success"
|
|
1467
1475
|
},
|
|
1468
1476
|
error: {
|
|
1469
|
-
source:
|
|
1477
|
+
source: dr,
|
|
1470
1478
|
kind: "error"
|
|
1471
1479
|
}
|
|
1472
|
-
},
|
|
1473
|
-
var
|
|
1480
|
+
}, ye = "alert", pc = (d) => {
|
|
1481
|
+
var s = d, {
|
|
1474
1482
|
children: t,
|
|
1475
1483
|
className: a,
|
|
1476
1484
|
primaryButton: r,
|
|
1477
1485
|
secondaryButton: _,
|
|
1478
1486
|
kind: o = "info",
|
|
1479
1487
|
onClose: c
|
|
1480
|
-
} =
|
|
1488
|
+
} = s, l = A(s, [
|
|
1481
1489
|
"children",
|
|
1482
1490
|
"className",
|
|
1483
1491
|
"primaryButton",
|
|
@@ -1485,35 +1493,36 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1485
1493
|
"kind",
|
|
1486
1494
|
"onClose"
|
|
1487
1495
|
]);
|
|
1488
|
-
const i = e.useRef(null), [
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1496
|
+
const i = e.useRef(null), [n, m] = e.useState(null), g = u(
|
|
1497
|
+
ke[ye],
|
|
1498
|
+
ke[`${ye}--${o}`],
|
|
1499
|
+
n === "large" && ke[`${ye}--large`],
|
|
1500
|
+
n === "medium" && ke[`${ye}--medium`],
|
|
1501
|
+
n === "small" && ke[`${ye}--small`],
|
|
1493
1502
|
a
|
|
1494
1503
|
);
|
|
1495
1504
|
return e.useEffect(() => {
|
|
1496
|
-
const k = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m(
|
|
1505
|
+
const k = () => i.current && i.current.offsetWidth <= 400 ? m("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? m("medium") : m("large"), b = gr(() => {
|
|
1497
1506
|
k();
|
|
1498
1507
|
}, 500);
|
|
1499
1508
|
return window.addEventListener("resize", b), k(), () => window.removeEventListener("resize", b);
|
|
1500
|
-
}), /* @__PURE__ */ e.createElement("div",
|
|
1509
|
+
}), /* @__PURE__ */ e.createElement("div", h({ ref: i, className: g }, l), /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content`] }, /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1501
1510
|
D,
|
|
1502
|
-
N(
|
|
1511
|
+
N(h({}, B_[o]), {
|
|
1503
1512
|
size: "large",
|
|
1504
|
-
className:
|
|
1513
|
+
className: ke[`${ye}__icon`]
|
|
1505
1514
|
})
|
|
1506
1515
|
), /* @__PURE__ */ e.createElement(
|
|
1507
|
-
|
|
1516
|
+
M,
|
|
1508
1517
|
{
|
|
1509
1518
|
as: "div",
|
|
1510
|
-
className:
|
|
1519
|
+
className: ke[`${ye}__content__wrapper__text`]
|
|
1511
1520
|
},
|
|
1512
1521
|
t
|
|
1513
|
-
)), (r || _) && /* @__PURE__ */ e.createElement("div", { className:
|
|
1522
|
+
)), (r || _) && /* @__PURE__ */ e.createElement("div", { className: ke[`${ye}__content__wrapper__cta`] }, r && /* @__PURE__ */ e.createElement(U, { kind: "high-contrast", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(
|
|
1514
1523
|
U,
|
|
1515
1524
|
{
|
|
1516
|
-
className:
|
|
1525
|
+
className: ke[`${ye}__content__wrapper__cta__link`],
|
|
1517
1526
|
kind: "text",
|
|
1518
1527
|
onClick: _.handleClick
|
|
1519
1528
|
},
|
|
@@ -1522,24 +1531,24 @@ const qa = 8, Ka = "guide-tooltip", Ja = (t, a) => new $_(t, a), uc = (t) => {
|
|
|
1522
1531
|
U,
|
|
1523
1532
|
{
|
|
1524
1533
|
type: "button",
|
|
1525
|
-
className:
|
|
1534
|
+
className: ke[`${ye}__close-icon`],
|
|
1526
1535
|
size: "compact",
|
|
1527
1536
|
kind: "plain",
|
|
1528
1537
|
icon: /* @__PURE__ */ e.createElement(D, { source: Te }),
|
|
1529
1538
|
onClick: c
|
|
1530
1539
|
}
|
|
1531
1540
|
));
|
|
1532
|
-
},
|
|
1541
|
+
}, Xa = Array.from(
|
|
1533
1542
|
{ length: 10 },
|
|
1534
1543
|
(t, a) => `--surface-avatar-${a + 1}`
|
|
1535
1544
|
);
|
|
1536
|
-
function
|
|
1545
|
+
function P_(t) {
|
|
1537
1546
|
if (!t)
|
|
1538
1547
|
return;
|
|
1539
1548
|
const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
|
|
1540
|
-
return `var(${
|
|
1549
|
+
return `var(${Xa[a % Xa.length]})`;
|
|
1541
1550
|
}
|
|
1542
|
-
function
|
|
1551
|
+
function A_(t = "", a = 2) {
|
|
1543
1552
|
const r = t.split(/\s+/);
|
|
1544
1553
|
if (a < 1)
|
|
1545
1554
|
return "";
|
|
@@ -1550,7 +1559,7 @@ function I_(t = "", a = 2) {
|
|
|
1550
1559
|
_.push(r[o].charAt(0));
|
|
1551
1560
|
return _.join("").toUpperCase();
|
|
1552
1561
|
}
|
|
1553
|
-
function
|
|
1562
|
+
function I_(t) {
|
|
1554
1563
|
let a = t;
|
|
1555
1564
|
if (t.startsWith("var(--") && t.endsWith(")")) {
|
|
1556
1565
|
const r = t.slice(4, -1);
|
|
@@ -1558,8 +1567,8 @@ function F_(t) {
|
|
|
1558
1567
|
}
|
|
1559
1568
|
return a && Ra(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
|
|
1560
1569
|
}
|
|
1561
|
-
const
|
|
1562
|
-
avatar:
|
|
1570
|
+
const F_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__status___nX2Ls", R_ = "lc-Avatar-module__avatar__rim___RCQ8Q", L_ = "lc-Avatar-module__avatar__image___YqfqE", be = {
|
|
1571
|
+
avatar: F_,
|
|
1563
1572
|
avatar__status: M_,
|
|
1564
1573
|
"avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
|
|
1565
1574
|
"avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
|
|
@@ -1575,7 +1584,7 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1575
1584
|
"avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
|
|
1576
1585
|
"avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
|
|
1577
1586
|
"avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
|
|
1578
|
-
avatar__rim:
|
|
1587
|
+
avatar__rim: R_,
|
|
1579
1588
|
"avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
|
|
1580
1589
|
"avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
|
|
1581
1590
|
"avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
|
|
@@ -1585,7 +1594,7 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1585
1594
|
"avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
|
|
1586
1595
|
"avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
|
|
1587
1596
|
"avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
|
|
1588
|
-
avatar__image:
|
|
1597
|
+
avatar__image: L_,
|
|
1589
1598
|
"avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
|
|
1590
1599
|
"avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
|
|
1591
1600
|
"avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
|
|
@@ -1606,7 +1615,7 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1606
1615
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1607
1616
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1608
1617
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1609
|
-
}, X = "avatar",
|
|
1618
|
+
}, X = "avatar", O_ = ({
|
|
1610
1619
|
alt: t,
|
|
1611
1620
|
className: a,
|
|
1612
1621
|
color: r,
|
|
@@ -1615,29 +1624,29 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1615
1624
|
src: c,
|
|
1616
1625
|
status: l,
|
|
1617
1626
|
text: d,
|
|
1618
|
-
type:
|
|
1627
|
+
type: s,
|
|
1619
1628
|
withRim: i = !1
|
|
1620
1629
|
}) => {
|
|
1621
|
-
const
|
|
1622
|
-
[
|
|
1623
|
-
[
|
|
1624
|
-
[
|
|
1625
|
-
[
|
|
1630
|
+
const n = s === "image" && !c, [m, g] = e.useState(n), k = s === "image" && !!c && !m, b = s === "text", f = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = A_(d, f), y = r || P_(d), v = y ? I_(y) : void 0, E = b ? { backgroundColor: y } : {}, w = u(h({
|
|
1631
|
+
[be[X]]: !0,
|
|
1632
|
+
[be[`${X}--${_}`]]: !0,
|
|
1633
|
+
[be[`${X}--${o}`]]: !0,
|
|
1634
|
+
[be[`${X}--with-rim`]]: i
|
|
1626
1635
|
}, a ? { [`${a}`]: a } : {})), x = u(
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
...l ? [
|
|
1636
|
+
be[`${X}__status`],
|
|
1637
|
+
be[`${X}__status--${_}`],
|
|
1638
|
+
be[`${X}__status--${o}`],
|
|
1639
|
+
...l ? [be[`${X}__status--${l}`]] : []
|
|
1631
1640
|
), $ = u(
|
|
1632
|
-
|
|
1633
|
-
|
|
1641
|
+
be[`${X}__icon`],
|
|
1642
|
+
be[`${X}__icon--${o}`]
|
|
1634
1643
|
), F = u(
|
|
1635
|
-
|
|
1636
|
-
|
|
1644
|
+
be[`${X}__rim`],
|
|
1645
|
+
be[`${X}__rim--${o}`]
|
|
1637
1646
|
), S = e.useCallback(() => g(!0), []);
|
|
1638
1647
|
return e.useEffect(() => {
|
|
1639
|
-
g(
|
|
1640
|
-
}, [
|
|
1648
|
+
g(n);
|
|
1649
|
+
}, [n]), /* @__PURE__ */ e.createElement("div", { className: w, style: E }, i && /* @__PURE__ */ e.createElement(
|
|
1641
1650
|
"div",
|
|
1642
1651
|
{
|
|
1643
1652
|
"data-testid": `${X}__rim`,
|
|
@@ -1652,12 +1661,12 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1652
1661
|
), k && /* @__PURE__ */ e.createElement(
|
|
1653
1662
|
"img",
|
|
1654
1663
|
{
|
|
1655
|
-
className:
|
|
1664
|
+
className: be[`${X}__image`],
|
|
1656
1665
|
src: c,
|
|
1657
1666
|
alt: t,
|
|
1658
1667
|
onError: S
|
|
1659
1668
|
}
|
|
1660
|
-
), b && /* @__PURE__ */ e.createElement("span", { style: { color:
|
|
1669
|
+
), b && /* @__PURE__ */ e.createElement("span", { style: { color: v } }, p), m && /* @__PURE__ */ e.createElement(
|
|
1661
1670
|
D,
|
|
1662
1671
|
{
|
|
1663
1672
|
"data-testid": `${X}__icon`,
|
|
@@ -1666,27 +1675,27 @@ const R_ = "lc-Avatar-module__avatar___1zTCE", M_ = "lc-Avatar-module__avatar__s
|
|
|
1666
1675
|
}
|
|
1667
1676
|
));
|
|
1668
1677
|
};
|
|
1669
|
-
function
|
|
1678
|
+
function H_(t, a) {
|
|
1670
1679
|
return t > a ? `${a}+` : `${t}`;
|
|
1671
1680
|
}
|
|
1672
|
-
const
|
|
1673
|
-
badge:
|
|
1674
|
-
badge__dot:
|
|
1681
|
+
const z_ = "lc-Badge-module__badge___GhLnu", G_ = "lc-Badge-module__badge__dot___z6RO6", Lt = {
|
|
1682
|
+
badge: z_,
|
|
1683
|
+
badge__dot: G_,
|
|
1675
1684
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
1676
1685
|
"badge--medium": "lc-Badge-module__badge--medium___TDU8a",
|
|
1677
1686
|
"badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
|
|
1678
1687
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
1679
1688
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
1680
1689
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
1681
|
-
},
|
|
1682
|
-
var
|
|
1690
|
+
}, Ot = "badge", U_ = (d) => {
|
|
1691
|
+
var s = d, {
|
|
1683
1692
|
className: t,
|
|
1684
1693
|
count: a = 0,
|
|
1685
1694
|
max: r = 99,
|
|
1686
1695
|
kind: _ = "primary",
|
|
1687
1696
|
size: o = "medium",
|
|
1688
1697
|
type: c = "counter"
|
|
1689
|
-
} =
|
|
1698
|
+
} = s, l = A(s, [
|
|
1690
1699
|
"className",
|
|
1691
1700
|
"count",
|
|
1692
1701
|
"max",
|
|
@@ -1696,42 +1705,42 @@ const G_ = "lc-Badge-module__badge___GhLnu", U_ = "lc-Badge-module__badge__dot__
|
|
|
1696
1705
|
]);
|
|
1697
1706
|
const i = u(
|
|
1698
1707
|
t,
|
|
1699
|
-
|
|
1700
|
-
|
|
1701
|
-
|
|
1702
|
-
),
|
|
1703
|
-
counter:
|
|
1708
|
+
Lt[Ot],
|
|
1709
|
+
Lt[`${Ot}--${_}`],
|
|
1710
|
+
Lt[`${Ot}--${o}`]
|
|
1711
|
+
), n = {
|
|
1712
|
+
counter: H_(a, r),
|
|
1704
1713
|
alert: "!",
|
|
1705
|
-
dot: /* @__PURE__ */ e.createElement("span", { className:
|
|
1714
|
+
dot: /* @__PURE__ */ e.createElement("span", { className: Lt[`${Ot}__dot`] })
|
|
1706
1715
|
}[c];
|
|
1707
|
-
return /* @__PURE__ */ e.createElement("span",
|
|
1716
|
+
return /* @__PURE__ */ e.createElement("span", h({ className: i }, l), n);
|
|
1708
1717
|
};
|
|
1709
|
-
function
|
|
1718
|
+
function W_() {
|
|
1710
1719
|
}
|
|
1711
|
-
const
|
|
1720
|
+
const V_ = "lc-SegmentedControl-module__btn___tfsvL", Ht = {
|
|
1712
1721
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
1713
|
-
btn:
|
|
1722
|
+
btn: V_,
|
|
1714
1723
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
1715
1724
|
"btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
|
|
1716
1725
|
"btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
|
|
1717
1726
|
"btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
|
|
1718
|
-
},
|
|
1727
|
+
}, Y_ = "segmented-control", gc = ({
|
|
1719
1728
|
size: t = "medium",
|
|
1720
1729
|
buttons: a,
|
|
1721
1730
|
className: r,
|
|
1722
1731
|
initialId: _,
|
|
1723
1732
|
currentId: o,
|
|
1724
1733
|
fullWidth: c = !1,
|
|
1725
|
-
onButtonClick: l =
|
|
1734
|
+
onButtonClick: l = W_
|
|
1726
1735
|
}) => {
|
|
1727
|
-
const d = u(
|
|
1736
|
+
const d = u(Ht[Y_], r), [s, i] = e.useState(() => _), n = typeof o == "string";
|
|
1728
1737
|
e.useEffect(() => {
|
|
1729
|
-
|
|
1738
|
+
n && i(o);
|
|
1730
1739
|
}, [o]);
|
|
1731
1740
|
const m = (k, b) => {
|
|
1732
|
-
|
|
1741
|
+
n || i(k), l(k, b);
|
|
1733
1742
|
}, g = a.map(({ id: k, label: b, loading: f, disabled: p, icon: y }) => {
|
|
1734
|
-
const
|
|
1743
|
+
const v = k === s, E = v ? Ht["btn--active"] : "", w = v ? !1 : f;
|
|
1735
1744
|
return /* @__PURE__ */ e.createElement(
|
|
1736
1745
|
U,
|
|
1737
1746
|
{
|
|
@@ -1739,10 +1748,10 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1739
1748
|
fullWidth: c,
|
|
1740
1749
|
loading: w,
|
|
1741
1750
|
disabled: p,
|
|
1742
|
-
"aria-pressed":
|
|
1751
|
+
"aria-pressed": v,
|
|
1743
1752
|
kind: "secondary",
|
|
1744
1753
|
icon: y,
|
|
1745
|
-
className: u(
|
|
1754
|
+
className: u(Ht.btn, Ht[`btn--${t}`], E),
|
|
1746
1755
|
onClick: (x) => {
|
|
1747
1756
|
m(k, x);
|
|
1748
1757
|
}
|
|
@@ -1751,22 +1760,22 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1751
1760
|
);
|
|
1752
1761
|
});
|
|
1753
1762
|
return /* @__PURE__ */ e.createElement("div", { role: "group", className: d }, g);
|
|
1754
|
-
},
|
|
1755
|
-
card:
|
|
1756
|
-
card__header:
|
|
1757
|
-
card__header__image:
|
|
1758
|
-
card__header__heading:
|
|
1759
|
-
card__header__heading__title:
|
|
1760
|
-
card__header__heading__description:
|
|
1763
|
+
}, q_ = "lc-Card-module__card___GqMm2", K_ = "lc-Card-module__card__header___0ptfD", J_ = "lc-Card-module__card__header__image___QMwSu", Q_ = "lc-Card-module__card__header__heading___Wkikx", X_ = "lc-Card-module__card__header__heading__title___Uxi8s", j_ = "lc-Card-module__card__header__heading__description___6LnOK", Z_ = "lc-Card-module__card__content___KuDcc", eo = "lc-Card-module__card__actions___q9sAo", to = "lc-Card-module__card__actions__line___TF1bt", ao = "lc-Card-module__card__actions__buttons___PDMMR", fe = {
|
|
1764
|
+
card: q_,
|
|
1765
|
+
card__header: K_,
|
|
1766
|
+
card__header__image: J_,
|
|
1767
|
+
card__header__heading: Q_,
|
|
1768
|
+
card__header__heading__title: X_,
|
|
1769
|
+
card__header__heading__description: j_,
|
|
1761
1770
|
"card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
|
|
1762
|
-
card__content:
|
|
1771
|
+
card__content: Z_,
|
|
1763
1772
|
"card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
|
|
1764
|
-
card__actions:
|
|
1765
|
-
card__actions__line:
|
|
1766
|
-
card__actions__buttons:
|
|
1773
|
+
card__actions: eo,
|
|
1774
|
+
card__actions__line: to,
|
|
1775
|
+
card__actions__buttons: ao,
|
|
1767
1776
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
1768
|
-
},
|
|
1769
|
-
var
|
|
1777
|
+
}, Dt = "card", Jt = `${Dt}__header`, ha = `${Jt}__heading`, zt = `${Dt}__actions`, ro = `${Jt}__no-image`, bc = (i) => {
|
|
1778
|
+
var n = i, {
|
|
1770
1779
|
alt: t,
|
|
1771
1780
|
buttonsOptions: a = [],
|
|
1772
1781
|
children: r,
|
|
@@ -1775,7 +1784,7 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1775
1784
|
expandableContent: c,
|
|
1776
1785
|
src: l,
|
|
1777
1786
|
title: d
|
|
1778
|
-
} =
|
|
1787
|
+
} = n, s = A(n, [
|
|
1779
1788
|
"alt",
|
|
1780
1789
|
"buttonsOptions",
|
|
1781
1790
|
"children",
|
|
@@ -1785,28 +1794,28 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1785
1794
|
"src",
|
|
1786
1795
|
"title"
|
|
1787
1796
|
]);
|
|
1788
|
-
const [m, g] = e.useState(!1), k = m ? Xt :
|
|
1789
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
1797
|
+
const [m, g] = e.useState(!1), k = m ? Xt : Bt, b = m ? "Hide" : "Show more", f = (a == null ? void 0 : a.length) > 0, p = !!c, y = f || p, v = d, E = l, w = E ? "" : fe[ro];
|
|
1798
|
+
return /* @__PURE__ */ e.createElement("div", h({ className: u(fe[Dt], _) }, s), v && /* @__PURE__ */ e.createElement("div", { className: u(fe[Jt], w) }, E && /* @__PURE__ */ e.createElement(
|
|
1790
1799
|
"img",
|
|
1791
1800
|
{
|
|
1792
1801
|
alt: t,
|
|
1793
|
-
className:
|
|
1802
|
+
className: fe[`${Jt}__image`],
|
|
1794
1803
|
src: l
|
|
1795
1804
|
}
|
|
1796
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
1797
|
-
|
|
1805
|
+
), /* @__PURE__ */ e.createElement("div", { className: fe[ha] }, /* @__PURE__ */ e.createElement(tt, { size: "sm", className: fe[`${ha}__title`] }, d), /* @__PURE__ */ e.createElement(M, { size: "sm", className: fe[`${ha}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: fe[`${Dt}__content`] }, r), m && /* @__PURE__ */ e.createElement(
|
|
1806
|
+
M,
|
|
1798
1807
|
{
|
|
1799
1808
|
as: "div",
|
|
1800
1809
|
size: "md",
|
|
1801
|
-
className:
|
|
1810
|
+
className: fe[`${Dt}__expanded-content`]
|
|
1802
1811
|
},
|
|
1803
1812
|
c
|
|
1804
|
-
), y && /* @__PURE__ */ e.createElement("div", { className:
|
|
1813
|
+
), y && /* @__PURE__ */ e.createElement("div", { className: fe[zt] }, /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: fe[`${zt}__buttons`] }, f && a.map(
|
|
1805
1814
|
({ kind: x, onClick: $, children: F }) => /* @__PURE__ */ e.createElement(U, { size: "compact", kind: x, onClick: $ }, F)
|
|
1806
1815
|
), p && /* @__PURE__ */ e.createElement(
|
|
1807
1816
|
U,
|
|
1808
1817
|
{
|
|
1809
|
-
className:
|
|
1818
|
+
className: fe[`${zt}__buttons-expander`],
|
|
1810
1819
|
kind: "link",
|
|
1811
1820
|
iconPosition: "right",
|
|
1812
1821
|
icon: /* @__PURE__ */ e.createElement(D, { source: k }),
|
|
@@ -1814,9 +1823,9 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1814
1823
|
},
|
|
1815
1824
|
b
|
|
1816
1825
|
))));
|
|
1817
|
-
},
|
|
1826
|
+
}, _o = {
|
|
1818
1827
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
1819
|
-
},
|
|
1828
|
+
}, oo = "field-description", la = (_) => {
|
|
1820
1829
|
var o = _, {
|
|
1821
1830
|
children: t,
|
|
1822
1831
|
className: a = ""
|
|
@@ -1824,21 +1833,21 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1824
1833
|
"children",
|
|
1825
1834
|
"className"
|
|
1826
1835
|
]);
|
|
1827
|
-
const c = u(oo
|
|
1828
|
-
return /* @__PURE__ */ e.createElement(
|
|
1829
|
-
},
|
|
1830
|
-
checkbox:
|
|
1831
|
-
checkbox__label:
|
|
1832
|
-
checkbox__text:
|
|
1833
|
-
checkbox__input:
|
|
1834
|
-
checkbox__checkmark:
|
|
1836
|
+
const c = u(_o[oo], a);
|
|
1837
|
+
return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), t);
|
|
1838
|
+
}, lo = "lc-Checkbox-module__checkbox___G7nTf", co = "lc-Checkbox-module__checkbox__label___-o01x", no = "lc-Checkbox-module__checkbox__text___P2SIq", so = "lc-Checkbox-module__checkbox__input___YLbVF", io = "lc-Checkbox-module__checkbox__checkmark___16pfY", uo = "lc-Checkbox-module__checkbox__square___MHUyd", mo = "lc-Checkbox-module__checkbox__helper___YSJ-n", je = {
|
|
1839
|
+
checkbox: lo,
|
|
1840
|
+
checkbox__label: co,
|
|
1841
|
+
checkbox__text: no,
|
|
1842
|
+
checkbox__input: so,
|
|
1843
|
+
checkbox__checkmark: io,
|
|
1835
1844
|
"checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
|
|
1836
|
-
checkbox__square:
|
|
1845
|
+
checkbox__square: uo,
|
|
1837
1846
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
1838
|
-
checkbox__helper:
|
|
1839
|
-
}, Ze = "checkbox",
|
|
1847
|
+
checkbox__helper: mo
|
|
1848
|
+
}, Ze = "checkbox", po = e.forwardRef(
|
|
1840
1849
|
(d, l) => {
|
|
1841
|
-
var
|
|
1850
|
+
var s = d, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = A(s, ["checked", "disabled", "children", "description", "className"]);
|
|
1842
1851
|
return /* @__PURE__ */ e.createElement(
|
|
1843
1852
|
"div",
|
|
1844
1853
|
{
|
|
@@ -1849,14 +1858,14 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1849
1858
|
},
|
|
1850
1859
|
/* @__PURE__ */ e.createElement("label", { className: je[`${Ze}__label`] }, /* @__PURE__ */ e.createElement(
|
|
1851
1860
|
"input",
|
|
1852
|
-
N(
|
|
1861
|
+
N(h({}, c), {
|
|
1853
1862
|
ref: l,
|
|
1854
1863
|
checked: t,
|
|
1855
1864
|
disabled: a,
|
|
1856
1865
|
className: je[`${Ze}__input`],
|
|
1857
1866
|
type: "checkbox"
|
|
1858
1867
|
})
|
|
1859
|
-
), r && /* @__PURE__ */ e.createElement(
|
|
1868
|
+
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: je[`${Ze}__text`] }, r)),
|
|
1860
1869
|
_ && /* @__PURE__ */ e.createElement(la, { className: je[`${Ze}__helper`] }, _)
|
|
1861
1870
|
);
|
|
1862
1871
|
}
|
|
@@ -1895,7 +1904,7 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1895
1904
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
1896
1905
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
1897
1906
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
1898
|
-
},
|
|
1907
|
+
}, ja = "date-picker", go = (t) => {
|
|
1899
1908
|
const {
|
|
1900
1909
|
onPreviousClick: a,
|
|
1901
1910
|
onMonthChange: r,
|
|
@@ -1904,36 +1913,36 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1904
1913
|
showPreviousButton: c,
|
|
1905
1914
|
className: l,
|
|
1906
1915
|
classNames: d,
|
|
1907
|
-
numberOfMonths:
|
|
1916
|
+
numberOfMonths: s,
|
|
1908
1917
|
month: i,
|
|
1909
|
-
fromMonth:
|
|
1918
|
+
fromMonth: n,
|
|
1910
1919
|
toMonth: m
|
|
1911
1920
|
} = t, g = () => {
|
|
1912
1921
|
typeof a == "function" && a();
|
|
1913
1922
|
}, k = () => {
|
|
1914
1923
|
typeof _ == "function" && _();
|
|
1915
1924
|
}, b = () => {
|
|
1916
|
-
if (!
|
|
1917
|
-
const
|
|
1918
|
-
return r(
|
|
1925
|
+
if (!n) {
|
|
1926
|
+
const v = pt(i, 12);
|
|
1927
|
+
return r(v);
|
|
1919
1928
|
}
|
|
1920
|
-
const p = Math.abs(
|
|
1929
|
+
const p = Math.abs(Ga(i, n)), y = pt(
|
|
1921
1930
|
i,
|
|
1922
1931
|
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1923
1932
|
);
|
|
1924
1933
|
return r(y);
|
|
1925
1934
|
}, f = () => {
|
|
1926
1935
|
if (!m) {
|
|
1927
|
-
const
|
|
1928
|
-
return r(
|
|
1936
|
+
const v = Ua(i, 12);
|
|
1937
|
+
return r(v);
|
|
1929
1938
|
}
|
|
1930
|
-
const p = Math.abs(
|
|
1939
|
+
const p = Math.abs(Ga(m, i)), y = Ua(
|
|
1931
1940
|
i,
|
|
1932
1941
|
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1933
1942
|
);
|
|
1934
|
-
return
|
|
1943
|
+
return s === 2 && Ta(y, m) ? r(pt(y, 1)) : r(y);
|
|
1935
1944
|
};
|
|
1936
|
-
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: T[`${
|
|
1945
|
+
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1937
1946
|
"button",
|
|
1938
1947
|
{
|
|
1939
1948
|
"data-testid": "date-picker-prev-year-button",
|
|
@@ -1943,7 +1952,7 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1943
1952
|
}),
|
|
1944
1953
|
onClick: b
|
|
1945
1954
|
},
|
|
1946
|
-
/* @__PURE__ */ e.createElement(D, { source:
|
|
1955
|
+
/* @__PURE__ */ e.createElement(D, { source: Mr, kind: "subtle" })
|
|
1947
1956
|
), /* @__PURE__ */ e.createElement(
|
|
1948
1957
|
"button",
|
|
1949
1958
|
{
|
|
@@ -1954,8 +1963,8 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1954
1963
|
}),
|
|
1955
1964
|
onClick: g
|
|
1956
1965
|
},
|
|
1957
|
-
/* @__PURE__ */ e.createElement(D, { source:
|
|
1958
|
-
)), /* @__PURE__ */ e.createElement("div", { className: T[`${
|
|
1966
|
+
/* @__PURE__ */ e.createElement(D, { source: nr, kind: "subtle" })
|
|
1967
|
+
)), /* @__PURE__ */ e.createElement("div", { className: T[`${ja}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1959
1968
|
"button",
|
|
1960
1969
|
{
|
|
1961
1970
|
"data-testid": "date-picker-next-month-button",
|
|
@@ -1965,7 +1974,7 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1965
1974
|
}),
|
|
1966
1975
|
onClick: k
|
|
1967
1976
|
},
|
|
1968
|
-
/* @__PURE__ */ e.createElement(D, { source:
|
|
1977
|
+
/* @__PURE__ */ e.createElement(D, { source: Sa, kind: "subtle" })
|
|
1969
1978
|
), /* @__PURE__ */ e.createElement(
|
|
1970
1979
|
"button",
|
|
1971
1980
|
{
|
|
@@ -1976,12 +1985,12 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1976
1985
|
}),
|
|
1977
1986
|
onClick: f
|
|
1978
1987
|
},
|
|
1979
|
-
/* @__PURE__ */ e.createElement(D, { source:
|
|
1988
|
+
/* @__PURE__ */ e.createElement(D, { source: Rr, kind: "subtle" })
|
|
1980
1989
|
)));
|
|
1981
|
-
}, I = "date-picker",
|
|
1990
|
+
}, I = "date-picker", $r = (t, a) => {
|
|
1982
1991
|
const { from: r, to: _ } = a;
|
|
1983
|
-
return !(_ && !
|
|
1984
|
-
},
|
|
1992
|
+
return !(_ && !Ba(t, _) && Pa(t, _) || r && !Ba(t, r) && !Pa(t, r));
|
|
1993
|
+
}, wr = (t, a, r) => a ? t && !Ta(t, a) || r && Ta(a, r) ? pt(a, 1) : a : pt(r || /* @__PURE__ */ new Date(), 1), bo = (t, a) => {
|
|
1985
1994
|
const r = {
|
|
1986
1995
|
[T[`${I}__day--monday`]]: { daysOfWeek: [1] },
|
|
1987
1996
|
[T[`${I}__day--sunday`]]: { daysOfWeek: [0] },
|
|
@@ -1990,25 +1999,25 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
1990
1999
|
};
|
|
1991
2000
|
if (!a || !t)
|
|
1992
2001
|
return r;
|
|
1993
|
-
const _ =
|
|
1994
|
-
return _ > 0 ? N(
|
|
2002
|
+
const _ = br(a, t);
|
|
2003
|
+
return _ > 0 ? N(h({}, r), {
|
|
1995
2004
|
[T[`${I}__day--end`]]: a
|
|
1996
|
-
}) : _ < 0 ? N(
|
|
2005
|
+
}) : _ < 0 ? N(h({}, r), {
|
|
1997
2006
|
[T[`${I}__day--start`]]: a
|
|
1998
2007
|
}) : r;
|
|
1999
|
-
},
|
|
2008
|
+
}, xt = (t, a) => {
|
|
2000
2009
|
const r = a.find((_) => _.id === t);
|
|
2001
2010
|
return r || void 0;
|
|
2002
|
-
},
|
|
2011
|
+
}, Za = (t, a) => !!(!t || t && a), fo = (t) => {
|
|
2003
2012
|
const a = {};
|
|
2004
2013
|
if (!t.initialSelectedItemKey)
|
|
2005
2014
|
return a;
|
|
2006
|
-
const r =
|
|
2015
|
+
const r = xt(
|
|
2007
2016
|
t.initialSelectedItemKey,
|
|
2008
2017
|
t.options
|
|
2009
2018
|
);
|
|
2010
2019
|
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) : {};
|
|
2011
|
-
}, vo = (t, a) =>
|
|
2020
|
+
}, vo = (t, a) => h({
|
|
2012
2021
|
container: u({
|
|
2013
2022
|
[T[`${I}`]]: !0,
|
|
2014
2023
|
[T[`${I}--range`]]: t
|
|
@@ -2043,10 +2052,10 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
2043
2052
|
outside: T[`${I}__day--outside`],
|
|
2044
2053
|
start: T[`${I}__day--start`],
|
|
2045
2054
|
end: T[`${I}__day--end`]
|
|
2046
|
-
}, a),
|
|
2055
|
+
}, a), er = "date-picker", ho = (t) => {
|
|
2047
2056
|
const a = t.getDate();
|
|
2048
|
-
return /* @__PURE__ */ e.createElement("div", { className: T[`${
|
|
2049
|
-
},
|
|
2057
|
+
return /* @__PURE__ */ e.createElement("div", { className: T[`${er}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: T[`${er}__day-content`] }, a));
|
|
2058
|
+
}, ko = (t) => {
|
|
2050
2059
|
const y = t, {
|
|
2051
2060
|
classNames: a,
|
|
2052
2061
|
range: r,
|
|
@@ -2055,9 +2064,9 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
2055
2064
|
fromMonth: c,
|
|
2056
2065
|
firstDayOfWeek: l,
|
|
2057
2066
|
numberOfMonths: d,
|
|
2058
|
-
navbarElement:
|
|
2067
|
+
navbarElement: s,
|
|
2059
2068
|
renderDay: i,
|
|
2060
|
-
innerRef:
|
|
2069
|
+
innerRef: n
|
|
2061
2070
|
} = y, m = A(y, [
|
|
2062
2071
|
"classNames",
|
|
2063
2072
|
"range",
|
|
@@ -2073,15 +2082,15 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
2073
2082
|
e.useEffect(() => {
|
|
2074
2083
|
o && o !== g && k(o);
|
|
2075
2084
|
}, [o, g]), e.useEffect(() => {
|
|
2076
|
-
_ && (
|
|
2085
|
+
_ && ($r(g, { from: c, to: _ }) || k(_));
|
|
2077
2086
|
}, [g, t.toMonth, t.fromMonth]);
|
|
2078
2087
|
const b = e.useCallback(
|
|
2079
|
-
(
|
|
2080
|
-
if (t.onMonthChange &&
|
|
2081
|
-
t.onMonthChange(
|
|
2088
|
+
(v) => {
|
|
2089
|
+
if (t.onMonthChange && v) {
|
|
2090
|
+
t.onMonthChange(v);
|
|
2082
2091
|
return;
|
|
2083
2092
|
}
|
|
2084
|
-
k(
|
|
2093
|
+
k(v);
|
|
2085
2094
|
},
|
|
2086
2095
|
[o, t.onMonthChange]
|
|
2087
2096
|
);
|
|
@@ -2092,10 +2101,10 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
2092
2101
|
[r, a]
|
|
2093
2102
|
);
|
|
2094
2103
|
return /* @__PURE__ */ e.createElement(
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
navbarElement:
|
|
2098
|
-
|
|
2104
|
+
e_,
|
|
2105
|
+
h({
|
|
2106
|
+
navbarElement: s || /* @__PURE__ */ e.createElement(
|
|
2107
|
+
go,
|
|
2099
2108
|
{
|
|
2100
2109
|
month: g,
|
|
2101
2110
|
classNames: p,
|
|
@@ -2105,33 +2114,33 @@ const Y_ = "lc-SegmentedControl-module__btn___tfsvL", Ot = {
|
|
|
2105
2114
|
fromMonth: c
|
|
2106
2115
|
}
|
|
2107
2116
|
),
|
|
2108
|
-
ref:
|
|
2117
|
+
ref: n,
|
|
2109
2118
|
classNames: p,
|
|
2110
2119
|
numberOfMonths: d,
|
|
2111
2120
|
toMonth: _,
|
|
2112
2121
|
fromMonth: c,
|
|
2113
2122
|
firstDayOfWeek: f,
|
|
2114
2123
|
month: g,
|
|
2115
|
-
renderDay: i ||
|
|
2124
|
+
renderDay: i || ho
|
|
2116
2125
|
}, m)
|
|
2117
2126
|
);
|
|
2118
|
-
},
|
|
2119
|
-
(t, a) => /* @__PURE__ */ e.createElement(
|
|
2127
|
+
}, yo = e.forwardRef(
|
|
2128
|
+
(t, a) => /* @__PURE__ */ e.createElement(ko, h({ innerRef: a }, t))
|
|
2120
2129
|
);
|
|
2121
|
-
|
|
2130
|
+
yo.displayName = "DatePicker";
|
|
2122
2131
|
var V = /* @__PURE__ */ ((t) => (t.NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM", t.NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE", t.CLEAR = "CLEAR", t.SET_FROM = "SET_FROM", t.SET_TO = "SET_TO", t.SELECT_FIRST_DAY = "SELECT_FIRST_DAY", t.SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM", t.SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO", t.CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE", t))(V || {});
|
|
2123
|
-
const
|
|
2124
|
-
const a =
|
|
2132
|
+
const Eo = (t) => {
|
|
2133
|
+
const a = wr(
|
|
2125
2134
|
t.initialFromDate,
|
|
2126
2135
|
t.initialToDate,
|
|
2127
2136
|
t.toMonth
|
|
2128
|
-
), _ =
|
|
2137
|
+
), _ = h(h({}, {
|
|
2129
2138
|
selectedItem: null,
|
|
2130
2139
|
from: void 0,
|
|
2131
2140
|
to: void 0,
|
|
2132
2141
|
temporaryTo: void 0,
|
|
2133
2142
|
currentMonth: a
|
|
2134
|
-
}),
|
|
2143
|
+
}), fo(t));
|
|
2135
2144
|
function o(c, l) {
|
|
2136
2145
|
switch (l.type) {
|
|
2137
2146
|
case V.NEW_SELECTED_ITEM:
|
|
@@ -2143,36 +2152,36 @@ const $o = (t) => {
|
|
|
2143
2152
|
currentMonth: a
|
|
2144
2153
|
};
|
|
2145
2154
|
case V.NEW_TEMPORARY_TO_VALUE:
|
|
2146
|
-
return N(
|
|
2155
|
+
return N(h({}, c), {
|
|
2147
2156
|
temporaryTo: l.payload.date
|
|
2148
2157
|
});
|
|
2149
2158
|
case V.SELECT_FIRST_DAY:
|
|
2150
|
-
return N(
|
|
2159
|
+
return N(h({}, c), {
|
|
2151
2160
|
from: l.payload.date,
|
|
2152
2161
|
to: void 0,
|
|
2153
2162
|
temporaryTo: void 0
|
|
2154
2163
|
});
|
|
2155
2164
|
case V.SELECT_SECOND_DAY_AS_FROM:
|
|
2156
|
-
return N(
|
|
2165
|
+
return N(h({}, c), {
|
|
2157
2166
|
from: l.payload.date,
|
|
2158
2167
|
to: c.from,
|
|
2159
2168
|
temporaryTo: c.from
|
|
2160
2169
|
});
|
|
2161
2170
|
case V.SELECT_SECOND_DAY_AS_TO:
|
|
2162
|
-
return N(
|
|
2171
|
+
return N(h({}, c), {
|
|
2163
2172
|
to: l.payload.date,
|
|
2164
2173
|
temporaryTo: l.payload.date
|
|
2165
2174
|
});
|
|
2166
2175
|
case V.CURRENT_MONTH_CHANGE:
|
|
2167
|
-
return N(
|
|
2176
|
+
return N(h({}, c), {
|
|
2168
2177
|
currentMonth: l.payload.date
|
|
2169
2178
|
});
|
|
2170
2179
|
case V.SET_FROM:
|
|
2171
|
-
return N(
|
|
2180
|
+
return N(h({}, c), {
|
|
2172
2181
|
from: l.payload.date
|
|
2173
2182
|
});
|
|
2174
2183
|
case V.SET_TO:
|
|
2175
|
-
return N(
|
|
2184
|
+
return N(h({}, c), {
|
|
2176
2185
|
to: l.payload.date
|
|
2177
2186
|
});
|
|
2178
2187
|
default:
|
|
@@ -2180,7 +2189,7 @@ const $o = (t) => {
|
|
|
2180
2189
|
}
|
|
2181
2190
|
}
|
|
2182
2191
|
return Ar(o, _);
|
|
2183
|
-
},
|
|
2192
|
+
}, $o = ({
|
|
2184
2193
|
options: t,
|
|
2185
2194
|
initialSelectedItemKey: a,
|
|
2186
2195
|
initialFromDate: r,
|
|
@@ -2191,7 +2200,7 @@ const $o = (t) => {
|
|
|
2191
2200
|
}) => {
|
|
2192
2201
|
const d = Ir(
|
|
2193
2202
|
a || null
|
|
2194
|
-
), [
|
|
2203
|
+
), [s, i] = Eo({
|
|
2195
2204
|
options: t,
|
|
2196
2205
|
initialSelectedItemKey: a,
|
|
2197
2206
|
initialFromDate: r,
|
|
@@ -2211,7 +2220,7 @@ const $o = (t) => {
|
|
|
2211
2220
|
payload: { date: _ }
|
|
2212
2221
|
});
|
|
2213
2222
|
}, [_]), ut(() => {
|
|
2214
|
-
const f =
|
|
2223
|
+
const f = wr(
|
|
2215
2224
|
r,
|
|
2216
2225
|
_,
|
|
2217
2226
|
o
|
|
@@ -2221,48 +2230,48 @@ const $o = (t) => {
|
|
|
2221
2230
|
payload: { date: f }
|
|
2222
2231
|
});
|
|
2223
2232
|
}, [o, r, _]), ut(() => {
|
|
2224
|
-
const { from: f, selectedItem: p, to: y } =
|
|
2233
|
+
const { from: f, selectedItem: p, to: y } = s;
|
|
2225
2234
|
if (!(f && y))
|
|
2226
2235
|
return;
|
|
2227
|
-
const
|
|
2228
|
-
|
|
2236
|
+
const v = xt(p, t);
|
|
2237
|
+
v && (c == null || c(N(h({}, v), {
|
|
2229
2238
|
value: {
|
|
2230
2239
|
from: f,
|
|
2231
2240
|
to: y
|
|
2232
2241
|
}
|
|
2233
2242
|
})));
|
|
2234
|
-
}, [
|
|
2235
|
-
const { selectedItem: f } =
|
|
2243
|
+
}, [s.from, s.to, s.selectedItem, t, c]), ut(() => {
|
|
2244
|
+
const { selectedItem: f } = s;
|
|
2236
2245
|
if (f === d.current)
|
|
2237
2246
|
return;
|
|
2238
2247
|
if (!f) {
|
|
2239
2248
|
c(null);
|
|
2240
2249
|
return;
|
|
2241
2250
|
}
|
|
2242
|
-
if (!
|
|
2251
|
+
if (!xt(f, t))
|
|
2243
2252
|
return;
|
|
2244
2253
|
const y = t.reduce(
|
|
2245
|
-
(
|
|
2254
|
+
(v, E) => N(h({}, v), { [E.id]: E }),
|
|
2246
2255
|
{}
|
|
2247
2256
|
);
|
|
2248
2257
|
c(y[f]);
|
|
2249
|
-
}, [c,
|
|
2250
|
-
const
|
|
2258
|
+
}, [c, s.selectedItem, t]);
|
|
2259
|
+
const n = It(
|
|
2251
2260
|
(f) => {
|
|
2252
|
-
const p = o ?
|
|
2253
|
-
!
|
|
2261
|
+
const p = o ? br(o, f) >= 0 : !0;
|
|
2262
|
+
!Za(s.from, s.to) && p && i({
|
|
2254
2263
|
type: V.NEW_TEMPORARY_TO_VALUE,
|
|
2255
2264
|
payload: { date: f }
|
|
2256
2265
|
});
|
|
2257
2266
|
},
|
|
2258
|
-
[o,
|
|
2259
|
-
), m =
|
|
2267
|
+
[o, s.from, s.to]
|
|
2268
|
+
), m = It(
|
|
2260
2269
|
(f) => {
|
|
2261
|
-
const { from: p, to: y } =
|
|
2262
|
-
|
|
2270
|
+
const { from: p, to: y } = s;
|
|
2271
|
+
$r(f, { to: o }) && (Za(p, y) ? i({
|
|
2263
2272
|
type: V.SELECT_FIRST_DAY,
|
|
2264
2273
|
payload: { date: f }
|
|
2265
|
-
}) : p &&
|
|
2274
|
+
}) : p && Ba(f, p) || p && Pa(f, p) ? i({
|
|
2266
2275
|
type: V.SELECT_SECOND_DAY_AS_TO,
|
|
2267
2276
|
payload: { date: f }
|
|
2268
2277
|
}) : i({
|
|
@@ -2270,8 +2279,8 @@ const $o = (t) => {
|
|
|
2270
2279
|
payload: { date: f }
|
|
2271
2280
|
}));
|
|
2272
2281
|
},
|
|
2273
|
-
[o,
|
|
2274
|
-
), g =
|
|
2282
|
+
[o, s.from, s.to]
|
|
2283
|
+
), g = It(
|
|
2275
2284
|
(f) => {
|
|
2276
2285
|
if (f === null) {
|
|
2277
2286
|
i({
|
|
@@ -2280,23 +2289,23 @@ const $o = (t) => {
|
|
|
2280
2289
|
});
|
|
2281
2290
|
return;
|
|
2282
2291
|
}
|
|
2283
|
-
|
|
2292
|
+
xt(f, t) && i({
|
|
2284
2293
|
type: V.NEW_SELECTED_ITEM,
|
|
2285
2294
|
payload: { selectedItem: f }
|
|
2286
2295
|
});
|
|
2287
2296
|
},
|
|
2288
2297
|
[t]
|
|
2289
|
-
), k =
|
|
2298
|
+
), k = It((f) => {
|
|
2290
2299
|
i({
|
|
2291
2300
|
type: V.CURRENT_MONTH_CHANGE,
|
|
2292
2301
|
payload: { date: f }
|
|
2293
2302
|
});
|
|
2294
2303
|
}, []);
|
|
2295
2304
|
return l((() => {
|
|
2296
|
-
const { currentMonth: f, from: p, selectedItem: y, temporaryTo:
|
|
2297
|
-
() =>
|
|
2298
|
-
[p,
|
|
2299
|
-
), x =
|
|
2305
|
+
const { currentMonth: f, from: p, selectedItem: y, temporaryTo: v, to: E } = s, w = Ft(
|
|
2306
|
+
() => bo(p, v),
|
|
2307
|
+
[p, v]
|
|
2308
|
+
), x = Ft(() => xt(y, t), [t, y]), $ = Ft(() => [p, { from: p, to: v }], [p, v]), F = Ft(() => o ? { after: o } : void 0, [o]);
|
|
2300
2309
|
return {
|
|
2301
2310
|
select: {
|
|
2302
2311
|
onItemSelect: g,
|
|
@@ -2316,14 +2325,14 @@ const $o = (t) => {
|
|
|
2316
2325
|
initialMonth: o && pt(o, 1),
|
|
2317
2326
|
toMonth: o,
|
|
2318
2327
|
disabledDays: F,
|
|
2319
|
-
onDayMouseEnter:
|
|
2328
|
+
onDayMouseEnter: n,
|
|
2320
2329
|
onMonthChange: k
|
|
2321
2330
|
},
|
|
2322
2331
|
selectedOption: x
|
|
2323
2332
|
};
|
|
2324
2333
|
})());
|
|
2325
2334
|
};
|
|
2326
|
-
|
|
2335
|
+
$o.defaultProps = {
|
|
2327
2336
|
options: [
|
|
2328
2337
|
{
|
|
2329
2338
|
id: "default",
|
|
@@ -2336,13 +2345,13 @@ wo.defaultProps = {
|
|
|
2336
2345
|
}
|
|
2337
2346
|
]
|
|
2338
2347
|
};
|
|
2339
|
-
const
|
|
2348
|
+
const fc = (t) => {
|
|
2340
2349
|
const c = t, { className: a, children: r } = c, _ = A(c, ["className", "children"]), o = u(
|
|
2341
2350
|
a,
|
|
2342
2351
|
T["date-picker--range__calendars-wrapper"]
|
|
2343
2352
|
);
|
|
2344
|
-
return /* @__PURE__ */ e.createElement("div", N(
|
|
2345
|
-
},
|
|
2353
|
+
return /* @__PURE__ */ e.createElement("div", N(h({}, _), { className: o }), r);
|
|
2354
|
+
}, R = {
|
|
2346
2355
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
2347
2356
|
"details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
|
|
2348
2357
|
"details-card--with-divider": "lc-DetailsCard-module__details-card--with-divider___xyXvc",
|
|
@@ -2373,14 +2382,14 @@ const hc = (t) => {
|
|
|
2373
2382
|
withDivider: c,
|
|
2374
2383
|
fullSpaceContent: l,
|
|
2375
2384
|
openOnInit: d = !1,
|
|
2376
|
-
hideLabelOnOpen:
|
|
2385
|
+
hideLabelOnOpen: s,
|
|
2377
2386
|
onClick: i
|
|
2378
2387
|
}) => {
|
|
2379
|
-
const [
|
|
2380
|
-
|
|
2381
|
-
c &&
|
|
2388
|
+
const [n, m] = e.useState(d), [g, k] = e.useState(0), b = e.useRef(null), f = u(
|
|
2389
|
+
R[L],
|
|
2390
|
+
c && R[`${L}--with-divider`],
|
|
2382
2391
|
a
|
|
2383
|
-
), p =
|
|
2392
|
+
), p = s && n, y = typeof o == "string", v = () => {
|
|
2384
2393
|
m((E) => !E), i == null || i();
|
|
2385
2394
|
};
|
|
2386
2395
|
return e.useEffect(() => {
|
|
@@ -2395,12 +2404,12 @@ const hc = (t) => {
|
|
|
2395
2404
|
"button",
|
|
2396
2405
|
{
|
|
2397
2406
|
className: u(
|
|
2398
|
-
|
|
2399
|
-
p &&
|
|
2400
|
-
|
|
2407
|
+
R[`${L}__button`],
|
|
2408
|
+
p && R[`${L}__button--hide`],
|
|
2409
|
+
n && R[`${L}__button--open`]
|
|
2401
2410
|
),
|
|
2402
|
-
onClick:
|
|
2403
|
-
"aria-expanded":
|
|
2411
|
+
onClick: v,
|
|
2412
|
+
"aria-expanded": n,
|
|
2404
2413
|
"aria-hidden": p,
|
|
2405
2414
|
"data-testid": "details-card-button"
|
|
2406
2415
|
},
|
|
@@ -2408,63 +2417,63 @@ const hc = (t) => {
|
|
|
2408
2417
|
"div",
|
|
2409
2418
|
{
|
|
2410
2419
|
className: u(
|
|
2411
|
-
|
|
2412
|
-
|
|
2420
|
+
R[`${L}__label`],
|
|
2421
|
+
s && R[`${L}__label--with-margin`]
|
|
2413
2422
|
)
|
|
2414
2423
|
},
|
|
2415
|
-
r && /* @__PURE__ */ e.createElement("div", { className:
|
|
2424
|
+
r && /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__left-node`] }, r),
|
|
2416
2425
|
y ? /* @__PURE__ */ e.createElement(
|
|
2417
2426
|
tt,
|
|
2418
2427
|
{
|
|
2419
2428
|
size: "xs",
|
|
2420
|
-
className:
|
|
2429
|
+
className: R[`${L}__label__content`]
|
|
2421
2430
|
},
|
|
2422
2431
|
o
|
|
2423
|
-
) : /* @__PURE__ */ e.createElement("div", { className:
|
|
2424
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
2432
|
+
) : /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__content`] }, o),
|
|
2433
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: R[`${L}__label__right-node`] }, _)
|
|
2425
2434
|
),
|
|
2426
|
-
!
|
|
2435
|
+
!s && /* @__PURE__ */ e.createElement(
|
|
2427
2436
|
D,
|
|
2428
2437
|
{
|
|
2429
2438
|
className: u(
|
|
2430
|
-
|
|
2431
|
-
|
|
2439
|
+
R[`${L}__button__icon`],
|
|
2440
|
+
n && R[`${L}__button__icon--open`]
|
|
2432
2441
|
),
|
|
2433
|
-
source:
|
|
2442
|
+
source: Sa
|
|
2434
2443
|
}
|
|
2435
2444
|
)
|
|
2436
|
-
),
|
|
2445
|
+
), s && /* @__PURE__ */ e.createElement(
|
|
2437
2446
|
U,
|
|
2438
2447
|
{
|
|
2439
|
-
kind:
|
|
2448
|
+
kind: n ? "float" : "text",
|
|
2440
2449
|
icon: /* @__PURE__ */ e.createElement(
|
|
2441
2450
|
D,
|
|
2442
2451
|
{
|
|
2443
|
-
source:
|
|
2452
|
+
source: Sa,
|
|
2444
2453
|
className: u(
|
|
2445
|
-
|
|
2446
|
-
|
|
2454
|
+
R[`${L}__float-button__icon`],
|
|
2455
|
+
n && R[`${L}__float-button__icon--open`]
|
|
2447
2456
|
)
|
|
2448
2457
|
}
|
|
2449
2458
|
),
|
|
2450
2459
|
className: u(
|
|
2451
|
-
|
|
2452
|
-
!
|
|
2453
|
-
|
|
2460
|
+
R[`${L}__float-button`],
|
|
2461
|
+
!n && R[`${L}__float-button--closed`],
|
|
2462
|
+
n && R[`${L}__float-button--open`]
|
|
2454
2463
|
),
|
|
2455
|
-
onClick:
|
|
2456
|
-
"aria-expanded":
|
|
2464
|
+
onClick: v,
|
|
2465
|
+
"aria-expanded": n,
|
|
2457
2466
|
"data-testid": "details-card-floating-button"
|
|
2458
2467
|
}
|
|
2459
2468
|
), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
2460
2469
|
"div",
|
|
2461
2470
|
{
|
|
2462
2471
|
className: u(
|
|
2463
|
-
|
|
2464
|
-
|
|
2472
|
+
R[`${L}__content-wrapper`],
|
|
2473
|
+
n && R[`${L}__content-wrapper--open`]
|
|
2465
2474
|
),
|
|
2466
2475
|
style: {
|
|
2467
|
-
maxHeight:
|
|
2476
|
+
maxHeight: n ? g : 0
|
|
2468
2477
|
}
|
|
2469
2478
|
},
|
|
2470
2479
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2472,25 +2481,25 @@ const hc = (t) => {
|
|
|
2472
2481
|
{
|
|
2473
2482
|
ref: b,
|
|
2474
2483
|
className: u(
|
|
2475
|
-
|
|
2476
|
-
l &&
|
|
2477
|
-
|
|
2484
|
+
R[`${L}__content`],
|
|
2485
|
+
l && R[`${L}__content--full-space`],
|
|
2486
|
+
s && R[`${L}__content--spacing`]
|
|
2478
2487
|
)
|
|
2479
2488
|
},
|
|
2480
2489
|
t
|
|
2481
2490
|
)
|
|
2482
2491
|
)));
|
|
2483
|
-
},
|
|
2492
|
+
}, ka = {
|
|
2484
2493
|
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
2485
2494
|
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
2486
2495
|
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
2487
|
-
},
|
|
2496
|
+
}, ya = "details-card-info", hc = ({
|
|
2488
2497
|
children: t,
|
|
2489
2498
|
label: a
|
|
2490
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
2499
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: ka[ya] }, /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: ka[`${ya}__content`] }, t)), tr = {
|
|
2491
2500
|
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
2492
2501
|
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
2493
|
-
},
|
|
2502
|
+
}, ar = "field-error", Oa = (_) => {
|
|
2494
2503
|
var o = _, {
|
|
2495
2504
|
children: t,
|
|
2496
2505
|
className: a = ""
|
|
@@ -2498,28 +2507,28 @@ const hc = (t) => {
|
|
|
2498
2507
|
"children",
|
|
2499
2508
|
"className"
|
|
2500
2509
|
]);
|
|
2501
|
-
const c = u(
|
|
2502
|
-
return /* @__PURE__ */ e.createElement(
|
|
2510
|
+
const c = u(tr[ar], a);
|
|
2511
|
+
return /* @__PURE__ */ e.createElement(M, N(h({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
|
|
2503
2512
|
D,
|
|
2504
2513
|
{
|
|
2505
|
-
source:
|
|
2506
|
-
className:
|
|
2514
|
+
source: Fa,
|
|
2515
|
+
className: tr[`${ar}__icon`],
|
|
2507
2516
|
size: "small"
|
|
2508
2517
|
}
|
|
2509
2518
|
), t);
|
|
2510
|
-
},
|
|
2519
|
+
}, Ea = {
|
|
2511
2520
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
2512
2521
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2513
2522
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2514
|
-
},
|
|
2515
|
-
var
|
|
2523
|
+
}, $a = "field-group", kc = (d) => {
|
|
2524
|
+
var s = d, {
|
|
2516
2525
|
className: t = "",
|
|
2517
2526
|
children: a,
|
|
2518
2527
|
description: r,
|
|
2519
2528
|
error: _,
|
|
2520
2529
|
inline: o,
|
|
2521
2530
|
stretch: c
|
|
2522
|
-
} =
|
|
2531
|
+
} = s, l = A(s, [
|
|
2523
2532
|
"className",
|
|
2524
2533
|
"children",
|
|
2525
2534
|
"description",
|
|
@@ -2527,18 +2536,18 @@ const hc = (t) => {
|
|
|
2527
2536
|
"inline",
|
|
2528
2537
|
"stretch"
|
|
2529
2538
|
]);
|
|
2530
|
-
const i = u(
|
|
2531
|
-
[
|
|
2532
|
-
[
|
|
2539
|
+
const i = u(Ea[$a], t, {
|
|
2540
|
+
[Ea[`${$a}--inline`]]: o,
|
|
2541
|
+
[Ea[`${$a}--stretched`]]: c
|
|
2533
2542
|
});
|
|
2534
|
-
return /* @__PURE__ */ e.createElement("div", N(
|
|
2535
|
-
},
|
|
2536
|
-
form:
|
|
2537
|
-
form__header:
|
|
2538
|
-
form__footer:
|
|
2539
|
-
form__label:
|
|
2540
|
-
form__helper:
|
|
2541
|
-
}, Et = "form",
|
|
2543
|
+
return /* @__PURE__ */ e.createElement("div", N(h({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Oa, null, _), r && /* @__PURE__ */ e.createElement(la, null, r));
|
|
2544
|
+
}, wo = "lc-Form-module__form___1nOYF", No = "lc-Form-module__form__header___U4B7t", Co = "lc-Form-module__form__footer___1-sUX", xo = "lc-Form-module__form__label___spg-J", So = "lc-Form-module__form__helper___bhfwS", yt = {
|
|
2545
|
+
form: wo,
|
|
2546
|
+
form__header: No,
|
|
2547
|
+
form__footer: Co,
|
|
2548
|
+
form__label: xo,
|
|
2549
|
+
form__helper: So
|
|
2550
|
+
}, Et = "form", yc = (l) => {
|
|
2542
2551
|
var d = l, {
|
|
2543
2552
|
className: t,
|
|
2544
2553
|
children: a,
|
|
@@ -2552,7 +2561,7 @@ const hc = (t) => {
|
|
|
2552
2561
|
"helperText",
|
|
2553
2562
|
"formFooter"
|
|
2554
2563
|
]);
|
|
2555
|
-
return /* @__PURE__ */ e.createElement("form",
|
|
2564
|
+
return /* @__PURE__ */ e.createElement("form", h({ className: u(yt[Et], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__header`] }, r && /* @__PURE__ */ e.createElement(tt, { size: "sm", className: yt[`${Et}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: yt[`${Et}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: yt[`${Et}__footer`] }, o));
|
|
2556
2565
|
}, Y = {
|
|
2557
2566
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
2558
2567
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -2570,7 +2579,7 @@ const hc = (t) => {
|
|
|
2570
2579
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
2571
2580
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
2572
2581
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
2573
|
-
}, q = "form-field",
|
|
2582
|
+
}, q = "form-field", Ec = ({
|
|
2574
2583
|
inline: t,
|
|
2575
2584
|
error: a,
|
|
2576
2585
|
description: r,
|
|
@@ -2579,9 +2588,9 @@ const hc = (t) => {
|
|
|
2579
2588
|
className: c,
|
|
2580
2589
|
labelFor: l,
|
|
2581
2590
|
children: d,
|
|
2582
|
-
labelRightNode:
|
|
2591
|
+
labelRightNode: s
|
|
2583
2592
|
}) => {
|
|
2584
|
-
const i = e.useRef(null), [
|
|
2593
|
+
const i = e.useRef(null), [n, m] = e.useState("auto"), g = u(
|
|
2585
2594
|
Y[q],
|
|
2586
2595
|
{
|
|
2587
2596
|
[Y[`${q}--inline`]]: t
|
|
@@ -2591,7 +2600,7 @@ const hc = (t) => {
|
|
|
2591
2600
|
return e.useEffect(() => {
|
|
2592
2601
|
const k = i;
|
|
2593
2602
|
return t && k.current ? m(`${k.current.clientHeight}px`) : m("auto");
|
|
2594
|
-
}), /* @__PURE__ */ e.createElement("div", { className: g },
|
|
2603
|
+
}), /* @__PURE__ */ e.createElement("div", { className: g }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2595
2604
|
"div",
|
|
2596
2605
|
{
|
|
2597
2606
|
className: u(
|
|
@@ -2599,7 +2608,7 @@ const hc = (t) => {
|
|
|
2599
2608
|
Y[`${q}__label-right-node--inline`]
|
|
2600
2609
|
)
|
|
2601
2610
|
},
|
|
2602
|
-
|
|
2611
|
+
s
|
|
2603
2612
|
), /* @__PURE__ */ e.createElement("div", { className: Y[`${q}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
2604
2613
|
"div",
|
|
2605
2614
|
{
|
|
@@ -2608,7 +2617,7 @@ const hc = (t) => {
|
|
|
2608
2617
|
t && Y[`${q}__wrapper--inline`]
|
|
2609
2618
|
)
|
|
2610
2619
|
},
|
|
2611
|
-
(_ ||
|
|
2620
|
+
(_ || s) && /* @__PURE__ */ e.createElement(
|
|
2612
2621
|
"div",
|
|
2613
2622
|
{
|
|
2614
2623
|
className: u(
|
|
@@ -2625,7 +2634,7 @@ const hc = (t) => {
|
|
|
2625
2634
|
t && Y[`${q}__label-wrapper--inline`]
|
|
2626
2635
|
),
|
|
2627
2636
|
style: {
|
|
2628
|
-
height:
|
|
2637
|
+
height: n
|
|
2629
2638
|
}
|
|
2630
2639
|
},
|
|
2631
2640
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2634,7 +2643,7 @@ const hc = (t) => {
|
|
|
2634
2643
|
className: Y[`${q}__label-left-node`],
|
|
2635
2644
|
htmlFor: l
|
|
2636
2645
|
},
|
|
2637
|
-
/* @__PURE__ */ e.createElement(
|
|
2646
|
+
/* @__PURE__ */ e.createElement(M, { as: "span", size: "sm" }, _)
|
|
2638
2647
|
),
|
|
2639
2648
|
o && /* @__PURE__ */ e.createElement(
|
|
2640
2649
|
"div",
|
|
@@ -2647,9 +2656,9 @@ const hc = (t) => {
|
|
|
2647
2656
|
o
|
|
2648
2657
|
)
|
|
2649
2658
|
),
|
|
2650
|
-
|
|
2659
|
+
s && !t && /* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__label-right-node`]) }, s)
|
|
2651
2660
|
),
|
|
2652
|
-
/* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(
|
|
2661
|
+
/* @__PURE__ */ e.createElement("div", { className: u(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(Oa, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
2653
2662
|
la,
|
|
2654
2663
|
{
|
|
2655
2664
|
className: u(Y[`${q}__content__description`])
|
|
@@ -2657,12 +2666,12 @@ const hc = (t) => {
|
|
|
2657
2666
|
r
|
|
2658
2667
|
))
|
|
2659
2668
|
));
|
|
2660
|
-
},
|
|
2669
|
+
}, Gt = {
|
|
2661
2670
|
"form-group": "lc-FormGroup-module__form-group___e2JHa",
|
|
2662
2671
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
2663
2672
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
2664
2673
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
2665
|
-
},
|
|
2674
|
+
}, Ut = "form-group", $c = (c) => {
|
|
2666
2675
|
var l = c, {
|
|
2667
2676
|
className: t = "",
|
|
2668
2677
|
children: a,
|
|
@@ -2674,19 +2683,19 @@ const hc = (t) => {
|
|
|
2674
2683
|
"labelText",
|
|
2675
2684
|
"helperText"
|
|
2676
2685
|
]);
|
|
2677
|
-
const d = u(
|
|
2686
|
+
const d = u(Gt[Ut], t);
|
|
2678
2687
|
return /* @__PURE__ */ e.createElement(
|
|
2679
2688
|
"div",
|
|
2680
|
-
N(
|
|
2689
|
+
N(h(N(h({}, o), {
|
|
2681
2690
|
role: "group"
|
|
2682
2691
|
}), r && { "aria-label": r }), {
|
|
2683
2692
|
className: d
|
|
2684
2693
|
}),
|
|
2685
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
2694
|
+
/* @__PURE__ */ e.createElement("div", { className: Gt[`${Ut}__header`] }, /* @__PURE__ */ e.createElement(tt, { as: "div", size: "sm", className: Gt[`${Ut}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "div", size: "sm", className: Gt[`${Ut}__helper`] }, _)),
|
|
2686
2695
|
a
|
|
2687
2696
|
);
|
|
2688
|
-
},
|
|
2689
|
-
input:
|
|
2697
|
+
}, Do = "lc-Input-module__input___qeMAQ", Se = {
|
|
2698
|
+
input: Do,
|
|
2690
2699
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
2691
2700
|
"input--disabled": "lc-Input-module__input--disabled___HidXX",
|
|
2692
2701
|
"input--crop": "lc-Input-module__input--crop___uzJS8",
|
|
@@ -2700,7 +2709,7 @@ const hc = (t) => {
|
|
|
2700
2709
|
"input__icon--left": "lc-Input-module__input__icon--left___BcySs",
|
|
2701
2710
|
"input__icon--right": "lc-Input-module__input__icon--right___VefSK",
|
|
2702
2711
|
"input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
|
|
2703
|
-
}, De = "input",
|
|
2712
|
+
}, De = "input", rr = (t, a) => e.cloneElement(t.source, {
|
|
2704
2713
|
"data-testid": `input-icon-${t.place}`,
|
|
2705
2714
|
className: u(
|
|
2706
2715
|
Se[`${De}__icon`],
|
|
@@ -2709,9 +2718,9 @@ const hc = (t) => {
|
|
|
2709
2718
|
[Se[`${De}__icon--disabled`]]: a
|
|
2710
2719
|
}
|
|
2711
2720
|
)
|
|
2712
|
-
}),
|
|
2713
|
-
(
|
|
2714
|
-
var i =
|
|
2721
|
+
}), wc = e.forwardRef(
|
|
2722
|
+
(s, d) => {
|
|
2723
|
+
var i = s, {
|
|
2715
2724
|
inputSize: t = "medium",
|
|
2716
2725
|
error: a = !1,
|
|
2717
2726
|
disabled: r,
|
|
@@ -2726,21 +2735,21 @@ const hc = (t) => {
|
|
|
2726
2735
|
"className",
|
|
2727
2736
|
"cropOnBlur"
|
|
2728
2737
|
]);
|
|
2729
|
-
const [
|
|
2738
|
+
const [n, m] = e.useState(!1), [g, k] = e.useState(!1), { type: b, onFocus: f, onBlur: p } = l, y = u(
|
|
2730
2739
|
o,
|
|
2731
2740
|
Se[De],
|
|
2732
2741
|
Se[`${De}--${t}`],
|
|
2733
2742
|
{
|
|
2734
2743
|
[Se[`${De}--disabled`]]: r,
|
|
2735
|
-
[Se[`${De}--focused`]]:
|
|
2744
|
+
[Se[`${De}--focused`]]: n,
|
|
2736
2745
|
[Se[`${De}--error`]]: a,
|
|
2737
2746
|
[Se[`${De}--crop`]]: c,
|
|
2738
2747
|
[Se[`${De}--read-only`]]: l.readOnly
|
|
2739
2748
|
}
|
|
2740
|
-
),
|
|
2741
|
-
return /* @__PURE__ */ e.createElement("div", { className: y, "aria-disabled": r, "tab-index": "0" }, w &&
|
|
2749
|
+
), v = r ? "var(--content-disabled)" : "var(--content-default)", E = g ? Lr : Or, w = _ && _.place === "left", x = _ && b !== "password" && _.place === "right";
|
|
2750
|
+
return /* @__PURE__ */ e.createElement("div", { className: y, "aria-disabled": r, "tab-index": "0" }, w && rr(_, r), /* @__PURE__ */ e.createElement(
|
|
2742
2751
|
"input",
|
|
2743
|
-
N(
|
|
2752
|
+
N(h({}, l), {
|
|
2744
2753
|
ref: d,
|
|
2745
2754
|
onFocus: ($) => {
|
|
2746
2755
|
m(!0), f == null || f($);
|
|
@@ -2751,22 +2760,22 @@ const hc = (t) => {
|
|
|
2751
2760
|
disabled: r,
|
|
2752
2761
|
type: b && !g ? b : "text"
|
|
2753
2762
|
})
|
|
2754
|
-
), x &&
|
|
2763
|
+
), x && rr(_, r), b === "password" && /* @__PURE__ */ e.createElement(
|
|
2755
2764
|
U,
|
|
2756
2765
|
{
|
|
2757
2766
|
disabled: r,
|
|
2758
2767
|
kind: "text",
|
|
2759
2768
|
size: "compact",
|
|
2760
|
-
icon: /* @__PURE__ */ e.createElement(D, { customColor:
|
|
2769
|
+
icon: /* @__PURE__ */ e.createElement(D, { customColor: v, source: E }),
|
|
2761
2770
|
onClick: () => k(($) => !$),
|
|
2762
2771
|
className: Se[`${De}__visibility-button`]
|
|
2763
2772
|
}
|
|
2764
2773
|
));
|
|
2765
2774
|
}
|
|
2766
|
-
),
|
|
2767
|
-
link:
|
|
2775
|
+
), To = "lc-Link-module__link___kqx52", _r = {
|
|
2776
|
+
link: To,
|
|
2768
2777
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
2769
|
-
},
|
|
2778
|
+
}, or = "link", Nc = (_) => {
|
|
2770
2779
|
var o = _, {
|
|
2771
2780
|
bold: t = !1,
|
|
2772
2781
|
className: a = ""
|
|
@@ -2776,80 +2785,84 @@ const hc = (t) => {
|
|
|
2776
2785
|
]);
|
|
2777
2786
|
return /* @__PURE__ */ e.createElement(
|
|
2778
2787
|
"a",
|
|
2779
|
-
|
|
2788
|
+
h({
|
|
2780
2789
|
className: u(
|
|
2781
|
-
|
|
2782
|
-
t &&
|
|
2790
|
+
_r[or],
|
|
2791
|
+
t && _r[`${or}--bold`],
|
|
2783
2792
|
a
|
|
2784
2793
|
)
|
|
2785
2794
|
}, r)
|
|
2786
2795
|
);
|
|
2787
|
-
},
|
|
2796
|
+
}, Bo = "lc-Modal-module__modal__body___M-jmN", Po = "lc-Modal-module__modal__header___Fp5VE", Ao = "lc-Modal-module__modal__heading___G9KVK", Io = "lc-Modal-module__modal__footer___2LYdc", ie = {
|
|
2788
2797
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
2789
2798
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
2790
2799
|
"modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
|
|
2791
2800
|
"modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
|
|
2801
|
+
"modal-base__overlay--labelled": "lc-Modal-module__modal-base__overlay--labelled___THAo-",
|
|
2792
2802
|
"modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
|
|
2793
2803
|
"modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
|
|
2794
|
-
modal__body:
|
|
2795
|
-
modal__header:
|
|
2804
|
+
modal__body: Bo,
|
|
2805
|
+
modal__header: Po,
|
|
2796
2806
|
"modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
|
|
2797
|
-
modal__heading:
|
|
2807
|
+
modal__heading: Ao,
|
|
2798
2808
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
2799
|
-
modal__footer:
|
|
2800
|
-
},
|
|
2801
|
-
var
|
|
2809
|
+
modal__footer: Io
|
|
2810
|
+
}, $t = "modal-base", Fo = (s) => {
|
|
2811
|
+
var i = s, {
|
|
2802
2812
|
children: t,
|
|
2803
2813
|
className: a = "",
|
|
2804
2814
|
onClose: r,
|
|
2805
2815
|
closeOnEscPress: _ = !0,
|
|
2806
2816
|
closeOnOverlayPress: o = !0,
|
|
2807
|
-
fullSpaceContent: c
|
|
2808
|
-
|
|
2817
|
+
fullSpaceContent: c,
|
|
2818
|
+
isLabelled: l
|
|
2819
|
+
} = i, d = A(i, [
|
|
2809
2820
|
"children",
|
|
2810
2821
|
"className",
|
|
2811
2822
|
"onClose",
|
|
2812
2823
|
"closeOnEscPress",
|
|
2813
2824
|
"closeOnOverlayPress",
|
|
2814
|
-
"fullSpaceContent"
|
|
2825
|
+
"fullSpaceContent",
|
|
2826
|
+
"isLabelled"
|
|
2815
2827
|
]);
|
|
2816
|
-
const
|
|
2817
|
-
|
|
2828
|
+
const n = u(
|
|
2829
|
+
ie[$t],
|
|
2818
2830
|
a,
|
|
2819
|
-
c &&
|
|
2831
|
+
c && ie[`${$t}--full-space`]
|
|
2820
2832
|
);
|
|
2821
2833
|
e.useEffect(() => {
|
|
2822
2834
|
if (!_)
|
|
2823
2835
|
return;
|
|
2824
|
-
const
|
|
2825
|
-
|
|
2836
|
+
const g = (k) => {
|
|
2837
|
+
k.key === re.esc && r();
|
|
2826
2838
|
};
|
|
2827
|
-
return document.addEventListener("keyup",
|
|
2839
|
+
return document.addEventListener("keyup", g, !0), () => document.removeEventListener("keyup", g, !0);
|
|
2828
2840
|
}, [_]);
|
|
2829
|
-
const
|
|
2830
|
-
o &&
|
|
2841
|
+
const m = (g) => {
|
|
2842
|
+
o && g.target === g.currentTarget && r();
|
|
2831
2843
|
};
|
|
2832
2844
|
return /* @__PURE__ */ e.createElement(
|
|
2833
2845
|
"div",
|
|
2834
2846
|
{
|
|
2835
2847
|
"data-testid": "lc-modal-overlay",
|
|
2836
|
-
onMouseDown:
|
|
2848
|
+
onMouseDown: m,
|
|
2837
2849
|
className: u(
|
|
2838
|
-
|
|
2839
|
-
|
|
2850
|
+
ie[`${$t}__overlay`],
|
|
2851
|
+
ie[`${$t}__overlay--visible`],
|
|
2852
|
+
l && ie[`${$t}__overlay--labelled`]
|
|
2840
2853
|
)
|
|
2841
2854
|
},
|
|
2842
2855
|
/* @__PURE__ */ e.createElement(
|
|
2843
2856
|
"div",
|
|
2844
|
-
|
|
2857
|
+
h({
|
|
2845
2858
|
role: "dialog",
|
|
2846
2859
|
"aria-modal": !0,
|
|
2847
|
-
className:
|
|
2848
|
-
},
|
|
2860
|
+
className: n
|
|
2861
|
+
}, d),
|
|
2849
2862
|
t
|
|
2850
2863
|
)
|
|
2851
2864
|
);
|
|
2852
|
-
},
|
|
2865
|
+
}, lr = ({
|
|
2853
2866
|
labelType: t,
|
|
2854
2867
|
customColor: a,
|
|
2855
2868
|
onClick: r
|
|
@@ -2859,14 +2872,14 @@ const hc = (t) => {
|
|
|
2859
2872
|
kind: "plain",
|
|
2860
2873
|
title: "Close modal",
|
|
2861
2874
|
className: u(
|
|
2862
|
-
|
|
2863
|
-
t &&
|
|
2875
|
+
ie["modal-base__close"],
|
|
2876
|
+
t && ie["modal-base__close--label-type"]
|
|
2864
2877
|
),
|
|
2865
2878
|
onClick: r,
|
|
2866
2879
|
icon: /* @__PURE__ */ e.createElement(D, { source: Te, size: "medium", customColor: a })
|
|
2867
2880
|
}
|
|
2868
|
-
), et = "modal",
|
|
2869
|
-
var
|
|
2881
|
+
), et = "modal", Cc = (i) => {
|
|
2882
|
+
var n = i, {
|
|
2870
2883
|
children: t,
|
|
2871
2884
|
className: a = "",
|
|
2872
2885
|
heading: r,
|
|
@@ -2875,7 +2888,7 @@ const hc = (t) => {
|
|
|
2875
2888
|
footer: c,
|
|
2876
2889
|
onClose: l,
|
|
2877
2890
|
contentClassName: d
|
|
2878
|
-
} =
|
|
2891
|
+
} = n, s = A(n, [
|
|
2879
2892
|
"children",
|
|
2880
2893
|
"className",
|
|
2881
2894
|
"heading",
|
|
@@ -2885,52 +2898,53 @@ const hc = (t) => {
|
|
|
2885
2898
|
"onClose",
|
|
2886
2899
|
"contentClassName"
|
|
2887
2900
|
]);
|
|
2888
|
-
const m = u(
|
|
2901
|
+
const m = u(ie[et], a), g = typeof t == "string", k = (b) => {
|
|
2889
2902
|
b.preventDefault(), b.stopPropagation(), l();
|
|
2890
2903
|
};
|
|
2891
2904
|
return /* @__PURE__ */ e.createElement(
|
|
2892
|
-
|
|
2893
|
-
|
|
2905
|
+
Fo,
|
|
2906
|
+
h({
|
|
2894
2907
|
className: m,
|
|
2895
2908
|
fullSpaceContent: o,
|
|
2896
|
-
onClose: l
|
|
2897
|
-
|
|
2898
|
-
|
|
2909
|
+
onClose: l,
|
|
2910
|
+
isLabelled: !!_
|
|
2911
|
+
}, s),
|
|
2912
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
2899
2913
|
tt,
|
|
2900
2914
|
{
|
|
2901
2915
|
size: "md",
|
|
2902
2916
|
as: "div",
|
|
2903
|
-
className:
|
|
2917
|
+
className: ie[`${et}__label-heading`]
|
|
2904
2918
|
},
|
|
2905
2919
|
_
|
|
2906
2920
|
), /* @__PURE__ */ e.createElement(
|
|
2907
|
-
|
|
2921
|
+
lr,
|
|
2908
2922
|
{
|
|
2909
2923
|
labelType: !!_,
|
|
2910
2924
|
customColor: "var(--color-white)",
|
|
2911
2925
|
onClick: k
|
|
2912
2926
|
}
|
|
2913
2927
|
)),
|
|
2914
|
-
!_ && r && /* @__PURE__ */ e.createElement("div", { className:
|
|
2928
|
+
!_ && r && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__header`] }, /* @__PURE__ */ e.createElement(
|
|
2915
2929
|
tt,
|
|
2916
2930
|
{
|
|
2917
2931
|
size: "md",
|
|
2918
2932
|
as: "div",
|
|
2919
|
-
className:
|
|
2933
|
+
className: ie[`${et}__heading`]
|
|
2920
2934
|
},
|
|
2921
2935
|
r
|
|
2922
|
-
), /* @__PURE__ */ e.createElement(
|
|
2936
|
+
), /* @__PURE__ */ e.createElement(lr, { onClick: k })),
|
|
2923
2937
|
/* @__PURE__ */ e.createElement(
|
|
2924
2938
|
"div",
|
|
2925
2939
|
{
|
|
2926
2940
|
"data-testid": "modal-body",
|
|
2927
|
-
className: u(
|
|
2941
|
+
className: u(ie[`${et}__body`], d)
|
|
2928
2942
|
},
|
|
2929
|
-
g ? /* @__PURE__ */ e.createElement(
|
|
2943
|
+
g ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
|
|
2930
2944
|
),
|
|
2931
|
-
c && /* @__PURE__ */ e.createElement("div", { className:
|
|
2945
|
+
c && /* @__PURE__ */ e.createElement("div", { className: ie[`${et}__footer`] }, c)
|
|
2932
2946
|
);
|
|
2933
|
-
},
|
|
2947
|
+
}, xc = ({
|
|
2934
2948
|
children: t,
|
|
2935
2949
|
className: a = "",
|
|
2936
2950
|
parentElementName: r = "body",
|
|
@@ -2943,29 +2957,29 @@ const hc = (t) => {
|
|
|
2943
2957
|
var l;
|
|
2944
2958
|
(l = document.querySelector(r)) == null || l.removeChild(o);
|
|
2945
2959
|
};
|
|
2946
|
-
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
2960
|
+
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, fr.createPortal(t, o));
|
|
2947
2961
|
}, ot = {
|
|
2948
2962
|
"modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
|
|
2949
2963
|
"modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
|
|
2950
2964
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
2951
2965
|
"modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
|
|
2952
2966
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
2953
|
-
}, lt = "modal-header",
|
|
2967
|
+
}, lt = "modal-header", Sc = ({
|
|
2954
2968
|
title: t,
|
|
2955
2969
|
iconProps: a,
|
|
2956
2970
|
avatarProps: r,
|
|
2957
2971
|
children: _,
|
|
2958
2972
|
className: o = ""
|
|
2959
2973
|
}) => {
|
|
2960
|
-
const c =
|
|
2974
|
+
const c = t_(ot[lt], o);
|
|
2961
2975
|
return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
|
|
2962
2976
|
D,
|
|
2963
|
-
|
|
2977
|
+
h({
|
|
2964
2978
|
className: ot[`${lt}__heading-left-node`]
|
|
2965
2979
|
}, a)
|
|
2966
2980
|
), r && /* @__PURE__ */ e.createElement(
|
|
2967
|
-
|
|
2968
|
-
|
|
2981
|
+
O_,
|
|
2982
|
+
h({
|
|
2969
2983
|
className: ot[`${lt}__heading-left-node`]
|
|
2970
2984
|
}, r)
|
|
2971
2985
|
), /* @__PURE__ */ e.createElement("div", { className: ot[`${lt}__heading-body`] }, /* @__PURE__ */ e.createElement(
|
|
@@ -2977,7 +2991,7 @@ const hc = (t) => {
|
|
|
2977
2991
|
},
|
|
2978
2992
|
t
|
|
2979
2993
|
), _ && /* @__PURE__ */ e.createElement(
|
|
2980
|
-
|
|
2994
|
+
M,
|
|
2981
2995
|
{
|
|
2982
2996
|
as: "div",
|
|
2983
2997
|
className: ot[`${lt}__heading-description`]
|
|
@@ -2991,8 +3005,8 @@ const hc = (t) => {
|
|
|
2991
3005
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
2992
3006
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
2993
3007
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
2994
|
-
}, nt = "numeric-input",
|
|
2995
|
-
var m =
|
|
3008
|
+
}, nt = "numeric-input", Dc = (n) => {
|
|
3009
|
+
var m = n, {
|
|
2996
3010
|
className: t,
|
|
2997
3011
|
error: a,
|
|
2998
3012
|
value: r,
|
|
@@ -3001,7 +3015,7 @@ const hc = (t) => {
|
|
|
3001
3015
|
disabled: c,
|
|
3002
3016
|
noControls: l,
|
|
3003
3017
|
style: d,
|
|
3004
|
-
onChange:
|
|
3018
|
+
onChange: s
|
|
3005
3019
|
} = m, i = A(m, [
|
|
3006
3020
|
"className",
|
|
3007
3021
|
"error",
|
|
@@ -3021,12 +3035,12 @@ const hc = (t) => {
|
|
|
3021
3035
|
[ct[`${nt}--disabled`]]: c
|
|
3022
3036
|
},
|
|
3023
3037
|
t
|
|
3024
|
-
), b = ($) =>
|
|
3038
|
+
), b = ($) => s(String($)), f = ($) => _ !== void 0 && $ > _ ? _ : o !== void 0 && $ < o ? o : $, p = ($) => {
|
|
3025
3039
|
const F = parseInt(r, 10) + $;
|
|
3026
3040
|
return b(f(F));
|
|
3027
3041
|
}, y = ($) => {
|
|
3028
3042
|
$.key === re.arrowDown && ($.preventDefault(), p(-1)), $.key === re.arrowUp && ($.preventDefault(), p(1));
|
|
3029
|
-
},
|
|
3043
|
+
}, v = ($, F) => F !== void 0 && parseInt($, 10) === F, E = ($) => {
|
|
3030
3044
|
$.preventDefault(), $.stopPropagation();
|
|
3031
3045
|
const F = $.currentTarget.value.replace(
|
|
3032
3046
|
/((?!([-]|([-]?\d+))).)/,
|
|
@@ -3045,7 +3059,7 @@ const hc = (t) => {
|
|
|
3045
3059
|
};
|
|
3046
3060
|
return /* @__PURE__ */ e.createElement("div", { className: k, style: d }, /* @__PURE__ */ e.createElement(
|
|
3047
3061
|
"input",
|
|
3048
|
-
N(
|
|
3062
|
+
N(h({
|
|
3049
3063
|
type: "text",
|
|
3050
3064
|
ref: g
|
|
3051
3065
|
}, i), {
|
|
@@ -3060,7 +3074,7 @@ const hc = (t) => {
|
|
|
3060
3074
|
"button",
|
|
3061
3075
|
{
|
|
3062
3076
|
tabIndex: -1,
|
|
3063
|
-
disabled: c ||
|
|
3077
|
+
disabled: c || v(r, _),
|
|
3064
3078
|
onClick: w,
|
|
3065
3079
|
"aria-label": "Increment value",
|
|
3066
3080
|
className: ct[`${nt}__increment`],
|
|
@@ -3070,7 +3084,7 @@ const hc = (t) => {
|
|
|
3070
3084
|
D,
|
|
3071
3085
|
{
|
|
3072
3086
|
source: Xt,
|
|
3073
|
-
disabled: c ||
|
|
3087
|
+
disabled: c || v(r, _),
|
|
3074
3088
|
kind: "primary"
|
|
3075
3089
|
}
|
|
3076
3090
|
)
|
|
@@ -3078,7 +3092,7 @@ const hc = (t) => {
|
|
|
3078
3092
|
"button",
|
|
3079
3093
|
{
|
|
3080
3094
|
tabIndex: -1,
|
|
3081
|
-
disabled: c ||
|
|
3095
|
+
disabled: c || v(r, o),
|
|
3082
3096
|
"aria-label": "Decrement value",
|
|
3083
3097
|
className: ct[`${nt}__decrement`],
|
|
3084
3098
|
onClick: x,
|
|
@@ -3087,13 +3101,13 @@ const hc = (t) => {
|
|
|
3087
3101
|
/* @__PURE__ */ e.createElement(
|
|
3088
3102
|
D,
|
|
3089
3103
|
{
|
|
3090
|
-
source:
|
|
3104
|
+
source: Bt,
|
|
3091
3105
|
kind: "primary",
|
|
3092
|
-
disabled: c ||
|
|
3106
|
+
disabled: c || v(r, o)
|
|
3093
3107
|
}
|
|
3094
3108
|
)
|
|
3095
3109
|
)));
|
|
3096
|
-
}, Mo = 2,
|
|
3110
|
+
}, Mo = 2, wa = 400;
|
|
3097
3111
|
[
|
|
3098
3112
|
...[...Array(100)].map((t, a) => ({
|
|
3099
3113
|
key: `option${a + 8}`,
|
|
@@ -3101,13 +3115,13 @@ const hc = (t) => {
|
|
|
3101
3115
|
disabled: a % 4 === 0
|
|
3102
3116
|
}))
|
|
3103
3117
|
];
|
|
3104
|
-
const
|
|
3118
|
+
const Tt = "select-all", Ro = (t, a) => {
|
|
3105
3119
|
const r = [];
|
|
3106
3120
|
return t.forEach((_, o) => {
|
|
3107
3121
|
a(_) && r.push(o);
|
|
3108
3122
|
}), r;
|
|
3109
|
-
},
|
|
3110
|
-
({ key: a, disabled: r, groupHeader: _ }) => !(a ===
|
|
3123
|
+
}, Aa = (t) => t.filter(
|
|
3124
|
+
({ key: a, disabled: r, groupHeader: _ }) => !(a === Tt || r || _)
|
|
3111
3125
|
), ee = {
|
|
3112
3126
|
"item-wrapper": "lc-PickerListItem-module__item-wrapper___ETYMU",
|
|
3113
3127
|
"item-wrapper__first": "lc-PickerListItem-module__item-wrapper__first___uit1z",
|
|
@@ -3123,7 +3137,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3123
3137
|
"picker-list__item__label-container": "lc-PickerListItem-module__picker-list__item__label-container___awy0M",
|
|
3124
3138
|
"picker-list__item__main-label": "lc-PickerListItem-module__picker-list__item__main-label___YfUhr",
|
|
3125
3139
|
"picker-list__item__secondary-label": "lc-PickerListItem-module__picker-list__item__secondary-label___6xcMD"
|
|
3126
|
-
},
|
|
3140
|
+
}, Ee = "picker-list__item", Lo = ({
|
|
3127
3141
|
index: t,
|
|
3128
3142
|
isActive: a,
|
|
3129
3143
|
isSelected: r,
|
|
@@ -3133,57 +3147,58 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3133
3147
|
item: l,
|
|
3134
3148
|
numberOfItems: d
|
|
3135
3149
|
}) => {
|
|
3136
|
-
const
|
|
3137
|
-
|
|
3150
|
+
const s = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3151
|
+
po,
|
|
3138
3152
|
{
|
|
3139
|
-
className: ee[`${
|
|
3153
|
+
className: ee[`${Ee}__checkbox`],
|
|
3140
3154
|
checked: r
|
|
3141
3155
|
}
|
|
3142
|
-
),
|
|
3156
|
+
), n.icon && /* @__PURE__ */ e.createElement(
|
|
3143
3157
|
D,
|
|
3144
3158
|
{
|
|
3145
|
-
className: ee[`${
|
|
3159
|
+
className: ee[`${Ee}__icon`],
|
|
3146
3160
|
kind: "link",
|
|
3147
|
-
source:
|
|
3161
|
+
source: n.icon
|
|
3148
3162
|
}
|
|
3149
|
-
),
|
|
3163
|
+
), n.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3150
3164
|
"img",
|
|
3151
3165
|
{
|
|
3152
|
-
className: u(ee[`${
|
|
3153
|
-
src:
|
|
3154
|
-
alt:
|
|
3166
|
+
className: u(ee[`${Ee}__avatar`]),
|
|
3167
|
+
src: n.avatarSrc,
|
|
3168
|
+
alt: n.name
|
|
3155
3169
|
}
|
|
3156
|
-
), /* @__PURE__ */ e.createElement("div", { className: ee[`${
|
|
3170
|
+
), /* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
3157
3171
|
"span",
|
|
3158
3172
|
{
|
|
3159
3173
|
className: u({
|
|
3160
|
-
[ee[`${
|
|
3161
|
-
})
|
|
3174
|
+
[ee[`${Ee}__main-label`]]: n.secondaryText
|
|
3175
|
+
}),
|
|
3176
|
+
"aria-disabled": n.disabled
|
|
3162
3177
|
},
|
|
3163
|
-
|
|
3164
|
-
),
|
|
3178
|
+
n.name
|
|
3179
|
+
), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: ee[`${Ee}__secondary-label`] }, n.secondaryText)));
|
|
3165
3180
|
if (l.groupHeader)
|
|
3166
3181
|
return /* @__PURE__ */ e.createElement(
|
|
3167
3182
|
"div",
|
|
3168
|
-
|
|
3183
|
+
h({
|
|
3169
3184
|
id: `item-${t}`,
|
|
3170
3185
|
key: l.key,
|
|
3171
3186
|
role: "group",
|
|
3172
|
-
className: ee[`${
|
|
3187
|
+
className: ee[`${Ee}__header`]
|
|
3173
3188
|
}, c()),
|
|
3174
3189
|
l.name
|
|
3175
3190
|
);
|
|
3176
|
-
const i = (
|
|
3177
|
-
!l.disabled && o(
|
|
3191
|
+
const i = (n) => {
|
|
3192
|
+
!l.disabled && o(n);
|
|
3178
3193
|
};
|
|
3179
3194
|
return /* @__PURE__ */ e.createElement(
|
|
3180
3195
|
"div",
|
|
3181
|
-
N(
|
|
3196
|
+
N(h({
|
|
3182
3197
|
id: l.key,
|
|
3183
3198
|
key: l.key,
|
|
3184
3199
|
tabIndex: a ? 0 : -1,
|
|
3185
|
-
ref: (
|
|
3186
|
-
|
|
3200
|
+
ref: (n) => {
|
|
3201
|
+
n && (_.current[t] = n);
|
|
3187
3202
|
},
|
|
3188
3203
|
role: "option",
|
|
3189
3204
|
"aria-setsize": d,
|
|
@@ -3202,12 +3217,12 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3202
3217
|
"aria-selected": r,
|
|
3203
3218
|
"aria-disabled": l.disabled,
|
|
3204
3219
|
"aria-current": a && !l.disabled,
|
|
3205
|
-
className: u(ee[
|
|
3206
|
-
[ee[`${
|
|
3207
|
-
[ee[`${
|
|
3220
|
+
className: u(ee[Ee], {
|
|
3221
|
+
[ee[`${Ee}__custom`]]: l.customElement,
|
|
3222
|
+
[ee[`${Ee}--select-all`]]: l.key === Tt
|
|
3208
3223
|
})
|
|
3209
3224
|
},
|
|
3210
|
-
/* @__PURE__ */ e.createElement("div", { className: ee[`${
|
|
3225
|
+
/* @__PURE__ */ e.createElement("div", { className: ee[`${Ee}__content`] }, s(l)),
|
|
3211
3226
|
r && !l.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3212
3227
|
D,
|
|
3213
3228
|
{
|
|
@@ -3218,11 +3233,11 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3218
3233
|
)
|
|
3219
3234
|
)
|
|
3220
3235
|
);
|
|
3221
|
-
},
|
|
3222
|
-
listbox:
|
|
3236
|
+
}, Oo = "lc-PickerList-module__listbox___-LqE-", st = {
|
|
3237
|
+
listbox: Oo,
|
|
3223
3238
|
"no-results": "lc-PickerList-module__no-results___QRce-",
|
|
3224
3239
|
"listbox-wrapper": "lc-PickerList-module__listbox-wrapper___FbDrf"
|
|
3225
|
-
},
|
|
3240
|
+
}, cr = "picker-list", Ho = ({
|
|
3226
3241
|
context: t,
|
|
3227
3242
|
setFloating: a,
|
|
3228
3243
|
floatingStyles: r,
|
|
@@ -3231,9 +3246,9 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3231
3246
|
isPositioned: c,
|
|
3232
3247
|
pointer: l,
|
|
3233
3248
|
activeIndex: d,
|
|
3234
|
-
selectedKeys:
|
|
3249
|
+
selectedKeys: s,
|
|
3235
3250
|
listElementsRef: i,
|
|
3236
|
-
setPointer:
|
|
3251
|
+
setPointer: n,
|
|
3237
3252
|
onSelect: m,
|
|
3238
3253
|
getFloatingProps: g,
|
|
3239
3254
|
getItemProps: k,
|
|
@@ -3242,24 +3257,24 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3242
3257
|
listClassName: p,
|
|
3243
3258
|
virtuosoProps: y
|
|
3244
3259
|
}) => {
|
|
3245
|
-
const
|
|
3260
|
+
const v = e.useRef(null), [E, w] = e.useState(wa), x = o.length;
|
|
3246
3261
|
e.useLayoutEffect(() => {
|
|
3247
3262
|
var S;
|
|
3248
|
-
c && !l && d !== null && ((S =
|
|
3249
|
-
}, [c, d, l,
|
|
3263
|
+
c && !l && d !== null && ((S = v.current) == null || S.focus({ preventScroll: !0 }));
|
|
3264
|
+
}, [c, d, l, v]);
|
|
3250
3265
|
const $ = e.useCallback(
|
|
3251
3266
|
(S) => {
|
|
3252
|
-
S !== E && (S <
|
|
3267
|
+
S !== E && (S < wa ? w(S + (x - 1) * Mo) : w(wa));
|
|
3253
3268
|
},
|
|
3254
3269
|
[x]
|
|
3255
3270
|
);
|
|
3256
3271
|
if (ut(() => {
|
|
3257
3272
|
i.current = new Array(o.length);
|
|
3258
3273
|
}, [o.length]), o.length === 0) {
|
|
3259
|
-
const S = u(st[
|
|
3260
|
-
[st[`${
|
|
3274
|
+
const S = u(st[cr], {
|
|
3275
|
+
[st[`${cr}__no-results`]]: o.length === 0
|
|
3261
3276
|
});
|
|
3262
|
-
return /* @__PURE__ */ e.createElement(
|
|
3277
|
+
return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3263
3278
|
"div",
|
|
3264
3279
|
{
|
|
3265
3280
|
className: u(st.listbox, st["no-results"]),
|
|
@@ -3270,38 +3285,38 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3270
3285
|
/* @__PURE__ */ e.createElement("div", { className: S }, b)
|
|
3271
3286
|
));
|
|
3272
3287
|
}
|
|
3273
|
-
const F = (S) =>
|
|
3274
|
-
return /* @__PURE__ */ e.createElement(
|
|
3288
|
+
const F = (S) => s.includes(S) || S === Tt && s.length === Aa(o).length;
|
|
3289
|
+
return /* @__PURE__ */ e.createElement(Da, { context: t, modal: !1, initialFocus: -1 }, /* @__PURE__ */ e.createElement(
|
|
3275
3290
|
"div",
|
|
3276
3291
|
{
|
|
3277
3292
|
ref: a,
|
|
3278
3293
|
tabIndex: -1,
|
|
3279
3294
|
className: u(st.listbox, p),
|
|
3280
|
-
style: N(
|
|
3295
|
+
style: N(h({}, r), {
|
|
3281
3296
|
maxHeight: _
|
|
3282
3297
|
})
|
|
3283
3298
|
},
|
|
3284
3299
|
/* @__PURE__ */ e.createElement(
|
|
3285
3300
|
"div",
|
|
3286
|
-
|
|
3301
|
+
h({
|
|
3287
3302
|
tabIndex: 0,
|
|
3288
3303
|
"aria-multiselectable": f === "multi",
|
|
3289
3304
|
className: st["listbox-wrapper"],
|
|
3290
|
-
ref:
|
|
3305
|
+
ref: v
|
|
3291
3306
|
}, g({
|
|
3292
3307
|
onKeyDown(S) {
|
|
3293
|
-
|
|
3308
|
+
n(!1), S.key === "Enter" && d !== null && m(o[d].key), S.key === " " && S.preventDefault();
|
|
3294
3309
|
},
|
|
3295
3310
|
onKeyUp(S) {
|
|
3296
3311
|
S.key === " " && d !== null && m(o[d].key);
|
|
3297
3312
|
},
|
|
3298
3313
|
onPointerMove() {
|
|
3299
|
-
|
|
3314
|
+
n(!0);
|
|
3300
3315
|
}
|
|
3301
3316
|
})),
|
|
3302
3317
|
/* @__PURE__ */ e.createElement(
|
|
3303
|
-
|
|
3304
|
-
N(
|
|
3318
|
+
a_,
|
|
3319
|
+
N(h({
|
|
3305
3320
|
totalListHeightChanged: $,
|
|
3306
3321
|
style: { height: `${E}px`, maxHeight: _ },
|
|
3307
3322
|
totalCount: o.length,
|
|
@@ -3309,7 +3324,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3309
3324
|
increaseViewportBy: 200
|
|
3310
3325
|
}, y), {
|
|
3311
3326
|
itemContent: (S, O) => /* @__PURE__ */ e.createElement(
|
|
3312
|
-
|
|
3327
|
+
Lo,
|
|
3313
3328
|
{
|
|
3314
3329
|
index: S,
|
|
3315
3330
|
getItemProps: k,
|
|
@@ -3339,10 +3354,11 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3339
3354
|
"picker-trigger__controls--medium": "lc-PickerTrigger-module__picker-trigger__controls--medium___MNwT1",
|
|
3340
3355
|
"picker-trigger__controls--large": "lc-PickerTrigger-module__picker-trigger__controls--large___mHG04",
|
|
3341
3356
|
"picker-trigger__clear-icon": "lc-PickerTrigger-module__picker-trigger__clear-icon___4TVYX",
|
|
3357
|
+
"picker-trigger__chevron-icon": "lc-PickerTrigger-module__picker-trigger__chevron-icon___hmDvU",
|
|
3342
3358
|
"picker-trigger--disabled": "lc-PickerTrigger-module__picker-trigger--disabled___4MGb4",
|
|
3343
3359
|
"picker-trigger--focused": "lc-PickerTrigger-module__picker-trigger--focused___vBA4d",
|
|
3344
3360
|
"picker-trigger--error": "lc-PickerTrigger-module__picker-trigger--error___yu6Dt"
|
|
3345
|
-
}, te = "picker-trigger",
|
|
3361
|
+
}, te = "picker-trigger", zo = ({
|
|
3346
3362
|
setReference: t,
|
|
3347
3363
|
getReferenceProps: a,
|
|
3348
3364
|
testId: r,
|
|
@@ -3351,9 +3367,9 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3351
3367
|
isItemSelected: c,
|
|
3352
3368
|
hideClearButton: l,
|
|
3353
3369
|
isDisabled: d,
|
|
3354
|
-
isRequired:
|
|
3370
|
+
isRequired: s,
|
|
3355
3371
|
isOpen: i,
|
|
3356
|
-
isError:
|
|
3372
|
+
isError: n,
|
|
3357
3373
|
onClear: m,
|
|
3358
3374
|
children: g
|
|
3359
3375
|
}) => {
|
|
@@ -3364,18 +3380,19 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3364
3380
|
o && c && _e[`${te}--multi-select--with-items`],
|
|
3365
3381
|
d && _e[`${te}--disabled`],
|
|
3366
3382
|
i && _e[`${te}--focused`],
|
|
3367
|
-
|
|
3368
|
-
), b = !l && c && !d && !
|
|
3383
|
+
n && _e[`${te}--error`]
|
|
3384
|
+
), b = !l && c && !d && !s, f = (p) => {
|
|
3369
3385
|
p.stopPropagation(), m();
|
|
3370
3386
|
};
|
|
3371
3387
|
return /* @__PURE__ */ e.createElement(
|
|
3372
3388
|
"button",
|
|
3373
|
-
|
|
3389
|
+
h({
|
|
3374
3390
|
tabIndex: d ? -1 : 0,
|
|
3375
3391
|
"aria-disabled": d,
|
|
3376
3392
|
className: k,
|
|
3377
3393
|
"data-testid": r,
|
|
3378
|
-
ref: t
|
|
3394
|
+
ref: t,
|
|
3395
|
+
type: "button"
|
|
3379
3396
|
}, a()),
|
|
3380
3397
|
/* @__PURE__ */ e.createElement(
|
|
3381
3398
|
"div",
|
|
@@ -3409,17 +3426,17 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3409
3426
|
D,
|
|
3410
3427
|
{
|
|
3411
3428
|
className: _e[`${te}__chevron-icon`],
|
|
3412
|
-
source: i ? Xt :
|
|
3429
|
+
source: i ? Xt : Bt,
|
|
3413
3430
|
size: "medium",
|
|
3414
3431
|
disabled: d
|
|
3415
3432
|
}
|
|
3416
3433
|
)
|
|
3417
3434
|
)
|
|
3418
3435
|
);
|
|
3419
|
-
},
|
|
3420
|
-
tag:
|
|
3436
|
+
}, Go = "lc-Tag-module__tag___1QRVY", Uo = "lc-Tag-module__tag__remove___UmtrW", Wo = "lc-Tag-module__icon___2Z-35", Vo = "lc-Tag-module__tag__node___rZTzB", Yo = "lc-Tag-module__tag__content___q6vKK", Le = {
|
|
3437
|
+
tag: Go,
|
|
3421
3438
|
"tag--success": "lc-Tag-module__tag--success___P2hXQ",
|
|
3422
|
-
tag__remove:
|
|
3439
|
+
tag__remove: Uo,
|
|
3423
3440
|
"tag--error": "lc-Tag-module__tag--error___1cjsm",
|
|
3424
3441
|
"tag--warning": "lc-Tag-module__tag--warning___PstMG",
|
|
3425
3442
|
"tag--info": "lc-Tag-module__tag--info___RTH0C",
|
|
@@ -3430,13 +3447,13 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3430
3447
|
"tag--medium": "lc-Tag-module__tag--medium___l5-KI",
|
|
3431
3448
|
"tag--large": "lc-Tag-module__tag--large___ytC6Y",
|
|
3432
3449
|
"tag--xlarge": "lc-Tag-module__tag--xlarge___2jj1d",
|
|
3433
|
-
icon:
|
|
3450
|
+
icon: Wo,
|
|
3434
3451
|
"tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
|
|
3435
3452
|
"tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
|
|
3436
3453
|
"tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
|
|
3437
|
-
tag__node:
|
|
3438
|
-
tag__content:
|
|
3439
|
-
}, Oe = "tag",
|
|
3454
|
+
tag__node: Vo,
|
|
3455
|
+
tag__content: Yo
|
|
3456
|
+
}, Oe = "tag", qo = (t) => t ? Ra(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Nr = (m) => {
|
|
3440
3457
|
var g = m, {
|
|
3441
3458
|
className: t = "",
|
|
3442
3459
|
children: a,
|
|
@@ -3446,9 +3463,9 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3446
3463
|
onRemove: c,
|
|
3447
3464
|
outline: l = !1,
|
|
3448
3465
|
leftNode: d,
|
|
3449
|
-
rightNode:
|
|
3466
|
+
rightNode: s,
|
|
3450
3467
|
customColor: i
|
|
3451
|
-
} = g,
|
|
3468
|
+
} = g, n = A(g, [
|
|
3452
3469
|
"className",
|
|
3453
3470
|
"children",
|
|
3454
3471
|
"dismissible",
|
|
@@ -3468,7 +3485,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3468
3485
|
{
|
|
3469
3486
|
[Le[`${Oe}--dismissible`]]: r,
|
|
3470
3487
|
[Le[`${Oe}--outline`]]: l,
|
|
3471
|
-
[Le[`${Oe}--${
|
|
3488
|
+
[Le[`${Oe}--${qo(i)}`]]: !!i
|
|
3472
3489
|
}
|
|
3473
3490
|
), b = _ === "small" ? "small" : "medium", f = () => i ? l ? {
|
|
3474
3491
|
style: {
|
|
@@ -3481,10 +3498,10 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3481
3498
|
return l ? i : Ra(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3482
3499
|
};
|
|
3483
3500
|
return /* @__PURE__ */ e.createElement(
|
|
3484
|
-
|
|
3485
|
-
N(
|
|
3501
|
+
M,
|
|
3502
|
+
N(h(h({
|
|
3486
3503
|
className: k
|
|
3487
|
-
},
|
|
3504
|
+
}, n), f()), {
|
|
3488
3505
|
as: "div",
|
|
3489
3506
|
size: "md"
|
|
3490
3507
|
}),
|
|
@@ -3498,13 +3515,13 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3498
3515
|
d
|
|
3499
3516
|
),
|
|
3500
3517
|
/* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__content`] }, a),
|
|
3501
|
-
|
|
3518
|
+
s && /* @__PURE__ */ e.createElement(
|
|
3502
3519
|
"div",
|
|
3503
3520
|
{
|
|
3504
3521
|
"data-testid": "lc-tag-right-node",
|
|
3505
3522
|
style: { color: p() }
|
|
3506
3523
|
},
|
|
3507
|
-
|
|
3524
|
+
s
|
|
3508
3525
|
),
|
|
3509
3526
|
r && /* @__PURE__ */ e.createElement(
|
|
3510
3527
|
"button",
|
|
@@ -3544,7 +3561,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3544
3561
|
"picker-trigger-body__tag--compact": "lc-PickerTriggerBody-module__picker-trigger-body__tag--compact___vajtL",
|
|
3545
3562
|
"picker-trigger-body__tag--medium": "lc-PickerTriggerBody-module__picker-trigger-body__tag--medium___yhMyC",
|
|
3546
3563
|
"picker-trigger-body__tag--large": "lc-PickerTriggerBody-module__picker-trigger-body__tag--large___FbETT"
|
|
3547
|
-
}, le = "picker-trigger-body",
|
|
3564
|
+
}, le = "picker-trigger-body", Ko = ({
|
|
3548
3565
|
isOpen: t,
|
|
3549
3566
|
isSearchDisabled: a,
|
|
3550
3567
|
isDisabled: r,
|
|
@@ -3553,15 +3570,15 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3553
3570
|
type: c,
|
|
3554
3571
|
clearSearchAfterSelection: l,
|
|
3555
3572
|
size: d = "medium",
|
|
3556
|
-
onItemRemove:
|
|
3573
|
+
onItemRemove: s,
|
|
3557
3574
|
onSelect: i,
|
|
3558
|
-
onFilter:
|
|
3575
|
+
onFilter: n,
|
|
3559
3576
|
searchPhrase: m,
|
|
3560
3577
|
virtualItemRef: g
|
|
3561
3578
|
}) => {
|
|
3562
3579
|
const k = t && !a, b = e.useRef(null);
|
|
3563
3580
|
e.useEffect(() => {
|
|
3564
|
-
l && (
|
|
3581
|
+
l && (n(""), b.current && (b.current.value = "", b.current.focus()));
|
|
3565
3582
|
}, [o, l]);
|
|
3566
3583
|
const f = (E) => c === "single" && t && !a ? null : E != null && E.customElement ? /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item`] }, E.icon && /* @__PURE__ */ e.createElement(
|
|
3567
3584
|
D,
|
|
@@ -3576,10 +3593,10 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3576
3593
|
alt: "",
|
|
3577
3594
|
className: oe[`${le}__item__avatar`]
|
|
3578
3595
|
}
|
|
3579
|
-
), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) =>
|
|
3596
|
+
), /* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item__content`] }, E.name)), p = (E) => n(E.target.value), y = (E) => {
|
|
3580
3597
|
var w, x;
|
|
3581
|
-
(w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), c === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 &&
|
|
3582
|
-
},
|
|
3598
|
+
(w = g.current) != null && w.id && E.key === "Enter" && i((x = g.current) == null ? void 0 : x.id), c === "multi" && (E.key === "Backspace" || E.key === "Delete") && !m && o && (o == null ? void 0 : o.length) > 0 && s(o[o.length - 1].key);
|
|
3599
|
+
}, v = () => /* @__PURE__ */ e.createElement(
|
|
3583
3600
|
"input",
|
|
3584
3601
|
{
|
|
3585
3602
|
ref: b,
|
|
@@ -3594,7 +3611,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3594
3611
|
value: m
|
|
3595
3612
|
}
|
|
3596
3613
|
);
|
|
3597
|
-
return !o || o.length === 0 ? k ?
|
|
3614
|
+
return !o || o.length === 0 ? k ? v() : /* @__PURE__ */ e.createElement(
|
|
3598
3615
|
"div",
|
|
3599
3616
|
{
|
|
3600
3617
|
className: u({
|
|
@@ -3611,7 +3628,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3611
3628
|
})
|
|
3612
3629
|
},
|
|
3613
3630
|
/* @__PURE__ */ e.createElement("div", { className: oe[`${le}__item-container`] }, c === "single" ? f(o[0]) : o.map((E) => /* @__PURE__ */ e.createElement(
|
|
3614
|
-
|
|
3631
|
+
Nr,
|
|
3615
3632
|
{
|
|
3616
3633
|
key: E.name,
|
|
3617
3634
|
className: u(
|
|
@@ -3620,16 +3637,16 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3620
3637
|
),
|
|
3621
3638
|
dismissible: !r,
|
|
3622
3639
|
onRemove: (w) => {
|
|
3623
|
-
w.stopPropagation(),
|
|
3640
|
+
w.stopPropagation(), s(E.key);
|
|
3624
3641
|
}
|
|
3625
3642
|
},
|
|
3626
3643
|
f(E)
|
|
3627
3644
|
))),
|
|
3628
|
-
k &&
|
|
3645
|
+
k && v()
|
|
3629
3646
|
);
|
|
3630
|
-
},
|
|
3647
|
+
}, Jo = {
|
|
3631
3648
|
"picker-wrapper": "lc-Picker-module__picker-wrapper___2EDne"
|
|
3632
|
-
},
|
|
3649
|
+
}, Qo = 10, Tc = (F) => {
|
|
3633
3650
|
var S = F, {
|
|
3634
3651
|
id: t,
|
|
3635
3652
|
className: a,
|
|
@@ -3639,9 +3656,9 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3639
3656
|
options: c,
|
|
3640
3657
|
selected: l,
|
|
3641
3658
|
size: d = "medium",
|
|
3642
|
-
placeholder:
|
|
3659
|
+
placeholder: s = "Select option",
|
|
3643
3660
|
isRequired: i,
|
|
3644
|
-
noSearchResultText:
|
|
3661
|
+
noSearchResultText: n = "No results found",
|
|
3645
3662
|
selectAllOptionText: m,
|
|
3646
3663
|
type: g = "single",
|
|
3647
3664
|
searchDisabled: k = !1,
|
|
@@ -3649,7 +3666,7 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3649
3666
|
openedOnInit: f = !1,
|
|
3650
3667
|
clearSearchAfterSelection: p,
|
|
3651
3668
|
onSelect: y,
|
|
3652
|
-
floatingStrategy:
|
|
3669
|
+
floatingStrategy: v,
|
|
3653
3670
|
useDismissHookProps: E,
|
|
3654
3671
|
useClickHookProps: w,
|
|
3655
3672
|
virtuosoProps: x
|
|
@@ -3677,29 +3694,29 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3677
3694
|
"useClickHookProps",
|
|
3678
3695
|
"virtuosoProps"
|
|
3679
3696
|
]);
|
|
3680
|
-
const [O, P] = e.useState(f), [z, j] = e.useState(!1), [
|
|
3697
|
+
const [O, P] = e.useState(f), [z, j] = e.useState(!1), [$e, de] = e.useState(
|
|
3681
3698
|
() => (l == null ? void 0 : l.map(({ key: G }) => G)) || []
|
|
3682
|
-
), [Be, Pe] = e.useState(null), [
|
|
3699
|
+
), [Be, Pe] = e.useState(null), [ve, Ae] = e.useState(""), [Me, Je] = e.useState(400), at = e.useRef([]), Qe = e.useRef(null), B = mr();
|
|
3683
3700
|
!O && z && j(!1);
|
|
3684
3701
|
const W = e.useMemo(() => {
|
|
3685
3702
|
const G = g === "multi" && m;
|
|
3686
|
-
let
|
|
3687
|
-
return
|
|
3688
|
-
if (
|
|
3703
|
+
let he = c;
|
|
3704
|
+
return ve && (he = he.filter((me) => {
|
|
3705
|
+
if (me.groupHeader)
|
|
3689
3706
|
return !1;
|
|
3690
|
-
const rt =
|
|
3691
|
-
return
|
|
3692
|
-
})), G &&
|
|
3707
|
+
const rt = ve.toLowerCase();
|
|
3708
|
+
return me.name.toLowerCase().includes(rt);
|
|
3709
|
+
})), G && he.length > 1 && (he = [
|
|
3693
3710
|
{
|
|
3694
|
-
key:
|
|
3711
|
+
key: Tt,
|
|
3695
3712
|
name: m
|
|
3696
3713
|
},
|
|
3697
|
-
...
|
|
3698
|
-
]),
|
|
3699
|
-
}, [
|
|
3714
|
+
...he
|
|
3715
|
+
]), he;
|
|
3716
|
+
}, [ve, c, g, m]), K = W.length > 0, { refs: Q, floatingStyles: Re, context: Xe, isPositioned: ca } = jt({
|
|
3700
3717
|
nodeId: B,
|
|
3701
3718
|
open: O,
|
|
3702
|
-
strategy:
|
|
3719
|
+
strategy: v,
|
|
3703
3720
|
onOpenChange: (G) => {
|
|
3704
3721
|
P(G);
|
|
3705
3722
|
},
|
|
@@ -3707,56 +3724,56 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3707
3724
|
middleware: [
|
|
3708
3725
|
Zt(4),
|
|
3709
3726
|
ea({ padding: 10 }),
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
apply({ availableHeight: G, rects:
|
|
3713
|
-
|
|
3727
|
+
Ma(),
|
|
3728
|
+
Jr({
|
|
3729
|
+
apply({ availableHeight: G, rects: he, elements: me }) {
|
|
3730
|
+
fr.flushSync(() => {
|
|
3714
3731
|
Je(G);
|
|
3715
|
-
}), Object.assign(
|
|
3716
|
-
width: `${
|
|
3732
|
+
}), Object.assign(me.floating.style, {
|
|
3733
|
+
width: `${he.reference.width}px`
|
|
3717
3734
|
});
|
|
3718
3735
|
},
|
|
3719
|
-
padding:
|
|
3736
|
+
padding: Qo
|
|
3720
3737
|
})
|
|
3721
3738
|
]
|
|
3722
|
-
}), na = aa(Xe,
|
|
3739
|
+
}), na = aa(Xe, h({
|
|
3723
3740
|
enabled: !_,
|
|
3724
3741
|
keyboardHandlers: !1,
|
|
3725
3742
|
toggle: !1
|
|
3726
|
-
}, w)), sa = _a(Xe, { role: "listbox" }), ia = ra(Xe, E), da =
|
|
3743
|
+
}, w)), sa = _a(Xe, { role: "listbox" }), ia = ra(Xe, E), da = Qr(Xe, {
|
|
3727
3744
|
enabled: K && !_,
|
|
3728
3745
|
listRef: at,
|
|
3729
3746
|
activeIndex: Be,
|
|
3730
3747
|
onNavigate: Pe,
|
|
3731
3748
|
virtual: !0,
|
|
3732
3749
|
virtualItemRef: Qe,
|
|
3733
|
-
disabledIndices:
|
|
3750
|
+
disabledIndices: Ro(
|
|
3734
3751
|
W,
|
|
3735
3752
|
(G) => !!G.disabled || !!G.groupHeader
|
|
3736
3753
|
)
|
|
3737
3754
|
}), { getReferenceProps: ua, getFloatingProps: ma, getItemProps: pa } = oa(
|
|
3738
3755
|
[na, ia, sa, da]
|
|
3739
3756
|
), gt = (G) => {
|
|
3740
|
-
const
|
|
3741
|
-
!
|
|
3742
|
-
const
|
|
3743
|
-
return y(
|
|
3744
|
-
}) :
|
|
3745
|
-
const rt =
|
|
3746
|
-
return y(c.filter(({ key:
|
|
3757
|
+
const he = W.find((me) => me.key === G);
|
|
3758
|
+
!he || he.disabled || (g === "single" ? (P(!1), de(() => (y([he]), [G]))) : G === Tt ? $e.length === Aa(W).length ? de(() => (y(null), [])) : de(() => {
|
|
3759
|
+
const me = Aa(W);
|
|
3760
|
+
return y(me), me.map(({ key: rt }) => rt);
|
|
3761
|
+
}) : de((me) => {
|
|
3762
|
+
const rt = me.includes(G) ? me.filter((Pt) => Pt !== G) : [...me, G];
|
|
3763
|
+
return y(c.filter(({ key: Pt }) => rt.includes(Pt))), rt;
|
|
3747
3764
|
}));
|
|
3748
|
-
}, ga = (G) => Ae(G),
|
|
3749
|
-
P(!1),
|
|
3765
|
+
}, ga = (G) => Ae(G), ba = (G) => gt(G), ue = () => {
|
|
3766
|
+
P(!1), de([]), y(null), Ae("");
|
|
3750
3767
|
};
|
|
3751
|
-
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(
|
|
3752
|
-
|
|
3768
|
+
return /* @__PURE__ */ e.createElement("div", { id: t, className: u(Jo["picker-wrapper"], a) }, /* @__PURE__ */ e.createElement(
|
|
3769
|
+
zo,
|
|
3753
3770
|
{
|
|
3754
3771
|
getReferenceProps: ua,
|
|
3755
|
-
setReference:
|
|
3772
|
+
setReference: Q.setReference,
|
|
3756
3773
|
testId: $["data-testid"],
|
|
3757
|
-
isItemSelected:
|
|
3774
|
+
isItemSelected: $e.length > 0,
|
|
3758
3775
|
isOpen: O,
|
|
3759
|
-
onClear:
|
|
3776
|
+
onClear: ue,
|
|
3760
3777
|
hideClearButton: b,
|
|
3761
3778
|
isDisabled: _,
|
|
3762
3779
|
isError: o,
|
|
@@ -3765,49 +3782,49 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3765
3782
|
size: d
|
|
3766
3783
|
},
|
|
3767
3784
|
/* @__PURE__ */ e.createElement(
|
|
3768
|
-
|
|
3785
|
+
Ko,
|
|
3769
3786
|
{
|
|
3770
3787
|
isOpen: O,
|
|
3771
3788
|
isSearchDisabled: k,
|
|
3772
3789
|
isDisabled: _,
|
|
3773
|
-
placeholder:
|
|
3790
|
+
placeholder: s,
|
|
3774
3791
|
selectedItems: l,
|
|
3775
3792
|
type: g,
|
|
3776
3793
|
size: d,
|
|
3777
3794
|
clearSearchAfterSelection: p,
|
|
3778
|
-
onItemRemove:
|
|
3795
|
+
onItemRemove: ba,
|
|
3779
3796
|
onSelect: gt,
|
|
3780
3797
|
onFilter: ga,
|
|
3781
|
-
searchPhrase:
|
|
3798
|
+
searchPhrase: ve,
|
|
3782
3799
|
virtualItemRef: Qe
|
|
3783
3800
|
}
|
|
3784
3801
|
)
|
|
3785
|
-
), /* @__PURE__ */ e.createElement(
|
|
3786
|
-
|
|
3802
|
+
), /* @__PURE__ */ e.createElement(pr, { id: B }, O && /* @__PURE__ */ e.createElement(Xr, null, /* @__PURE__ */ e.createElement(
|
|
3803
|
+
Ho,
|
|
3787
3804
|
{
|
|
3788
3805
|
pickerType: g,
|
|
3789
3806
|
options: W,
|
|
3790
3807
|
listClassName: r,
|
|
3791
3808
|
context: Xe,
|
|
3792
|
-
setFloating:
|
|
3793
|
-
floatingStyles:
|
|
3794
|
-
maxHeight:
|
|
3809
|
+
setFloating: Q.setFloating,
|
|
3810
|
+
floatingStyles: Re,
|
|
3811
|
+
maxHeight: Me,
|
|
3795
3812
|
isPositioned: ca,
|
|
3796
3813
|
pointer: z,
|
|
3797
3814
|
activeIndex: Be,
|
|
3798
|
-
selectedKeys:
|
|
3815
|
+
selectedKeys: $e,
|
|
3799
3816
|
listElementsRef: at,
|
|
3800
3817
|
setPointer: j,
|
|
3801
3818
|
onSelect: gt,
|
|
3802
3819
|
getFloatingProps: ma,
|
|
3803
3820
|
getItemProps: pa,
|
|
3804
|
-
emptyStateText:
|
|
3821
|
+
emptyStateText: n,
|
|
3805
3822
|
virtuosoProps: x
|
|
3806
3823
|
}
|
|
3807
3824
|
))));
|
|
3808
|
-
},
|
|
3809
|
-
popover:
|
|
3810
|
-
},
|
|
3825
|
+
}, Xo = "lc-Popover-module__popover___8X1b2", jo = {
|
|
3826
|
+
popover: Xo
|
|
3827
|
+
}, Bc = ({
|
|
3811
3828
|
triggerRenderer: t,
|
|
3812
3829
|
onClose: a,
|
|
3813
3830
|
onOpen: r,
|
|
@@ -3816,61 +3833,61 @@ const Dt = "select-all", Lo = (t, a) => {
|
|
|
3816
3833
|
triggerClassName: c,
|
|
3817
3834
|
placement: l,
|
|
3818
3835
|
flipOptions: d,
|
|
3819
|
-
offsetSize:
|
|
3836
|
+
offsetSize: s = 4,
|
|
3820
3837
|
isVisible: i,
|
|
3821
|
-
openedOnInit:
|
|
3838
|
+
openedOnInit: n,
|
|
3822
3839
|
closeOnEsc: m = !0,
|
|
3823
3840
|
useDismissHookProps: g,
|
|
3824
3841
|
useClickHookProps: k,
|
|
3825
3842
|
floatingStrategy: b
|
|
3826
3843
|
}) => {
|
|
3827
|
-
const [f, p] = e.useState(
|
|
3828
|
-
Ae ? r == null || r(
|
|
3844
|
+
const [f, p] = e.useState(n), y = jr(), v = mr(), E = i !== void 0, w = E ? i : f, x = typeof _ == "string", $ = typeof t == "function", F = (Ae, Me) => {
|
|
3845
|
+
Ae ? r == null || r(Me) : a == null || a(Me), !E && p(Ae);
|
|
3829
3846
|
}, { refs: S, context: O, floatingStyles: P } = jt({
|
|
3830
|
-
nodeId:
|
|
3847
|
+
nodeId: v,
|
|
3831
3848
|
open: w,
|
|
3832
3849
|
onOpenChange: F,
|
|
3833
|
-
middleware: [Zt(
|
|
3850
|
+
middleware: [Zt(s), ea(d), Ma()],
|
|
3834
3851
|
placement: l,
|
|
3835
3852
|
strategy: b,
|
|
3836
3853
|
whileElementsMounted: ta
|
|
3837
|
-
}), z = aa(O, k), j = ra(O,
|
|
3854
|
+
}), z = aa(O, k), j = ra(O, h({
|
|
3838
3855
|
escapeKey: m
|
|
3839
|
-
}, g)),
|
|
3856
|
+
}, g)), $e = _a(O), { getReferenceProps: de, getFloatingProps: Be } = oa([
|
|
3840
3857
|
z,
|
|
3841
3858
|
j,
|
|
3842
|
-
|
|
3843
|
-
]), Pe = u(
|
|
3859
|
+
$e
|
|
3860
|
+
]), Pe = u(jo.popover, o), ve = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3844
3861
|
"div",
|
|
3845
|
-
N(
|
|
3862
|
+
N(h({
|
|
3846
3863
|
"data-testid": "popover-trigger-button",
|
|
3847
3864
|
ref: S.setReference
|
|
3848
|
-
},
|
|
3865
|
+
}, de()), {
|
|
3849
3866
|
className: c
|
|
3850
3867
|
}),
|
|
3851
3868
|
$ ? t() : t
|
|
3852
|
-
), /* @__PURE__ */ e.createElement(
|
|
3869
|
+
), /* @__PURE__ */ e.createElement(pr, { id: v }, w && /* @__PURE__ */ e.createElement(Da, { context: O, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
3853
3870
|
"div",
|
|
3854
|
-
|
|
3871
|
+
h({
|
|
3855
3872
|
className: Pe,
|
|
3856
3873
|
ref: S.setFloating,
|
|
3857
3874
|
style: P
|
|
3858
3875
|
}, Be()),
|
|
3859
|
-
x ? /* @__PURE__ */ e.createElement(
|
|
3876
|
+
x ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
|
|
3860
3877
|
))));
|
|
3861
|
-
return y === null ? /* @__PURE__ */ e.createElement(
|
|
3862
|
-
},
|
|
3878
|
+
return y === null ? /* @__PURE__ */ e.createElement(Zr, null, ve) : ve;
|
|
3879
|
+
}, Zo = [
|
|
3863
3880
|
"normal",
|
|
3864
3881
|
"error",
|
|
3865
3882
|
"success"
|
|
3866
|
-
],
|
|
3867
|
-
function
|
|
3868
|
-
return t === "error" ? 0 :
|
|
3883
|
+
], el = (t) => Math.min(Math.max(t, 0), 100);
|
|
3884
|
+
function Cr(t, a = 0) {
|
|
3885
|
+
return t === "error" ? 0 : el(parseInt(a.toString(), 10));
|
|
3869
3886
|
}
|
|
3870
|
-
function
|
|
3871
|
-
return !
|
|
3887
|
+
function xr(t, a) {
|
|
3888
|
+
return !Zo.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
3872
3889
|
}
|
|
3873
|
-
const
|
|
3890
|
+
const wt = {
|
|
3874
3891
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
3875
3892
|
"progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
|
|
3876
3893
|
"progress-circle--medium": "lc-ProgressCircle-module__progress-circle--medium___XlzEX",
|
|
@@ -3881,15 +3898,15 @@ const $t = {
|
|
|
3881
3898
|
"progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
|
|
3882
3899
|
"progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
|
|
3883
3900
|
"progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
|
|
3884
|
-
},
|
|
3901
|
+
}, tl = {
|
|
3885
3902
|
small: 2,
|
|
3886
3903
|
medium: 3,
|
|
3887
3904
|
large: 4
|
|
3888
|
-
},
|
|
3905
|
+
}, al = {
|
|
3889
3906
|
small: 15,
|
|
3890
3907
|
medium: 36,
|
|
3891
3908
|
large: 56
|
|
3892
|
-
},
|
|
3909
|
+
}, Nt = "progress-circle", rl = e.forwardRef(
|
|
3893
3910
|
(l, c) => {
|
|
3894
3911
|
var d = l, {
|
|
3895
3912
|
status: t = "normal",
|
|
@@ -3902,20 +3919,20 @@ const $t = {
|
|
|
3902
3919
|
"className",
|
|
3903
3920
|
"size"
|
|
3904
3921
|
]);
|
|
3905
|
-
const
|
|
3906
|
-
|
|
3922
|
+
const s = xr(t, a), i = Cr(s, a), n = tl[_], m = al[_], g = u(
|
|
3923
|
+
wt[Nt],
|
|
3907
3924
|
{
|
|
3908
|
-
[
|
|
3909
|
-
[
|
|
3925
|
+
[wt[`${Nt}--${_}`]]: _,
|
|
3926
|
+
[wt[`${Nt}--${t}`]]: t
|
|
3910
3927
|
},
|
|
3911
3928
|
r
|
|
3912
|
-
), k = 2 * Math.PI * ((m -
|
|
3929
|
+
), k = 2 * Math.PI * ((m - n) / 2), b = {
|
|
3913
3930
|
strokeDasharray: k.toFixed(3),
|
|
3914
3931
|
strokeDashoffset: `${((100 - i) / 100 * k).toFixed(3)}px`
|
|
3915
3932
|
}, f = `${m / 2} ${m / 2} ${m} ${m}`;
|
|
3916
3933
|
return /* @__PURE__ */ e.createElement(
|
|
3917
3934
|
"div",
|
|
3918
|
-
|
|
3935
|
+
h({
|
|
3919
3936
|
className: g,
|
|
3920
3937
|
ref: c,
|
|
3921
3938
|
role: "progressbar"
|
|
@@ -3923,23 +3940,23 @@ const $t = {
|
|
|
3923
3940
|
/* @__PURE__ */ e.createElement("svg", { viewBox: f }, /* @__PURE__ */ e.createElement(
|
|
3924
3941
|
"circle",
|
|
3925
3942
|
{
|
|
3926
|
-
className:
|
|
3943
|
+
className: wt[`${Nt}__bg-line--${t}`],
|
|
3927
3944
|
cx: m,
|
|
3928
3945
|
cy: m,
|
|
3929
|
-
r: (m -
|
|
3946
|
+
r: (m - n) / 2,
|
|
3930
3947
|
fill: "none",
|
|
3931
|
-
strokeWidth:
|
|
3948
|
+
strokeWidth: n
|
|
3932
3949
|
}
|
|
3933
3950
|
), /* @__PURE__ */ e.createElement(
|
|
3934
3951
|
"circle",
|
|
3935
3952
|
{
|
|
3936
|
-
className:
|
|
3953
|
+
className: wt[`${Nt}__indicator--${t}`],
|
|
3937
3954
|
style: b,
|
|
3938
3955
|
cx: m,
|
|
3939
3956
|
cy: m,
|
|
3940
|
-
r: (m -
|
|
3957
|
+
r: (m - n) / 2,
|
|
3941
3958
|
fill: "none",
|
|
3942
|
-
strokeWidth:
|
|
3959
|
+
strokeWidth: n
|
|
3943
3960
|
}
|
|
3944
3961
|
))
|
|
3945
3962
|
);
|
|
@@ -3954,7 +3971,7 @@ const $t = {
|
|
|
3954
3971
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
3955
3972
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
3956
3973
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
3957
|
-
}, Vt = "progress-bar",
|
|
3974
|
+
}, Vt = "progress-bar", _l = e.forwardRef(
|
|
3958
3975
|
(l, c) => {
|
|
3959
3976
|
var d = l, {
|
|
3960
3977
|
status: t = "normal",
|
|
@@ -3967,7 +3984,7 @@ const $t = {
|
|
|
3967
3984
|
"size",
|
|
3968
3985
|
"className"
|
|
3969
3986
|
]);
|
|
3970
|
-
const
|
|
3987
|
+
const s = xr(t, a), i = Cr(s, a), n = u(
|
|
3971
3988
|
Wt[Vt],
|
|
3972
3989
|
{
|
|
3973
3990
|
[Wt[`${Vt}--${r}`]]: r,
|
|
@@ -3977,8 +3994,8 @@ const $t = {
|
|
|
3977
3994
|
);
|
|
3978
3995
|
return /* @__PURE__ */ e.createElement(
|
|
3979
3996
|
"div",
|
|
3980
|
-
N(
|
|
3981
|
-
className:
|
|
3997
|
+
N(h({}, o), {
|
|
3998
|
+
className: n,
|
|
3982
3999
|
ref: c,
|
|
3983
4000
|
role: "progressbar"
|
|
3984
4001
|
}),
|
|
@@ -4003,7 +4020,7 @@ const $t = {
|
|
|
4003
4020
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
4004
4021
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
4005
4022
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
4006
|
-
},
|
|
4023
|
+
}, ol = 400, ll = 800, cl = 500, Ne = "promo-banner", Pc = ({
|
|
4007
4024
|
className: t,
|
|
4008
4025
|
buttonText: a,
|
|
4009
4026
|
children: r,
|
|
@@ -4012,10 +4029,10 @@ const $t = {
|
|
|
4012
4029
|
light: c = !1,
|
|
4013
4030
|
linkText: l,
|
|
4014
4031
|
onButtonClick: d,
|
|
4015
|
-
onClose:
|
|
4032
|
+
onClose: s,
|
|
4016
4033
|
onLinkClick: i
|
|
4017
4034
|
}) => {
|
|
4018
|
-
const
|
|
4035
|
+
const n = e.useRef(null), [m, g] = e.useState("medium"), k = u(
|
|
4019
4036
|
we[Ne],
|
|
4020
4037
|
{
|
|
4021
4038
|
[we[`${Ne}--light`]]: c,
|
|
@@ -4025,9 +4042,9 @@ const $t = {
|
|
|
4025
4042
|
t
|
|
4026
4043
|
);
|
|
4027
4044
|
e.useEffect(() => {
|
|
4028
|
-
const f = () =>
|
|
4045
|
+
const f = () => n.current && n.current.offsetWidth <= ol ? g("small") : n.current && n.current.offsetWidth >= ll ? g("large") : g("medium"), p = gr(
|
|
4029
4046
|
f,
|
|
4030
|
-
|
|
4047
|
+
cl
|
|
4031
4048
|
);
|
|
4032
4049
|
return window.addEventListener("resize", p), f(), () => {
|
|
4033
4050
|
p.cancel(), window.removeEventListener("resize", f);
|
|
@@ -4043,12 +4060,12 @@ const $t = {
|
|
|
4043
4060
|
},
|
|
4044
4061
|
a
|
|
4045
4062
|
), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, l));
|
|
4046
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
4063
|
+
return /* @__PURE__ */ e.createElement("div", { ref: n, className: k }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: we[`${Ne}__img`] }), /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: we[`${Ne}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), m !== "large" && b), m === "large" && b), s && /* @__PURE__ */ e.createElement(
|
|
4047
4064
|
"button",
|
|
4048
4065
|
{
|
|
4049
4066
|
type: "button",
|
|
4050
4067
|
className: we[`${Ne}__close-icon`],
|
|
4051
|
-
onClick:
|
|
4068
|
+
onClick: s
|
|
4052
4069
|
},
|
|
4053
4070
|
/* @__PURE__ */ e.createElement(D, { source: Te, size: "large", kind: "primary" })
|
|
4054
4071
|
));
|
|
@@ -4062,7 +4079,7 @@ const $t = {
|
|
|
4062
4079
|
"promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
|
|
4063
4080
|
"promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC",
|
|
4064
4081
|
"promo-banner-v2--vertical": "lc-PromoBannerV2-module__promo-banner-v2--vertical___p0mSU"
|
|
4065
|
-
}, qe = "promo-banner-v2",
|
|
4082
|
+
}, qe = "promo-banner-v2", Ac = ({
|
|
4066
4083
|
children: t,
|
|
4067
4084
|
className: a,
|
|
4068
4085
|
additionalContent: r,
|
|
@@ -4071,7 +4088,7 @@ const $t = {
|
|
|
4071
4088
|
vertical: c,
|
|
4072
4089
|
contentClassName: l,
|
|
4073
4090
|
additionalContentClassName: d,
|
|
4074
|
-
onClose:
|
|
4091
|
+
onClose: s
|
|
4075
4092
|
}) => {
|
|
4076
4093
|
const i = u(He["main-wrapper"], a);
|
|
4077
4094
|
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: i }, /* @__PURE__ */ e.createElement(
|
|
@@ -4108,11 +4125,11 @@ const $t = {
|
|
|
4108
4125
|
},
|
|
4109
4126
|
r
|
|
4110
4127
|
),
|
|
4111
|
-
|
|
4128
|
+
s && /* @__PURE__ */ e.createElement("div", { className: He[`${qe}__close`] }, /* @__PURE__ */ e.createElement(
|
|
4112
4129
|
U,
|
|
4113
4130
|
{
|
|
4114
4131
|
className: He[`${qe}__close__btn`],
|
|
4115
|
-
onClick:
|
|
4132
|
+
onClick: s,
|
|
4116
4133
|
icon: /* @__PURE__ */ e.createElement(D, { source: Te, kind: "primary" }),
|
|
4117
4134
|
kind: "plain",
|
|
4118
4135
|
size: "compact"
|
|
@@ -4129,23 +4146,23 @@ const $t = {
|
|
|
4129
4146
|
"radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
|
|
4130
4147
|
"radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
|
|
4131
4148
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
4132
|
-
}, Ge = "radio-button",
|
|
4149
|
+
}, Ge = "radio-button", Ic = e.forwardRef(
|
|
4133
4150
|
(d, l) => {
|
|
4134
|
-
var
|
|
4151
|
+
var s = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = A(s, ["children", "className", "description", "checked", "disabled"]);
|
|
4135
4152
|
const i = u(ze[Ge], a, {
|
|
4136
4153
|
[ze[`${Ge}--selected`]]: _,
|
|
4137
4154
|
[ze[`${Ge}--disabled`]]: o
|
|
4138
4155
|
});
|
|
4139
4156
|
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: ze[`${Ge}__label`] }, /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: ze[`${Ge}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
4140
4157
|
"input",
|
|
4141
|
-
N(
|
|
4158
|
+
N(h({}, c), {
|
|
4142
4159
|
className: ze[`${Ge}__input`],
|
|
4143
4160
|
ref: l,
|
|
4144
4161
|
type: "radio",
|
|
4145
4162
|
checked: _,
|
|
4146
4163
|
disabled: o
|
|
4147
4164
|
})
|
|
4148
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
4165
|
+
)), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: ze[`${Ge}__text`] }, t)), r && /* @__PURE__ */ e.createElement(la, { className: ze[`${Ge}__helper`] }, r));
|
|
4149
4166
|
}
|
|
4150
4167
|
), Fe = {
|
|
4151
4168
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
@@ -4160,7 +4177,7 @@ const $t = {
|
|
|
4160
4177
|
"search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
|
|
4161
4178
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
4162
4179
|
"search-input__input": "lc-Search-module__search-input__input___OhyTr"
|
|
4163
|
-
}, xe = "search-input",
|
|
4180
|
+
}, xe = "search-input", nl = `${xe}__input`, Fc = ({
|
|
4164
4181
|
isCollapsable: t,
|
|
4165
4182
|
isDisabled: a,
|
|
4166
4183
|
isLoading: r,
|
|
@@ -4170,14 +4187,14 @@ const $t = {
|
|
|
4170
4187
|
className: l,
|
|
4171
4188
|
onChange: d
|
|
4172
4189
|
}) => {
|
|
4173
|
-
const [
|
|
4190
|
+
const [s, i] = e.useState(!0), [n, m] = e.useState(!1), g = e.useRef(null), k = !!c && !a && !r, b = t && !s && "true", f = u(
|
|
4174
4191
|
l,
|
|
4175
4192
|
Fe[xe],
|
|
4176
4193
|
Fe[`${xe}--${o}`],
|
|
4177
|
-
|
|
4194
|
+
n && Fe[`${xe}--focused`],
|
|
4178
4195
|
a && Fe[`${xe}--disabled`],
|
|
4179
4196
|
t && Fe[`${xe}--collapsable`],
|
|
4180
|
-
!
|
|
4197
|
+
!s && Fe[`${xe}--collapsable--open`]
|
|
4181
4198
|
);
|
|
4182
4199
|
e.useEffect(() => {
|
|
4183
4200
|
t && c && i(!1);
|
|
@@ -4187,7 +4204,7 @@ const $t = {
|
|
|
4187
4204
|
d(F);
|
|
4188
4205
|
}, y = () => {
|
|
4189
4206
|
d("");
|
|
4190
|
-
},
|
|
4207
|
+
}, v = () => {
|
|
4191
4208
|
var $;
|
|
4192
4209
|
($ = g.current) == null || $.focus();
|
|
4193
4210
|
}, E = () => {
|
|
@@ -4203,7 +4220,7 @@ const $t = {
|
|
|
4203
4220
|
"aria-expanded": b,
|
|
4204
4221
|
role: "search",
|
|
4205
4222
|
className: f,
|
|
4206
|
-
onClick:
|
|
4223
|
+
onClick: v
|
|
4207
4224
|
},
|
|
4208
4225
|
/* @__PURE__ */ e.createElement(
|
|
4209
4226
|
D,
|
|
@@ -4219,7 +4236,7 @@ const $t = {
|
|
|
4219
4236
|
{
|
|
4220
4237
|
role: "searchbox",
|
|
4221
4238
|
ref: g,
|
|
4222
|
-
className: Fe[
|
|
4239
|
+
className: Fe[nl],
|
|
4223
4240
|
type: "text",
|
|
4224
4241
|
value: c,
|
|
4225
4242
|
placeholder: _,
|
|
@@ -4248,10 +4265,10 @@ const $t = {
|
|
|
4248
4265
|
"data-testid": `${xe}-loader`,
|
|
4249
4266
|
className: Fe[`${xe}__loader`]
|
|
4250
4267
|
},
|
|
4251
|
-
/* @__PURE__ */ e.createElement(
|
|
4268
|
+
/* @__PURE__ */ e.createElement(La, { size: "small" })
|
|
4252
4269
|
)
|
|
4253
4270
|
);
|
|
4254
|
-
},
|
|
4271
|
+
}, sl = "lc-Switch-module__switch__input___NiiOR", il = "lc-Switch-module__switch__container___79F7W", dl = "lc-Switch-module__switch__track___2wr2M", ul = "lc-Switch-module__switch__slider___WHd--", ml = "lc-Switch-module__switch__loader___FE-fA", pl = "lc-Switch-module__switch__icon___-O1qY", ce = {
|
|
4255
4272
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
4256
4273
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
4257
4274
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -4259,12 +4276,12 @@ const $t = {
|
|
|
4259
4276
|
"switch--large": "lc-Switch-module__switch--large___pSoJ7",
|
|
4260
4277
|
"switch--compact": "lc-Switch-module__switch--compact___OGFIX",
|
|
4261
4278
|
"switch--medium": "lc-Switch-module__switch--medium___EcZwT",
|
|
4262
|
-
switch__input:
|
|
4279
|
+
switch__input: sl,
|
|
4263
4280
|
"switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
|
|
4264
|
-
switch__container:
|
|
4265
|
-
switch__track:
|
|
4281
|
+
switch__container: il,
|
|
4282
|
+
switch__track: dl,
|
|
4266
4283
|
"switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
|
|
4267
|
-
switch__slider:
|
|
4284
|
+
switch__slider: ul,
|
|
4268
4285
|
"switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
|
|
4269
4286
|
"switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
|
|
4270
4287
|
"switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
|
|
@@ -4274,11 +4291,11 @@ const $t = {
|
|
|
4274
4291
|
"switch__slider--medium": "lc-Switch-module__switch__slider--medium___uhptz",
|
|
4275
4292
|
"switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
|
|
4276
4293
|
"switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
|
|
4277
|
-
switch__loader:
|
|
4294
|
+
switch__loader: ml,
|
|
4278
4295
|
"switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
|
|
4279
4296
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
4280
4297
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
4281
|
-
switch__icon:
|
|
4298
|
+
switch__icon: pl
|
|
4282
4299
|
}, ae = "switch", Mc = (m) => {
|
|
4283
4300
|
var g = m, {
|
|
4284
4301
|
className: t = "",
|
|
@@ -4289,9 +4306,9 @@ const $t = {
|
|
|
4289
4306
|
onChange: c,
|
|
4290
4307
|
size: l = "large",
|
|
4291
4308
|
state: d = "regular",
|
|
4292
|
-
innerRef:
|
|
4309
|
+
innerRef: s,
|
|
4293
4310
|
ariaLabel: i
|
|
4294
|
-
} = g,
|
|
4311
|
+
} = g, n = A(g, [
|
|
4295
4312
|
"className",
|
|
4296
4313
|
"defaultOn",
|
|
4297
4314
|
"disabled",
|
|
@@ -4305,7 +4322,7 @@ const $t = {
|
|
|
4305
4322
|
]);
|
|
4306
4323
|
const k = o !== void 0, [b, f] = e.useState(
|
|
4307
4324
|
() => k ? o : a
|
|
4308
|
-
), p = k ? o : b, y = d === "loading",
|
|
4325
|
+
), p = k ? o : b, y = d === "loading", v = d === "locked", E = l === "large" ? "small" : "xsmall", w = p ? "on" : "off", x = r || y || v, $ = x ? "disabled" : "enabled", F = u(
|
|
4309
4326
|
ce[ae],
|
|
4310
4327
|
ce[`${ae}--${l}`],
|
|
4311
4328
|
t
|
|
@@ -4314,7 +4331,7 @@ const $t = {
|
|
|
4314
4331
|
};
|
|
4315
4332
|
return /* @__PURE__ */ e.createElement("span", { className: F }, /* @__PURE__ */ e.createElement(
|
|
4316
4333
|
"input",
|
|
4317
|
-
|
|
4334
|
+
h({
|
|
4318
4335
|
type: "checkbox",
|
|
4319
4336
|
className: u(
|
|
4320
4337
|
ce[`${ae}__input`],
|
|
@@ -4323,10 +4340,10 @@ const $t = {
|
|
|
4323
4340
|
onChange: S,
|
|
4324
4341
|
checked: p,
|
|
4325
4342
|
name: _,
|
|
4326
|
-
ref:
|
|
4343
|
+
ref: s,
|
|
4327
4344
|
disabled: x,
|
|
4328
4345
|
"aria-label": i
|
|
4329
|
-
},
|
|
4346
|
+
}, n)
|
|
4330
4347
|
), /* @__PURE__ */ e.createElement("span", { className: ce[`${ae}__container`] }, /* @__PURE__ */ e.createElement(
|
|
4331
4348
|
"span",
|
|
4332
4349
|
{
|
|
@@ -4346,7 +4363,7 @@ const $t = {
|
|
|
4346
4363
|
)
|
|
4347
4364
|
},
|
|
4348
4365
|
y && /* @__PURE__ */ e.createElement(
|
|
4349
|
-
|
|
4366
|
+
La,
|
|
4350
4367
|
{
|
|
4351
4368
|
className: u(
|
|
4352
4369
|
ce[`${ae}__loader`],
|
|
@@ -4354,7 +4371,7 @@ const $t = {
|
|
|
4354
4371
|
)
|
|
4355
4372
|
}
|
|
4356
4373
|
),
|
|
4357
|
-
|
|
4374
|
+
v && /* @__PURE__ */ e.createElement(
|
|
4358
4375
|
D,
|
|
4359
4376
|
{
|
|
4360
4377
|
className: ce[`${ae}__icon`],
|
|
@@ -4365,24 +4382,24 @@ const $t = {
|
|
|
4365
4382
|
}
|
|
4366
4383
|
)
|
|
4367
4384
|
)));
|
|
4368
|
-
},
|
|
4369
|
-
tab:
|
|
4370
|
-
tab__count:
|
|
4385
|
+
}, gl = "lc-Tab-module__tab___fME7u", bl = "lc-Tab-module__tab__count___gc8tA", fl = "lc-Tab-module__tab__badge___W9c-T", it = {
|
|
4386
|
+
tab: gl,
|
|
4387
|
+
tab__count: bl,
|
|
4371
4388
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
4372
4389
|
"tab--medium": "lc-Tab-module__tab--medium___bHnGV",
|
|
4373
4390
|
"tab--large": "lc-Tab-module__tab--large___JL30g",
|
|
4374
|
-
tab__badge:
|
|
4391
|
+
tab__badge: fl,
|
|
4375
4392
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
4376
4393
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
4377
|
-
}, dt = "tab",
|
|
4378
|
-
var
|
|
4394
|
+
}, dt = "tab", Rc = (d) => {
|
|
4395
|
+
var s = d, {
|
|
4379
4396
|
children: t,
|
|
4380
4397
|
className: a,
|
|
4381
4398
|
count: r,
|
|
4382
4399
|
isSelected: _,
|
|
4383
4400
|
asBadge: o,
|
|
4384
4401
|
size: c = "medium"
|
|
4385
|
-
} =
|
|
4402
|
+
} = s, l = A(s, [
|
|
4386
4403
|
"children",
|
|
4387
4404
|
"className",
|
|
4388
4405
|
"count",
|
|
@@ -4390,10 +4407,10 @@ const $t = {
|
|
|
4390
4407
|
"asBadge",
|
|
4391
4408
|
"size"
|
|
4392
4409
|
]);
|
|
4393
|
-
const { disabled: i } = l,
|
|
4410
|
+
const { disabled: i } = l, n = r !== void 0 && !o, m = r !== void 0 && o;
|
|
4394
4411
|
return /* @__PURE__ */ e.createElement(
|
|
4395
|
-
|
|
4396
|
-
N(
|
|
4412
|
+
M,
|
|
4413
|
+
N(h({}, l), {
|
|
4397
4414
|
as: l.href ? "a" : "button",
|
|
4398
4415
|
size: "md",
|
|
4399
4416
|
bold: _,
|
|
@@ -4406,9 +4423,9 @@ const $t = {
|
|
|
4406
4423
|
)
|
|
4407
4424
|
}),
|
|
4408
4425
|
t,
|
|
4409
|
-
|
|
4426
|
+
n && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: it[`${dt}__count`] }, "(", r, ")"),
|
|
4410
4427
|
m && /* @__PURE__ */ e.createElement(
|
|
4411
|
-
|
|
4428
|
+
U_,
|
|
4412
4429
|
{
|
|
4413
4430
|
"data-testid": "tab-badge",
|
|
4414
4431
|
count: r,
|
|
@@ -4417,16 +4434,16 @@ const $t = {
|
|
|
4417
4434
|
}
|
|
4418
4435
|
)
|
|
4419
4436
|
);
|
|
4420
|
-
}, vl = "lc-TabsWrapper-module__tabs___Y2xyD",
|
|
4437
|
+
}, vl = "lc-TabsWrapper-module__tabs___Y2xyD", hl = "lc-TabsWrapper-module__tabs__list___i6tVO", Sr = {
|
|
4421
4438
|
tabs: vl,
|
|
4422
|
-
tabs__list:
|
|
4423
|
-
},
|
|
4439
|
+
tabs__list: hl
|
|
4440
|
+
}, Dr = "tabs", Lc = ({
|
|
4424
4441
|
className: t,
|
|
4425
4442
|
children: a
|
|
4426
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
4443
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(Sr[Dr], t) }, a), Oc = ({
|
|
4427
4444
|
className: t,
|
|
4428
4445
|
children: a
|
|
4429
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: u(
|
|
4446
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: u(Sr[`${Dr}__list`], t) }, a), kl = ({
|
|
4430
4447
|
className: t = "",
|
|
4431
4448
|
innerEditableRef: a,
|
|
4432
4449
|
inputRef: r,
|
|
@@ -4434,19 +4451,19 @@ const $t = {
|
|
|
4434
4451
|
remove: o,
|
|
4435
4452
|
value: c
|
|
4436
4453
|
}) => {
|
|
4437
|
-
const [l, d] = e.useState(!1),
|
|
4438
|
-
const b =
|
|
4454
|
+
const [l, d] = e.useState(!1), s = () => a.current, i = () => {
|
|
4455
|
+
const b = s();
|
|
4439
4456
|
return b ? b.innerText : "";
|
|
4440
|
-
},
|
|
4457
|
+
}, n = () => {
|
|
4441
4458
|
r && r.current && r.current.focus();
|
|
4442
4459
|
}, m = (b) => {
|
|
4443
4460
|
if (b.key === re.enter) {
|
|
4444
|
-
b.preventDefault(),
|
|
4461
|
+
b.preventDefault(), n();
|
|
4445
4462
|
return;
|
|
4446
4463
|
}
|
|
4447
|
-
b.key === re.backspace && i() === "" && (d(!0), o(),
|
|
4464
|
+
b.key === re.backspace && i() === "" && (d(!0), o(), n());
|
|
4448
4465
|
}, g = () => {
|
|
4449
|
-
const b =
|
|
4466
|
+
const b = s();
|
|
4450
4467
|
if (!(l || !b)) {
|
|
4451
4468
|
if (b.innerText === "") {
|
|
4452
4469
|
o();
|
|
@@ -4457,7 +4474,7 @@ const $t = {
|
|
|
4457
4474
|
}, k = (b) => {
|
|
4458
4475
|
b.preventDefault();
|
|
4459
4476
|
const f = b.clipboardData.getData("text/plain");
|
|
4460
|
-
document.execCommand("insertHTML", !1,
|
|
4477
|
+
document.execCommand("insertHTML", !1, Wa(f));
|
|
4461
4478
|
};
|
|
4462
4479
|
return /* @__PURE__ */ e.createElement(
|
|
4463
4480
|
"div",
|
|
@@ -4468,17 +4485,17 @@ const $t = {
|
|
|
4468
4485
|
onPaste: k,
|
|
4469
4486
|
onBlur: g,
|
|
4470
4487
|
onKeyDown: m,
|
|
4471
|
-
dangerouslySetInnerHTML: { __html:
|
|
4488
|
+
dangerouslySetInnerHTML: { __html: Wa(c) }
|
|
4472
4489
|
}
|
|
4473
4490
|
);
|
|
4474
|
-
},
|
|
4491
|
+
}, St = {
|
|
4475
4492
|
"tag-input": "lc-TagInput-module__tag-input___CLVY-",
|
|
4476
4493
|
"tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
|
|
4477
4494
|
"tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
|
|
4478
4495
|
"tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
|
|
4479
4496
|
"tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
|
|
4480
4497
|
"tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
|
|
4481
|
-
},
|
|
4498
|
+
}, yl = "tag-input__tag", El = ({
|
|
4482
4499
|
children: t,
|
|
4483
4500
|
index: a,
|
|
4484
4501
|
remove: r,
|
|
@@ -4487,9 +4504,9 @@ const $t = {
|
|
|
4487
4504
|
update: c,
|
|
4488
4505
|
size: l
|
|
4489
4506
|
}) => {
|
|
4490
|
-
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]),
|
|
4507
|
+
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
|
|
4491
4508
|
return /* @__PURE__ */ e.createElement(
|
|
4492
|
-
|
|
4509
|
+
Nr,
|
|
4493
4510
|
{
|
|
4494
4511
|
kind: d ? "default" : "error",
|
|
4495
4512
|
dismissible: !0,
|
|
@@ -4497,25 +4514,25 @@ const $t = {
|
|
|
4497
4514
|
onRemove: i
|
|
4498
4515
|
},
|
|
4499
4516
|
/* @__PURE__ */ e.createElement(
|
|
4500
|
-
|
|
4517
|
+
kl,
|
|
4501
4518
|
{
|
|
4502
4519
|
value: t,
|
|
4503
4520
|
inputRef: o,
|
|
4504
|
-
innerEditableRef:
|
|
4505
|
-
className:
|
|
4506
|
-
change: (
|
|
4521
|
+
innerEditableRef: s,
|
|
4522
|
+
className: St[`${yl}__content`],
|
|
4523
|
+
change: (n) => c(a, n),
|
|
4507
4524
|
remove: i,
|
|
4508
4525
|
validator: _
|
|
4509
4526
|
}
|
|
4510
4527
|
)
|
|
4511
4528
|
);
|
|
4512
|
-
}, Yt = "tag-input",
|
|
4529
|
+
}, Yt = "tag-input", $l = [
|
|
4513
4530
|
re.enter,
|
|
4514
4531
|
re.spacebar,
|
|
4515
4532
|
re.tab,
|
|
4516
4533
|
re.semicolon,
|
|
4517
4534
|
re.comma
|
|
4518
|
-
],
|
|
4535
|
+
], wl = [re.backspace, re.delete], Nl = (g) => {
|
|
4519
4536
|
var k = g, {
|
|
4520
4537
|
id: t,
|
|
4521
4538
|
tags: a,
|
|
@@ -4525,9 +4542,9 @@ const $t = {
|
|
|
4525
4542
|
placeholder: c,
|
|
4526
4543
|
size: l = "medium",
|
|
4527
4544
|
className: d,
|
|
4528
|
-
inputClassName:
|
|
4545
|
+
inputClassName: s,
|
|
4529
4546
|
onBlur: i,
|
|
4530
|
-
addOnBlur:
|
|
4547
|
+
addOnBlur: n = !0
|
|
4531
4548
|
} = k, m = A(k, [
|
|
4532
4549
|
"id",
|
|
4533
4550
|
"tags",
|
|
@@ -4542,36 +4559,36 @@ const $t = {
|
|
|
4542
4559
|
"addOnBlur"
|
|
4543
4560
|
]);
|
|
4544
4561
|
const b = u(
|
|
4545
|
-
|
|
4562
|
+
St[Yt],
|
|
4546
4563
|
{
|
|
4547
|
-
[
|
|
4564
|
+
[St[`${Yt}--error`]]: o
|
|
4548
4565
|
},
|
|
4549
4566
|
d
|
|
4550
4567
|
), f = u(
|
|
4551
|
-
|
|
4552
|
-
|
|
4553
|
-
|
|
4554
|
-
), [p, y] = e.useState(""),
|
|
4568
|
+
s,
|
|
4569
|
+
St[`${Yt}__input`],
|
|
4570
|
+
St[`${Yt}__input--${l}`]
|
|
4571
|
+
), [p, y] = e.useState(""), v = e.useRef(null), E = (P) => {
|
|
4555
4572
|
r([...a || [], P]), y("");
|
|
4556
4573
|
}, w = (P) => {
|
|
4557
4574
|
const z = [...a || []];
|
|
4558
4575
|
z.splice(P, 1), r(z);
|
|
4559
4576
|
}, x = (P) => y(P.target.value), $ = (P) => {
|
|
4560
|
-
if (
|
|
4577
|
+
if ($l.includes(P.key)) {
|
|
4561
4578
|
if (P.preventDefault(), p === "")
|
|
4562
4579
|
return;
|
|
4563
4580
|
E(p);
|
|
4564
|
-
} else if (
|
|
4581
|
+
} else if (wl.includes(P.key)) {
|
|
4565
4582
|
if (p !== "" || !(a != null && a.length))
|
|
4566
4583
|
return;
|
|
4567
4584
|
w(a.length - 1);
|
|
4568
4585
|
}
|
|
4569
4586
|
}, F = (P) => {
|
|
4570
|
-
|
|
4587
|
+
n && E(p), i == null || i(P);
|
|
4571
4588
|
}, S = (P, z) => {
|
|
4572
4589
|
const j = [...a || []];
|
|
4573
4590
|
j.reduce(
|
|
4574
|
-
(
|
|
4591
|
+
(de, Be, Pe) => de + (Be === z && Pe !== P ? 1 : 0),
|
|
4575
4592
|
0
|
|
4576
4593
|
) > 0 ? j.splice(P, 1) : j[P] = z, r(j);
|
|
4577
4594
|
}, O = (P) => {
|
|
@@ -4580,22 +4597,22 @@ const $t = {
|
|
|
4580
4597
|
r([...a || [], ...j]);
|
|
4581
4598
|
};
|
|
4582
4599
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: b }, a == null ? void 0 : a.map((P, z) => /* @__PURE__ */ e.createElement(
|
|
4583
|
-
|
|
4600
|
+
El,
|
|
4584
4601
|
{
|
|
4585
4602
|
index: z,
|
|
4586
4603
|
key: `${z}${P}`,
|
|
4587
4604
|
update: S,
|
|
4588
4605
|
remove: w,
|
|
4589
|
-
inputRef:
|
|
4606
|
+
inputRef: v,
|
|
4590
4607
|
validator: _,
|
|
4591
4608
|
size: l
|
|
4592
4609
|
},
|
|
4593
4610
|
P
|
|
4594
4611
|
)), /* @__PURE__ */ e.createElement(
|
|
4595
4612
|
"input",
|
|
4596
|
-
N(
|
|
4613
|
+
N(h({}, m), {
|
|
4597
4614
|
id: t,
|
|
4598
|
-
ref:
|
|
4615
|
+
ref: v,
|
|
4599
4616
|
className: f,
|
|
4600
4617
|
placeholder: c,
|
|
4601
4618
|
value: p,
|
|
@@ -4604,16 +4621,16 @@ const $t = {
|
|
|
4604
4621
|
onPaste: O,
|
|
4605
4622
|
onBlur: F
|
|
4606
4623
|
})
|
|
4607
|
-
)), o && /* @__PURE__ */ e.createElement(
|
|
4608
|
-
},
|
|
4609
|
-
var
|
|
4624
|
+
)), o && /* @__PURE__ */ e.createElement(Oa, null, o));
|
|
4625
|
+
}, Cl = /^(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)])$/i, xl = "name@company.com", Sl = (t) => Cl.test(t), Hc = (d) => {
|
|
4626
|
+
var s = d, {
|
|
4610
4627
|
id: t,
|
|
4611
4628
|
tags: a,
|
|
4612
4629
|
onChange: r,
|
|
4613
4630
|
error: _,
|
|
4614
|
-
placeholder: o =
|
|
4631
|
+
placeholder: o = xl,
|
|
4615
4632
|
size: c
|
|
4616
|
-
} =
|
|
4633
|
+
} = s, l = A(s, [
|
|
4617
4634
|
"id",
|
|
4618
4635
|
"tags",
|
|
4619
4636
|
"onChange",
|
|
@@ -4622,22 +4639,22 @@ const $t = {
|
|
|
4622
4639
|
"size"
|
|
4623
4640
|
]);
|
|
4624
4641
|
return /* @__PURE__ */ e.createElement(
|
|
4625
|
-
|
|
4626
|
-
N(
|
|
4642
|
+
Nl,
|
|
4643
|
+
N(h({}, l), {
|
|
4627
4644
|
id: t,
|
|
4628
4645
|
tags: a,
|
|
4629
4646
|
error: _,
|
|
4630
4647
|
onChange: r,
|
|
4631
4648
|
placeholder: o,
|
|
4632
|
-
validator:
|
|
4649
|
+
validator: Sl,
|
|
4633
4650
|
size: c
|
|
4634
4651
|
})
|
|
4635
4652
|
);
|
|
4636
|
-
},
|
|
4637
|
-
toast:
|
|
4638
|
-
toast__content:
|
|
4639
|
-
toast__actions:
|
|
4640
|
-
toast__actions__button:
|
|
4653
|
+
}, Dl = "lc-Toast-module__toast___j5Amn", Tl = "lc-Toast-module__toast__content___HjaNw", Bl = "lc-Toast-module__toast__actions___JWu-1", Pl = "lc-Toast-module__toast__actions__button___Iblrl", J = {
|
|
4654
|
+
toast: Dl,
|
|
4655
|
+
toast__content: Tl,
|
|
4656
|
+
toast__actions: Bl,
|
|
4657
|
+
toast__actions__button: Pl,
|
|
4641
4658
|
"toast__actions__button--success": "lc-Toast-module__toast__actions__button--success___5JmFw",
|
|
4642
4659
|
"toast__actions__button--warning": "lc-Toast-module__toast__actions__button--warning___zGQ-Q",
|
|
4643
4660
|
"toast__actions__button--error": "lc-Toast-module__toast__actions__button--error___PuTv3",
|
|
@@ -4663,28 +4680,28 @@ const $t = {
|
|
|
4663
4680
|
"toast-appear-active--fade": "lc-Toast-module__toast-appear-active--fade___D3--J",
|
|
4664
4681
|
"toast-exit--fade": "lc-Toast-module__toast-exit--fade___iDA1p",
|
|
4665
4682
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
4666
|
-
},
|
|
4683
|
+
}, Al = {
|
|
4667
4684
|
success: {
|
|
4668
|
-
source:
|
|
4685
|
+
source: ir
|
|
4669
4686
|
},
|
|
4670
4687
|
warning: {
|
|
4671
|
-
source:
|
|
4688
|
+
source: sr
|
|
4672
4689
|
},
|
|
4673
4690
|
error: {
|
|
4674
|
-
source:
|
|
4691
|
+
source: dr
|
|
4675
4692
|
},
|
|
4676
4693
|
info: {
|
|
4677
|
-
source:
|
|
4694
|
+
source: Fa
|
|
4678
4695
|
}
|
|
4679
|
-
}, Ke = "toast",
|
|
4680
|
-
var
|
|
4696
|
+
}, Ke = "toast", Il = (d) => {
|
|
4697
|
+
var s = d, {
|
|
4681
4698
|
action: t,
|
|
4682
4699
|
className: a,
|
|
4683
4700
|
children: r,
|
|
4684
4701
|
removable: _,
|
|
4685
4702
|
kind: o = "info",
|
|
4686
4703
|
onClose: c
|
|
4687
|
-
} =
|
|
4704
|
+
} = s, l = A(s, [
|
|
4688
4705
|
"action",
|
|
4689
4706
|
"className",
|
|
4690
4707
|
"children",
|
|
@@ -4693,14 +4710,14 @@ const $t = {
|
|
|
4693
4710
|
"onClose"
|
|
4694
4711
|
]);
|
|
4695
4712
|
const i = u(
|
|
4696
|
-
|
|
4697
|
-
|
|
4713
|
+
J[Ke],
|
|
4714
|
+
J[`${Ke}--${o}`],
|
|
4698
4715
|
a
|
|
4699
|
-
),
|
|
4700
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
4716
|
+
), n = typeof r == "string", m = (g) => g && g.closesOnClick && c ? (g.onClick(), c()) : g.onClick();
|
|
4717
|
+
return /* @__PURE__ */ e.createElement("div", h({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__icon`] }, /* @__PURE__ */ e.createElement(D, N(h({}, Al[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__content`] }, n ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: J[`${Ke}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
4701
4718
|
U,
|
|
4702
4719
|
{
|
|
4703
|
-
className:
|
|
4720
|
+
className: J[`${Ke}__actions--custom`],
|
|
4704
4721
|
kind: "text",
|
|
4705
4722
|
size: "compact",
|
|
4706
4723
|
onClick: () => m(t)
|
|
@@ -4710,15 +4727,15 @@ const $t = {
|
|
|
4710
4727
|
"button",
|
|
4711
4728
|
{
|
|
4712
4729
|
className: u(
|
|
4713
|
-
|
|
4714
|
-
|
|
4730
|
+
J[`${Ke}__actions__button`],
|
|
4731
|
+
J[`${Ke}__actions__button--${o}`]
|
|
4715
4732
|
),
|
|
4716
4733
|
"aria-label": "Close toast",
|
|
4717
4734
|
onClick: c
|
|
4718
4735
|
},
|
|
4719
4736
|
/* @__PURE__ */ e.createElement(D, { source: Te, size: "medium" })
|
|
4720
4737
|
)));
|
|
4721
|
-
},
|
|
4738
|
+
}, Fl = 200, Ct = "toast-wrapper", zc = ({
|
|
4722
4739
|
className: t,
|
|
4723
4740
|
toasts: a = [],
|
|
4724
4741
|
fixed: r = !0,
|
|
@@ -4728,36 +4745,36 @@ const $t = {
|
|
|
4728
4745
|
horizontalPosition: l = "center"
|
|
4729
4746
|
}) => {
|
|
4730
4747
|
const d = u(
|
|
4731
|
-
|
|
4748
|
+
J[Ct],
|
|
4732
4749
|
{
|
|
4733
|
-
[
|
|
4734
|
-
[
|
|
4735
|
-
[
|
|
4736
|
-
[
|
|
4750
|
+
[J[`${Ct}--fixed`]]: r,
|
|
4751
|
+
[J[`${Ct}--block`]]: !r && _,
|
|
4752
|
+
[J[`${Ct}--horizontal-${l}`]]: l,
|
|
4753
|
+
[J[`${Ct}--vertical-${c}`]]: c
|
|
4737
4754
|
},
|
|
4738
4755
|
t
|
|
4739
4756
|
);
|
|
4740
|
-
return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(
|
|
4757
|
+
return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(vr, { component: null }, a.map(({ id: s, kind: i, content: n, removable: m, action: g, onClose: k }) => /* @__PURE__ */ e.createElement(
|
|
4741
4758
|
hr,
|
|
4742
4759
|
{
|
|
4743
|
-
key:
|
|
4760
|
+
key: s,
|
|
4744
4761
|
classNames: {
|
|
4745
|
-
enter:
|
|
4746
|
-
enterActive:
|
|
4747
|
-
exit:
|
|
4748
|
-
exitActive:
|
|
4762
|
+
enter: J[`toast-appear--${o}`],
|
|
4763
|
+
enterActive: J[`toast-appear-active--${o}`],
|
|
4764
|
+
exit: J[`toast-exit--${o}`],
|
|
4765
|
+
exitActive: J[`toast-exit-active--${o}`]
|
|
4749
4766
|
},
|
|
4750
|
-
timeout:
|
|
4767
|
+
timeout: Fl
|
|
4751
4768
|
},
|
|
4752
4769
|
/* @__PURE__ */ e.createElement(
|
|
4753
|
-
|
|
4770
|
+
Il,
|
|
4754
4771
|
{
|
|
4755
4772
|
kind: i,
|
|
4756
4773
|
onClose: k,
|
|
4757
4774
|
removable: m,
|
|
4758
4775
|
action: g
|
|
4759
4776
|
},
|
|
4760
|
-
|
|
4777
|
+
n
|
|
4761
4778
|
)
|
|
4762
4779
|
))));
|
|
4763
4780
|
}, Ml = "lc-Textarea-module__textarea___g6U8F", qt = {
|
|
@@ -4765,36 +4782,36 @@ const $t = {
|
|
|
4765
4782
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
4766
4783
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
4767
4784
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
4768
|
-
}, Kt = "textarea",
|
|
4785
|
+
}, Kt = "textarea", Gc = e.forwardRef(
|
|
4769
4786
|
(o, _) => {
|
|
4770
4787
|
var c = o, { className: t, error: a } = c, r = A(c, ["className", "error"]);
|
|
4771
|
-
const { disabled: l, onBlur: d, onFocus:
|
|
4788
|
+
const { disabled: l, onBlur: d, onFocus: s } = r, [i, n] = e.useState(!1), m = u(t, qt[Kt], {
|
|
4772
4789
|
[qt[`${Kt}--disabled`]]: l,
|
|
4773
4790
|
[qt[`${Kt}--focused`]]: i,
|
|
4774
4791
|
[qt[`${Kt}--error`]]: a
|
|
4775
4792
|
}), g = (b) => {
|
|
4776
|
-
|
|
4793
|
+
n(!1), d == null || d(b);
|
|
4777
4794
|
}, k = (b) => {
|
|
4778
|
-
|
|
4795
|
+
n(!0), s == null || s(b);
|
|
4779
4796
|
};
|
|
4780
4797
|
return /* @__PURE__ */ e.createElement("div", { className: m }, /* @__PURE__ */ e.createElement(
|
|
4781
4798
|
"textarea",
|
|
4782
|
-
N(
|
|
4799
|
+
N(h({}, r), {
|
|
4783
4800
|
ref: _,
|
|
4784
4801
|
onFocus: k,
|
|
4785
4802
|
onBlur: g
|
|
4786
4803
|
})
|
|
4787
4804
|
));
|
|
4788
4805
|
}
|
|
4789
|
-
),
|
|
4806
|
+
), Na = {
|
|
4790
4807
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
4791
4808
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
4792
4809
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
4793
|
-
},
|
|
4810
|
+
}, Ca = "file-upload-progress-actions", Ia = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Na[`${Ca}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
4794
4811
|
"button",
|
|
4795
4812
|
{
|
|
4796
4813
|
type: "button",
|
|
4797
|
-
className:
|
|
4814
|
+
className: Na[`${Ca}__retry-button`],
|
|
4798
4815
|
"aria-label": "Retry",
|
|
4799
4816
|
onClick: r
|
|
4800
4817
|
},
|
|
@@ -4803,7 +4820,7 @@ const $t = {
|
|
|
4803
4820
|
"button",
|
|
4804
4821
|
{
|
|
4805
4822
|
type: "button",
|
|
4806
|
-
className:
|
|
4823
|
+
className: Na[`${Ca}__close-button`],
|
|
4807
4824
|
"aria-label": "Close",
|
|
4808
4825
|
onClick: a
|
|
4809
4826
|
},
|
|
@@ -4819,7 +4836,7 @@ const $t = {
|
|
|
4819
4836
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
4820
4837
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
4821
4838
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
4822
|
-
}, Ue = "file-upload-progress",
|
|
4839
|
+
}, Ue = "file-upload-progress", xa = `${Ue}__wrapper__header__title`, Rl = e.forwardRef(
|
|
4823
4840
|
({
|
|
4824
4841
|
actionsVisibility: t = "hidden",
|
|
4825
4842
|
className: a,
|
|
@@ -4829,7 +4846,7 @@ const $t = {
|
|
|
4829
4846
|
size: c,
|
|
4830
4847
|
status: l = "normal",
|
|
4831
4848
|
onCloseButtonClick: d,
|
|
4832
|
-
onRetryButtonClick:
|
|
4849
|
+
onRetryButtonClick: s
|
|
4833
4850
|
}, i) => /* @__PURE__ */ e.createElement("div", { className: Ce[Ue], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
|
|
4834
4851
|
"div",
|
|
4835
4852
|
{
|
|
@@ -4849,12 +4866,12 @@ const $t = {
|
|
|
4849
4866
|
/* @__PURE__ */ e.createElement("div", { className: Ce[`${Ue}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4850
4867
|
"div",
|
|
4851
4868
|
{
|
|
4852
|
-
className: u(Ce[
|
|
4853
|
-
[Ce[`${
|
|
4854
|
-
[Ce[`${
|
|
4869
|
+
className: u(Ce[xa], {
|
|
4870
|
+
[Ce[`${xa}--success`]]: l === "success",
|
|
4871
|
+
[Ce[`${xa}--error`]]: l === "error"
|
|
4855
4872
|
})
|
|
4856
4873
|
},
|
|
4857
|
-
/* @__PURE__ */ e.createElement(
|
|
4874
|
+
/* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
|
|
4858
4875
|
"=",
|
|
4859
4876
|
" "
|
|
4860
4877
|
), t !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
@@ -4865,16 +4882,16 @@ const $t = {
|
|
|
4865
4882
|
})
|
|
4866
4883
|
},
|
|
4867
4884
|
/* @__PURE__ */ e.createElement(
|
|
4868
|
-
|
|
4885
|
+
Ia,
|
|
4869
4886
|
{
|
|
4870
4887
|
status: l,
|
|
4871
4888
|
onCloseButtonClick: d,
|
|
4872
|
-
onRetryButtonClick:
|
|
4889
|
+
onRetryButtonClick: s
|
|
4873
4890
|
}
|
|
4874
4891
|
)
|
|
4875
4892
|
)),
|
|
4876
4893
|
l !== "success" && /* @__PURE__ */ e.createElement(
|
|
4877
|
-
|
|
4894
|
+
_l,
|
|
4878
4895
|
{
|
|
4879
4896
|
className: a,
|
|
4880
4897
|
percent: o,
|
|
@@ -4904,14 +4921,14 @@ const $t = {
|
|
|
4904
4921
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
4905
4922
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
4906
4923
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
4907
|
-
}, ne = "upload-bar", We = `${ne}__wrapper__header`,
|
|
4908
|
-
|
|
4924
|
+
}, ne = "upload-bar", We = `${ne}__wrapper__header`, Ll = 300, Ol = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${We}__success-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Qt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${We}__error-icon`] }, /* @__PURE__ */ e.createElement(D, { source: Ur })) : /* @__PURE__ */ e.createElement(
|
|
4925
|
+
rl,
|
|
4909
4926
|
{
|
|
4910
4927
|
className: H[`${We}__loader`],
|
|
4911
4928
|
status: t,
|
|
4912
4929
|
progressValue: a
|
|
4913
4930
|
}
|
|
4914
|
-
),
|
|
4931
|
+
), Uc = ({
|
|
4915
4932
|
children: t,
|
|
4916
4933
|
className: a,
|
|
4917
4934
|
progressValue: r,
|
|
@@ -4920,57 +4937,57 @@ const $t = {
|
|
|
4920
4937
|
errorMessage: c,
|
|
4921
4938
|
status: l = "normal",
|
|
4922
4939
|
icon: d,
|
|
4923
|
-
size:
|
|
4940
|
+
size: s,
|
|
4924
4941
|
mode: i = "multiple",
|
|
4925
|
-
onCloseButtonClick:
|
|
4942
|
+
onCloseButtonClick: n,
|
|
4926
4943
|
onRetryButtonClick: m
|
|
4927
4944
|
}) => {
|
|
4928
4945
|
const [g, k] = e.useState(o || !1), b = l === "error", f = l === "success", p = u(H[ne], a, {
|
|
4929
4946
|
[H[`${ne}--error`]]: b,
|
|
4930
4947
|
[H[`${ne}--success`]]: f
|
|
4931
|
-
}), y = !(b && (m ||
|
|
4948
|
+
}), y = !(b && (m || n)), v = () => k(!g);
|
|
4932
4949
|
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: H[`${ne}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement(
|
|
4933
|
-
|
|
4950
|
+
Rl,
|
|
4934
4951
|
{
|
|
4935
4952
|
title: b && c || _,
|
|
4936
4953
|
progressValue: r,
|
|
4937
4954
|
status: l,
|
|
4938
4955
|
icon: d,
|
|
4939
|
-
size:
|
|
4956
|
+
size: s
|
|
4940
4957
|
}
|
|
4941
4958
|
)), l === "error" && /* @__PURE__ */ e.createElement(
|
|
4942
|
-
|
|
4959
|
+
Ia,
|
|
4943
4960
|
{
|
|
4944
4961
|
status: l,
|
|
4945
|
-
onCloseButtonClick:
|
|
4962
|
+
onCloseButtonClick: n,
|
|
4946
4963
|
onRetryButtonClick: m
|
|
4947
4964
|
}
|
|
4948
4965
|
))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
|
|
4949
4966
|
"div",
|
|
4950
4967
|
{
|
|
4951
4968
|
className: H[`${ne}__wrapper`],
|
|
4952
|
-
onClick:
|
|
4969
|
+
onClick: v
|
|
4953
4970
|
},
|
|
4954
|
-
/* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] },
|
|
4971
|
+
/* @__PURE__ */ e.createElement("div", { className: H[`${We}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${We}__icon`] }, Ol(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${We}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, b ? c : _)), y && /* @__PURE__ */ e.createElement(
|
|
4955
4972
|
"button",
|
|
4956
4973
|
{
|
|
4957
4974
|
className: H[`${We}__collapse-button`],
|
|
4958
4975
|
type: "button",
|
|
4959
|
-
onClick:
|
|
4976
|
+
onClick: v
|
|
4960
4977
|
},
|
|
4961
|
-
g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source:
|
|
4978
|
+
g ? /* @__PURE__ */ e.createElement(D, { source: Xt }) : /* @__PURE__ */ e.createElement(D, { source: Bt })
|
|
4962
4979
|
), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${We}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
4963
|
-
|
|
4980
|
+
Ia,
|
|
4964
4981
|
{
|
|
4965
4982
|
status: l,
|
|
4966
|
-
onCloseButtonClick:
|
|
4983
|
+
onCloseButtonClick: n,
|
|
4967
4984
|
onRetryButtonClick: m
|
|
4968
4985
|
}
|
|
4969
4986
|
)))
|
|
4970
|
-
), /* @__PURE__ */ e.createElement(
|
|
4987
|
+
), /* @__PURE__ */ e.createElement(vr, { component: null }, g && /* @__PURE__ */ e.createElement(
|
|
4971
4988
|
hr,
|
|
4972
4989
|
{
|
|
4973
|
-
timeout:
|
|
4990
|
+
timeout: Ll,
|
|
4974
4991
|
classNames: {
|
|
4975
4992
|
enter: H[`${ne}__files--enter`],
|
|
4976
4993
|
enterActive: H[`${ne}__files--enter-active`],
|
|
@@ -4983,76 +5000,76 @@ const $t = {
|
|
|
4983
5000
|
)));
|
|
4984
5001
|
};
|
|
4985
5002
|
export {
|
|
4986
|
-
|
|
4987
|
-
|
|
4988
|
-
|
|
4989
|
-
|
|
4990
|
-
|
|
4991
|
-
|
|
4992
|
-
|
|
5003
|
+
Fl as ANIMATION_TIME,
|
|
5004
|
+
mc as ActionBar,
|
|
5005
|
+
o_ as ActionMenu,
|
|
5006
|
+
n_ as ActionMenuItem,
|
|
5007
|
+
pc as Alert,
|
|
5008
|
+
O_ as Avatar,
|
|
5009
|
+
U_ as Badge,
|
|
4993
5010
|
U as Button,
|
|
4994
|
-
|
|
4995
|
-
|
|
4996
|
-
|
|
4997
|
-
|
|
4998
|
-
|
|
5011
|
+
bc as Card,
|
|
5012
|
+
po as Checkbox,
|
|
5013
|
+
yo as DatePicker,
|
|
5014
|
+
fc as DatePickerRangeCalendarsWrapper,
|
|
5015
|
+
Zl as DesignToken,
|
|
4999
5016
|
vc as DetailsCard,
|
|
5000
|
-
|
|
5001
|
-
|
|
5002
|
-
|
|
5017
|
+
hc as DetailsCardInfo,
|
|
5018
|
+
cc as Display,
|
|
5019
|
+
Hc as EmailTagInput,
|
|
5003
5020
|
la as FieldDescription,
|
|
5004
|
-
|
|
5005
|
-
|
|
5006
|
-
|
|
5007
|
-
|
|
5008
|
-
|
|
5009
|
-
|
|
5010
|
-
|
|
5021
|
+
Oa as FieldError,
|
|
5022
|
+
kc as FieldGroup,
|
|
5023
|
+
Rl as FileUploadProgress,
|
|
5024
|
+
Ia as FileUploadProgressActions,
|
|
5025
|
+
yc as Form,
|
|
5026
|
+
Ec as FormField,
|
|
5027
|
+
$c as FormGroup,
|
|
5011
5028
|
tt as Heading,
|
|
5012
5029
|
D as Icon,
|
|
5013
|
-
|
|
5014
|
-
|
|
5015
|
-
|
|
5016
|
-
|
|
5017
|
-
|
|
5018
|
-
|
|
5019
|
-
|
|
5020
|
-
|
|
5021
|
-
|
|
5022
|
-
|
|
5023
|
-
|
|
5024
|
-
|
|
5025
|
-
|
|
5026
|
-
|
|
5027
|
-
|
|
5028
|
-
|
|
5029
|
-
|
|
5030
|
-
|
|
5031
|
-
|
|
5032
|
-
|
|
5033
|
-
|
|
5034
|
-
|
|
5035
|
-
|
|
5036
|
-
|
|
5037
|
-
|
|
5038
|
-
|
|
5039
|
-
|
|
5030
|
+
sc as Info,
|
|
5031
|
+
wc as Input,
|
|
5032
|
+
ic as Interactive,
|
|
5033
|
+
Nc as Link,
|
|
5034
|
+
La as Loader,
|
|
5035
|
+
Cc as Modal,
|
|
5036
|
+
Fo as ModalBase,
|
|
5037
|
+
lr as ModalCloseButton,
|
|
5038
|
+
Sc as ModalHeader,
|
|
5039
|
+
xc as ModalPortal,
|
|
5040
|
+
Dc as NumericInput,
|
|
5041
|
+
Tc as Picker,
|
|
5042
|
+
Ho as PickerList,
|
|
5043
|
+
Bc as Popover,
|
|
5044
|
+
_l as ProgressBar,
|
|
5045
|
+
rl as ProgressCircle,
|
|
5046
|
+
Pc as PromoBanner,
|
|
5047
|
+
Ac as PromoBannerV2,
|
|
5048
|
+
Ic as RadioButton,
|
|
5049
|
+
ac as RadiusToken,
|
|
5050
|
+
$o as RangeDatePicker,
|
|
5051
|
+
uc as Reports,
|
|
5052
|
+
Fc as SearchInput,
|
|
5053
|
+
gc as SegmentedControl,
|
|
5054
|
+
tc as ShadowToken,
|
|
5055
|
+
nc as Simple,
|
|
5056
|
+
ec as SpacingToken,
|
|
5040
5057
|
Mc as Switch,
|
|
5041
|
-
|
|
5042
|
-
|
|
5043
|
-
|
|
5044
|
-
|
|
5045
|
-
|
|
5046
|
-
|
|
5047
|
-
|
|
5048
|
-
|
|
5049
|
-
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5053
|
-
|
|
5054
|
-
|
|
5055
|
-
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
+
Rc as Tab,
|
|
5059
|
+
Oc as TabsList,
|
|
5060
|
+
Lc as TabsWrapper,
|
|
5061
|
+
Nr as Tag,
|
|
5062
|
+
Nl as TagInput,
|
|
5063
|
+
M as Text,
|
|
5064
|
+
Gc as Textarea,
|
|
5065
|
+
Il as Toast,
|
|
5066
|
+
zc as ToastWrapper,
|
|
5067
|
+
Er as Tooltip,
|
|
5068
|
+
oc as TransitionDelayToken,
|
|
5069
|
+
rc as TransitionDurationToken,
|
|
5070
|
+
_c as TransitionTimingToken,
|
|
5071
|
+
Uc as UploadBar,
|
|
5072
|
+
dc as UserGuide,
|
|
5073
|
+
P_ as generateAvatarColor,
|
|
5074
|
+
lc as getDesignTokenWithOpacity
|
|
5058
5075
|
};
|