@livechat/design-system-react-components 1.11.0 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.d.ts +4 -0
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +1 -0
- package/dist/dsrc.cjs.js +1 -1
- package/dist/dsrc.es.js +1055 -1049
- package/dist/preview-stats.json +665 -659
- package/dist/style.css +1 -1
- package/package.json +2 -2
package/dist/dsrc.es.js
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
var kr = Object.defineProperty, yr = Object.defineProperties;
|
|
2
2
|
var Er = Object.getOwnPropertyDescriptors;
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
3
|
+
var wt = Object.getOwnPropertySymbols;
|
|
4
|
+
var ha = Object.prototype.hasOwnProperty, ka = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Vt = (t, a, r) => a in t ? kr(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
|
+
ha.call(a, r) && Vt(t, r, a[r]);
|
|
8
|
+
if (wt)
|
|
9
|
+
for (var r of wt(a))
|
|
10
|
+
ka.call(a, r) && Vt(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
},
|
|
12
|
+
}, D = (t, a) => yr(t, Er(a));
|
|
13
13
|
var I = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
16
|
-
|
|
17
|
-
if (t != null &&
|
|
18
|
-
for (var _ of
|
|
19
|
-
a.indexOf(_) < 0 &&
|
|
16
|
+
ha.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
|
|
17
|
+
if (t != null && wt)
|
|
18
|
+
for (var _ of wt(t))
|
|
19
|
+
a.indexOf(_) < 0 && ka.call(t, _) && (r[_] = t[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var Yt = (t, a, r) => (Vt(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import { useReducer as $r, useRef as wr, useEffect as
|
|
25
|
-
import { Close as
|
|
24
|
+
import { useReducer as $r, useRef as wr, useEffect as st, useCallback as Ct, useMemo as Nt } from "react";
|
|
25
|
+
import { Check as Gt, Close as Ne, ChevronLeft as Ua, ChevronDown as $t, Info as la, Warning as Wa, CheckCircle as Va, Block as Ya, Person as Cr, ChevronUp as Ut, DoubleArrowLeft as Nr, ChevronRight as ta, DoubleArrowRight as xr, VisibilityOn as Sr, VisibilityOff as Dr, Search as Tr, LockBlackFilled as Br, Refresh as Ar, Error as Ir } from "@livechat/design-system-icons";
|
|
26
26
|
import m from "clsx";
|
|
27
|
-
import { useFloating as
|
|
28
|
-
import
|
|
29
|
-
import { getContrast as
|
|
27
|
+
import { useFloating as na, offset as sa, flip as ia, autoUpdate as da, useClick as ua, useDismiss as ma, useRole as pa, useInteractions as ga, useTransitionStyles as qa, shift as Ka, arrow as Pr, useHover as Fr, safePolygon as Rr, useFocus as Mr, useTransitionStatus as Lr, FloatingArrow as Or, FloatingFocusManager as Hr } from "@floating-ui/react";
|
|
28
|
+
import Ja from "lodash.debounce";
|
|
29
|
+
import { getContrast as ba } from "polished";
|
|
30
30
|
import zr from "react-day-picker";
|
|
31
|
-
import { subMonths as
|
|
31
|
+
import { subMonths as nt, differenceInCalendarMonths as ya, addMonths as Ea, isSameMonth as aa, isSameDay as ra, isAfter as _a, differenceInCalendarDays as ja } from "date-fns";
|
|
32
32
|
import * as Gr from "react-dom";
|
|
33
33
|
import { cx as Ur } from "@emotion/css";
|
|
34
|
-
import
|
|
35
|
-
import { TransitionGroup as
|
|
34
|
+
import $a from "lodash.escape";
|
|
35
|
+
import { TransitionGroup as Qa, CSSTransition as Za } from "react-transition-group";
|
|
36
36
|
const Rc = {
|
|
37
37
|
Background: "--background",
|
|
38
38
|
Background01: "--background-01",
|
|
@@ -356,7 +356,7 @@ const Rc = {
|
|
|
356
356
|
}, zc = {
|
|
357
357
|
EaseIn: "--transition-timing-ease-in",
|
|
358
358
|
EaseOut: "--transition-timing-ease-out"
|
|
359
|
-
}, Gc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`,
|
|
359
|
+
}, Gc = (t, a) => `color-mix(in srgb, var(${t}) ${a}, transparent)`, G = {
|
|
360
360
|
esc: "Escape",
|
|
361
361
|
enter: "Enter",
|
|
362
362
|
backspace: "Backspace",
|
|
@@ -367,16 +367,96 @@ const Rc = {
|
|
|
367
367
|
comma: ",",
|
|
368
368
|
arrowUp: "ArrowUp",
|
|
369
369
|
arrowDown: "ArrowDown"
|
|
370
|
-
},
|
|
370
|
+
}, Wr = "lc-Icon-module__icon___tw31R", wa = {
|
|
371
|
+
icon: Wr,
|
|
372
|
+
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
373
|
+
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
374
|
+
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
375
|
+
"icon--inverted-subtle": "lc-Icon-module__icon--inverted-subtle___6UwBT",
|
|
376
|
+
"icon--link": "lc-Icon-module__icon--link___Jwkw9",
|
|
377
|
+
"icon--success": "lc-Icon-module__icon--success___MKdz3",
|
|
378
|
+
"icon--warning": "lc-Icon-module__icon--warning___5YCSW",
|
|
379
|
+
"icon--error": "lc-Icon-module__icon--error___CiJCD",
|
|
380
|
+
"icon--negative": "lc-Icon-module__icon--negative___vfgpo",
|
|
381
|
+
"icon--positive": "lc-Icon-module__icon--positive___ulUuj",
|
|
382
|
+
"icon--info": "lc-Icon-module__icon--info___Lfxfs",
|
|
383
|
+
"icon--action-primary": "lc-Icon-module__icon--action-primary___n5UhF",
|
|
384
|
+
"icon--action-negative": "lc-Icon-module__icon--action-negative___f1EPS",
|
|
385
|
+
"icon--action-positive": "lc-Icon-module__icon--action-positive___o-6Q-",
|
|
386
|
+
"icon--action-warning": "lc-Icon-module__icon--action-warning___zik06",
|
|
387
|
+
"icon--action-neutral": "lc-Icon-module__icon--action-neutral___sTHAF",
|
|
388
|
+
"icon--disabled--primary": "lc-Icon-module__icon--disabled--primary___E0nee",
|
|
389
|
+
"icon--disabled--subtle": "lc-Icon-module__icon--disabled--subtle___l-hK4",
|
|
390
|
+
"icon--disabled--inverted": "lc-Icon-module__icon--disabled--inverted___5SBAf",
|
|
391
|
+
"icon--disabled--inverted-subtle": "lc-Icon-module__icon--disabled--inverted-subtle___w-NBk",
|
|
392
|
+
"icon--disabled--link": "lc-Icon-module__icon--disabled--link___sVJOa",
|
|
393
|
+
"icon--disabled--success": "lc-Icon-module__icon--disabled--success___sG-7d",
|
|
394
|
+
"icon--disabled--warning": "lc-Icon-module__icon--disabled--warning___8ko1e",
|
|
395
|
+
"icon--disabled--error": "lc-Icon-module__icon--disabled--error___9KbVo",
|
|
396
|
+
"icon--disabled--negative": "lc-Icon-module__icon--disabled--negative___AzzCW",
|
|
397
|
+
"icon--disabled--positive": "lc-Icon-module__icon--disabled--positive___JelzZ",
|
|
398
|
+
"icon--disabled--info": "lc-Icon-module__icon--disabled--info___3xl-B",
|
|
399
|
+
"icon--disabled--action-primary": "lc-Icon-module__icon--disabled--action-primary___2k1TG",
|
|
400
|
+
"icon--disabled--action-negative": "lc-Icon-module__icon--disabled--action-negative___Oraj8",
|
|
401
|
+
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
402
|
+
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
403
|
+
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
404
|
+
}, Vr = {
|
|
405
|
+
xsmall: {
|
|
406
|
+
width: 12,
|
|
407
|
+
height: 12
|
|
408
|
+
},
|
|
409
|
+
small: {
|
|
410
|
+
width: 16,
|
|
411
|
+
height: 16
|
|
412
|
+
},
|
|
413
|
+
medium: {
|
|
414
|
+
width: 20,
|
|
415
|
+
height: 20
|
|
416
|
+
},
|
|
417
|
+
large: {
|
|
418
|
+
width: 24,
|
|
419
|
+
height: 24
|
|
420
|
+
},
|
|
421
|
+
xlarge: {
|
|
422
|
+
width: 32,
|
|
423
|
+
height: 32
|
|
424
|
+
}
|
|
425
|
+
}, Ca = "icon", x = (t) => {
|
|
426
|
+
const d = t, {
|
|
427
|
+
source: a,
|
|
428
|
+
size: r = "medium",
|
|
429
|
+
kind: _,
|
|
430
|
+
disabled: o,
|
|
431
|
+
className: c,
|
|
432
|
+
customColor: l
|
|
433
|
+
} = d, n = I(d, [
|
|
434
|
+
"source",
|
|
435
|
+
"size",
|
|
436
|
+
"kind",
|
|
437
|
+
"disabled",
|
|
438
|
+
"className",
|
|
439
|
+
"customColor"
|
|
440
|
+
]), s = e.createElement(a, D(y({}, Vr[r]), {
|
|
441
|
+
color: l
|
|
442
|
+
})), i = m(
|
|
443
|
+
c,
|
|
444
|
+
wa[Ca],
|
|
445
|
+
_ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
|
|
446
|
+
);
|
|
447
|
+
return /* @__PURE__ */ e.createElement("span", D(y({}, n), { className: i }), s);
|
|
448
|
+
}, ze = {
|
|
371
449
|
"action-menu": "lc-ActionMenu-module__action-menu___K2UwW",
|
|
372
450
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
373
451
|
"action-menu__list": "lc-ActionMenu-module__action-menu__list___9pNUX",
|
|
374
452
|
"action-menu__list__group-header": "lc-ActionMenu-module__action-menu__list__group-header___n-DTq",
|
|
375
453
|
"action-menu__list__item": "lc-ActionMenu-module__action-menu__list__item___n-OgH",
|
|
376
454
|
"action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
|
|
377
|
-
"action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8"
|
|
378
|
-
|
|
379
|
-
|
|
455
|
+
"action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8",
|
|
456
|
+
"action-menu__list__item--selected": "lc-ActionMenu-module__action-menu__list__item--selected___eevlJ",
|
|
457
|
+
"action-menu__list__item__icon": "lc-ActionMenu-module__action-menu__list__item__icon___o3ePo"
|
|
458
|
+
}, Ge = "action-menu", Yr = (f) => {
|
|
459
|
+
var g = f, {
|
|
380
460
|
className: t,
|
|
381
461
|
triggerClassName: a,
|
|
382
462
|
options: r,
|
|
@@ -388,8 +468,9 @@ const Rc = {
|
|
|
388
468
|
visible: s,
|
|
389
469
|
onClose: i,
|
|
390
470
|
onOpen: d,
|
|
391
|
-
floatingStrategy: p
|
|
392
|
-
|
|
471
|
+
floatingStrategy: p,
|
|
472
|
+
selectedOptions: u
|
|
473
|
+
} = g, h = I(g, [
|
|
393
474
|
"className",
|
|
394
475
|
"triggerClassName",
|
|
395
476
|
"options",
|
|
@@ -401,121 +482,124 @@ const Rc = {
|
|
|
401
482
|
"visible",
|
|
402
483
|
"onClose",
|
|
403
484
|
"onOpen",
|
|
404
|
-
"floatingStrategy"
|
|
485
|
+
"floatingStrategy",
|
|
486
|
+
"selectedOptions"
|
|
405
487
|
]);
|
|
406
|
-
const
|
|
407
|
-
|
|
408
|
-
}, { x:
|
|
409
|
-
middleware: [
|
|
488
|
+
const b = s !== void 0, [k, v] = e.useState(c), $ = e.useRef(-1), w = e.useRef(null), T = b ? s : k, E = () => {
|
|
489
|
+
T ? (i == null || i(), !b && v(!1)) : (d == null || d(), !b && v(!0));
|
|
490
|
+
}, { x: B, y: N, strategy: ue, refs: F, context: W } = na({
|
|
491
|
+
middleware: [sa(4), ia(n)],
|
|
410
492
|
placement: o,
|
|
411
|
-
open:
|
|
493
|
+
open: T,
|
|
412
494
|
strategy: p,
|
|
413
|
-
onOpenChange:
|
|
414
|
-
whileElementsMounted:
|
|
415
|
-
}),
|
|
416
|
-
enabled:
|
|
417
|
-
}),
|
|
418
|
-
q,
|
|
495
|
+
onOpenChange: E,
|
|
496
|
+
whileElementsMounted: da
|
|
497
|
+
}), re = ua(W), Ae = ma(W, {
|
|
498
|
+
enabled: T
|
|
499
|
+
}), Ie = pa(W), { getReferenceProps: xe, getFloatingProps: He } = ga([
|
|
419
500
|
re,
|
|
420
|
-
Ae
|
|
421
|
-
|
|
422
|
-
|
|
501
|
+
Ae,
|
|
502
|
+
Ie
|
|
503
|
+
]), { styles: Ve } = qa(W, {
|
|
504
|
+
initial: ({ side: A }) => y({
|
|
423
505
|
opacity: 0
|
|
424
|
-
},
|
|
506
|
+
}, A === "bottom" && {
|
|
425
507
|
marginTop: -10
|
|
426
|
-
} ||
|
|
508
|
+
} || A === "top" && {
|
|
427
509
|
marginTop: 10
|
|
428
|
-
} ||
|
|
510
|
+
} || A === "left" && {
|
|
429
511
|
marginLeft: 10
|
|
430
|
-
} ||
|
|
512
|
+
} || A === "right" && {
|
|
431
513
|
marginLeft: -10
|
|
432
514
|
})
|
|
433
|
-
}),
|
|
434
|
-
var
|
|
435
|
-
const
|
|
436
|
-
let
|
|
437
|
-
for (; (
|
|
438
|
-
if (
|
|
439
|
-
|
|
515
|
+
}), Ye = (A) => {
|
|
516
|
+
var _e, qe;
|
|
517
|
+
const J = $.current;
|
|
518
|
+
let X = J + A;
|
|
519
|
+
for (; (_e = r[X]) != null && _e.disabled || (qe = r[X]) != null && qe.groupHeader; )
|
|
520
|
+
if (X += A, X === -1) {
|
|
521
|
+
X = J;
|
|
440
522
|
break;
|
|
441
523
|
}
|
|
442
|
-
return
|
|
443
|
-
},
|
|
444
|
-
var
|
|
445
|
-
|
|
446
|
-
const
|
|
447
|
-
return
|
|
448
|
-
},
|
|
449
|
-
|
|
524
|
+
return X;
|
|
525
|
+
}, R = (A) => {
|
|
526
|
+
var _e, qe;
|
|
527
|
+
$.current = Ye(A);
|
|
528
|
+
const J = (_e = w.current) == null ? void 0 : _e.children, X = J && ((qe = J[$.current]) == null ? void 0 : qe.children[0]);
|
|
529
|
+
return X == null ? void 0 : X.focus();
|
|
530
|
+
}, z = (A) => {
|
|
531
|
+
A.key === G.arrowUp && $.current > 0 && (A.preventDefault(), R(-1)), A.key === G.arrowDown && $.current + 1 < r.length && (A.preventDefault(), R(1));
|
|
450
532
|
};
|
|
451
533
|
e.useEffect(() => {
|
|
452
|
-
if (
|
|
453
|
-
return document.addEventListener("keydown",
|
|
454
|
-
|
|
455
|
-
}, [
|
|
456
|
-
const
|
|
457
|
-
|
|
458
|
-
},
|
|
534
|
+
if (T)
|
|
535
|
+
return document.addEventListener("keydown", z), () => document.removeEventListener("keydown", z);
|
|
536
|
+
$.current = -1;
|
|
537
|
+
}, [T, z]);
|
|
538
|
+
const K = (A, J) => {
|
|
539
|
+
$.current = A, J == null || J(), !b && !l && (v(!1), i == null || i());
|
|
540
|
+
}, me = (A, J) => A.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
459
541
|
"li",
|
|
460
542
|
{
|
|
461
|
-
key:
|
|
543
|
+
key: A.key,
|
|
462
544
|
role: "none",
|
|
463
|
-
className:
|
|
545
|
+
className: ze[`${Ge}__list__group-header`]
|
|
464
546
|
},
|
|
465
|
-
|
|
466
|
-
) : /* @__PURE__ */ e.createElement("li", { key:
|
|
547
|
+
A.element
|
|
548
|
+
) : /* @__PURE__ */ e.createElement("li", { key: A.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
467
549
|
"button",
|
|
468
550
|
{
|
|
469
|
-
"data-testid":
|
|
551
|
+
"data-testid": A.key,
|
|
470
552
|
tabIndex: -1,
|
|
471
|
-
key:
|
|
472
|
-
disabled:
|
|
473
|
-
onClick: () =>
|
|
553
|
+
key: A.key,
|
|
554
|
+
disabled: A.disabled,
|
|
555
|
+
onClick: () => K(J, A.onClick),
|
|
474
556
|
role: "menuitem",
|
|
475
|
-
className: m(
|
|
476
|
-
[
|
|
477
|
-
[
|
|
557
|
+
className: m(ze[`${Ge}__list__item`], {
|
|
558
|
+
[ze[`${Ge}__list__item--disabled`]]: A.disabled,
|
|
559
|
+
[ze[`${Ge}__list__item--with-divider`]]: A.withDivider,
|
|
560
|
+
[ze[`${Ge}__list__item--selected`]]: u == null ? void 0 : u.includes(A.key)
|
|
478
561
|
})
|
|
479
562
|
},
|
|
480
|
-
|
|
563
|
+
A.element,
|
|
564
|
+
(u == null ? void 0 : u.includes(A.key)) && /* @__PURE__ */ e.createElement("div", { className: ze[`${Ge}__list__item__icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt, kind: "action-primary" }))
|
|
481
565
|
));
|
|
482
566
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
483
567
|
"div",
|
|
484
|
-
|
|
568
|
+
D(y({
|
|
485
569
|
"data-testid": "action-menu-trigger-button",
|
|
486
|
-
ref:
|
|
487
|
-
},
|
|
570
|
+
ref: F.setReference
|
|
571
|
+
}, xe()), {
|
|
488
572
|
className: a
|
|
489
573
|
}),
|
|
490
574
|
_
|
|
491
|
-
),
|
|
575
|
+
), T && /* @__PURE__ */ e.createElement(
|
|
492
576
|
"div",
|
|
493
577
|
y({
|
|
494
|
-
ref:
|
|
495
|
-
className:
|
|
578
|
+
ref: F.setFloating,
|
|
579
|
+
className: ze[Ge],
|
|
496
580
|
style: y({
|
|
497
|
-
position:
|
|
498
|
-
top:
|
|
499
|
-
left:
|
|
500
|
-
},
|
|
501
|
-
},
|
|
581
|
+
position: ue,
|
|
582
|
+
top: N != null ? N : "",
|
|
583
|
+
left: B != null ? B : ""
|
|
584
|
+
}, Ve)
|
|
585
|
+
}, He()),
|
|
502
586
|
/* @__PURE__ */ e.createElement(
|
|
503
587
|
"ul",
|
|
504
|
-
|
|
505
|
-
className: m(
|
|
588
|
+
D(y({}, h), {
|
|
589
|
+
className: m(ze[`${Ge}__list`], t),
|
|
506
590
|
role: "menu",
|
|
507
|
-
ref:
|
|
591
|
+
ref: w
|
|
508
592
|
}),
|
|
509
|
-
r.map(
|
|
593
|
+
r.map(me)
|
|
510
594
|
)
|
|
511
595
|
));
|
|
512
|
-
},
|
|
596
|
+
}, qr = "lc-Typography-module__caps___c3eNJ", lt = {
|
|
513
597
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
514
598
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
515
599
|
"heading-md": "lc-Typography-module__heading-md___wHOIs",
|
|
516
600
|
"heading-sm": "lc-Typography-module__heading-sm___nBmTV",
|
|
517
601
|
"heading-xs": "lc-Typography-module__heading-xs___VcZBs",
|
|
518
|
-
caps:
|
|
602
|
+
caps: qr,
|
|
519
603
|
"caps--bold": "lc-Typography-module__caps--bold___OZovw",
|
|
520
604
|
"paragraph-md": "lc-Typography-module__paragraph-md___UGoqq",
|
|
521
605
|
"paragraph-md--bold": "lc-Typography-module__paragraph-md--bold___mWcMG",
|
|
@@ -527,13 +611,13 @@ const Rc = {
|
|
|
527
611
|
"paragraph-xs--bold": "lc-Typography-module__paragraph-xs--bold___z7om7",
|
|
528
612
|
"display-md": "lc-Typography-module__display-md___7eFCF",
|
|
529
613
|
"display-sm": "lc-Typography-module__display-sm___kfNES"
|
|
530
|
-
},
|
|
614
|
+
}, Kr = {
|
|
531
615
|
xl: "h1",
|
|
532
616
|
lg: "h2",
|
|
533
617
|
md: "h3",
|
|
534
618
|
sm: "h4",
|
|
535
619
|
xs: "h5"
|
|
536
|
-
},
|
|
620
|
+
}, Ze = (c) => {
|
|
537
621
|
var l = c, {
|
|
538
622
|
as: t,
|
|
539
623
|
size: a = "md",
|
|
@@ -546,8 +630,8 @@ const Rc = {
|
|
|
546
630
|
"className"
|
|
547
631
|
]);
|
|
548
632
|
return e.createElement(
|
|
549
|
-
t ||
|
|
550
|
-
y({ className: m(
|
|
633
|
+
t || Kr[a],
|
|
634
|
+
y({ className: m(lt[`heading-${a}`], _) }, o),
|
|
551
635
|
r
|
|
552
636
|
);
|
|
553
637
|
}, M = (i) => {
|
|
@@ -576,10 +660,10 @@ const Rc = {
|
|
|
576
660
|
y({
|
|
577
661
|
className: m(
|
|
578
662
|
{
|
|
579
|
-
[
|
|
580
|
-
[
|
|
581
|
-
[
|
|
582
|
-
[
|
|
663
|
+
[lt[`${p}`]]: !0,
|
|
664
|
+
[lt[`${p}--bold`]]: _,
|
|
665
|
+
[lt[`${p}--strike`]]: c,
|
|
666
|
+
[lt[`${p}--underline`]]: o
|
|
583
667
|
},
|
|
584
668
|
n
|
|
585
669
|
)
|
|
@@ -600,49 +684,49 @@ const Rc = {
|
|
|
600
684
|
]);
|
|
601
685
|
return e.createElement(
|
|
602
686
|
t,
|
|
603
|
-
y({ className: m(
|
|
687
|
+
y({ className: m(lt[`display-${a}`], _) }, o),
|
|
604
688
|
r
|
|
605
689
|
);
|
|
606
|
-
},
|
|
690
|
+
}, it = {
|
|
607
691
|
"action-menu-item": "lc-ActionMenuItem-module__action-menu-item___cT70J",
|
|
608
692
|
"action-menu-item__left-node": "lc-ActionMenuItem-module__action-menu-item__left-node___3R-o1",
|
|
609
693
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
610
694
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
611
695
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
612
|
-
},
|
|
696
|
+
}, dt = "action-menu-item", Jr = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
613
697
|
"div",
|
|
614
698
|
{
|
|
615
|
-
className: m(
|
|
616
|
-
[
|
|
699
|
+
className: m(it[dt], {
|
|
700
|
+
[it[`${dt}--warning`]]: _ === "warning"
|
|
617
701
|
})
|
|
618
702
|
},
|
|
619
|
-
t && /* @__PURE__ */ e.createElement("div", { className:
|
|
620
|
-
/* @__PURE__ */ e.createElement(M, { as: "div", className:
|
|
621
|
-
a && /* @__PURE__ */ e.createElement("div", { className:
|
|
622
|
-
),
|
|
623
|
-
loader:
|
|
624
|
-
loader__spinner:
|
|
703
|
+
t && /* @__PURE__ */ e.createElement("div", { className: it[`${dt}__left-node`] }, t),
|
|
704
|
+
/* @__PURE__ */ e.createElement(M, { as: "div", className: it[`${dt}__label`] }, r),
|
|
705
|
+
a && /* @__PURE__ */ e.createElement("div", { className: it[`${dt}__right-node`] }, a)
|
|
706
|
+
), jr = "lc-Loader-module__loader___LRflD", Qr = "lc-Loader-module__loader__spinner___l3C1g", Zr = "lc-Loader-module__rotate___Tlni-", Xr = "lc-Loader-module__loader__label___R74f6", ut = {
|
|
707
|
+
loader: jr,
|
|
708
|
+
loader__spinner: Qr,
|
|
625
709
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
626
710
|
"loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
|
|
627
711
|
"loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
|
|
628
712
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
629
|
-
rotate:
|
|
630
|
-
loader__label:
|
|
631
|
-
},
|
|
713
|
+
rotate: Zr,
|
|
714
|
+
loader__label: Xr
|
|
715
|
+
}, Xa = "loader", Na = `${Xa}__spinner`, fa = ({
|
|
632
716
|
primaryColor: t,
|
|
633
717
|
secondaryColor: a,
|
|
634
718
|
label: r,
|
|
635
719
|
className: _,
|
|
636
720
|
size: o = "medium"
|
|
637
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: m(
|
|
721
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(ut[Xa], _) }, /* @__PURE__ */ e.createElement(
|
|
638
722
|
"div",
|
|
639
723
|
{
|
|
640
|
-
className: m(
|
|
724
|
+
className: m(ut[Na], ut[`${Na}--${o}`])
|
|
641
725
|
},
|
|
642
726
|
/* @__PURE__ */ e.createElement(
|
|
643
727
|
"div",
|
|
644
728
|
{
|
|
645
|
-
className:
|
|
729
|
+
className: ut["loader__spinner-circle"],
|
|
646
730
|
style: {
|
|
647
731
|
/* stylelint-disable */
|
|
648
732
|
borderColor: a,
|
|
@@ -650,7 +734,7 @@ const Rc = {
|
|
|
650
734
|
}
|
|
651
735
|
}
|
|
652
736
|
)
|
|
653
|
-
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className:
|
|
737
|
+
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: ut.loader__label }, r)), e_ = (t) => {
|
|
654
738
|
if (t === "primary" || t === "destructive")
|
|
655
739
|
return {
|
|
656
740
|
primaryColor: "var(--action-primary-default)",
|
|
@@ -661,8 +745,8 @@ const Rc = {
|
|
|
661
745
|
primaryColor: "var(--content-invert-primary)",
|
|
662
746
|
secondaryColor: "var(--surface-invert-secondary)"
|
|
663
747
|
};
|
|
664
|
-
},
|
|
665
|
-
btn:
|
|
748
|
+
}, t_ = "lc-Button-module__btn___aijZJ", a_ = "lc-Button-module__btn__loader___c8zZz", r_ = "lc-Button-module__btn__icon___GVExB", pe = {
|
|
749
|
+
btn: t_,
|
|
666
750
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
667
751
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
668
752
|
"btn--compact": "lc-Button-module__btn--compact___4eptQ",
|
|
@@ -682,13 +766,13 @@ const Rc = {
|
|
|
682
766
|
"btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
|
|
683
767
|
"btn--high-contrast": "lc-Button-module__btn--high-contrast___zHSVM",
|
|
684
768
|
"btn--loading": "lc-Button-module__btn--loading___ZAgjv",
|
|
685
|
-
btn__loader:
|
|
686
|
-
btn__icon:
|
|
769
|
+
btn__loader: a_,
|
|
770
|
+
btn__icon: r_,
|
|
687
771
|
"btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
|
|
688
772
|
"btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
|
|
689
773
|
"btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
|
|
690
|
-
},
|
|
691
|
-
(g,
|
|
774
|
+
}, ge = "btn", U = e.forwardRef(
|
|
775
|
+
(g, f) => {
|
|
692
776
|
var b = g, {
|
|
693
777
|
loading: t = !1,
|
|
694
778
|
disabled: a = !1,
|
|
@@ -718,127 +802,49 @@ const Rc = {
|
|
|
718
802
|
"href",
|
|
719
803
|
"onClick"
|
|
720
804
|
]);
|
|
721
|
-
const k = t || a,
|
|
805
|
+
const k = t || a, v = !d && l, $ = ["text", "link", "link-light"].includes(o), w = p ? "a" : "button", T = m(
|
|
722
806
|
i,
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
807
|
+
pe[ge],
|
|
808
|
+
pe[`${ge}--${o}`],
|
|
809
|
+
pe[`${ge}--${c}`],
|
|
726
810
|
{
|
|
727
|
-
[
|
|
728
|
-
[
|
|
729
|
-
[
|
|
730
|
-
[
|
|
731
|
-
[
|
|
811
|
+
[pe[`${ge}--loading`]]: t,
|
|
812
|
+
[pe[`${ge}--full-width`]]: _,
|
|
813
|
+
[pe[`${ge}--icon-only`]]: v,
|
|
814
|
+
[pe[`${ge}--icon-only--bg`]]: v && $,
|
|
815
|
+
[pe[`${ge}--disabled`]]: k
|
|
732
816
|
}
|
|
733
817
|
);
|
|
734
818
|
return /* @__PURE__ */ e.createElement(
|
|
735
819
|
w,
|
|
736
820
|
y(y({
|
|
737
|
-
ref:
|
|
738
|
-
className:
|
|
821
|
+
ref: f,
|
|
822
|
+
className: T,
|
|
739
823
|
"aria-disabled": k,
|
|
740
824
|
type: r,
|
|
741
825
|
disabled: k
|
|
742
826
|
}, !k && { href: p, onClick: u }), h),
|
|
743
827
|
t && /* @__PURE__ */ e.createElement(
|
|
744
|
-
|
|
828
|
+
fa,
|
|
745
829
|
y({
|
|
746
830
|
size: "small",
|
|
747
831
|
label: s,
|
|
748
|
-
className:
|
|
749
|
-
},
|
|
832
|
+
className: pe[`${ge}__loader`]
|
|
833
|
+
}, e_(o))
|
|
750
834
|
),
|
|
751
835
|
l && e.cloneElement(l, {
|
|
752
836
|
className: m(
|
|
753
837
|
l.props.className,
|
|
754
|
-
|
|
755
|
-
|
|
838
|
+
pe[`${ge}__icon`],
|
|
839
|
+
pe[`${ge}__icon--${n}`]
|
|
756
840
|
),
|
|
757
841
|
disabled: a
|
|
758
842
|
}),
|
|
759
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
843
|
+
/* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, d)
|
|
760
844
|
);
|
|
761
845
|
}
|
|
762
|
-
)
|
|
763
|
-
|
|
764
|
-
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
765
|
-
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
766
|
-
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
767
|
-
"icon--inverted-subtle": "lc-Icon-module__icon--inverted-subtle___6UwBT",
|
|
768
|
-
"icon--link": "lc-Icon-module__icon--link___Jwkw9",
|
|
769
|
-
"icon--success": "lc-Icon-module__icon--success___MKdz3",
|
|
770
|
-
"icon--warning": "lc-Icon-module__icon--warning___5YCSW",
|
|
771
|
-
"icon--error": "lc-Icon-module__icon--error___CiJCD",
|
|
772
|
-
"icon--negative": "lc-Icon-module__icon--negative___vfgpo",
|
|
773
|
-
"icon--positive": "lc-Icon-module__icon--positive___ulUuj",
|
|
774
|
-
"icon--info": "lc-Icon-module__icon--info___Lfxfs",
|
|
775
|
-
"icon--action-primary": "lc-Icon-module__icon--action-primary___n5UhF",
|
|
776
|
-
"icon--action-negative": "lc-Icon-module__icon--action-negative___f1EPS",
|
|
777
|
-
"icon--action-positive": "lc-Icon-module__icon--action-positive___o-6Q-",
|
|
778
|
-
"icon--action-warning": "lc-Icon-module__icon--action-warning___zik06",
|
|
779
|
-
"icon--action-neutral": "lc-Icon-module__icon--action-neutral___sTHAF",
|
|
780
|
-
"icon--disabled--primary": "lc-Icon-module__icon--disabled--primary___E0nee",
|
|
781
|
-
"icon--disabled--subtle": "lc-Icon-module__icon--disabled--subtle___l-hK4",
|
|
782
|
-
"icon--disabled--inverted": "lc-Icon-module__icon--disabled--inverted___5SBAf",
|
|
783
|
-
"icon--disabled--inverted-subtle": "lc-Icon-module__icon--disabled--inverted-subtle___w-NBk",
|
|
784
|
-
"icon--disabled--link": "lc-Icon-module__icon--disabled--link___sVJOa",
|
|
785
|
-
"icon--disabled--success": "lc-Icon-module__icon--disabled--success___sG-7d",
|
|
786
|
-
"icon--disabled--warning": "lc-Icon-module__icon--disabled--warning___8ko1e",
|
|
787
|
-
"icon--disabled--error": "lc-Icon-module__icon--disabled--error___9KbVo",
|
|
788
|
-
"icon--disabled--negative": "lc-Icon-module__icon--disabled--negative___AzzCW",
|
|
789
|
-
"icon--disabled--positive": "lc-Icon-module__icon--disabled--positive___JelzZ",
|
|
790
|
-
"icon--disabled--info": "lc-Icon-module__icon--disabled--info___3xl-B",
|
|
791
|
-
"icon--disabled--action-primary": "lc-Icon-module__icon--disabled--action-primary___2k1TG",
|
|
792
|
-
"icon--disabled--action-negative": "lc-Icon-module__icon--disabled--action-negative___Oraj8",
|
|
793
|
-
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
794
|
-
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
795
|
-
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
796
|
-
}, r_ = {
|
|
797
|
-
xsmall: {
|
|
798
|
-
width: 12,
|
|
799
|
-
height: 12
|
|
800
|
-
},
|
|
801
|
-
small: {
|
|
802
|
-
width: 16,
|
|
803
|
-
height: 16
|
|
804
|
-
},
|
|
805
|
-
medium: {
|
|
806
|
-
width: 20,
|
|
807
|
-
height: 20
|
|
808
|
-
},
|
|
809
|
-
large: {
|
|
810
|
-
width: 24,
|
|
811
|
-
height: 24
|
|
812
|
-
},
|
|
813
|
-
xlarge: {
|
|
814
|
-
width: 32,
|
|
815
|
-
height: 32
|
|
816
|
-
}
|
|
817
|
-
}, Ca = "icon", S = (t) => {
|
|
818
|
-
const d = t, {
|
|
819
|
-
source: a,
|
|
820
|
-
size: r = "medium",
|
|
821
|
-
kind: _,
|
|
822
|
-
disabled: o,
|
|
823
|
-
className: c,
|
|
824
|
-
customColor: l
|
|
825
|
-
} = d, n = I(d, [
|
|
826
|
-
"source",
|
|
827
|
-
"size",
|
|
828
|
-
"kind",
|
|
829
|
-
"disabled",
|
|
830
|
-
"className",
|
|
831
|
-
"customColor"
|
|
832
|
-
]), s = e.createElement(a, T(y({}, r_[r]), {
|
|
833
|
-
color: l
|
|
834
|
-
})), i = m(
|
|
835
|
-
c,
|
|
836
|
-
wa[Ca],
|
|
837
|
-
_ && wa[`${Ca}--${o ? "disabled--" : ""}${_}`]
|
|
838
|
-
);
|
|
839
|
-
return /* @__PURE__ */ e.createElement("span", T(y({}, n), { className: i }), s);
|
|
840
|
-
};
|
|
841
|
-
function Xa(t) {
|
|
846
|
+
);
|
|
847
|
+
function er(t) {
|
|
842
848
|
switch (t) {
|
|
843
849
|
case "invert":
|
|
844
850
|
return "inverted";
|
|
@@ -886,7 +892,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
886
892
|
"reports-tooltip__heading__title": "lc-Tooltip-module__reports-tooltip__heading__title___6TlzE",
|
|
887
893
|
"reports-tooltip__heading__description": "lc-Tooltip-module__reports-tooltip__heading__description___eOQnc",
|
|
888
894
|
"reports-tooltip__content": "lc-Tooltip-module__reports-tooltip__content___jxis9"
|
|
889
|
-
},
|
|
895
|
+
}, xt = "tooltip", tr = ({
|
|
890
896
|
children: t,
|
|
891
897
|
className: a,
|
|
892
898
|
triggerClassName: r,
|
|
@@ -901,61 +907,61 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
901
907
|
withFadeAnimation: p = !0,
|
|
902
908
|
transitionDuration: u = 200,
|
|
903
909
|
hoverOnDuration: h,
|
|
904
|
-
hoverOffDuration:
|
|
910
|
+
hoverOffDuration: f,
|
|
905
911
|
transitionDelay: g = 0,
|
|
906
912
|
hoverOnDelay: b,
|
|
907
913
|
hoverOffDelay: k,
|
|
908
|
-
triggerOnClick:
|
|
914
|
+
triggerOnClick: v = !1,
|
|
909
915
|
offsetMainAxis: $ = 8,
|
|
910
916
|
referenceElement: w,
|
|
911
|
-
activationThreshold:
|
|
917
|
+
activationThreshold: T = 0,
|
|
912
918
|
useDismissHookProps: E,
|
|
913
919
|
useClickHookProps: B,
|
|
914
|
-
hoverOutDelayTimeout:
|
|
915
|
-
arrowOffsetY:
|
|
916
|
-
arrowOffsetX:
|
|
917
|
-
closeOnTriggerBlur:
|
|
920
|
+
hoverOutDelayTimeout: N = 100,
|
|
921
|
+
arrowOffsetY: ue,
|
|
922
|
+
arrowOffsetX: F,
|
|
923
|
+
closeOnTriggerBlur: W = !1,
|
|
918
924
|
floatingStrategy: re
|
|
919
925
|
}) => {
|
|
920
|
-
const Ae = n !== void 0, [Ie,
|
|
921
|
-
C[
|
|
926
|
+
const Ae = n !== void 0, [Ie, xe] = e.useState(!1), He = e.useRef(null), Ve = Ae ? n : Ie, Ye = c || o, R = m(
|
|
927
|
+
C[xt],
|
|
922
928
|
a,
|
|
923
|
-
|
|
924
|
-
s && C[`${
|
|
925
|
-
),
|
|
926
|
-
|
|
927
|
-
},
|
|
928
|
-
floatingStyles:
|
|
929
|
-
refs:
|
|
929
|
+
Ye && C[`${xt}--${Ye}`],
|
|
930
|
+
s && C[`${xt}--full-space`]
|
|
931
|
+
), z = typeof _ == "function", K = (ve) => {
|
|
932
|
+
ve !== Ve && (ve ? d == null || d() : i == null || i(), !Ae && xe(ve));
|
|
933
|
+
}, me = (ve) => p ? ve != null ? ve : u : 0, A = (ve) => ve != null ? ve : g, {
|
|
934
|
+
floatingStyles: J,
|
|
935
|
+
refs: X,
|
|
930
936
|
context: _e,
|
|
931
|
-
middlewareData: { arrow: { x:
|
|
932
|
-
} =
|
|
937
|
+
middlewareData: { arrow: { x: qe, y: sr } = {} }
|
|
938
|
+
} = na({
|
|
933
939
|
middleware: [
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
940
|
+
sa({ mainAxis: $ }),
|
|
941
|
+
Ka(),
|
|
942
|
+
ia(),
|
|
937
943
|
Pr({ element: He })
|
|
938
944
|
],
|
|
939
945
|
placement: l,
|
|
940
|
-
open:
|
|
946
|
+
open: Ve,
|
|
941
947
|
strategy: re,
|
|
942
948
|
onOpenChange: K,
|
|
943
|
-
whileElementsMounted:
|
|
949
|
+
whileElementsMounted: da
|
|
944
950
|
}), ir = Fr(_e, {
|
|
945
951
|
move: !1,
|
|
946
|
-
restMs:
|
|
952
|
+
restMs: T,
|
|
947
953
|
delay: {
|
|
948
|
-
open:
|
|
949
|
-
close:
|
|
954
|
+
open: A(b),
|
|
955
|
+
close: A(k || N)
|
|
950
956
|
},
|
|
951
|
-
enabled: !
|
|
952
|
-
handleClose:
|
|
953
|
-
}), dr = Mr(_e), ur =
|
|
957
|
+
enabled: !v,
|
|
958
|
+
handleClose: W ? null : Rr()
|
|
959
|
+
}), dr = Mr(_e), ur = ma(_e, E), mr = pa(_e, { role: "tooltip" }), pr = ua(_e, B), { isMounted: gr, styles: br } = qa(_e, {
|
|
954
960
|
duration: {
|
|
955
|
-
open:
|
|
956
|
-
close:
|
|
961
|
+
open: me(h),
|
|
962
|
+
close: me(f)
|
|
957
963
|
}
|
|
958
|
-
}), { status: fr } = Lr(_e), { getReferenceProps: vr, getFloatingProps: hr } =
|
|
964
|
+
}), { status: fr } = Lr(_e), { getReferenceProps: vr, getFloatingProps: hr } = ga([
|
|
959
965
|
ir,
|
|
960
966
|
dr,
|
|
961
967
|
ur,
|
|
@@ -963,20 +969,20 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
963
969
|
pr
|
|
964
970
|
]);
|
|
965
971
|
return e.useEffect(() => {
|
|
966
|
-
w &&
|
|
967
|
-
}, [
|
|
972
|
+
w && X.setReference(w);
|
|
973
|
+
}, [X.setReference, w]), /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
968
974
|
"div",
|
|
969
|
-
|
|
970
|
-
ref:
|
|
975
|
+
D(y({
|
|
976
|
+
ref: X.setReference
|
|
971
977
|
}, vr()), {
|
|
972
978
|
className: r
|
|
973
979
|
}),
|
|
974
|
-
|
|
980
|
+
z ? _() : _
|
|
975
981
|
), gr && /* @__PURE__ */ e.createElement(
|
|
976
982
|
"div",
|
|
977
|
-
|
|
978
|
-
ref:
|
|
979
|
-
style: y(y({},
|
|
983
|
+
D(y({
|
|
984
|
+
ref: X.setFloating,
|
|
985
|
+
style: y(y({}, J), br),
|
|
980
986
|
className: R
|
|
981
987
|
}, hr()), {
|
|
982
988
|
"data-status": fr
|
|
@@ -985,26 +991,26 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
985
991
|
/* @__PURE__ */ e.createElement(
|
|
986
992
|
Or,
|
|
987
993
|
{
|
|
988
|
-
className: C[`${
|
|
994
|
+
className: C[`${xt}__arrow`],
|
|
989
995
|
ref: He,
|
|
990
996
|
context: _e,
|
|
991
|
-
style: __(
|
|
997
|
+
style: __(ue, F, sr, qe)
|
|
992
998
|
}
|
|
993
999
|
)
|
|
994
1000
|
));
|
|
995
|
-
}, Wc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t),
|
|
1001
|
+
}, Wc = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), mt = "tooltip", Vc = ({ className: t, header: a, text: r, closeWithX: _, theme: o, handleCloseAction: c }) => /* @__PURE__ */ e.createElement("div", { className: t }, _ && /* @__PURE__ */ e.createElement(
|
|
996
1002
|
"button",
|
|
997
1003
|
{
|
|
998
|
-
className: C[`${
|
|
1004
|
+
className: C[`${mt}-close`],
|
|
999
1005
|
onClick: c
|
|
1000
1006
|
},
|
|
1001
|
-
/* @__PURE__ */ e.createElement(
|
|
1007
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? er(o) : "primary" })
|
|
1002
1008
|
), a && /* @__PURE__ */ e.createElement(
|
|
1003
1009
|
"div",
|
|
1004
1010
|
{
|
|
1005
1011
|
className: m(
|
|
1006
|
-
C[`${
|
|
1007
|
-
C[`${
|
|
1012
|
+
C[`${mt}-header`],
|
|
1013
|
+
C[`${mt}-header--info`]
|
|
1008
1014
|
)
|
|
1009
1015
|
},
|
|
1010
1016
|
a
|
|
@@ -1012,8 +1018,8 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1012
1018
|
"div",
|
|
1013
1019
|
{
|
|
1014
1020
|
className: m(
|
|
1015
|
-
C[`${
|
|
1016
|
-
C[`${
|
|
1021
|
+
C[`${mt}-text`],
|
|
1022
|
+
C[`${mt}-text--info`]
|
|
1017
1023
|
)
|
|
1018
1024
|
},
|
|
1019
1025
|
r
|
|
@@ -1034,7 +1040,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1034
1040
|
className: C[`${Se}-close`],
|
|
1035
1041
|
onClick: c
|
|
1036
1042
|
},
|
|
1037
|
-
/* @__PURE__ */ e.createElement(
|
|
1043
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, kind: o ? er(o) : "primary" })
|
|
1038
1044
|
), r && /* @__PURE__ */ e.createElement("div", { className: C[`${Se}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
1039
1045
|
"img",
|
|
1040
1046
|
{
|
|
@@ -1051,7 +1057,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1051
1057
|
)
|
|
1052
1058
|
},
|
|
1053
1059
|
/* @__PURE__ */ e.createElement(
|
|
1054
|
-
|
|
1060
|
+
U,
|
|
1055
1061
|
{
|
|
1056
1062
|
kind: l.kind || s(o),
|
|
1057
1063
|
onClick: l.handleClick
|
|
@@ -1059,7 +1065,7 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1059
1065
|
l.label
|
|
1060
1066
|
),
|
|
1061
1067
|
/* @__PURE__ */ e.createElement(
|
|
1062
|
-
|
|
1068
|
+
U,
|
|
1063
1069
|
{
|
|
1064
1070
|
className: m(C[`${Se}-footer-secondary`], {
|
|
1065
1071
|
[C[`${Se}-footer-secondary-invert`]]: o === "invert"
|
|
@@ -1159,8 +1165,8 @@ const o_ = "lc-Tooltip-module__tooltip___QOOAr", c_ = "lc-Tooltip-module__toolti
|
|
|
1159
1165
|
};
|
|
1160
1166
|
class s_ {
|
|
1161
1167
|
constructor(a, r) {
|
|
1162
|
-
|
|
1163
|
-
|
|
1168
|
+
Yt(this, "element");
|
|
1169
|
+
Yt(this, "padding");
|
|
1164
1170
|
this.element = a, this.padding = r;
|
|
1165
1171
|
}
|
|
1166
1172
|
addPadding(a) {
|
|
@@ -1186,7 +1192,7 @@ class s_ {
|
|
|
1186
1192
|
return this.getBoundingClientRect().height;
|
|
1187
1193
|
}
|
|
1188
1194
|
}
|
|
1189
|
-
const
|
|
1195
|
+
const xa = 8, Sa = "guide-tooltip", Da = (t, a) => new s_(t, a), qc = (t) => {
|
|
1190
1196
|
const {
|
|
1191
1197
|
className: a,
|
|
1192
1198
|
parentElementName: r,
|
|
@@ -1196,9 +1202,9 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1196
1202
|
null
|
|
1197
1203
|
), [n, s] = e.useState(null), [i, d] = e.useState(o), p = () => {
|
|
1198
1204
|
c && (s(
|
|
1199
|
-
|
|
1205
|
+
Da(
|
|
1200
1206
|
c,
|
|
1201
|
-
|
|
1207
|
+
xa
|
|
1202
1208
|
).getBoundingClientRect()
|
|
1203
1209
|
), d(!1));
|
|
1204
1210
|
};
|
|
@@ -1214,9 +1220,9 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1214
1220
|
}
|
|
1215
1221
|
}, [r]), e.useEffect(() => {
|
|
1216
1222
|
c && s(
|
|
1217
|
-
|
|
1223
|
+
Da(
|
|
1218
1224
|
c,
|
|
1219
|
-
|
|
1225
|
+
xa
|
|
1220
1226
|
).getBoundingClientRect()
|
|
1221
1227
|
), d(!0);
|
|
1222
1228
|
}, [c]), c && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
@@ -1228,34 +1234,34 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1228
1234
|
disablePointerEvents: !0
|
|
1229
1235
|
}
|
|
1230
1236
|
), /* @__PURE__ */ e.createElement(
|
|
1231
|
-
|
|
1232
|
-
|
|
1237
|
+
tr,
|
|
1238
|
+
D(y({}, t), {
|
|
1233
1239
|
referenceElement: {
|
|
1234
1240
|
getBoundingClientRect: () => n,
|
|
1235
1241
|
contextElement: c
|
|
1236
1242
|
},
|
|
1237
1243
|
arrowOffsetY: 25,
|
|
1238
1244
|
className: m({
|
|
1239
|
-
[C[
|
|
1240
|
-
[C[`${
|
|
1245
|
+
[C[Sa]]: !0,
|
|
1246
|
+
[C[`${Sa}--slide`]]: i,
|
|
1241
1247
|
className: a
|
|
1242
1248
|
})
|
|
1243
1249
|
}),
|
|
1244
1250
|
t.children
|
|
1245
1251
|
)) : null;
|
|
1246
|
-
},
|
|
1252
|
+
}, pt = "reports-tooltip", Kc = ({
|
|
1247
1253
|
title: t,
|
|
1248
1254
|
description: a,
|
|
1249
1255
|
children: r
|
|
1250
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: C[
|
|
1256
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: C[pt] }, /* @__PURE__ */ e.createElement("div", { className: C[`${pt}__heading`] }, /* @__PURE__ */ e.createElement(M, { as: "div", className: C[`${pt}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
1251
1257
|
M,
|
|
1252
1258
|
{
|
|
1253
1259
|
as: "div",
|
|
1254
1260
|
size: "xs",
|
|
1255
|
-
className: C[`${
|
|
1261
|
+
className: C[`${pt}__heading__description`]
|
|
1256
1262
|
},
|
|
1257
1263
|
a
|
|
1258
|
-
)), /* @__PURE__ */ e.createElement("div", { className: C[`${
|
|
1264
|
+
)), /* @__PURE__ */ e.createElement("div", { className: C[`${pt}__content`] }, /* @__PURE__ */ e.createElement(M, { as: "div" }, r))), ne = {
|
|
1259
1265
|
"action-bar": "lc-ActionBar-module__action-bar___TJitF",
|
|
1260
1266
|
"action-bar__items": "lc-ActionBar-module__action-bar__items___uhoQA",
|
|
1261
1267
|
"action-bar__items--scroll": "lc-ActionBar-module__action-bar__items--scroll___f--dN",
|
|
@@ -1270,30 +1276,30 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1270
1276
|
"action-bar__menu-wrapper__button--active": "lc-ActionBar-module__action-bar__menu-wrapper__button--active___Hlzoc",
|
|
1271
1277
|
"action-bar__menu-wrapper__trigger-vertical": "lc-ActionBar-module__action-bar__menu-wrapper__trigger-vertical___84WL1",
|
|
1272
1278
|
"action-bar--vertical": "lc-ActionBar-module__action-bar--vertical___tMzLJ"
|
|
1273
|
-
},
|
|
1279
|
+
}, St = "action-bar__items", i_ = ({
|
|
1274
1280
|
option: t,
|
|
1275
1281
|
menuItemsKeys: a,
|
|
1276
1282
|
activeOptionKey: r,
|
|
1277
1283
|
vertical: _
|
|
1278
1284
|
}) => {
|
|
1279
|
-
const o = m(ne[`${
|
|
1280
|
-
[ne[`${
|
|
1285
|
+
const o = m(ne[`${St}__button`], {
|
|
1286
|
+
[ne[`${St}__button--hidden`]]: a.includes(
|
|
1281
1287
|
t.key
|
|
1282
1288
|
),
|
|
1283
|
-
[ne[`${
|
|
1289
|
+
[ne[`${St}__button--active`]]: t.key === r
|
|
1284
1290
|
});
|
|
1285
1291
|
if (t.showTooltip) {
|
|
1286
1292
|
const c = a.includes(t.key) && {
|
|
1287
1293
|
isVisible: !1
|
|
1288
1294
|
};
|
|
1289
1295
|
return /* @__PURE__ */ e.createElement(
|
|
1290
|
-
|
|
1296
|
+
tr,
|
|
1291
1297
|
y({
|
|
1292
1298
|
kind: "invert",
|
|
1293
1299
|
placement: _ ? "left" : "bottom",
|
|
1294
|
-
triggerClassName: ne[`${
|
|
1300
|
+
triggerClassName: ne[`${St}__tooltip`],
|
|
1295
1301
|
triggerRenderer: () => /* @__PURE__ */ e.createElement(
|
|
1296
|
-
|
|
1302
|
+
U,
|
|
1297
1303
|
{
|
|
1298
1304
|
id: t.key,
|
|
1299
1305
|
key: t.key,
|
|
@@ -1309,7 +1315,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1309
1315
|
);
|
|
1310
1316
|
}
|
|
1311
1317
|
return /* @__PURE__ */ e.createElement(
|
|
1312
|
-
|
|
1318
|
+
U,
|
|
1313
1319
|
{
|
|
1314
1320
|
id: t.key,
|
|
1315
1321
|
key: t.key,
|
|
@@ -1320,7 +1326,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1320
1326
|
icon: t.element
|
|
1321
1327
|
}
|
|
1322
1328
|
);
|
|
1323
|
-
},
|
|
1329
|
+
}, Xe = "action-bar", Jc = ({
|
|
1324
1330
|
className: t,
|
|
1325
1331
|
id: a = "action-bar-area",
|
|
1326
1332
|
type: r = "menu",
|
|
@@ -1329,49 +1335,49 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1329
1335
|
vertical: c
|
|
1330
1336
|
}) => {
|
|
1331
1337
|
const [l, n] = e.useState([]), s = r === "scroll", i = m(
|
|
1332
|
-
ne[
|
|
1338
|
+
ne[Xe],
|
|
1333
1339
|
t,
|
|
1334
|
-
c && ne[`${
|
|
1335
|
-
), d = `${
|
|
1340
|
+
c && ne[`${Xe}--vertical`]
|
|
1341
|
+
), d = `${Xe}__menu-wrapper`, p = {
|
|
1336
1342
|
root: document.querySelector(`${a}`),
|
|
1337
1343
|
threshold: 1
|
|
1338
1344
|
}, u = !s && l.length !== 0, h = (b) => {
|
|
1339
1345
|
b.map((k) => {
|
|
1340
|
-
const
|
|
1346
|
+
const v = l.includes(k.target.id);
|
|
1341
1347
|
if (!k.isIntersecting) {
|
|
1342
|
-
k.target.setAttribute("tabindex", "-1"),
|
|
1348
|
+
k.target.setAttribute("tabindex", "-1"), v || n(($) => [
|
|
1343
1349
|
...$,
|
|
1344
1350
|
k.target.id
|
|
1345
1351
|
]);
|
|
1346
1352
|
return;
|
|
1347
1353
|
}
|
|
1348
|
-
k.target.removeAttribute("tabindex"),
|
|
1354
|
+
k.target.removeAttribute("tabindex"), v && n(l.filter(($) => $ !== k.target.id));
|
|
1349
1355
|
});
|
|
1350
1356
|
};
|
|
1351
1357
|
e.useEffect(() => {
|
|
1352
1358
|
const b = !!window.IntersectionObserver;
|
|
1353
1359
|
if (!s && b) {
|
|
1354
1360
|
const k = document.querySelectorAll(
|
|
1355
|
-
`.${ne[`${
|
|
1356
|
-
),
|
|
1361
|
+
`.${ne[`${Xe}__items__button`]}`
|
|
1362
|
+
), v = new IntersectionObserver(
|
|
1357
1363
|
h,
|
|
1358
1364
|
p
|
|
1359
1365
|
);
|
|
1360
|
-
return k.forEach(($) =>
|
|
1366
|
+
return k.forEach(($) => v.observe($)), () => v.disconnect();
|
|
1361
1367
|
}
|
|
1362
1368
|
}, [l, s]);
|
|
1363
|
-
const
|
|
1364
|
-
(
|
|
1365
|
-
).map((
|
|
1366
|
-
key:
|
|
1367
|
-
element: /* @__PURE__ */ e.createElement(
|
|
1368
|
-
onClick:
|
|
1369
|
+
const f = (b) => _.filter(
|
|
1370
|
+
(v) => b.find(($) => $ === v.key)
|
|
1371
|
+
).map((v) => ({
|
|
1372
|
+
key: v.key,
|
|
1373
|
+
element: /* @__PURE__ */ e.createElement(Jr, { leftNode: v.element }, v.label),
|
|
1374
|
+
onClick: v.onClick
|
|
1369
1375
|
})), g = _.filter((b) => l.find((k) => k === b.key)).find((b) => b.key === o);
|
|
1370
1376
|
return /* @__PURE__ */ e.createElement("div", { id: a, className: i }, /* @__PURE__ */ e.createElement(
|
|
1371
1377
|
"div",
|
|
1372
1378
|
{
|
|
1373
|
-
className: m(ne[`${
|
|
1374
|
-
[ne[`${
|
|
1379
|
+
className: m(ne[`${Xe}__items`], {
|
|
1380
|
+
[ne[`${Xe}__items--scroll`]]: s
|
|
1375
1381
|
})
|
|
1376
1382
|
},
|
|
1377
1383
|
_.map((b) => /* @__PURE__ */ e.createElement(
|
|
@@ -1384,15 +1390,15 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1384
1390
|
}
|
|
1385
1391
|
))
|
|
1386
1392
|
), u && /* @__PURE__ */ e.createElement("div", { className: ne[d] }, /* @__PURE__ */ e.createElement(
|
|
1387
|
-
|
|
1393
|
+
Yr,
|
|
1388
1394
|
{
|
|
1389
1395
|
placement: c ? "left-end" : "bottom-end",
|
|
1390
|
-
options:
|
|
1396
|
+
options: f(l),
|
|
1391
1397
|
triggerClassName: m(
|
|
1392
1398
|
c && ne[`${d}__trigger-vertical`]
|
|
1393
1399
|
),
|
|
1394
1400
|
triggerRenderer: /* @__PURE__ */ e.createElement(
|
|
1395
|
-
|
|
1401
|
+
U,
|
|
1396
1402
|
{
|
|
1397
1403
|
className: m(
|
|
1398
1404
|
ne[`${d}__button`],
|
|
@@ -1400,9 +1406,9 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1400
1406
|
),
|
|
1401
1407
|
kind: "plain",
|
|
1402
1408
|
icon: /* @__PURE__ */ e.createElement(
|
|
1403
|
-
|
|
1409
|
+
x,
|
|
1404
1410
|
{
|
|
1405
|
-
source: c ?
|
|
1411
|
+
source: c ? Ua : $t,
|
|
1406
1412
|
kind: "primary"
|
|
1407
1413
|
}
|
|
1408
1414
|
),
|
|
@@ -1420,7 +1426,7 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1420
1426
|
)
|
|
1421
1427
|
}
|
|
1422
1428
|
)));
|
|
1423
|
-
}, d_ = "lc-Alert-module__alert___HBTns", u_ = "lc-Alert-module__alert__icon___8TaAH", m_ = "lc-Alert-module__alert__content___9nZdf", p_ = "lc-Alert-module__alert__content__wrapper___aLBkP", g_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", b_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", f_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz",
|
|
1429
|
+
}, d_ = "lc-Alert-module__alert___HBTns", u_ = "lc-Alert-module__alert__icon___8TaAH", m_ = "lc-Alert-module__alert__content___9nZdf", p_ = "lc-Alert-module__alert__content__wrapper___aLBkP", g_ = "lc-Alert-module__alert__content__wrapper__text___HDMbR", b_ = "lc-Alert-module__alert__content__wrapper__cta___9L-oE", f_ = "lc-Alert-module__alert__content__wrapper__cta__link___D9Igz", he = {
|
|
1424
1430
|
alert: d_,
|
|
1425
1431
|
alert__icon: u_,
|
|
1426
1432
|
alert__content: m_,
|
|
@@ -1437,22 +1443,22 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1437
1443
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
1438
1444
|
}, v_ = {
|
|
1439
1445
|
info: {
|
|
1440
|
-
source:
|
|
1446
|
+
source: la,
|
|
1441
1447
|
kind: "link"
|
|
1442
1448
|
},
|
|
1443
1449
|
warning: {
|
|
1444
|
-
source:
|
|
1450
|
+
source: Wa,
|
|
1445
1451
|
kind: "warning"
|
|
1446
1452
|
},
|
|
1447
1453
|
success: {
|
|
1448
|
-
source:
|
|
1454
|
+
source: Va,
|
|
1449
1455
|
kind: "success"
|
|
1450
1456
|
},
|
|
1451
1457
|
error: {
|
|
1452
|
-
source:
|
|
1458
|
+
source: Ya,
|
|
1453
1459
|
kind: "error"
|
|
1454
1460
|
}
|
|
1455
|
-
},
|
|
1461
|
+
}, ke = "alert", jc = (n) => {
|
|
1456
1462
|
var s = n, {
|
|
1457
1463
|
children: t,
|
|
1458
1464
|
className: a,
|
|
@@ -1469,50 +1475,50 @@ const Na = 8, xa = "guide-tooltip", Sa = (t, a) => new s_(t, a), qc = (t) => {
|
|
|
1469
1475
|
"onClose"
|
|
1470
1476
|
]);
|
|
1471
1477
|
const i = e.useRef(null), [d, p] = e.useState(null), u = m(
|
|
1472
|
-
|
|
1473
|
-
|
|
1474
|
-
d === "medium" &&
|
|
1475
|
-
d === "small" &&
|
|
1478
|
+
he[ke],
|
|
1479
|
+
he[`${ke}--${o}`],
|
|
1480
|
+
d === "medium" && he[`${ke}--medium`],
|
|
1481
|
+
d === "small" && he[`${ke}--small`],
|
|
1476
1482
|
a
|
|
1477
1483
|
);
|
|
1478
1484
|
return e.useEffect(() => {
|
|
1479
|
-
const h = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p(null),
|
|
1485
|
+
const h = () => i.current && i.current.offsetWidth <= 400 ? p("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? p("medium") : p(null), f = Ja(() => {
|
|
1480
1486
|
h();
|
|
1481
1487
|
}, 500);
|
|
1482
|
-
return window.addEventListener("resize",
|
|
1483
|
-
}), /* @__PURE__ */ e.createElement("div", y({ ref: i, className: u }, l), /* @__PURE__ */ e.createElement("div", { className:
|
|
1484
|
-
|
|
1485
|
-
|
|
1488
|
+
return window.addEventListener("resize", f), h(), () => window.removeEventListener("resize", f);
|
|
1489
|
+
}), /* @__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(
|
|
1490
|
+
x,
|
|
1491
|
+
D(y({}, v_[o]), {
|
|
1486
1492
|
size: "large",
|
|
1487
|
-
className:
|
|
1493
|
+
className: he[`${ke}__icon`]
|
|
1488
1494
|
})
|
|
1489
1495
|
), /* @__PURE__ */ e.createElement(
|
|
1490
1496
|
M,
|
|
1491
1497
|
{
|
|
1492
1498
|
as: "div",
|
|
1493
|
-
className:
|
|
1499
|
+
className: he[`${ke}__content__wrapper__text`]
|
|
1494
1500
|
},
|
|
1495
1501
|
t
|
|
1496
|
-
)), (r || _) && /* @__PURE__ */ e.createElement("div", { className:
|
|
1497
|
-
|
|
1502
|
+
)), (r || _) && /* @__PURE__ */ e.createElement("div", { className: he[`${ke}__content__wrapper__cta`] }, r && /* @__PURE__ */ e.createElement(U, { kind: "high-contrast", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(
|
|
1503
|
+
U,
|
|
1498
1504
|
{
|
|
1499
|
-
className:
|
|
1505
|
+
className: he[`${ke}__content__wrapper__cta__link`],
|
|
1500
1506
|
kind: "text",
|
|
1501
1507
|
onClick: _.handleClick
|
|
1502
1508
|
},
|
|
1503
1509
|
_.label
|
|
1504
1510
|
))), c && /* @__PURE__ */ e.createElement(
|
|
1505
|
-
|
|
1511
|
+
U,
|
|
1506
1512
|
{
|
|
1507
1513
|
type: "button",
|
|
1508
|
-
className:
|
|
1514
|
+
className: he[`${ke}__close-icon`],
|
|
1509
1515
|
size: "compact",
|
|
1510
1516
|
kind: "plain",
|
|
1511
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
1517
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: Ne }),
|
|
1512
1518
|
onClick: c
|
|
1513
1519
|
}
|
|
1514
1520
|
));
|
|
1515
|
-
},
|
|
1521
|
+
}, Ta = Array.from(
|
|
1516
1522
|
{ length: 10 },
|
|
1517
1523
|
(t, a) => `--surface-avatar-${a + 1}`
|
|
1518
1524
|
);
|
|
@@ -1520,7 +1526,7 @@ function h_(t) {
|
|
|
1520
1526
|
if (!t)
|
|
1521
1527
|
return;
|
|
1522
1528
|
const a = t.split("").reduce((r, _) => r + _.charCodeAt(0), 0);
|
|
1523
|
-
return `var(${
|
|
1529
|
+
return `var(${Ta[a % Ta.length]})`;
|
|
1524
1530
|
}
|
|
1525
1531
|
function k_(t = "", a = 2) {
|
|
1526
1532
|
const r = t.split(/\s+/);
|
|
@@ -1539,9 +1545,9 @@ function y_(t) {
|
|
|
1539
1545
|
const r = t.slice(4, -1);
|
|
1540
1546
|
a = window.getComputedStyle(document.documentElement).getPropertyValue(r).trim();
|
|
1541
1547
|
}
|
|
1542
|
-
return a &&
|
|
1548
|
+
return a && ba(a, "#FFFFFF") > 3 ? "var(--color-white)" : "var(--color-black)";
|
|
1543
1549
|
}
|
|
1544
|
-
const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__status___nX2Ls", w_ = "lc-Avatar-module__avatar__rim___RCQ8Q", C_ = "lc-Avatar-module__avatar__image___YqfqE",
|
|
1550
|
+
const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__status___nX2Ls", w_ = "lc-Avatar-module__avatar__rim___RCQ8Q", C_ = "lc-Avatar-module__avatar__image___YqfqE", se = {
|
|
1545
1551
|
avatar: E_,
|
|
1546
1552
|
avatar__status: $_,
|
|
1547
1553
|
"avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
|
|
@@ -1589,7 +1595,7 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1589
1595
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
1590
1596
|
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
1591
1597
|
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
1592
|
-
},
|
|
1598
|
+
}, Z = "avatar", N_ = ({
|
|
1593
1599
|
alt: t,
|
|
1594
1600
|
className: a,
|
|
1595
1601
|
color: r,
|
|
@@ -1601,49 +1607,49 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1601
1607
|
type: s,
|
|
1602
1608
|
withRim: i = !1
|
|
1603
1609
|
}) => {
|
|
1604
|
-
const d = s === "image" && !c, [p, u] = e.useState(d), h = s === "image" && !!c && !p,
|
|
1605
|
-
[
|
|
1606
|
-
[
|
|
1607
|
-
[
|
|
1608
|
-
[
|
|
1609
|
-
}, a ? { [`${a}`]: a } : {})),
|
|
1610
|
-
|
|
1611
|
-
|
|
1612
|
-
|
|
1613
|
-
...l ? [
|
|
1610
|
+
const d = s === "image" && !c, [p, u] = e.useState(d), h = s === "image" && !!c && !p, f = s === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, b = k_(n, g), k = r || h_(n), v = k ? y_(k) : void 0, $ = f ? { backgroundColor: k } : {}, w = m(y({
|
|
1611
|
+
[se[Z]]: !0,
|
|
1612
|
+
[se[`${Z}--${_}`]]: !0,
|
|
1613
|
+
[se[`${Z}--${o}`]]: !0,
|
|
1614
|
+
[se[`${Z}--with-rim`]]: i
|
|
1615
|
+
}, a ? { [`${a}`]: a } : {})), T = m(
|
|
1616
|
+
se[`${Z}__status`],
|
|
1617
|
+
se[`${Z}__status--${_}`],
|
|
1618
|
+
se[`${Z}__status--${o}`],
|
|
1619
|
+
...l ? [se[`${Z}__status--${l}`]] : []
|
|
1614
1620
|
), E = m(
|
|
1615
|
-
|
|
1616
|
-
|
|
1621
|
+
se[`${Z}__icon`],
|
|
1622
|
+
se[`${Z}__icon--${o}`]
|
|
1617
1623
|
), B = m(
|
|
1618
|
-
|
|
1619
|
-
|
|
1620
|
-
),
|
|
1624
|
+
se[`${Z}__rim`],
|
|
1625
|
+
se[`${Z}__rim--${o}`]
|
|
1626
|
+
), N = e.useCallback(() => u(!0), []);
|
|
1621
1627
|
return e.useEffect(() => {
|
|
1622
1628
|
u(d);
|
|
1623
1629
|
}, [d]), /* @__PURE__ */ e.createElement("div", { className: w, style: $ }, i && /* @__PURE__ */ e.createElement(
|
|
1624
1630
|
"div",
|
|
1625
1631
|
{
|
|
1626
|
-
"data-testid": `${
|
|
1632
|
+
"data-testid": `${Z}__rim`,
|
|
1627
1633
|
className: B
|
|
1628
1634
|
}
|
|
1629
1635
|
), l && /* @__PURE__ */ e.createElement(
|
|
1630
1636
|
"div",
|
|
1631
1637
|
{
|
|
1632
|
-
"data-testid": `${
|
|
1633
|
-
className:
|
|
1638
|
+
"data-testid": `${Z}__status`,
|
|
1639
|
+
className: T
|
|
1634
1640
|
}
|
|
1635
1641
|
), h && /* @__PURE__ */ e.createElement(
|
|
1636
1642
|
"img",
|
|
1637
1643
|
{
|
|
1638
|
-
className:
|
|
1644
|
+
className: se[`${Z}__image`],
|
|
1639
1645
|
src: c,
|
|
1640
1646
|
alt: t,
|
|
1641
|
-
onError:
|
|
1647
|
+
onError: N
|
|
1642
1648
|
}
|
|
1643
|
-
),
|
|
1644
|
-
|
|
1649
|
+
), f && /* @__PURE__ */ e.createElement("span", { style: { color: v } }, b), p && /* @__PURE__ */ e.createElement(
|
|
1650
|
+
x,
|
|
1645
1651
|
{
|
|
1646
|
-
"data-testid": `${
|
|
1652
|
+
"data-testid": `${Z}__icon`,
|
|
1647
1653
|
className: E,
|
|
1648
1654
|
source: Cr
|
|
1649
1655
|
}
|
|
@@ -1652,7 +1658,7 @@ const E_ = "lc-Avatar-module__avatar___1zTCE", $_ = "lc-Avatar-module__avatar__s
|
|
|
1652
1658
|
function x_(t, a) {
|
|
1653
1659
|
return t > a ? `${a}+` : `${t}`;
|
|
1654
1660
|
}
|
|
1655
|
-
const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot___z6RO6",
|
|
1661
|
+
const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot___z6RO6", Dt = {
|
|
1656
1662
|
badge: S_,
|
|
1657
1663
|
badge__dot: D_,
|
|
1658
1664
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
@@ -1661,7 +1667,7 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
|
|
|
1661
1667
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
1662
1668
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
1663
1669
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
1664
|
-
},
|
|
1670
|
+
}, Tt = "badge", T_ = (n) => {
|
|
1665
1671
|
var s = n, {
|
|
1666
1672
|
className: t,
|
|
1667
1673
|
count: a = 0,
|
|
@@ -1679,19 +1685,19 @@ const S_ = "lc-Badge-module__badge___GhLnu", D_ = "lc-Badge-module__badge__dot__
|
|
|
1679
1685
|
]);
|
|
1680
1686
|
const i = m(
|
|
1681
1687
|
t,
|
|
1682
|
-
|
|
1683
|
-
|
|
1684
|
-
|
|
1688
|
+
Dt[Tt],
|
|
1689
|
+
Dt[`${Tt}--${_}`],
|
|
1690
|
+
Dt[`${Tt}--${o}`]
|
|
1685
1691
|
), d = {
|
|
1686
1692
|
counter: x_(a, r),
|
|
1687
1693
|
alert: "!",
|
|
1688
|
-
dot: /* @__PURE__ */ e.createElement("span", { className:
|
|
1694
|
+
dot: /* @__PURE__ */ e.createElement("span", { className: Dt[`${Tt}__dot`] })
|
|
1689
1695
|
}[c];
|
|
1690
1696
|
return /* @__PURE__ */ e.createElement("span", y({ className: i }, l), d);
|
|
1691
1697
|
};
|
|
1692
1698
|
function B_() {
|
|
1693
1699
|
}
|
|
1694
|
-
const A_ = "lc-SegmentedControl-module__btn___tfsvL",
|
|
1700
|
+
const A_ = "lc-SegmentedControl-module__btn___tfsvL", Bt = {
|
|
1695
1701
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
1696
1702
|
btn: A_,
|
|
1697
1703
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
@@ -1707,34 +1713,34 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1707
1713
|
fullWidth: c = !1,
|
|
1708
1714
|
onButtonClick: l = B_
|
|
1709
1715
|
}) => {
|
|
1710
|
-
const n = m(
|
|
1716
|
+
const n = m(Bt[I_], r), [s, i] = e.useState(() => _), d = typeof o == "string";
|
|
1711
1717
|
e.useEffect(() => {
|
|
1712
1718
|
d && i(o);
|
|
1713
1719
|
}, [o]);
|
|
1714
|
-
const p = (h,
|
|
1715
|
-
d || i(h), l(h,
|
|
1716
|
-
}, u = a.map(({ id: h, label:
|
|
1717
|
-
const
|
|
1720
|
+
const p = (h, f) => {
|
|
1721
|
+
d || i(h), l(h, f);
|
|
1722
|
+
}, u = a.map(({ id: h, label: f, loading: g, disabled: b, icon: k }) => {
|
|
1723
|
+
const v = h === s, $ = v ? Bt["btn--active"] : "", w = v ? !1 : g;
|
|
1718
1724
|
return /* @__PURE__ */ e.createElement(
|
|
1719
|
-
|
|
1725
|
+
U,
|
|
1720
1726
|
{
|
|
1721
1727
|
key: h,
|
|
1722
1728
|
fullWidth: c,
|
|
1723
1729
|
loading: w,
|
|
1724
1730
|
disabled: b,
|
|
1725
|
-
"aria-pressed":
|
|
1731
|
+
"aria-pressed": v,
|
|
1726
1732
|
kind: "secondary",
|
|
1727
1733
|
icon: k,
|
|
1728
|
-
className: m(
|
|
1729
|
-
onClick: (
|
|
1730
|
-
p(h,
|
|
1734
|
+
className: m(Bt.btn, Bt[`btn--${t}`], $),
|
|
1735
|
+
onClick: (T) => {
|
|
1736
|
+
p(h, T);
|
|
1731
1737
|
}
|
|
1732
1738
|
},
|
|
1733
|
-
|
|
1739
|
+
f
|
|
1734
1740
|
);
|
|
1735
1741
|
});
|
|
1736
1742
|
return /* @__PURE__ */ e.createElement("div", { role: "group", className: n }, u);
|
|
1737
|
-
}, P_ = "lc-Card-module__card___GqMm2", F_ = "lc-Card-module__card__header___0ptfD", R_ = "lc-Card-module__card__header__image___QMwSu", M_ = "lc-Card-module__card__header__heading___Wkikx", L_ = "lc-Card-module__card__header__heading__title___Uxi8s", O_ = "lc-Card-module__card__header__heading__description___6LnOK", H_ = "lc-Card-module__card__content___KuDcc", z_ = "lc-Card-module__card__actions___q9sAo", G_ = "lc-Card-module__card__actions__line___TF1bt", U_ = "lc-Card-module__card__actions__buttons___PDMMR",
|
|
1743
|
+
}, P_ = "lc-Card-module__card___GqMm2", F_ = "lc-Card-module__card__header___0ptfD", R_ = "lc-Card-module__card__header__image___QMwSu", M_ = "lc-Card-module__card__header__heading___Wkikx", L_ = "lc-Card-module__card__header__heading__title___Uxi8s", O_ = "lc-Card-module__card__header__heading__description___6LnOK", H_ = "lc-Card-module__card__content___KuDcc", z_ = "lc-Card-module__card__actions___q9sAo", G_ = "lc-Card-module__card__actions__line___TF1bt", U_ = "lc-Card-module__card__actions__buttons___PDMMR", ie = {
|
|
1738
1744
|
card: P_,
|
|
1739
1745
|
card__header: F_,
|
|
1740
1746
|
card__header__image: R_,
|
|
@@ -1748,7 +1754,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1748
1754
|
card__actions__line: G_,
|
|
1749
1755
|
card__actions__buttons: U_,
|
|
1750
1756
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
1751
|
-
},
|
|
1757
|
+
}, Et = "card", zt = `${Et}__header`, qt = `${zt}__heading`, At = `${Et}__actions`, W_ = `${zt}__no-image`, Zc = (i) => {
|
|
1752
1758
|
var d = i, {
|
|
1753
1759
|
alt: t,
|
|
1754
1760
|
buttonsOptions: a = [],
|
|
@@ -1768,38 +1774,38 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1768
1774
|
"src",
|
|
1769
1775
|
"title"
|
|
1770
1776
|
]);
|
|
1771
|
-
const [p, u] = e.useState(!1), h = p ?
|
|
1772
|
-
return /* @__PURE__ */ e.createElement("div", y({ className: m(
|
|
1777
|
+
const [p, u] = e.useState(!1), h = p ? Ut : $t, f = p ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, b = !!c, k = g || b, v = n, $ = l, w = $ ? "" : ie[W_];
|
|
1778
|
+
return /* @__PURE__ */ e.createElement("div", y({ className: m(ie[Et], _) }, s), v && /* @__PURE__ */ e.createElement("div", { className: m(ie[zt], w) }, $ && /* @__PURE__ */ e.createElement(
|
|
1773
1779
|
"img",
|
|
1774
1780
|
{
|
|
1775
1781
|
alt: t,
|
|
1776
|
-
className:
|
|
1782
|
+
className: ie[`${zt}__image`],
|
|
1777
1783
|
src: l
|
|
1778
1784
|
}
|
|
1779
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
1785
|
+
), /* @__PURE__ */ e.createElement("div", { className: ie[qt] }, /* @__PURE__ */ e.createElement(Ze, { size: "sm", className: ie[`${qt}__title`] }, n), /* @__PURE__ */ e.createElement(M, { size: "sm", className: ie[`${qt}__description`] }, o))), /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: ie[`${Et}__content`] }, r), p && /* @__PURE__ */ e.createElement(
|
|
1780
1786
|
M,
|
|
1781
1787
|
{
|
|
1782
1788
|
as: "div",
|
|
1783
1789
|
size: "md",
|
|
1784
|
-
className:
|
|
1790
|
+
className: ie[`${Et}__expanded-content`]
|
|
1785
1791
|
},
|
|
1786
1792
|
c
|
|
1787
|
-
), k && /* @__PURE__ */ e.createElement("div", { className:
|
|
1788
|
-
({ kind:
|
|
1793
|
+
), k && /* @__PURE__ */ e.createElement("div", { className: ie[At] }, /* @__PURE__ */ e.createElement("div", { className: ie[`${At}__line`] }), /* @__PURE__ */ e.createElement("div", { className: ie[`${At}__buttons`] }, g && a.map(
|
|
1794
|
+
({ kind: T, onClick: E, children: B }) => /* @__PURE__ */ e.createElement(U, { size: "compact", kind: T, onClick: E }, B)
|
|
1789
1795
|
), b && /* @__PURE__ */ e.createElement(
|
|
1790
|
-
|
|
1796
|
+
U,
|
|
1791
1797
|
{
|
|
1792
|
-
className:
|
|
1798
|
+
className: ie[`${At}__buttons-expander`],
|
|
1793
1799
|
kind: "link",
|
|
1794
1800
|
iconPosition: "right",
|
|
1795
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
1801
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: h }),
|
|
1796
1802
|
onClick: () => u(!p)
|
|
1797
1803
|
},
|
|
1798
|
-
|
|
1804
|
+
f
|
|
1799
1805
|
))));
|
|
1800
1806
|
}, V_ = {
|
|
1801
1807
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
1802
|
-
}, Y_ = "field-description",
|
|
1808
|
+
}, Y_ = "field-description", Wt = (_) => {
|
|
1803
1809
|
var o = _, {
|
|
1804
1810
|
children: t,
|
|
1805
1811
|
className: a = ""
|
|
@@ -1808,8 +1814,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1808
1814
|
"className"
|
|
1809
1815
|
]);
|
|
1810
1816
|
const c = m(V_[Y_], a);
|
|
1811
|
-
return /* @__PURE__ */ e.createElement(M,
|
|
1812
|
-
}, q_ = "lc-Checkbox-module__checkbox___G7nTf", K_ = "lc-Checkbox-module__checkbox__label___-o01x", J_ = "lc-Checkbox-module__checkbox__text___P2SIq", j_ = "lc-Checkbox-module__checkbox__input___YLbVF", Q_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Z_ = "lc-Checkbox-module__checkbox__square___MHUyd", X_ = "lc-Checkbox-module__checkbox__helper___YSJ-n",
|
|
1817
|
+
return /* @__PURE__ */ e.createElement(M, D(y({ as: "span", size: "sm" }, r), { className: c }), t);
|
|
1818
|
+
}, q_ = "lc-Checkbox-module__checkbox___G7nTf", K_ = "lc-Checkbox-module__checkbox__label___-o01x", J_ = "lc-Checkbox-module__checkbox__text___P2SIq", j_ = "lc-Checkbox-module__checkbox__input___YLbVF", Q_ = "lc-Checkbox-module__checkbox__checkmark___16pfY", Z_ = "lc-Checkbox-module__checkbox__square___MHUyd", X_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ke = {
|
|
1813
1819
|
checkbox: q_,
|
|
1814
1820
|
checkbox__label: K_,
|
|
1815
1821
|
checkbox__text: J_,
|
|
@@ -1819,31 +1825,31 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1819
1825
|
checkbox__square: Z_,
|
|
1820
1826
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
1821
1827
|
checkbox__helper: X_
|
|
1822
|
-
},
|
|
1828
|
+
}, Je = "checkbox", Xc = e.forwardRef(
|
|
1823
1829
|
(n, l) => {
|
|
1824
1830
|
var s = n, { checked: t, disabled: a, children: r, description: _, className: o } = s, c = I(s, ["checked", "disabled", "children", "description", "className"]);
|
|
1825
1831
|
return /* @__PURE__ */ e.createElement(
|
|
1826
1832
|
"div",
|
|
1827
1833
|
{
|
|
1828
|
-
className: m(
|
|
1829
|
-
[
|
|
1830
|
-
[
|
|
1834
|
+
className: m(Ke[Je], o, {
|
|
1835
|
+
[Ke[`${Je}--selected`]]: t,
|
|
1836
|
+
[Ke[`${Je}--disabled`]]: a
|
|
1831
1837
|
})
|
|
1832
1838
|
},
|
|
1833
|
-
/* @__PURE__ */ e.createElement("label", { className:
|
|
1839
|
+
/* @__PURE__ */ e.createElement("label", { className: Ke[`${Je}__label`] }, /* @__PURE__ */ e.createElement(
|
|
1834
1840
|
"input",
|
|
1835
|
-
|
|
1841
|
+
D(y({}, c), {
|
|
1836
1842
|
ref: l,
|
|
1837
1843
|
checked: t,
|
|
1838
1844
|
disabled: a,
|
|
1839
|
-
className:
|
|
1845
|
+
className: Ke[`${Je}__input`],
|
|
1840
1846
|
type: "checkbox"
|
|
1841
1847
|
})
|
|
1842
|
-
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className:
|
|
1843
|
-
_ && /* @__PURE__ */ e.createElement(
|
|
1848
|
+
), r && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Ke[`${Je}__text`] }, r)),
|
|
1849
|
+
_ && /* @__PURE__ */ e.createElement(Wt, { className: Ke[`${Je}__helper`] }, _)
|
|
1844
1850
|
);
|
|
1845
1851
|
}
|
|
1846
|
-
),
|
|
1852
|
+
), S = {
|
|
1847
1853
|
"date-picker": "lc-DatePicker-module__date-picker___9AqJ2",
|
|
1848
1854
|
"date-picker--interaction-disabled": "lc-DatePicker-module__date-picker--interaction-disabled___-zn8o",
|
|
1849
1855
|
"date-picker__day": "lc-DatePicker-module__date-picker__day___ZTSw9",
|
|
@@ -1878,7 +1884,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1878
1884
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
1879
1885
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
1880
1886
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
1881
|
-
},
|
|
1887
|
+
}, Ba = "date-picker", eo = (t) => {
|
|
1882
1888
|
const {
|
|
1883
1889
|
onPreviousClick: a,
|
|
1884
1890
|
onMonthChange: r,
|
|
@@ -1895,28 +1901,28 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1895
1901
|
typeof a == "function" && a();
|
|
1896
1902
|
}, h = () => {
|
|
1897
1903
|
typeof _ == "function" && _();
|
|
1898
|
-
},
|
|
1904
|
+
}, f = () => {
|
|
1899
1905
|
if (!d) {
|
|
1900
|
-
const
|
|
1901
|
-
return r(
|
|
1906
|
+
const v = nt(i, 12);
|
|
1907
|
+
return r(v);
|
|
1902
1908
|
}
|
|
1903
|
-
const b = Math.abs(
|
|
1909
|
+
const b = Math.abs(ya(i, d)), k = nt(
|
|
1904
1910
|
i,
|
|
1905
1911
|
!Number.isNaN(b) && b > 12 ? 12 : b
|
|
1906
1912
|
);
|
|
1907
1913
|
return r(k);
|
|
1908
1914
|
}, g = () => {
|
|
1909
1915
|
if (!p) {
|
|
1910
|
-
const
|
|
1911
|
-
return r(
|
|
1916
|
+
const v = Ea(i, 12);
|
|
1917
|
+
return r(v);
|
|
1912
1918
|
}
|
|
1913
|
-
const b = Math.abs(
|
|
1919
|
+
const b = Math.abs(ya(p, i)), k = Ea(
|
|
1914
1920
|
i,
|
|
1915
1921
|
!Number.isNaN(b) && b > 12 ? 12 : b
|
|
1916
1922
|
);
|
|
1917
|
-
return s === 2 &&
|
|
1923
|
+
return s === 2 && aa(k, p) ? r(nt(k, 1)) : r(k);
|
|
1918
1924
|
};
|
|
1919
|
-
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className:
|
|
1925
|
+
return /* @__PURE__ */ e.createElement("div", { className: l }, /* @__PURE__ */ e.createElement("div", { className: S[`${Ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1920
1926
|
"button",
|
|
1921
1927
|
{
|
|
1922
1928
|
"data-testid": "date-picker-prev-year-button",
|
|
@@ -1924,9 +1930,9 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1924
1930
|
[n.navButtonPrev]: !0,
|
|
1925
1931
|
[n.navButtonInteractionDisabled]: !c
|
|
1926
1932
|
}),
|
|
1927
|
-
onClick:
|
|
1933
|
+
onClick: f
|
|
1928
1934
|
},
|
|
1929
|
-
/* @__PURE__ */ e.createElement(
|
|
1935
|
+
/* @__PURE__ */ e.createElement(x, { source: Nr, kind: "subtle" })
|
|
1930
1936
|
), /* @__PURE__ */ e.createElement(
|
|
1931
1937
|
"button",
|
|
1932
1938
|
{
|
|
@@ -1937,8 +1943,8 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1937
1943
|
}),
|
|
1938
1944
|
onClick: u
|
|
1939
1945
|
},
|
|
1940
|
-
/* @__PURE__ */ e.createElement(
|
|
1941
|
-
)), /* @__PURE__ */ e.createElement("div", { className:
|
|
1946
|
+
/* @__PURE__ */ e.createElement(x, { source: Ua, kind: "subtle" })
|
|
1947
|
+
)), /* @__PURE__ */ e.createElement("div", { className: S[`${Ba}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1942
1948
|
"button",
|
|
1943
1949
|
{
|
|
1944
1950
|
"data-testid": "date-picker-next-month-button",
|
|
@@ -1948,7 +1954,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1948
1954
|
}),
|
|
1949
1955
|
onClick: h
|
|
1950
1956
|
},
|
|
1951
|
-
/* @__PURE__ */ e.createElement(
|
|
1957
|
+
/* @__PURE__ */ e.createElement(x, { source: ta, kind: "subtle" })
|
|
1952
1958
|
), /* @__PURE__ */ e.createElement(
|
|
1953
1959
|
"button",
|
|
1954
1960
|
{
|
|
@@ -1959,76 +1965,76 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
1959
1965
|
}),
|
|
1960
1966
|
onClick: g
|
|
1961
1967
|
},
|
|
1962
|
-
/* @__PURE__ */ e.createElement(
|
|
1968
|
+
/* @__PURE__ */ e.createElement(x, { source: xr, kind: "subtle" })
|
|
1963
1969
|
)));
|
|
1964
|
-
}, P = "date-picker",
|
|
1970
|
+
}, P = "date-picker", ar = (t, a) => {
|
|
1965
1971
|
const { from: r, to: _ } = a;
|
|
1966
|
-
return !(_ && !
|
|
1967
|
-
},
|
|
1972
|
+
return !(_ && !ra(t, _) && _a(t, _) || r && !ra(t, r) && !_a(t, r));
|
|
1973
|
+
}, rr = (t, a, r) => a ? t && !aa(t, a) || r && aa(a, r) ? nt(a, 1) : a : nt(r || /* @__PURE__ */ new Date(), 1), to = (t, a) => {
|
|
1968
1974
|
const r = {
|
|
1969
|
-
[
|
|
1970
|
-
[
|
|
1971
|
-
[
|
|
1972
|
-
[
|
|
1975
|
+
[S[`${P}__day--monday`]]: { daysOfWeek: [1] },
|
|
1976
|
+
[S[`${P}__day--sunday`]]: { daysOfWeek: [0] },
|
|
1977
|
+
[S[`${P}__day--start`]]: t,
|
|
1978
|
+
[S[`${P}__day--end`]]: t
|
|
1973
1979
|
};
|
|
1974
1980
|
if (!a || !t)
|
|
1975
1981
|
return r;
|
|
1976
|
-
const _ =
|
|
1977
|
-
return _ > 0 ?
|
|
1978
|
-
[
|
|
1979
|
-
}) : _ < 0 ?
|
|
1980
|
-
[
|
|
1982
|
+
const _ = ja(a, t);
|
|
1983
|
+
return _ > 0 ? D(y({}, r), {
|
|
1984
|
+
[S[`${P}__day--end`]]: a
|
|
1985
|
+
}) : _ < 0 ? D(y({}, r), {
|
|
1986
|
+
[S[`${P}__day--start`]]: a
|
|
1981
1987
|
}) : r;
|
|
1982
|
-
},
|
|
1988
|
+
}, kt = (t, a) => {
|
|
1983
1989
|
const r = a.find((_) => _.id === t);
|
|
1984
1990
|
return r || void 0;
|
|
1985
|
-
},
|
|
1991
|
+
}, Aa = (t, a) => !!(!t || t && a), ao = (t) => {
|
|
1986
1992
|
const a = {};
|
|
1987
1993
|
if (!t.initialSelectedItemKey)
|
|
1988
1994
|
return a;
|
|
1989
|
-
const r =
|
|
1995
|
+
const r = kt(
|
|
1990
1996
|
t.initialSelectedItemKey,
|
|
1991
1997
|
t.options
|
|
1992
1998
|
);
|
|
1993
1999
|
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) : {};
|
|
1994
2000
|
}, ro = (t, a) => y({
|
|
1995
2001
|
container: m({
|
|
1996
|
-
[
|
|
1997
|
-
[
|
|
2002
|
+
[S[`${P}`]]: !0,
|
|
2003
|
+
[S[`${P}--range`]]: t
|
|
1998
2004
|
}),
|
|
1999
|
-
wrapper:
|
|
2000
|
-
interactionDisabled:
|
|
2001
|
-
months:
|
|
2002
|
-
month:
|
|
2003
|
-
navBar:
|
|
2005
|
+
wrapper: S[`${P}__wrapper`],
|
|
2006
|
+
interactionDisabled: S[`${P}--interaction-disabled`],
|
|
2007
|
+
months: S[`${P}__months`],
|
|
2008
|
+
month: S[`${P}__month`],
|
|
2009
|
+
navBar: S[`${P}__nav-bar`],
|
|
2004
2010
|
navButtonPrev: m(
|
|
2005
|
-
|
|
2006
|
-
|
|
2011
|
+
S[`${P}__nav-button`],
|
|
2012
|
+
S[`${P}__nav-button--prev`]
|
|
2007
2013
|
),
|
|
2008
2014
|
navButtonNext: m(
|
|
2009
|
-
|
|
2010
|
-
|
|
2015
|
+
S[`${P}__nav-button`],
|
|
2016
|
+
S[`${P}__nav-button--next`]
|
|
2011
2017
|
),
|
|
2012
|
-
navButtonInteractionDisabled:
|
|
2013
|
-
caption:
|
|
2014
|
-
weekdays:
|
|
2015
|
-
weekdaysRow:
|
|
2016
|
-
weekday:
|
|
2017
|
-
body:
|
|
2018
|
-
week:
|
|
2019
|
-
weekNumber:
|
|
2020
|
-
day:
|
|
2021
|
-
footer:
|
|
2022
|
-
todayButton:
|
|
2023
|
-
today:
|
|
2024
|
-
selected:
|
|
2025
|
-
disabled:
|
|
2026
|
-
outside:
|
|
2027
|
-
start:
|
|
2028
|
-
end:
|
|
2029
|
-
}, a),
|
|
2018
|
+
navButtonInteractionDisabled: S[`${P}__nav-button--interaction-disabled`],
|
|
2019
|
+
caption: S[`${P}__caption`],
|
|
2020
|
+
weekdays: S[`${P}__weekdays`],
|
|
2021
|
+
weekdaysRow: S[`${P}__weekdays-row`],
|
|
2022
|
+
weekday: S[`${P}__weekday`],
|
|
2023
|
+
body: S[`${P}__body`],
|
|
2024
|
+
week: S[`${P}__week`],
|
|
2025
|
+
weekNumber: S[`${P}__week-number`],
|
|
2026
|
+
day: S[`${P}__day`],
|
|
2027
|
+
footer: S[`${P}__footer`],
|
|
2028
|
+
todayButton: S[`${P}__today-button`],
|
|
2029
|
+
today: S[`${P}__day--today`],
|
|
2030
|
+
selected: S[`${P}__day--selected`],
|
|
2031
|
+
disabled: S[`${P}__day--disabled`],
|
|
2032
|
+
outside: S[`${P}__day--outside`],
|
|
2033
|
+
start: S[`${P}__day--start`],
|
|
2034
|
+
end: S[`${P}__day--end`]
|
|
2035
|
+
}, a), Ia = "date-picker", _o = (t) => {
|
|
2030
2036
|
const a = t.getDate();
|
|
2031
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
2037
|
+
return /* @__PURE__ */ e.createElement("div", { className: S[`${Ia}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: S[`${Ia}__day-content`] }, a));
|
|
2032
2038
|
}, oo = (t) => {
|
|
2033
2039
|
const k = t, {
|
|
2034
2040
|
classNames: a,
|
|
@@ -2056,15 +2062,15 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
2056
2062
|
e.useEffect(() => {
|
|
2057
2063
|
o && o !== u && h(o);
|
|
2058
2064
|
}, [o, u]), e.useEffect(() => {
|
|
2059
|
-
_ && (
|
|
2065
|
+
_ && (ar(u, { from: c, to: _ }) || h(_));
|
|
2060
2066
|
}, [u, t.toMonth, t.fromMonth]);
|
|
2061
|
-
const
|
|
2062
|
-
(
|
|
2063
|
-
if (t.onMonthChange &&
|
|
2064
|
-
t.onMonthChange(
|
|
2067
|
+
const f = e.useCallback(
|
|
2068
|
+
(v) => {
|
|
2069
|
+
if (t.onMonthChange && v) {
|
|
2070
|
+
t.onMonthChange(v);
|
|
2065
2071
|
return;
|
|
2066
2072
|
}
|
|
2067
|
-
h(
|
|
2073
|
+
h(v);
|
|
2068
2074
|
},
|
|
2069
2075
|
[o, t.onMonthChange]
|
|
2070
2076
|
);
|
|
@@ -2083,7 +2089,7 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
2083
2089
|
month: u,
|
|
2084
2090
|
classNames: b,
|
|
2085
2091
|
numberOfMonths: n,
|
|
2086
|
-
onMonthChange:
|
|
2092
|
+
onMonthChange: f,
|
|
2087
2093
|
toMonth: _,
|
|
2088
2094
|
fromMonth: c
|
|
2089
2095
|
}
|
|
@@ -2102,9 +2108,9 @@ const A_ = "lc-SegmentedControl-module__btn___tfsvL", Tt = {
|
|
|
2102
2108
|
(t, a) => /* @__PURE__ */ e.createElement(oo, y({ innerRef: a }, t))
|
|
2103
2109
|
);
|
|
2104
2110
|
co.displayName = "DatePicker";
|
|
2105
|
-
var
|
|
2111
|
+
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 || {});
|
|
2106
2112
|
const lo = (t) => {
|
|
2107
|
-
const a =
|
|
2113
|
+
const a = rr(
|
|
2108
2114
|
t.initialFromDate,
|
|
2109
2115
|
t.initialToDate,
|
|
2110
2116
|
t.toMonth
|
|
@@ -2117,7 +2123,7 @@ const lo = (t) => {
|
|
|
2117
2123
|
}), ao(t));
|
|
2118
2124
|
function o(c, l) {
|
|
2119
2125
|
switch (l.type) {
|
|
2120
|
-
case
|
|
2126
|
+
case V.NEW_SELECTED_ITEM:
|
|
2121
2127
|
return {
|
|
2122
2128
|
selectedItem: l.payload.selectedItem,
|
|
2123
2129
|
from: void 0,
|
|
@@ -2125,37 +2131,37 @@ const lo = (t) => {
|
|
|
2125
2131
|
temporaryTo: void 0,
|
|
2126
2132
|
currentMonth: a
|
|
2127
2133
|
};
|
|
2128
|
-
case
|
|
2129
|
-
return
|
|
2134
|
+
case V.NEW_TEMPORARY_TO_VALUE:
|
|
2135
|
+
return D(y({}, c), {
|
|
2130
2136
|
temporaryTo: l.payload.date
|
|
2131
2137
|
});
|
|
2132
|
-
case
|
|
2133
|
-
return
|
|
2138
|
+
case V.SELECT_FIRST_DAY:
|
|
2139
|
+
return D(y({}, c), {
|
|
2134
2140
|
from: l.payload.date,
|
|
2135
2141
|
to: void 0,
|
|
2136
2142
|
temporaryTo: void 0
|
|
2137
2143
|
});
|
|
2138
|
-
case
|
|
2139
|
-
return
|
|
2144
|
+
case V.SELECT_SECOND_DAY_AS_FROM:
|
|
2145
|
+
return D(y({}, c), {
|
|
2140
2146
|
from: l.payload.date,
|
|
2141
2147
|
to: c.from,
|
|
2142
2148
|
temporaryTo: c.from
|
|
2143
2149
|
});
|
|
2144
|
-
case
|
|
2145
|
-
return
|
|
2150
|
+
case V.SELECT_SECOND_DAY_AS_TO:
|
|
2151
|
+
return D(y({}, c), {
|
|
2146
2152
|
to: l.payload.date,
|
|
2147
2153
|
temporaryTo: l.payload.date
|
|
2148
2154
|
});
|
|
2149
|
-
case
|
|
2150
|
-
return
|
|
2155
|
+
case V.CURRENT_MONTH_CHANGE:
|
|
2156
|
+
return D(y({}, c), {
|
|
2151
2157
|
currentMonth: l.payload.date
|
|
2152
2158
|
});
|
|
2153
|
-
case
|
|
2154
|
-
return
|
|
2159
|
+
case V.SET_FROM:
|
|
2160
|
+
return D(y({}, c), {
|
|
2155
2161
|
from: l.payload.date
|
|
2156
2162
|
});
|
|
2157
|
-
case
|
|
2158
|
-
return
|
|
2163
|
+
case V.SET_TO:
|
|
2164
|
+
return D(y({}, c), {
|
|
2159
2165
|
to: l.payload.date
|
|
2160
2166
|
});
|
|
2161
2167
|
default:
|
|
@@ -2183,38 +2189,38 @@ const lo = (t) => {
|
|
|
2183
2189
|
onChange: c,
|
|
2184
2190
|
children: l
|
|
2185
2191
|
});
|
|
2186
|
-
|
|
2192
|
+
st(() => {
|
|
2187
2193
|
i({
|
|
2188
|
-
type:
|
|
2194
|
+
type: V.SET_FROM,
|
|
2189
2195
|
payload: { date: r }
|
|
2190
2196
|
});
|
|
2191
|
-
}, [r]),
|
|
2197
|
+
}, [r]), st(() => {
|
|
2192
2198
|
i({
|
|
2193
|
-
type:
|
|
2199
|
+
type: V.SET_TO,
|
|
2194
2200
|
payload: { date: _ }
|
|
2195
2201
|
});
|
|
2196
|
-
}, [_]),
|
|
2197
|
-
const g =
|
|
2202
|
+
}, [_]), st(() => {
|
|
2203
|
+
const g = rr(
|
|
2198
2204
|
r,
|
|
2199
2205
|
_,
|
|
2200
2206
|
o
|
|
2201
2207
|
);
|
|
2202
2208
|
i({
|
|
2203
|
-
type:
|
|
2209
|
+
type: V.CURRENT_MONTH_CHANGE,
|
|
2204
2210
|
payload: { date: g }
|
|
2205
2211
|
});
|
|
2206
|
-
}, [o, r, _]),
|
|
2212
|
+
}, [o, r, _]), st(() => {
|
|
2207
2213
|
const { from: g, selectedItem: b, to: k } = s;
|
|
2208
2214
|
if (!(g && k))
|
|
2209
2215
|
return;
|
|
2210
|
-
const
|
|
2211
|
-
|
|
2216
|
+
const v = kt(b, t);
|
|
2217
|
+
v && (c == null || c(D(y({}, v), {
|
|
2212
2218
|
value: {
|
|
2213
2219
|
from: g,
|
|
2214
2220
|
to: k
|
|
2215
2221
|
}
|
|
2216
2222
|
})));
|
|
2217
|
-
}, [s.from, s.to, s.selectedItem, t, c]),
|
|
2223
|
+
}, [s.from, s.to, s.selectedItem, t, c]), st(() => {
|
|
2218
2224
|
const { selectedItem: g } = s;
|
|
2219
2225
|
if (g === n.current)
|
|
2220
2226
|
return;
|
|
@@ -2222,64 +2228,64 @@ const lo = (t) => {
|
|
|
2222
2228
|
c(null);
|
|
2223
2229
|
return;
|
|
2224
2230
|
}
|
|
2225
|
-
if (!
|
|
2231
|
+
if (!kt(g, t))
|
|
2226
2232
|
return;
|
|
2227
2233
|
const k = t.reduce(
|
|
2228
|
-
(
|
|
2234
|
+
(v, $) => D(y({}, v), { [$.id]: $ }),
|
|
2229
2235
|
{}
|
|
2230
2236
|
);
|
|
2231
2237
|
c(k[g]);
|
|
2232
2238
|
}, [c, s.selectedItem, t]);
|
|
2233
|
-
const d =
|
|
2239
|
+
const d = Ct(
|
|
2234
2240
|
(g) => {
|
|
2235
|
-
const b = o ?
|
|
2236
|
-
!
|
|
2237
|
-
type:
|
|
2241
|
+
const b = o ? ja(o, g) >= 0 : !0;
|
|
2242
|
+
!Aa(s.from, s.to) && b && i({
|
|
2243
|
+
type: V.NEW_TEMPORARY_TO_VALUE,
|
|
2238
2244
|
payload: { date: g }
|
|
2239
2245
|
});
|
|
2240
2246
|
},
|
|
2241
2247
|
[o, s.from, s.to]
|
|
2242
|
-
), p =
|
|
2248
|
+
), p = Ct(
|
|
2243
2249
|
(g) => {
|
|
2244
2250
|
const { from: b, to: k } = s;
|
|
2245
|
-
|
|
2246
|
-
type:
|
|
2251
|
+
ar(g, { to: o }) && (Aa(b, k) ? i({
|
|
2252
|
+
type: V.SELECT_FIRST_DAY,
|
|
2247
2253
|
payload: { date: g }
|
|
2248
|
-
}) : b &&
|
|
2249
|
-
type:
|
|
2254
|
+
}) : b && ra(g, b) || b && _a(g, b) ? i({
|
|
2255
|
+
type: V.SELECT_SECOND_DAY_AS_TO,
|
|
2250
2256
|
payload: { date: g }
|
|
2251
2257
|
}) : i({
|
|
2252
|
-
type:
|
|
2258
|
+
type: V.SELECT_SECOND_DAY_AS_FROM,
|
|
2253
2259
|
payload: { date: g }
|
|
2254
2260
|
}));
|
|
2255
2261
|
},
|
|
2256
2262
|
[o, s.from, s.to]
|
|
2257
|
-
), u =
|
|
2263
|
+
), u = Ct(
|
|
2258
2264
|
(g) => {
|
|
2259
2265
|
if (g === null) {
|
|
2260
2266
|
i({
|
|
2261
|
-
type:
|
|
2267
|
+
type: V.NEW_SELECTED_ITEM,
|
|
2262
2268
|
payload: { selectedItem: null }
|
|
2263
2269
|
});
|
|
2264
2270
|
return;
|
|
2265
2271
|
}
|
|
2266
|
-
|
|
2267
|
-
type:
|
|
2272
|
+
kt(g, t) && i({
|
|
2273
|
+
type: V.NEW_SELECTED_ITEM,
|
|
2268
2274
|
payload: { selectedItem: g }
|
|
2269
2275
|
});
|
|
2270
2276
|
},
|
|
2271
2277
|
[t]
|
|
2272
|
-
), h =
|
|
2278
|
+
), h = Ct((g) => {
|
|
2273
2279
|
i({
|
|
2274
|
-
type:
|
|
2280
|
+
type: V.CURRENT_MONTH_CHANGE,
|
|
2275
2281
|
payload: { date: g }
|
|
2276
2282
|
});
|
|
2277
2283
|
}, []);
|
|
2278
2284
|
return l((() => {
|
|
2279
|
-
const { currentMonth: g, from: b, selectedItem: k, temporaryTo:
|
|
2280
|
-
() => to(b,
|
|
2281
|
-
[b,
|
|
2282
|
-
),
|
|
2285
|
+
const { currentMonth: g, from: b, selectedItem: k, temporaryTo: v, to: $ } = s, w = Nt(
|
|
2286
|
+
() => to(b, v),
|
|
2287
|
+
[b, v]
|
|
2288
|
+
), T = Nt(() => kt(k, t), [t, k]), E = Nt(() => [b, { from: b, to: v }], [b, v]), B = Nt(() => o ? { after: o } : void 0, [o]);
|
|
2283
2289
|
return {
|
|
2284
2290
|
select: {
|
|
2285
2291
|
onItemSelect: u,
|
|
@@ -2296,13 +2302,13 @@ const lo = (t) => {
|
|
|
2296
2302
|
onDayClick: p,
|
|
2297
2303
|
selectedDays: E,
|
|
2298
2304
|
modifiers: w,
|
|
2299
|
-
initialMonth: o &&
|
|
2305
|
+
initialMonth: o && nt(o, 1),
|
|
2300
2306
|
toMonth: o,
|
|
2301
2307
|
disabledDays: B,
|
|
2302
2308
|
onDayMouseEnter: d,
|
|
2303
2309
|
onMonthChange: h
|
|
2304
2310
|
},
|
|
2305
|
-
selectedOption:
|
|
2311
|
+
selectedOption: T
|
|
2306
2312
|
};
|
|
2307
2313
|
})());
|
|
2308
2314
|
};
|
|
@@ -2322,9 +2328,9 @@ no.defaultProps = {
|
|
|
2322
2328
|
const el = (t) => {
|
|
2323
2329
|
const c = t, { className: a, children: r } = c, _ = I(c, ["className", "children"]), o = m(
|
|
2324
2330
|
a,
|
|
2325
|
-
|
|
2331
|
+
S["date-picker--range__calendars-wrapper"]
|
|
2326
2332
|
);
|
|
2327
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2333
|
+
return /* @__PURE__ */ e.createElement("div", D(y({}, _), { className: o }), r);
|
|
2328
2334
|
}, L = {
|
|
2329
2335
|
"details-card": "lc-DetailsCard-module__details-card___cVoS7",
|
|
2330
2336
|
"details-card__float-button--open": "lc-DetailsCard-module__details-card__float-button--open___u9Kx2",
|
|
@@ -2360,22 +2366,22 @@ const el = (t) => {
|
|
|
2360
2366
|
hideLabelOnOpen: s,
|
|
2361
2367
|
onClick: i
|
|
2362
2368
|
}) => {
|
|
2363
|
-
const [d, p] = e.useState(n), [u, h] = e.useState(0),
|
|
2369
|
+
const [d, p] = e.useState(n), [u, h] = e.useState(0), f = e.useRef(null), g = m(
|
|
2364
2370
|
L[O],
|
|
2365
2371
|
c && L[`${O}--with-divider`],
|
|
2366
2372
|
a
|
|
2367
2373
|
), b = s && d, k = () => {
|
|
2368
|
-
p((
|
|
2374
|
+
p((v) => !v), i == null || i();
|
|
2369
2375
|
};
|
|
2370
2376
|
return e.useEffect(() => {
|
|
2371
|
-
const
|
|
2372
|
-
if (
|
|
2377
|
+
const v = !!window.IntersectionObserver;
|
|
2378
|
+
if (f.current && v) {
|
|
2373
2379
|
const $ = new ResizeObserver(() => {
|
|
2374
|
-
|
|
2380
|
+
f.current && u !== f.current.offsetHeight && h(f.current.offsetHeight);
|
|
2375
2381
|
});
|
|
2376
|
-
return $.observe(
|
|
2382
|
+
return $.observe(f.current), () => $.disconnect();
|
|
2377
2383
|
}
|
|
2378
|
-
}, [
|
|
2384
|
+
}, [f]), /* @__PURE__ */ e.createElement("div", { className: g }, /* @__PURE__ */ e.createElement(
|
|
2379
2385
|
"button",
|
|
2380
2386
|
{
|
|
2381
2387
|
className: m(
|
|
@@ -2397,27 +2403,27 @@ const el = (t) => {
|
|
|
2397
2403
|
)
|
|
2398
2404
|
},
|
|
2399
2405
|
r && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__left-node`] }, r),
|
|
2400
|
-
/* @__PURE__ */ e.createElement(
|
|
2406
|
+
/* @__PURE__ */ e.createElement(Ze, { size: "xs", className: L[`${O}__label__text`] }, o),
|
|
2401
2407
|
_ && /* @__PURE__ */ e.createElement("div", { className: L[`${O}__label__right-node`] }, _)
|
|
2402
2408
|
),
|
|
2403
2409
|
!s && /* @__PURE__ */ e.createElement(
|
|
2404
|
-
|
|
2410
|
+
x,
|
|
2405
2411
|
{
|
|
2406
2412
|
className: m(
|
|
2407
2413
|
L[`${O}__button__icon`],
|
|
2408
2414
|
d && L[`${O}__button__icon--open`]
|
|
2409
2415
|
),
|
|
2410
|
-
source:
|
|
2416
|
+
source: ta
|
|
2411
2417
|
}
|
|
2412
2418
|
)
|
|
2413
2419
|
), s && /* @__PURE__ */ e.createElement(
|
|
2414
|
-
|
|
2420
|
+
U,
|
|
2415
2421
|
{
|
|
2416
2422
|
kind: d ? "float" : "text",
|
|
2417
2423
|
icon: /* @__PURE__ */ e.createElement(
|
|
2418
|
-
|
|
2424
|
+
x,
|
|
2419
2425
|
{
|
|
2420
|
-
source:
|
|
2426
|
+
source: ta,
|
|
2421
2427
|
className: m(
|
|
2422
2428
|
L[`${O}__float-button__icon`],
|
|
2423
2429
|
d && L[`${O}__float-button__icon--open`]
|
|
@@ -2447,7 +2453,7 @@ const el = (t) => {
|
|
|
2447
2453
|
/* @__PURE__ */ e.createElement(
|
|
2448
2454
|
"div",
|
|
2449
2455
|
{
|
|
2450
|
-
ref:
|
|
2456
|
+
ref: f,
|
|
2451
2457
|
className: m(
|
|
2452
2458
|
L[`${O}__content`],
|
|
2453
2459
|
l && L[`${O}__content--full-space`],
|
|
@@ -2457,17 +2463,17 @@ const el = (t) => {
|
|
|
2457
2463
|
t
|
|
2458
2464
|
)
|
|
2459
2465
|
)));
|
|
2460
|
-
},
|
|
2466
|
+
}, Kt = {
|
|
2461
2467
|
"details-card-info": "lc-DetailsCardInfo-module__details-card-info___D4VRk",
|
|
2462
2468
|
"details-card-info__label": "lc-DetailsCardInfo-module__details-card-info__label___U-KsO",
|
|
2463
2469
|
"details-card-info__content": "lc-DetailsCardInfo-module__details-card-info__content___TFEXS"
|
|
2464
|
-
},
|
|
2470
|
+
}, Jt = "details-card-info", al = ({
|
|
2465
2471
|
children: t,
|
|
2466
2472
|
label: a
|
|
2467
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
2473
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: Kt[Jt] }, /* @__PURE__ */ e.createElement("div", { className: Kt[`${Jt}__label`] }, a), /* @__PURE__ */ e.createElement("div", { className: Kt[`${Jt}__content`] }, t)), Pa = {
|
|
2468
2474
|
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
2469
2475
|
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
2470
|
-
},
|
|
2476
|
+
}, Fa = "field-error", va = (_) => {
|
|
2471
2477
|
var o = _, {
|
|
2472
2478
|
children: t,
|
|
2473
2479
|
className: a = ""
|
|
@@ -2475,20 +2481,20 @@ const el = (t) => {
|
|
|
2475
2481
|
"children",
|
|
2476
2482
|
"className"
|
|
2477
2483
|
]);
|
|
2478
|
-
const c = m(
|
|
2479
|
-
return /* @__PURE__ */ e.createElement(M,
|
|
2480
|
-
|
|
2484
|
+
const c = m(Pa[Fa], a);
|
|
2485
|
+
return /* @__PURE__ */ e.createElement(M, D(y({ as: "span", size: "sm" }, r), { className: c }), /* @__PURE__ */ e.createElement(
|
|
2486
|
+
x,
|
|
2481
2487
|
{
|
|
2482
|
-
source:
|
|
2483
|
-
className:
|
|
2488
|
+
source: la,
|
|
2489
|
+
className: Pa[`${Fa}__icon`],
|
|
2484
2490
|
size: "small"
|
|
2485
2491
|
}
|
|
2486
2492
|
), t);
|
|
2487
|
-
},
|
|
2493
|
+
}, jt = {
|
|
2488
2494
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
2489
2495
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
2490
2496
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
2491
|
-
},
|
|
2497
|
+
}, Qt = "field-group", rl = (n) => {
|
|
2492
2498
|
var s = n, {
|
|
2493
2499
|
className: t = "",
|
|
2494
2500
|
children: a,
|
|
@@ -2504,18 +2510,18 @@ const el = (t) => {
|
|
|
2504
2510
|
"inline",
|
|
2505
2511
|
"stretch"
|
|
2506
2512
|
]);
|
|
2507
|
-
const i = m(
|
|
2508
|
-
[
|
|
2509
|
-
[
|
|
2513
|
+
const i = m(jt[Qt], t, {
|
|
2514
|
+
[jt[`${Qt}--inline`]]: o,
|
|
2515
|
+
[jt[`${Qt}--stretched`]]: c
|
|
2510
2516
|
});
|
|
2511
|
-
return /* @__PURE__ */ e.createElement("div",
|
|
2512
|
-
}, so = "lc-Form-module__form___1nOYF", io = "lc-Form-module__form__header___U4B7t", uo = "lc-Form-module__form__footer___1-sUX", mo = "lc-Form-module__form__label___spg-J", po = "lc-Form-module__form__helper___bhfwS",
|
|
2517
|
+
return /* @__PURE__ */ e.createElement("div", D(y({}, l), { className: i }), a, _ && /* @__PURE__ */ e.createElement(va, null, _), r && /* @__PURE__ */ e.createElement(Wt, null, r));
|
|
2518
|
+
}, so = "lc-Form-module__form___1nOYF", io = "lc-Form-module__form__header___U4B7t", uo = "lc-Form-module__form__footer___1-sUX", mo = "lc-Form-module__form__label___spg-J", po = "lc-Form-module__form__helper___bhfwS", gt = {
|
|
2513
2519
|
form: so,
|
|
2514
2520
|
form__header: io,
|
|
2515
2521
|
form__footer: uo,
|
|
2516
2522
|
form__label: mo,
|
|
2517
2523
|
form__helper: po
|
|
2518
|
-
},
|
|
2524
|
+
}, bt = "form", _l = (l) => {
|
|
2519
2525
|
var n = l, {
|
|
2520
2526
|
className: t,
|
|
2521
2527
|
children: a,
|
|
@@ -2529,8 +2535,8 @@ const el = (t) => {
|
|
|
2529
2535
|
"helperText",
|
|
2530
2536
|
"formFooter"
|
|
2531
2537
|
]);
|
|
2532
|
-
return /* @__PURE__ */ e.createElement("form", y({ className: m(
|
|
2533
|
-
},
|
|
2538
|
+
return /* @__PURE__ */ e.createElement("form", y({ className: m(gt[bt], t) }, c), (r || _) && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__header`] }, r && /* @__PURE__ */ e.createElement(Ze, { size: "sm", className: gt[`${bt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "p", size: "sm", className: gt[`${bt}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: gt[`${bt}__footer`] }, o));
|
|
2539
|
+
}, Y = {
|
|
2534
2540
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
2535
2541
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
2536
2542
|
"form-field__wrapper--inline": "lc-FormField-module__form-field__wrapper--inline___Ubvrn",
|
|
@@ -2547,7 +2553,7 @@ const el = (t) => {
|
|
|
2547
2553
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
2548
2554
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
2549
2555
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
2550
|
-
},
|
|
2556
|
+
}, q = "form-field", ol = ({
|
|
2551
2557
|
inline: t,
|
|
2552
2558
|
error: a,
|
|
2553
2559
|
description: r,
|
|
@@ -2559,9 +2565,9 @@ const el = (t) => {
|
|
|
2559
2565
|
labelRightNode: s
|
|
2560
2566
|
}) => {
|
|
2561
2567
|
const i = e.useRef(null), [d, p] = e.useState("auto"), u = m(
|
|
2562
|
-
|
|
2568
|
+
Y[q],
|
|
2563
2569
|
{
|
|
2564
|
-
[
|
|
2570
|
+
[Y[`${q}--inline`]]: t
|
|
2565
2571
|
},
|
|
2566
2572
|
c
|
|
2567
2573
|
);
|
|
@@ -2572,34 +2578,34 @@ const el = (t) => {
|
|
|
2572
2578
|
"div",
|
|
2573
2579
|
{
|
|
2574
2580
|
className: m(
|
|
2575
|
-
|
|
2576
|
-
|
|
2581
|
+
Y[`${q}__label-right-node`],
|
|
2582
|
+
Y[`${q}__label-right-node--inline`]
|
|
2577
2583
|
)
|
|
2578
2584
|
},
|
|
2579
2585
|
s
|
|
2580
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
2586
|
+
), /* @__PURE__ */ e.createElement("div", { className: Y[`${q}__row-break`] })), /* @__PURE__ */ e.createElement(
|
|
2581
2587
|
"div",
|
|
2582
2588
|
{
|
|
2583
2589
|
className: m(
|
|
2584
|
-
|
|
2585
|
-
t &&
|
|
2590
|
+
Y[`${q}__wrapper`],
|
|
2591
|
+
t && Y[`${q}__wrapper--inline`]
|
|
2586
2592
|
)
|
|
2587
2593
|
},
|
|
2588
2594
|
(_ || s) && /* @__PURE__ */ e.createElement(
|
|
2589
2595
|
"div",
|
|
2590
2596
|
{
|
|
2591
2597
|
className: m(
|
|
2592
|
-
|
|
2593
|
-
t &&
|
|
2594
|
-
!_ &&
|
|
2598
|
+
Y[`${q}__label`],
|
|
2599
|
+
t && Y[`${q}__label--inline`],
|
|
2600
|
+
!_ && Y[`${q}__label--no-text`]
|
|
2595
2601
|
)
|
|
2596
2602
|
},
|
|
2597
2603
|
_ && /* @__PURE__ */ e.createElement(
|
|
2598
2604
|
"div",
|
|
2599
2605
|
{
|
|
2600
2606
|
className: m(
|
|
2601
|
-
|
|
2602
|
-
t &&
|
|
2607
|
+
Y[`${q}__label-wrapper`],
|
|
2608
|
+
t && Y[`${q}__label-wrapper--inline`]
|
|
2603
2609
|
),
|
|
2604
2610
|
style: {
|
|
2605
2611
|
height: d
|
|
@@ -2608,7 +2614,7 @@ const el = (t) => {
|
|
|
2608
2614
|
/* @__PURE__ */ e.createElement(
|
|
2609
2615
|
"label",
|
|
2610
2616
|
{
|
|
2611
|
-
className:
|
|
2617
|
+
className: Y[`${q}__label-left-node`],
|
|
2612
2618
|
htmlFor: l
|
|
2613
2619
|
},
|
|
2614
2620
|
/* @__PURE__ */ e.createElement(M, { as: "span", size: "sm" }, _)
|
|
@@ -2617,29 +2623,29 @@ const el = (t) => {
|
|
|
2617
2623
|
"div",
|
|
2618
2624
|
{
|
|
2619
2625
|
className: m(
|
|
2620
|
-
|
|
2621
|
-
t &&
|
|
2626
|
+
Y[`${q}__label-adornment`],
|
|
2627
|
+
t && Y[`${q}__label-adornment--inline`]
|
|
2622
2628
|
)
|
|
2623
2629
|
},
|
|
2624
2630
|
o
|
|
2625
2631
|
)
|
|
2626
2632
|
),
|
|
2627
|
-
s && !t && /* @__PURE__ */ e.createElement("div", { className: m(
|
|
2633
|
+
s && !t && /* @__PURE__ */ e.createElement("div", { className: m(Y[`${q}__label-right-node`]) }, s)
|
|
2628
2634
|
),
|
|
2629
|
-
/* @__PURE__ */ e.createElement("div", { className: m(
|
|
2630
|
-
|
|
2635
|
+
/* @__PURE__ */ e.createElement("div", { className: m(Y[`${q}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, n), a && /* @__PURE__ */ e.createElement(va, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
2636
|
+
Wt,
|
|
2631
2637
|
{
|
|
2632
|
-
className: m(
|
|
2638
|
+
className: m(Y[`${q}__content__description`])
|
|
2633
2639
|
},
|
|
2634
2640
|
r
|
|
2635
2641
|
))
|
|
2636
2642
|
));
|
|
2637
|
-
},
|
|
2643
|
+
}, It = {
|
|
2638
2644
|
"form-group": "lc-FormGroup-module__form-group___e2JHa",
|
|
2639
2645
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
2640
2646
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
2641
2647
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
2642
|
-
},
|
|
2648
|
+
}, Pt = "form-group", cl = (c) => {
|
|
2643
2649
|
var l = c, {
|
|
2644
2650
|
className: t = "",
|
|
2645
2651
|
children: a,
|
|
@@ -2651,15 +2657,15 @@ const el = (t) => {
|
|
|
2651
2657
|
"labelText",
|
|
2652
2658
|
"helperText"
|
|
2653
2659
|
]);
|
|
2654
|
-
const n = m(
|
|
2660
|
+
const n = m(It[Pt], t);
|
|
2655
2661
|
return /* @__PURE__ */ e.createElement(
|
|
2656
2662
|
"div",
|
|
2657
|
-
|
|
2663
|
+
D(y(D(y({}, o), {
|
|
2658
2664
|
role: "group"
|
|
2659
2665
|
}), r && { "aria-label": r }), {
|
|
2660
2666
|
className: n
|
|
2661
2667
|
}),
|
|
2662
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
2668
|
+
/* @__PURE__ */ e.createElement("div", { className: It[`${Pt}__header`] }, /* @__PURE__ */ e.createElement(Ze, { as: "div", size: "sm", className: It[`${Pt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(M, { as: "div", size: "sm", className: It[`${Pt}__helper`] }, _)),
|
|
2663
2669
|
a
|
|
2664
2670
|
);
|
|
2665
2671
|
}, go = "lc-Input-module__input___qeMAQ", Te = {
|
|
@@ -2676,7 +2682,7 @@ const el = (t) => {
|
|
|
2676
2682
|
"input__icon--left": "lc-Input-module__input__icon--left___BcySs",
|
|
2677
2683
|
"input__icon--right": "lc-Input-module__input__icon--right___VefSK",
|
|
2678
2684
|
"input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
|
|
2679
|
-
}, Be = "input",
|
|
2685
|
+
}, Be = "input", Ra = (t, a) => e.cloneElement(t.source, {
|
|
2680
2686
|
"data-testid": `input-icon-${t.place}`,
|
|
2681
2687
|
className: m(
|
|
2682
2688
|
Te[`${Be}__icon`],
|
|
@@ -2702,7 +2708,7 @@ const el = (t) => {
|
|
|
2702
2708
|
"className",
|
|
2703
2709
|
"cropOnBlur"
|
|
2704
2710
|
]);
|
|
2705
|
-
const [d, p] = e.useState(!1), [u, h] = e.useState(!1), { type:
|
|
2711
|
+
const [d, p] = e.useState(!1), [u, h] = e.useState(!1), { type: f, onFocus: g, onBlur: b } = l, k = m(
|
|
2706
2712
|
o,
|
|
2707
2713
|
Te[Be],
|
|
2708
2714
|
Te[`${Be}--${t}`],
|
|
@@ -2712,10 +2718,10 @@ const el = (t) => {
|
|
|
2712
2718
|
[Te[`${Be}--error`]]: a,
|
|
2713
2719
|
[Te[`${Be}--crop`]]: c
|
|
2714
2720
|
}
|
|
2715
|
-
),
|
|
2716
|
-
return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w &&
|
|
2721
|
+
), v = r ? "var(--content-disabled)" : "var(--content-default)", $ = u ? Sr : Dr, w = _ && _.place === "left", T = _ && f !== "password" && _.place === "right";
|
|
2722
|
+
return /* @__PURE__ */ e.createElement("div", { className: k, "aria-disabled": r, "tab-index": "0" }, w && Ra(_, r), /* @__PURE__ */ e.createElement(
|
|
2717
2723
|
"input",
|
|
2718
|
-
|
|
2724
|
+
D(y({}, l), {
|
|
2719
2725
|
ref: n,
|
|
2720
2726
|
onFocus: (E) => {
|
|
2721
2727
|
p(!0), g == null || g(E);
|
|
@@ -2724,24 +2730,24 @@ const el = (t) => {
|
|
|
2724
2730
|
p(!1), b == null || b(E);
|
|
2725
2731
|
},
|
|
2726
2732
|
disabled: r,
|
|
2727
|
-
type:
|
|
2733
|
+
type: f && !u ? f : "text"
|
|
2728
2734
|
})
|
|
2729
|
-
),
|
|
2730
|
-
|
|
2735
|
+
), T && Ra(_, r), f === "password" && /* @__PURE__ */ e.createElement(
|
|
2736
|
+
U,
|
|
2731
2737
|
{
|
|
2732
2738
|
disabled: r,
|
|
2733
2739
|
kind: "text",
|
|
2734
2740
|
size: "compact",
|
|
2735
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
2741
|
+
icon: /* @__PURE__ */ e.createElement(x, { customColor: v, source: $ }),
|
|
2736
2742
|
onClick: () => h((E) => !E),
|
|
2737
2743
|
className: Te[`${Be}__visibility-button`]
|
|
2738
2744
|
}
|
|
2739
2745
|
));
|
|
2740
2746
|
}
|
|
2741
|
-
), bo = "lc-Link-module__link___kqx52",
|
|
2747
|
+
), bo = "lc-Link-module__link___kqx52", Ma = {
|
|
2742
2748
|
link: bo,
|
|
2743
2749
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
2744
|
-
},
|
|
2750
|
+
}, La = "link", nl = (_) => {
|
|
2745
2751
|
var o = _, {
|
|
2746
2752
|
bold: t = !1,
|
|
2747
2753
|
className: a = ""
|
|
@@ -2753,13 +2759,13 @@ const el = (t) => {
|
|
|
2753
2759
|
"a",
|
|
2754
2760
|
y({
|
|
2755
2761
|
className: m(
|
|
2756
|
-
|
|
2757
|
-
t &&
|
|
2762
|
+
Ma[La],
|
|
2763
|
+
t && Ma[`${La}--bold`],
|
|
2758
2764
|
a
|
|
2759
2765
|
)
|
|
2760
2766
|
}, r)
|
|
2761
2767
|
);
|
|
2762
|
-
}, fo = "lc-Modal-module__modal__body___M-jmN", vo = "lc-Modal-module__modal__header___Fp5VE", ho = "lc-Modal-module__modal__heading___G9KVK", ko = "lc-Modal-module__modal__footer___2LYdc",
|
|
2768
|
+
}, fo = "lc-Modal-module__modal__body___M-jmN", vo = "lc-Modal-module__modal__header___Fp5VE", ho = "lc-Modal-module__modal__heading___G9KVK", ko = "lc-Modal-module__modal__footer___2LYdc", de = {
|
|
2763
2769
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
2764
2770
|
"modal-base--full-space": "lc-Modal-module__modal-base--full-space___KcGFL",
|
|
2765
2771
|
"modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
|
|
@@ -2772,7 +2778,7 @@ const el = (t) => {
|
|
|
2772
2778
|
modal__heading: ho,
|
|
2773
2779
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
2774
2780
|
modal__footer: ko
|
|
2775
|
-
},
|
|
2781
|
+
}, Ft = "modal-base", yo = (n) => {
|
|
2776
2782
|
var s = n, {
|
|
2777
2783
|
children: t,
|
|
2778
2784
|
className: a = "",
|
|
@@ -2789,15 +2795,15 @@ const el = (t) => {
|
|
|
2789
2795
|
"fullSpaceContent"
|
|
2790
2796
|
]);
|
|
2791
2797
|
const i = m(
|
|
2792
|
-
|
|
2798
|
+
de[Ft],
|
|
2793
2799
|
a,
|
|
2794
|
-
c &&
|
|
2800
|
+
c && de[`${Ft}--full-space`]
|
|
2795
2801
|
);
|
|
2796
2802
|
e.useEffect(() => {
|
|
2797
2803
|
if (!_)
|
|
2798
2804
|
return;
|
|
2799
2805
|
const p = (u) => {
|
|
2800
|
-
u.key ===
|
|
2806
|
+
u.key === G.esc && r();
|
|
2801
2807
|
};
|
|
2802
2808
|
return document.addEventListener("keyup", p, !0), () => document.removeEventListener("keyup", p, !0);
|
|
2803
2809
|
}, [_]);
|
|
@@ -2810,8 +2816,8 @@ const el = (t) => {
|
|
|
2810
2816
|
"data-testid": "lc-modal-overlay",
|
|
2811
2817
|
onMouseDown: d,
|
|
2812
2818
|
className: m(
|
|
2813
|
-
|
|
2814
|
-
|
|
2819
|
+
de[`${Ft}__overlay`],
|
|
2820
|
+
de[`${Ft}__overlay--visible`]
|
|
2815
2821
|
)
|
|
2816
2822
|
},
|
|
2817
2823
|
/* @__PURE__ */ e.createElement(
|
|
@@ -2824,23 +2830,23 @@ const el = (t) => {
|
|
|
2824
2830
|
t
|
|
2825
2831
|
)
|
|
2826
2832
|
);
|
|
2827
|
-
},
|
|
2833
|
+
}, Oa = ({
|
|
2828
2834
|
labelType: t,
|
|
2829
2835
|
customColor: a,
|
|
2830
2836
|
onClick: r
|
|
2831
2837
|
}) => /* @__PURE__ */ e.createElement(
|
|
2832
|
-
|
|
2838
|
+
U,
|
|
2833
2839
|
{
|
|
2834
2840
|
kind: "plain",
|
|
2835
2841
|
title: "Close modal",
|
|
2836
2842
|
className: m(
|
|
2837
|
-
|
|
2838
|
-
t &&
|
|
2843
|
+
de["modal-base__close"],
|
|
2844
|
+
t && de["modal-base__close--label-type"]
|
|
2839
2845
|
),
|
|
2840
2846
|
onClick: r,
|
|
2841
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
2847
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium", customColor: a })
|
|
2842
2848
|
}
|
|
2843
|
-
),
|
|
2849
|
+
), je = "modal", sl = (i) => {
|
|
2844
2850
|
var d = i, {
|
|
2845
2851
|
children: t,
|
|
2846
2852
|
className: a = "",
|
|
@@ -2860,8 +2866,8 @@ const el = (t) => {
|
|
|
2860
2866
|
"onClose",
|
|
2861
2867
|
"contentClassName"
|
|
2862
2868
|
]);
|
|
2863
|
-
const p = m(
|
|
2864
|
-
|
|
2869
|
+
const p = m(de[je], a), u = typeof t == "string", h = (f) => {
|
|
2870
|
+
f.preventDefault(), f.stopPropagation(), l();
|
|
2865
2871
|
};
|
|
2866
2872
|
return /* @__PURE__ */ e.createElement(
|
|
2867
2873
|
yo,
|
|
@@ -2870,40 +2876,40 @@ const el = (t) => {
|
|
|
2870
2876
|
fullSpaceContent: o,
|
|
2871
2877
|
onClose: l
|
|
2872
2878
|
}, s),
|
|
2873
|
-
_ && /* @__PURE__ */ e.createElement("div", { className:
|
|
2874
|
-
|
|
2879
|
+
_ && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
2880
|
+
Ze,
|
|
2875
2881
|
{
|
|
2876
2882
|
size: "md",
|
|
2877
2883
|
as: "div",
|
|
2878
|
-
className:
|
|
2884
|
+
className: de[`${je}__label-heading`]
|
|
2879
2885
|
},
|
|
2880
2886
|
_
|
|
2881
2887
|
), /* @__PURE__ */ e.createElement(
|
|
2882
|
-
|
|
2888
|
+
Oa,
|
|
2883
2889
|
{
|
|
2884
2890
|
labelType: !!_,
|
|
2885
2891
|
customColor: "var(--color-white)",
|
|
2886
2892
|
onClick: h
|
|
2887
2893
|
}
|
|
2888
2894
|
)),
|
|
2889
|
-
!_ && r && /* @__PURE__ */ e.createElement("div", { className:
|
|
2890
|
-
|
|
2895
|
+
!_ && r && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__header`] }, /* @__PURE__ */ e.createElement(
|
|
2896
|
+
Ze,
|
|
2891
2897
|
{
|
|
2892
2898
|
size: "md",
|
|
2893
2899
|
as: "div",
|
|
2894
|
-
className:
|
|
2900
|
+
className: de[`${je}__heading`]
|
|
2895
2901
|
},
|
|
2896
2902
|
r
|
|
2897
|
-
), /* @__PURE__ */ e.createElement(
|
|
2903
|
+
), /* @__PURE__ */ e.createElement(Oa, { onClick: h })),
|
|
2898
2904
|
/* @__PURE__ */ e.createElement(
|
|
2899
2905
|
"div",
|
|
2900
2906
|
{
|
|
2901
2907
|
"data-testid": "modal-body",
|
|
2902
|
-
className: m(
|
|
2908
|
+
className: m(de[`${je}__body`], n)
|
|
2903
2909
|
},
|
|
2904
2910
|
u ? /* @__PURE__ */ e.createElement(M, { as: "div" }, t) : t
|
|
2905
2911
|
),
|
|
2906
|
-
c && /* @__PURE__ */ e.createElement("div", { className:
|
|
2912
|
+
c && /* @__PURE__ */ e.createElement("div", { className: de[`${je}__footer`] }, c)
|
|
2907
2913
|
);
|
|
2908
2914
|
}, il = ({
|
|
2909
2915
|
children: t,
|
|
@@ -2919,54 +2925,54 @@ const el = (t) => {
|
|
|
2919
2925
|
(l = document.querySelector(r)) == null || l.removeChild(o);
|
|
2920
2926
|
};
|
|
2921
2927
|
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, Gr.createPortal(t, o));
|
|
2922
|
-
},
|
|
2928
|
+
}, et = {
|
|
2923
2929
|
"modal-header": "lc-ModalHeader-module__modal-header___xk3bd",
|
|
2924
2930
|
"modal-header__heading-left-node": "lc-ModalHeader-module__modal-header__heading-left-node___1--G5",
|
|
2925
2931
|
"modal-header__heading-body": "lc-ModalHeader-module__modal-header__heading-body___HHEF-",
|
|
2926
2932
|
"modal-header__heading-title": "lc-ModalHeader-module__modal-header__heading-title___2R9pm",
|
|
2927
2933
|
"modal-header__heading-description": "lc-ModalHeader-module__modal-header__heading-description___54Xvf"
|
|
2928
|
-
},
|
|
2934
|
+
}, tt = "modal-header", dl = ({
|
|
2929
2935
|
title: t,
|
|
2930
2936
|
iconProps: a,
|
|
2931
2937
|
avatarProps: r,
|
|
2932
2938
|
children: _,
|
|
2933
2939
|
className: o = ""
|
|
2934
2940
|
}) => {
|
|
2935
|
-
const c = Ur(
|
|
2941
|
+
const c = Ur(et[tt], o);
|
|
2936
2942
|
return /* @__PURE__ */ e.createElement("div", { className: c }, a && /* @__PURE__ */ e.createElement(
|
|
2937
|
-
|
|
2943
|
+
x,
|
|
2938
2944
|
y({
|
|
2939
|
-
className:
|
|
2945
|
+
className: et[`${tt}__heading-left-node`]
|
|
2940
2946
|
}, a)
|
|
2941
2947
|
), r && /* @__PURE__ */ e.createElement(
|
|
2942
2948
|
N_,
|
|
2943
2949
|
y({
|
|
2944
|
-
className:
|
|
2950
|
+
className: et[`${tt}__heading-left-node`]
|
|
2945
2951
|
}, r)
|
|
2946
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
2947
|
-
|
|
2952
|
+
), /* @__PURE__ */ e.createElement("div", { className: et[`${tt}__heading-body`] }, /* @__PURE__ */ e.createElement(
|
|
2953
|
+
Ze,
|
|
2948
2954
|
{
|
|
2949
2955
|
as: "div",
|
|
2950
2956
|
size: "md",
|
|
2951
|
-
className:
|
|
2957
|
+
className: et[`${tt}__heading-title`]
|
|
2952
2958
|
},
|
|
2953
2959
|
t
|
|
2954
2960
|
), _ && /* @__PURE__ */ e.createElement(
|
|
2955
2961
|
M,
|
|
2956
2962
|
{
|
|
2957
2963
|
as: "div",
|
|
2958
|
-
className:
|
|
2964
|
+
className: et[`${tt}__heading-description`]
|
|
2959
2965
|
},
|
|
2960
2966
|
_
|
|
2961
2967
|
)));
|
|
2962
|
-
},
|
|
2968
|
+
}, at = {
|
|
2963
2969
|
"numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
|
|
2964
2970
|
"numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
|
|
2965
2971
|
"numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
|
|
2966
2972
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
2967
2973
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
2968
2974
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
2969
|
-
},
|
|
2975
|
+
}, rt = "numeric-input", ul = (d) => {
|
|
2970
2976
|
var p = d, {
|
|
2971
2977
|
className: t,
|
|
2972
2978
|
error: a,
|
|
@@ -2989,38 +2995,38 @@ const el = (t) => {
|
|
|
2989
2995
|
"onChange"
|
|
2990
2996
|
]);
|
|
2991
2997
|
const u = e.useRef(null), h = m(
|
|
2992
|
-
|
|
2998
|
+
at[rt],
|
|
2993
2999
|
{
|
|
2994
|
-
[
|
|
2995
|
-
[
|
|
2996
|
-
[
|
|
3000
|
+
[at[`${rt}--error`]]: a,
|
|
3001
|
+
[at[`${rt}--no-controls`]]: l,
|
|
3002
|
+
[at[`${rt}--disabled`]]: c
|
|
2997
3003
|
},
|
|
2998
3004
|
t
|
|
2999
|
-
),
|
|
3005
|
+
), f = (E) => s(String(E)), g = (E) => _ !== void 0 && E > _ ? _ : o !== void 0 && E < o ? o : E, b = (E) => {
|
|
3000
3006
|
const B = parseInt(r, 10) + E;
|
|
3001
|
-
return
|
|
3007
|
+
return f(g(B));
|
|
3002
3008
|
}, k = (E) => {
|
|
3003
|
-
E.key ===
|
|
3004
|
-
},
|
|
3009
|
+
E.key === G.arrowDown && (E.preventDefault(), b(-1)), E.key === G.arrowUp && (E.preventDefault(), b(1));
|
|
3010
|
+
}, v = (E, B) => B !== void 0 && parseInt(E, 10) === B, $ = (E) => {
|
|
3005
3011
|
E.preventDefault(), E.stopPropagation();
|
|
3006
3012
|
const B = E.currentTarget.value.replace(
|
|
3007
3013
|
/((?!([-]|([-]?\d+))).)/,
|
|
3008
3014
|
""
|
|
3009
3015
|
);
|
|
3010
3016
|
if (B === "" || B === "-")
|
|
3011
|
-
return
|
|
3012
|
-
const
|
|
3013
|
-
return
|
|
3017
|
+
return f(B);
|
|
3018
|
+
const N = parseInt(B, 10);
|
|
3019
|
+
return f(g(N));
|
|
3014
3020
|
}, w = () => {
|
|
3015
3021
|
var E;
|
|
3016
3022
|
return (E = u.current) == null || E.focus(), b(1);
|
|
3017
|
-
},
|
|
3023
|
+
}, T = () => {
|
|
3018
3024
|
var E;
|
|
3019
3025
|
return (E = u.current) == null || E.focus(), b(-1);
|
|
3020
3026
|
};
|
|
3021
3027
|
return /* @__PURE__ */ e.createElement("div", { className: h, style: n }, /* @__PURE__ */ e.createElement(
|
|
3022
3028
|
"input",
|
|
3023
|
-
|
|
3029
|
+
D(y({
|
|
3024
3030
|
type: "text",
|
|
3025
3031
|
ref: u
|
|
3026
3032
|
}, i), {
|
|
@@ -3035,17 +3041,17 @@ const el = (t) => {
|
|
|
3035
3041
|
"button",
|
|
3036
3042
|
{
|
|
3037
3043
|
tabIndex: -1,
|
|
3038
|
-
disabled: c ||
|
|
3044
|
+
disabled: c || v(r, _),
|
|
3039
3045
|
onClick: w,
|
|
3040
3046
|
"aria-label": "Increment value",
|
|
3041
|
-
className:
|
|
3047
|
+
className: at[`${rt}__increment`],
|
|
3042
3048
|
type: "button"
|
|
3043
3049
|
},
|
|
3044
3050
|
/* @__PURE__ */ e.createElement(
|
|
3045
|
-
|
|
3051
|
+
x,
|
|
3046
3052
|
{
|
|
3047
|
-
source:
|
|
3048
|
-
disabled: c ||
|
|
3053
|
+
source: Ut,
|
|
3054
|
+
disabled: c || v(r, _),
|
|
3049
3055
|
kind: "primary"
|
|
3050
3056
|
}
|
|
3051
3057
|
)
|
|
@@ -3053,22 +3059,22 @@ const el = (t) => {
|
|
|
3053
3059
|
"button",
|
|
3054
3060
|
{
|
|
3055
3061
|
tabIndex: -1,
|
|
3056
|
-
disabled: c ||
|
|
3062
|
+
disabled: c || v(r, o),
|
|
3057
3063
|
"aria-label": "Decrement value",
|
|
3058
|
-
className:
|
|
3059
|
-
onClick:
|
|
3064
|
+
className: at[`${rt}__decrement`],
|
|
3065
|
+
onClick: T,
|
|
3060
3066
|
type: "button"
|
|
3061
3067
|
},
|
|
3062
3068
|
/* @__PURE__ */ e.createElement(
|
|
3063
|
-
|
|
3069
|
+
x,
|
|
3064
3070
|
{
|
|
3065
|
-
source:
|
|
3071
|
+
source: $t,
|
|
3066
3072
|
kind: "primary",
|
|
3067
|
-
disabled: c ||
|
|
3073
|
+
disabled: c || v(r, o)
|
|
3068
3074
|
}
|
|
3069
3075
|
)
|
|
3070
3076
|
)));
|
|
3071
|
-
},
|
|
3077
|
+
}, ct = "select-all";
|
|
3072
3078
|
function Eo(t, a) {
|
|
3073
3079
|
const r = {};
|
|
3074
3080
|
if (a && a.length > 1) {
|
|
@@ -3084,7 +3090,7 @@ function Eo(t, a) {
|
|
|
3084
3090
|
}
|
|
3085
3091
|
return r;
|
|
3086
3092
|
}
|
|
3087
|
-
const
|
|
3093
|
+
const j = {
|
|
3088
3094
|
"list-wrapper": "lc-PickerList-module__list-wrapper___ZJjPY",
|
|
3089
3095
|
"picker-list": "lc-PickerList-module__picker-list___FqdgZ",
|
|
3090
3096
|
"picker-list__no-results": "lc-PickerList-module__picker-list__no-results___tX172",
|
|
@@ -3099,43 +3105,43 @@ const J = {
|
|
|
3099
3105
|
"picker-list__item__label-container": "lc-PickerList-module__picker-list__item__label-container___yZXW5",
|
|
3100
3106
|
"picker-list__item__main-label": "lc-PickerList-module__picker-list__item__main-label___uRgQw",
|
|
3101
3107
|
"picker-list__item__secondary-label": "lc-PickerList-module__picker-list__item__secondary-label___lpkFW"
|
|
3102
|
-
},
|
|
3108
|
+
}, ye = "picker-list__item", $o = ({
|
|
3103
3109
|
item: t,
|
|
3104
3110
|
isItemSelected: a,
|
|
3105
3111
|
currentItemKey: r,
|
|
3106
3112
|
isAdjacentStyleApplied: _,
|
|
3107
3113
|
onSelect: o
|
|
3108
3114
|
}) => {
|
|
3109
|
-
const c = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className:
|
|
3115
|
+
const c = (n) => n != null && n.customElement ? /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__custom`] }, n.customElement.listItemBody) : /* @__PURE__ */ e.createElement(e.Fragment, null, n.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3110
3116
|
"input",
|
|
3111
3117
|
{
|
|
3112
3118
|
type: "checkbox",
|
|
3113
|
-
className:
|
|
3119
|
+
className: j[`${ye}__checkbox`],
|
|
3114
3120
|
checked: a
|
|
3115
3121
|
}
|
|
3116
3122
|
), n.icon && /* @__PURE__ */ e.createElement(
|
|
3117
|
-
|
|
3123
|
+
x,
|
|
3118
3124
|
{
|
|
3119
|
-
className:
|
|
3125
|
+
className: j[`${ye}__icon`],
|
|
3120
3126
|
kind: "link",
|
|
3121
3127
|
source: n.icon
|
|
3122
3128
|
}
|
|
3123
3129
|
), n.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3124
3130
|
"img",
|
|
3125
3131
|
{
|
|
3126
|
-
className: m(
|
|
3132
|
+
className: m(j[`${ye}__avatar`]),
|
|
3127
3133
|
src: n.avatarSrc,
|
|
3128
3134
|
alt: n.name
|
|
3129
3135
|
}
|
|
3130
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3136
|
+
), /* @__PURE__ */ e.createElement("div", { className: j[`${ye}__label-container`] }, /* @__PURE__ */ e.createElement(
|
|
3131
3137
|
"span",
|
|
3132
3138
|
{
|
|
3133
3139
|
className: m({
|
|
3134
|
-
[
|
|
3140
|
+
[j[`${ye}__main-label`]]: n.secondaryText
|
|
3135
3141
|
})
|
|
3136
3142
|
},
|
|
3137
3143
|
n.name
|
|
3138
|
-
), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className:
|
|
3144
|
+
), n.secondaryText && /* @__PURE__ */ e.createElement("span", { className: j[`${ye}__secondary-label`] }, n.secondaryText))), l = (n) => {
|
|
3139
3145
|
!n.disabled && o(n);
|
|
3140
3146
|
};
|
|
3141
3147
|
return t.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
@@ -3143,7 +3149,7 @@ const J = {
|
|
|
3143
3149
|
{
|
|
3144
3150
|
role: "option",
|
|
3145
3151
|
key: t.key,
|
|
3146
|
-
className:
|
|
3152
|
+
className: j[`${ye}__header`]
|
|
3147
3153
|
},
|
|
3148
3154
|
t.name
|
|
3149
3155
|
) : /* @__PURE__ */ e.createElement(
|
|
@@ -3160,22 +3166,22 @@ const J = {
|
|
|
3160
3166
|
id: t.key,
|
|
3161
3167
|
key: t.key,
|
|
3162
3168
|
"data-adjacent": _,
|
|
3163
|
-
className: m(
|
|
3164
|
-
[
|
|
3169
|
+
className: m(j[ye], {
|
|
3170
|
+
[j[`${ye}__custom`]]: t == null ? void 0 : t.customElement
|
|
3165
3171
|
}),
|
|
3166
3172
|
onClick: () => l(t)
|
|
3167
3173
|
},
|
|
3168
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
3174
|
+
/* @__PURE__ */ e.createElement("div", { className: j[`${ye}__content`] }, c(t)),
|
|
3169
3175
|
a && !t.showCheckbox && /* @__PURE__ */ e.createElement(
|
|
3170
|
-
|
|
3176
|
+
x,
|
|
3171
3177
|
{
|
|
3172
3178
|
kind: "link",
|
|
3173
|
-
source:
|
|
3179
|
+
source: Gt,
|
|
3174
3180
|
customColor: "var(--content-basic-info)"
|
|
3175
3181
|
}
|
|
3176
3182
|
)
|
|
3177
3183
|
);
|
|
3178
|
-
},
|
|
3184
|
+
}, oa = "picker-list", Ha = `${oa}__item`, wo = ({
|
|
3179
3185
|
isOpen: t,
|
|
3180
3186
|
items: a,
|
|
3181
3187
|
selectedItemsKeys: r,
|
|
@@ -3186,13 +3192,13 @@ const J = {
|
|
|
3186
3192
|
onSelect: n,
|
|
3187
3193
|
onSelectAll: s
|
|
3188
3194
|
}) => {
|
|
3189
|
-
const i = m(
|
|
3190
|
-
[
|
|
3195
|
+
const i = m(j[oa], {
|
|
3196
|
+
[j[`${oa}__no-results`]]: a.length === 0
|
|
3191
3197
|
}), [d, p] = e.useState(
|
|
3192
3198
|
null
|
|
3193
|
-
), u = e.useRef(-1), h = e.useRef(0),
|
|
3194
|
-
if (
|
|
3195
|
-
if (
|
|
3199
|
+
), u = e.useRef(-1), h = e.useRef(0), f = e.useRef(null), [g, b] = e.useState({}), k = (N) => {
|
|
3200
|
+
if (N.key === G.esc && (N.preventDefault(), l()), N.key === G.arrowUp && u.current > 0 && (N.preventDefault(), u.current = $(), p(a[u.current].key)), N.key === G.arrowDown && u.current + 1 < a.length && (N.preventDefault(), u.current = w(), p(a[u.current].key)), N.key === G.enter && a[u.current] && !a[u.current].disabled) {
|
|
3201
|
+
if (N.preventDefault(), a[u.current].key === ct)
|
|
3196
3202
|
return s();
|
|
3197
3203
|
n(a[u.current]);
|
|
3198
3204
|
}
|
|
@@ -3204,53 +3210,53 @@ const J = {
|
|
|
3204
3210
|
}, [a, t, k]), e.useEffect(() => {
|
|
3205
3211
|
b(Eo(a, r));
|
|
3206
3212
|
}, [r, a]);
|
|
3207
|
-
const
|
|
3208
|
-
for (u.current = u.current - 1;
|
|
3213
|
+
const v = (N) => !!a[N] && (a[N].disabled || a[N].groupHeader), $ = () => {
|
|
3214
|
+
for (u.current = u.current - 1; v(u.current) && (u.current = u.current - 1, !!v(u.current)); )
|
|
3209
3215
|
;
|
|
3210
3216
|
return h.current = u.current, u.current;
|
|
3211
3217
|
}, w = () => {
|
|
3212
|
-
if (u.current = u.current + 1, !
|
|
3218
|
+
if (u.current = u.current + 1, !v(u.current))
|
|
3213
3219
|
return h.current = u.current, u.current;
|
|
3214
|
-
for (;
|
|
3215
|
-
if (u.current = u.current + 1, u.current === a.length && !
|
|
3220
|
+
for (; v(u.current); ) {
|
|
3221
|
+
if (u.current = u.current + 1, u.current === a.length && !v(u.current))
|
|
3216
3222
|
return h.current;
|
|
3217
|
-
if (!
|
|
3223
|
+
if (!v(u.current))
|
|
3218
3224
|
break;
|
|
3219
3225
|
}
|
|
3220
3226
|
return h.current = u.current, u.current;
|
|
3221
|
-
},
|
|
3227
|
+
}, T = () => s(), E = (N) => r ? r.includes(N) : !1, B = () => !c || c && !o ? null : /* @__PURE__ */ e.createElement(
|
|
3222
3228
|
"li",
|
|
3223
3229
|
{
|
|
3224
|
-
ref: (
|
|
3225
|
-
d ===
|
|
3230
|
+
ref: (N) => {
|
|
3231
|
+
d === ct && (N == null || N.scrollIntoView({ block: "nearest" }));
|
|
3226
3232
|
},
|
|
3227
3233
|
role: "option",
|
|
3228
|
-
"aria-current": d ===
|
|
3229
|
-
id:
|
|
3230
|
-
key:
|
|
3234
|
+
"aria-current": d === ct,
|
|
3235
|
+
id: ct,
|
|
3236
|
+
key: ct,
|
|
3231
3237
|
className: m(
|
|
3232
|
-
|
|
3233
|
-
|
|
3238
|
+
j[Ha],
|
|
3239
|
+
j[`${Ha}--select-all`]
|
|
3234
3240
|
),
|
|
3235
|
-
onClick:
|
|
3241
|
+
onClick: T
|
|
3236
3242
|
},
|
|
3237
3243
|
o
|
|
3238
3244
|
);
|
|
3239
|
-
return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className:
|
|
3245
|
+
return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement("div", { className: i }, _)) : /* @__PURE__ */ e.createElement("div", { className: j["list-wrapper"] }, /* @__PURE__ */ e.createElement(
|
|
3240
3246
|
"ul",
|
|
3241
3247
|
{
|
|
3242
|
-
ref:
|
|
3248
|
+
ref: f,
|
|
3243
3249
|
className: i,
|
|
3244
3250
|
role: "listbox",
|
|
3245
3251
|
tabIndex: -1
|
|
3246
3252
|
},
|
|
3247
3253
|
B(),
|
|
3248
|
-
a.map((
|
|
3254
|
+
a.map((N) => /* @__PURE__ */ e.createElement(
|
|
3249
3255
|
$o,
|
|
3250
3256
|
{
|
|
3251
|
-
item:
|
|
3252
|
-
isItemSelected: E(
|
|
3253
|
-
isAdjacentStyleApplied: g[
|
|
3257
|
+
item: N,
|
|
3258
|
+
isItemSelected: E(N.key),
|
|
3259
|
+
isAdjacentStyleApplied: g[N.key],
|
|
3254
3260
|
currentItemKey: d,
|
|
3255
3261
|
onSelect: n
|
|
3256
3262
|
}
|
|
@@ -3288,7 +3294,7 @@ const J = {
|
|
|
3288
3294
|
onClear: p,
|
|
3289
3295
|
testId: u
|
|
3290
3296
|
}) => {
|
|
3291
|
-
const h = e.useRef(null),
|
|
3297
|
+
const h = e.useRef(null), f = m(
|
|
3292
3298
|
oe[te],
|
|
3293
3299
|
oe[`${te}--${s}`],
|
|
3294
3300
|
n && oe[`${te}--multi-select`],
|
|
@@ -3298,23 +3304,23 @@ const J = {
|
|
|
3298
3304
|
_ && oe[`${te}--error`]
|
|
3299
3305
|
);
|
|
3300
3306
|
e.useEffect(() => {
|
|
3301
|
-
const
|
|
3302
|
-
document.activeElement === h.current && $.key !==
|
|
3307
|
+
const v = ($) => {
|
|
3308
|
+
document.activeElement === h.current && $.key !== G.tab && d($);
|
|
3303
3309
|
};
|
|
3304
|
-
return a || document.addEventListener("keydown",
|
|
3305
|
-
a || document.removeEventListener("keydown",
|
|
3310
|
+
return a || document.addEventListener("keydown", v), () => {
|
|
3311
|
+
a || document.removeEventListener("keydown", v);
|
|
3306
3312
|
};
|
|
3307
3313
|
}, [a]);
|
|
3308
|
-
const g = (
|
|
3309
|
-
d(
|
|
3310
|
-
}, b = (
|
|
3311
|
-
|
|
3314
|
+
const g = (v) => {
|
|
3315
|
+
d(v);
|
|
3316
|
+
}, b = (v) => {
|
|
3317
|
+
v.stopPropagation(), p();
|
|
3312
3318
|
}, k = !i && o && !r && !l;
|
|
3313
3319
|
return /* @__PURE__ */ e.createElement(
|
|
3314
3320
|
"div",
|
|
3315
3321
|
{
|
|
3316
3322
|
ref: h,
|
|
3317
|
-
className:
|
|
3323
|
+
className: f,
|
|
3318
3324
|
onClick: g,
|
|
3319
3325
|
tabIndex: 0,
|
|
3320
3326
|
"data-testid": u
|
|
@@ -3345,13 +3351,13 @@ const J = {
|
|
|
3345
3351
|
className: oe[`${te}__clear-icon`],
|
|
3346
3352
|
onClick: b
|
|
3347
3353
|
},
|
|
3348
|
-
/* @__PURE__ */ e.createElement(
|
|
3354
|
+
/* @__PURE__ */ e.createElement(x, { kind: "primary", size: "small", source: Ne })
|
|
3349
3355
|
),
|
|
3350
3356
|
/* @__PURE__ */ e.createElement(
|
|
3351
|
-
|
|
3357
|
+
x,
|
|
3352
3358
|
{
|
|
3353
3359
|
className: oe[`${te}__chevron-icon`],
|
|
3354
|
-
source: c ?
|
|
3360
|
+
source: c ? Ut : $t,
|
|
3355
3361
|
size: "medium",
|
|
3356
3362
|
disabled: r
|
|
3357
3363
|
}
|
|
@@ -3378,7 +3384,7 @@ const J = {
|
|
|
3378
3384
|
"tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
|
|
3379
3385
|
tag__node: Do,
|
|
3380
3386
|
tag__content: To
|
|
3381
|
-
}, Fe = "tag", Bo = (t) => t ?
|
|
3387
|
+
}, Fe = "tag", Bo = (t) => t ? ba(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", _r = (p) => {
|
|
3382
3388
|
var u = p, {
|
|
3383
3389
|
className: t = "",
|
|
3384
3390
|
children: a,
|
|
@@ -3412,7 +3418,7 @@ const J = {
|
|
|
3412
3418
|
[Pe[`${Fe}--outline`]]: l,
|
|
3413
3419
|
[Pe[`${Fe}--${Bo(i)}`]]: !!i
|
|
3414
3420
|
}
|
|
3415
|
-
),
|
|
3421
|
+
), f = _ === "small" ? "small" : "medium", g = () => i ? l ? {
|
|
3416
3422
|
style: {
|
|
3417
3423
|
backgroundColor: "transparent",
|
|
3418
3424
|
color: i,
|
|
@@ -3420,11 +3426,11 @@ const J = {
|
|
|
3420
3426
|
}
|
|
3421
3427
|
} : { style: { backgroundColor: i } } : {}, b = () => {
|
|
3422
3428
|
if (i)
|
|
3423
|
-
return l ? i :
|
|
3429
|
+
return l ? i : ba(i, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
3424
3430
|
};
|
|
3425
3431
|
return /* @__PURE__ */ e.createElement(
|
|
3426
3432
|
M,
|
|
3427
|
-
|
|
3433
|
+
D(y(y({
|
|
3428
3434
|
className: h
|
|
3429
3435
|
}, d), g()), {
|
|
3430
3436
|
as: "div",
|
|
@@ -3457,17 +3463,17 @@ const J = {
|
|
|
3457
3463
|
className: Pe[`${Fe}__remove`]
|
|
3458
3464
|
},
|
|
3459
3465
|
/* @__PURE__ */ e.createElement(
|
|
3460
|
-
|
|
3466
|
+
x,
|
|
3461
3467
|
{
|
|
3462
3468
|
"data-dismiss-icon": !0,
|
|
3463
|
-
source:
|
|
3464
|
-
size:
|
|
3469
|
+
source: Ne,
|
|
3470
|
+
size: f,
|
|
3465
3471
|
customColor: b()
|
|
3466
3472
|
}
|
|
3467
3473
|
)
|
|
3468
3474
|
)
|
|
3469
3475
|
);
|
|
3470
|
-
},
|
|
3476
|
+
}, be = {
|
|
3471
3477
|
"picker-trigger-body": "lc-TriggerBody-module__picker-trigger-body___ZWjX9",
|
|
3472
3478
|
"picker-trigger-body--single": "lc-TriggerBody-module__picker-trigger-body--single___KNWtO",
|
|
3473
3479
|
"picker-trigger-body__item-container": "lc-TriggerBody-module__picker-trigger-body__item-container___l2NTQ",
|
|
@@ -3483,7 +3489,7 @@ const J = {
|
|
|
3483
3489
|
"picker-trigger-body__tag--compact": "lc-TriggerBody-module__picker-trigger-body__tag--compact___X-oAF",
|
|
3484
3490
|
"picker-trigger-body__tag--medium": "lc-TriggerBody-module__picker-trigger-body__tag--medium___Ptkd5",
|
|
3485
3491
|
"picker-trigger-body__tag--large": "lc-TriggerBody-module__picker-trigger-body__tag--large___Saoy1"
|
|
3486
|
-
},
|
|
3492
|
+
}, fe = "picker-trigger-body", Ao = ({
|
|
3487
3493
|
isOpen: t,
|
|
3488
3494
|
isSearchDisabled: a,
|
|
3489
3495
|
isDisabled: r,
|
|
@@ -3499,61 +3505,61 @@ const J = {
|
|
|
3499
3505
|
e.useEffect(() => {
|
|
3500
3506
|
l && (i(""), p.current && (p.current.value = "", p.current.focus()));
|
|
3501
3507
|
}, [o, l]);
|
|
3502
|
-
const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className:
|
|
3503
|
-
|
|
3508
|
+
const u = (g) => c === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: be[`${fe}__item`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: be[`${fe}__item`] }, g.icon && /* @__PURE__ */ e.createElement(
|
|
3509
|
+
x,
|
|
3504
3510
|
{
|
|
3505
3511
|
source: g.icon,
|
|
3506
|
-
className:
|
|
3512
|
+
className: be[`${fe}__item__icon`]
|
|
3507
3513
|
}
|
|
3508
3514
|
), g.avatarSrc && /* @__PURE__ */ e.createElement(
|
|
3509
3515
|
"img",
|
|
3510
3516
|
{
|
|
3511
3517
|
src: g.avatarSrc,
|
|
3512
3518
|
alt: "",
|
|
3513
|
-
className:
|
|
3519
|
+
className: be[`${fe}__item__avatar`]
|
|
3514
3520
|
}
|
|
3515
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3521
|
+
), /* @__PURE__ */ e.createElement("div", { className: be[`${fe}__item__content`] }, g.name)), h = (g) => {
|
|
3516
3522
|
i(g.target.value);
|
|
3517
|
-
},
|
|
3523
|
+
}, f = () => /* @__PURE__ */ e.createElement(
|
|
3518
3524
|
"input",
|
|
3519
3525
|
{
|
|
3520
3526
|
ref: p,
|
|
3521
3527
|
className: m(
|
|
3522
|
-
|
|
3523
|
-
|
|
3528
|
+
be[`${fe}__input`],
|
|
3529
|
+
be[`${fe}__input--${n}`]
|
|
3524
3530
|
),
|
|
3525
3531
|
placeholder: "Select option",
|
|
3526
3532
|
onChange: h,
|
|
3527
3533
|
autoFocus: !0
|
|
3528
3534
|
}
|
|
3529
3535
|
);
|
|
3530
|
-
return !o || o.length === 0 ? d ?
|
|
3536
|
+
return !o || o.length === 0 ? d ? f() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement(
|
|
3531
3537
|
"div",
|
|
3532
3538
|
{
|
|
3533
|
-
className: m(
|
|
3534
|
-
[
|
|
3539
|
+
className: m(be[fe], {
|
|
3540
|
+
[be[`${fe}--single`]]: c === "single"
|
|
3535
3541
|
})
|
|
3536
3542
|
},
|
|
3537
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
3538
|
-
|
|
3543
|
+
/* @__PURE__ */ e.createElement("div", { className: be[`${fe}__item-container`] }, c === "single" ? u(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
|
|
3544
|
+
_r,
|
|
3539
3545
|
{
|
|
3540
3546
|
key: g.name,
|
|
3541
3547
|
className: m(
|
|
3542
|
-
|
|
3543
|
-
|
|
3548
|
+
be[`${fe}__tag`],
|
|
3549
|
+
be[`${fe}__tag--${n}`]
|
|
3544
3550
|
),
|
|
3545
3551
|
dismissible: !r,
|
|
3546
3552
|
onRemove: () => s(g)
|
|
3547
3553
|
},
|
|
3548
3554
|
u(g)
|
|
3549
3555
|
))),
|
|
3550
|
-
d &&
|
|
3556
|
+
d && f()
|
|
3551
3557
|
);
|
|
3552
|
-
}, Io = "lc-Picker-module__picker___GRj9W", Po = "lc-Picker-module__picker__container___s0PUc",
|
|
3558
|
+
}, Io = "lc-Picker-module__picker___GRj9W", Po = "lc-Picker-module__picker__container___s0PUc", za = {
|
|
3553
3559
|
picker: Io,
|
|
3554
3560
|
picker__container: Po
|
|
3555
|
-
},
|
|
3556
|
-
var
|
|
3561
|
+
}, Ga = "picker", ml = (k) => {
|
|
3562
|
+
var v = k, {
|
|
3557
3563
|
className: t,
|
|
3558
3564
|
disabled: a,
|
|
3559
3565
|
error: r,
|
|
@@ -3568,9 +3574,9 @@ const J = {
|
|
|
3568
3574
|
searchDisabled: p = !1,
|
|
3569
3575
|
hideClearButton: u,
|
|
3570
3576
|
openedOnInit: h = !1,
|
|
3571
|
-
clearSearchAfterSelection:
|
|
3577
|
+
clearSearchAfterSelection: f,
|
|
3572
3578
|
onSelect: g
|
|
3573
|
-
} =
|
|
3579
|
+
} = v, b = I(v, [
|
|
3574
3580
|
"className",
|
|
3575
3581
|
"disabled",
|
|
3576
3582
|
"error",
|
|
@@ -3588,59 +3594,59 @@ const J = {
|
|
|
3588
3594
|
"clearSearchAfterSelection",
|
|
3589
3595
|
"onSelect"
|
|
3590
3596
|
]);
|
|
3591
|
-
const [$, w] = e.useState(h), [
|
|
3597
|
+
const [$, w] = e.useState(h), [T, E] = e.useState(null), B = e.useRef(null), N = m(za[Ga], t);
|
|
3592
3598
|
e.useEffect(() => {
|
|
3593
3599
|
if ($) {
|
|
3594
3600
|
const R = (K) => {
|
|
3595
|
-
var
|
|
3596
|
-
(
|
|
3597
|
-
},
|
|
3598
|
-
K.key ===
|
|
3601
|
+
var me;
|
|
3602
|
+
(me = B.current) != null && me.contains(K.target) || w(!1);
|
|
3603
|
+
}, z = (K) => {
|
|
3604
|
+
K.key === G.tab && w(!1);
|
|
3599
3605
|
};
|
|
3600
|
-
return document.addEventListener("mousedown", R), document.addEventListener("keydown",
|
|
3601
|
-
document.removeEventListener("mousedown", R), document.addEventListener("keydown",
|
|
3606
|
+
return document.addEventListener("mousedown", R), document.addEventListener("keydown", z), () => {
|
|
3607
|
+
document.removeEventListener("mousedown", R), document.addEventListener("keydown", z);
|
|
3602
3608
|
};
|
|
3603
3609
|
} else
|
|
3604
3610
|
E(null);
|
|
3605
3611
|
}, [$]);
|
|
3606
|
-
const
|
|
3607
|
-
const
|
|
3608
|
-
a ||
|
|
3609
|
-
},
|
|
3612
|
+
const ue = (R) => {
|
|
3613
|
+
const z = R.target;
|
|
3614
|
+
a || z.getAttribute("data-dismiss-icon") || w((K) => !K);
|
|
3615
|
+
}, F = () => {
|
|
3610
3616
|
w(!1);
|
|
3611
|
-
},
|
|
3617
|
+
}, W = (R) => {
|
|
3612
3618
|
if (d === "single")
|
|
3613
3619
|
return w(!1), g([R]);
|
|
3614
|
-
const
|
|
3620
|
+
const z = R.key, K = Ye;
|
|
3615
3621
|
if (!K)
|
|
3616
3622
|
return g([R]);
|
|
3617
|
-
const
|
|
3618
|
-
|
|
3619
|
-
) ? K.filter((
|
|
3620
|
-
if ((
|
|
3623
|
+
const me = K.includes(
|
|
3624
|
+
z
|
|
3625
|
+
) ? K.filter((J) => J !== z) : K.concat(z);
|
|
3626
|
+
if ((me == null ? void 0 : me.length) === 0)
|
|
3621
3627
|
return g(null);
|
|
3622
|
-
const
|
|
3623
|
-
(
|
|
3628
|
+
const A = _.filter(
|
|
3629
|
+
(J) => me.includes(J.key)
|
|
3624
3630
|
);
|
|
3625
|
-
g(
|
|
3626
|
-
}, re = (R) => !R.disabled && !R.groupHeader && R.key !==
|
|
3631
|
+
g(A);
|
|
3632
|
+
}, re = (R) => !R.disabled && !R.groupHeader && R.key !== ct, Ae = () => {
|
|
3627
3633
|
w(!1);
|
|
3628
|
-
const R =
|
|
3634
|
+
const R = Ve.filter(re);
|
|
3629
3635
|
g(R);
|
|
3630
3636
|
}, Ie = () => {
|
|
3631
3637
|
w(!1), g(null);
|
|
3632
|
-
},
|
|
3633
|
-
const
|
|
3634
|
-
if ((
|
|
3638
|
+
}, xe = (R) => E(R), He = (R) => {
|
|
3639
|
+
const z = o ? o.filter((K) => K !== R) : null;
|
|
3640
|
+
if ((z == null ? void 0 : z.length) === 0)
|
|
3635
3641
|
return g(null);
|
|
3636
|
-
g(
|
|
3637
|
-
},
|
|
3642
|
+
g(z);
|
|
3643
|
+
}, Ve = e.useMemo(() => T ? _.filter((R) => {
|
|
3638
3644
|
if (R.groupHeader)
|
|
3639
3645
|
return !1;
|
|
3640
|
-
const
|
|
3641
|
-
return R.name.toLowerCase().includes(
|
|
3642
|
-
}) : _, [
|
|
3643
|
-
return /* @__PURE__ */ e.createElement("div", { ref: B, className:
|
|
3646
|
+
const z = T.toLowerCase();
|
|
3647
|
+
return R.name.toLowerCase().includes(z);
|
|
3648
|
+
}) : _, [T, _]), Ye = e.useMemo(() => o ? o.map((R) => R.key) : null, [o]);
|
|
3649
|
+
return /* @__PURE__ */ e.createElement("div", { ref: B, className: N, id: b.id }, /* @__PURE__ */ e.createElement("div", { className: za[`${Ga}__container`] }, /* @__PURE__ */ e.createElement(
|
|
3644
3650
|
Co,
|
|
3645
3651
|
{
|
|
3646
3652
|
testId: b["data-testid"],
|
|
@@ -3653,7 +3659,7 @@ const J = {
|
|
|
3653
3659
|
isMultiSelect: d === "multi",
|
|
3654
3660
|
size: c,
|
|
3655
3661
|
hideClearButton: u,
|
|
3656
|
-
onTrigger:
|
|
3662
|
+
onTrigger: ue,
|
|
3657
3663
|
onClear: Ie
|
|
3658
3664
|
},
|
|
3659
3665
|
/* @__PURE__ */ e.createElement(
|
|
@@ -3666,22 +3672,22 @@ const J = {
|
|
|
3666
3672
|
items: o,
|
|
3667
3673
|
type: d,
|
|
3668
3674
|
size: c,
|
|
3669
|
-
clearSearchAfterSelection:
|
|
3675
|
+
clearSearchAfterSelection: f,
|
|
3670
3676
|
onItemRemove: He,
|
|
3671
|
-
onFilter:
|
|
3677
|
+
onFilter: xe
|
|
3672
3678
|
}
|
|
3673
3679
|
)
|
|
3674
3680
|
), /* @__PURE__ */ e.createElement(
|
|
3675
3681
|
wo,
|
|
3676
3682
|
{
|
|
3677
|
-
selectedItemsKeys:
|
|
3678
|
-
items:
|
|
3683
|
+
selectedItemsKeys: Ye,
|
|
3684
|
+
items: Ve,
|
|
3679
3685
|
isOpen: $,
|
|
3680
3686
|
isMultiSelect: d === "multi",
|
|
3681
3687
|
emptyStateText: s,
|
|
3682
3688
|
selectAllOptionText: i,
|
|
3683
|
-
onClose:
|
|
3684
|
-
onSelect:
|
|
3689
|
+
onClose: F,
|
|
3690
|
+
onSelect: W,
|
|
3685
3691
|
onSelectAll: Ae
|
|
3686
3692
|
}
|
|
3687
3693
|
)));
|
|
@@ -3702,39 +3708,39 @@ const J = {
|
|
|
3702
3708
|
closeOnEsc: p = !0,
|
|
3703
3709
|
useDismissHookProps: u,
|
|
3704
3710
|
useClickHookProps: h,
|
|
3705
|
-
floatingStrategy:
|
|
3711
|
+
floatingStrategy: f
|
|
3706
3712
|
}) => {
|
|
3707
|
-
const [g, b] = e.useState(d), k = i !== void 0,
|
|
3708
|
-
|
|
3709
|
-
}, { refs: E, context: B, floatingStyles:
|
|
3710
|
-
open:
|
|
3711
|
-
onOpenChange:
|
|
3712
|
-
middleware: [
|
|
3713
|
+
const [g, b] = e.useState(d), k = i !== void 0, v = k ? i : g, $ = typeof _ == "string", w = typeof t == "function", T = (xe) => {
|
|
3714
|
+
xe ? r == null || r() : a == null || a(), !k && b(xe);
|
|
3715
|
+
}, { refs: E, context: B, floatingStyles: N } = na({
|
|
3716
|
+
open: v,
|
|
3717
|
+
onOpenChange: T,
|
|
3718
|
+
middleware: [sa(s), ia(n), Ka()],
|
|
3713
3719
|
placement: l,
|
|
3714
|
-
strategy:
|
|
3715
|
-
whileElementsMounted:
|
|
3716
|
-
}),
|
|
3720
|
+
strategy: f,
|
|
3721
|
+
whileElementsMounted: da
|
|
3722
|
+
}), ue = ua(B, h), F = ma(B, y({
|
|
3717
3723
|
escapeKey: p
|
|
3718
|
-
}, u)),
|
|
3719
|
-
|
|
3720
|
-
|
|
3721
|
-
|
|
3724
|
+
}, u)), W = pa(B), { getReferenceProps: re, getFloatingProps: Ae } = ga([
|
|
3725
|
+
ue,
|
|
3726
|
+
F,
|
|
3727
|
+
W
|
|
3722
3728
|
]), Ie = m(Ro.popover, o);
|
|
3723
3729
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
3724
3730
|
"div",
|
|
3725
|
-
|
|
3731
|
+
D(y({
|
|
3726
3732
|
"data-testid": "popover-trigger-button",
|
|
3727
3733
|
ref: E.setReference
|
|
3728
3734
|
}, re()), {
|
|
3729
3735
|
className: c
|
|
3730
3736
|
}),
|
|
3731
3737
|
w ? t() : t
|
|
3732
|
-
),
|
|
3738
|
+
), v && /* @__PURE__ */ e.createElement(Hr, { context: B, modal: !1 }, /* @__PURE__ */ e.createElement(
|
|
3733
3739
|
"div",
|
|
3734
3740
|
y({
|
|
3735
3741
|
className: Ie,
|
|
3736
3742
|
ref: E.setFloating,
|
|
3737
|
-
style:
|
|
3743
|
+
style: N
|
|
3738
3744
|
}, Ae()),
|
|
3739
3745
|
$ ? /* @__PURE__ */ e.createElement(M, { as: "div" }, _) : _
|
|
3740
3746
|
)));
|
|
@@ -3743,13 +3749,13 @@ const J = {
|
|
|
3743
3749
|
"error",
|
|
3744
3750
|
"success"
|
|
3745
3751
|
], Lo = (t) => Math.min(Math.max(t, 0), 100);
|
|
3746
|
-
function
|
|
3752
|
+
function or(t, a = 0) {
|
|
3747
3753
|
return t === "error" ? 0 : Lo(parseInt(a.toString(), 10));
|
|
3748
3754
|
}
|
|
3749
|
-
function
|
|
3755
|
+
function cr(t, a) {
|
|
3750
3756
|
return !Mo.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
3751
3757
|
}
|
|
3752
|
-
const
|
|
3758
|
+
const ft = {
|
|
3753
3759
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
3754
3760
|
"progress-circle--small": "lc-ProgressCircle-module__progress-circle--small___8FVwG",
|
|
3755
3761
|
"progress-circle--medium": "lc-ProgressCircle-module__progress-circle--medium___XlzEX",
|
|
@@ -3768,7 +3774,7 @@ const bt = {
|
|
|
3768
3774
|
small: 15,
|
|
3769
3775
|
medium: 36,
|
|
3770
3776
|
large: 56
|
|
3771
|
-
},
|
|
3777
|
+
}, vt = "progress-circle", zo = e.forwardRef(
|
|
3772
3778
|
(l, c) => {
|
|
3773
3779
|
var n = l, {
|
|
3774
3780
|
status: t = "normal",
|
|
@@ -3781,14 +3787,14 @@ const bt = {
|
|
|
3781
3787
|
"className",
|
|
3782
3788
|
"size"
|
|
3783
3789
|
]);
|
|
3784
|
-
const s =
|
|
3785
|
-
|
|
3790
|
+
const s = cr(t, a), i = or(s, a), d = Oo[_], p = Ho[_], u = m(
|
|
3791
|
+
ft[vt],
|
|
3786
3792
|
{
|
|
3787
|
-
[
|
|
3788
|
-
[
|
|
3793
|
+
[ft[`${vt}--${_}`]]: _,
|
|
3794
|
+
[ft[`${vt}--${t}`]]: t
|
|
3789
3795
|
},
|
|
3790
3796
|
r
|
|
3791
|
-
), h = 2 * Math.PI * ((p - d) / 2),
|
|
3797
|
+
), h = 2 * Math.PI * ((p - d) / 2), f = {
|
|
3792
3798
|
strokeDasharray: h.toFixed(3),
|
|
3793
3799
|
strokeDashoffset: `${((100 - i) / 100 * h).toFixed(3)}px`
|
|
3794
3800
|
}, g = `${p / 2} ${p / 2} ${p} ${p}`;
|
|
@@ -3802,7 +3808,7 @@ const bt = {
|
|
|
3802
3808
|
/* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
|
|
3803
3809
|
"circle",
|
|
3804
3810
|
{
|
|
3805
|
-
className:
|
|
3811
|
+
className: ft[`${vt}__bg-line--${t}`],
|
|
3806
3812
|
cx: p,
|
|
3807
3813
|
cy: p,
|
|
3808
3814
|
r: (p - d) / 2,
|
|
@@ -3812,8 +3818,8 @@ const bt = {
|
|
|
3812
3818
|
), /* @__PURE__ */ e.createElement(
|
|
3813
3819
|
"circle",
|
|
3814
3820
|
{
|
|
3815
|
-
className:
|
|
3816
|
-
style:
|
|
3821
|
+
className: ft[`${vt}__indicator--${t}`],
|
|
3822
|
+
style: f,
|
|
3817
3823
|
cx: p,
|
|
3818
3824
|
cy: p,
|
|
3819
3825
|
r: (p - d) / 2,
|
|
@@ -3823,7 +3829,7 @@ const bt = {
|
|
|
3823
3829
|
))
|
|
3824
3830
|
);
|
|
3825
3831
|
}
|
|
3826
|
-
),
|
|
3832
|
+
), Rt = {
|
|
3827
3833
|
"progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
|
|
3828
3834
|
"progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
|
|
3829
3835
|
"progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
|
|
@@ -3833,7 +3839,7 @@ const bt = {
|
|
|
3833
3839
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
3834
3840
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
3835
3841
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
3836
|
-
},
|
|
3842
|
+
}, Mt = "progress-bar", Go = e.forwardRef(
|
|
3837
3843
|
(l, c) => {
|
|
3838
3844
|
var n = l, {
|
|
3839
3845
|
status: t = "normal",
|
|
@@ -3846,17 +3852,17 @@ const bt = {
|
|
|
3846
3852
|
"size",
|
|
3847
3853
|
"className"
|
|
3848
3854
|
]);
|
|
3849
|
-
const s =
|
|
3850
|
-
|
|
3855
|
+
const s = cr(t, a), i = or(s, a), d = m(
|
|
3856
|
+
Rt[Mt],
|
|
3851
3857
|
{
|
|
3852
|
-
[
|
|
3853
|
-
[
|
|
3858
|
+
[Rt[`${Mt}--${r}`]]: r,
|
|
3859
|
+
[Rt[`${Mt}--${t}`]]: t
|
|
3854
3860
|
},
|
|
3855
3861
|
_
|
|
3856
3862
|
);
|
|
3857
3863
|
return /* @__PURE__ */ e.createElement(
|
|
3858
3864
|
"div",
|
|
3859
|
-
|
|
3865
|
+
D(y({}, o), {
|
|
3860
3866
|
className: d,
|
|
3861
3867
|
ref: c,
|
|
3862
3868
|
role: "progressbar"
|
|
@@ -3864,13 +3870,13 @@ const bt = {
|
|
|
3864
3870
|
/* @__PURE__ */ e.createElement(
|
|
3865
3871
|
"div",
|
|
3866
3872
|
{
|
|
3867
|
-
className:
|
|
3873
|
+
className: Rt[`${Mt}__indicator--${t}`],
|
|
3868
3874
|
style: { width: `${i}%` }
|
|
3869
3875
|
}
|
|
3870
3876
|
)
|
|
3871
3877
|
);
|
|
3872
3878
|
}
|
|
3873
|
-
),
|
|
3879
|
+
), Ee = {
|
|
3874
3880
|
"promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
|
|
3875
3881
|
"promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
|
|
3876
3882
|
"promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
|
|
@@ -3882,7 +3888,7 @@ const bt = {
|
|
|
3882
3888
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
3883
3889
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
3884
3890
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
3885
|
-
}, Uo = 400, Wo = 800, Vo = 500,
|
|
3891
|
+
}, Uo = 400, Wo = 800, Vo = 500, $e = "promo-banner", gl = ({
|
|
3886
3892
|
className: t,
|
|
3887
3893
|
buttonText: a,
|
|
3888
3894
|
children: r,
|
|
@@ -3895,16 +3901,16 @@ const bt = {
|
|
|
3895
3901
|
onLinkClick: i
|
|
3896
3902
|
}) => {
|
|
3897
3903
|
const d = e.useRef(null), [p, u] = e.useState("medium"), h = m(
|
|
3898
|
-
|
|
3904
|
+
Ee[$e],
|
|
3899
3905
|
{
|
|
3900
|
-
[
|
|
3901
|
-
[
|
|
3902
|
-
[
|
|
3906
|
+
[Ee[`${$e}--light`]]: c,
|
|
3907
|
+
[Ee[`${$e}--small`]]: p === "small",
|
|
3908
|
+
[Ee[`${$e}--large`]]: p === "large"
|
|
3903
3909
|
},
|
|
3904
3910
|
t
|
|
3905
3911
|
);
|
|
3906
3912
|
e.useEffect(() => {
|
|
3907
|
-
const g = () => d.current && d.current.offsetWidth <= Uo ? u("small") : d.current && d.current.offsetWidth >= Wo ? u("large") : u("medium"), b =
|
|
3913
|
+
const g = () => d.current && d.current.offsetWidth <= Uo ? u("small") : d.current && d.current.offsetWidth >= Wo ? u("large") : u("medium"), b = Ja(
|
|
3908
3914
|
g,
|
|
3909
3915
|
Vo
|
|
3910
3916
|
);
|
|
@@ -3912,26 +3918,26 @@ const bt = {
|
|
|
3912
3918
|
b.cancel(), window.removeEventListener("resize", g);
|
|
3913
3919
|
};
|
|
3914
3920
|
}, []);
|
|
3915
|
-
const
|
|
3916
|
-
|
|
3921
|
+
const f = /* @__PURE__ */ e.createElement("div", { className: Ee[`${$e}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
3922
|
+
U,
|
|
3917
3923
|
{
|
|
3918
3924
|
kind: "primary",
|
|
3919
3925
|
size: "compact",
|
|
3920
3926
|
onClick: n,
|
|
3921
|
-
className:
|
|
3927
|
+
className: Ee[`${$e}__button-text`]
|
|
3922
3928
|
},
|
|
3923
3929
|
a
|
|
3924
|
-
), l && /* @__PURE__ */ e.createElement(
|
|
3925
|
-
return /* @__PURE__ */ e.createElement("div", { ref: d, className: h }, /* @__PURE__ */ e.createElement("div", { className:
|
|
3930
|
+
), l && /* @__PURE__ */ e.createElement(U, { size: "compact", kind: "text", onClick: i }, l));
|
|
3931
|
+
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" && f), p === "large" && f), s && /* @__PURE__ */ e.createElement(
|
|
3926
3932
|
"button",
|
|
3927
3933
|
{
|
|
3928
3934
|
type: "button",
|
|
3929
|
-
className:
|
|
3935
|
+
className: Ee[`${$e}__close-icon`],
|
|
3930
3936
|
onClick: s
|
|
3931
3937
|
},
|
|
3932
|
-
/* @__PURE__ */ e.createElement(
|
|
3938
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, size: "large", kind: "primary" })
|
|
3933
3939
|
));
|
|
3934
|
-
},
|
|
3940
|
+
}, Ue = {
|
|
3935
3941
|
"main-wrapper": "lc-PromoBannerV2-module__main-wrapper___U-dPS",
|
|
3936
3942
|
"promo-banner-v2": "lc-PromoBannerV2-module__promo-banner-v2___HkNxR",
|
|
3937
3943
|
"promo-banner-v2__content": "lc-PromoBannerV2-module__promo-banner-v2__content___65vEP",
|
|
@@ -3940,7 +3946,7 @@ const bt = {
|
|
|
3940
3946
|
"promo-banner-v2__additional-content": "lc-PromoBannerV2-module__promo-banner-v2__additional-content___LpU9B",
|
|
3941
3947
|
"promo-banner-v2__close": "lc-PromoBannerV2-module__promo-banner-v2__close___rOh-U",
|
|
3942
3948
|
"promo-banner-v2__close__btn": "lc-PromoBannerV2-module__promo-banner-v2__close__btn___5AZQC"
|
|
3943
|
-
},
|
|
3949
|
+
}, Qe = "promo-banner-v2", bl = ({
|
|
3944
3950
|
children: t,
|
|
3945
3951
|
className: a,
|
|
3946
3952
|
additionalContent: r,
|
|
@@ -3948,28 +3954,28 @@ const bt = {
|
|
|
3948
3954
|
secondaryButton: o,
|
|
3949
3955
|
onClose: c
|
|
3950
3956
|
}) => {
|
|
3951
|
-
const l = m(
|
|
3952
|
-
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: l }, /* @__PURE__ */ e.createElement("div", { className:
|
|
3953
|
-
|
|
3957
|
+
const l = m(Ue["main-wrapper"], a);
|
|
3958
|
+
return /* @__PURE__ */ e.createElement("div", { role: "banner", className: l }, /* @__PURE__ */ e.createElement("div", { className: Ue[Qe] }, /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__content`] }, t, (_ || o) && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__content__cta`] }, _ && /* @__PURE__ */ e.createElement(
|
|
3959
|
+
U,
|
|
3954
3960
|
{
|
|
3955
3961
|
kind: (_ == null ? void 0 : _.kind) || "high-contrast",
|
|
3956
3962
|
onClick: _.handleClick
|
|
3957
3963
|
},
|
|
3958
3964
|
_.label
|
|
3959
3965
|
), o && /* @__PURE__ */ e.createElement(
|
|
3960
|
-
|
|
3966
|
+
U,
|
|
3961
3967
|
{
|
|
3962
3968
|
kind: (o == null ? void 0 : o.kind) || "text",
|
|
3963
3969
|
onClick: o.handleClick,
|
|
3964
|
-
className:
|
|
3970
|
+
className: Ue[`${Qe}__content__cta__secondary`]
|
|
3965
3971
|
},
|
|
3966
3972
|
o.label
|
|
3967
|
-
))), r && /* @__PURE__ */ e.createElement("div", { className:
|
|
3968
|
-
|
|
3973
|
+
))), r && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__additional-content`] }, r), c && /* @__PURE__ */ e.createElement("div", { className: Ue[`${Qe}__close`] }, /* @__PURE__ */ e.createElement(
|
|
3974
|
+
U,
|
|
3969
3975
|
{
|
|
3970
|
-
className:
|
|
3976
|
+
className: Ue[`${Qe}__close__btn`],
|
|
3971
3977
|
onClick: c,
|
|
3972
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
3978
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
|
|
3973
3979
|
kind: "plain",
|
|
3974
3980
|
size: "compact"
|
|
3975
3981
|
}
|
|
@@ -3993,14 +3999,14 @@ const bt = {
|
|
|
3993
3999
|
});
|
|
3994
4000
|
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: Re[`${Me}__label`] }, /* @__PURE__ */ e.createElement("div", { className: Re[`${Me}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: Re[`${Me}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
3995
4001
|
"input",
|
|
3996
|
-
|
|
4002
|
+
D(y({}, c), {
|
|
3997
4003
|
className: Re[`${Me}__input`],
|
|
3998
4004
|
ref: l,
|
|
3999
4005
|
type: "radio",
|
|
4000
4006
|
checked: _,
|
|
4001
4007
|
disabled: o
|
|
4002
4008
|
})
|
|
4003
|
-
)), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Re[`${Me}__text`] }, t)), r && /* @__PURE__ */ e.createElement(
|
|
4009
|
+
)), t && /* @__PURE__ */ e.createElement(M, { as: "div", size: "md", className: Re[`${Me}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Wt, { className: Re[`${Me}__helper`] }, r));
|
|
4004
4010
|
}
|
|
4005
4011
|
), De = {
|
|
4006
4012
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
@@ -4015,7 +4021,7 @@ const bt = {
|
|
|
4015
4021
|
"search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
|
|
4016
4022
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
4017
4023
|
"search-input__input": "lc-Search-module__search-input__input___OhyTr"
|
|
4018
|
-
},
|
|
4024
|
+
}, Ce = "search-input", Yo = `${Ce}__input`, vl = ({
|
|
4019
4025
|
isCollapsable: t,
|
|
4020
4026
|
isDisabled: a,
|
|
4021
4027
|
isLoading: r,
|
|
@@ -4025,14 +4031,14 @@ const bt = {
|
|
|
4025
4031
|
className: l,
|
|
4026
4032
|
onChange: n
|
|
4027
4033
|
}) => {
|
|
4028
|
-
const [s, i] = e.useState(!0), [d, p] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r,
|
|
4034
|
+
const [s, i] = e.useState(!0), [d, p] = e.useState(!1), u = e.useRef(null), h = !!c && !a && !r, f = t && !s && "true", g = m(
|
|
4029
4035
|
l,
|
|
4030
|
-
De[
|
|
4031
|
-
De[`${
|
|
4032
|
-
d && De[`${
|
|
4033
|
-
a && De[`${
|
|
4034
|
-
t && De[`${
|
|
4035
|
-
!s && De[`${
|
|
4036
|
+
De[Ce],
|
|
4037
|
+
De[`${Ce}--${o}`],
|
|
4038
|
+
d && De[`${Ce}--focused`],
|
|
4039
|
+
a && De[`${Ce}--disabled`],
|
|
4040
|
+
t && De[`${Ce}--collapsable`],
|
|
4041
|
+
!s && De[`${Ce}--collapsable--open`]
|
|
4036
4042
|
);
|
|
4037
4043
|
e.useEffect(() => {
|
|
4038
4044
|
t && c && i(!1);
|
|
@@ -4042,28 +4048,28 @@ const bt = {
|
|
|
4042
4048
|
n(B);
|
|
4043
4049
|
}, k = () => {
|
|
4044
4050
|
n("");
|
|
4045
|
-
},
|
|
4051
|
+
}, v = () => {
|
|
4046
4052
|
var E;
|
|
4047
4053
|
(E = u.current) == null || E.focus();
|
|
4048
4054
|
}, $ = () => {
|
|
4049
4055
|
t && i(!1), p(!0);
|
|
4050
4056
|
}, w = () => {
|
|
4051
4057
|
t && !c && i(!0), p(!1);
|
|
4052
|
-
},
|
|
4053
|
-
E.key ===
|
|
4058
|
+
}, T = (E) => {
|
|
4059
|
+
E.key === G.enter && (E.preventDefault(), n(c));
|
|
4054
4060
|
};
|
|
4055
4061
|
return /* @__PURE__ */ e.createElement(
|
|
4056
4062
|
"div",
|
|
4057
4063
|
{
|
|
4058
|
-
"aria-expanded":
|
|
4064
|
+
"aria-expanded": f,
|
|
4059
4065
|
role: "search",
|
|
4060
4066
|
className: g,
|
|
4061
|
-
onClick:
|
|
4067
|
+
onClick: v
|
|
4062
4068
|
},
|
|
4063
4069
|
/* @__PURE__ */ e.createElement(
|
|
4064
|
-
|
|
4070
|
+
x,
|
|
4065
4071
|
{
|
|
4066
|
-
className: De[`${
|
|
4072
|
+
className: De[`${Ce}__search-icon`],
|
|
4067
4073
|
source: Tr,
|
|
4068
4074
|
disabled: a,
|
|
4069
4075
|
kind: "primary"
|
|
@@ -4081,18 +4087,18 @@ const bt = {
|
|
|
4081
4087
|
onChange: b,
|
|
4082
4088
|
onBlur: w,
|
|
4083
4089
|
onFocus: $,
|
|
4084
|
-
onKeyDown:
|
|
4090
|
+
onKeyDown: T,
|
|
4085
4091
|
disabled: a
|
|
4086
4092
|
}
|
|
4087
4093
|
),
|
|
4088
4094
|
h && /* @__PURE__ */ e.createElement(
|
|
4089
|
-
|
|
4095
|
+
U,
|
|
4090
4096
|
{
|
|
4091
4097
|
"aria-label": "Clear search",
|
|
4092
4098
|
title: "Clear search",
|
|
4093
|
-
className: De[`${
|
|
4099
|
+
className: De[`${Ce}__clear-icon`],
|
|
4094
4100
|
onClick: k,
|
|
4095
|
-
icon: /* @__PURE__ */ e.createElement(
|
|
4101
|
+
icon: /* @__PURE__ */ e.createElement(x, { source: Ne, kind: "primary" }),
|
|
4096
4102
|
kind: "text",
|
|
4097
4103
|
size: "compact"
|
|
4098
4104
|
}
|
|
@@ -4100,10 +4106,10 @@ const bt = {
|
|
|
4100
4106
|
r && /* @__PURE__ */ e.createElement(
|
|
4101
4107
|
"div",
|
|
4102
4108
|
{
|
|
4103
|
-
"data-testid": `${
|
|
4104
|
-
className: De[`${
|
|
4109
|
+
"data-testid": `${Ce}-loader`,
|
|
4110
|
+
className: De[`${Ce}__loader`]
|
|
4105
4111
|
},
|
|
4106
|
-
/* @__PURE__ */ e.createElement(
|
|
4112
|
+
/* @__PURE__ */ e.createElement(fa, { size: "small" })
|
|
4107
4113
|
)
|
|
4108
4114
|
);
|
|
4109
4115
|
}, qo = "lc-Switch-module__switch__input___NiiOR", Ko = "lc-Switch-module__switch__container___79F7W", Jo = "lc-Switch-module__switch__track___2wr2M", jo = "lc-Switch-module__switch__slider___WHd--", Qo = "lc-Switch-module__switch__loader___FE-fA", Zo = "lc-Switch-module__switch__icon___-O1qY", ce = {
|
|
@@ -4158,14 +4164,14 @@ const bt = {
|
|
|
4158
4164
|
"innerRef",
|
|
4159
4165
|
"ariaLabel"
|
|
4160
4166
|
]);
|
|
4161
|
-
const h = o !== void 0, [
|
|
4167
|
+
const h = o !== void 0, [f, g] = e.useState(
|
|
4162
4168
|
() => h ? o : a
|
|
4163
|
-
), b = h ? o :
|
|
4169
|
+
), b = h ? o : f, k = n === "loading", v = n === "locked", $ = l === "large" ? "small" : "xsmall", w = b ? "on" : "off", T = r || k || v, E = T ? "disabled" : "enabled", B = m(
|
|
4164
4170
|
ce[ae],
|
|
4165
4171
|
ce[`${ae}--${l}`],
|
|
4166
4172
|
t
|
|
4167
|
-
),
|
|
4168
|
-
c == null || c(
|
|
4173
|
+
), N = (ue) => {
|
|
4174
|
+
c == null || c(ue, !b), h || (ue.stopPropagation(), g((F) => !F));
|
|
4169
4175
|
};
|
|
4170
4176
|
return /* @__PURE__ */ e.createElement("span", { className: B }, /* @__PURE__ */ e.createElement(
|
|
4171
4177
|
"input",
|
|
@@ -4175,11 +4181,11 @@ const bt = {
|
|
|
4175
4181
|
ce[`${ae}__input`],
|
|
4176
4182
|
ce[`${ae}__input--${E}`]
|
|
4177
4183
|
),
|
|
4178
|
-
onChange:
|
|
4184
|
+
onChange: N,
|
|
4179
4185
|
checked: b,
|
|
4180
4186
|
name: _,
|
|
4181
4187
|
ref: s,
|
|
4182
|
-
disabled:
|
|
4188
|
+
disabled: T,
|
|
4183
4189
|
"aria-label": i
|
|
4184
4190
|
}, d)
|
|
4185
4191
|
), /* @__PURE__ */ e.createElement("span", { className: ce[`${ae}__container`] }, /* @__PURE__ */ e.createElement(
|
|
@@ -4201,7 +4207,7 @@ const bt = {
|
|
|
4201
4207
|
)
|
|
4202
4208
|
},
|
|
4203
4209
|
k && /* @__PURE__ */ e.createElement(
|
|
4204
|
-
|
|
4210
|
+
fa,
|
|
4205
4211
|
{
|
|
4206
4212
|
className: m(
|
|
4207
4213
|
ce[`${ae}__loader`],
|
|
@@ -4209,8 +4215,8 @@ const bt = {
|
|
|
4209
4215
|
)
|
|
4210
4216
|
}
|
|
4211
4217
|
),
|
|
4212
|
-
|
|
4213
|
-
|
|
4218
|
+
v && /* @__PURE__ */ e.createElement(
|
|
4219
|
+
x,
|
|
4214
4220
|
{
|
|
4215
4221
|
className: ce[`${ae}__icon`],
|
|
4216
4222
|
"data-testid": "lock-icon",
|
|
@@ -4220,7 +4226,7 @@ const bt = {
|
|
|
4220
4226
|
}
|
|
4221
4227
|
)
|
|
4222
4228
|
)));
|
|
4223
|
-
}, Xo = "lc-Tab-module__tab___fME7u", ec = "lc-Tab-module__tab__count___gc8tA", tc = "lc-Tab-module__tab__badge___W9c-T",
|
|
4229
|
+
}, Xo = "lc-Tab-module__tab___fME7u", ec = "lc-Tab-module__tab__count___gc8tA", tc = "lc-Tab-module__tab__badge___W9c-T", _t = {
|
|
4224
4230
|
tab: Xo,
|
|
4225
4231
|
tab__count: ec,
|
|
4226
4232
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
@@ -4229,7 +4235,7 @@ const bt = {
|
|
|
4229
4235
|
tab__badge: tc,
|
|
4230
4236
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
4231
4237
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
4232
|
-
},
|
|
4238
|
+
}, ot = "tab", kl = (n) => {
|
|
4233
4239
|
var s = n, {
|
|
4234
4240
|
children: t,
|
|
4235
4241
|
className: a,
|
|
@@ -4248,40 +4254,40 @@ const bt = {
|
|
|
4248
4254
|
const { disabled: i } = l, d = r !== void 0 && !o, p = r !== void 0 && o;
|
|
4249
4255
|
return /* @__PURE__ */ e.createElement(
|
|
4250
4256
|
M,
|
|
4251
|
-
|
|
4257
|
+
D(y({}, l), {
|
|
4252
4258
|
as: l.href ? "a" : "button",
|
|
4253
4259
|
size: "md",
|
|
4254
4260
|
bold: _,
|
|
4255
4261
|
className: m(
|
|
4256
4262
|
a,
|
|
4257
|
-
|
|
4258
|
-
|
|
4259
|
-
_ &&
|
|
4260
|
-
i &&
|
|
4263
|
+
_t[ot],
|
|
4264
|
+
_t[`${ot}--${c}`],
|
|
4265
|
+
_ && _t[`${ot}--selected`],
|
|
4266
|
+
i && _t[`${ot}--disabled`]
|
|
4261
4267
|
)
|
|
4262
4268
|
}),
|
|
4263
4269
|
t,
|
|
4264
|
-
d && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className:
|
|
4270
|
+
d && /* @__PURE__ */ e.createElement(M, { as: "span", size: "md", className: _t[`${ot}__count`] }, "(", r, ")"),
|
|
4265
4271
|
p && /* @__PURE__ */ e.createElement(
|
|
4266
4272
|
T_,
|
|
4267
4273
|
{
|
|
4268
4274
|
"data-testid": "tab-badge",
|
|
4269
4275
|
count: r,
|
|
4270
4276
|
size: "compact",
|
|
4271
|
-
className:
|
|
4277
|
+
className: _t[`${ot}__badge`]
|
|
4272
4278
|
}
|
|
4273
4279
|
)
|
|
4274
4280
|
);
|
|
4275
|
-
}, ac = "lc-TabsWrapper-module__tabs___Y2xyD", rc = "lc-TabsWrapper-module__tabs__list___i6tVO",
|
|
4281
|
+
}, ac = "lc-TabsWrapper-module__tabs___Y2xyD", rc = "lc-TabsWrapper-module__tabs__list___i6tVO", lr = {
|
|
4276
4282
|
tabs: ac,
|
|
4277
4283
|
tabs__list: rc
|
|
4278
|
-
},
|
|
4284
|
+
}, nr = "tabs", yl = ({
|
|
4279
4285
|
className: t,
|
|
4280
4286
|
children: a
|
|
4281
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: m(
|
|
4287
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(lr[nr], t) }, a), El = ({
|
|
4282
4288
|
className: t,
|
|
4283
4289
|
children: a
|
|
4284
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: m(
|
|
4290
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: m(lr[`${nr}__list`], t) }, a), _c = ({
|
|
4285
4291
|
className: t = "",
|
|
4286
4292
|
innerEditableRef: a,
|
|
4287
4293
|
inputRef: r,
|
|
@@ -4290,29 +4296,29 @@ const bt = {
|
|
|
4290
4296
|
value: c
|
|
4291
4297
|
}) => {
|
|
4292
4298
|
const [l, n] = e.useState(!1), s = () => a.current, i = () => {
|
|
4293
|
-
const
|
|
4294
|
-
return
|
|
4299
|
+
const f = s();
|
|
4300
|
+
return f ? f.innerText : "";
|
|
4295
4301
|
}, d = () => {
|
|
4296
4302
|
r && r.current && r.current.focus();
|
|
4297
|
-
}, p = (
|
|
4298
|
-
if (
|
|
4299
|
-
|
|
4303
|
+
}, p = (f) => {
|
|
4304
|
+
if (f.key === G.enter) {
|
|
4305
|
+
f.preventDefault(), d();
|
|
4300
4306
|
return;
|
|
4301
4307
|
}
|
|
4302
|
-
|
|
4308
|
+
f.key === G.backspace && i() === "" && (n(!0), o(), d());
|
|
4303
4309
|
}, u = () => {
|
|
4304
|
-
const
|
|
4305
|
-
if (!(l || !
|
|
4306
|
-
if (
|
|
4310
|
+
const f = s();
|
|
4311
|
+
if (!(l || !f)) {
|
|
4312
|
+
if (f.innerText === "") {
|
|
4307
4313
|
o();
|
|
4308
4314
|
return;
|
|
4309
4315
|
}
|
|
4310
|
-
_(
|
|
4316
|
+
_(f.innerText);
|
|
4311
4317
|
}
|
|
4312
|
-
}, h = (
|
|
4313
|
-
|
|
4314
|
-
const g =
|
|
4315
|
-
document.execCommand("insertHTML", !1,
|
|
4318
|
+
}, h = (f) => {
|
|
4319
|
+
f.preventDefault();
|
|
4320
|
+
const g = f.clipboardData.getData("text/plain");
|
|
4321
|
+
document.execCommand("insertHTML", !1, $a(g));
|
|
4316
4322
|
};
|
|
4317
4323
|
return /* @__PURE__ */ e.createElement(
|
|
4318
4324
|
"div",
|
|
@@ -4323,10 +4329,10 @@ const bt = {
|
|
|
4323
4329
|
onPaste: h,
|
|
4324
4330
|
onBlur: u,
|
|
4325
4331
|
onKeyDown: p,
|
|
4326
|
-
dangerouslySetInnerHTML: { __html:
|
|
4332
|
+
dangerouslySetInnerHTML: { __html: $a(c) }
|
|
4327
4333
|
}
|
|
4328
4334
|
);
|
|
4329
|
-
},
|
|
4335
|
+
}, yt = {
|
|
4330
4336
|
"tag-input": "lc-TagInput-module__tag-input___CLVY-",
|
|
4331
4337
|
"tag-input--error": "lc-TagInput-module__tag-input--error___RP0SB",
|
|
4332
4338
|
"tag-input__input": "lc-TagInput-module__tag-input__input___dgEYB",
|
|
@@ -4344,7 +4350,7 @@ const bt = {
|
|
|
4344
4350
|
}) => {
|
|
4345
4351
|
const n = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), s = e.useRef(null), i = () => r(a);
|
|
4346
4352
|
return /* @__PURE__ */ e.createElement(
|
|
4347
|
-
|
|
4353
|
+
_r,
|
|
4348
4354
|
{
|
|
4349
4355
|
kind: n ? "default" : "error",
|
|
4350
4356
|
dismissible: !0,
|
|
@@ -4357,20 +4363,20 @@ const bt = {
|
|
|
4357
4363
|
value: t,
|
|
4358
4364
|
inputRef: o,
|
|
4359
4365
|
innerEditableRef: s,
|
|
4360
|
-
className:
|
|
4366
|
+
className: yt[`${oc}__content`],
|
|
4361
4367
|
change: (d) => c(a, d),
|
|
4362
4368
|
remove: i,
|
|
4363
4369
|
validator: _
|
|
4364
4370
|
}
|
|
4365
4371
|
)
|
|
4366
4372
|
);
|
|
4367
|
-
},
|
|
4368
|
-
|
|
4369
|
-
|
|
4370
|
-
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
], nc = [
|
|
4373
|
+
}, Lt = "tag-input", lc = [
|
|
4374
|
+
G.enter,
|
|
4375
|
+
G.spacebar,
|
|
4376
|
+
G.tab,
|
|
4377
|
+
G.semicolon,
|
|
4378
|
+
G.comma
|
|
4379
|
+
], nc = [G.backspace, G.delete], sc = (u) => {
|
|
4374
4380
|
var h = u, {
|
|
4375
4381
|
id: t,
|
|
4376
4382
|
tags: a,
|
|
@@ -4396,70 +4402,70 @@ const bt = {
|
|
|
4396
4402
|
"onBlur",
|
|
4397
4403
|
"addOnBlur"
|
|
4398
4404
|
]);
|
|
4399
|
-
const
|
|
4400
|
-
|
|
4405
|
+
const f = m(
|
|
4406
|
+
yt[Lt],
|
|
4401
4407
|
{
|
|
4402
|
-
[
|
|
4408
|
+
[yt[`${Lt}--error`]]: o
|
|
4403
4409
|
},
|
|
4404
4410
|
n
|
|
4405
4411
|
), g = m(
|
|
4406
4412
|
s,
|
|
4407
|
-
|
|
4408
|
-
|
|
4409
|
-
), [b, k] = e.useState(""),
|
|
4410
|
-
r([...a || [],
|
|
4411
|
-
}, w = (
|
|
4412
|
-
const
|
|
4413
|
-
|
|
4414
|
-
},
|
|
4415
|
-
if (lc.includes(
|
|
4416
|
-
if (
|
|
4413
|
+
yt[`${Lt}__input`],
|
|
4414
|
+
yt[`${Lt}__input--${l}`]
|
|
4415
|
+
), [b, k] = e.useState(""), v = e.useRef(null), $ = (F) => {
|
|
4416
|
+
r([...a || [], F]), k("");
|
|
4417
|
+
}, w = (F) => {
|
|
4418
|
+
const W = [...a || []];
|
|
4419
|
+
W.splice(F, 1), r(W);
|
|
4420
|
+
}, T = (F) => k(F.target.value), E = (F) => {
|
|
4421
|
+
if (lc.includes(F.key)) {
|
|
4422
|
+
if (F.preventDefault(), b === "")
|
|
4417
4423
|
return;
|
|
4418
4424
|
$(b);
|
|
4419
|
-
} else if (nc.includes(
|
|
4425
|
+
} else if (nc.includes(F.key)) {
|
|
4420
4426
|
if (b !== "" || !(a != null && a.length))
|
|
4421
4427
|
return;
|
|
4422
4428
|
w(a.length - 1);
|
|
4423
4429
|
}
|
|
4424
|
-
}, B = (
|
|
4425
|
-
d && $(b), i == null || i(
|
|
4426
|
-
},
|
|
4430
|
+
}, B = (F) => {
|
|
4431
|
+
d && $(b), i == null || i(F);
|
|
4432
|
+
}, N = (F, W) => {
|
|
4427
4433
|
const re = [...a || []];
|
|
4428
4434
|
re.reduce(
|
|
4429
|
-
(Ie,
|
|
4435
|
+
(Ie, xe, He) => Ie + (xe === W && He !== F ? 1 : 0),
|
|
4430
4436
|
0
|
|
4431
|
-
) > 0 ? re.splice(
|
|
4432
|
-
},
|
|
4433
|
-
|
|
4434
|
-
const re =
|
|
4437
|
+
) > 0 ? re.splice(F, 1) : re[F] = W, r(re);
|
|
4438
|
+
}, ue = (F) => {
|
|
4439
|
+
F.preventDefault();
|
|
4440
|
+
const re = F.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
|
|
4435
4441
|
r([...a || [], ...re]);
|
|
4436
4442
|
};
|
|
4437
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className:
|
|
4443
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: f }, a == null ? void 0 : a.map((F, W) => /* @__PURE__ */ e.createElement(
|
|
4438
4444
|
cc,
|
|
4439
4445
|
{
|
|
4440
|
-
index:
|
|
4441
|
-
key: `${
|
|
4442
|
-
update:
|
|
4446
|
+
index: W,
|
|
4447
|
+
key: `${W}${F}`,
|
|
4448
|
+
update: N,
|
|
4443
4449
|
remove: w,
|
|
4444
|
-
inputRef:
|
|
4450
|
+
inputRef: v,
|
|
4445
4451
|
validator: _,
|
|
4446
4452
|
size: l
|
|
4447
4453
|
},
|
|
4448
|
-
|
|
4454
|
+
F
|
|
4449
4455
|
)), /* @__PURE__ */ e.createElement(
|
|
4450
4456
|
"input",
|
|
4451
|
-
|
|
4457
|
+
D(y({}, p), {
|
|
4452
4458
|
id: t,
|
|
4453
|
-
ref:
|
|
4459
|
+
ref: v,
|
|
4454
4460
|
className: g,
|
|
4455
4461
|
placeholder: c,
|
|
4456
4462
|
value: b,
|
|
4457
|
-
onChange:
|
|
4463
|
+
onChange: T,
|
|
4458
4464
|
onKeyDown: E,
|
|
4459
|
-
onPaste:
|
|
4465
|
+
onPaste: ue,
|
|
4460
4466
|
onBlur: B
|
|
4461
4467
|
})
|
|
4462
|
-
)), o && /* @__PURE__ */ e.createElement(
|
|
4468
|
+
)), o && /* @__PURE__ */ e.createElement(va, null, o));
|
|
4463
4469
|
}, ic = /^(?:[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, dc = "name@company.com", uc = (t) => ic.test(t), $l = (n) => {
|
|
4464
4470
|
var s = n, {
|
|
4465
4471
|
id: t,
|
|
@@ -4478,7 +4484,7 @@ const bt = {
|
|
|
4478
4484
|
]);
|
|
4479
4485
|
return /* @__PURE__ */ e.createElement(
|
|
4480
4486
|
sc,
|
|
4481
|
-
|
|
4487
|
+
D(y({}, l), {
|
|
4482
4488
|
id: t,
|
|
4483
4489
|
tags: a,
|
|
4484
4490
|
error: _,
|
|
@@ -4488,7 +4494,7 @@ const bt = {
|
|
|
4488
4494
|
size: c
|
|
4489
4495
|
})
|
|
4490
4496
|
);
|
|
4491
|
-
}, mc = "lc-Toast-module__toast___j5Amn", pc = "lc-Toast-module__toast__content___HjaNw", gc = "lc-Toast-module__toast__actions___JWu-1", bc = "lc-Toast-module__toast__actions__button___Iblrl",
|
|
4497
|
+
}, mc = "lc-Toast-module__toast___j5Amn", pc = "lc-Toast-module__toast__content___HjaNw", gc = "lc-Toast-module__toast__actions___JWu-1", bc = "lc-Toast-module__toast__actions__button___Iblrl", Q = {
|
|
4492
4498
|
toast: mc,
|
|
4493
4499
|
toast__content: pc,
|
|
4494
4500
|
toast__actions: gc,
|
|
@@ -4520,18 +4526,18 @@ const bt = {
|
|
|
4520
4526
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
4521
4527
|
}, fc = {
|
|
4522
4528
|
success: {
|
|
4523
|
-
source:
|
|
4529
|
+
source: Va
|
|
4524
4530
|
},
|
|
4525
4531
|
warning: {
|
|
4526
|
-
source:
|
|
4532
|
+
source: Wa
|
|
4527
4533
|
},
|
|
4528
4534
|
error: {
|
|
4529
|
-
source:
|
|
4535
|
+
source: Ya
|
|
4530
4536
|
},
|
|
4531
4537
|
info: {
|
|
4532
|
-
source:
|
|
4538
|
+
source: la
|
|
4533
4539
|
}
|
|
4534
|
-
},
|
|
4540
|
+
}, We = "toast", vc = (n) => {
|
|
4535
4541
|
var s = n, {
|
|
4536
4542
|
action: t,
|
|
4537
4543
|
className: a,
|
|
@@ -4548,14 +4554,14 @@ const bt = {
|
|
|
4548
4554
|
"onClose"
|
|
4549
4555
|
]);
|
|
4550
4556
|
const i = m(
|
|
4551
|
-
|
|
4552
|
-
|
|
4557
|
+
Q[We],
|
|
4558
|
+
Q[`${We}--${o}`],
|
|
4553
4559
|
a
|
|
4554
4560
|
), d = typeof r == "string", p = (u) => u && u.closesOnClick && c ? (u.onClick(), c()) : u.onClick();
|
|
4555
|
-
return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className:
|
|
4556
|
-
|
|
4561
|
+
return /* @__PURE__ */ e.createElement("div", y({ className: i }, l), /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__icon`] }, /* @__PURE__ */ e.createElement(x, D(y({}, fc[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__content`] }, d ? /* @__PURE__ */ e.createElement(M, { as: "div" }, r) : r), (t || _) && /* @__PURE__ */ e.createElement("div", { className: Q[`${We}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
4562
|
+
U,
|
|
4557
4563
|
{
|
|
4558
|
-
className:
|
|
4564
|
+
className: Q[`${We}__actions--custom`],
|
|
4559
4565
|
kind: "text",
|
|
4560
4566
|
size: "compact",
|
|
4561
4567
|
onClick: () => p(t)
|
|
@@ -4565,15 +4571,15 @@ const bt = {
|
|
|
4565
4571
|
"button",
|
|
4566
4572
|
{
|
|
4567
4573
|
className: m(
|
|
4568
|
-
|
|
4569
|
-
|
|
4574
|
+
Q[`${We}__actions__button`],
|
|
4575
|
+
Q[`${We}__actions__button--${o}`]
|
|
4570
4576
|
),
|
|
4571
4577
|
"aria-label": "Close toast",
|
|
4572
4578
|
onClick: c
|
|
4573
4579
|
},
|
|
4574
|
-
/* @__PURE__ */ e.createElement(
|
|
4580
|
+
/* @__PURE__ */ e.createElement(x, { source: Ne, size: "medium" })
|
|
4575
4581
|
)));
|
|
4576
|
-
}, hc = 200,
|
|
4582
|
+
}, hc = 200, ht = "toast-wrapper", wl = ({
|
|
4577
4583
|
className: t,
|
|
4578
4584
|
toasts: a = [],
|
|
4579
4585
|
fixed: r = !0,
|
|
@@ -4583,24 +4589,24 @@ const bt = {
|
|
|
4583
4589
|
horizontalPosition: l = "center"
|
|
4584
4590
|
}) => {
|
|
4585
4591
|
const n = m(
|
|
4586
|
-
|
|
4592
|
+
Q[ht],
|
|
4587
4593
|
{
|
|
4588
|
-
[
|
|
4589
|
-
[
|
|
4590
|
-
[
|
|
4591
|
-
[
|
|
4594
|
+
[Q[`${ht}--fixed`]]: r,
|
|
4595
|
+
[Q[`${ht}--block`]]: !r && _,
|
|
4596
|
+
[Q[`${ht}--horizontal-${l}`]]: l,
|
|
4597
|
+
[Q[`${ht}--vertical-${c}`]]: c
|
|
4592
4598
|
},
|
|
4593
4599
|
t
|
|
4594
4600
|
);
|
|
4595
|
-
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(
|
|
4596
|
-
|
|
4601
|
+
return /* @__PURE__ */ e.createElement("div", { className: n }, /* @__PURE__ */ e.createElement(Qa, { component: null }, a.map(({ id: s, kind: i, content: d, removable: p, action: u, onClose: h }) => /* @__PURE__ */ e.createElement(
|
|
4602
|
+
Za,
|
|
4597
4603
|
{
|
|
4598
4604
|
key: s,
|
|
4599
4605
|
classNames: {
|
|
4600
|
-
enter:
|
|
4601
|
-
enterActive:
|
|
4602
|
-
exit:
|
|
4603
|
-
exitActive:
|
|
4606
|
+
enter: Q[`toast-appear--${o}`],
|
|
4607
|
+
enterActive: Q[`toast-appear-active--${o}`],
|
|
4608
|
+
exit: Q[`toast-exit--${o}`],
|
|
4609
|
+
exitActive: Q[`toast-exit-active--${o}`]
|
|
4604
4610
|
},
|
|
4605
4611
|
timeout: hc
|
|
4606
4612
|
},
|
|
@@ -4615,55 +4621,55 @@ const bt = {
|
|
|
4615
4621
|
d
|
|
4616
4622
|
)
|
|
4617
4623
|
))));
|
|
4618
|
-
}, kc = "lc-Textarea-module__textarea___g6U8F",
|
|
4624
|
+
}, kc = "lc-Textarea-module__textarea___g6U8F", Ot = {
|
|
4619
4625
|
textarea: kc,
|
|
4620
4626
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
4621
4627
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
4622
4628
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
4623
|
-
},
|
|
4629
|
+
}, Ht = "textarea", Cl = e.forwardRef(
|
|
4624
4630
|
(o, _) => {
|
|
4625
4631
|
var c = o, { className: t, error: a } = c, r = I(c, ["className", "error"]);
|
|
4626
|
-
const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), p = m(t,
|
|
4627
|
-
[
|
|
4628
|
-
[
|
|
4629
|
-
[
|
|
4630
|
-
}), u = (
|
|
4631
|
-
d(!1), n == null || n(
|
|
4632
|
-
}, h = (
|
|
4633
|
-
d(!0), s == null || s(
|
|
4632
|
+
const { disabled: l, onBlur: n, onFocus: s } = r, [i, d] = e.useState(!1), p = m(t, Ot[Ht], {
|
|
4633
|
+
[Ot[`${Ht}--disabled`]]: l,
|
|
4634
|
+
[Ot[`${Ht}--focused`]]: i,
|
|
4635
|
+
[Ot[`${Ht}--error`]]: a
|
|
4636
|
+
}), u = (f) => {
|
|
4637
|
+
d(!1), n == null || n(f);
|
|
4638
|
+
}, h = (f) => {
|
|
4639
|
+
d(!0), s == null || s(f);
|
|
4634
4640
|
};
|
|
4635
4641
|
return /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
|
|
4636
4642
|
"textarea",
|
|
4637
|
-
|
|
4643
|
+
D(y({}, r), {
|
|
4638
4644
|
ref: _,
|
|
4639
4645
|
onFocus: h,
|
|
4640
4646
|
onBlur: u
|
|
4641
4647
|
})
|
|
4642
4648
|
));
|
|
4643
4649
|
}
|
|
4644
|
-
),
|
|
4650
|
+
), Zt = {
|
|
4645
4651
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
4646
4652
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
4647
4653
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
4648
|
-
},
|
|
4654
|
+
}, Xt = "file-upload-progress-actions", ca = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Zt[`${Xt}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
4649
4655
|
"button",
|
|
4650
4656
|
{
|
|
4651
4657
|
type: "button",
|
|
4652
|
-
className:
|
|
4658
|
+
className: Zt[`${Xt}__retry-button`],
|
|
4653
4659
|
"aria-label": "Retry",
|
|
4654
4660
|
onClick: r
|
|
4655
4661
|
},
|
|
4656
|
-
/* @__PURE__ */ e.createElement(
|
|
4662
|
+
/* @__PURE__ */ e.createElement(x, { size: "small", source: Ar })
|
|
4657
4663
|
), a && t !== "success" && /* @__PURE__ */ e.createElement(
|
|
4658
4664
|
"button",
|
|
4659
4665
|
{
|
|
4660
4666
|
type: "button",
|
|
4661
|
-
className:
|
|
4667
|
+
className: Zt[`${Xt}__close-button`],
|
|
4662
4668
|
"aria-label": "Close",
|
|
4663
4669
|
onClick: a
|
|
4664
4670
|
},
|
|
4665
|
-
/* @__PURE__ */ e.createElement(
|
|
4666
|
-
)),
|
|
4671
|
+
/* @__PURE__ */ e.createElement(x, { size: "small", source: Ne })
|
|
4672
|
+
)), we = {
|
|
4667
4673
|
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
4668
4674
|
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
4669
4675
|
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
@@ -4674,7 +4680,7 @@ const bt = {
|
|
|
4674
4680
|
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
4675
4681
|
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
4676
4682
|
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
4677
|
-
}, Le = "file-upload-progress",
|
|
4683
|
+
}, Le = "file-upload-progress", ea = `${Le}__wrapper__header__title`, yc = e.forwardRef(
|
|
4678
4684
|
({
|
|
4679
4685
|
actionsVisibility: t = "hidden",
|
|
4680
4686
|
className: a,
|
|
@@ -4685,28 +4691,28 @@ const bt = {
|
|
|
4685
4691
|
status: l = "normal",
|
|
4686
4692
|
onCloseButtonClick: n,
|
|
4687
4693
|
onRetryButtonClick: s
|
|
4688
|
-
}, i) => /* @__PURE__ */ e.createElement("div", { className:
|
|
4694
|
+
}, i) => /* @__PURE__ */ e.createElement("div", { className: we[Le], ref: i }, r && l !== "success" && /* @__PURE__ */ e.createElement("div", { className: we[`${Le}__icon`] }, r), l === "success" && /* @__PURE__ */ e.createElement(
|
|
4689
4695
|
"div",
|
|
4690
4696
|
{
|
|
4691
4697
|
className: m(
|
|
4692
|
-
|
|
4693
|
-
|
|
4698
|
+
we[`${Le}__icon`],
|
|
4699
|
+
we[`${Le}__icon--success`]
|
|
4694
4700
|
)
|
|
4695
4701
|
},
|
|
4696
|
-
/* @__PURE__ */ e.createElement(
|
|
4702
|
+
/* @__PURE__ */ e.createElement(x, { source: Gt })
|
|
4697
4703
|
), /* @__PURE__ */ e.createElement(
|
|
4698
4704
|
"div",
|
|
4699
4705
|
{
|
|
4700
|
-
className: m(
|
|
4701
|
-
[
|
|
4706
|
+
className: m(we[`${Le}__wrapper`], {
|
|
4707
|
+
[we[`${Le}__wrapper--with-icon`]]: r
|
|
4702
4708
|
})
|
|
4703
4709
|
},
|
|
4704
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
4710
|
+
/* @__PURE__ */ e.createElement("div", { className: we[`${Le}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4705
4711
|
"div",
|
|
4706
4712
|
{
|
|
4707
|
-
className: m(
|
|
4708
|
-
[
|
|
4709
|
-
[
|
|
4713
|
+
className: m(we[ea], {
|
|
4714
|
+
[we[`${ea}--success`]]: l === "success",
|
|
4715
|
+
[we[`${ea}--error`]]: l === "error"
|
|
4710
4716
|
})
|
|
4711
4717
|
},
|
|
4712
4718
|
/* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, _),
|
|
@@ -4716,11 +4722,11 @@ const bt = {
|
|
|
4716
4722
|
"div",
|
|
4717
4723
|
{
|
|
4718
4724
|
className: m({
|
|
4719
|
-
[
|
|
4725
|
+
[we[`${Le}__wrapper__header__actions`]]: t === "hover"
|
|
4720
4726
|
})
|
|
4721
4727
|
},
|
|
4722
4728
|
/* @__PURE__ */ e.createElement(
|
|
4723
|
-
|
|
4729
|
+
ca,
|
|
4724
4730
|
{
|
|
4725
4731
|
status: l,
|
|
4726
4732
|
onCloseButtonClick: n,
|
|
@@ -4759,7 +4765,7 @@ const bt = {
|
|
|
4759
4765
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
4760
4766
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
4761
4767
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
4762
|
-
}, le = "upload-bar", Oe = `${le}__wrapper__header`, Ec = 300, $c = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__success-icon`] }, /* @__PURE__ */ e.createElement(
|
|
4768
|
+
}, le = "upload-bar", Oe = `${le}__wrapper__header`, Ec = 300, $c = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__success-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Gt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__error-icon`] }, /* @__PURE__ */ e.createElement(x, { source: Ir })) : /* @__PURE__ */ e.createElement(
|
|
4763
4769
|
zo,
|
|
4764
4770
|
{
|
|
4765
4771
|
className: H[`${Oe}__loader`],
|
|
@@ -4780,21 +4786,21 @@ const bt = {
|
|
|
4780
4786
|
onCloseButtonClick: d,
|
|
4781
4787
|
onRetryButtonClick: p
|
|
4782
4788
|
}) => {
|
|
4783
|
-
const [u, h] = e.useState(o || !1),
|
|
4784
|
-
[H[`${le}--error`]]:
|
|
4789
|
+
const [u, h] = e.useState(o || !1), f = l === "error", g = l === "success", b = m(H[le], a, {
|
|
4790
|
+
[H[`${le}--error`]]: f,
|
|
4785
4791
|
[H[`${le}--success`]]: g
|
|
4786
|
-
}), k = !(
|
|
4792
|
+
}), k = !(f && (p || d)), v = () => h(!u);
|
|
4787
4793
|
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: b }, /* @__PURE__ */ e.createElement("div", { className: H[`${le}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}`] }, /* @__PURE__ */ e.createElement(
|
|
4788
4794
|
yc,
|
|
4789
4795
|
{
|
|
4790
|
-
title:
|
|
4796
|
+
title: f && c || _,
|
|
4791
4797
|
progressValue: r,
|
|
4792
4798
|
status: l,
|
|
4793
4799
|
icon: n,
|
|
4794
4800
|
size: s
|
|
4795
4801
|
}
|
|
4796
4802
|
)), l === "error" && /* @__PURE__ */ e.createElement(
|
|
4797
|
-
|
|
4803
|
+
ca,
|
|
4798
4804
|
{
|
|
4799
4805
|
status: l,
|
|
4800
4806
|
onCloseButtonClick: d,
|
|
@@ -4804,26 +4810,26 @@ const bt = {
|
|
|
4804
4810
|
"div",
|
|
4805
4811
|
{
|
|
4806
4812
|
className: H[`${le}__wrapper`],
|
|
4807
|
-
onClick:
|
|
4813
|
+
onClick: v
|
|
4808
4814
|
},
|
|
4809
|
-
/* @__PURE__ */ e.createElement("div", { className: H[`${Oe}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__icon`] }, $c(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" },
|
|
4815
|
+
/* @__PURE__ */ e.createElement("div", { className: H[`${Oe}`] }, /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__icon`] }, $c(l, r)), /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__title`] }, /* @__PURE__ */ e.createElement(M, { size: "sm", as: "div" }, f ? c : _)), k && /* @__PURE__ */ e.createElement(
|
|
4810
4816
|
"button",
|
|
4811
4817
|
{
|
|
4812
4818
|
className: H[`${Oe}__collapse-button`],
|
|
4813
4819
|
type: "button",
|
|
4814
|
-
onClick:
|
|
4820
|
+
onClick: v
|
|
4815
4821
|
},
|
|
4816
|
-
u ? /* @__PURE__ */ e.createElement(
|
|
4822
|
+
u ? /* @__PURE__ */ e.createElement(x, { source: Ut }) : /* @__PURE__ */ e.createElement(x, { source: $t })
|
|
4817
4823
|
), l === "error" && /* @__PURE__ */ e.createElement("div", { className: H[`${Oe}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
4818
|
-
|
|
4824
|
+
ca,
|
|
4819
4825
|
{
|
|
4820
4826
|
status: l,
|
|
4821
4827
|
onCloseButtonClick: d,
|
|
4822
4828
|
onRetryButtonClick: p
|
|
4823
4829
|
}
|
|
4824
4830
|
)))
|
|
4825
|
-
), /* @__PURE__ */ e.createElement(
|
|
4826
|
-
|
|
4831
|
+
), /* @__PURE__ */ e.createElement(Qa, { component: null }, u && /* @__PURE__ */ e.createElement(
|
|
4832
|
+
Za,
|
|
4827
4833
|
{
|
|
4828
4834
|
timeout: Ec,
|
|
4829
4835
|
classNames: {
|
|
@@ -4840,12 +4846,12 @@ const bt = {
|
|
|
4840
4846
|
export {
|
|
4841
4847
|
hc as ANIMATION_TIME,
|
|
4842
4848
|
Jc as ActionBar,
|
|
4843
|
-
|
|
4844
|
-
|
|
4849
|
+
Yr as ActionMenu,
|
|
4850
|
+
Jr as ActionMenuItem,
|
|
4845
4851
|
jc as Alert,
|
|
4846
4852
|
N_ as Avatar,
|
|
4847
4853
|
T_ as Badge,
|
|
4848
|
-
|
|
4854
|
+
U as Button,
|
|
4849
4855
|
Zc as Card,
|
|
4850
4856
|
Xc as Checkbox,
|
|
4851
4857
|
co as DatePicker,
|
|
@@ -4855,24 +4861,24 @@ export {
|
|
|
4855
4861
|
al as DetailsCardInfo,
|
|
4856
4862
|
Uc as Display,
|
|
4857
4863
|
$l as EmailTagInput,
|
|
4858
|
-
|
|
4859
|
-
|
|
4864
|
+
Wt as FieldDescription,
|
|
4865
|
+
va as FieldError,
|
|
4860
4866
|
rl as FieldGroup,
|
|
4861
4867
|
yc as FileUploadProgress,
|
|
4862
|
-
|
|
4868
|
+
ca as FileUploadProgressActions,
|
|
4863
4869
|
_l as Form,
|
|
4864
4870
|
ol as FormField,
|
|
4865
4871
|
cl as FormGroup,
|
|
4866
|
-
|
|
4867
|
-
|
|
4872
|
+
Ze as Heading,
|
|
4873
|
+
x as Icon,
|
|
4868
4874
|
Vc as Info,
|
|
4869
4875
|
ll as Input,
|
|
4870
4876
|
Yc as Interactive,
|
|
4871
4877
|
nl as Link,
|
|
4872
|
-
|
|
4878
|
+
fa as Loader,
|
|
4873
4879
|
sl as Modal,
|
|
4874
4880
|
yo as ModalBase,
|
|
4875
|
-
|
|
4881
|
+
Oa as ModalCloseButton,
|
|
4876
4882
|
dl as ModalHeader,
|
|
4877
4883
|
il as ModalPortal,
|
|
4878
4884
|
ul as NumericInput,
|
|
@@ -4896,13 +4902,13 @@ export {
|
|
|
4896
4902
|
kl as Tab,
|
|
4897
4903
|
El as TabsList,
|
|
4898
4904
|
yl as TabsWrapper,
|
|
4899
|
-
|
|
4905
|
+
_r as Tag,
|
|
4900
4906
|
sc as TagInput,
|
|
4901
4907
|
M as Text,
|
|
4902
4908
|
Cl as Textarea,
|
|
4903
4909
|
vc as Toast,
|
|
4904
4910
|
wl as ToastWrapper,
|
|
4905
|
-
|
|
4911
|
+
tr as Tooltip,
|
|
4906
4912
|
Hc as TransitionDurationToken,
|
|
4907
4913
|
zc as TransitionTimingToken,
|
|
4908
4914
|
Nl as UploadBar,
|