@livechat/design-system-react-components 1.8.0 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dsrc.cjs.js +1 -1
- package/dist/dsrc.es.js +885 -872
- package/dist/foundations/radius-token.d.ts +1 -0
- package/dist/foundations/shadow-token.d.ts +1 -0
- package/dist/foundations/spacing-token.d.ts +1 -0
- package/dist/foundations/transition-token.d.ts +9 -0
- package/dist/index.d.ts +1 -0
- package/dist/preview-stats.json +471 -462
- package/dist/style.css +1 -1
- package/dist/themes/design-token.d.ts +1 -0
- package/package.json +2 -2
package/dist/dsrc.es.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
1
|
+
var hr = Object.defineProperty, kr = Object.defineProperties;
|
|
2
|
+
var yr = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var $t = Object.getOwnPropertySymbols;
|
|
4
|
+
var va = Object.prototype.hasOwnProperty, ha = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Ut = (t, a, r) => a in t ? hr(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, y = (t, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var r of
|
|
10
|
-
|
|
7
|
+
va.call(a, r) && Ut(t, r, a[r]);
|
|
8
|
+
if ($t)
|
|
9
|
+
for (var r of $t(a))
|
|
10
|
+
ha.call(a, r) && Ut(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
}, B = (t, a) =>
|
|
12
|
+
}, B = (t, a) => kr(t, yr(a));
|
|
13
13
|
var P = (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
|
+
va.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
|
|
17
|
+
if (t != null && $t)
|
|
18
|
+
for (var _ of $t(t))
|
|
19
|
+
a.indexOf(_) < 0 && ha.call(t, _) && (r[_] = t[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var Wt = (t, a, r) => (Ut(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as
|
|
25
|
-
import { Close as Ne, ChevronLeft as
|
|
26
|
-
import
|
|
27
|
-
import { useFloating as
|
|
28
|
-
import
|
|
29
|
-
import { getContrast as
|
|
30
|
-
import
|
|
31
|
-
import { subMonths as
|
|
32
|
-
import * as
|
|
33
|
-
import { cx as
|
|
34
|
-
import
|
|
35
|
-
import { TransitionGroup as
|
|
36
|
-
const
|
|
24
|
+
import { useReducer as Er, useRef as $r, useEffect as nt, useCallback as wt, useMemo as Ct } from "react";
|
|
25
|
+
import { Close as Ne, ChevronLeft as Ga, ChevronDown as Et, Info as oa, Warning as Ua, CheckCircle as Wa, Block as Va, Person as wr, ChevronUp as zt, DoubleArrowLeft as Cr, ChevronRight as Xt, DoubleArrowRight as Nr, VisibilityOn as xr, VisibilityOff as Sr, Check as ca, Search as Dr, LockBlackFilled as Tr, Refresh as Br, Error as Ar } from "@livechat/design-system-icons";
|
|
26
|
+
import m from "clsx";
|
|
27
|
+
import { useFloating as la, offset as na, flip as sa, autoUpdate as ia, useClick as da, useDismiss as ua, useRole as ma, useInteractions as pa, useTransitionStyles as Ya, shift as qa, arrow as Ir, useHover as Pr, safePolygon as Fr, useFocus as Rr, useTransitionStatus as Mr, FloatingArrow as Lr, FloatingFocusManager as Or } from "@floating-ui/react";
|
|
28
|
+
import Ka from "lodash.debounce";
|
|
29
|
+
import { getContrast as ga } from "polished";
|
|
30
|
+
import Hr from "react-day-picker";
|
|
31
|
+
import { subMonths as lt, differenceInCalendarMonths as ka, addMonths as ya, isSameMonth as ea, isSameDay as ta, isAfter as aa, differenceInCalendarDays as Ja } from "date-fns";
|
|
32
|
+
import * as zr from "react-dom";
|
|
33
|
+
import { cx as Gr } from "@emotion/css";
|
|
34
|
+
import Ea from "lodash.escape";
|
|
35
|
+
import { TransitionGroup as ja, CSSTransition as Qa } from "react-transition-group";
|
|
36
|
+
const Fc = {
|
|
37
37
|
Background: "--background",
|
|
38
38
|
Background01: "--background-01",
|
|
39
39
|
Background02: "--background-02",
|
|
@@ -307,8 +307,9 @@ const Rc = {
|
|
|
307
307
|
SurfaceAvatar7: "--surface-avatar-7",
|
|
308
308
|
SurfaceAvatar8: "--surface-avatar-8",
|
|
309
309
|
SurfaceAvatar9: "--surface-avatar-9",
|
|
310
|
-
SurfaceAvatar10: "--surface-avatar-10"
|
|
311
|
-
|
|
310
|
+
SurfaceAvatar10: "--surface-avatar-10",
|
|
311
|
+
NavbarBackground: "--navbar-background"
|
|
312
|
+
}, Rc = {
|
|
312
313
|
Spacing0: "--spacing-0",
|
|
313
314
|
Spacing05: "--spacing-05",
|
|
314
315
|
Spacing1: "--spacing-1",
|
|
@@ -318,13 +319,14 @@ const Rc = {
|
|
|
318
319
|
Spacing5: "--spacing-5",
|
|
319
320
|
Spacing6: "--spacing-6",
|
|
320
321
|
Spacing8: "--spacing-8",
|
|
322
|
+
Spacing10: "--spacing-10",
|
|
321
323
|
Spacing12: "--spacing-12",
|
|
322
324
|
Spacing14: "--spacing-14",
|
|
323
325
|
Spacing16: "--spacing-16",
|
|
324
326
|
Spacing18: "--spacing-18",
|
|
325
327
|
Spacing20: "--spacing-20",
|
|
326
328
|
Spacing24: "--spacing-24"
|
|
327
|
-
},
|
|
329
|
+
}, Mc = {
|
|
328
330
|
Float: "--shadow-float",
|
|
329
331
|
PopOver: "--shadow-pop-over",
|
|
330
332
|
Modal: "--shadow-modal",
|
|
@@ -339,13 +341,22 @@ const Rc = {
|
|
|
339
341
|
DividerBottomLeft: "--shadow-divider-bottom-left",
|
|
340
342
|
DividerTopLeft: "--shadow-divider-top-left",
|
|
341
343
|
DividerTopRight: "--shadow-divider-top-right",
|
|
342
|
-
DividerBottomRight: "--shadow-divider-bottom-right"
|
|
343
|
-
|
|
344
|
+
DividerBottomRight: "--shadow-divider-bottom-right",
|
|
345
|
+
MessageBox: "--shadow-message-box"
|
|
346
|
+
}, Lc = {
|
|
344
347
|
0: "--radius-0",
|
|
345
348
|
1: "--radius-1",
|
|
346
349
|
2: "--radius-2",
|
|
347
|
-
3: "--radius-3"
|
|
348
|
-
|
|
350
|
+
3: "--radius-3",
|
|
351
|
+
4: "--radius-4"
|
|
352
|
+
}, Oc = {
|
|
353
|
+
Fast1: "--transition-duration-fast-1",
|
|
354
|
+
Fast2: "--transition-duration-fast-2",
|
|
355
|
+
Moderate1: "--transition-duration-moderate-1"
|
|
356
|
+
}, Hc = {
|
|
357
|
+
EaseIn: "--transition-timing-ease-in",
|
|
358
|
+
EaseOut: "--transition-timing-ease-out"
|
|
359
|
+
}, zc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, z = {
|
|
349
360
|
esc: "Escape",
|
|
350
361
|
enter: "Enter",
|
|
351
362
|
backspace: "Backspace",
|
|
@@ -356,7 +367,7 @@ const Rc = {
|
|
|
356
367
|
comma: ",",
|
|
357
368
|
arrowUp: "ArrowUp",
|
|
358
369
|
arrowDown: "ArrowDown"
|
|
359
|
-
},
|
|
370
|
+
}, je = {
|
|
360
371
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
361
372
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
362
373
|
"action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
|
|
@@ -364,7 +375,7 @@ const Rc = {
|
|
|
364
375
|
"action-menu__list__item": "lc-ActionMenu-module__action-menu__list__item___n-OgH",
|
|
365
376
|
"action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
|
|
366
377
|
"action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8"
|
|
367
|
-
},
|
|
378
|
+
}, Qe = "action-menu", Ur = (h) => {
|
|
368
379
|
var v = h, {
|
|
369
380
|
className: t,
|
|
370
381
|
triggerClassName: a,
|
|
@@ -377,7 +388,7 @@ const Rc = {
|
|
|
377
388
|
visible: s,
|
|
378
389
|
onClose: i,
|
|
379
390
|
onOpen: d,
|
|
380
|
-
floatingStrategy:
|
|
391
|
+
floatingStrategy: p
|
|
381
392
|
} = v, u = P(v, [
|
|
382
393
|
"className",
|
|
383
394
|
"triggerClassName",
|
|
@@ -392,22 +403,22 @@ const Rc = {
|
|
|
392
403
|
"onOpen",
|
|
393
404
|
"floatingStrategy"
|
|
394
405
|
]);
|
|
395
|
-
const
|
|
396
|
-
w ? (i == null || i(), !
|
|
397
|
-
}, { x: E, y: T, strategy: S, refs: se, context: A } =
|
|
398
|
-
middleware: [
|
|
406
|
+
const g = s !== void 0, [b, k] = e.useState(c), f = e.useRef(-1), $ = e.useRef(null), w = g ? s : b, F = () => {
|
|
407
|
+
w ? (i == null || i(), !g && k(!1)) : (d == null || d(), !g && k(!0));
|
|
408
|
+
}, { x: E, y: T, strategy: S, refs: se, context: A } = la({
|
|
409
|
+
middleware: [na(4), sa(n)],
|
|
399
410
|
placement: o,
|
|
400
411
|
open: w,
|
|
401
|
-
strategy:
|
|
412
|
+
strategy: p,
|
|
402
413
|
onOpenChange: F,
|
|
403
|
-
whileElementsMounted:
|
|
404
|
-
}), J =
|
|
414
|
+
whileElementsMounted: ia
|
|
415
|
+
}), J = da(A), X = ua(A, {
|
|
405
416
|
enabled: w
|
|
406
|
-
}), Le =
|
|
417
|
+
}), Le = ma(A), { getReferenceProps: Be, getFloatingProps: fe } = pa([
|
|
407
418
|
J,
|
|
408
419
|
X,
|
|
409
420
|
Le
|
|
410
|
-
]), { styles: Oe } =
|
|
421
|
+
]), { styles: Oe } = Ya(A, {
|
|
411
422
|
initial: ({ side: N }) => y({
|
|
412
423
|
opacity: 0
|
|
413
424
|
}, N === "bottom" && {
|
|
@@ -443,13 +454,13 @@ const Rc = {
|
|
|
443
454
|
f.current = -1;
|
|
444
455
|
}, [w, R]);
|
|
445
456
|
const U = (N, ee) => {
|
|
446
|
-
f.current = N, ee == null || ee(), !
|
|
457
|
+
f.current = N, ee == null || ee(), !g && !l && (k(!1), i == null || i());
|
|
447
458
|
}, Y = (N, ee) => N.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
448
459
|
"li",
|
|
449
460
|
{
|
|
450
461
|
key: N.key,
|
|
451
462
|
role: "none",
|
|
452
|
-
className:
|
|
463
|
+
className: je[`${Qe}__list__group-header`]
|
|
453
464
|
},
|
|
454
465
|
N.element
|
|
455
466
|
) : /* @__PURE__ */ e.createElement("li", { key: N.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
@@ -461,9 +472,9 @@ const Rc = {
|
|
|
461
472
|
disabled: N.disabled,
|
|
462
473
|
onClick: () => U(ee, N.onClick),
|
|
463
474
|
role: "menuitem",
|
|
464
|
-
className:
|
|
465
|
-
[
|
|
466
|
-
[
|
|
475
|
+
className: m(je[`${Qe}__list__item`], {
|
|
476
|
+
[je[`${Qe}__list__item--disabled`]]: N.disabled,
|
|
477
|
+
[je[`${Qe}__list__item--with-divider`]]: N.withDivider
|
|
467
478
|
})
|
|
468
479
|
},
|
|
469
480
|
N.element
|
|
@@ -481,7 +492,7 @@ const Rc = {
|
|
|
481
492
|
"div",
|
|
482
493
|
y({
|
|
483
494
|
ref: se.setFloating,
|
|
484
|
-
className: Qe
|
|
495
|
+
className: je[Qe],
|
|
485
496
|
style: y({
|
|
486
497
|
position: S,
|
|
487
498
|
top: T != null ? T : "",
|
|
@@ -491,20 +502,20 @@ const Rc = {
|
|
|
491
502
|
/* @__PURE__ */ e.createElement(
|
|
492
503
|
"ul",
|
|
493
504
|
B(y({}, u), {
|
|
494
|
-
className:
|
|
505
|
+
className: m(je[`${Qe}__list`], t),
|
|
495
506
|
role: "menu",
|
|
496
507
|
ref: $
|
|
497
508
|
}),
|
|
498
509
|
r.map(Y)
|
|
499
510
|
)
|
|
500
511
|
));
|
|
501
|
-
},
|
|
512
|
+
}, Wr = "lc-Typography-module__caps___c3eNJ", ct = {
|
|
502
513
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
503
514
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
504
515
|
"heading-md": "lc-Typography-module__heading-md___wHOIs",
|
|
505
516
|
"heading-sm": "lc-Typography-module__heading-sm___nBmTV",
|
|
506
517
|
"heading-xs": "lc-Typography-module__heading-xs___VcZBs",
|
|
507
|
-
caps:
|
|
518
|
+
caps: Wr,
|
|
508
519
|
"caps--bold": "lc-Typography-module__caps--bold___OZovw",
|
|
509
520
|
"paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
|
|
510
521
|
"paragraph-md--bold": "lc-Typography-module__paragraph-md--bold___mWcMG",
|
|
@@ -516,13 +527,13 @@ const Rc = {
|
|
|
516
527
|
"paragraph-xs--bold": "lc-Typography-module__paragraph-xs--bold___z7om7",
|
|
517
528
|
"display-md": "lc-Typography-module__display-md___7eFCF",
|
|
518
529
|
"display-sm": "lc-Typography-module__display-sm___kfNES"
|
|
519
|
-
},
|
|
530
|
+
}, Vr = {
|
|
520
531
|
xl: "h1",
|
|
521
532
|
lg: "h2",
|
|
522
533
|
md: "h3",
|
|
523
534
|
sm: "h4",
|
|
524
535
|
xs: "h5"
|
|
525
|
-
},
|
|
536
|
+
}, Je = (c) => {
|
|
526
537
|
var l = c, {
|
|
527
538
|
as: t,
|
|
528
539
|
size: a = "md",
|
|
@@ -535,8 +546,8 @@ const Rc = {
|
|
|
535
546
|
"className"
|
|
536
547
|
]);
|
|
537
548
|
return e.createElement(
|
|
538
|
-
t ||
|
|
539
|
-
y({ className:
|
|
549
|
+
t || Vr[a],
|
|
550
|
+
y({ className: m(ct[`heading-${a}`], _) }, o),
|
|
540
551
|
r
|
|
541
552
|
);
|
|
542
553
|
}, M = (i) => {
|
|
@@ -559,23 +570,23 @@ const Rc = {
|
|
|
559
570
|
"children",
|
|
560
571
|
"className"
|
|
561
572
|
]);
|
|
562
|
-
const
|
|
573
|
+
const p = r ? "caps" : `paragraph-${a}`;
|
|
563
574
|
return e.createElement(
|
|
564
575
|
t,
|
|
565
576
|
y({
|
|
566
|
-
className:
|
|
577
|
+
className: m(
|
|
567
578
|
{
|
|
568
|
-
[
|
|
569
|
-
[
|
|
570
|
-
[
|
|
571
|
-
[
|
|
579
|
+
[ct[`${p}`]]: !0,
|
|
580
|
+
[ct[`${p}--bold`]]: _,
|
|
581
|
+
[ct[`${p}--strike`]]: c,
|
|
582
|
+
[ct[`${p}--underline`]]: o
|
|
572
583
|
},
|
|
573
584
|
n
|
|
574
585
|
)
|
|
575
586
|
}, s),
|
|
576
587
|
l
|
|
577
588
|
);
|
|
578
|
-
},
|
|
589
|
+
}, Gc = (c) => {
|
|
579
590
|
var l = c, {
|
|
580
591
|
as: t = "div",
|
|
581
592
|
size: a = "md",
|
|
@@ -589,49 +600,49 @@ const Rc = {
|
|
|
589
600
|
]);
|
|
590
601
|
return e.createElement(
|
|
591
602
|
t,
|
|
592
|
-
y({ className:
|
|
603
|
+
y({ className: m(ct[`display-${a}`], _) }, o),
|
|
593
604
|
r
|
|
594
605
|
);
|
|
595
|
-
},
|
|
606
|
+
}, st = {
|
|
596
607
|
"action-menu-item": "lc-ActionMenuItem-module__action-menu-item___cT70J",
|
|
597
608
|
"action-menu-item__left-node": "lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1",
|
|
598
609
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
599
610
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
600
611
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
601
|
-
},
|
|
612
|
+
}, it = "action-menu-item", Yr = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
602
613
|
"div",
|
|
603
614
|
{
|
|
604
|
-
className:
|
|
605
|
-
[
|
|
615
|
+
className: m(st[it], {
|
|
616
|
+
[st[`${it}--warning`]]: _ === "warning"
|
|
606
617
|
})
|
|
607
618
|
},
|
|
608
|
-
t && /* @__PURE__ */ e.createElement("div", { className:
|
|
609
|
-
/* @__PURE__ */ e.createElement(M, { as: "div", className:
|
|
610
|
-
a && /* @__PURE__ */ e.createElement("div", { className:
|
|
611
|
-
),
|
|
612
|
-
loader:
|
|
613
|
-
loader__spinner:
|
|
619
|
+
t && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__left-node`] }, t),
|
|
620
|
+
/* @__PURE__ */ e.createElement(M, { as: "div", className: st[`${it}__label`] }, r),
|
|
621
|
+
a && /* @__PURE__ */ e.createElement("div", { className: st[`${it}__right-node`] }, a)
|
|
622
|
+
), qr = "lc-Loader-module__loader___LRflD", Kr = "lc-Loader-module__loader__spinner___l3C1g", Jr = "lc-Loader-module__rotate___Tlni-", jr = "lc-Loader-module__loader__label___R74f6", dt = {
|
|
623
|
+
loader: qr,
|
|
624
|
+
loader__spinner: Kr,
|
|
614
625
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
615
626
|
"loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
|
|
616
627
|
"loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
|
|
617
628
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
618
|
-
rotate:
|
|
619
|
-
loader__label:
|
|
620
|
-
},
|
|
629
|
+
rotate: Jr,
|
|
630
|
+
loader__label: jr
|
|
631
|
+
}, Za = "loader", $a = `${Za}__spinner`, ba = ({
|
|
621
632
|
primaryColor: t,
|
|
622
633
|
secondaryColor: a,
|
|
623
634
|
label: r,
|
|
624
635
|
className: _,
|
|
625
636
|
size: o = "medium"
|
|
626
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
637
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(dt[Za], _) }, /* @__PURE__ */ e.createElement(
|
|
627
638
|
"div",
|
|
628
639
|
{
|
|
629
|
-
className:
|
|
640
|
+
className: m(dt[$a], dt[`${$a}--${o}`])
|
|
630
641
|
},
|
|
631
642
|
/* @__PURE__ */ e.createElement(
|
|
632
643
|
"div",
|
|
633
644
|
{
|
|
634
|
-
className:
|
|
645
|
+
className: dt["loader__spinner-circle"],
|
|
635
646
|
style: {
|
|
636
647
|
/* stylelint-disable */
|
|
637
648
|
borderColor: a,
|
|
@@ -639,7 +650,7 @@ const Rc = {
|
|
|
639
650
|
}
|
|
640
651
|
}
|
|
641
652
|
)
|
|
642
|
-
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className:
|
|
653
|
+
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: dt.loader__label }, r)), Qr = (t) => {
|
|
643
654
|
if (t === "primary" || t === "destructive")
|
|
644
655
|
return {
|
|
645
656
|
primaryColor: "var(--action-primary-default)",
|
|
@@ -650,8 +661,8 @@ const Rc = {
|
|
|
650
661
|
primaryColor: "var(--content-invert-primary)",
|
|
651
662
|
secondaryColor: "var(--surface-invert-secondary)"
|
|
652
663
|
};
|
|
653
|
-
},
|
|
654
|
-
btn:
|
|
664
|
+
}, Zr = "lc-Button-module__btn___aijZJ", Xr = "lc-Button-module__btn__loader___c8zZz", e_ = "lc-Button-module__btn__icon___GVExB", me = {
|
|
665
|
+
btn: Zr,
|
|
655
666
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
656
667
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
657
668
|
"btn--compact": "lc-Button-module__btn--compact___4eptQ",
|
|
@@ -671,14 +682,14 @@ const Rc = {
|
|
|
671
682
|
"btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
|
|
672
683
|
"btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
|
|
673
684
|
"btn--loading": "lc-Button-module__btn--loading___ZAgjv",
|
|
674
|
-
btn__loader:
|
|
675
|
-
btn__icon:
|
|
685
|
+
btn__loader: Xr,
|
|
686
|
+
btn__icon: e_,
|
|
676
687
|
"btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
|
|
677
688
|
"btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
|
|
678
689
|
"btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
|
|
679
690
|
}, pe = "btn", G = e.forwardRef(
|
|
680
|
-
(
|
|
681
|
-
var b =
|
|
691
|
+
(g, v) => {
|
|
692
|
+
var b = g, {
|
|
682
693
|
loading: t = !1,
|
|
683
694
|
disabled: a = !1,
|
|
684
695
|
type: r = "button",
|
|
@@ -690,7 +701,7 @@ const Rc = {
|
|
|
690
701
|
loaderLabel: s,
|
|
691
702
|
className: i,
|
|
692
703
|
children: d,
|
|
693
|
-
href:
|
|
704
|
+
href: p,
|
|
694
705
|
onClick: u
|
|
695
706
|
} = b, h = P(b, [
|
|
696
707
|
"loading",
|
|
@@ -707,7 +718,7 @@ const Rc = {
|
|
|
707
718
|
"href",
|
|
708
719
|
"onClick"
|
|
709
720
|
]);
|
|
710
|
-
const k = t || a, f = !d && l, $ = ["text", "link", "link-light"].includes(o), w =
|
|
721
|
+
const k = t || a, f = !d && l, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", F = m(
|
|
711
722
|
i,
|
|
712
723
|
me[pe],
|
|
713
724
|
me[`${pe}--${o}`],
|
|
@@ -728,17 +739,17 @@ const Rc = {
|
|
|
728
739
|
"aria-disabled": k,
|
|
729
740
|
type: r,
|
|
730
741
|
disabled: k
|
|
731
|
-
}, !k && { href:
|
|
742
|
+
}, !k && { href: p, onClick: u }), h),
|
|
732
743
|
t && /* @__PURE__ */ e.createElement(
|
|
733
|
-
|
|
744
|
+
ba,
|
|
734
745
|
y({
|
|
735
746
|
size: "small",
|
|
736
747
|
label: s,
|
|
737
748
|
className: me[`${pe}__loader`]
|
|
738
|
-
},
|
|
749
|
+
}, Qr(o))
|
|
739
750
|
),
|
|
740
751
|
l && e.cloneElement(l, {
|
|
741
|
-
className:
|
|
752
|
+
className: m(
|
|
742
753
|
l.props.className,
|
|
743
754
|
me[`${pe}__icon`],
|
|
744
755
|
me[`${pe}__icon--${n}`]
|
|
@@ -748,8 +759,8 @@ const Rc = {
|
|
|
748
759
|
/* @__PURE__ */ e.createElement("div", { className: me[`${pe}__content`] }, d)
|
|
749
760
|
);
|
|
750
761
|
}
|
|
751
|
-
),
|
|
752
|
-
icon:
|
|
762
|
+
), t_ = "lc-Icon-module__icon___tw31R", wa = {
|
|
763
|
+
icon: t_,
|
|
753
764
|
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
754
765
|
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
755
766
|
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
@@ -782,7 +793,7 @@ const Rc = {
|
|
|
782
793
|
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
783
794
|
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
784
795
|
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
785
|
-
},
|
|
796
|
+
}, a_ = {
|
|
786
797
|
xsmall: {
|
|
787
798
|
width: 12,
|
|
788
799
|
height: 12
|
|
@@ -803,7 +814,7 @@ const Rc = {
|
|
|
803
814
|
width: 32,
|
|
804
815
|
height: 32
|
|
805
816
|
}
|
|
806
|
-
},
|
|
817
|
+
}, Ca = "icon", x = (t) => {
|
|
807
818
|
const d = t, {
|
|
808
819
|
source: a,
|
|
809
820
|
size: r = "medium",
|
|
@@ -818,16 +829,16 @@ const Rc = {
|
|
|
818
829
|
"disabled",
|
|
819
830
|
"className",
|
|
820
831
|
"customColor"
|
|
821
|
-
]), s = e.createElement(a, B(y({},
|
|
832
|
+
]), s = e.createElement(a, B(y({}, a_[r]), {
|
|
822
833
|
color: l
|
|
823
|
-
})), i =
|
|
834
|
+
})), i = m(
|
|
824
835
|
c,
|
|
825
|
-
Ca
|
|
826
|
-
_ &&
|
|
836
|
+
wa[Ca],
|
|
837
|
+
_ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
|
|
827
838
|
);
|
|
828
839
|
return /* @__PURE__ */ e.createElement("span", B(y({}, n), { className: i }), s);
|
|
829
840
|
};
|
|
830
|
-
function
|
|
841
|
+
function Xa(t) {
|
|
831
842
|
switch (t) {
|
|
832
843
|
case "invert":
|
|
833
844
|
return "inverted";
|
|
@@ -835,7 +846,7 @@ function er(t) {
|
|
|
835
846
|
return "primary";
|
|
836
847
|
}
|
|
837
848
|
}
|
|
838
|
-
function
|
|
849
|
+
function r_(t, a, r, _) {
|
|
839
850
|
if (t && r)
|
|
840
851
|
return {
|
|
841
852
|
top: r + t
|
|
@@ -845,12 +856,12 @@ function __(t, a, r, _) {
|
|
|
845
856
|
left: _ + a
|
|
846
857
|
};
|
|
847
858
|
}
|
|
848
|
-
const
|
|
849
|
-
tooltip:
|
|
850
|
-
tooltip__arrow:
|
|
859
|
+
const __ = "lc-Tooltip-module__tooltip___QOOAr", o_ = "lc-Tooltip-module__tooltip__arrow___Ov1YW", c_ = "lc-Tooltip-module__tooltip__interactive___0JawB", C = {
|
|
860
|
+
tooltip: __,
|
|
861
|
+
tooltip__arrow: o_,
|
|
851
862
|
"tooltip--invert": "lc-Tooltip-module__tooltip--invert___PVjhE",
|
|
852
863
|
"tooltip--important": "lc-Tooltip-module__tooltip--important___X-IMK",
|
|
853
|
-
tooltip__interactive:
|
|
864
|
+
tooltip__interactive: c_,
|
|
854
865
|
"tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
|
|
855
866
|
"tooltip--full-space": "lc-Tooltip-module__tooltip--full-space___wmbaw",
|
|
856
867
|
"tooltip-header": "lc-Tooltip-module__tooltip-header___QV0Vd",
|
|
@@ -875,7 +886,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
875
886
|
"reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
|
|
876
887
|
"reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
|
|
877
888
|
"reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
|
|
878
|
-
},
|
|
889
|
+
}, Nt = "tooltip", er = ({
|
|
879
890
|
children: t,
|
|
880
891
|
className: a,
|
|
881
892
|
triggerClassName: r,
|
|
@@ -887,11 +898,11 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
887
898
|
fullSpaceContent: s,
|
|
888
899
|
onClose: i,
|
|
889
900
|
onOpen: d,
|
|
890
|
-
withFadeAnimation:
|
|
901
|
+
withFadeAnimation: p = !0,
|
|
891
902
|
transitionDuration: u = 200,
|
|
892
903
|
hoverOnDuration: h,
|
|
893
904
|
hoverOffDuration: v,
|
|
894
|
-
transitionDelay:
|
|
905
|
+
transitionDelay: g = 0,
|
|
895
906
|
hoverOnDelay: b,
|
|
896
907
|
hoverOffDelay: k,
|
|
897
908
|
triggerOnClick: f = !1,
|
|
@@ -905,31 +916,31 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
905
916
|
closeOnTriggerBlur: A = !1,
|
|
906
917
|
floatingStrategy: J
|
|
907
918
|
}) => {
|
|
908
|
-
const X = n !== void 0, [Le, Be] = e.useState(!1), fe = e.useRef(null), Oe = X ? n : Le, Ge = c || o, Ue =
|
|
909
|
-
C[
|
|
919
|
+
const X = n !== void 0, [Le, Be] = e.useState(!1), fe = e.useRef(null), Oe = X ? n : Le, Ge = c || o, Ue = m(
|
|
920
|
+
C[Nt],
|
|
910
921
|
a,
|
|
911
|
-
Ge && C[`${
|
|
912
|
-
s && C[`${
|
|
922
|
+
Ge && C[`${Nt}--${Ge}`],
|
|
923
|
+
s && C[`${Nt}--full-space`]
|
|
913
924
|
), R = typeof _ == "function", U = (ve) => {
|
|
914
925
|
ve !== Oe && (ve ? d == null || d() : i == null || i(), !X && Be(ve));
|
|
915
|
-
}, Y = (ve) =>
|
|
926
|
+
}, Y = (ve) => p ? ve != null ? ve : u : 0, N = (ve) => ve != null ? ve : g, {
|
|
916
927
|
floatingStyles: ee,
|
|
917
928
|
refs: W,
|
|
918
929
|
context: _e,
|
|
919
|
-
middlewareData: { arrow: { x: We, y:
|
|
920
|
-
} =
|
|
930
|
+
middlewareData: { arrow: { x: We, y: nr } = {} }
|
|
931
|
+
} = la({
|
|
921
932
|
middleware: [
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
933
|
+
na({ mainAxis: $ }),
|
|
934
|
+
qa(),
|
|
935
|
+
sa(),
|
|
936
|
+
Ir({ element: fe })
|
|
926
937
|
],
|
|
927
938
|
placement: l,
|
|
928
939
|
open: Oe,
|
|
929
940
|
strategy: J,
|
|
930
941
|
onOpenChange: U,
|
|
931
|
-
whileElementsMounted:
|
|
932
|
-
}),
|
|
942
|
+
whileElementsMounted: ia
|
|
943
|
+
}), sr = Pr(_e, {
|
|
933
944
|
move: !1,
|
|
934
945
|
restMs: F,
|
|
935
946
|
delay: {
|
|
@@ -937,18 +948,18 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
937
948
|
close: N(k || T)
|
|
938
949
|
},
|
|
939
950
|
enabled: !f,
|
|
940
|
-
handleClose: A ? null :
|
|
941
|
-
}),
|
|
951
|
+
handleClose: A ? null : Fr()
|
|
952
|
+
}), ir = Rr(_e), dr = ua(_e, E), ur = ma(_e, { role: "tooltip" }), mr = da(_e), { isMounted: pr, styles: gr } = Ya(_e, {
|
|
942
953
|
duration: {
|
|
943
954
|
open: Y(h),
|
|
944
955
|
close: Y(v)
|
|
945
956
|
}
|
|
946
|
-
}), { status:
|
|
957
|
+
}), { status: br } = Mr(_e), { getReferenceProps: fr, getFloatingProps: vr } = pa([
|
|
958
|
+
sr,
|
|
947
959
|
ir,
|
|
948
960
|
dr,
|
|
949
961
|
ur,
|
|
950
|
-
mr
|
|
951
|
-
pr
|
|
962
|
+
mr
|
|
952
963
|
]);
|
|
953
964
|
return e.useEffect(() => {
|
|
954
965
|
w && W.setReference(w);
|
|
@@ -956,56 +967,56 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
956
967
|
"div",
|
|
957
968
|
B(y({
|
|
958
969
|
ref: W.setReference
|
|
959
|
-
},
|
|
970
|
+
}, fr()), {
|
|
960
971
|
className: r
|
|
961
972
|
}),
|
|
962
973
|
R ? _() : _
|
|
963
|
-
),
|
|
974
|
+
), pr && /* @__PURE__ */ e.createElement(
|
|
964
975
|
"div",
|
|
965
976
|
B(y({
|
|
966
977
|
ref: W.setFloating,
|
|
967
|
-
style: y(y({}, ee),
|
|
978
|
+
style: y(y({}, ee), gr),
|
|
968
979
|
className: Ue
|
|
969
|
-
},
|
|
970
|
-
"data-status":
|
|
980
|
+
}, vr()), {
|
|
981
|
+
"data-status": br
|
|
971
982
|
}),
|
|
972
983
|
t,
|
|
973
984
|
/* @__PURE__ */ e.createElement(
|
|
974
|
-
|
|
985
|
+
Lr,
|
|
975
986
|
{
|
|
976
|
-
className: C[`${
|
|
987
|
+
className: C[`${Nt}__arrow`],
|
|
977
988
|
ref: fe,
|
|
978
989
|
context: _e,
|
|
979
|
-
style:
|
|
990
|
+
style: r_(S, se, nr, We)
|
|
980
991
|
}
|
|
981
992
|
)
|
|
982
993
|
));
|
|
983
|
-
},
|
|
994
|
+
}, Uc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), ut = "tooltip", Wc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
|
|
984
995
|
"button",
|
|
985
996
|
{
|
|
986
|
-
className: C[`${
|
|
997
|
+
className: C[`${ut}-close`],
|
|
987
998
|
onClick: c
|
|
988
999
|
},
|
|
989
|
-
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ?
|
|
1000
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? Xa(o) : "primary" })
|
|
990
1001
|
), a && /* @__PURE__ */ e.createElement(
|
|
991
1002
|
"div",
|
|
992
1003
|
{
|
|
993
|
-
className:
|
|
994
|
-
C[`${
|
|
995
|
-
C[`${
|
|
1004
|
+
className: m(
|
|
1005
|
+
C[`${ut}-header`],
|
|
1006
|
+
C[`${ut}-header--info`]
|
|
996
1007
|
)
|
|
997
1008
|
},
|
|
998
1009
|
a
|
|
999
1010
|
), /* @__PURE__ */ e.createElement(
|
|
1000
1011
|
"div",
|
|
1001
1012
|
{
|
|
1002
|
-
className:
|
|
1003
|
-
C[`${
|
|
1004
|
-
C[`${
|
|
1013
|
+
className: m(
|
|
1014
|
+
C[`${ut}-text`],
|
|
1015
|
+
C[`${ut}-text--info`]
|
|
1005
1016
|
)
|
|
1006
1017
|
},
|
|
1007
1018
|
r
|
|
1008
|
-
)), xe = "tooltip",
|
|
1019
|
+
)), xe = "tooltip", Vc = ({
|
|
1009
1020
|
header: t,
|
|
1010
1021
|
text: a,
|
|
1011
1022
|
image: r,
|
|
@@ -1022,7 +1033,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1022
1033
|
className: C[`${xe}-close`],
|
|
1023
1034
|
onClick: c
|
|
1024
1035
|
},
|
|
1025
|
-
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ?
|
|
1036
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? Xa(o) : "primary" })
|
|
1026
1037
|
), r && /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1027
1038
|
"img",
|
|
1028
1039
|
{
|
|
@@ -1033,7 +1044,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1033
1044
|
)), t && /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: C[`${xe}-text`] }, a), /* @__PURE__ */ e.createElement(
|
|
1034
1045
|
"div",
|
|
1035
1046
|
{
|
|
1036
|
-
className:
|
|
1047
|
+
className: m(
|
|
1037
1048
|
C[`${xe}-footer`],
|
|
1038
1049
|
C[`${xe}-footer--interactive`]
|
|
1039
1050
|
)
|
|
@@ -1049,7 +1060,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1049
1060
|
/* @__PURE__ */ e.createElement(
|
|
1050
1061
|
G,
|
|
1051
1062
|
{
|
|
1052
|
-
className:
|
|
1063
|
+
className: m(C[`${xe}-footer-secondary`], {
|
|
1053
1064
|
[C[`${xe}-footer-secondary-invert`]]: o === "invert"
|
|
1054
1065
|
}),
|
|
1055
1066
|
kind: n.kind || "text",
|
|
@@ -1058,7 +1069,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1058
1069
|
n.label
|
|
1059
1070
|
)
|
|
1060
1071
|
));
|
|
1061
|
-
}, te = "guide-tooltip",
|
|
1072
|
+
}, te = "guide-tooltip", l_ = ({
|
|
1062
1073
|
gap: t,
|
|
1063
1074
|
isVisible: a,
|
|
1064
1075
|
slide: r,
|
|
@@ -1096,7 +1107,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1096
1107
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1097
1108
|
"div",
|
|
1098
1109
|
{
|
|
1099
|
-
className:
|
|
1110
|
+
className: m({
|
|
1100
1111
|
[C[`${te}__overlay`]]: !0,
|
|
1101
1112
|
[C[`${te}__overlay--visible`]]: a,
|
|
1102
1113
|
[C[`${te}__overlay--slide`]]: r
|
|
@@ -1106,7 +1117,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1106
1117
|
), /* @__PURE__ */ e.createElement(
|
|
1107
1118
|
"div",
|
|
1108
1119
|
{
|
|
1109
|
-
className:
|
|
1120
|
+
className: m({
|
|
1110
1121
|
[C[`${te}__overlay`]]: !0,
|
|
1111
1122
|
[C[`${te}__overlay--visible`]]: a,
|
|
1112
1123
|
[C[`${te}__overlay--slide`]]: r
|
|
@@ -1116,7 +1127,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1116
1127
|
), /* @__PURE__ */ e.createElement(
|
|
1117
1128
|
"div",
|
|
1118
1129
|
{
|
|
1119
|
-
className:
|
|
1130
|
+
className: m({
|
|
1120
1131
|
[C[`${te}__overlay`]]: !0,
|
|
1121
1132
|
[C[`${te}__overlay--visible`]]: a,
|
|
1122
1133
|
[C[`${te}__overlay--slide`]]: r
|
|
@@ -1126,7 +1137,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1126
1137
|
), /* @__PURE__ */ e.createElement(
|
|
1127
1138
|
"div",
|
|
1128
1139
|
{
|
|
1129
|
-
className:
|
|
1140
|
+
className: m({
|
|
1130
1141
|
[C[`${te}__overlay`]]: !0,
|
|
1131
1142
|
[C[`${te}__overlay--visible`]]: a,
|
|
1132
1143
|
[C[`${te}__overlay--slide`]]: r
|
|
@@ -1136,7 +1147,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1136
1147
|
), _ && /* @__PURE__ */ e.createElement(
|
|
1137
1148
|
"div",
|
|
1138
1149
|
{
|
|
1139
|
-
className:
|
|
1150
|
+
className: m({
|
|
1140
1151
|
[C[`${te}__overlay`]]: !0,
|
|
1141
1152
|
[C[`${te}__overlay--visible`]]: a,
|
|
1142
1153
|
[C[`${te}__overlay--slide`]]: r
|
|
@@ -1145,10 +1156,10 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1145
1156
|
}
|
|
1146
1157
|
));
|
|
1147
1158
|
};
|
|
1148
|
-
class
|
|
1159
|
+
class n_ {
|
|
1149
1160
|
constructor(a, r) {
|
|
1150
|
-
|
|
1151
|
-
|
|
1161
|
+
Wt(this, "element");
|
|
1162
|
+
Wt(this, "padding");
|
|
1152
1163
|
this.element = a, this.padding = r;
|
|
1153
1164
|
}
|
|
1154
1165
|
addPadding(a) {
|
|
@@ -1174,7 +1185,7 @@ class s_ {
|
|
|
1174
1185
|
return this.getBoundingClientRect().height;
|
|
1175
1186
|
}
|
|
1176
1187
|
}
|
|
1177
|
-
const
|
|
1188
|
+
const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new n_(t, a), Yc = (t) => {
|
|
1178
1189
|
const {
|
|
1179
1190
|
className: a,
|
|
1180
1191
|
parentElementName: r,
|
|
@@ -1182,18 +1193,18 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1182
1193
|
shouldSlide: o = !0
|
|
1183
1194
|
} = t, [c, l] = e.useState(
|
|
1184
1195
|
null
|
|
1185
|
-
), [n, s] = e.useState(null), [i, d] = e.useState(o),
|
|
1196
|
+
), [n, s] = e.useState(null), [i, d] = e.useState(o), p = () => {
|
|
1186
1197
|
c && (s(
|
|
1187
|
-
|
|
1198
|
+
Sa(
|
|
1188
1199
|
c,
|
|
1189
|
-
|
|
1200
|
+
Na
|
|
1190
1201
|
).getBoundingClientRect()
|
|
1191
1202
|
), d(!1));
|
|
1192
1203
|
};
|
|
1193
1204
|
return e.useEffect(() => {
|
|
1194
1205
|
if (c !== null)
|
|
1195
|
-
return window.addEventListener("resize",
|
|
1196
|
-
window.addEventListener("resize",
|
|
1206
|
+
return window.addEventListener("resize", p), window.addEventListener("scroll", p), () => {
|
|
1207
|
+
window.addEventListener("resize", p), window.addEventListener("resize", p);
|
|
1197
1208
|
};
|
|
1198
1209
|
}, [c, r]), e.useEffect(() => {
|
|
1199
1210
|
if (r) {
|
|
@@ -1202,13 +1213,13 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1202
1213
|
}
|
|
1203
1214
|
}, [r]), e.useEffect(() => {
|
|
1204
1215
|
c && s(
|
|
1205
|
-
|
|
1216
|
+
Sa(
|
|
1206
1217
|
c,
|
|
1207
|
-
|
|
1218
|
+
Na
|
|
1208
1219
|
).getBoundingClientRect()
|
|
1209
1220
|
), d(!0);
|
|
1210
1221
|
}, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
1211
|
-
|
|
1222
|
+
l_,
|
|
1212
1223
|
{
|
|
1213
1224
|
gap: n,
|
|
1214
1225
|
isVisible: _,
|
|
@@ -1216,34 +1227,34 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1216
1227
|
disablePointerEvents: !0
|
|
1217
1228
|
}
|
|
1218
1229
|
), /* @__PURE__ */ e.createElement(
|
|
1219
|
-
|
|
1230
|
+
er,
|
|
1220
1231
|
B(y({}, t), {
|
|
1221
1232
|
referenceElement: {
|
|
1222
1233
|
getBoundingClientRect: () => n,
|
|
1223
1234
|
contextElement: c
|
|
1224
1235
|
},
|
|
1225
1236
|
arrowOffsetY: 25,
|
|
1226
|
-
className:
|
|
1227
|
-
[C[
|
|
1228
|
-
[C[`${
|
|
1237
|
+
className: m({
|
|
1238
|
+
[C[xa]]: !0,
|
|
1239
|
+
[C[`${xa}--slide`]]: i,
|
|
1229
1240
|
className: a
|
|
1230
1241
|
})
|
|
1231
1242
|
}),
|
|
1232
1243
|
t.children
|
|
1233
1244
|
)) : null;
|
|
1234
|
-
},
|
|
1245
|
+
}, mt = "reports-tooltip", qc = ({
|
|
1235
1246
|
title: t,
|
|
1236
1247
|
description: a,
|
|
1237
1248
|
children: r
|
|
1238
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: C[
|
|
1249
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: C[mt] }, /* @__PURE__ */ e.createElement("div", { className: C[`${mt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: C[`${mt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1239
1250
|
M,
|
|
1240
1251
|
{
|
|
1241
1252
|
as: "div",
|
|
1242
1253
|
size: "xs",
|
|
1243
|
-
className: C[`${
|
|
1254
|
+
className: C[`${mt}__heading__description`]
|
|
1244
1255
|
},
|
|
1245
1256
|
a
|
|
1246
|
-
)), /* @__PURE__ */ e.createElement("div", { className: C[`${
|
|
1257
|
+
)), /* @__PURE__ */ e.createElement("div", { className: C[`${mt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), ne = {
|
|
1247
1258
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1248
1259
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1249
1260
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1258,28 +1269,28 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1258
1269
|
"action-bar__menu-wrapper__button--active": "lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc",
|
|
1259
1270
|
"action-bar__menu-wrapper__trigger-vertical": "lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1",
|
|
1260
1271
|
"action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ"
|
|
1261
|
-
},
|
|
1272
|
+
}, xt = "action-bar__items", s_ = ({
|
|
1262
1273
|
option: t,
|
|
1263
1274
|
menuItemsKeys: a,
|
|
1264
1275
|
activeOptionKey: r,
|
|
1265
1276
|
vertical: _
|
|
1266
1277
|
}) => {
|
|
1267
|
-
const o =
|
|
1268
|
-
[ne[`${
|
|
1278
|
+
const o = m(ne[`${xt}__button`], {
|
|
1279
|
+
[ne[`${xt}__button--hidden`]]: a.includes(
|
|
1269
1280
|
t.key
|
|
1270
1281
|
),
|
|
1271
|
-
[ne[`${
|
|
1282
|
+
[ne[`${xt}__button--active`]]: t.key === r
|
|
1272
1283
|
});
|
|
1273
1284
|
if (t.showTooltip) {
|
|
1274
1285
|
const c = a.includes(t.key) && {
|
|
1275
1286
|
isVisible: !1
|
|
1276
1287
|
};
|
|
1277
1288
|
return /* @__PURE__ */ e.createElement(
|
|
1278
|
-
|
|
1289
|
+
er,
|
|
1279
1290
|
y({
|
|
1280
1291
|
kind: "invert",
|
|
1281
1292
|
placement: _ ? "left" : "bottom",
|
|
1282
|
-
triggerClassName: ne[`${
|
|
1293
|
+
triggerClassName: ne[`${xt}__tooltip`],
|
|
1283
1294
|
triggerRenderer: () => /* @__PURE__ */ e.createElement(
|
|
1284
1295
|
G,
|
|
1285
1296
|
{
|
|
@@ -1308,7 +1319,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1308
1319
|
icon: t.element
|
|
1309
1320
|
}
|
|
1310
1321
|
);
|
|
1311
|
-
},
|
|
1322
|
+
}, Ze = "action-bar", Kc = ({
|
|
1312
1323
|
className: t,
|
|
1313
1324
|
id: a = "action-bar-area",
|
|
1314
1325
|
type: r = "menu",
|
|
@@ -1316,11 +1327,11 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1316
1327
|
activeOptionKey: o,
|
|
1317
1328
|
vertical: c
|
|
1318
1329
|
}) => {
|
|
1319
|
-
const [l, n] = e.useState([]), s = r === "scroll", i =
|
|
1320
|
-
ne[
|
|
1330
|
+
const [l, n] = e.useState([]), s = r === "scroll", i = m(
|
|
1331
|
+
ne[Ze],
|
|
1321
1332
|
t,
|
|
1322
|
-
c && ne[`${
|
|
1323
|
-
), d = `${
|
|
1333
|
+
c && ne[`${Ze}--vertical`]
|
|
1334
|
+
), d = `${Ze}__menu-wrapper`, p = {
|
|
1324
1335
|
root: document.querySelector(`${a}`),
|
|
1325
1336
|
threshold: 1
|
|
1326
1337
|
}, u = !s && l.length !== 0, h = (b) => {
|
|
@@ -1340,10 +1351,10 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1340
1351
|
const b = !!window.IntersectionObserver;
|
|
1341
1352
|
if (!s && b) {
|
|
1342
1353
|
const k = document.querySelectorAll(
|
|
1343
|
-
`.${ne[`${
|
|
1354
|
+
`.${ne[`${Ze}__items__button`]}`
|
|
1344
1355
|
), f = new IntersectionObserver(
|
|
1345
1356
|
h,
|
|
1346
|
-
|
|
1357
|
+
p
|
|
1347
1358
|
);
|
|
1348
1359
|
return k.forEach(($) => f.observe($)), () => f.disconnect();
|
|
1349
1360
|
}
|
|
@@ -1352,18 +1363,18 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1352
1363
|
(f) => b.find(($) => $ === f.key)
|
|
1353
1364
|
).map((f) => ({
|
|
1354
1365
|
key: f.key,
|
|
1355
|
-
element: /* @__PURE__ */ e.createElement(
|
|
1366
|
+
element: /* @__PURE__ */ e.createElement(Yr, { leftNode: f.element }, f.label),
|
|
1356
1367
|
onClick: f.onClick
|
|
1357
|
-
})),
|
|
1368
|
+
})), g = _.filter((b) => l.find((k) => k === b.key)).find((b) => b.key === o);
|
|
1358
1369
|
return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
|
|
1359
1370
|
"div",
|
|
1360
1371
|
{
|
|
1361
|
-
className:
|
|
1362
|
-
[ne[`${
|
|
1372
|
+
className: m(ne[`${Ze}__items`], {
|
|
1373
|
+
[ne[`${Ze}__items--scroll`]]: s
|
|
1363
1374
|
})
|
|
1364
1375
|
},
|
|
1365
1376
|
_.map((b) => /* @__PURE__ */ e.createElement(
|
|
1366
|
-
|
|
1377
|
+
s_,
|
|
1367
1378
|
{
|
|
1368
1379
|
option: b,
|
|
1369
1380
|
menuItemsKeys: l,
|
|
@@ -1372,50 +1383,50 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1372
1383
|
}
|
|
1373
1384
|
))
|
|
1374
1385
|
), u && /* @__PURE__ */ e.createElement("div", { className: ne[d] }, /* @__PURE__ */ e.createElement(
|
|
1375
|
-
|
|
1386
|
+
Ur,
|
|
1376
1387
|
{
|
|
1377
1388
|
placement: c ? "left-end" : "bottom-end",
|
|
1378
1389
|
options: v(l),
|
|
1379
|
-
triggerClassName:
|
|
1390
|
+
triggerClassName: m(
|
|
1380
1391
|
c && ne[`${d}__trigger-vertical`]
|
|
1381
1392
|
),
|
|
1382
1393
|
triggerRenderer: /* @__PURE__ */ e.createElement(
|
|
1383
1394
|
G,
|
|
1384
1395
|
{
|
|
1385
|
-
className:
|
|
1396
|
+
className: m(
|
|
1386
1397
|
ne[`${d}__button`],
|
|
1387
|
-
|
|
1398
|
+
g && ne[`${d}__button--active`]
|
|
1388
1399
|
),
|
|
1389
1400
|
kind: "plain",
|
|
1390
1401
|
icon: /* @__PURE__ */ e.createElement(
|
|
1391
1402
|
x,
|
|
1392
1403
|
{
|
|
1393
|
-
source: c ?
|
|
1404
|
+
source: c ? Ga : Et,
|
|
1394
1405
|
kind: "primary"
|
|
1395
1406
|
}
|
|
1396
1407
|
),
|
|
1397
1408
|
iconPosition: "right"
|
|
1398
1409
|
},
|
|
1399
|
-
|
|
1410
|
+
g && /* @__PURE__ */ e.createElement(
|
|
1400
1411
|
"div",
|
|
1401
1412
|
{
|
|
1402
|
-
className:
|
|
1413
|
+
className: m(
|
|
1403
1414
|
ne[`${d}__button__with-item`]
|
|
1404
1415
|
)
|
|
1405
1416
|
},
|
|
1406
|
-
|
|
1417
|
+
g.element
|
|
1407
1418
|
)
|
|
1408
1419
|
)
|
|
1409
1420
|
}
|
|
1410
1421
|
)));
|
|
1411
|
-
},
|
|
1412
|
-
alert:
|
|
1413
|
-
alert__icon:
|
|
1414
|
-
alert__content:
|
|
1415
|
-
alert__content__wrapper:
|
|
1416
|
-
alert__content__wrapper__text:
|
|
1417
|
-
alert__content__wrapper__cta:
|
|
1418
|
-
alert__content__wrapper__cta__link:
|
|
1422
|
+
}, i_ = "lc-Alert-module__alert___HBTns", d_ = "lc-Alert-module__alert__icon___8TaAH", u_ = "lc-Alert-module__alert__content___9nZdf", m_ = "lc-Alert-module__alert__content__wrapper___aLBkP", p_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", g_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", b_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", he = {
|
|
1423
|
+
alert: i_,
|
|
1424
|
+
alert__icon: d_,
|
|
1425
|
+
alert__content: u_,
|
|
1426
|
+
alert__content__wrapper: m_,
|
|
1427
|
+
alert__content__wrapper__text: p_,
|
|
1428
|
+
alert__content__wrapper__cta: g_,
|
|
1429
|
+
alert__content__wrapper__cta__link: b_,
|
|
1419
1430
|
"alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
|
|
1420
1431
|
"alert--small": "lc-Alert-module__alert--small___Fyk-v",
|
|
1421
1432
|
"alert--medium": "lc-Alert-module__alert--medium___ItZWT",
|
|
@@ -1423,24 +1434,24 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1423
1434
|
"alert--warning": "lc-Alert-module__alert--warning___MubhD",
|
|
1424
1435
|
"alert--success": "lc-Alert-module__alert--success___fPtlZ",
|
|
1425
1436
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
1426
|
-
},
|
|
1437
|
+
}, f_ = {
|
|
1427
1438
|
info: {
|
|
1428
|
-
source:
|
|
1439
|
+
source: oa,
|
|
1429
1440
|
kind: "link"
|
|
1430
1441
|
},
|
|
1431
1442
|
warning: {
|
|
1432
|
-
source:
|
|
1443
|
+
source: Ua,
|
|
1433
1444
|
kind: "warning"
|
|
1434
1445
|
},
|
|
1435
1446
|
success: {
|
|
1436
|
-
source:
|
|
1447
|
+
source: Wa,
|
|
1437
1448
|
kind: "success"
|
|
1438
1449
|
},
|
|
1439
1450
|
error: {
|
|
1440
|
-
source:
|
|
1451
|
+
source: Va,
|
|
1441
1452
|
kind: "error"
|
|
1442
1453
|
}
|
|
1443
|
-
}, ke = "alert",
|
|
1454
|
+
}, ke = "alert", Jc = (n) => {
|
|
1444
1455
|
var s = n, {
|
|
1445
1456
|
children: t,
|
|
1446
1457
|
className: a,
|
|
@@ -1456,7 +1467,7 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1456
1467
|
"kind",
|
|
1457
1468
|
"onClose"
|
|
1458
1469
|
]);
|
|
1459
|
-
const i = e.useRef(null), [d,
|
|
1470
|
+
const i = e.useRef(null), [d, p] = e.useState(null), u = m(
|
|
1460
1471
|
he[ke],
|
|
1461
1472
|
he[`${ke}--${o}`],
|
|
1462
1473
|
d === "medium" && he[`${ke}--medium`],
|
|
@@ -1464,13 +1475,13 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1464
1475
|
a
|
|
1465
1476
|
);
|
|
1466
1477
|
return e.useEffect(() => {
|
|
1467
|
-
const h = () => i.current && i.current.offsetWidth <= 400 ?
|
|
1478
|
+
const h = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p(null), v = Ka(() => {
|
|
1468
1479
|
h();
|
|
1469
1480
|
}, 500);
|
|
1470
1481
|
return window.addEventListener("resize", v), h(), () => window.removeEventListener("resize", v);
|
|
1471
1482
|
}), /* @__PURE__ */ e.createElement("div", y({ ref: i, className: u }, l), /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content`] }, /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content__wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1472
1483
|
x,
|
|
1473
|
-
B(y({},
|
|
1484
|
+
B(y({}, f_[o]), {
|
|
1474
1485
|
size: "large",
|
|
1475
1486
|
className: he[`${ke}__icon`]
|
|
1476
1487
|
})
|
|
@@ -1500,17 +1511,17 @@ const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), Vc = (t) => {
|
|
|
1500
1511
|
onClick: c
|
|
1501
1512
|
}
|
|
1502
1513
|
));
|
|
1503
|
-
},
|
|
1514
|
+
}, Da = Array.from(
|
|
1504
1515
|
{ length: 10 },
|
|
1505
1516
|
(t, a) => `--surface-avatar-${a + 1}`
|
|
1506
1517
|
);
|
|
1507
|
-
function
|
|
1518
|
+
function v_(t) {
|
|
1508
1519
|
if (!t)
|
|
1509
1520
|
return;
|
|
1510
1521
|
const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
|
|
1511
|
-
return `var(${
|
|
1522
|
+
return `var(${Da[a % Da.length]})`;
|
|
1512
1523
|
}
|
|
1513
|
-
function
|
|
1524
|
+
function h_(t = "", a = 2) {
|
|
1514
1525
|
const r = t.split(/\s+/);
|
|
1515
1526
|
if (a < 1)
|
|
1516
1527
|
return "";
|
|
@@ -1521,17 +1532,17 @@ function k_(t = "", a = 2) {
|
|
|
1521
1532
|
_.push(r[o].charAt(0));
|
|
1522
1533
|
return _.join("").toUpperCase();
|
|
1523
1534
|
}
|
|
1524
|
-
function
|
|
1535
|
+
function k_(t) {
|
|
1525
1536
|
let a = t;
|
|
1526
1537
|
if (t.startsWith("var(--") && t.endsWith(")")) {
|
|
1527
1538
|
const r = t.slice(4, -1);
|
|
1528
1539
|
a = window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
|
|
1529
1540
|
}
|
|
1530
|
-
return a &&
|
|
1541
|
+
return a && ga(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
|
|
1531
1542
|
}
|
|
1532
|
-
const
|
|
1533
|
-
avatar:
|
|
1534
|
-
avatar__status:
|
|
1543
|
+
const y_ = "lc-Avatar-module__avatar___1zTCE", E_ = "lc-Avatar-module__avatar__status___nX2Ls", $_ = "lc-Avatar-module__avatar__rim___RCQ8Q", w_ = "lc-Avatar-module__avatar__image___YqfqE", ie = {
|
|
1544
|
+
avatar: y_,
|
|
1545
|
+
avatar__status: E_,
|
|
1535
1546
|
"avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
|
|
1536
1547
|
"avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
|
|
1537
1548
|
"avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
|
|
@@ -1546,7 +1557,7 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1546
1557
|
"avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
|
|
1547
1558
|
"avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
|
|
1548
1559
|
"avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
|
|
1549
|
-
avatar__rim:
|
|
1560
|
+
avatar__rim: $_,
|
|
1550
1561
|
"avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
|
|
1551
1562
|
"avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
|
|
1552
1563
|
"avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
|
|
@@ -1556,7 +1567,7 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1556
1567
|
"avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
|
|
1557
1568
|
"avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
|
|
1558
1569
|
"avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
|
|
1559
|
-
avatar__image:
|
|
1570
|
+
avatar__image: w_,
|
|
1560
1571
|
"avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
|
|
1561
1572
|
"avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
|
|
1562
1573
|
"avatar__icon--xsmall": "lc-Avatar-module__avatar__icon--xsmall___yHEZK",
|
|
@@ -1577,7 +1588,7 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1577
1588
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1578
1589
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1579
1590
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1580
|
-
}, Z = "avatar",
|
|
1591
|
+
}, Z = "avatar", C_ = ({
|
|
1581
1592
|
alt: t,
|
|
1582
1593
|
className: a,
|
|
1583
1594
|
color: r,
|
|
@@ -1589,20 +1600,20 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1589
1600
|
type: s,
|
|
1590
1601
|
withRim: i = !1
|
|
1591
1602
|
}) => {
|
|
1592
|
-
const d = s === "image" && !c, [
|
|
1603
|
+
const d = s === "image" && !c, [p, u] = e.useState(d), h = s === "image" && !!c && !p, v = s === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = h_(n, g), k = r || v_(n), f = k ? k_(k) : void 0, $ = v ? { backgroundColor: k } : {}, w = m(y({
|
|
1593
1604
|
[ie[Z]]: !0,
|
|
1594
1605
|
[ie[`${Z}--${_}`]]: !0,
|
|
1595
1606
|
[ie[`${Z}--${o}`]]: !0,
|
|
1596
1607
|
[ie[`${Z}--with-rim`]]: i
|
|
1597
|
-
}, a ? { [`${a}`]: a } : {})), F =
|
|
1608
|
+
}, a ? { [`${a}`]: a } : {})), F = m(
|
|
1598
1609
|
ie[`${Z}__status`],
|
|
1599
1610
|
ie[`${Z}__status--${_}`],
|
|
1600
1611
|
ie[`${Z}__status--${o}`],
|
|
1601
1612
|
...l ? [ie[`${Z}__status--${l}`]] : []
|
|
1602
|
-
), E =
|
|
1613
|
+
), E = m(
|
|
1603
1614
|
ie[`${Z}__icon`],
|
|
1604
1615
|
ie[`${Z}__icon--${o}`]
|
|
1605
|
-
), T =
|
|
1616
|
+
), T = m(
|
|
1606
1617
|
ie[`${Z}__rim`],
|
|
1607
1618
|
ie[`${Z}__rim--${o}`]
|
|
1608
1619
|
), S = e.useCallback(() => u(!0), []);
|
|
@@ -1628,28 +1639,28 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1628
1639
|
alt: t,
|
|
1629
1640
|
onError: S
|
|
1630
1641
|
}
|
|
1631
|
-
), v && /* @__PURE__ */ e.createElement("span", { style: { color: f } }, b),
|
|
1642
|
+
), v && /* @__PURE__ */ e.createElement("span", { style: { color: f } }, b), p && /* @__PURE__ */ e.createElement(
|
|
1632
1643
|
x,
|
|
1633
1644
|
{
|
|
1634
1645
|
"data-testid": `${Z}__icon`,
|
|
1635
1646
|
className: E,
|
|
1636
|
-
source:
|
|
1647
|
+
source: wr
|
|
1637
1648
|
}
|
|
1638
1649
|
));
|
|
1639
1650
|
};
|
|
1640
|
-
function
|
|
1651
|
+
function N_(t, a) {
|
|
1641
1652
|
return t > a ? `${a}+` : `${t}`;
|
|
1642
1653
|
}
|
|
1643
|
-
const
|
|
1644
|
-
badge:
|
|
1645
|
-
badge__dot:
|
|
1654
|
+
const x_ = "lc-Badge-module__badge___GhLnu", S_ = "lc-Badge-module__badge__dot___z6RO6", St = {
|
|
1655
|
+
badge: x_,
|
|
1656
|
+
badge__dot: S_,
|
|
1646
1657
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
1647
1658
|
"badge--medium": "lc-Badge-module__badge--medium___TDU8a",
|
|
1648
1659
|
"badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
|
|
1649
1660
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
1650
1661
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
1651
1662
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
1652
|
-
},
|
|
1663
|
+
}, Dt = "badge", D_ = (n) => {
|
|
1653
1664
|
var s = n, {
|
|
1654
1665
|
className: t,
|
|
1655
1666
|
count: a = 0,
|
|
@@ -1665,44 +1676,44 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
|
|
|
1665
1676
|
"size",
|
|
1666
1677
|
"type"
|
|
1667
1678
|
]);
|
|
1668
|
-
const i =
|
|
1679
|
+
const i = m(
|
|
1669
1680
|
t,
|
|
1670
|
-
Dt
|
|
1671
|
-
|
|
1672
|
-
|
|
1681
|
+
St[Dt],
|
|
1682
|
+
St[`${Dt}--${_}`],
|
|
1683
|
+
St[`${Dt}--${o}`]
|
|
1673
1684
|
), d = {
|
|
1674
|
-
counter:
|
|
1685
|
+
counter: N_(a, r),
|
|
1675
1686
|
alert: "!",
|
|
1676
|
-
dot: /* @__PURE__ */ e.createElement("span", { className:
|
|
1687
|
+
dot: /* @__PURE__ */ e.createElement("span", { className: St[`${Dt}__dot`] })
|
|
1677
1688
|
}[c];
|
|
1678
1689
|
return /* @__PURE__ */ e.createElement("span", y({ className: i }, l), d);
|
|
1679
1690
|
};
|
|
1680
|
-
function
|
|
1691
|
+
function T_() {
|
|
1681
1692
|
}
|
|
1682
|
-
const
|
|
1693
|
+
const B_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
1683
1694
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
1684
|
-
btn:
|
|
1695
|
+
btn: B_,
|
|
1685
1696
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
1686
1697
|
"btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
|
|
1687
1698
|
"btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
|
|
1688
1699
|
"btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
|
|
1689
|
-
},
|
|
1700
|
+
}, A_ = "segmented-control", jc = ({
|
|
1690
1701
|
size: t = "medium",
|
|
1691
1702
|
buttons: a,
|
|
1692
1703
|
className: r,
|
|
1693
1704
|
initialId: _,
|
|
1694
1705
|
currentId: o,
|
|
1695
1706
|
fullWidth: c = !1,
|
|
1696
|
-
onButtonClick: l =
|
|
1707
|
+
onButtonClick: l = T_
|
|
1697
1708
|
}) => {
|
|
1698
|
-
const n =
|
|
1709
|
+
const n = m(Tt[A_], r), [s, i] = e.useState(() => _), d = typeof o == "string";
|
|
1699
1710
|
e.useEffect(() => {
|
|
1700
1711
|
d && i(o);
|
|
1701
1712
|
}, [o]);
|
|
1702
|
-
const
|
|
1713
|
+
const p = (h, v) => {
|
|
1703
1714
|
d || i(h), l(h, v);
|
|
1704
|
-
}, u = a.map(({ id: h, label: v, loading:
|
|
1705
|
-
const f = h === s, $ = f ?
|
|
1715
|
+
}, u = a.map(({ id: h, label: v, loading: g, disabled: b, icon: k }) => {
|
|
1716
|
+
const f = h === s, $ = f ? Tt["btn--active"] : "", w = f ? !1 : g;
|
|
1706
1717
|
return /* @__PURE__ */ e.createElement(
|
|
1707
1718
|
G,
|
|
1708
1719
|
{
|
|
@@ -1713,30 +1724,30 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1713
1724
|
"aria-pressed": f,
|
|
1714
1725
|
kind: "secondary",
|
|
1715
1726
|
icon: k,
|
|
1716
|
-
className:
|
|
1727
|
+
className: m(Tt.btn, Tt[`btn--${t}`], $),
|
|
1717
1728
|
onClick: (F) => {
|
|
1718
|
-
|
|
1729
|
+
p(h, F);
|
|
1719
1730
|
}
|
|
1720
1731
|
},
|
|
1721
1732
|
v
|
|
1722
1733
|
);
|
|
1723
1734
|
});
|
|
1724
1735
|
return /* @__PURE__ */ e.createElement("div", { role: "group", className: n }, u);
|
|
1725
|
-
},
|
|
1726
|
-
card:
|
|
1727
|
-
card__header:
|
|
1728
|
-
card__header__image:
|
|
1729
|
-
card__header__heading:
|
|
1730
|
-
card__header__heading__title:
|
|
1731
|
-
card__header__heading__description:
|
|
1736
|
+
}, I_ = "lc-Card-module__card___GqMm2", P_ = "lc-Card-module__card__header___0ptfD", F_ = "lc-Card-module__card__header__image___QMwSu", R_ = "lc-Card-module__card__header__heading___Wkikx", M_ = "lc-Card-module__card__header__heading__title___Uxi8s", L_ = "lc-Card-module__card__header__heading__description___6LnOK", O_ = "lc-Card-module__card__content___KuDcc", H_ = "lc-Card-module__card__actions___q9sAo", z_ = "lc-Card-module__card__actions__line___TF1bt", G_ = "lc-Card-module__card__actions__buttons___PDMMR", de = {
|
|
1737
|
+
card: I_,
|
|
1738
|
+
card__header: P_,
|
|
1739
|
+
card__header__image: F_,
|
|
1740
|
+
card__header__heading: R_,
|
|
1741
|
+
card__header__heading__title: M_,
|
|
1742
|
+
card__header__heading__description: L_,
|
|
1732
1743
|
"card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
|
|
1733
|
-
card__content:
|
|
1744
|
+
card__content: O_,
|
|
1734
1745
|
"card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
|
|
1735
|
-
card__actions:
|
|
1736
|
-
card__actions__line:
|
|
1737
|
-
card__actions__buttons:
|
|
1746
|
+
card__actions: H_,
|
|
1747
|
+
card__actions__line: z_,
|
|
1748
|
+
card__actions__buttons: G_,
|
|
1738
1749
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
1739
|
-
},
|
|
1750
|
+
}, yt = "card", Ht = `${yt}__header`, Vt = `${Ht}__heading`, Bt = `${yt}__actions`, U_ = `${Ht}__no-image`, Qc = (i) => {
|
|
1740
1751
|
var d = i, {
|
|
1741
1752
|
alt: t,
|
|
1742
1753
|
buttonsOptions: a = [],
|
|
@@ -1756,38 +1767,38 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1756
1767
|
"src",
|
|
1757
1768
|
"title"
|
|
1758
1769
|
]);
|
|
1759
|
-
const [
|
|
1760
|
-
return /* @__PURE__ */ e.createElement("div", y({ className:
|
|
1770
|
+
const [p, u] = e.useState(!1), h = p ? zt : Et, v = p ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, b = !!c, k = g || b, f = n, $ = l, w = $ ? "" : de[U_];
|
|
1771
|
+
return /* @__PURE__ */ e.createElement("div", y({ className: m(de[yt], _) }, s), f && /* @__PURE__ */ e.createElement("div", { className: m(de[Ht], w) }, $ && /* @__PURE__ */ e.createElement(
|
|
1761
1772
|
"img",
|
|
1762
1773
|
{
|
|
1763
1774
|
alt: t,
|
|
1764
|
-
className: de[`${
|
|
1775
|
+
className: de[`${Ht}__image`],
|
|
1765
1776
|
src: l
|
|
1766
1777
|
}
|
|
1767
|
-
), /* @__PURE__ */ e.createElement("div", { className: de[
|
|
1778
|
+
), /* @__PURE__ */ e.createElement("div", { className: de[Vt] }, /* @__PURE__ */ e.createElement(Je, { size: "sm", className: de[`${Vt}__title`] }, n), /* @__PURE__ */ e.createElement(M, { size: "sm", className: de[`${Vt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: de[`${yt}__content`] }, r), p && /* @__PURE__ */ e.createElement(
|
|
1768
1779
|
M,
|
|
1769
1780
|
{
|
|
1770
1781
|
as: "div",
|
|
1771
1782
|
size: "md",
|
|
1772
|
-
className: de[`${
|
|
1783
|
+
className: de[`${yt}__expanded-content`]
|
|
1773
1784
|
},
|
|
1774
1785
|
c
|
|
1775
|
-
), k && /* @__PURE__ */ e.createElement("div", { className: de[
|
|
1786
|
+
), k && /* @__PURE__ */ e.createElement("div", { className: de[Bt] }, /* @__PURE__ */ e.createElement("div", { className: de[`${Bt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: de[`${Bt}__buttons`] }, g && a.map(
|
|
1776
1787
|
({ kind: F, onClick: E, children: T }) => /* @__PURE__ */ e.createElement(G, { size: "compact", kind: F, onClick: E }, T)
|
|
1777
1788
|
), b && /* @__PURE__ */ e.createElement(
|
|
1778
1789
|
G,
|
|
1779
1790
|
{
|
|
1780
|
-
className: de[`${
|
|
1791
|
+
className: de[`${Bt}__buttons-expander`],
|
|
1781
1792
|
kind: "link",
|
|
1782
1793
|
iconPosition: "right",
|
|
1783
1794
|
icon: /* @__PURE__ */ e.createElement(x, { source: h }),
|
|
1784
|
-
onClick: () => u(!
|
|
1795
|
+
onClick: () => u(!p)
|
|
1785
1796
|
},
|
|
1786
1797
|
v
|
|
1787
1798
|
))));
|
|
1788
|
-
},
|
|
1799
|
+
}, W_ = {
|
|
1789
1800
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
1790
|
-
},
|
|
1801
|
+
}, V_ = "field-description", Gt = (_) => {
|
|
1791
1802
|
var o = _, {
|
|
1792
1803
|
children: t,
|
|
1793
1804
|
className: a = ""
|
|
@@ -1795,25 +1806,25 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1795
1806
|
"children",
|
|
1796
1807
|
"className"
|
|
1797
1808
|
]);
|
|
1798
|
-
const c =
|
|
1809
|
+
const c = m(W_[V_], a);
|
|
1799
1810
|
return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), t);
|
|
1800
|
-
},
|
|
1801
|
-
checkbox:
|
|
1802
|
-
checkbox__label:
|
|
1803
|
-
checkbox__text:
|
|
1804
|
-
checkbox__input:
|
|
1805
|
-
checkbox__checkmark:
|
|
1811
|
+
}, Y_ = "lc-Checkbox-module__checkbox___G7nTf", q_ = "lc-Checkbox-module__checkbox__label___-o01x", K_ = "lc-Checkbox-module__checkbox__text___P2SIq", J_ = "lc-Checkbox-module__checkbox__input___YLbVF", j_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Q_ = "lc-Checkbox-module__checkbox__square___MHUyd", Z_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ve = {
|
|
1812
|
+
checkbox: Y_,
|
|
1813
|
+
checkbox__label: q_,
|
|
1814
|
+
checkbox__text: K_,
|
|
1815
|
+
checkbox__input: J_,
|
|
1816
|
+
checkbox__checkmark: j_,
|
|
1806
1817
|
"checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
|
|
1807
|
-
checkbox__square:
|
|
1818
|
+
checkbox__square: Q_,
|
|
1808
1819
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
1809
|
-
checkbox__helper:
|
|
1810
|
-
}, Ye = "checkbox",
|
|
1820
|
+
checkbox__helper: Z_
|
|
1821
|
+
}, Ye = "checkbox", Zc = e.forwardRef(
|
|
1811
1822
|
(n, l) => {
|
|
1812
1823
|
var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = P(s, ["checked", "disabled", "children", "description", "className"]);
|
|
1813
1824
|
return /* @__PURE__ */ e.createElement(
|
|
1814
1825
|
"div",
|
|
1815
1826
|
{
|
|
1816
|
-
className:
|
|
1827
|
+
className: m(Ve[Ye], o, {
|
|
1817
1828
|
[Ve[`${Ye}--selected`]]: t,
|
|
1818
1829
|
[Ve[`${Ye}--disabled`]]: a
|
|
1819
1830
|
})
|
|
@@ -1828,7 +1839,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1828
1839
|
type: "checkbox"
|
|
1829
1840
|
})
|
|
1830
1841
|
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Ve[`${Ye}__text`] }, r)),
|
|
1831
|
-
_ && /* @__PURE__ */ e.createElement(
|
|
1842
|
+
_ && /* @__PURE__ */ e.createElement(Gt, { className: Ve[`${Ye}__helper`] }, _)
|
|
1832
1843
|
);
|
|
1833
1844
|
}
|
|
1834
1845
|
), D = {
|
|
@@ -1866,7 +1877,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1866
1877
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
1867
1878
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
1868
1879
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
1869
|
-
},
|
|
1880
|
+
}, Ta = "date-picker", X_ = (t) => {
|
|
1870
1881
|
const {
|
|
1871
1882
|
onPreviousClick: a,
|
|
1872
1883
|
onMonthChange: r,
|
|
@@ -1878,81 +1889,81 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1878
1889
|
numberOfMonths: s,
|
|
1879
1890
|
month: i,
|
|
1880
1891
|
fromMonth: d,
|
|
1881
|
-
toMonth:
|
|
1892
|
+
toMonth: p
|
|
1882
1893
|
} = t, u = () => {
|
|
1883
1894
|
typeof a == "function" && a();
|
|
1884
1895
|
}, h = () => {
|
|
1885
1896
|
typeof _ == "function" && _();
|
|
1886
1897
|
}, v = () => {
|
|
1887
1898
|
if (!d) {
|
|
1888
|
-
const f =
|
|
1899
|
+
const f = lt(i, 12);
|
|
1889
1900
|
return r(f);
|
|
1890
1901
|
}
|
|
1891
|
-
const b = Math.abs(
|
|
1902
|
+
const b = Math.abs(ka(i, d)), k = lt(
|
|
1892
1903
|
i,
|
|
1893
1904
|
!Number.isNaN(b) && b > 12 ? 12 : b
|
|
1894
1905
|
);
|
|
1895
1906
|
return r(k);
|
|
1896
|
-
},
|
|
1897
|
-
if (!
|
|
1898
|
-
const f =
|
|
1907
|
+
}, g = () => {
|
|
1908
|
+
if (!p) {
|
|
1909
|
+
const f = ya(i, 12);
|
|
1899
1910
|
return r(f);
|
|
1900
1911
|
}
|
|
1901
|
-
const b = Math.abs(
|
|
1912
|
+
const b = Math.abs(ka(p, i)), k = ya(
|
|
1902
1913
|
i,
|
|
1903
1914
|
!Number.isNaN(b) && b > 12 ? 12 : b
|
|
1904
1915
|
);
|
|
1905
|
-
return s === 2 &&
|
|
1916
|
+
return s === 2 && ea(k, p) ? r(lt(k, 1)) : r(k);
|
|
1906
1917
|
};
|
|
1907
|
-
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1918
|
+
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: D[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1908
1919
|
"button",
|
|
1909
1920
|
{
|
|
1910
1921
|
"data-testid": "date-picker-prev-year-button",
|
|
1911
|
-
className:
|
|
1922
|
+
className: m({
|
|
1912
1923
|
[n.navButtonPrev]: !0,
|
|
1913
1924
|
[n.navButtonInteractionDisabled]: !c
|
|
1914
1925
|
}),
|
|
1915
1926
|
onClick: v
|
|
1916
1927
|
},
|
|
1917
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
1928
|
+
/* @__PURE__ */ e.createElement(x, { source: Cr, kind: "subtle" })
|
|
1918
1929
|
), /* @__PURE__ */ e.createElement(
|
|
1919
1930
|
"button",
|
|
1920
1931
|
{
|
|
1921
1932
|
"data-testid": "date-picker-prev-month-button",
|
|
1922
|
-
className:
|
|
1933
|
+
className: m({
|
|
1923
1934
|
[n.navButtonPrev]: !0,
|
|
1924
1935
|
[n.navButtonInteractionDisabled]: !c
|
|
1925
1936
|
}),
|
|
1926
1937
|
onClick: u
|
|
1927
1938
|
},
|
|
1928
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
1929
|
-
)), /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1939
|
+
/* @__PURE__ */ e.createElement(x, { source: Ga, kind: "subtle" })
|
|
1940
|
+
)), /* @__PURE__ */ e.createElement("div", { className: D[`${Ta}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1930
1941
|
"button",
|
|
1931
1942
|
{
|
|
1932
1943
|
"data-testid": "date-picker-next-month-button",
|
|
1933
|
-
className:
|
|
1944
|
+
className: m({
|
|
1934
1945
|
[n.navButtonNext]: !0,
|
|
1935
1946
|
[n.navButtonInteractionDisabled]: !o
|
|
1936
1947
|
}),
|
|
1937
1948
|
onClick: h
|
|
1938
1949
|
},
|
|
1939
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
1950
|
+
/* @__PURE__ */ e.createElement(x, { source: Xt, kind: "subtle" })
|
|
1940
1951
|
), /* @__PURE__ */ e.createElement(
|
|
1941
1952
|
"button",
|
|
1942
1953
|
{
|
|
1943
1954
|
"data-testid": "date-picker-next-year-button",
|
|
1944
|
-
className:
|
|
1955
|
+
className: m({
|
|
1945
1956
|
[n.navButtonNext]: !0,
|
|
1946
1957
|
[n.navButtonInteractionDisabled]: !o
|
|
1947
1958
|
}),
|
|
1948
|
-
onClick:
|
|
1959
|
+
onClick: g
|
|
1949
1960
|
},
|
|
1950
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
1961
|
+
/* @__PURE__ */ e.createElement(x, { source: Nr, kind: "subtle" })
|
|
1951
1962
|
)));
|
|
1952
|
-
}, I = "date-picker",
|
|
1963
|
+
}, I = "date-picker", tr = (t, a) => {
|
|
1953
1964
|
const { from: r, to: _ } = a;
|
|
1954
|
-
return !(_ && !
|
|
1955
|
-
},
|
|
1965
|
+
return !(_ && !ta(t, _) && aa(t, _) || r && !ta(t, r) && !aa(t, r));
|
|
1966
|
+
}, ar = (t, a, r) => a ? t && !ea(t, a) || r && ea(a, r) ? lt(a, 1) : a : lt(r || /* @__PURE__ */ new Date(), 1), eo = (t, a) => {
|
|
1956
1967
|
const r = {
|
|
1957
1968
|
[D[`${I}__day--monday`]]: { daysOfWeek: [1] },
|
|
1958
1969
|
[D[`${I}__day--sunday`]]: { daysOfWeek: [0] },
|
|
@@ -1961,26 +1972,26 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1961
1972
|
};
|
|
1962
1973
|
if (!a || !t)
|
|
1963
1974
|
return r;
|
|
1964
|
-
const _ =
|
|
1975
|
+
const _ = Ja(a, t);
|
|
1965
1976
|
return _ > 0 ? B(y({}, r), {
|
|
1966
1977
|
[D[`${I}__day--end`]]: a
|
|
1967
1978
|
}) : _ < 0 ? B(y({}, r), {
|
|
1968
1979
|
[D[`${I}__day--start`]]: a
|
|
1969
1980
|
}) : r;
|
|
1970
|
-
},
|
|
1981
|
+
}, ht = (t, a) => {
|
|
1971
1982
|
const r = a.find((_) => _.id === t);
|
|
1972
1983
|
return r || void 0;
|
|
1973
|
-
},
|
|
1984
|
+
}, Ba = (t, a) => !!(!t || t && a), to = (t) => {
|
|
1974
1985
|
const a = {};
|
|
1975
1986
|
if (!t.initialSelectedItemKey)
|
|
1976
1987
|
return a;
|
|
1977
|
-
const r =
|
|
1988
|
+
const r = ht(
|
|
1978
1989
|
t.initialSelectedItemKey,
|
|
1979
1990
|
t.options
|
|
1980
1991
|
);
|
|
1981
1992
|
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) : {};
|
|
1982
|
-
},
|
|
1983
|
-
container:
|
|
1993
|
+
}, ao = (t, a) => y({
|
|
1994
|
+
container: m({
|
|
1984
1995
|
[D[`${I}`]]: !0,
|
|
1985
1996
|
[D[`${I}--range`]]: t
|
|
1986
1997
|
}),
|
|
@@ -1989,11 +2000,11 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
1989
2000
|
months: D[`${I}__months`],
|
|
1990
2001
|
month: D[`${I}__month`],
|
|
1991
2002
|
navBar: D[`${I}__nav-bar`],
|
|
1992
|
-
navButtonPrev:
|
|
2003
|
+
navButtonPrev: m(
|
|
1993
2004
|
D[`${I}__nav-button`],
|
|
1994
2005
|
D[`${I}__nav-button--prev`]
|
|
1995
2006
|
),
|
|
1996
|
-
navButtonNext:
|
|
2007
|
+
navButtonNext: m(
|
|
1997
2008
|
D[`${I}__nav-button`],
|
|
1998
2009
|
D[`${I}__nav-button--next`]
|
|
1999
2010
|
),
|
|
@@ -2014,10 +2025,10 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
2014
2025
|
outside: D[`${I}__day--outside`],
|
|
2015
2026
|
start: D[`${I}__day--start`],
|
|
2016
2027
|
end: D[`${I}__day--end`]
|
|
2017
|
-
}, a),
|
|
2028
|
+
}, a), Aa = "date-picker", ro = (t) => {
|
|
2018
2029
|
const a = t.getDate();
|
|
2019
|
-
return /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
2020
|
-
},
|
|
2030
|
+
return /* @__PURE__ */ e.createElement("div", { className: D[`${Aa}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${Aa}__day-content`] }, a));
|
|
2031
|
+
}, _o = (t) => {
|
|
2021
2032
|
const k = t, {
|
|
2022
2033
|
classNames: a,
|
|
2023
2034
|
range: r,
|
|
@@ -2029,7 +2040,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
2029
2040
|
navbarElement: s,
|
|
2030
2041
|
renderDay: i,
|
|
2031
2042
|
innerRef: d
|
|
2032
|
-
} = k,
|
|
2043
|
+
} = k, p = P(k, [
|
|
2033
2044
|
"classNames",
|
|
2034
2045
|
"range",
|
|
2035
2046
|
"toMonth",
|
|
@@ -2044,7 +2055,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
2044
2055
|
e.useEffect(() => {
|
|
2045
2056
|
o && o !== u && h(o);
|
|
2046
2057
|
}, [o, u]), e.useEffect(() => {
|
|
2047
|
-
_ && (
|
|
2058
|
+
_ && (tr(u, { from: c, to: _ }) || h(_));
|
|
2048
2059
|
}, [u, t.toMonth, t.fromMonth]);
|
|
2049
2060
|
const v = e.useCallback(
|
|
2050
2061
|
(f) => {
|
|
@@ -2056,17 +2067,17 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
2056
2067
|
},
|
|
2057
2068
|
[o, t.onMonthChange]
|
|
2058
2069
|
);
|
|
2059
|
-
let
|
|
2060
|
-
(l === 0 || l && l < 7) && (
|
|
2070
|
+
let g = 1;
|
|
2071
|
+
(l === 0 || l && l < 7) && (g = l);
|
|
2061
2072
|
const b = e.useMemo(
|
|
2062
|
-
() =>
|
|
2073
|
+
() => ao(r, a),
|
|
2063
2074
|
[r, a]
|
|
2064
2075
|
);
|
|
2065
2076
|
return /* @__PURE__ */ e.createElement(
|
|
2066
|
-
|
|
2077
|
+
Hr,
|
|
2067
2078
|
y({
|
|
2068
2079
|
navbarElement: s || /* @__PURE__ */ e.createElement(
|
|
2069
|
-
|
|
2080
|
+
X_,
|
|
2070
2081
|
{
|
|
2071
2082
|
month: u,
|
|
2072
2083
|
classNames: b,
|
|
@@ -2081,18 +2092,18 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
|
2081
2092
|
numberOfMonths: n,
|
|
2082
2093
|
toMonth: _,
|
|
2083
2094
|
fromMonth: c,
|
|
2084
|
-
firstDayOfWeek:
|
|
2095
|
+
firstDayOfWeek: g,
|
|
2085
2096
|
month: u,
|
|
2086
|
-
renderDay: i ||
|
|
2087
|
-
},
|
|
2097
|
+
renderDay: i || ro
|
|
2098
|
+
}, p)
|
|
2088
2099
|
);
|
|
2089
|
-
},
|
|
2090
|
-
(t, a) => /* @__PURE__ */ e.createElement(
|
|
2100
|
+
}, oo = e.forwardRef(
|
|
2101
|
+
(t, a) => /* @__PURE__ */ e.createElement(_o, y({ innerRef: a }, t))
|
|
2091
2102
|
);
|
|
2092
|
-
|
|
2103
|
+
oo.displayName = "DatePicker";
|
|
2093
2104
|
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 || {});
|
|
2094
|
-
const
|
|
2095
|
-
const a =
|
|
2105
|
+
const co = (t) => {
|
|
2106
|
+
const a = ar(
|
|
2096
2107
|
t.initialFromDate,
|
|
2097
2108
|
t.initialToDate,
|
|
2098
2109
|
t.toMonth
|
|
@@ -2102,7 +2113,7 @@ const lo = (t) => {
|
|
|
2102
2113
|
to: void 0,
|
|
2103
2114
|
temporaryTo: void 0,
|
|
2104
2115
|
currentMonth: a
|
|
2105
|
-
}),
|
|
2116
|
+
}), to(t));
|
|
2106
2117
|
function o(c, l) {
|
|
2107
2118
|
switch (l.type) {
|
|
2108
2119
|
case V.NEW_SELECTED_ITEM:
|
|
@@ -2150,8 +2161,8 @@ const lo = (t) => {
|
|
|
2150
2161
|
return c;
|
|
2151
2162
|
}
|
|
2152
2163
|
}
|
|
2153
|
-
return
|
|
2154
|
-
},
|
|
2164
|
+
return Er(o, _);
|
|
2165
|
+
}, lo = ({
|
|
2155
2166
|
options: t,
|
|
2156
2167
|
initialSelectedItemKey: a,
|
|
2157
2168
|
initialFromDate: r,
|
|
@@ -2160,9 +2171,9 @@ const lo = (t) => {
|
|
|
2160
2171
|
onChange: c,
|
|
2161
2172
|
children: l
|
|
2162
2173
|
}) => {
|
|
2163
|
-
const n =
|
|
2174
|
+
const n = $r(
|
|
2164
2175
|
a || null
|
|
2165
|
-
), [s, i] =
|
|
2176
|
+
), [s, i] = co({
|
|
2166
2177
|
options: t,
|
|
2167
2178
|
initialSelectedItemKey: a,
|
|
2168
2179
|
initialFromDate: r,
|
|
@@ -2171,103 +2182,103 @@ const lo = (t) => {
|
|
|
2171
2182
|
onChange: c,
|
|
2172
2183
|
children: l
|
|
2173
2184
|
});
|
|
2174
|
-
|
|
2185
|
+
nt(() => {
|
|
2175
2186
|
i({
|
|
2176
2187
|
type: V.SET_FROM,
|
|
2177
2188
|
payload: { date: r }
|
|
2178
2189
|
});
|
|
2179
|
-
}, [r]),
|
|
2190
|
+
}, [r]), nt(() => {
|
|
2180
2191
|
i({
|
|
2181
2192
|
type: V.SET_TO,
|
|
2182
2193
|
payload: { date: _ }
|
|
2183
2194
|
});
|
|
2184
|
-
}, [_]),
|
|
2185
|
-
const
|
|
2195
|
+
}, [_]), nt(() => {
|
|
2196
|
+
const g = ar(
|
|
2186
2197
|
r,
|
|
2187
2198
|
_,
|
|
2188
2199
|
o
|
|
2189
2200
|
);
|
|
2190
2201
|
i({
|
|
2191
2202
|
type: V.CURRENT_MONTH_CHANGE,
|
|
2192
|
-
payload: { date:
|
|
2203
|
+
payload: { date: g }
|
|
2193
2204
|
});
|
|
2194
|
-
}, [o, r, _]),
|
|
2195
|
-
const { from:
|
|
2196
|
-
if (!(
|
|
2205
|
+
}, [o, r, _]), nt(() => {
|
|
2206
|
+
const { from: g, selectedItem: b, to: k } = s;
|
|
2207
|
+
if (!(g && k))
|
|
2197
2208
|
return;
|
|
2198
|
-
const f =
|
|
2209
|
+
const f = ht(b, t);
|
|
2199
2210
|
f && (c == null || c(B(y({}, f), {
|
|
2200
2211
|
value: {
|
|
2201
|
-
from:
|
|
2212
|
+
from: g,
|
|
2202
2213
|
to: k
|
|
2203
2214
|
}
|
|
2204
2215
|
})));
|
|
2205
|
-
}, [s.from, s.to, s.selectedItem, t, c]),
|
|
2206
|
-
const { selectedItem:
|
|
2207
|
-
if (
|
|
2216
|
+
}, [s.from, s.to, s.selectedItem, t, c]), nt(() => {
|
|
2217
|
+
const { selectedItem: g } = s;
|
|
2218
|
+
if (g === n.current)
|
|
2208
2219
|
return;
|
|
2209
|
-
if (!
|
|
2220
|
+
if (!g) {
|
|
2210
2221
|
c(null);
|
|
2211
2222
|
return;
|
|
2212
2223
|
}
|
|
2213
|
-
if (!
|
|
2224
|
+
if (!ht(g, t))
|
|
2214
2225
|
return;
|
|
2215
2226
|
const k = t.reduce(
|
|
2216
2227
|
(f, $) => B(y({}, f), { [$.id]: $ }),
|
|
2217
2228
|
{}
|
|
2218
2229
|
);
|
|
2219
|
-
c(k[
|
|
2230
|
+
c(k[g]);
|
|
2220
2231
|
}, [c, s.selectedItem, t]);
|
|
2221
|
-
const d =
|
|
2222
|
-
(
|
|
2223
|
-
const b = o ?
|
|
2224
|
-
!
|
|
2232
|
+
const d = wt(
|
|
2233
|
+
(g) => {
|
|
2234
|
+
const b = o ? Ja(o, g) >= 0 : !0;
|
|
2235
|
+
!Ba(s.from, s.to) && b && i({
|
|
2225
2236
|
type: V.NEW_TEMPORARY_TO_VALUE,
|
|
2226
|
-
payload: { date:
|
|
2237
|
+
payload: { date: g }
|
|
2227
2238
|
});
|
|
2228
2239
|
},
|
|
2229
2240
|
[o, s.from, s.to]
|
|
2230
|
-
),
|
|
2231
|
-
(
|
|
2241
|
+
), p = wt(
|
|
2242
|
+
(g) => {
|
|
2232
2243
|
const { from: b, to: k } = s;
|
|
2233
|
-
|
|
2244
|
+
tr(g, { to: o }) && (Ba(b, k) ? i({
|
|
2234
2245
|
type: V.SELECT_FIRST_DAY,
|
|
2235
|
-
payload: { date:
|
|
2236
|
-
}) : b &&
|
|
2246
|
+
payload: { date: g }
|
|
2247
|
+
}) : b && ta(g, b) || b && aa(g, b) ? i({
|
|
2237
2248
|
type: V.SELECT_SECOND_DAY_AS_TO,
|
|
2238
|
-
payload: { date:
|
|
2249
|
+
payload: { date: g }
|
|
2239
2250
|
}) : i({
|
|
2240
2251
|
type: V.SELECT_SECOND_DAY_AS_FROM,
|
|
2241
|
-
payload: { date:
|
|
2252
|
+
payload: { date: g }
|
|
2242
2253
|
}));
|
|
2243
2254
|
},
|
|
2244
2255
|
[o, s.from, s.to]
|
|
2245
|
-
), u =
|
|
2246
|
-
(
|
|
2247
|
-
if (
|
|
2256
|
+
), u = wt(
|
|
2257
|
+
(g) => {
|
|
2258
|
+
if (g === null) {
|
|
2248
2259
|
i({
|
|
2249
2260
|
type: V.NEW_SELECTED_ITEM,
|
|
2250
2261
|
payload: { selectedItem: null }
|
|
2251
2262
|
});
|
|
2252
2263
|
return;
|
|
2253
2264
|
}
|
|
2254
|
-
|
|
2265
|
+
ht(g, t) && i({
|
|
2255
2266
|
type: V.NEW_SELECTED_ITEM,
|
|
2256
|
-
payload: { selectedItem:
|
|
2267
|
+
payload: { selectedItem: g }
|
|
2257
2268
|
});
|
|
2258
2269
|
},
|
|
2259
2270
|
[t]
|
|
2260
|
-
), h =
|
|
2271
|
+
), h = wt((g) => {
|
|
2261
2272
|
i({
|
|
2262
2273
|
type: V.CURRENT_MONTH_CHANGE,
|
|
2263
|
-
payload: { date:
|
|
2274
|
+
payload: { date: g }
|
|
2264
2275
|
});
|
|
2265
2276
|
}, []);
|
|
2266
2277
|
return l((() => {
|
|
2267
|
-
const { currentMonth:
|
|
2268
|
-
() =>
|
|
2278
|
+
const { currentMonth: g, from: b, selectedItem: k, temporaryTo: f, to: $ } = s, w = Ct(
|
|
2279
|
+
() => eo(b, f),
|
|
2269
2280
|
[b, f]
|
|
2270
|
-
), F =
|
|
2281
|
+
), F = Ct(() => ht(k, t), [t, k]), E = Ct(() => [b, { from: b, to: f }], [b, f]), T = Ct(() => o ? { after: o } : void 0, [o]);
|
|
2271
2282
|
return {
|
|
2272
2283
|
select: {
|
|
2273
2284
|
onItemSelect: u,
|
|
@@ -2279,12 +2290,12 @@ const lo = (t) => {
|
|
|
2279
2290
|
},
|
|
2280
2291
|
datepicker: {
|
|
2281
2292
|
range: !0,
|
|
2282
|
-
month:
|
|
2293
|
+
month: g,
|
|
2283
2294
|
numberOfMonths: 2,
|
|
2284
|
-
onDayClick:
|
|
2295
|
+
onDayClick: p,
|
|
2285
2296
|
selectedDays: E,
|
|
2286
2297
|
modifiers: w,
|
|
2287
|
-
initialMonth: o &&
|
|
2298
|
+
initialMonth: o && lt(o, 1),
|
|
2288
2299
|
toMonth: o,
|
|
2289
2300
|
disabledDays: T,
|
|
2290
2301
|
onDayMouseEnter: d,
|
|
@@ -2294,7 +2305,7 @@ const lo = (t) => {
|
|
|
2294
2305
|
};
|
|
2295
2306
|
})());
|
|
2296
2307
|
};
|
|
2297
|
-
|
|
2308
|
+
lo.defaultProps = {
|
|
2298
2309
|
options: [
|
|
2299
2310
|
{
|
|
2300
2311
|
id: "default",
|
|
@@ -2330,7 +2341,7 @@ const L = {
|
|
|
2330
2341
|
"details-card__content": "lc-DetailsCard-module__details-card__content___RNVd2",
|
|
2331
2342
|
"details-card__content--spacing": "lc-DetailsCard-module__details-card__content--spacing___QecUa",
|
|
2332
2343
|
"details-card__content--full-space": "lc-DetailsCard-module__details-card__content--full-space___2ms8I"
|
|
2333
|
-
}, O = "details-card",
|
|
2344
|
+
}, O = "details-card", Xc = ({
|
|
2334
2345
|
children: t,
|
|
2335
2346
|
className: a,
|
|
2336
2347
|
leftNode: r,
|
|
@@ -2342,12 +2353,12 @@ const L = {
|
|
|
2342
2353
|
hideLabelOnOpen: s,
|
|
2343
2354
|
onClick: i
|
|
2344
2355
|
}) => {
|
|
2345
|
-
const [d,
|
|
2356
|
+
const [d, p] = e.useState(n), [u, h] = e.useState(0), v = e.useRef(null), g = m(
|
|
2346
2357
|
L[O],
|
|
2347
2358
|
c && L[`${O}--with-divider`],
|
|
2348
2359
|
a
|
|
2349
2360
|
), b = s && d, k = () => {
|
|
2350
|
-
|
|
2361
|
+
p((f) => !f), i == null || i();
|
|
2351
2362
|
};
|
|
2352
2363
|
return e.useEffect(() => {
|
|
2353
2364
|
const f = !!window.IntersectionObserver;
|
|
@@ -2357,10 +2368,10 @@ const L = {
|
|
|
2357
2368
|
});
|
|
2358
2369
|
return $.observe(v.current), () => $.disconnect();
|
|
2359
2370
|
}
|
|
2360
|
-
}, [v]), /* @__PURE__ */ e.createElement("div", { className:
|
|
2371
|
+
}, [v]), /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement(
|
|
2361
2372
|
"button",
|
|
2362
2373
|
{
|
|
2363
|
-
className:
|
|
2374
|
+
className: m(
|
|
2364
2375
|
L[`${O}__button`],
|
|
2365
2376
|
b && L[`${O}__button--hide`],
|
|
2366
2377
|
d && L[`${O}__button--open`]
|
|
@@ -2373,23 +2384,23 @@ const L = {
|
|
|
2373
2384
|
/* @__PURE__ */ e.createElement(
|
|
2374
2385
|
"div",
|
|
2375
2386
|
{
|
|
2376
|
-
className:
|
|
2387
|
+
className: m(
|
|
2377
2388
|
L[`${O}__label`],
|
|
2378
2389
|
s && L[`${O}__label--with-margin`]
|
|
2379
2390
|
)
|
|
2380
2391
|
},
|
|
2381
2392
|
r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
|
|
2382
|
-
/* @__PURE__ */ e.createElement(
|
|
2393
|
+
/* @__PURE__ */ e.createElement(Je, { size: "xs", className: L[`${O}__label__text`] }, o),
|
|
2383
2394
|
_ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
|
|
2384
2395
|
),
|
|
2385
2396
|
!s && /* @__PURE__ */ e.createElement(
|
|
2386
2397
|
x,
|
|
2387
2398
|
{
|
|
2388
|
-
className:
|
|
2399
|
+
className: m(
|
|
2389
2400
|
L[`${O}__button__icon`],
|
|
2390
2401
|
d && L[`${O}__button__icon--open`]
|
|
2391
2402
|
),
|
|
2392
|
-
source:
|
|
2403
|
+
source: Xt
|
|
2393
2404
|
}
|
|
2394
2405
|
)
|
|
2395
2406
|
), s && /* @__PURE__ */ e.createElement(
|
|
@@ -2399,14 +2410,14 @@ const L = {
|
|
|
2399
2410
|
icon: /* @__PURE__ */ e.createElement(
|
|
2400
2411
|
x,
|
|
2401
2412
|
{
|
|
2402
|
-
source:
|
|
2403
|
-
className:
|
|
2413
|
+
source: Xt,
|
|
2414
|
+
className: m(
|
|
2404
2415
|
L[`${O}__float-button__icon`],
|
|
2405
2416
|
d && L[`${O}__float-button__icon--open`]
|
|
2406
2417
|
)
|
|
2407
2418
|
}
|
|
2408
2419
|
),
|
|
2409
|
-
className:
|
|
2420
|
+
className: m(
|
|
2410
2421
|
L[`${O}__float-button`],
|
|
2411
2422
|
!d && L[`${O}__float-button--closed`],
|
|
2412
2423
|
d && L[`${O}__float-button--open`]
|
|
@@ -2418,7 +2429,7 @@ const L = {
|
|
|
2418
2429
|
), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
2419
2430
|
"div",
|
|
2420
2431
|
{
|
|
2421
|
-
className:
|
|
2432
|
+
className: m(
|
|
2422
2433
|
L[`${O}__content-wrapper`],
|
|
2423
2434
|
d && L[`${O}__content-wrapper--open`]
|
|
2424
2435
|
),
|
|
@@ -2430,7 +2441,7 @@ const L = {
|
|
|
2430
2441
|
"div",
|
|
2431
2442
|
{
|
|
2432
2443
|
ref: v,
|
|
2433
|
-
className:
|
|
2444
|
+
className: m(
|
|
2434
2445
|
L[`${O}__content`],
|
|
2435
2446
|
l && L[`${O}__content--full-space`],
|
|
2436
2447
|
s && L[`${O}__content--spacing`]
|
|
@@ -2439,17 +2450,17 @@ const L = {
|
|
|
2439
2450
|
t
|
|
2440
2451
|
)
|
|
2441
2452
|
)));
|
|
2442
|
-
},
|
|
2453
|
+
}, Yt = {
|
|
2443
2454
|
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
2444
2455
|
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
2445
2456
|
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
2446
|
-
},
|
|
2457
|
+
}, qt = "details-card-info", el = ({
|
|
2447
2458
|
children: t,
|
|
2448
2459
|
label: a
|
|
2449
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: qt
|
|
2460
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: Yt[qt] }, /* @__PURE__ */ e.createElement("div", { className: Yt[`${qt}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: Yt[`${qt}__content`] }, t)), Ia = {
|
|
2450
2461
|
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
2451
2462
|
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
2452
|
-
},
|
|
2463
|
+
}, Pa = "field-error", fa = (_) => {
|
|
2453
2464
|
var o = _, {
|
|
2454
2465
|
children: t,
|
|
2455
2466
|
className: a = ""
|
|
@@ -2457,20 +2468,20 @@ const L = {
|
|
|
2457
2468
|
"children",
|
|
2458
2469
|
"className"
|
|
2459
2470
|
]);
|
|
2460
|
-
const c =
|
|
2471
|
+
const c = m(Ia[Pa], a);
|
|
2461
2472
|
return /* @__PURE__ */ e.createElement(M, B(y({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
|
|
2462
2473
|
x,
|
|
2463
2474
|
{
|
|
2464
|
-
source:
|
|
2465
|
-
className:
|
|
2475
|
+
source: oa,
|
|
2476
|
+
className: Ia[`${Pa}__icon`],
|
|
2466
2477
|
size: "small"
|
|
2467
2478
|
}
|
|
2468
2479
|
), t);
|
|
2469
|
-
},
|
|
2480
|
+
}, Kt = {
|
|
2470
2481
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
2471
2482
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2472
2483
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2473
|
-
},
|
|
2484
|
+
}, Jt = "field-group", tl = (n) => {
|
|
2474
2485
|
var s = n, {
|
|
2475
2486
|
className: t = "",
|
|
2476
2487
|
children: a,
|
|
@@ -2486,18 +2497,18 @@ const L = {
|
|
|
2486
2497
|
"inline",
|
|
2487
2498
|
"stretch"
|
|
2488
2499
|
]);
|
|
2489
|
-
const i =
|
|
2490
|
-
[
|
|
2491
|
-
[
|
|
2500
|
+
const i = m(Kt[Jt], t, {
|
|
2501
|
+
[Kt[`${Jt}--inline`]]: o,
|
|
2502
|
+
[Kt[`${Jt}--stretched`]]: c
|
|
2492
2503
|
});
|
|
2493
|
-
return /* @__PURE__ */ e.createElement("div", B(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(
|
|
2494
|
-
},
|
|
2495
|
-
form:
|
|
2496
|
-
form__header:
|
|
2497
|
-
form__footer:
|
|
2498
|
-
form__label:
|
|
2499
|
-
form__helper:
|
|
2500
|
-
},
|
|
2504
|
+
return /* @__PURE__ */ e.createElement("div", B(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(fa, null, _), r && /* @__PURE__ */ e.createElement(Gt, null, r));
|
|
2505
|
+
}, no = "lc-Form-module__form___1nOYF", so = "lc-Form-module__form__header___U4B7t", io = "lc-Form-module__form__footer___1-sUX", uo = "lc-Form-module__form__label___spg-J", mo = "lc-Form-module__form__helper___bhfwS", pt = {
|
|
2506
|
+
form: no,
|
|
2507
|
+
form__header: so,
|
|
2508
|
+
form__footer: io,
|
|
2509
|
+
form__label: uo,
|
|
2510
|
+
form__helper: mo
|
|
2511
|
+
}, gt = "form", al = (l) => {
|
|
2501
2512
|
var n = l, {
|
|
2502
2513
|
className: t,
|
|
2503
2514
|
children: a,
|
|
@@ -2511,7 +2522,7 @@ const L = {
|
|
|
2511
2522
|
"helperText",
|
|
2512
2523
|
"formFooter"
|
|
2513
2524
|
]);
|
|
2514
|
-
return /* @__PURE__ */ e.createElement("form", y({ className:
|
|
2525
|
+
return /* @__PURE__ */ e.createElement("form", y({ className: m(pt[gt], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__header`] }, r && /* @__PURE__ */ e.createElement(Je, { size: "sm", className: pt[`${gt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: pt[`${gt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: pt[`${gt}__footer`] }, o));
|
|
2515
2526
|
}, q = {
|
|
2516
2527
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
2517
2528
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -2529,7 +2540,7 @@ const L = {
|
|
|
2529
2540
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
2530
2541
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
2531
2542
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
2532
|
-
}, K = "form-field",
|
|
2543
|
+
}, K = "form-field", rl = ({
|
|
2533
2544
|
inline: t,
|
|
2534
2545
|
error: a,
|
|
2535
2546
|
description: r,
|
|
@@ -2540,7 +2551,7 @@ const L = {
|
|
|
2540
2551
|
children: n,
|
|
2541
2552
|
labelRightNode: s
|
|
2542
2553
|
}) => {
|
|
2543
|
-
const i = e.useRef(null), [d,
|
|
2554
|
+
const i = e.useRef(null), [d, p] = e.useState("auto"), u = m(
|
|
2544
2555
|
q[K],
|
|
2545
2556
|
{
|
|
2546
2557
|
[q[`${K}--inline`]]: t
|
|
@@ -2549,11 +2560,11 @@ const L = {
|
|
|
2549
2560
|
);
|
|
2550
2561
|
return e.useEffect(() => {
|
|
2551
2562
|
const h = i;
|
|
2552
|
-
return t && h.current ?
|
|
2563
|
+
return t && h.current ? p(`${h.current.clientHeight}px`) : p("auto");
|
|
2553
2564
|
}), /* @__PURE__ */ e.createElement("div", { className: u }, s && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
2554
2565
|
"div",
|
|
2555
2566
|
{
|
|
2556
|
-
className:
|
|
2567
|
+
className: m(
|
|
2557
2568
|
q[`${K}__label-right-node`],
|
|
2558
2569
|
q[`${K}__label-right-node--inline`]
|
|
2559
2570
|
)
|
|
@@ -2562,7 +2573,7 @@ const L = {
|
|
|
2562
2573
|
), /* @__PURE__ */ e.createElement("div", { className: q[`${K}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
2563
2574
|
"div",
|
|
2564
2575
|
{
|
|
2565
|
-
className:
|
|
2576
|
+
className: m(
|
|
2566
2577
|
q[`${K}__wrapper`],
|
|
2567
2578
|
t && q[`${K}__wrapper--inline`]
|
|
2568
2579
|
)
|
|
@@ -2570,7 +2581,7 @@ const L = {
|
|
|
2570
2581
|
(_ || s) && /* @__PURE__ */ e.createElement(
|
|
2571
2582
|
"div",
|
|
2572
2583
|
{
|
|
2573
|
-
className:
|
|
2584
|
+
className: m(
|
|
2574
2585
|
q[`${K}__label`],
|
|
2575
2586
|
t && q[`${K}__label--inline`],
|
|
2576
2587
|
!_ && q[`${K}__label--no-text`]
|
|
@@ -2579,7 +2590,7 @@ const L = {
|
|
|
2579
2590
|
_ && /* @__PURE__ */ e.createElement(
|
|
2580
2591
|
"div",
|
|
2581
2592
|
{
|
|
2582
|
-
className:
|
|
2593
|
+
className: m(
|
|
2583
2594
|
q[`${K}__label-wrapper`],
|
|
2584
2595
|
t && q[`${K}__label-wrapper--inline`]
|
|
2585
2596
|
),
|
|
@@ -2598,7 +2609,7 @@ const L = {
|
|
|
2598
2609
|
o && /* @__PURE__ */ e.createElement(
|
|
2599
2610
|
"div",
|
|
2600
2611
|
{
|
|
2601
|
-
className:
|
|
2612
|
+
className: m(
|
|
2602
2613
|
q[`${K}__label-adornment`],
|
|
2603
2614
|
t && q[`${K}__label-adornment--inline`]
|
|
2604
2615
|
)
|
|
@@ -2606,22 +2617,22 @@ const L = {
|
|
|
2606
2617
|
o
|
|
2607
2618
|
)
|
|
2608
2619
|
),
|
|
2609
|
-
s && !t && /* @__PURE__ */ e.createElement("div", { className:
|
|
2620
|
+
s && !t && /* @__PURE__ */ e.createElement("div", { className: m(q[`${K}__label-right-node`]) }, s)
|
|
2610
2621
|
),
|
|
2611
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
2612
|
-
|
|
2622
|
+
/* @__PURE__ */ e.createElement("div", { className: m(q[`${K}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(fa, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
2623
|
+
Gt,
|
|
2613
2624
|
{
|
|
2614
|
-
className:
|
|
2625
|
+
className: m(q[`${K}__content__description`])
|
|
2615
2626
|
},
|
|
2616
2627
|
r
|
|
2617
2628
|
))
|
|
2618
2629
|
));
|
|
2619
|
-
},
|
|
2630
|
+
}, At = {
|
|
2620
2631
|
"form-group": "lc-FormGroup-module__form-group___e2JHa",
|
|
2621
2632
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
2622
2633
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
2623
2634
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
2624
|
-
},
|
|
2635
|
+
}, It = "form-group", _l = (c) => {
|
|
2625
2636
|
var l = c, {
|
|
2626
2637
|
className: t = "",
|
|
2627
2638
|
children: a,
|
|
@@ -2633,7 +2644,7 @@ const L = {
|
|
|
2633
2644
|
"labelText",
|
|
2634
2645
|
"helperText"
|
|
2635
2646
|
]);
|
|
2636
|
-
const n =
|
|
2647
|
+
const n = m(At[It], t);
|
|
2637
2648
|
return /* @__PURE__ */ e.createElement(
|
|
2638
2649
|
"div",
|
|
2639
2650
|
B(y(B(y({}, o), {
|
|
@@ -2641,11 +2652,11 @@ const L = {
|
|
|
2641
2652
|
}), r && { "aria-label": r }), {
|
|
2642
2653
|
className: n
|
|
2643
2654
|
}),
|
|
2644
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
2655
|
+
/* @__PURE__ */ e.createElement("div", { className: At[`${It}__header`] }, /* @__PURE__ */ e.createElement(Je, { as: "div", size: "sm", className: At[`${It}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "div", size: "sm", className: At[`${It}__helper`] }, _)),
|
|
2645
2656
|
a
|
|
2646
2657
|
);
|
|
2647
|
-
},
|
|
2648
|
-
input:
|
|
2658
|
+
}, po = "lc-Input-module__input___qeMAQ", De = {
|
|
2659
|
+
input: po,
|
|
2649
2660
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
2650
2661
|
"input--disabled": "lc-Input-module__input--disabled___HidXX",
|
|
2651
2662
|
"input--crop": "lc-Input-module__input--crop___uzJS8",
|
|
@@ -2658,16 +2669,16 @@ const L = {
|
|
|
2658
2669
|
"input__icon--left": "lc-Input-module__input__icon--left___BcySs",
|
|
2659
2670
|
"input__icon--right": "lc-Input-module__input__icon--right___VefSK",
|
|
2660
2671
|
"input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
|
|
2661
|
-
}, Te = "input",
|
|
2672
|
+
}, Te = "input", Fa = (t, a) => e.cloneElement(t.source, {
|
|
2662
2673
|
"data-testid": `input-icon-${t.place}`,
|
|
2663
|
-
className:
|
|
2674
|
+
className: m(
|
|
2664
2675
|
De[`${Te}__icon`],
|
|
2665
2676
|
De[`${Te}__icon--${t.place}`],
|
|
2666
2677
|
{
|
|
2667
2678
|
[De[`${Te}__icon--disabled`]]: a
|
|
2668
2679
|
}
|
|
2669
2680
|
)
|
|
2670
|
-
}),
|
|
2681
|
+
}), ol = e.forwardRef(
|
|
2671
2682
|
(s, n) => {
|
|
2672
2683
|
var i = s, {
|
|
2673
2684
|
inputSize: t = "medium",
|
|
@@ -2684,7 +2695,7 @@ const L = {
|
|
|
2684
2695
|
"className",
|
|
2685
2696
|
"cropOnBlur"
|
|
2686
2697
|
]);
|
|
2687
|
-
const [d,
|
|
2698
|
+
const [d, p] = e.useState(!1), [u, h] = e.useState(!1), { type: v, onFocus: g, onBlur: b } = l, k = m(
|
|
2688
2699
|
o,
|
|
2689
2700
|
De[Te],
|
|
2690
2701
|
De[`${Te}--${t}`],
|
|
@@ -2694,21 +2705,21 @@ const L = {
|
|
|
2694
2705
|
[De[`${Te}--error`]]: a,
|
|
2695
2706
|
[De[`${Te}--crop`]]: c
|
|
2696
2707
|
}
|
|
2697
|
-
), f = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ?
|
|
2698
|
-
return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w &&
|
|
2708
|
+
), f = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ? xr : Sr, w = _ && _.place === "left", F = _ && v !== "password" && _.place === "right";
|
|
2709
|
+
return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w && Fa(_, r), /* @__PURE__ */ e.createElement(
|
|
2699
2710
|
"input",
|
|
2700
2711
|
B(y({}, l), {
|
|
2701
2712
|
ref: n,
|
|
2702
2713
|
onFocus: (E) => {
|
|
2703
|
-
|
|
2714
|
+
p(!0), g == null || g(E);
|
|
2704
2715
|
},
|
|
2705
2716
|
onBlur: (E) => {
|
|
2706
|
-
|
|
2717
|
+
p(!1), b == null || b(E);
|
|
2707
2718
|
},
|
|
2708
2719
|
disabled: r,
|
|
2709
2720
|
type: v && !u ? v : "text"
|
|
2710
2721
|
})
|
|
2711
|
-
), F &&
|
|
2722
|
+
), F && Fa(_, r), v === "password" && /* @__PURE__ */ e.createElement(
|
|
2712
2723
|
G,
|
|
2713
2724
|
{
|
|
2714
2725
|
disabled: r,
|
|
@@ -2720,10 +2731,10 @@ const L = {
|
|
|
2720
2731
|
}
|
|
2721
2732
|
));
|
|
2722
2733
|
}
|
|
2723
|
-
),
|
|
2724
|
-
link:
|
|
2734
|
+
), go = "lc-Link-module__link___kqx52", Ra = {
|
|
2735
|
+
link: go,
|
|
2725
2736
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
2726
|
-
},
|
|
2737
|
+
}, Ma = "link", cl = (_) => {
|
|
2727
2738
|
var o = _, {
|
|
2728
2739
|
bold: t = !1,
|
|
2729
2740
|
className: a = ""
|
|
@@ -2734,27 +2745,27 @@ const L = {
|
|
|
2734
2745
|
return /* @__PURE__ */ e.createElement(
|
|
2735
2746
|
"a",
|
|
2736
2747
|
y({
|
|
2737
|
-
className:
|
|
2738
|
-
Ma
|
|
2739
|
-
t &&
|
|
2748
|
+
className: m(
|
|
2749
|
+
Ra[Ma],
|
|
2750
|
+
t && Ra[`${Ma}--bold`],
|
|
2740
2751
|
a
|
|
2741
2752
|
)
|
|
2742
2753
|
}, r)
|
|
2743
2754
|
);
|
|
2744
|
-
},
|
|
2755
|
+
}, bo = "lc-Modal-module__modal__body___M-jmN", fo = "lc-Modal-module__modal__header___Fp5VE", vo = "lc-Modal-module__modal__heading___G9KVK", ho = "lc-Modal-module__modal__footer___2LYdc", ue = {
|
|
2745
2756
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
2746
2757
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
2747
2758
|
"modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
|
|
2748
2759
|
"modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
|
|
2749
2760
|
"modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
|
|
2750
2761
|
"modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
|
|
2751
|
-
modal__body:
|
|
2752
|
-
modal__header:
|
|
2762
|
+
modal__body: bo,
|
|
2763
|
+
modal__header: fo,
|
|
2753
2764
|
"modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
|
|
2754
|
-
modal__heading:
|
|
2765
|
+
modal__heading: vo,
|
|
2755
2766
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
2756
|
-
modal__footer:
|
|
2757
|
-
},
|
|
2767
|
+
modal__footer: ho
|
|
2768
|
+
}, Pt = "modal-base", ko = (n) => {
|
|
2758
2769
|
var s = n, {
|
|
2759
2770
|
children: t,
|
|
2760
2771
|
className: a = "",
|
|
@@ -2770,30 +2781,30 @@ const L = {
|
|
|
2770
2781
|
"closeOnOverlayPress",
|
|
2771
2782
|
"fullSpaceContent"
|
|
2772
2783
|
]);
|
|
2773
|
-
const i =
|
|
2774
|
-
ue[
|
|
2784
|
+
const i = m(
|
|
2785
|
+
ue[Pt],
|
|
2775
2786
|
a,
|
|
2776
|
-
c && ue[`${
|
|
2787
|
+
c && ue[`${Pt}--full-space`]
|
|
2777
2788
|
);
|
|
2778
2789
|
e.useEffect(() => {
|
|
2779
2790
|
if (!_)
|
|
2780
2791
|
return;
|
|
2781
|
-
const
|
|
2792
|
+
const p = (u) => {
|
|
2782
2793
|
u.key === z.esc && r();
|
|
2783
2794
|
};
|
|
2784
|
-
return document.addEventListener("keyup",
|
|
2795
|
+
return document.addEventListener("keyup", p, !0), () => document.removeEventListener("keyup", p, !0);
|
|
2785
2796
|
}, [_]);
|
|
2786
|
-
const d = (
|
|
2787
|
-
o &&
|
|
2797
|
+
const d = (p) => {
|
|
2798
|
+
o && p.target === p.currentTarget && r();
|
|
2788
2799
|
};
|
|
2789
2800
|
return /* @__PURE__ */ e.createElement(
|
|
2790
2801
|
"div",
|
|
2791
2802
|
{
|
|
2792
2803
|
"data-testid": "lc-modal-overlay",
|
|
2793
2804
|
onMouseDown: d,
|
|
2794
|
-
className:
|
|
2795
|
-
ue[`${
|
|
2796
|
-
ue[`${
|
|
2805
|
+
className: m(
|
|
2806
|
+
ue[`${Pt}__overlay`],
|
|
2807
|
+
ue[`${Pt}__overlay--visible`]
|
|
2797
2808
|
)
|
|
2798
2809
|
},
|
|
2799
2810
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2806,7 +2817,7 @@ const L = {
|
|
|
2806
2817
|
t
|
|
2807
2818
|
)
|
|
2808
2819
|
);
|
|
2809
|
-
},
|
|
2820
|
+
}, La = ({
|
|
2810
2821
|
labelType: t,
|
|
2811
2822
|
customColor: a,
|
|
2812
2823
|
onClick: r
|
|
@@ -2815,14 +2826,14 @@ const L = {
|
|
|
2815
2826
|
{
|
|
2816
2827
|
kind: "plain",
|
|
2817
2828
|
title: "Close modal",
|
|
2818
|
-
className:
|
|
2829
|
+
className: m(
|
|
2819
2830
|
ue["modal-base__close"],
|
|
2820
2831
|
t && ue["modal-base__close--label-type"]
|
|
2821
2832
|
),
|
|
2822
2833
|
onClick: r,
|
|
2823
2834
|
icon: /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium", customColor: a })
|
|
2824
2835
|
}
|
|
2825
|
-
), qe = "modal",
|
|
2836
|
+
), qe = "modal", ll = (i) => {
|
|
2826
2837
|
var d = i, {
|
|
2827
2838
|
children: t,
|
|
2828
2839
|
className: a = "",
|
|
@@ -2842,18 +2853,18 @@ const L = {
|
|
|
2842
2853
|
"onClose",
|
|
2843
2854
|
"contentClassName"
|
|
2844
2855
|
]);
|
|
2845
|
-
const
|
|
2856
|
+
const p = m(ue[qe], a), u = typeof t == "string", h = (v) => {
|
|
2846
2857
|
v.preventDefault(), v.stopPropagation(), l();
|
|
2847
2858
|
};
|
|
2848
2859
|
return /* @__PURE__ */ e.createElement(
|
|
2849
|
-
|
|
2860
|
+
ko,
|
|
2850
2861
|
y({
|
|
2851
|
-
className:
|
|
2862
|
+
className: p,
|
|
2852
2863
|
fullSpaceContent: o,
|
|
2853
2864
|
onClose: l
|
|
2854
2865
|
}, s),
|
|
2855
2866
|
_ && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
2856
|
-
|
|
2867
|
+
Je,
|
|
2857
2868
|
{
|
|
2858
2869
|
size: "md",
|
|
2859
2870
|
as: "div",
|
|
@@ -2861,7 +2872,7 @@ const L = {
|
|
|
2861
2872
|
},
|
|
2862
2873
|
_
|
|
2863
2874
|
), /* @__PURE__ */ e.createElement(
|
|
2864
|
-
|
|
2875
|
+
La,
|
|
2865
2876
|
{
|
|
2866
2877
|
labelType: !!_,
|
|
2867
2878
|
customColor: "var(--color-white)",
|
|
@@ -2869,25 +2880,25 @@ const L = {
|
|
|
2869
2880
|
}
|
|
2870
2881
|
)),
|
|
2871
2882
|
!_ && r && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__header`] }, /* @__PURE__ */ e.createElement(
|
|
2872
|
-
|
|
2883
|
+
Je,
|
|
2873
2884
|
{
|
|
2874
2885
|
size: "md",
|
|
2875
2886
|
as: "div",
|
|
2876
2887
|
className: ue[`${qe}__heading`]
|
|
2877
2888
|
},
|
|
2878
2889
|
r
|
|
2879
|
-
), /* @__PURE__ */ e.createElement(
|
|
2890
|
+
), /* @__PURE__ */ e.createElement(La, { onClick: h })),
|
|
2880
2891
|
/* @__PURE__ */ e.createElement(
|
|
2881
2892
|
"div",
|
|
2882
2893
|
{
|
|
2883
2894
|
"data-testid": "modal-body",
|
|
2884
|
-
className:
|
|
2895
|
+
className: m(ue[`${qe}__body`], n)
|
|
2885
2896
|
},
|
|
2886
2897
|
u ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
|
|
2887
2898
|
),
|
|
2888
2899
|
c && /* @__PURE__ */ e.createElement("div", { className: ue[`${qe}__footer`] }, c)
|
|
2889
2900
|
);
|
|
2890
|
-
},
|
|
2901
|
+
}, nl = ({
|
|
2891
2902
|
children: t,
|
|
2892
2903
|
className: a = "",
|
|
2893
2904
|
parentElementName: r = "body",
|
|
@@ -2900,56 +2911,56 @@ const L = {
|
|
|
2900
2911
|
var l;
|
|
2901
2912
|
(l = document.querySelector(r)) == null || l.removeChild(o);
|
|
2902
2913
|
};
|
|
2903
|
-
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
2904
|
-
},
|
|
2914
|
+
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, zr.createPortal(t, o));
|
|
2915
|
+
}, Xe = {
|
|
2905
2916
|
"modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
|
|
2906
2917
|
"modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
|
|
2907
2918
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
2908
2919
|
"modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
|
|
2909
2920
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
2910
|
-
},
|
|
2921
|
+
}, et = "modal-header", sl = ({
|
|
2911
2922
|
title: t,
|
|
2912
2923
|
iconProps: a,
|
|
2913
2924
|
avatarProps: r,
|
|
2914
2925
|
children: _,
|
|
2915
2926
|
className: o = ""
|
|
2916
2927
|
}) => {
|
|
2917
|
-
const c =
|
|
2928
|
+
const c = Gr(Xe[et], o);
|
|
2918
2929
|
return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
|
|
2919
2930
|
x,
|
|
2920
2931
|
y({
|
|
2921
|
-
className:
|
|
2932
|
+
className: Xe[`${et}__heading-left-node`]
|
|
2922
2933
|
}, a)
|
|
2923
2934
|
), r && /* @__PURE__ */ e.createElement(
|
|
2924
|
-
|
|
2935
|
+
C_,
|
|
2925
2936
|
y({
|
|
2926
|
-
className:
|
|
2937
|
+
className: Xe[`${et}__heading-left-node`]
|
|
2927
2938
|
}, r)
|
|
2928
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
2929
|
-
|
|
2939
|
+
), /* @__PURE__ */ e.createElement("div", { className: Xe[`${et}__heading-body`] }, /* @__PURE__ */ e.createElement(
|
|
2940
|
+
Je,
|
|
2930
2941
|
{
|
|
2931
2942
|
as: "div",
|
|
2932
2943
|
size: "md",
|
|
2933
|
-
className:
|
|
2944
|
+
className: Xe[`${et}__heading-title`]
|
|
2934
2945
|
},
|
|
2935
2946
|
t
|
|
2936
2947
|
), _ && /* @__PURE__ */ e.createElement(
|
|
2937
2948
|
M,
|
|
2938
2949
|
{
|
|
2939
2950
|
as: "div",
|
|
2940
|
-
className:
|
|
2951
|
+
className: Xe[`${et}__heading-description`]
|
|
2941
2952
|
},
|
|
2942
2953
|
_
|
|
2943
2954
|
)));
|
|
2944
|
-
},
|
|
2955
|
+
}, tt = {
|
|
2945
2956
|
"numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
|
|
2946
2957
|
"numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
|
|
2947
2958
|
"numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
|
|
2948
2959
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
2949
2960
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
2950
2961
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
2951
|
-
},
|
|
2952
|
-
var
|
|
2962
|
+
}, at = "numeric-input", il = (d) => {
|
|
2963
|
+
var p = d, {
|
|
2953
2964
|
className: t,
|
|
2954
2965
|
error: a,
|
|
2955
2966
|
value: r,
|
|
@@ -2959,7 +2970,7 @@ const L = {
|
|
|
2959
2970
|
noControls: l,
|
|
2960
2971
|
style: n,
|
|
2961
2972
|
onChange: s
|
|
2962
|
-
} =
|
|
2973
|
+
} = p, i = P(p, [
|
|
2963
2974
|
"className",
|
|
2964
2975
|
"error",
|
|
2965
2976
|
"value",
|
|
@@ -2970,17 +2981,17 @@ const L = {
|
|
|
2970
2981
|
"style",
|
|
2971
2982
|
"onChange"
|
|
2972
2983
|
]);
|
|
2973
|
-
const u = e.useRef(null), h =
|
|
2974
|
-
at
|
|
2984
|
+
const u = e.useRef(null), h = m(
|
|
2985
|
+
tt[at],
|
|
2975
2986
|
{
|
|
2976
|
-
[
|
|
2977
|
-
[
|
|
2978
|
-
[
|
|
2987
|
+
[tt[`${at}--error`]]: a,
|
|
2988
|
+
[tt[`${at}--no-controls`]]: l,
|
|
2989
|
+
[tt[`${at}--disabled`]]: c
|
|
2979
2990
|
},
|
|
2980
2991
|
t
|
|
2981
|
-
), v = (E) => s(String(E)),
|
|
2992
|
+
), v = (E) => s(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
|
|
2982
2993
|
const T = parseInt(r, 10) + E;
|
|
2983
|
-
return v(
|
|
2994
|
+
return v(g(T));
|
|
2984
2995
|
}, k = (E) => {
|
|
2985
2996
|
E.key === z.arrowDown && (E.preventDefault(), b(-1)), E.key === z.arrowUp && (E.preventDefault(), b(1));
|
|
2986
2997
|
}, f = (E, T) => T !== void 0 && parseInt(E, 10) === T, $ = (E) => {
|
|
@@ -2992,7 +3003,7 @@ const L = {
|
|
|
2992
3003
|
if (T === "" || T === "-")
|
|
2993
3004
|
return v(T);
|
|
2994
3005
|
const S = parseInt(T, 10);
|
|
2995
|
-
return v(
|
|
3006
|
+
return v(g(S));
|
|
2996
3007
|
}, w = () => {
|
|
2997
3008
|
var E;
|
|
2998
3009
|
return (E = u.current) == null || E.focus(), b(1);
|
|
@@ -3020,13 +3031,13 @@ const L = {
|
|
|
3020
3031
|
disabled: c || f(r, _),
|
|
3021
3032
|
onClick: w,
|
|
3022
3033
|
"aria-label": "Increment value",
|
|
3023
|
-
className:
|
|
3034
|
+
className: tt[`${at}__increment`],
|
|
3024
3035
|
type: "button"
|
|
3025
3036
|
},
|
|
3026
3037
|
/* @__PURE__ */ e.createElement(
|
|
3027
3038
|
x,
|
|
3028
3039
|
{
|
|
3029
|
-
source:
|
|
3040
|
+
source: zt,
|
|
3030
3041
|
disabled: c || f(r, _),
|
|
3031
3042
|
kind: "primary"
|
|
3032
3043
|
}
|
|
@@ -3037,21 +3048,21 @@ const L = {
|
|
|
3037
3048
|
tabIndex: -1,
|
|
3038
3049
|
disabled: c || f(r, o),
|
|
3039
3050
|
"aria-label": "Decrement value",
|
|
3040
|
-
className:
|
|
3051
|
+
className: tt[`${at}__decrement`],
|
|
3041
3052
|
onClick: F,
|
|
3042
3053
|
type: "button"
|
|
3043
3054
|
},
|
|
3044
3055
|
/* @__PURE__ */ e.createElement(
|
|
3045
3056
|
x,
|
|
3046
3057
|
{
|
|
3047
|
-
source:
|
|
3058
|
+
source: Et,
|
|
3048
3059
|
kind: "primary",
|
|
3049
3060
|
disabled: c || f(r, o)
|
|
3050
3061
|
}
|
|
3051
3062
|
)
|
|
3052
3063
|
)));
|
|
3053
|
-
},
|
|
3054
|
-
function
|
|
3064
|
+
}, ot = "select-all";
|
|
3065
|
+
function yo(t, a) {
|
|
3055
3066
|
const r = {};
|
|
3056
3067
|
if (a && a.length > 1) {
|
|
3057
3068
|
const _ = t.map((o) => o.key).filter((o) => a.includes(o));
|
|
@@ -3081,7 +3092,7 @@ const j = {
|
|
|
3081
3092
|
"picker-list__item__label-container": "lc-PickerList-module__picker-list__item__label-container___yZXW5",
|
|
3082
3093
|
"picker-list__item__main-label": "lc-PickerList-module__picker-list__item__main-label___uRgQw",
|
|
3083
3094
|
"picker-list__item__secondary-label": "lc-PickerList-module__picker-list__item__secondary-label___lpkFW"
|
|
3084
|
-
}, ye = "picker-list__item",
|
|
3095
|
+
}, ye = "picker-list__item", Eo = ({
|
|
3085
3096
|
item: t,
|
|
3086
3097
|
isItemSelected: a,
|
|
3087
3098
|
currentItemKey: r,
|
|
@@ -3105,14 +3116,14 @@ const j = {
|
|
|
3105
3116
|
), n.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3106
3117
|
"img",
|
|
3107
3118
|
{
|
|
3108
|
-
className:
|
|
3119
|
+
className: m(j[`${ye}__avatar`]),
|
|
3109
3120
|
src: n.avatarSrc,
|
|
3110
3121
|
alt: n.name
|
|
3111
3122
|
}
|
|
3112
3123
|
), /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
3113
3124
|
"span",
|
|
3114
3125
|
{
|
|
3115
|
-
className:
|
|
3126
|
+
className: m({
|
|
3116
3127
|
[j[`${ye}__main-label`]]: n.secondaryText
|
|
3117
3128
|
})
|
|
3118
3129
|
},
|
|
@@ -3142,7 +3153,7 @@ const j = {
|
|
|
3142
3153
|
id: t.key,
|
|
3143
3154
|
key: t.key,
|
|
3144
3155
|
"data-adjacent": _,
|
|
3145
|
-
className:
|
|
3156
|
+
className: m(j[ye], {
|
|
3146
3157
|
[j[`${ye}__custom`]]: t == null ? void 0 : t.customElement
|
|
3147
3158
|
}),
|
|
3148
3159
|
onClick: () => l(t)
|
|
@@ -3152,12 +3163,12 @@ const j = {
|
|
|
3152
3163
|
x,
|
|
3153
3164
|
{
|
|
3154
3165
|
kind: "link",
|
|
3155
|
-
source:
|
|
3166
|
+
source: ca,
|
|
3156
3167
|
customColor: "var(--content-basic-info)"
|
|
3157
3168
|
}
|
|
3158
3169
|
)
|
|
3159
3170
|
);
|
|
3160
|
-
},
|
|
3171
|
+
}, ra = "picker-list", Oa = `${ra}__item`, $o = ({
|
|
3161
3172
|
isOpen: t,
|
|
3162
3173
|
items: a,
|
|
3163
3174
|
selectedItemsKeys: r,
|
|
@@ -3168,23 +3179,23 @@ const j = {
|
|
|
3168
3179
|
onSelect: n,
|
|
3169
3180
|
onSelectAll: s
|
|
3170
3181
|
}) => {
|
|
3171
|
-
const i =
|
|
3172
|
-
[j[`${
|
|
3173
|
-
}), [d,
|
|
3182
|
+
const i = m(j[ra], {
|
|
3183
|
+
[j[`${ra}__no-results`]]: a.length === 0
|
|
3184
|
+
}), [d, p] = e.useState(
|
|
3174
3185
|
null
|
|
3175
|
-
), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [
|
|
3176
|
-
if (S.key === z.esc && (S.preventDefault(), l()), S.key === z.arrowUp && u.current > 0 && (S.preventDefault(), u.current = $(),
|
|
3177
|
-
if (S.preventDefault(), a[u.current].key ===
|
|
3186
|
+
), u = e.useRef(-1), h = e.useRef(0), v = e.useRef(null), [g, b] = e.useState({}), k = (S) => {
|
|
3187
|
+
if (S.key === z.esc && (S.preventDefault(), l()), S.key === z.arrowUp && u.current > 0 && (S.preventDefault(), u.current = $(), p(a[u.current].key)), S.key === z.arrowDown && u.current + 1 < a.length && (S.preventDefault(), u.current = w(), p(a[u.current].key)), S.key === z.enter && a[u.current] && !a[u.current].disabled) {
|
|
3188
|
+
if (S.preventDefault(), a[u.current].key === ot)
|
|
3178
3189
|
return s();
|
|
3179
3190
|
n(a[u.current]);
|
|
3180
3191
|
}
|
|
3181
3192
|
};
|
|
3182
3193
|
e.useEffect(() => {
|
|
3183
|
-
if (u.current > -1 && a.length > 0 && a[u.current] ?
|
|
3194
|
+
if (u.current > -1 && a.length > 0 && a[u.current] ? p(a[u.current].key) : (u.current = -1, h.current = 0, p(null)), t)
|
|
3184
3195
|
return document.addEventListener("keydown", k), () => document.removeEventListener("keydown", k);
|
|
3185
|
-
u.current = -1, h.current = 0,
|
|
3196
|
+
u.current = -1, h.current = 0, p(null);
|
|
3186
3197
|
}, [a, t, k]), e.useEffect(() => {
|
|
3187
|
-
b(
|
|
3198
|
+
b(yo(a, r));
|
|
3188
3199
|
}, [r, a]);
|
|
3189
3200
|
const f = (S) => !!a[S] && (a[S].disabled || a[S].groupHeader), $ = () => {
|
|
3190
3201
|
for (u.current = u.current - 1; f(u.current) && (u.current = u.current - 1, !!f(u.current)); )
|
|
@@ -3204,15 +3215,15 @@ const j = {
|
|
|
3204
3215
|
"li",
|
|
3205
3216
|
{
|
|
3206
3217
|
ref: (S) => {
|
|
3207
|
-
d ===
|
|
3218
|
+
d === ot && (S == null || S.scrollIntoView({ block: "nearest" }));
|
|
3208
3219
|
},
|
|
3209
3220
|
role: "option",
|
|
3210
|
-
"aria-current": d ===
|
|
3211
|
-
id:
|
|
3212
|
-
key:
|
|
3213
|
-
className:
|
|
3214
|
-
j[
|
|
3215
|
-
j[`${
|
|
3221
|
+
"aria-current": d === ot,
|
|
3222
|
+
id: ot,
|
|
3223
|
+
key: ot,
|
|
3224
|
+
className: m(
|
|
3225
|
+
j[Oa],
|
|
3226
|
+
j[`${Oa}--select-all`]
|
|
3216
3227
|
),
|
|
3217
3228
|
onClick: F
|
|
3218
3229
|
},
|
|
@@ -3228,11 +3239,11 @@ const j = {
|
|
|
3228
3239
|
},
|
|
3229
3240
|
T(),
|
|
3230
3241
|
a.map((S) => /* @__PURE__ */ e.createElement(
|
|
3231
|
-
|
|
3242
|
+
Eo,
|
|
3232
3243
|
{
|
|
3233
3244
|
item: S,
|
|
3234
3245
|
isItemSelected: E(S.key),
|
|
3235
|
-
isAdjacentStyleApplied:
|
|
3246
|
+
isAdjacentStyleApplied: g[S.key],
|
|
3236
3247
|
currentItemKey: d,
|
|
3237
3248
|
onSelect: n
|
|
3238
3249
|
}
|
|
@@ -3255,7 +3266,7 @@ const j = {
|
|
|
3255
3266
|
"picker-trigger--disabled": "lc-Trigger-module__picker-trigger--disabled___7H4tD",
|
|
3256
3267
|
"picker-trigger--focused": "lc-Trigger-module__picker-trigger--focused___vTr39",
|
|
3257
3268
|
"picker-trigger--error": "lc-Trigger-module__picker-trigger--error___Rh8Qd"
|
|
3258
|
-
}, ae = "picker-trigger",
|
|
3269
|
+
}, ae = "picker-trigger", wo = ({
|
|
3259
3270
|
children: t,
|
|
3260
3271
|
isSearchDisabled: a,
|
|
3261
3272
|
isDisabled: r,
|
|
@@ -3267,10 +3278,10 @@ const j = {
|
|
|
3267
3278
|
size: s = "medium",
|
|
3268
3279
|
hideClearButton: i,
|
|
3269
3280
|
onTrigger: d,
|
|
3270
|
-
onClear:
|
|
3281
|
+
onClear: p,
|
|
3271
3282
|
testId: u
|
|
3272
3283
|
}) => {
|
|
3273
|
-
const h = e.useRef(null), v =
|
|
3284
|
+
const h = e.useRef(null), v = m(
|
|
3274
3285
|
oe[ae],
|
|
3275
3286
|
oe[`${ae}--${s}`],
|
|
3276
3287
|
n && oe[`${ae}--multi-select`],
|
|
@@ -3287,24 +3298,24 @@ const j = {
|
|
|
3287
3298
|
a || document.removeEventListener("keydown", f);
|
|
3288
3299
|
};
|
|
3289
3300
|
}, [a]);
|
|
3290
|
-
const
|
|
3301
|
+
const g = (f) => {
|
|
3291
3302
|
d(f);
|
|
3292
3303
|
}, b = (f) => {
|
|
3293
|
-
f.stopPropagation(),
|
|
3304
|
+
f.stopPropagation(), p();
|
|
3294
3305
|
}, k = !i && o && !r && !l;
|
|
3295
3306
|
return /* @__PURE__ */ e.createElement(
|
|
3296
3307
|
"div",
|
|
3297
3308
|
{
|
|
3298
3309
|
ref: h,
|
|
3299
3310
|
className: v,
|
|
3300
|
-
onClick:
|
|
3311
|
+
onClick: g,
|
|
3301
3312
|
tabIndex: 0,
|
|
3302
3313
|
"data-testid": u
|
|
3303
3314
|
},
|
|
3304
3315
|
/* @__PURE__ */ e.createElement(
|
|
3305
3316
|
"div",
|
|
3306
3317
|
{
|
|
3307
|
-
className:
|
|
3318
|
+
className: m(
|
|
3308
3319
|
oe[`${ae}__content`],
|
|
3309
3320
|
oe[`${ae}__content--${s}`],
|
|
3310
3321
|
n && o && oe[`${ae}__content--with-items`]
|
|
@@ -3315,7 +3326,7 @@ const j = {
|
|
|
3315
3326
|
/* @__PURE__ */ e.createElement(
|
|
3316
3327
|
"div",
|
|
3317
3328
|
{
|
|
3318
|
-
className:
|
|
3329
|
+
className: m(
|
|
3319
3330
|
oe[`${ae}__controls`],
|
|
3320
3331
|
oe[`${ae}__controls--${s}`]
|
|
3321
3332
|
)
|
|
@@ -3333,17 +3344,17 @@ const j = {
|
|
|
3333
3344
|
x,
|
|
3334
3345
|
{
|
|
3335
3346
|
className: oe[`${ae}__chevron-icon`],
|
|
3336
|
-
source: c ?
|
|
3347
|
+
source: c ? zt : Et,
|
|
3337
3348
|
size: "medium",
|
|
3338
3349
|
disabled: r
|
|
3339
3350
|
}
|
|
3340
3351
|
)
|
|
3341
3352
|
)
|
|
3342
3353
|
);
|
|
3343
|
-
},
|
|
3344
|
-
tag:
|
|
3354
|
+
}, Co = "lc-Tag-module__tag___1QRVY", No = "lc-Tag-module__tag__remove___UmtrW", xo = "lc-Tag-module__icon___2Z-35", So = "lc-Tag-module__tag__node___rZTzB", Do = "lc-Tag-module__tag__content___q6vKK", Ae = {
|
|
3355
|
+
tag: Co,
|
|
3345
3356
|
"tag--success": "lc-Tag-module__tag--success___P2hXQ",
|
|
3346
|
-
tag__remove:
|
|
3357
|
+
tag__remove: No,
|
|
3347
3358
|
"tag--error": "lc-Tag-module__tag--error___1cjsm",
|
|
3348
3359
|
"tag--warning": "lc-Tag-module__tag--warning___PstMG",
|
|
3349
3360
|
"tag--info": "lc-Tag-module__tag--info___RTH0C",
|
|
@@ -3354,14 +3365,14 @@ const j = {
|
|
|
3354
3365
|
"tag--medium": "lc-Tag-module__tag--medium___l5-KI",
|
|
3355
3366
|
"tag--large": "lc-Tag-module__tag--large___ytC6Y",
|
|
3356
3367
|
"tag--xlarge": "lc-Tag-module__tag--xlarge___2jj1d",
|
|
3357
|
-
icon:
|
|
3368
|
+
icon: xo,
|
|
3358
3369
|
"tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
|
|
3359
3370
|
"tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
|
|
3360
3371
|
"tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
|
|
3361
|
-
tag__node:
|
|
3362
|
-
tag__content:
|
|
3363
|
-
}, Ie = "tag",
|
|
3364
|
-
var u =
|
|
3372
|
+
tag__node: So,
|
|
3373
|
+
tag__content: Do
|
|
3374
|
+
}, Ie = "tag", To = (t) => t ? ga(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", rr = (p) => {
|
|
3375
|
+
var u = p, {
|
|
3365
3376
|
className: t = "",
|
|
3366
3377
|
children: a,
|
|
3367
3378
|
dismissible: r = !1,
|
|
@@ -3384,7 +3395,7 @@ const j = {
|
|
|
3384
3395
|
"rightNode",
|
|
3385
3396
|
"customColor"
|
|
3386
3397
|
]);
|
|
3387
|
-
const h =
|
|
3398
|
+
const h = m(
|
|
3388
3399
|
Ae[Ie],
|
|
3389
3400
|
t,
|
|
3390
3401
|
Ae[`${Ie}--${_}`],
|
|
@@ -3392,9 +3403,9 @@ const j = {
|
|
|
3392
3403
|
{
|
|
3393
3404
|
[Ae[`${Ie}--dismissible`]]: r,
|
|
3394
3405
|
[Ae[`${Ie}--outline`]]: l,
|
|
3395
|
-
[Ae[`${Ie}--${
|
|
3406
|
+
[Ae[`${Ie}--${To(i)}`]]: !!i
|
|
3396
3407
|
}
|
|
3397
|
-
), v = _ === "small" ? "small" : "medium",
|
|
3408
|
+
), v = _ === "small" ? "small" : "medium", g = () => i ? l ? {
|
|
3398
3409
|
style: {
|
|
3399
3410
|
backgroundColor: "transparent",
|
|
3400
3411
|
color: i,
|
|
@@ -3402,13 +3413,13 @@ const j = {
|
|
|
3402
3413
|
}
|
|
3403
3414
|
} : { style: { backgroundColor: i } } : {}, b = () => {
|
|
3404
3415
|
if (i)
|
|
3405
|
-
return l ? i :
|
|
3416
|
+
return l ? i : ga(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3406
3417
|
};
|
|
3407
3418
|
return /* @__PURE__ */ e.createElement(
|
|
3408
3419
|
M,
|
|
3409
3420
|
B(y(y({
|
|
3410
3421
|
className: h
|
|
3411
|
-
}, d),
|
|
3422
|
+
}, d), g()), {
|
|
3412
3423
|
as: "div",
|
|
3413
3424
|
size: "md"
|
|
3414
3425
|
}),
|
|
@@ -3465,7 +3476,7 @@ const j = {
|
|
|
3465
3476
|
"picker-trigger-body__tag--compact": "lc-TriggerBody-module__picker-trigger-body__tag--compact___X-oAF",
|
|
3466
3477
|
"picker-trigger-body__tag--medium": "lc-TriggerBody-module__picker-trigger-body__tag--medium___Ptkd5",
|
|
3467
3478
|
"picker-trigger-body__tag--large": "lc-TriggerBody-module__picker-trigger-body__tag--large___Saoy1"
|
|
3468
|
-
}, be = "picker-trigger-body",
|
|
3479
|
+
}, be = "picker-trigger-body", Bo = ({
|
|
3469
3480
|
isOpen: t,
|
|
3470
3481
|
isSearchDisabled: a,
|
|
3471
3482
|
isDisabled: r,
|
|
@@ -3477,30 +3488,30 @@ const j = {
|
|
|
3477
3488
|
onItemRemove: s,
|
|
3478
3489
|
onFilter: i
|
|
3479
3490
|
}) => {
|
|
3480
|
-
const d = t && !a,
|
|
3491
|
+
const d = t && !a, p = e.useRef(null);
|
|
3481
3492
|
e.useEffect(() => {
|
|
3482
|
-
l && (i(""),
|
|
3493
|
+
l && (i(""), p.current && (p.current.value = "", p.current.focus()));
|
|
3483
3494
|
}, [o, l]);
|
|
3484
|
-
const u = (
|
|
3495
|
+
const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
|
|
3485
3496
|
x,
|
|
3486
3497
|
{
|
|
3487
|
-
source:
|
|
3498
|
+
source: g.icon,
|
|
3488
3499
|
className: ge[`${be}__item__icon`]
|
|
3489
3500
|
}
|
|
3490
|
-
),
|
|
3501
|
+
), g.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3491
3502
|
"img",
|
|
3492
3503
|
{
|
|
3493
|
-
src:
|
|
3504
|
+
src: g.avatarSrc,
|
|
3494
3505
|
alt: "",
|
|
3495
3506
|
className: ge[`${be}__item__avatar`]
|
|
3496
3507
|
}
|
|
3497
|
-
), /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item__content`] },
|
|
3498
|
-
i(
|
|
3508
|
+
), /* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item__content`] }, g.name)), h = (g) => {
|
|
3509
|
+
i(g.target.value);
|
|
3499
3510
|
}, v = () => /* @__PURE__ */ e.createElement(
|
|
3500
3511
|
"input",
|
|
3501
3512
|
{
|
|
3502
|
-
ref:
|
|
3503
|
-
className:
|
|
3513
|
+
ref: p,
|
|
3514
|
+
className: m(
|
|
3504
3515
|
ge[`${be}__input`],
|
|
3505
3516
|
ge[`${be}__input--${n}`]
|
|
3506
3517
|
),
|
|
@@ -3512,29 +3523,29 @@ const j = {
|
|
|
3512
3523
|
return !o || o.length === 0 ? d ? v() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement(
|
|
3513
3524
|
"div",
|
|
3514
3525
|
{
|
|
3515
|
-
className:
|
|
3526
|
+
className: m(ge[be], {
|
|
3516
3527
|
[ge[`${be}--single`]]: c === "single"
|
|
3517
3528
|
})
|
|
3518
3529
|
},
|
|
3519
|
-
/* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item-container`] }, c === "single" ? u(o[0]) : o.map((
|
|
3520
|
-
|
|
3530
|
+
/* @__PURE__ */ e.createElement("div", { className: ge[`${be}__item-container`] }, c === "single" ? u(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
|
|
3531
|
+
rr,
|
|
3521
3532
|
{
|
|
3522
|
-
key:
|
|
3523
|
-
className:
|
|
3533
|
+
key: g.name,
|
|
3534
|
+
className: m(
|
|
3524
3535
|
ge[`${be}__tag`],
|
|
3525
3536
|
ge[`${be}__tag--${n}`]
|
|
3526
3537
|
),
|
|
3527
3538
|
dismissible: !r,
|
|
3528
|
-
onRemove: () => s(
|
|
3539
|
+
onRemove: () => s(g)
|
|
3529
3540
|
},
|
|
3530
|
-
u(
|
|
3541
|
+
u(g)
|
|
3531
3542
|
))),
|
|
3532
3543
|
d && v()
|
|
3533
3544
|
);
|
|
3534
|
-
},
|
|
3535
|
-
picker:
|
|
3536
|
-
picker__container:
|
|
3537
|
-
},
|
|
3545
|
+
}, Ao = "lc-Picker-module__picker___GRj9W", Io = "lc-Picker-module__picker__container___s0PUc", Ha = {
|
|
3546
|
+
picker: Ao,
|
|
3547
|
+
picker__container: Io
|
|
3548
|
+
}, za = "picker", dl = (k) => {
|
|
3538
3549
|
var f = k, {
|
|
3539
3550
|
className: t,
|
|
3540
3551
|
disabled: a,
|
|
@@ -3547,11 +3558,11 @@ const j = {
|
|
|
3547
3558
|
noSearchResultText: s = "No results found",
|
|
3548
3559
|
selectAllOptionText: i,
|
|
3549
3560
|
type: d = "single",
|
|
3550
|
-
searchDisabled:
|
|
3561
|
+
searchDisabled: p = !1,
|
|
3551
3562
|
hideClearButton: u,
|
|
3552
3563
|
openedOnInit: h = !1,
|
|
3553
3564
|
clearSearchAfterSelection: v,
|
|
3554
|
-
onSelect:
|
|
3565
|
+
onSelect: g
|
|
3555
3566
|
} = f, b = P(f, [
|
|
3556
3567
|
"className",
|
|
3557
3568
|
"disabled",
|
|
@@ -3570,7 +3581,7 @@ const j = {
|
|
|
3570
3581
|
"clearSearchAfterSelection",
|
|
3571
3582
|
"onSelect"
|
|
3572
3583
|
]);
|
|
3573
|
-
const [$, w] = e.useState(h), [F, E] = e.useState(null), T = e.useRef(null), S =
|
|
3584
|
+
const [$, w] = e.useState(h), [F, E] = e.useState(null), T = e.useRef(null), S = m(Ha[za], t);
|
|
3574
3585
|
e.useEffect(() => {
|
|
3575
3586
|
if ($) {
|
|
3576
3587
|
const R = (Y) => {
|
|
@@ -3592,41 +3603,41 @@ const j = {
|
|
|
3592
3603
|
w(!1);
|
|
3593
3604
|
}, J = (R) => {
|
|
3594
3605
|
if (d === "single")
|
|
3595
|
-
return w(!1),
|
|
3606
|
+
return w(!1), g([R]);
|
|
3596
3607
|
const U = R.key, Y = Ue;
|
|
3597
3608
|
if (!Y)
|
|
3598
|
-
return
|
|
3609
|
+
return g([R]);
|
|
3599
3610
|
const N = Y.includes(
|
|
3600
3611
|
U
|
|
3601
3612
|
) ? Y.filter((W) => W !== U) : Y.concat(U);
|
|
3602
3613
|
if ((N == null ? void 0 : N.length) === 0)
|
|
3603
|
-
return
|
|
3614
|
+
return g(null);
|
|
3604
3615
|
const ee = _.filter(
|
|
3605
3616
|
(W) => N.includes(W.key)
|
|
3606
3617
|
);
|
|
3607
|
-
|
|
3608
|
-
}, X = (R) => !R.disabled && !R.groupHeader && R.key !==
|
|
3618
|
+
g(ee);
|
|
3619
|
+
}, X = (R) => !R.disabled && !R.groupHeader && R.key !== ot, Le = () => {
|
|
3609
3620
|
w(!1);
|
|
3610
3621
|
const R = Ge.filter(X);
|
|
3611
|
-
|
|
3622
|
+
g(R);
|
|
3612
3623
|
}, Be = () => {
|
|
3613
|
-
w(!1),
|
|
3624
|
+
w(!1), g(null);
|
|
3614
3625
|
}, fe = (R) => E(R), Oe = (R) => {
|
|
3615
3626
|
const U = o ? o.filter((Y) => Y !== R) : null;
|
|
3616
3627
|
if ((U == null ? void 0 : U.length) === 0)
|
|
3617
|
-
return
|
|
3618
|
-
|
|
3628
|
+
return g(null);
|
|
3629
|
+
g(U);
|
|
3619
3630
|
}, Ge = e.useMemo(() => F ? _.filter((R) => {
|
|
3620
3631
|
if (R.groupHeader)
|
|
3621
3632
|
return !1;
|
|
3622
3633
|
const U = F.toLowerCase();
|
|
3623
3634
|
return R.name.toLowerCase().includes(U);
|
|
3624
3635
|
}) : _, [F, _]), Ue = e.useMemo(() => o ? o.map((R) => R.key) : null, [o]);
|
|
3625
|
-
return /* @__PURE__ */ e.createElement("div", { ref: T, className: S, id: b.id }, /* @__PURE__ */ e.createElement("div", { className:
|
|
3626
|
-
|
|
3636
|
+
return /* @__PURE__ */ e.createElement("div", { ref: T, className: S, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: Ha[`${za}__container`] }, /* @__PURE__ */ e.createElement(
|
|
3637
|
+
wo,
|
|
3627
3638
|
{
|
|
3628
3639
|
testId: b["data-testid"],
|
|
3629
|
-
isSearchDisabled:
|
|
3640
|
+
isSearchDisabled: p,
|
|
3630
3641
|
isError: r,
|
|
3631
3642
|
isOpen: $,
|
|
3632
3643
|
isDisabled: a,
|
|
@@ -3639,10 +3650,10 @@ const j = {
|
|
|
3639
3650
|
onClear: Be
|
|
3640
3651
|
},
|
|
3641
3652
|
/* @__PURE__ */ e.createElement(
|
|
3642
|
-
|
|
3653
|
+
Bo,
|
|
3643
3654
|
{
|
|
3644
3655
|
isOpen: $,
|
|
3645
|
-
isSearchDisabled:
|
|
3656
|
+
isSearchDisabled: p,
|
|
3646
3657
|
isDisabled: a,
|
|
3647
3658
|
placeholder: l,
|
|
3648
3659
|
items: o,
|
|
@@ -3654,7 +3665,7 @@ const j = {
|
|
|
3654
3665
|
}
|
|
3655
3666
|
)
|
|
3656
3667
|
), /* @__PURE__ */ e.createElement(
|
|
3657
|
-
|
|
3668
|
+
$o,
|
|
3658
3669
|
{
|
|
3659
3670
|
selectedItemsKeys: Ue,
|
|
3660
3671
|
items: Ge,
|
|
@@ -3667,9 +3678,9 @@ const j = {
|
|
|
3667
3678
|
onSelectAll: Le
|
|
3668
3679
|
}
|
|
3669
3680
|
)));
|
|
3670
|
-
},
|
|
3671
|
-
popover:
|
|
3672
|
-
},
|
|
3681
|
+
}, Po = "lc-Popover-module__popover___8X1b2", Fo = {
|
|
3682
|
+
popover: Po
|
|
3683
|
+
}, ul = ({
|
|
3673
3684
|
triggerRenderer: t,
|
|
3674
3685
|
onClose: a,
|
|
3675
3686
|
onOpen: r,
|
|
@@ -3681,27 +3692,27 @@ const j = {
|
|
|
3681
3692
|
offsetSize: s = 4,
|
|
3682
3693
|
isVisible: i,
|
|
3683
3694
|
openedOnInit: d,
|
|
3684
|
-
closeOnEsc:
|
|
3695
|
+
closeOnEsc: p = !0,
|
|
3685
3696
|
useDismissHookProps: u,
|
|
3686
3697
|
useClickHookProps: h,
|
|
3687
3698
|
floatingStrategy: v
|
|
3688
3699
|
}) => {
|
|
3689
|
-
const [
|
|
3700
|
+
const [g, b] = e.useState(d), k = i !== void 0, f = k ? i : g, $ = typeof _ == "string", w = typeof t == "function", F = (fe) => {
|
|
3690
3701
|
fe ? r == null || r() : a == null || a(), !k && b(fe);
|
|
3691
|
-
}, { refs: E, context: T, floatingStyles: S } =
|
|
3702
|
+
}, { refs: E, context: T, floatingStyles: S } = la({
|
|
3692
3703
|
open: f,
|
|
3693
3704
|
onOpenChange: F,
|
|
3694
|
-
middleware: [
|
|
3705
|
+
middleware: [na(s), sa(n), qa()],
|
|
3695
3706
|
placement: l,
|
|
3696
3707
|
strategy: v,
|
|
3697
|
-
whileElementsMounted:
|
|
3698
|
-
}), se =
|
|
3699
|
-
escapeKey:
|
|
3700
|
-
}, u)), J =
|
|
3708
|
+
whileElementsMounted: ia
|
|
3709
|
+
}), se = da(T, h), A = ua(T, y({
|
|
3710
|
+
escapeKey: p
|
|
3711
|
+
}, u)), J = ma(T), { getReferenceProps: X, getFloatingProps: Le } = pa([
|
|
3701
3712
|
se,
|
|
3702
3713
|
A,
|
|
3703
3714
|
J
|
|
3704
|
-
]), Be =
|
|
3715
|
+
]), Be = m(Fo.popover, o);
|
|
3705
3716
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3706
3717
|
"div",
|
|
3707
3718
|
B(y({
|
|
@@ -3711,7 +3722,7 @@ const j = {
|
|
|
3711
3722
|
className: c
|
|
3712
3723
|
}),
|
|
3713
3724
|
w ? t() : t
|
|
3714
|
-
), f && /* @__PURE__ */ e.createElement(
|
|
3725
|
+
), f && /* @__PURE__ */ e.createElement(Or, { context: T, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
3715
3726
|
"div",
|
|
3716
3727
|
y({
|
|
3717
3728
|
className: Be,
|
|
@@ -3720,18 +3731,18 @@ const j = {
|
|
|
3720
3731
|
}, Le()),
|
|
3721
3732
|
$ ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
|
|
3722
3733
|
)));
|
|
3723
|
-
},
|
|
3734
|
+
}, Ro = [
|
|
3724
3735
|
"normal",
|
|
3725
3736
|
"error",
|
|
3726
3737
|
"success"
|
|
3727
|
-
],
|
|
3728
|
-
function
|
|
3729
|
-
return t === "error" ? 0 :
|
|
3738
|
+
], Mo = (t) => Math.min(Math.max(t, 0), 100);
|
|
3739
|
+
function _r(t, a = 0) {
|
|
3740
|
+
return t === "error" ? 0 : Mo(parseInt(a.toString(), 10));
|
|
3730
3741
|
}
|
|
3731
|
-
function
|
|
3732
|
-
return !
|
|
3742
|
+
function or(t, a) {
|
|
3743
|
+
return !Ro.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
3733
3744
|
}
|
|
3734
|
-
const
|
|
3745
|
+
const bt = {
|
|
3735
3746
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
3736
3747
|
"progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
|
|
3737
3748
|
"progress-circle--medium": "lc-ProgressCircle-module__progress-circle--medium___XlzEX",
|
|
@@ -3742,15 +3753,15 @@ const ft = {
|
|
|
3742
3753
|
"progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
|
|
3743
3754
|
"progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
|
|
3744
3755
|
"progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
|
|
3745
|
-
},
|
|
3756
|
+
}, Lo = {
|
|
3746
3757
|
small: 2,
|
|
3747
3758
|
medium: 3,
|
|
3748
3759
|
large: 4
|
|
3749
|
-
},
|
|
3760
|
+
}, Oo = {
|
|
3750
3761
|
small: 15,
|
|
3751
3762
|
medium: 36,
|
|
3752
3763
|
large: 56
|
|
3753
|
-
},
|
|
3764
|
+
}, ft = "progress-circle", Ho = e.forwardRef(
|
|
3754
3765
|
(l, c) => {
|
|
3755
3766
|
var n = l, {
|
|
3756
3767
|
status: t = "normal",
|
|
@@ -3763,17 +3774,17 @@ const ft = {
|
|
|
3763
3774
|
"className",
|
|
3764
3775
|
"size"
|
|
3765
3776
|
]);
|
|
3766
|
-
const s =
|
|
3767
|
-
ft
|
|
3777
|
+
const s = or(t, a), i = _r(s, a), d = Lo[_], p = Oo[_], u = m(
|
|
3778
|
+
bt[ft],
|
|
3768
3779
|
{
|
|
3769
|
-
[
|
|
3770
|
-
[
|
|
3780
|
+
[bt[`${ft}--${_}`]]: _,
|
|
3781
|
+
[bt[`${ft}--${t}`]]: t
|
|
3771
3782
|
},
|
|
3772
3783
|
r
|
|
3773
|
-
), h = 2 * Math.PI * ((
|
|
3784
|
+
), h = 2 * Math.PI * ((p - d) / 2), v = {
|
|
3774
3785
|
strokeDasharray: h.toFixed(3),
|
|
3775
3786
|
strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
|
|
3776
|
-
},
|
|
3787
|
+
}, g = `${p / 2} ${p / 2} ${p} ${p}`;
|
|
3777
3788
|
return /* @__PURE__ */ e.createElement(
|
|
3778
3789
|
"div",
|
|
3779
3790
|
y({
|
|
@@ -3781,31 +3792,31 @@ const ft = {
|
|
|
3781
3792
|
ref: c,
|
|
3782
3793
|
role: "progressbar"
|
|
3783
3794
|
}, o),
|
|
3784
|
-
/* @__PURE__ */ e.createElement("svg", { viewBox:
|
|
3795
|
+
/* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
|
|
3785
3796
|
"circle",
|
|
3786
3797
|
{
|
|
3787
|
-
className:
|
|
3788
|
-
cx:
|
|
3789
|
-
cy:
|
|
3790
|
-
r: (
|
|
3798
|
+
className: bt[`${ft}__bg-line--${t}`],
|
|
3799
|
+
cx: p,
|
|
3800
|
+
cy: p,
|
|
3801
|
+
r: (p - d) / 2,
|
|
3791
3802
|
fill: "none",
|
|
3792
3803
|
strokeWidth: d
|
|
3793
3804
|
}
|
|
3794
3805
|
), /* @__PURE__ */ e.createElement(
|
|
3795
3806
|
"circle",
|
|
3796
3807
|
{
|
|
3797
|
-
className:
|
|
3808
|
+
className: bt[`${ft}__indicator--${t}`],
|
|
3798
3809
|
style: v,
|
|
3799
|
-
cx:
|
|
3800
|
-
cy:
|
|
3801
|
-
r: (
|
|
3810
|
+
cx: p,
|
|
3811
|
+
cy: p,
|
|
3812
|
+
r: (p - d) / 2,
|
|
3802
3813
|
fill: "none",
|
|
3803
3814
|
strokeWidth: d
|
|
3804
3815
|
}
|
|
3805
3816
|
))
|
|
3806
3817
|
);
|
|
3807
3818
|
}
|
|
3808
|
-
),
|
|
3819
|
+
), Ft = {
|
|
3809
3820
|
"progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
|
|
3810
3821
|
"progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
|
|
3811
3822
|
"progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
|
|
@@ -3815,7 +3826,7 @@ const ft = {
|
|
|
3815
3826
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
3816
3827
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
3817
3828
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
3818
|
-
},
|
|
3829
|
+
}, Rt = "progress-bar", zo = e.forwardRef(
|
|
3819
3830
|
(l, c) => {
|
|
3820
3831
|
var n = l, {
|
|
3821
3832
|
status: t = "normal",
|
|
@@ -3828,11 +3839,11 @@ const ft = {
|
|
|
3828
3839
|
"size",
|
|
3829
3840
|
"className"
|
|
3830
3841
|
]);
|
|
3831
|
-
const s =
|
|
3832
|
-
Rt
|
|
3842
|
+
const s = or(t, a), i = _r(s, a), d = m(
|
|
3843
|
+
Ft[Rt],
|
|
3833
3844
|
{
|
|
3834
|
-
[
|
|
3835
|
-
[
|
|
3845
|
+
[Ft[`${Rt}--${r}`]]: r,
|
|
3846
|
+
[Ft[`${Rt}--${t}`]]: t
|
|
3836
3847
|
},
|
|
3837
3848
|
_
|
|
3838
3849
|
);
|
|
@@ -3846,7 +3857,7 @@ const ft = {
|
|
|
3846
3857
|
/* @__PURE__ */ e.createElement(
|
|
3847
3858
|
"div",
|
|
3848
3859
|
{
|
|
3849
|
-
className:
|
|
3860
|
+
className: Ft[`${Rt}__indicator--${t}`],
|
|
3850
3861
|
style: { width: `${i}%` }
|
|
3851
3862
|
}
|
|
3852
3863
|
)
|
|
@@ -3864,7 +3875,7 @@ const ft = {
|
|
|
3864
3875
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
3865
3876
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
3866
3877
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
3867
|
-
},
|
|
3878
|
+
}, Go = 400, Uo = 800, Wo = 500, $e = "promo-banner", ml = ({
|
|
3868
3879
|
className: t,
|
|
3869
3880
|
buttonText: a,
|
|
3870
3881
|
children: r,
|
|
@@ -3876,22 +3887,22 @@ const ft = {
|
|
|
3876
3887
|
onClose: s,
|
|
3877
3888
|
onLinkClick: i
|
|
3878
3889
|
}) => {
|
|
3879
|
-
const d = e.useRef(null), [
|
|
3890
|
+
const d = e.useRef(null), [p, u] = e.useState("medium"), h = m(
|
|
3880
3891
|
Ee[$e],
|
|
3881
3892
|
{
|
|
3882
3893
|
[Ee[`${$e}--light`]]: c,
|
|
3883
|
-
[Ee[`${$e}--small`]]:
|
|
3884
|
-
[Ee[`${$e}--large`]]:
|
|
3894
|
+
[Ee[`${$e}--small`]]: p === "small",
|
|
3895
|
+
[Ee[`${$e}--large`]]: p === "large"
|
|
3885
3896
|
},
|
|
3886
3897
|
t
|
|
3887
3898
|
);
|
|
3888
3899
|
e.useEffect(() => {
|
|
3889
|
-
const
|
|
3890
|
-
|
|
3891
|
-
|
|
3900
|
+
const g = () => d.current && d.current.offsetWidth <= Go ? u("small") : d.current && d.current.offsetWidth >= Uo ? u("large") : u("medium"), b = Ka(
|
|
3901
|
+
g,
|
|
3902
|
+
Wo
|
|
3892
3903
|
);
|
|
3893
|
-
return window.addEventListener("resize", b),
|
|
3894
|
-
b.cancel(), window.removeEventListener("resize",
|
|
3904
|
+
return window.addEventListener("resize", b), g(), () => {
|
|
3905
|
+
b.cancel(), window.removeEventListener("resize", g);
|
|
3895
3906
|
};
|
|
3896
3907
|
}, []);
|
|
3897
3908
|
const v = /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
@@ -3904,7 +3915,7 @@ const ft = {
|
|
|
3904
3915
|
},
|
|
3905
3916
|
a
|
|
3906
3917
|
), l && /* @__PURE__ */ e.createElement(G, { size: "compact", kind: "text", onClick: i }, l));
|
|
3907
|
-
return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ee[`${$e}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r),
|
|
3918
|
+
return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: Ee[`${$e}__img`] }), /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__header`] }, _), /* @__PURE__ */ e.createElement(M, { as: "div" }, r), p !== "large" && v), p === "large" && v), s && /* @__PURE__ */ e.createElement(
|
|
3908
3919
|
"button",
|
|
3909
3920
|
{
|
|
3910
3921
|
type: "button",
|
|
@@ -3922,7 +3933,7 @@ const ft = {
|
|
|
3922
3933
|
"promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
|
|
3923
3934
|
"promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
|
|
3924
3935
|
"promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
|
|
3925
|
-
}, Ke = "promo-banner-v2",
|
|
3936
|
+
}, Ke = "promo-banner-v2", pl = ({
|
|
3926
3937
|
children: t,
|
|
3927
3938
|
className: a,
|
|
3928
3939
|
additionalContent: r,
|
|
@@ -3930,7 +3941,7 @@ const ft = {
|
|
|
3930
3941
|
secondaryButton: o,
|
|
3931
3942
|
onClose: c
|
|
3932
3943
|
}) => {
|
|
3933
|
-
const l =
|
|
3944
|
+
const l = m(He["main-wrapper"], a);
|
|
3934
3945
|
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: l }, /* @__PURE__ */ e.createElement("div", { className: He[Ke] }, /* @__PURE__ */ e.createElement("div", { className: He[`${Ke}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: He[`${Ke}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
|
|
3935
3946
|
G,
|
|
3936
3947
|
{
|
|
@@ -3966,10 +3977,10 @@ const ft = {
|
|
|
3966
3977
|
"radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
|
|
3967
3978
|
"radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
|
|
3968
3979
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
3969
|
-
}, Fe = "radio-button",
|
|
3980
|
+
}, Fe = "radio-button", gl = e.forwardRef(
|
|
3970
3981
|
(n, l) => {
|
|
3971
3982
|
var s = n, { children: t, className: a = "", description: r, checked: _, disabled: o } = s, c = P(s, ["children", "className", "description", "checked", "disabled"]);
|
|
3972
|
-
const i =
|
|
3983
|
+
const i = m(Pe[Fe], a, {
|
|
3973
3984
|
[Pe[`${Fe}--selected`]]: _,
|
|
3974
3985
|
[Pe[`${Fe}--disabled`]]: o
|
|
3975
3986
|
});
|
|
@@ -3982,7 +3993,7 @@ const ft = {
|
|
|
3982
3993
|
checked: _,
|
|
3983
3994
|
disabled: o
|
|
3984
3995
|
})
|
|
3985
|
-
)), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Pe[`${Fe}__text`] }, t)), r && /* @__PURE__ */ e.createElement(
|
|
3996
|
+
)), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Pe[`${Fe}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Gt, { className: Pe[`${Fe}__helper`] }, r));
|
|
3986
3997
|
}
|
|
3987
3998
|
), Se = {
|
|
3988
3999
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
@@ -3997,7 +4008,7 @@ const ft = {
|
|
|
3997
4008
|
"search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
|
|
3998
4009
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
3999
4010
|
"search-input__input": "lc-Search-module__search-input__input___OhyTr"
|
|
4000
|
-
}, Ce = "search-input",
|
|
4011
|
+
}, Ce = "search-input", Vo = `${Ce}__input`, bl = ({
|
|
4001
4012
|
isCollapsable: t,
|
|
4002
4013
|
isDisabled: a,
|
|
4003
4014
|
isLoading: r,
|
|
@@ -4007,7 +4018,7 @@ const ft = {
|
|
|
4007
4018
|
className: l,
|
|
4008
4019
|
onChange: n
|
|
4009
4020
|
}) => {
|
|
4010
|
-
const [s, i] = e.useState(!0), [d,
|
|
4021
|
+
const [s, i] = e.useState(!0), [d, p] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r, v = t && !s && "true", g = m(
|
|
4011
4022
|
l,
|
|
4012
4023
|
Se[Ce],
|
|
4013
4024
|
Se[`${Ce}--${o}`],
|
|
@@ -4028,9 +4039,9 @@ const ft = {
|
|
|
4028
4039
|
var E;
|
|
4029
4040
|
(E = u.current) == null || E.focus();
|
|
4030
4041
|
}, $ = () => {
|
|
4031
|
-
t && i(!1),
|
|
4042
|
+
t && i(!1), p(!0);
|
|
4032
4043
|
}, w = () => {
|
|
4033
|
-
t && !c && i(!0),
|
|
4044
|
+
t && !c && i(!0), p(!1);
|
|
4034
4045
|
}, F = (E) => {
|
|
4035
4046
|
E.key === z.enter && (E.preventDefault(), n(c));
|
|
4036
4047
|
};
|
|
@@ -4039,14 +4050,14 @@ const ft = {
|
|
|
4039
4050
|
{
|
|
4040
4051
|
"aria-expanded": v,
|
|
4041
4052
|
role: "search",
|
|
4042
|
-
className:
|
|
4053
|
+
className: g,
|
|
4043
4054
|
onClick: f
|
|
4044
4055
|
},
|
|
4045
4056
|
/* @__PURE__ */ e.createElement(
|
|
4046
4057
|
x,
|
|
4047
4058
|
{
|
|
4048
4059
|
className: Se[`${Ce}__search-icon`],
|
|
4049
|
-
source:
|
|
4060
|
+
source: Dr,
|
|
4050
4061
|
disabled: a,
|
|
4051
4062
|
kind: "primary"
|
|
4052
4063
|
}
|
|
@@ -4056,7 +4067,7 @@ const ft = {
|
|
|
4056
4067
|
{
|
|
4057
4068
|
role: "searchbox",
|
|
4058
4069
|
ref: u,
|
|
4059
|
-
className: Se[
|
|
4070
|
+
className: Se[Vo],
|
|
4060
4071
|
type: "text",
|
|
4061
4072
|
value: c,
|
|
4062
4073
|
placeholder: _,
|
|
@@ -4085,10 +4096,10 @@ const ft = {
|
|
|
4085
4096
|
"data-testid": `${Ce}-loader`,
|
|
4086
4097
|
className: Se[`${Ce}__loader`]
|
|
4087
4098
|
},
|
|
4088
|
-
/* @__PURE__ */ e.createElement(
|
|
4099
|
+
/* @__PURE__ */ e.createElement(ba, { size: "small" })
|
|
4089
4100
|
)
|
|
4090
4101
|
);
|
|
4091
|
-
},
|
|
4102
|
+
}, Yo = "lc-Switch-module__switch__input___NiiOR", qo = "lc-Switch-module__switch__container___79F7W", Ko = "lc-Switch-module__switch__track___2wr2M", Jo = "lc-Switch-module__switch__slider___WHd--", jo = "lc-Switch-module__switch__loader___FE-fA", Qo = "lc-Switch-module__switch__icon___-O1qY", ce = {
|
|
4092
4103
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
4093
4104
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
4094
4105
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -4096,12 +4107,12 @@ const ft = {
|
|
|
4096
4107
|
"switch--large": "lc-Switch-module__switch--large___pSoJ7",
|
|
4097
4108
|
"switch--compact": "lc-Switch-module__switch--compact___OGFIX",
|
|
4098
4109
|
"switch--medium": "lc-Switch-module__switch--medium___EcZwT",
|
|
4099
|
-
switch__input:
|
|
4110
|
+
switch__input: Yo,
|
|
4100
4111
|
"switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
|
|
4101
|
-
switch__container:
|
|
4102
|
-
switch__track:
|
|
4112
|
+
switch__container: qo,
|
|
4113
|
+
switch__track: Ko,
|
|
4103
4114
|
"switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
|
|
4104
|
-
switch__slider:
|
|
4115
|
+
switch__slider: Jo,
|
|
4105
4116
|
"switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
|
|
4106
4117
|
"switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
|
|
4107
4118
|
"switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
|
|
@@ -4111,13 +4122,13 @@ const ft = {
|
|
|
4111
4122
|
"switch__slider--medium": "lc-Switch-module__switch__slider--medium___uhptz",
|
|
4112
4123
|
"switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
|
|
4113
4124
|
"switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
|
|
4114
|
-
switch__loader:
|
|
4125
|
+
switch__loader: jo,
|
|
4115
4126
|
"switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
|
|
4116
4127
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
4117
4128
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
4118
|
-
switch__icon:
|
|
4119
|
-
}, re = "switch",
|
|
4120
|
-
var u =
|
|
4129
|
+
switch__icon: Qo
|
|
4130
|
+
}, re = "switch", fl = (p) => {
|
|
4131
|
+
var u = p, {
|
|
4121
4132
|
className: t = "",
|
|
4122
4133
|
defaultOn: a = !1,
|
|
4123
4134
|
disabled: r = !1,
|
|
@@ -4140,20 +4151,20 @@ const ft = {
|
|
|
4140
4151
|
"innerRef",
|
|
4141
4152
|
"ariaLabel"
|
|
4142
4153
|
]);
|
|
4143
|
-
const h = o !== void 0, [v,
|
|
4154
|
+
const h = o !== void 0, [v, g] = e.useState(
|
|
4144
4155
|
() => h ? o : a
|
|
4145
|
-
), b = h ? o : v, k = n === "loading", f = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", T =
|
|
4156
|
+
), b = h ? o : v, k = n === "loading", f = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", F = r || k || f, E = F ? "disabled" : "enabled", T = m(
|
|
4146
4157
|
ce[re],
|
|
4147
4158
|
ce[`${re}--${l}`],
|
|
4148
4159
|
t
|
|
4149
4160
|
), S = (se) => {
|
|
4150
|
-
c == null || c(se, !b), h || (se.stopPropagation(),
|
|
4161
|
+
c == null || c(se, !b), h || (se.stopPropagation(), g((A) => !A));
|
|
4151
4162
|
};
|
|
4152
4163
|
return /* @__PURE__ */ e.createElement("span", { className: T }, /* @__PURE__ */ e.createElement(
|
|
4153
4164
|
"input",
|
|
4154
4165
|
y({
|
|
4155
4166
|
type: "checkbox",
|
|
4156
|
-
className:
|
|
4167
|
+
className: m(
|
|
4157
4168
|
ce[`${re}__input`],
|
|
4158
4169
|
ce[`${re}__input--${E}`]
|
|
4159
4170
|
),
|
|
@@ -4167,7 +4178,7 @@ const ft = {
|
|
|
4167
4178
|
), /* @__PURE__ */ e.createElement("span", { className: ce[`${re}__container`] }, /* @__PURE__ */ e.createElement(
|
|
4168
4179
|
"span",
|
|
4169
4180
|
{
|
|
4170
|
-
className:
|
|
4181
|
+
className: m(
|
|
4171
4182
|
ce[`${re}__track`],
|
|
4172
4183
|
ce[`${re}__track--${w}`],
|
|
4173
4184
|
ce[`${re}__track--${E}`]
|
|
@@ -4176,16 +4187,16 @@ const ft = {
|
|
|
4176
4187
|
), /* @__PURE__ */ e.createElement(
|
|
4177
4188
|
"span",
|
|
4178
4189
|
{
|
|
4179
|
-
className:
|
|
4190
|
+
className: m(
|
|
4180
4191
|
ce[`${re}__slider`],
|
|
4181
4192
|
ce[`${re}__slider--${l}`],
|
|
4182
4193
|
ce[`${re}__slider--${l}--${w}`]
|
|
4183
4194
|
)
|
|
4184
4195
|
},
|
|
4185
4196
|
k && /* @__PURE__ */ e.createElement(
|
|
4186
|
-
|
|
4197
|
+
ba,
|
|
4187
4198
|
{
|
|
4188
|
-
className:
|
|
4199
|
+
className: m(
|
|
4189
4200
|
ce[`${re}__loader`],
|
|
4190
4201
|
ce[`${re}__loader--${l}`]
|
|
4191
4202
|
)
|
|
@@ -4197,21 +4208,21 @@ const ft = {
|
|
|
4197
4208
|
className: ce[`${re}__icon`],
|
|
4198
4209
|
"data-testid": "lock-icon",
|
|
4199
4210
|
size: $,
|
|
4200
|
-
source:
|
|
4211
|
+
source: Tr,
|
|
4201
4212
|
kind: "primary"
|
|
4202
4213
|
}
|
|
4203
4214
|
)
|
|
4204
4215
|
)));
|
|
4205
|
-
},
|
|
4206
|
-
tab:
|
|
4207
|
-
tab__count:
|
|
4216
|
+
}, Zo = "lc-Tab-module__tab___fME7u", Xo = "lc-Tab-module__tab__count___gc8tA", ec = "lc-Tab-module__tab__badge___W9c-T", rt = {
|
|
4217
|
+
tab: Zo,
|
|
4218
|
+
tab__count: Xo,
|
|
4208
4219
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
4209
4220
|
"tab--medium": "lc-Tab-module__tab--medium___bHnGV",
|
|
4210
4221
|
"tab--large": "lc-Tab-module__tab--large___JL30g",
|
|
4211
|
-
tab__badge:
|
|
4222
|
+
tab__badge: ec,
|
|
4212
4223
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
4213
4224
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
4214
|
-
},
|
|
4225
|
+
}, _t = "tab", vl = (n) => {
|
|
4215
4226
|
var s = n, {
|
|
4216
4227
|
children: t,
|
|
4217
4228
|
className: a,
|
|
@@ -4227,43 +4238,43 @@ const ft = {
|
|
|
4227
4238
|
"asBadge",
|
|
4228
4239
|
"size"
|
|
4229
4240
|
]);
|
|
4230
|
-
const { disabled: i } = l, d = r !== void 0 && !o,
|
|
4241
|
+
const { disabled: i } = l, d = r !== void 0 && !o, p = r !== void 0 && o;
|
|
4231
4242
|
return /* @__PURE__ */ e.createElement(
|
|
4232
4243
|
M,
|
|
4233
4244
|
B(y({}, l), {
|
|
4234
4245
|
as: l.href ? "a" : "button",
|
|
4235
4246
|
size: "md",
|
|
4236
4247
|
bold: _,
|
|
4237
|
-
className:
|
|
4248
|
+
className: m(
|
|
4238
4249
|
a,
|
|
4239
|
-
_t
|
|
4240
|
-
|
|
4241
|
-
_ &&
|
|
4242
|
-
i &&
|
|
4250
|
+
rt[_t],
|
|
4251
|
+
rt[`${_t}--${c}`],
|
|
4252
|
+
_ && rt[`${_t}--selected`],
|
|
4253
|
+
i && rt[`${_t}--disabled`]
|
|
4243
4254
|
)
|
|
4244
4255
|
}),
|
|
4245
4256
|
t,
|
|
4246
|
-
d && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className:
|
|
4247
|
-
|
|
4248
|
-
|
|
4257
|
+
d && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: rt[`${_t}__count`] }, "(", r, ")"),
|
|
4258
|
+
p && /* @__PURE__ */ e.createElement(
|
|
4259
|
+
D_,
|
|
4249
4260
|
{
|
|
4250
4261
|
"data-testid": "tab-badge",
|
|
4251
4262
|
count: r,
|
|
4252
4263
|
size: "compact",
|
|
4253
|
-
className:
|
|
4264
|
+
className: rt[`${_t}__badge`]
|
|
4254
4265
|
}
|
|
4255
4266
|
)
|
|
4256
4267
|
);
|
|
4257
|
-
},
|
|
4258
|
-
tabs:
|
|
4259
|
-
tabs__list:
|
|
4260
|
-
},
|
|
4268
|
+
}, tc = "lc-TabsWrapper-module__tabs___Y2xyD", ac = "lc-TabsWrapper-module__tabs__list___i6tVO", cr = {
|
|
4269
|
+
tabs: tc,
|
|
4270
|
+
tabs__list: ac
|
|
4271
|
+
}, lr = "tabs", hl = ({
|
|
4261
4272
|
className: t,
|
|
4262
4273
|
children: a
|
|
4263
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
4274
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(cr[lr], t) }, a), kl = ({
|
|
4264
4275
|
className: t,
|
|
4265
4276
|
children: a
|
|
4266
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
4277
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(cr[`${lr}__list`], t) }, a), rc = ({
|
|
4267
4278
|
className: t = "",
|
|
4268
4279
|
innerEditableRef: a,
|
|
4269
4280
|
inputRef: r,
|
|
@@ -4276,7 +4287,7 @@ const ft = {
|
|
|
4276
4287
|
return v ? v.innerText : "";
|
|
4277
4288
|
}, d = () => {
|
|
4278
4289
|
r && r.current && r.current.focus();
|
|
4279
|
-
},
|
|
4290
|
+
}, p = (v) => {
|
|
4280
4291
|
if (v.key === z.enter) {
|
|
4281
4292
|
v.preventDefault(), d();
|
|
4282
4293
|
return;
|
|
@@ -4293,8 +4304,8 @@ const ft = {
|
|
|
4293
4304
|
}
|
|
4294
4305
|
}, h = (v) => {
|
|
4295
4306
|
v.preventDefault();
|
|
4296
|
-
const
|
|
4297
|
-
document.execCommand("insertHTML", !1,
|
|
4307
|
+
const g = v.clipboardData.getData("text/plain");
|
|
4308
|
+
document.execCommand("insertHTML", !1, Ea(g));
|
|
4298
4309
|
};
|
|
4299
4310
|
return /* @__PURE__ */ e.createElement(
|
|
4300
4311
|
"div",
|
|
@@ -4304,18 +4315,18 @@ const ft = {
|
|
|
4304
4315
|
contentEditable: !0,
|
|
4305
4316
|
onPaste: h,
|
|
4306
4317
|
onBlur: u,
|
|
4307
|
-
onKeyDown:
|
|
4308
|
-
dangerouslySetInnerHTML: { __html:
|
|
4318
|
+
onKeyDown: p,
|
|
4319
|
+
dangerouslySetInnerHTML: { __html: Ea(c) }
|
|
4309
4320
|
}
|
|
4310
4321
|
);
|
|
4311
|
-
},
|
|
4322
|
+
}, kt = {
|
|
4312
4323
|
"tag-input": "lc-TagInput-module__tag-input___CLVY-",
|
|
4313
4324
|
"tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
|
|
4314
4325
|
"tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
|
|
4315
4326
|
"tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
|
|
4316
4327
|
"tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
|
|
4317
4328
|
"tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
|
|
4318
|
-
},
|
|
4329
|
+
}, _c = "tag-input__tag", oc = ({
|
|
4319
4330
|
children: t,
|
|
4320
4331
|
index: a,
|
|
4321
4332
|
remove: r,
|
|
@@ -4326,7 +4337,7 @@ const ft = {
|
|
|
4326
4337
|
}) => {
|
|
4327
4338
|
const n = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
|
|
4328
4339
|
return /* @__PURE__ */ e.createElement(
|
|
4329
|
-
|
|
4340
|
+
rr,
|
|
4330
4341
|
{
|
|
4331
4342
|
kind: n ? "default" : "error",
|
|
4332
4343
|
dismissible: !0,
|
|
@@ -4334,25 +4345,25 @@ const ft = {
|
|
|
4334
4345
|
onRemove: i
|
|
4335
4346
|
},
|
|
4336
4347
|
/* @__PURE__ */ e.createElement(
|
|
4337
|
-
|
|
4348
|
+
rc,
|
|
4338
4349
|
{
|
|
4339
4350
|
value: t,
|
|
4340
4351
|
inputRef: o,
|
|
4341
4352
|
innerEditableRef: s,
|
|
4342
|
-
className:
|
|
4353
|
+
className: kt[`${_c}__content`],
|
|
4343
4354
|
change: (d) => c(a, d),
|
|
4344
4355
|
remove: i,
|
|
4345
4356
|
validator: _
|
|
4346
4357
|
}
|
|
4347
4358
|
)
|
|
4348
4359
|
);
|
|
4349
|
-
},
|
|
4360
|
+
}, Mt = "tag-input", cc = [
|
|
4350
4361
|
z.enter,
|
|
4351
4362
|
z.spacebar,
|
|
4352
4363
|
z.tab,
|
|
4353
4364
|
z.semicolon,
|
|
4354
4365
|
z.comma
|
|
4355
|
-
],
|
|
4366
|
+
], lc = [z.backspace, z.delete], nc = (u) => {
|
|
4356
4367
|
var h = u, {
|
|
4357
4368
|
id: t,
|
|
4358
4369
|
tags: a,
|
|
@@ -4365,7 +4376,7 @@ const ft = {
|
|
|
4365
4376
|
inputClassName: s,
|
|
4366
4377
|
onBlur: i,
|
|
4367
4378
|
addOnBlur: d = !0
|
|
4368
|
-
} = h,
|
|
4379
|
+
} = h, p = P(h, [
|
|
4369
4380
|
"id",
|
|
4370
4381
|
"tags",
|
|
4371
4382
|
"onChange",
|
|
@@ -4378,27 +4389,27 @@ const ft = {
|
|
|
4378
4389
|
"onBlur",
|
|
4379
4390
|
"addOnBlur"
|
|
4380
4391
|
]);
|
|
4381
|
-
const v =
|
|
4382
|
-
|
|
4392
|
+
const v = m(
|
|
4393
|
+
kt[Mt],
|
|
4383
4394
|
{
|
|
4384
|
-
[
|
|
4395
|
+
[kt[`${Mt}--error`]]: o
|
|
4385
4396
|
},
|
|
4386
4397
|
n
|
|
4387
|
-
),
|
|
4398
|
+
), g = m(
|
|
4388
4399
|
s,
|
|
4389
|
-
|
|
4390
|
-
|
|
4400
|
+
kt[`${Mt}__input`],
|
|
4401
|
+
kt[`${Mt}__input--${l}`]
|
|
4391
4402
|
), [b, k] = e.useState(""), f = e.useRef(null), $ = (A) => {
|
|
4392
4403
|
r([...a || [], A]), k("");
|
|
4393
4404
|
}, w = (A) => {
|
|
4394
4405
|
const J = [...a || []];
|
|
4395
4406
|
J.splice(A, 1), r(J);
|
|
4396
4407
|
}, F = (A) => k(A.target.value), E = (A) => {
|
|
4397
|
-
if (
|
|
4408
|
+
if (cc.includes(A.key)) {
|
|
4398
4409
|
if (A.preventDefault(), b === "")
|
|
4399
4410
|
return;
|
|
4400
4411
|
$(b);
|
|
4401
|
-
} else if (
|
|
4412
|
+
} else if (lc.includes(A.key)) {
|
|
4402
4413
|
if (b !== "" || !(a != null && a.length))
|
|
4403
4414
|
return;
|
|
4404
4415
|
w(a.length - 1);
|
|
@@ -4417,7 +4428,7 @@ const ft = {
|
|
|
4417
4428
|
r([...a || [], ...X]);
|
|
4418
4429
|
};
|
|
4419
4430
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: v }, a == null ? void 0 : a.map((A, J) => /* @__PURE__ */ e.createElement(
|
|
4420
|
-
|
|
4431
|
+
oc,
|
|
4421
4432
|
{
|
|
4422
4433
|
index: J,
|
|
4423
4434
|
key: `${J}${A}`,
|
|
@@ -4430,10 +4441,10 @@ const ft = {
|
|
|
4430
4441
|
A
|
|
4431
4442
|
)), /* @__PURE__ */ e.createElement(
|
|
4432
4443
|
"input",
|
|
4433
|
-
B(y({},
|
|
4444
|
+
B(y({}, p), {
|
|
4434
4445
|
id: t,
|
|
4435
4446
|
ref: f,
|
|
4436
|
-
className:
|
|
4447
|
+
className: g,
|
|
4437
4448
|
placeholder: c,
|
|
4438
4449
|
value: b,
|
|
4439
4450
|
onChange: F,
|
|
@@ -4441,14 +4452,14 @@ const ft = {
|
|
|
4441
4452
|
onPaste: se,
|
|
4442
4453
|
onBlur: T
|
|
4443
4454
|
})
|
|
4444
|
-
)), o && /* @__PURE__ */ e.createElement(
|
|
4445
|
-
},
|
|
4455
|
+
)), o && /* @__PURE__ */ e.createElement(fa, null, o));
|
|
4456
|
+
}, sc = /^(?:[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, ic = "name@company.com", dc = (t) => sc.test(t), yl = (n) => {
|
|
4446
4457
|
var s = n, {
|
|
4447
4458
|
id: t,
|
|
4448
4459
|
tags: a,
|
|
4449
4460
|
onChange: r,
|
|
4450
4461
|
error: _,
|
|
4451
|
-
placeholder: o =
|
|
4462
|
+
placeholder: o = ic,
|
|
4452
4463
|
size: c
|
|
4453
4464
|
} = s, l = P(s, [
|
|
4454
4465
|
"id",
|
|
@@ -4459,22 +4470,22 @@ const ft = {
|
|
|
4459
4470
|
"size"
|
|
4460
4471
|
]);
|
|
4461
4472
|
return /* @__PURE__ */ e.createElement(
|
|
4462
|
-
|
|
4473
|
+
nc,
|
|
4463
4474
|
B(y({}, l), {
|
|
4464
4475
|
id: t,
|
|
4465
4476
|
tags: a,
|
|
4466
4477
|
error: _,
|
|
4467
4478
|
onChange: r,
|
|
4468
4479
|
placeholder: o,
|
|
4469
|
-
validator:
|
|
4480
|
+
validator: dc,
|
|
4470
4481
|
size: c
|
|
4471
4482
|
})
|
|
4472
4483
|
);
|
|
4473
|
-
},
|
|
4474
|
-
toast:
|
|
4475
|
-
toast__content:
|
|
4476
|
-
toast__actions:
|
|
4477
|
-
toast__actions__button:
|
|
4484
|
+
}, uc = "lc-Toast-module__toast___j5Amn", mc = "lc-Toast-module__toast__content___HjaNw", pc = "lc-Toast-module__toast__actions___JWu-1", gc = "lc-Toast-module__toast__actions__button___Iblrl", Q = {
|
|
4485
|
+
toast: uc,
|
|
4486
|
+
toast__content: mc,
|
|
4487
|
+
toast__actions: pc,
|
|
4488
|
+
toast__actions__button: gc,
|
|
4478
4489
|
"toast__actions__button--success": "lc-Toast-module__toast__actions__button--success___5JmFw",
|
|
4479
4490
|
"toast__actions__button--warning": "lc-Toast-module__toast__actions__button--warning___zGQ-Q",
|
|
4480
4491
|
"toast__actions__button--error": "lc-Toast-module__toast__actions__button--error___PuTv3",
|
|
@@ -4500,20 +4511,20 @@ const ft = {
|
|
|
4500
4511
|
"toast-appear-active--fade": "lc-Toast-module__toast-appear-active--fade___D3--J",
|
|
4501
4512
|
"toast-exit--fade": "lc-Toast-module__toast-exit--fade___iDA1p",
|
|
4502
4513
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
4503
|
-
},
|
|
4514
|
+
}, bc = {
|
|
4504
4515
|
success: {
|
|
4505
|
-
source:
|
|
4516
|
+
source: Wa
|
|
4506
4517
|
},
|
|
4507
4518
|
warning: {
|
|
4508
|
-
source:
|
|
4519
|
+
source: Ua
|
|
4509
4520
|
},
|
|
4510
4521
|
error: {
|
|
4511
|
-
source:
|
|
4522
|
+
source: Va
|
|
4512
4523
|
},
|
|
4513
4524
|
info: {
|
|
4514
|
-
source:
|
|
4525
|
+
source: oa
|
|
4515
4526
|
}
|
|
4516
|
-
}, ze = "toast",
|
|
4527
|
+
}, ze = "toast", fc = (n) => {
|
|
4517
4528
|
var s = n, {
|
|
4518
4529
|
action: t,
|
|
4519
4530
|
className: a,
|
|
@@ -4529,24 +4540,24 @@ const ft = {
|
|
|
4529
4540
|
"kind",
|
|
4530
4541
|
"onClose"
|
|
4531
4542
|
]);
|
|
4532
|
-
const i =
|
|
4543
|
+
const i = m(
|
|
4533
4544
|
Q[ze],
|
|
4534
4545
|
Q[`${ze}--${o}`],
|
|
4535
4546
|
a
|
|
4536
|
-
), d = typeof r == "string",
|
|
4537
|
-
return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(x, B(y({},
|
|
4547
|
+
), d = typeof r == "string", p = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
|
|
4548
|
+
return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__icon`] }, /* @__PURE__ */ e.createElement(x, B(y({}, bc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${ze}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
4538
4549
|
G,
|
|
4539
4550
|
{
|
|
4540
4551
|
className: Q[`${ze}__actions--custom`],
|
|
4541
4552
|
kind: "text",
|
|
4542
4553
|
size: "compact",
|
|
4543
|
-
onClick: () =>
|
|
4554
|
+
onClick: () => p(t)
|
|
4544
4555
|
},
|
|
4545
4556
|
t.label
|
|
4546
4557
|
), _ && /* @__PURE__ */ e.createElement(
|
|
4547
4558
|
"button",
|
|
4548
4559
|
{
|
|
4549
|
-
className:
|
|
4560
|
+
className: m(
|
|
4550
4561
|
Q[`${ze}__actions__button`],
|
|
4551
4562
|
Q[`${ze}__actions__button--${o}`]
|
|
4552
4563
|
),
|
|
@@ -4555,7 +4566,7 @@ const ft = {
|
|
|
4555
4566
|
},
|
|
4556
4567
|
/* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium" })
|
|
4557
4568
|
)));
|
|
4558
|
-
},
|
|
4569
|
+
}, vc = 200, vt = "toast-wrapper", El = ({
|
|
4559
4570
|
className: t,
|
|
4560
4571
|
toasts: a = [],
|
|
4561
4572
|
fixed: r = !0,
|
|
@@ -4564,18 +4575,18 @@ const ft = {
|
|
|
4564
4575
|
verticalPosition: c = "top",
|
|
4565
4576
|
horizontalPosition: l = "center"
|
|
4566
4577
|
}) => {
|
|
4567
|
-
const n =
|
|
4568
|
-
Q[
|
|
4578
|
+
const n = m(
|
|
4579
|
+
Q[vt],
|
|
4569
4580
|
{
|
|
4570
|
-
[Q[`${
|
|
4571
|
-
[Q[`${
|
|
4572
|
-
[Q[`${
|
|
4573
|
-
[Q[`${
|
|
4581
|
+
[Q[`${vt}--fixed`]]: r,
|
|
4582
|
+
[Q[`${vt}--block`]]: !r && _,
|
|
4583
|
+
[Q[`${vt}--horizontal-${l}`]]: l,
|
|
4584
|
+
[Q[`${vt}--vertical-${c}`]]: c
|
|
4574
4585
|
},
|
|
4575
4586
|
t
|
|
4576
4587
|
);
|
|
4577
|
-
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(
|
|
4578
|
-
|
|
4588
|
+
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(ja, { component: null }, a.map(({ id: s, kind: i, content: d, removable: p, action: u, onClose: h }) => /* @__PURE__ */ e.createElement(
|
|
4589
|
+
Qa,
|
|
4579
4590
|
{
|
|
4580
4591
|
key: s,
|
|
4581
4592
|
classNames: {
|
|
@@ -4584,37 +4595,37 @@ const ft = {
|
|
|
4584
4595
|
exit: Q[`toast-exit--${o}`],
|
|
4585
4596
|
exitActive: Q[`toast-exit-active--${o}`]
|
|
4586
4597
|
},
|
|
4587
|
-
timeout:
|
|
4598
|
+
timeout: vc
|
|
4588
4599
|
},
|
|
4589
4600
|
/* @__PURE__ */ e.createElement(
|
|
4590
|
-
|
|
4601
|
+
fc,
|
|
4591
4602
|
{
|
|
4592
4603
|
kind: i,
|
|
4593
4604
|
onClose: h,
|
|
4594
|
-
removable:
|
|
4605
|
+
removable: p,
|
|
4595
4606
|
action: u
|
|
4596
4607
|
},
|
|
4597
4608
|
d
|
|
4598
4609
|
)
|
|
4599
4610
|
))));
|
|
4600
|
-
},
|
|
4601
|
-
textarea:
|
|
4611
|
+
}, hc = "lc-Textarea-module__textarea___g6U8F", Lt = {
|
|
4612
|
+
textarea: hc,
|
|
4602
4613
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
4603
4614
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
4604
4615
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
4605
|
-
},
|
|
4616
|
+
}, Ot = "textarea", $l = e.forwardRef(
|
|
4606
4617
|
(o, _) => {
|
|
4607
4618
|
var c = o, { className: t, error: a } = c, r = P(c, ["className", "error"]);
|
|
4608
|
-
const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1),
|
|
4609
|
-
[
|
|
4610
|
-
[
|
|
4611
|
-
[
|
|
4619
|
+
const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), p = m(t, Lt[Ot], {
|
|
4620
|
+
[Lt[`${Ot}--disabled`]]: l,
|
|
4621
|
+
[Lt[`${Ot}--focused`]]: i,
|
|
4622
|
+
[Lt[`${Ot}--error`]]: a
|
|
4612
4623
|
}), u = (v) => {
|
|
4613
4624
|
d(!1), n == null || n(v);
|
|
4614
4625
|
}, h = (v) => {
|
|
4615
4626
|
d(!0), s == null || s(v);
|
|
4616
4627
|
};
|
|
4617
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
4628
|
+
return /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
|
|
4618
4629
|
"textarea",
|
|
4619
4630
|
B(y({}, r), {
|
|
4620
4631
|
ref: _,
|
|
@@ -4623,24 +4634,24 @@ const ft = {
|
|
|
4623
4634
|
})
|
|
4624
4635
|
));
|
|
4625
4636
|
}
|
|
4626
|
-
),
|
|
4637
|
+
), jt = {
|
|
4627
4638
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
4628
4639
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
4629
4640
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
4630
|
-
},
|
|
4641
|
+
}, Qt = "file-upload-progress-actions", _a = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: jt[`${Qt}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
4631
4642
|
"button",
|
|
4632
4643
|
{
|
|
4633
4644
|
type: "button",
|
|
4634
|
-
className:
|
|
4645
|
+
className: jt[`${Qt}__retry-button`],
|
|
4635
4646
|
"aria-label": "Retry",
|
|
4636
4647
|
onClick: r
|
|
4637
4648
|
},
|
|
4638
|
-
/* @__PURE__ */ e.createElement(x, { size: "small", source:
|
|
4649
|
+
/* @__PURE__ */ e.createElement(x, { size: "small", source: Br })
|
|
4639
4650
|
), a && t !== "success" && /* @__PURE__ */ e.createElement(
|
|
4640
4651
|
"button",
|
|
4641
4652
|
{
|
|
4642
4653
|
type: "button",
|
|
4643
|
-
className:
|
|
4654
|
+
className: jt[`${Qt}__close-button`],
|
|
4644
4655
|
"aria-label": "Close",
|
|
4645
4656
|
onClick: a
|
|
4646
4657
|
},
|
|
@@ -4656,7 +4667,7 @@ const ft = {
|
|
|
4656
4667
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
4657
4668
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
4658
4669
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
4659
|
-
}, Re = "file-upload-progress",
|
|
4670
|
+
}, Re = "file-upload-progress", Zt = `${Re}__wrapper__header__title`, kc = e.forwardRef(
|
|
4660
4671
|
({
|
|
4661
4672
|
actionsVisibility: t = "hidden",
|
|
4662
4673
|
className: a,
|
|
@@ -4670,25 +4681,25 @@ const ft = {
|
|
|
4670
4681
|
}, i) => /* @__PURE__ */ e.createElement("div", { className: we[Re], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Re}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
|
|
4671
4682
|
"div",
|
|
4672
4683
|
{
|
|
4673
|
-
className:
|
|
4684
|
+
className: m(
|
|
4674
4685
|
we[`${Re}__icon`],
|
|
4675
4686
|
we[`${Re}__icon--success`]
|
|
4676
4687
|
)
|
|
4677
4688
|
},
|
|
4678
|
-
/* @__PURE__ */ e.createElement(x, { source:
|
|
4689
|
+
/* @__PURE__ */ e.createElement(x, { source: ca })
|
|
4679
4690
|
), /* @__PURE__ */ e.createElement(
|
|
4680
4691
|
"div",
|
|
4681
4692
|
{
|
|
4682
|
-
className:
|
|
4693
|
+
className: m(we[`${Re}__wrapper`], {
|
|
4683
4694
|
[we[`${Re}__wrapper--with-icon`]]: r
|
|
4684
4695
|
})
|
|
4685
4696
|
},
|
|
4686
4697
|
/* @__PURE__ */ e.createElement("div", { className: we[`${Re}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4687
4698
|
"div",
|
|
4688
4699
|
{
|
|
4689
|
-
className:
|
|
4690
|
-
[we[`${
|
|
4691
|
-
[we[`${
|
|
4700
|
+
className: m(we[Zt], {
|
|
4701
|
+
[we[`${Zt}--success`]]: l === "success",
|
|
4702
|
+
[we[`${Zt}--error`]]: l === "error"
|
|
4692
4703
|
})
|
|
4693
4704
|
},
|
|
4694
4705
|
/* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
|
|
@@ -4697,12 +4708,12 @@ const ft = {
|
|
|
4697
4708
|
), t !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
4698
4709
|
"div",
|
|
4699
4710
|
{
|
|
4700
|
-
className:
|
|
4711
|
+
className: m({
|
|
4701
4712
|
[we[`${Re}__wrapper__header__actions`]]: t === "hover"
|
|
4702
4713
|
})
|
|
4703
4714
|
},
|
|
4704
4715
|
/* @__PURE__ */ e.createElement(
|
|
4705
|
-
|
|
4716
|
+
_a,
|
|
4706
4717
|
{
|
|
4707
4718
|
status: l,
|
|
4708
4719
|
onCloseButtonClick: n,
|
|
@@ -4711,7 +4722,7 @@ const ft = {
|
|
|
4711
4722
|
)
|
|
4712
4723
|
)),
|
|
4713
4724
|
l !== "success" && /* @__PURE__ */ e.createElement(
|
|
4714
|
-
|
|
4725
|
+
zo,
|
|
4715
4726
|
{
|
|
4716
4727
|
className: a,
|
|
4717
4728
|
percent: o,
|
|
@@ -4741,14 +4752,14 @@ const ft = {
|
|
|
4741
4752
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
4742
4753
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
4743
4754
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
4744
|
-
}, le = "upload-bar", Me = `${le}__wrapper__header`,
|
|
4745
|
-
|
|
4755
|
+
}, le = "upload-bar", Me = `${le}__wrapper__header`, yc = 300, Ec = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__success-icon`] }, /* @__PURE__ */ e.createElement(x, { source: ca })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__error-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Ar })) : /* @__PURE__ */ e.createElement(
|
|
4756
|
+
Ho,
|
|
4746
4757
|
{
|
|
4747
4758
|
className: H[`${Me}__loader`],
|
|
4748
4759
|
status: t,
|
|
4749
4760
|
progressValue: a
|
|
4750
4761
|
}
|
|
4751
|
-
),
|
|
4762
|
+
), wl = ({
|
|
4752
4763
|
children: t,
|
|
4753
4764
|
className: a,
|
|
4754
4765
|
progressValue: r,
|
|
@@ -4760,14 +4771,14 @@ const ft = {
|
|
|
4760
4771
|
size: s,
|
|
4761
4772
|
mode: i = "multiple",
|
|
4762
4773
|
onCloseButtonClick: d,
|
|
4763
|
-
onRetryButtonClick:
|
|
4774
|
+
onRetryButtonClick: p
|
|
4764
4775
|
}) => {
|
|
4765
|
-
const [u, h] = e.useState(o || !1), v = l === "error",
|
|
4776
|
+
const [u, h] = e.useState(o || !1), v = l === "error", g = l === "success", b = m(H[le], a, {
|
|
4766
4777
|
[H[`${le}--error`]]: v,
|
|
4767
|
-
[H[`${le}--success`]]:
|
|
4768
|
-
}), k = !(v && (
|
|
4778
|
+
[H[`${le}--success`]]: g
|
|
4779
|
+
}), k = !(v && (p || d)), f = () => h(!u);
|
|
4769
4780
|
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Me}`] }, /* @__PURE__ */ e.createElement(
|
|
4770
|
-
|
|
4781
|
+
kc,
|
|
4771
4782
|
{
|
|
4772
4783
|
title: v && c || _,
|
|
4773
4784
|
progressValue: r,
|
|
@@ -4776,11 +4787,11 @@ const ft = {
|
|
|
4776
4787
|
size: s
|
|
4777
4788
|
}
|
|
4778
4789
|
)), l === "error" && /* @__PURE__ */ e.createElement(
|
|
4779
|
-
|
|
4790
|
+
_a,
|
|
4780
4791
|
{
|
|
4781
4792
|
status: l,
|
|
4782
4793
|
onCloseButtonClick: d,
|
|
4783
|
-
onRetryButtonClick:
|
|
4794
|
+
onRetryButtonClick: p
|
|
4784
4795
|
}
|
|
4785
4796
|
))) : /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement(
|
|
4786
4797
|
"div",
|
|
@@ -4788,26 +4799,26 @@ const ft = {
|
|
|
4788
4799
|
className: H[`${le}__wrapper`],
|
|
4789
4800
|
onClick: f
|
|
4790
4801
|
},
|
|
4791
|
-
/* @__PURE__ */ e.createElement("div", { className: H[`${Me}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__icon`] },
|
|
4802
|
+
/* @__PURE__ */ e.createElement("div", { className: H[`${Me}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__icon`] }, Ec(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, v ? c : _)), k && /* @__PURE__ */ e.createElement(
|
|
4792
4803
|
"button",
|
|
4793
4804
|
{
|
|
4794
4805
|
className: H[`${Me}__collapse-button`],
|
|
4795
4806
|
type: "button",
|
|
4796
4807
|
onClick: f
|
|
4797
4808
|
},
|
|
4798
|
-
u ? /* @__PURE__ */ e.createElement(x, { source:
|
|
4809
|
+
u ? /* @__PURE__ */ e.createElement(x, { source: zt }) : /* @__PURE__ */ e.createElement(x, { source: Et })
|
|
4799
4810
|
), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${Me}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
4800
|
-
|
|
4811
|
+
_a,
|
|
4801
4812
|
{
|
|
4802
4813
|
status: l,
|
|
4803
4814
|
onCloseButtonClick: d,
|
|
4804
|
-
onRetryButtonClick:
|
|
4815
|
+
onRetryButtonClick: p
|
|
4805
4816
|
}
|
|
4806
4817
|
)))
|
|
4807
|
-
), /* @__PURE__ */ e.createElement(
|
|
4808
|
-
|
|
4818
|
+
), /* @__PURE__ */ e.createElement(ja, { component: null }, u && /* @__PURE__ */ e.createElement(
|
|
4819
|
+
Qa,
|
|
4809
4820
|
{
|
|
4810
|
-
timeout:
|
|
4821
|
+
timeout: yc,
|
|
4811
4822
|
classNames: {
|
|
4812
4823
|
enter: H[`${le}__files--enter`],
|
|
4813
4824
|
enterActive: H[`${le}__files--enter-active`],
|
|
@@ -4820,72 +4831,74 @@ const ft = {
|
|
|
4820
4831
|
)));
|
|
4821
4832
|
};
|
|
4822
4833
|
export {
|
|
4823
|
-
|
|
4824
|
-
|
|
4825
|
-
|
|
4826
|
-
|
|
4827
|
-
|
|
4828
|
-
|
|
4829
|
-
|
|
4834
|
+
vc as ANIMATION_TIME,
|
|
4835
|
+
Kc as ActionBar,
|
|
4836
|
+
Ur as ActionMenu,
|
|
4837
|
+
Yr as ActionMenuItem,
|
|
4838
|
+
Jc as Alert,
|
|
4839
|
+
C_ as Avatar,
|
|
4840
|
+
D_ as Badge,
|
|
4830
4841
|
G as Button,
|
|
4831
|
-
|
|
4832
|
-
|
|
4833
|
-
|
|
4834
|
-
|
|
4835
|
-
|
|
4836
|
-
|
|
4837
|
-
|
|
4838
|
-
|
|
4839
|
-
|
|
4840
|
-
|
|
4841
|
-
|
|
4842
|
-
|
|
4843
|
-
|
|
4844
|
-
|
|
4845
|
-
|
|
4846
|
-
|
|
4847
|
-
|
|
4842
|
+
Qc as Card,
|
|
4843
|
+
Zc as Checkbox,
|
|
4844
|
+
oo as DatePicker,
|
|
4845
|
+
Fc as DesignToken,
|
|
4846
|
+
Xc as DetailsCard,
|
|
4847
|
+
el as DetailsCardInfo,
|
|
4848
|
+
Gc as Display,
|
|
4849
|
+
yl as EmailTagInput,
|
|
4850
|
+
Gt as FieldDescription,
|
|
4851
|
+
fa as FieldError,
|
|
4852
|
+
tl as FieldGroup,
|
|
4853
|
+
kc as FileUploadProgress,
|
|
4854
|
+
_a as FileUploadProgressActions,
|
|
4855
|
+
al as Form,
|
|
4856
|
+
rl as FormField,
|
|
4857
|
+
_l as FormGroup,
|
|
4858
|
+
Je as Heading,
|
|
4848
4859
|
x as Icon,
|
|
4849
|
-
|
|
4850
|
-
|
|
4851
|
-
|
|
4852
|
-
|
|
4853
|
-
|
|
4854
|
-
|
|
4855
|
-
|
|
4856
|
-
|
|
4857
|
-
|
|
4858
|
-
|
|
4859
|
-
|
|
4860
|
-
|
|
4861
|
-
|
|
4862
|
-
|
|
4863
|
-
|
|
4864
|
-
|
|
4865
|
-
|
|
4866
|
-
|
|
4867
|
-
|
|
4868
|
-
|
|
4869
|
-
|
|
4870
|
-
|
|
4871
|
-
|
|
4872
|
-
|
|
4873
|
-
|
|
4874
|
-
|
|
4875
|
-
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
|
|
4880
|
-
|
|
4881
|
-
|
|
4860
|
+
Wc as Info,
|
|
4861
|
+
ol as Input,
|
|
4862
|
+
Vc as Interactive,
|
|
4863
|
+
cl as Link,
|
|
4864
|
+
ba as Loader,
|
|
4865
|
+
ll as Modal,
|
|
4866
|
+
ko as ModalBase,
|
|
4867
|
+
La as ModalCloseButton,
|
|
4868
|
+
sl as ModalHeader,
|
|
4869
|
+
nl as ModalPortal,
|
|
4870
|
+
il as NumericInput,
|
|
4871
|
+
dl as Picker,
|
|
4872
|
+
$o as PickerList,
|
|
4873
|
+
ul as Popover,
|
|
4874
|
+
zo as ProgressBar,
|
|
4875
|
+
Ho as ProgressCircle,
|
|
4876
|
+
ml as PromoBanner,
|
|
4877
|
+
pl as PromoBannerV2,
|
|
4878
|
+
gl as RadioButton,
|
|
4879
|
+
Lc as RadiusToken,
|
|
4880
|
+
lo as RangeDatePicker,
|
|
4881
|
+
qc as Reports,
|
|
4882
|
+
bl as SearchInput,
|
|
4883
|
+
jc as SegmentedControl,
|
|
4884
|
+
Mc as ShadowToken,
|
|
4885
|
+
Uc as Simple,
|
|
4886
|
+
Rc as SpacingToken,
|
|
4887
|
+
fl as Switch,
|
|
4888
|
+
vl as Tab,
|
|
4889
|
+
kl as TabsList,
|
|
4890
|
+
hl as TabsWrapper,
|
|
4891
|
+
rr as Tag,
|
|
4892
|
+
nc as TagInput,
|
|
4882
4893
|
M as Text,
|
|
4883
|
-
|
|
4884
|
-
|
|
4885
|
-
|
|
4886
|
-
|
|
4887
|
-
|
|
4888
|
-
|
|
4889
|
-
|
|
4890
|
-
|
|
4894
|
+
$l as Textarea,
|
|
4895
|
+
fc as Toast,
|
|
4896
|
+
El as ToastWrapper,
|
|
4897
|
+
er as Tooltip,
|
|
4898
|
+
Oc as TransitionDurationToken,
|
|
4899
|
+
Hc as TransitionTimingToken,
|
|
4900
|
+
wl as UploadBar,
|
|
4901
|
+
Yc as UserGuide,
|
|
4902
|
+
v_ as generateAvatarColor,
|
|
4903
|
+
zc as getDesignTokenWithOpacity
|
|
4891
4904
|
};
|