@livechat/design-system-react-components 1.0.0-beta.0 → 1.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionMenu/ActionMenu.d.ts +4 -0
- package/dist/components/ActionMenu/ActionMenu.stories.d.ts +2 -1
- package/dist/components/Alert/Alert.stories.d.ts +3 -3
- package/dist/components/Avatar/Avatar.d.ts +1 -1
- package/dist/components/Avatar/Avatar.stories.d.ts +10 -10
- package/dist/components/Badge/Badge.stories.d.ts +3 -3
- package/dist/components/DatePicker/helpers.d.ts +2 -25
- package/dist/components/DatePicker/types.d.ts +3 -3
- package/dist/components/FormField/FormField.stories.d.ts +1 -1
- package/dist/components/Input/Input.stories.d.ts +4 -4
- package/dist/components/Modal/ModalHeader.d.ts +1 -1
- package/dist/components/NumericInput/NumericInput.d.ts +2 -4
- package/dist/components/NumericInput/NumericInput.stories.d.ts +20 -0
- package/dist/components/Picker/Picker.d.ts +7 -3
- package/dist/components/Picker/TriggerBody.d.ts +3 -2
- package/dist/components/Picker/constants.d.ts +1 -0
- package/dist/components/Picker/index.d.ts +1 -0
- package/dist/components/Switch/Switch.d.ts +30 -0
- package/dist/components/Tab/Tab.stories.d.ts +2 -2
- package/dist/components/TagInput/EmailTagInput.d.ts +1 -1
- package/dist/components/TagInput/TagInput.stories.d.ts +1 -1
- package/dist/components/Textarea/Textarea.stories.d.ts +1 -1
- package/dist/components/Toast/Toast.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
- package/dist/components/Tooltip/components/UserGuide/SpotlightOverlay.d.ts +2 -1
- package/dist/dsrc.cjs.js +10 -10
- package/dist/dsrc.es.js +1449 -1434
- package/dist/dsrc.umd.js +9 -9
- package/dist/index.d.ts +0 -1
- package/dist/preview-stats.json +550 -550
- package/dist/style.css +1 -1
- package/package.json +14 -14
package/dist/dsrc.es.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
1
|
+
var Ua = Object.defineProperty, Wa = Object.defineProperties;
|
|
2
|
+
var Va = Object.getOwnPropertyDescriptors;
|
|
3
|
+
var ut = Object.getOwnPropertySymbols;
|
|
4
|
+
var jt = Object.prototype.hasOwnProperty, ea = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var Bt = (t, a, r) => a in t ? Ua(t, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[a] = r, w = (t, a) => {
|
|
6
6
|
for (var r in a || (a = {}))
|
|
7
|
-
|
|
8
|
-
if (
|
|
9
|
-
for (var r of
|
|
10
|
-
|
|
7
|
+
jt.call(a, r) && Bt(t, r, a[r]);
|
|
8
|
+
if (ut)
|
|
9
|
+
for (var r of ut(a))
|
|
10
|
+
ea.call(a, r) && Bt(t, r, a[r]);
|
|
11
11
|
return t;
|
|
12
|
-
}, B = (t, a) =>
|
|
13
|
-
var
|
|
12
|
+
}, B = (t, a) => Wa(t, Va(a));
|
|
13
|
+
var A = (t, a) => {
|
|
14
14
|
var r = {};
|
|
15
15
|
for (var _ in t)
|
|
16
|
-
|
|
17
|
-
if (t != null &&
|
|
18
|
-
for (var _ of
|
|
19
|
-
a.indexOf(_) < 0 &&
|
|
16
|
+
jt.call(t, _) && a.indexOf(_) < 0 && (r[_] = t[_]);
|
|
17
|
+
if (t != null && ut)
|
|
18
|
+
for (var _ of ut(t))
|
|
19
|
+
a.indexOf(_) < 0 && ea.call(t, _) && (r[_] = t[_]);
|
|
20
20
|
return r;
|
|
21
21
|
};
|
|
22
|
-
var
|
|
22
|
+
var At = (t, a, r) => (Bt(t, typeof a != "symbol" ? a + "" : a, r), r);
|
|
23
23
|
import * as e from "react";
|
|
24
|
-
import
|
|
25
|
-
import f from "clsx";
|
|
26
|
-
import { useFloating as
|
|
27
|
-
import { Close as xe, Info as
|
|
28
|
-
import
|
|
29
|
-
import {
|
|
30
|
-
import
|
|
31
|
-
import or from "
|
|
32
|
-
import { subMonths as
|
|
33
|
-
import * as
|
|
34
|
-
import { cx as
|
|
35
|
-
import
|
|
36
|
-
import { TransitionGroup as
|
|
37
|
-
const
|
|
24
|
+
import { useReducer as Ya, useRef as qa, useEffect as Ve, useCallback as mt, useMemo as pt } from "react";
|
|
25
|
+
import f, { clsx as Pe } from "clsx";
|
|
26
|
+
import { useFloating as ka, offset as $a, flip as wa, autoUpdate as Ca, arrow as Ja } from "@floating-ui/react-dom";
|
|
27
|
+
import { Close as xe, Info as qt, Warning as Na, CheckCircle as xa, Block as Sa, Person as Ka, ChevronUp as St, ChevronDown as Dt, VisibilityOn as Za, VisibilityOff as Qa, Check as Jt, Search as Xa, LockBlackFilled as ja, Refresh as er, Error as tr } from "@livechat/design-system-icons/react/tabler";
|
|
28
|
+
import Da from "lodash.debounce";
|
|
29
|
+
import { getContrast as Kt } from "polished";
|
|
30
|
+
import ar from "react-day-picker";
|
|
31
|
+
import { DoubleArrowLeft as rr, ChevronLeft as _r, ChevronRight as or, DoubleArrowRight as lr, Close as Ta } from "@livechat/design-system-icons/react/material";
|
|
32
|
+
import { subMonths as Ue, differenceInCalendarMonths as ta, addMonths as aa, isSameMonth as Ht, isSameDay as Gt, isAfter as Ut, differenceInCalendarDays as Ia } from "date-fns";
|
|
33
|
+
import * as cr from "react-dom";
|
|
34
|
+
import { cx as nr, css as Ye } from "@emotion/css";
|
|
35
|
+
import ra from "lodash.escape";
|
|
36
|
+
import { TransitionGroup as Ba, CSSTransition as Zt } from "react-transition-group";
|
|
37
|
+
const Ko = {
|
|
38
38
|
Background: "--background",
|
|
39
39
|
// deprecated
|
|
40
40
|
Background01: "--background-01",
|
|
@@ -302,7 +302,7 @@ const Jo = {
|
|
|
302
302
|
IllustrationsStroke: "--illustrations-stroke",
|
|
303
303
|
TagSurface01: "--tag-surface-01",
|
|
304
304
|
TagContent01: "--tag-content-01"
|
|
305
|
-
},
|
|
305
|
+
}, Zo = {
|
|
306
306
|
Spacing0: "--spacing-0",
|
|
307
307
|
Spacing05: "--spacing-05",
|
|
308
308
|
Spacing1: "--spacing-1",
|
|
@@ -323,9 +323,17 @@ const Jo = {
|
|
|
323
323
|
PopOver: "--shadow-pop-over",
|
|
324
324
|
Modal: "--shadow-modal",
|
|
325
325
|
Focus: "--shadow-focus"
|
|
326
|
-
},
|
|
327
|
-
|
|
328
|
-
|
|
326
|
+
}, M = {
|
|
327
|
+
esc: "Escape",
|
|
328
|
+
enter: "Enter",
|
|
329
|
+
backspace: "Backspace",
|
|
330
|
+
delete: "Delete",
|
|
331
|
+
spacebar: " ",
|
|
332
|
+
tab: "Tab",
|
|
333
|
+
semicolon: ";",
|
|
334
|
+
comma: ",",
|
|
335
|
+
arrowUp: "ArrowUp",
|
|
336
|
+
arrowDown: "ArrowDown"
|
|
329
337
|
}, sr = "lc-Typography-module__caps___c3eNJ", ot = {
|
|
330
338
|
"heading-xl": "lc-Typography-module__heading-xl___nhr-6",
|
|
331
339
|
"heading-lg": "lc-Typography-module__heading-lg___XYF7l",
|
|
@@ -354,7 +362,7 @@ const Jo = {
|
|
|
354
362
|
size: a = "md",
|
|
355
363
|
children: r,
|
|
356
364
|
className: _
|
|
357
|
-
} = c, o =
|
|
365
|
+
} = c, o = A(c, [
|
|
358
366
|
"as",
|
|
359
367
|
"size",
|
|
360
368
|
"children",
|
|
@@ -365,8 +373,8 @@ const Jo = {
|
|
|
365
373
|
w({ className: f(ot[`heading-${a}`], _) }, o),
|
|
366
374
|
r
|
|
367
375
|
);
|
|
368
|
-
},
|
|
369
|
-
var
|
|
376
|
+
}, P = (i) => {
|
|
377
|
+
var u = i, {
|
|
370
378
|
as: t = "p",
|
|
371
379
|
size: a = "md",
|
|
372
380
|
caps: r = !1,
|
|
@@ -374,8 +382,8 @@ const Jo = {
|
|
|
374
382
|
underline: o = !1,
|
|
375
383
|
strike: l = !1,
|
|
376
384
|
children: c,
|
|
377
|
-
className:
|
|
378
|
-
} =
|
|
385
|
+
className: d
|
|
386
|
+
} = u, n = A(u, [
|
|
379
387
|
"as",
|
|
380
388
|
"size",
|
|
381
389
|
"caps",
|
|
@@ -385,23 +393,26 @@ const Jo = {
|
|
|
385
393
|
"children",
|
|
386
394
|
"className"
|
|
387
395
|
]);
|
|
388
|
-
const
|
|
396
|
+
const s = r ? "caps" : `paragraph-${a}`;
|
|
389
397
|
return e.createElement(
|
|
390
398
|
t,
|
|
391
399
|
w({
|
|
392
400
|
className: f(
|
|
393
401
|
{
|
|
394
|
-
[ot[`${
|
|
395
|
-
[ot[`${
|
|
396
|
-
[ot[`${
|
|
397
|
-
[ot[`${
|
|
402
|
+
[ot[`${s}`]]: !0,
|
|
403
|
+
[ot[`${s}--bold`]]: _,
|
|
404
|
+
[ot[`${s}--strike`]]: l,
|
|
405
|
+
[ot[`${s}--underline`]]: o
|
|
398
406
|
},
|
|
399
|
-
|
|
407
|
+
d
|
|
400
408
|
)
|
|
401
409
|
}, n),
|
|
402
410
|
c
|
|
403
411
|
);
|
|
404
|
-
}, dr =
|
|
412
|
+
}, dr = "lc-Popover-module__popover___8X1b2", _a = {
|
|
413
|
+
popover: dr,
|
|
414
|
+
"popover--visible": "lc-Popover-module__popover--visible___u5NXB"
|
|
415
|
+
}, ur = ({
|
|
405
416
|
triggerRenderer: t,
|
|
406
417
|
onClose: a,
|
|
407
418
|
children: r,
|
|
@@ -409,57 +420,57 @@ const Jo = {
|
|
|
409
420
|
placement: o,
|
|
410
421
|
flipOptions: l,
|
|
411
422
|
isVisible: c = !1,
|
|
412
|
-
closeOnEsc:
|
|
423
|
+
closeOnEsc: d = !0
|
|
413
424
|
}) => {
|
|
414
|
-
const [n,
|
|
415
|
-
x:
|
|
416
|
-
y:
|
|
425
|
+
const [n, i] = e.useState(!1), u = e.useRef(!1), {
|
|
426
|
+
x: s,
|
|
427
|
+
y: m,
|
|
417
428
|
reference: b,
|
|
418
|
-
floating:
|
|
419
|
-
strategy:
|
|
420
|
-
refs:
|
|
429
|
+
floating: v,
|
|
430
|
+
strategy: g,
|
|
431
|
+
refs: p,
|
|
421
432
|
update: E,
|
|
422
|
-
placement:
|
|
423
|
-
} =
|
|
424
|
-
middleware: [
|
|
433
|
+
placement: h
|
|
434
|
+
} = ka({
|
|
435
|
+
middleware: [$a(4), wa(l)],
|
|
425
436
|
placement: o
|
|
426
437
|
});
|
|
427
438
|
e.useEffect(() => {
|
|
428
|
-
|
|
439
|
+
i(c);
|
|
429
440
|
}, [c]), e.useEffect(() => {
|
|
430
|
-
a &&
|
|
441
|
+
a && u.current !== n && !n && a(), u.current = n;
|
|
431
442
|
}, [n]), e.useEffect(() => {
|
|
432
443
|
const k = (y) => {
|
|
433
|
-
|
|
444
|
+
d && y.key === "Escape" && i(!1);
|
|
434
445
|
};
|
|
435
446
|
return document.addEventListener("keydown", k), () => {
|
|
436
447
|
document.removeEventListener("keydown", k);
|
|
437
448
|
};
|
|
438
|
-
}, [
|
|
439
|
-
if (!(!
|
|
440
|
-
return
|
|
441
|
-
}, [
|
|
449
|
+
}, [d]), e.useEffect(() => {
|
|
450
|
+
if (!(!p.reference.current || !p.floating.current))
|
|
451
|
+
return Ca(p.reference.current, p.floating.current, E);
|
|
452
|
+
}, [p.reference, p.floating, E, h, n]);
|
|
442
453
|
function C(k) {
|
|
443
|
-
|
|
454
|
+
p.floating.current && p.floating.current.contains(k.target) || (p.reference.current && p.reference.current.contains(k.target) ? i((y) => !y) : i(!1));
|
|
444
455
|
}
|
|
445
456
|
e.useEffect(() => (document.addEventListener("mousedown", C), () => {
|
|
446
457
|
document.removeEventListener("mousedown", C);
|
|
447
458
|
}), []);
|
|
448
|
-
const
|
|
449
|
-
[
|
|
459
|
+
const S = f(_a.popover, _, {
|
|
460
|
+
[_a["popover--visible"]]: n
|
|
450
461
|
});
|
|
451
462
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { style: { width: "fit-content" }, ref: b }, t()), /* @__PURE__ */ e.createElement(
|
|
452
463
|
"div",
|
|
453
464
|
{
|
|
454
|
-
ref:
|
|
455
|
-
className:
|
|
465
|
+
ref: v,
|
|
466
|
+
className: S,
|
|
456
467
|
style: {
|
|
457
|
-
position:
|
|
458
|
-
top:
|
|
459
|
-
left:
|
|
468
|
+
position: g,
|
|
469
|
+
top: m != null ? m : "",
|
|
470
|
+
left: s != null ? s : ""
|
|
460
471
|
}
|
|
461
472
|
},
|
|
462
|
-
/* @__PURE__ */ e.createElement(
|
|
473
|
+
/* @__PURE__ */ e.createElement(P, { as: "div" }, r)
|
|
463
474
|
));
|
|
464
475
|
}, qe = {
|
|
465
476
|
"action-menu__trigger-button": "lc-ActionMenu-module__action-menu__trigger-button___tBrz5",
|
|
@@ -467,81 +478,72 @@ const Jo = {
|
|
|
467
478
|
"action-menu__list__item": "lc-ActionMenu-module__action-menu__list__item___n-OgH",
|
|
468
479
|
"action-menu__list__item--with-divider": "lc-ActionMenu-module__action-menu__list__item--with-divider___2H3Vm",
|
|
469
480
|
"action-menu__list__item--disabled": "lc-ActionMenu-module__action-menu__list__item--disabled___MgaX8"
|
|
470
|
-
},
|
|
471
|
-
|
|
472
|
-
enter: "Enter",
|
|
473
|
-
backspace: "Backspace",
|
|
474
|
-
delete: "Delete",
|
|
475
|
-
spacebar: " ",
|
|
476
|
-
tab: "Tab",
|
|
477
|
-
semicolon: ";",
|
|
478
|
-
comma: ",",
|
|
479
|
-
arrowUp: "ArrowUp",
|
|
480
|
-
arrowDown: "ArrowDown"
|
|
481
|
-
}, Je = "action-menu", Zo = (c) => {
|
|
482
|
-
var i = c, {
|
|
481
|
+
}, Je = "action-menu", Xo = (d) => {
|
|
482
|
+
var n = d, {
|
|
483
483
|
className: t,
|
|
484
484
|
options: a,
|
|
485
485
|
triggerRenderer: r,
|
|
486
486
|
placement: _ = "bottom-end",
|
|
487
|
-
openedOnInit: o = !1
|
|
488
|
-
|
|
487
|
+
openedOnInit: o = !1,
|
|
488
|
+
keepOpenOnClick: l
|
|
489
|
+
} = n, c = A(n, [
|
|
489
490
|
"className",
|
|
490
491
|
"options",
|
|
491
492
|
"triggerRenderer",
|
|
492
493
|
"placement",
|
|
493
|
-
"openedOnInit"
|
|
494
|
+
"openedOnInit",
|
|
495
|
+
"keepOpenOnClick"
|
|
494
496
|
]);
|
|
495
|
-
const [
|
|
497
|
+
const [i, u] = e.useState(o), s = e.useRef(-1), m = (p) => {
|
|
496
498
|
for (s.current = s.current + p; a[s.current].disabled; )
|
|
497
499
|
s.current = s.current + p;
|
|
498
500
|
return s.current;
|
|
499
|
-
},
|
|
500
|
-
var
|
|
501
|
-
p.key === M.arrowUp && s.current > 0 && (p.preventDefault(), s.current = m(-1), (
|
|
501
|
+
}, b = (p) => {
|
|
502
|
+
var E, h;
|
|
503
|
+
p.key === M.arrowUp && s.current > 0 && (p.preventDefault(), s.current = m(-1), (E = document.getElementById(`list-item-${s.current}`)) == null || E.focus()), p.key === M.arrowDown && s.current + 1 < a.length && (p.preventDefault(), s.current = m(1), (h = document.getElementById(`list-item-${s.current}`)) == null || h.focus());
|
|
502
504
|
};
|
|
503
505
|
e.useEffect(() => {
|
|
504
|
-
if (
|
|
505
|
-
return document.addEventListener("keydown",
|
|
506
|
+
if (i)
|
|
507
|
+
return document.addEventListener("keydown", b), () => document.removeEventListener("keydown", b);
|
|
506
508
|
s.current = -1;
|
|
507
|
-
}, [
|
|
508
|
-
const
|
|
509
|
-
|
|
510
|
-
},
|
|
511
|
-
p(),
|
|
509
|
+
}, [i, b]);
|
|
510
|
+
const v = () => {
|
|
511
|
+
u(!0);
|
|
512
|
+
}, g = (p) => {
|
|
513
|
+
p(), l || u(!1);
|
|
512
514
|
};
|
|
513
515
|
return /* @__PURE__ */ e.createElement(
|
|
514
|
-
|
|
516
|
+
ur,
|
|
515
517
|
{
|
|
516
|
-
isVisible:
|
|
518
|
+
isVisible: i,
|
|
517
519
|
placement: _,
|
|
518
|
-
onClose: () =>
|
|
520
|
+
onClose: () => u(!1),
|
|
519
521
|
triggerRenderer: () => /* @__PURE__ */ e.createElement(
|
|
520
522
|
"button",
|
|
521
523
|
{
|
|
522
524
|
"data-testid": "action-menu-trigger-button",
|
|
523
525
|
className: qe[`${Je}__trigger-button`],
|
|
524
|
-
onClick:
|
|
526
|
+
onClick: v
|
|
525
527
|
},
|
|
526
528
|
r
|
|
527
529
|
)
|
|
528
530
|
},
|
|
529
531
|
/* @__PURE__ */ e.createElement(
|
|
530
532
|
"ul",
|
|
531
|
-
B(w({},
|
|
533
|
+
B(w({}, c), {
|
|
532
534
|
className: f(qe[`${Je}__list`], t),
|
|
533
535
|
role: "menu",
|
|
534
|
-
"aria-hidden": !
|
|
536
|
+
"aria-hidden": !i
|
|
535
537
|
}),
|
|
536
|
-
a.map((p,
|
|
538
|
+
a.map((p, E) => /* @__PURE__ */ e.createElement("li", { key: p.key, role: "none" }, /* @__PURE__ */ e.createElement(
|
|
537
539
|
"button",
|
|
538
540
|
{
|
|
539
|
-
id: `list-item-${
|
|
541
|
+
id: `list-item-${E}`,
|
|
540
542
|
"data-testid": p.key,
|
|
541
543
|
tabIndex: -1,
|
|
542
544
|
key: p.key,
|
|
543
545
|
disabled: p.disabled,
|
|
544
|
-
onClick: () =>
|
|
546
|
+
onClick: () => g(p.onClick),
|
|
545
547
|
role: "menuitem",
|
|
546
548
|
className: f(qe[`${Je}__list__item`], {
|
|
547
549
|
[qe[`${Je}__list__item--disabled`]]: p.disabled,
|
|
@@ -558,118 +560,40 @@ const Jo = {
|
|
|
558
560
|
"action-menu-item__right-node": "lc-ActionMenuItem-module__action-menu-item__right-node___uq0Ym",
|
|
559
561
|
"action-menu-item__label": "lc-ActionMenuItem-module__action-menu-item__label___OgJ80",
|
|
560
562
|
"action-menu-item--warning": "lc-ActionMenuItem-module__action-menu-item--warning___DgeYg"
|
|
561
|
-
},
|
|
563
|
+
}, Ze = "action-menu-item", jo = ({ leftNode: t, rightNode: a, children: r, kind: _ }) => /* @__PURE__ */ e.createElement(
|
|
562
564
|
"div",
|
|
563
565
|
{
|
|
564
|
-
className: f(Ke[
|
|
565
|
-
[Ke[`${
|
|
566
|
+
className: f(Ke[Ze], {
|
|
567
|
+
[Ke[`${Ze}--warning`]]: _ === "warning"
|
|
566
568
|
})
|
|
567
569
|
},
|
|
568
|
-
t && /* @__PURE__ */ e.createElement("div", { className: Ke[`${
|
|
569
|
-
/* @__PURE__ */ e.createElement(
|
|
570
|
-
a && /* @__PURE__ */ e.createElement("div", { className: Ke[`${
|
|
571
|
-
),
|
|
572
|
-
|
|
573
|
-
|
|
574
|
-
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
575
|
-
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
576
|
-
"icon--inverted-subtle": "lc-Icon-module__icon--inverted-subtle___6UwBT",
|
|
577
|
-
"icon--link": "lc-Icon-module__icon--link___Jwkw9",
|
|
578
|
-
"icon--success": "lc-Icon-module__icon--success___MKdz3",
|
|
579
|
-
"icon--warning": "lc-Icon-module__icon--warning___5YCSW",
|
|
580
|
-
"icon--error": "lc-Icon-module__icon--error___CiJCD",
|
|
581
|
-
"icon--negative": "lc-Icon-module__icon--negative___vfgpo",
|
|
582
|
-
"icon--positive": "lc-Icon-module__icon--positive___ulUuj",
|
|
583
|
-
"icon--info": "lc-Icon-module__icon--info___Lfxfs",
|
|
584
|
-
"icon--action-primary": "lc-Icon-module__icon--action-primary___n5UhF",
|
|
585
|
-
"icon--action-negative": "lc-Icon-module__icon--action-negative___f1EPS",
|
|
586
|
-
"icon--action-positive": "lc-Icon-module__icon--action-positive___o-6Q-",
|
|
587
|
-
"icon--action-warning": "lc-Icon-module__icon--action-warning___zik06",
|
|
588
|
-
"icon--action-neutral": "lc-Icon-module__icon--action-neutral___sTHAF",
|
|
589
|
-
"icon--disabled--primary": "lc-Icon-module__icon--disabled--primary___E0nee",
|
|
590
|
-
"icon--disabled--subtle": "lc-Icon-module__icon--disabled--subtle___l-hK4",
|
|
591
|
-
"icon--disabled--inverted": "lc-Icon-module__icon--disabled--inverted___5SBAf",
|
|
592
|
-
"icon--disabled--inverted-subtle": "lc-Icon-module__icon--disabled--inverted-subtle___w-NBk",
|
|
593
|
-
"icon--disabled--link": "lc-Icon-module__icon--disabled--link___sVJOa",
|
|
594
|
-
"icon--disabled--success": "lc-Icon-module__icon--disabled--success___sG-7d",
|
|
595
|
-
"icon--disabled--warning": "lc-Icon-module__icon--disabled--warning___8ko1e",
|
|
596
|
-
"icon--disabled--error": "lc-Icon-module__icon--disabled--error___9KbVo",
|
|
597
|
-
"icon--disabled--negative": "lc-Icon-module__icon--disabled--negative___AzzCW",
|
|
598
|
-
"icon--disabled--positive": "lc-Icon-module__icon--disabled--positive___JelzZ",
|
|
599
|
-
"icon--disabled--info": "lc-Icon-module__icon--disabled--info___3xl-B",
|
|
600
|
-
"icon--disabled--action-primary": "lc-Icon-module__icon--disabled--action-primary___2k1TG",
|
|
601
|
-
"icon--disabled--action-negative": "lc-Icon-module__icon--disabled--action-negative___Oraj8",
|
|
602
|
-
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
603
|
-
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
604
|
-
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
605
|
-
}, mr = {
|
|
606
|
-
xsmall: {
|
|
607
|
-
width: 12,
|
|
608
|
-
height: 12
|
|
609
|
-
},
|
|
610
|
-
small: {
|
|
611
|
-
width: 16,
|
|
612
|
-
height: 16
|
|
613
|
-
},
|
|
614
|
-
medium: {
|
|
615
|
-
width: 20,
|
|
616
|
-
height: 20
|
|
617
|
-
},
|
|
618
|
-
large: {
|
|
619
|
-
width: 24,
|
|
620
|
-
height: 24
|
|
621
|
-
},
|
|
622
|
-
xlarge: {
|
|
623
|
-
width: 32,
|
|
624
|
-
height: 32
|
|
625
|
-
}
|
|
626
|
-
}, oa = "icon", I = (t) => {
|
|
627
|
-
const s = t, {
|
|
628
|
-
source: a,
|
|
629
|
-
size: r = "medium",
|
|
630
|
-
kind: _,
|
|
631
|
-
disabled: o,
|
|
632
|
-
className: l,
|
|
633
|
-
customColor: c
|
|
634
|
-
} = s, i = P(s, [
|
|
635
|
-
"source",
|
|
636
|
-
"size",
|
|
637
|
-
"kind",
|
|
638
|
-
"disabled",
|
|
639
|
-
"className",
|
|
640
|
-
"customColor"
|
|
641
|
-
]), n = e.createElement(a, B(w({}, mr[r]), {
|
|
642
|
-
color: c
|
|
643
|
-
})), d = f(
|
|
644
|
-
l,
|
|
645
|
-
_a[oa],
|
|
646
|
-
_ && _a[`${oa}--${o ? "disabled--" : ""}${_}`]
|
|
647
|
-
);
|
|
648
|
-
return /* @__PURE__ */ e.createElement("span", B(w({}, i), { className: d }), n);
|
|
649
|
-
}, pr = "lc-Loader-module__loader___LRflD", gr = "lc-Loader-module__loader__spinner___l3C1g", fr = "lc-Loader-module__rotate___Tlni-", br = "lc-Loader-module__loader__label___R74f6", Ze = {
|
|
650
|
-
loader: pr,
|
|
651
|
-
loader__spinner: gr,
|
|
570
|
+
t && /* @__PURE__ */ e.createElement("div", { className: Ke[`${Ze}__left-node`] }, t),
|
|
571
|
+
/* @__PURE__ */ e.createElement(P, { as: "div", className: Ke[`${Ze}__label`] }, r),
|
|
572
|
+
a && /* @__PURE__ */ e.createElement("div", { className: Ke[`${Ze}__right-node`] }, a)
|
|
573
|
+
), mr = "lc-Loader-module__loader___LRflD", pr = "lc-Loader-module__loader__spinner___l3C1g", gr = "lc-Loader-module__rotate___Tlni-", fr = "lc-Loader-module__loader__label___R74f6", Qe = {
|
|
574
|
+
loader: mr,
|
|
575
|
+
loader__spinner: pr,
|
|
652
576
|
"loader__spinner--small": "lc-Loader-module__loader__spinner--small___dGFFt",
|
|
653
577
|
"loader__spinner--medium": "lc-Loader-module__loader__spinner--medium___J-ki0",
|
|
654
578
|
"loader__spinner--large": "lc-Loader-module__loader__spinner--large___Poqq7",
|
|
655
579
|
"loader__spinner-circle": "lc-Loader-module__loader__spinner-circle___ApBUO",
|
|
656
|
-
rotate:
|
|
657
|
-
loader__label:
|
|
658
|
-
},
|
|
580
|
+
rotate: gr,
|
|
581
|
+
loader__label: fr
|
|
582
|
+
}, Aa = "loader", oa = `${Aa}__spinner`, Qt = ({
|
|
659
583
|
primaryColor: t,
|
|
660
584
|
secondaryColor: a,
|
|
661
585
|
label: r,
|
|
662
586
|
className: _,
|
|
663
587
|
size: o = "medium"
|
|
664
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: f(
|
|
588
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: f(Qe[Aa], _) }, /* @__PURE__ */ e.createElement(
|
|
665
589
|
"div",
|
|
666
590
|
{
|
|
667
|
-
className: f(
|
|
591
|
+
className: f(Qe[oa], Qe[`${oa}--${o}`])
|
|
668
592
|
},
|
|
669
593
|
/* @__PURE__ */ e.createElement(
|
|
670
594
|
"div",
|
|
671
595
|
{
|
|
672
|
-
className:
|
|
596
|
+
className: Qe["loader__spinner-circle"],
|
|
673
597
|
style: {
|
|
674
598
|
/* stylelint-disable */
|
|
675
599
|
borderColor: a,
|
|
@@ -677,8 +601,8 @@ const Jo = {
|
|
|
677
601
|
}
|
|
678
602
|
}
|
|
679
603
|
)
|
|
680
|
-
), r && /* @__PURE__ */ e.createElement(
|
|
681
|
-
btn:
|
|
604
|
+
), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Qe.loader__label }, r)), br = "lc-Button-module__btn___aijZJ", vr = "lc-Button-module__btn__loader___c8zZz", hr = "lc-Button-module__btn__content___wefl2", yr = "lc-Button-module__btn__icon___GVExB", ae = {
|
|
605
|
+
btn: br,
|
|
682
606
|
"btn--disabled": "lc-Button-module__btn--disabled___lXBav",
|
|
683
607
|
"btn--full-width": "lc-Button-module__btn--full-width___kdbAr",
|
|
684
608
|
"btn--basic": "lc-Button-module__btn--basic___Jc2gD",
|
|
@@ -696,14 +620,14 @@ const Jo = {
|
|
|
696
620
|
"btn--dotted": "lc-Button-module__btn--dotted___y1EEP",
|
|
697
621
|
"btn--loading": "lc-Button-module__btn--loading___ZAgjv",
|
|
698
622
|
btn__loader: vr,
|
|
699
|
-
btn__content:
|
|
700
|
-
btn__icon:
|
|
623
|
+
btn__content: hr,
|
|
624
|
+
btn__icon: yr,
|
|
701
625
|
"btn__icon--left": "lc-Button-module__btn__icon--left___H68zu",
|
|
702
626
|
"btn__icon--right": "lc-Button-module__btn__icon--right___fHr3D",
|
|
703
627
|
"btn--icon-only--bg": "lc-Button-module__btn--icon-only--bg___X-4V2"
|
|
704
|
-
}, re = "btn",
|
|
705
|
-
(
|
|
706
|
-
var
|
|
628
|
+
}, re = "btn", ne = e.forwardRef(
|
|
629
|
+
(g, v) => {
|
|
630
|
+
var p = g, {
|
|
707
631
|
loading: t = !1,
|
|
708
632
|
disabled: a = !1,
|
|
709
633
|
type: r = "button",
|
|
@@ -711,13 +635,13 @@ const Jo = {
|
|
|
711
635
|
kind: o = "basic",
|
|
712
636
|
size: l = "medium",
|
|
713
637
|
icon: c = null,
|
|
714
|
-
iconPosition:
|
|
638
|
+
iconPosition: d = "left",
|
|
715
639
|
loaderLabel: n,
|
|
716
|
-
className:
|
|
717
|
-
children:
|
|
718
|
-
href:
|
|
719
|
-
onClick:
|
|
720
|
-
} =
|
|
640
|
+
className: i,
|
|
641
|
+
children: u,
|
|
642
|
+
href: s,
|
|
643
|
+
onClick: m
|
|
644
|
+
} = p, b = A(p, [
|
|
721
645
|
"loading",
|
|
722
646
|
"disabled",
|
|
723
647
|
"type",
|
|
@@ -732,34 +656,34 @@ const Jo = {
|
|
|
732
656
|
"href",
|
|
733
657
|
"onClick"
|
|
734
658
|
]);
|
|
735
|
-
const E = t || a,
|
|
659
|
+
const E = t || a, h = !u && c, C = ["text", "plain", "plain-light"].includes(o), S = s ? "a" : "button", k = () => {
|
|
736
660
|
if (o === "primary" || o === "destructive")
|
|
737
661
|
return {
|
|
738
662
|
primaryColor: "var(--action-primary-default)",
|
|
739
663
|
secondaryColor: "var(--border-invert-primary)"
|
|
740
664
|
};
|
|
741
665
|
}, y = f(
|
|
742
|
-
|
|
666
|
+
i,
|
|
743
667
|
ae[re],
|
|
744
668
|
ae[`${re}--${o}`],
|
|
745
669
|
ae[`${re}--${l}`],
|
|
746
670
|
{
|
|
747
671
|
[ae[`${re}--loading`]]: t,
|
|
748
672
|
[ae[`${re}--full-width`]]: _,
|
|
749
|
-
[ae[`${re}--icon-only`]]:
|
|
750
|
-
[ae[`${re}--icon-only--bg`]]:
|
|
673
|
+
[ae[`${re}--icon-only`]]: h,
|
|
674
|
+
[ae[`${re}--icon-only--bg`]]: h && C,
|
|
751
675
|
[ae[`${re}--disabled`]]: E
|
|
752
676
|
}
|
|
753
677
|
);
|
|
754
678
|
return /* @__PURE__ */ e.createElement(
|
|
755
|
-
|
|
679
|
+
S,
|
|
756
680
|
w({
|
|
757
|
-
ref:
|
|
681
|
+
ref: v,
|
|
758
682
|
className: y,
|
|
759
683
|
"aria-disabled": E,
|
|
760
684
|
type: r,
|
|
761
|
-
href: E ? void 0 :
|
|
762
|
-
onClick: E ? void 0 :
|
|
685
|
+
href: E ? void 0 : s,
|
|
686
|
+
onClick: E ? void 0 : m,
|
|
763
687
|
disabled: E
|
|
764
688
|
}, b),
|
|
765
689
|
t && /* @__PURE__ */ e.createElement(
|
|
@@ -773,19 +697,97 @@ const Jo = {
|
|
|
773
697
|
c && e.cloneElement(c, {
|
|
774
698
|
className: f(
|
|
775
699
|
ae[`${re}__icon`],
|
|
776
|
-
ae[`${re}__icon--${
|
|
700
|
+
ae[`${re}__icon--${d}`]
|
|
777
701
|
),
|
|
778
702
|
disabled: a
|
|
779
703
|
}),
|
|
780
|
-
/* @__PURE__ */ e.createElement("div", { className: ae[`${re}__content`] },
|
|
704
|
+
/* @__PURE__ */ e.createElement("div", { className: ae[`${re}__content`] }, u)
|
|
781
705
|
);
|
|
782
706
|
}
|
|
783
|
-
),
|
|
784
|
-
|
|
785
|
-
|
|
786
|
-
|
|
787
|
-
|
|
788
|
-
|
|
707
|
+
), Er = "lc-Icon-module__icon___tw31R", la = {
|
|
708
|
+
icon: Er,
|
|
709
|
+
"icon--primary": "lc-Icon-module__icon--primary___JJnBV",
|
|
710
|
+
"icon--subtle": "lc-Icon-module__icon--subtle___sZIzL",
|
|
711
|
+
"icon--inverted": "lc-Icon-module__icon--inverted___zA9QC",
|
|
712
|
+
"icon--inverted-subtle": "lc-Icon-module__icon--inverted-subtle___6UwBT",
|
|
713
|
+
"icon--link": "lc-Icon-module__icon--link___Jwkw9",
|
|
714
|
+
"icon--success": "lc-Icon-module__icon--success___MKdz3",
|
|
715
|
+
"icon--warning": "lc-Icon-module__icon--warning___5YCSW",
|
|
716
|
+
"icon--error": "lc-Icon-module__icon--error___CiJCD",
|
|
717
|
+
"icon--negative": "lc-Icon-module__icon--negative___vfgpo",
|
|
718
|
+
"icon--positive": "lc-Icon-module__icon--positive___ulUuj",
|
|
719
|
+
"icon--info": "lc-Icon-module__icon--info___Lfxfs",
|
|
720
|
+
"icon--action-primary": "lc-Icon-module__icon--action-primary___n5UhF",
|
|
721
|
+
"icon--action-negative": "lc-Icon-module__icon--action-negative___f1EPS",
|
|
722
|
+
"icon--action-positive": "lc-Icon-module__icon--action-positive___o-6Q-",
|
|
723
|
+
"icon--action-warning": "lc-Icon-module__icon--action-warning___zik06",
|
|
724
|
+
"icon--action-neutral": "lc-Icon-module__icon--action-neutral___sTHAF",
|
|
725
|
+
"icon--disabled--primary": "lc-Icon-module__icon--disabled--primary___E0nee",
|
|
726
|
+
"icon--disabled--subtle": "lc-Icon-module__icon--disabled--subtle___l-hK4",
|
|
727
|
+
"icon--disabled--inverted": "lc-Icon-module__icon--disabled--inverted___5SBAf",
|
|
728
|
+
"icon--disabled--inverted-subtle": "lc-Icon-module__icon--disabled--inverted-subtle___w-NBk",
|
|
729
|
+
"icon--disabled--link": "lc-Icon-module__icon--disabled--link___sVJOa",
|
|
730
|
+
"icon--disabled--success": "lc-Icon-module__icon--disabled--success___sG-7d",
|
|
731
|
+
"icon--disabled--warning": "lc-Icon-module__icon--disabled--warning___8ko1e",
|
|
732
|
+
"icon--disabled--error": "lc-Icon-module__icon--disabled--error___9KbVo",
|
|
733
|
+
"icon--disabled--negative": "lc-Icon-module__icon--disabled--negative___AzzCW",
|
|
734
|
+
"icon--disabled--positive": "lc-Icon-module__icon--disabled--positive___JelzZ",
|
|
735
|
+
"icon--disabled--info": "lc-Icon-module__icon--disabled--info___3xl-B",
|
|
736
|
+
"icon--disabled--action-primary": "lc-Icon-module__icon--disabled--action-primary___2k1TG",
|
|
737
|
+
"icon--disabled--action-negative": "lc-Icon-module__icon--disabled--action-negative___Oraj8",
|
|
738
|
+
"icon--disabled--action-positive": "lc-Icon-module__icon--disabled--action-positive___zaLja",
|
|
739
|
+
"icon--disabled--action-warning": "lc-Icon-module__icon--disabled--action-warning___5VvCf",
|
|
740
|
+
"icon--disabled--action-neutral": "lc-Icon-module__icon--disabled--action-neutral___SxlyC"
|
|
741
|
+
}, kr = {
|
|
742
|
+
xsmall: {
|
|
743
|
+
width: 12,
|
|
744
|
+
height: 12
|
|
745
|
+
},
|
|
746
|
+
small: {
|
|
747
|
+
width: 16,
|
|
748
|
+
height: 16
|
|
749
|
+
},
|
|
750
|
+
medium: {
|
|
751
|
+
width: 20,
|
|
752
|
+
height: 20
|
|
753
|
+
},
|
|
754
|
+
large: {
|
|
755
|
+
width: 24,
|
|
756
|
+
height: 24
|
|
757
|
+
},
|
|
758
|
+
xlarge: {
|
|
759
|
+
width: 32,
|
|
760
|
+
height: 32
|
|
761
|
+
}
|
|
762
|
+
}, ca = "icon", I = (t) => {
|
|
763
|
+
const u = t, {
|
|
764
|
+
source: a,
|
|
765
|
+
size: r = "medium",
|
|
766
|
+
kind: _,
|
|
767
|
+
disabled: o,
|
|
768
|
+
className: l,
|
|
769
|
+
customColor: c
|
|
770
|
+
} = u, d = A(u, [
|
|
771
|
+
"source",
|
|
772
|
+
"size",
|
|
773
|
+
"kind",
|
|
774
|
+
"disabled",
|
|
775
|
+
"className",
|
|
776
|
+
"customColor"
|
|
777
|
+
]), n = e.createElement(a, B(w({}, kr[r]), {
|
|
778
|
+
color: c
|
|
779
|
+
})), i = f(
|
|
780
|
+
l,
|
|
781
|
+
la[ca],
|
|
782
|
+
_ && la[`${ca}--${o ? "disabled--" : ""}${_}`]
|
|
783
|
+
);
|
|
784
|
+
return /* @__PURE__ */ e.createElement("span", B(w({}, d), { className: i }), n);
|
|
785
|
+
}, $r = "lc-Alert-module__alert___HBTns", wr = "lc-Alert-module__alert__icon___8TaAH", Cr = "lc-Alert-module__alert__content___9nZdf", Nr = "lc-Alert-module__alert__content__text___7nx1p", xr = "lc-Alert-module__alert__content__cta___gTWPt", pe = {
|
|
786
|
+
alert: $r,
|
|
787
|
+
alert__icon: wr,
|
|
788
|
+
alert__content: Cr,
|
|
789
|
+
alert__content__text: Nr,
|
|
790
|
+
alert__content__cta: xr,
|
|
789
791
|
"alert__close-icon": "lc-Alert-module__alert__close-icon___rYxVy",
|
|
790
792
|
"alert--small": "lc-Alert-module__alert--small___Fyk-v",
|
|
791
793
|
"alert--medium": "lc-Alert-module__alert--medium___ItZWT",
|
|
@@ -793,32 +795,32 @@ const Jo = {
|
|
|
793
795
|
"alert--warning": "lc-Alert-module__alert--warning___MubhD",
|
|
794
796
|
"alert--success": "lc-Alert-module__alert--success___fPtlZ",
|
|
795
797
|
"alert--error": "lc-Alert-module__alert--error___DKPo0"
|
|
796
|
-
},
|
|
798
|
+
}, Sr = {
|
|
797
799
|
info: {
|
|
798
|
-
source:
|
|
800
|
+
source: qt,
|
|
799
801
|
kind: "link"
|
|
800
802
|
},
|
|
801
803
|
warning: {
|
|
802
|
-
source:
|
|
804
|
+
source: Na,
|
|
803
805
|
kind: "warning"
|
|
804
806
|
},
|
|
805
807
|
success: {
|
|
806
|
-
source:
|
|
808
|
+
source: xa,
|
|
807
809
|
kind: "success"
|
|
808
810
|
},
|
|
809
811
|
error: {
|
|
810
|
-
source:
|
|
812
|
+
source: Sa,
|
|
811
813
|
kind: "error"
|
|
812
814
|
}
|
|
813
|
-
}, ge = "alert",
|
|
814
|
-
var n =
|
|
815
|
+
}, ge = "alert", el = (d) => {
|
|
816
|
+
var n = d, {
|
|
815
817
|
children: t,
|
|
816
818
|
className: a,
|
|
817
819
|
primaryButton: r,
|
|
818
820
|
secondaryButton: _,
|
|
819
821
|
kind: o = "info",
|
|
820
822
|
onClose: l
|
|
821
|
-
} = n, c =
|
|
823
|
+
} = n, c = A(n, [
|
|
822
824
|
"children",
|
|
823
825
|
"className",
|
|
824
826
|
"primaryButton",
|
|
@@ -826,25 +828,25 @@ const Jo = {
|
|
|
826
828
|
"kind",
|
|
827
829
|
"onClose"
|
|
828
830
|
]);
|
|
829
|
-
const
|
|
831
|
+
const i = e.useRef(null), [u, s] = e.useState(null), m = f(
|
|
830
832
|
pe[ge],
|
|
831
833
|
pe[`${ge}--${o}`],
|
|
832
|
-
|
|
833
|
-
|
|
834
|
+
u === "medium" && pe[`${ge}--medium`],
|
|
835
|
+
u === "small" && pe[`${ge}--small`],
|
|
834
836
|
a
|
|
835
837
|
);
|
|
836
838
|
return e.useEffect(() => {
|
|
837
|
-
const b = () =>
|
|
839
|
+
const b = () => i.current && i.current.offsetWidth <= 400 ? s("small") : i.current && i.current.offsetWidth > 400 && i.current.offsetWidth <= 800 ? s("medium") : s(null), v = Da(() => {
|
|
838
840
|
b();
|
|
839
841
|
}, 500);
|
|
840
|
-
return window.addEventListener("resize",
|
|
841
|
-
}), /* @__PURE__ */ e.createElement("div", w({ ref:
|
|
842
|
+
return window.addEventListener("resize", v), b(), () => window.removeEventListener("resize", v);
|
|
843
|
+
}), /* @__PURE__ */ e.createElement("div", w({ ref: i, className: m }, c), /* @__PURE__ */ e.createElement(
|
|
842
844
|
I,
|
|
843
|
-
B(w({},
|
|
845
|
+
B(w({}, Sr[o]), {
|
|
844
846
|
size: "large",
|
|
845
847
|
className: pe[`${ge}__icon`]
|
|
846
848
|
})
|
|
847
|
-
), /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, /* @__PURE__ */ e.createElement(
|
|
849
|
+
), /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: pe[`${ge}__content__text`] }, t), (r || _) && /* @__PURE__ */ e.createElement("div", { className: pe[`${ge}__content__cta`] }, r && /* @__PURE__ */ e.createElement(ne, { kind: "primary", onClick: r.handleClick }, r.label), _ && /* @__PURE__ */ e.createElement(ne, { kind: "text", onClick: _.handleClick }, _.label))), l && /* @__PURE__ */ e.createElement(
|
|
848
850
|
"button",
|
|
849
851
|
{
|
|
850
852
|
type: "button",
|
|
@@ -854,15 +856,15 @@ const Jo = {
|
|
|
854
856
|
/* @__PURE__ */ e.createElement(I, { source: xe, kind: "subtle" })
|
|
855
857
|
));
|
|
856
858
|
};
|
|
857
|
-
function
|
|
859
|
+
function Dr(t = "", a = 2) {
|
|
858
860
|
return t.split(" ").map((r) => r.charAt(0)).join("").substring(0, a).toUpperCase();
|
|
859
861
|
}
|
|
860
|
-
function
|
|
861
|
-
return
|
|
862
|
+
function Tr(t) {
|
|
863
|
+
return Kt(t, "#FFFFFF") > 4.5 ? "var(--color-white)" : "var(--color-black)";
|
|
862
864
|
}
|
|
863
|
-
const
|
|
864
|
-
avatar:
|
|
865
|
-
avatar__status:
|
|
865
|
+
const Ir = "lc-Avatar-module__avatar___1zTCE", Br = "lc-Avatar-module__avatar__status___nX2Ls", Ar = "lc-Avatar-module__avatar__rim___RCQ8Q", Pr = "lc-Avatar-module__avatar__image___YqfqE", ee = {
|
|
866
|
+
avatar: Ir,
|
|
867
|
+
avatar__status: Br,
|
|
866
868
|
"avatar__status--available": "lc-Avatar-module__avatar__status--available___tcpFg",
|
|
867
869
|
"avatar__status--unavailable": "lc-Avatar-module__avatar__status--unavailable___ciauF",
|
|
868
870
|
"avatar__status--unknown": "lc-Avatar-module__avatar__status--unknown___MBaGB",
|
|
@@ -875,8 +877,9 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
875
877
|
"avatar__status--large": "lc-Avatar-module__avatar__status--large___Lt-0p",
|
|
876
878
|
"avatar__status--xlarge": "lc-Avatar-module__avatar__status--xlarge___RWIcJ",
|
|
877
879
|
"avatar__status--xxlarge": "lc-Avatar-module__avatar__status--xxlarge___crG9D",
|
|
880
|
+
"avatar__status--xxxlarge": "lc-Avatar-module__avatar__status--xxxlarge___Iv61X",
|
|
878
881
|
"avatar__status--rounded-square": "lc-Avatar-module__avatar__status--rounded-square___-My1P",
|
|
879
|
-
avatar__rim:
|
|
882
|
+
avatar__rim: Ar,
|
|
880
883
|
"avatar__rim--xxxsmall": "lc-Avatar-module__avatar__rim--xxxsmall___0CH9D",
|
|
881
884
|
"avatar__rim--xxsmall": "lc-Avatar-module__avatar__rim--xxsmall___Mde0K",
|
|
882
885
|
"avatar__rim--xsmall": "lc-Avatar-module__avatar__rim--xsmall___LAN-b",
|
|
@@ -885,6 +888,7 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
885
888
|
"avatar__rim--large": "lc-Avatar-module__avatar__rim--large___FPvGp",
|
|
886
889
|
"avatar__rim--xlarge": "lc-Avatar-module__avatar__rim--xlarge___CY0kN",
|
|
887
890
|
"avatar__rim--xxlarge": "lc-Avatar-module__avatar__rim--xxlarge___tE053",
|
|
891
|
+
"avatar__rim--xxxlarge": "lc-Avatar-module__avatar__rim--xxxlarge___amlGP",
|
|
888
892
|
avatar__image: Pr,
|
|
889
893
|
"avatar__icon--xxxsmall": "lc-Avatar-module__avatar__icon--xxxsmall___KaoMa",
|
|
890
894
|
"avatar__icon--xxsmall": "lc-Avatar-module__avatar__icon--xxsmall___NJJNV",
|
|
@@ -894,6 +898,7 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
894
898
|
"avatar__icon--large": "lc-Avatar-module__avatar__icon--large___QntBf",
|
|
895
899
|
"avatar__icon--xlarge": "lc-Avatar-module__avatar__icon--xlarge___bcHbI",
|
|
896
900
|
"avatar__icon--xxlarge": "lc-Avatar-module__avatar__icon--xxlarge___sx8Fq",
|
|
901
|
+
"avatar__icon--xxxlarge": "lc-Avatar-module__avatar__icon--xxxlarge___4144S",
|
|
897
902
|
"avatar--circle": "lc-Avatar-module__avatar--circle___XwEz-",
|
|
898
903
|
"avatar--rounded-square": "lc-Avatar-module__avatar--rounded-square___m7-4I",
|
|
899
904
|
"avatar--with-rim": "lc-Avatar-module__avatar--with-rim___pvFZR",
|
|
@@ -904,8 +909,9 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
904
909
|
"avatar--medium": "lc-Avatar-module__avatar--medium___Bt9Eo",
|
|
905
910
|
"avatar--large": "lc-Avatar-module__avatar--large___OU-08",
|
|
906
911
|
"avatar--xlarge": "lc-Avatar-module__avatar--xlarge___zwgeW",
|
|
907
|
-
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul"
|
|
908
|
-
|
|
912
|
+
"avatar--xxlarge": "lc-Avatar-module__avatar--xxlarge___Ur0ul",
|
|
913
|
+
"avatar--xxxlarge": "lc-Avatar-module__avatar--xxxlarge___Z-54U"
|
|
914
|
+
}, V = "avatar", tl = ({
|
|
909
915
|
alt: t,
|
|
910
916
|
className: a,
|
|
911
917
|
color: r,
|
|
@@ -913,31 +919,30 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
913
919
|
size: o = "medium",
|
|
914
920
|
src: l,
|
|
915
921
|
status: c,
|
|
916
|
-
text:
|
|
922
|
+
text: d,
|
|
917
923
|
type: n,
|
|
918
|
-
withRim:
|
|
924
|
+
withRim: i = !1
|
|
919
925
|
}) => {
|
|
920
|
-
const
|
|
926
|
+
const u = n === "image" && !l, [s, m] = e.useState(u), b = n === "image" && !!l && !s, v = n === "text", g = ["xxxsmall", "xxsmall", "xsmall"].includes(o) ? 1 : 2, p = Dr(d, g), E = r && Tr(r), h = f(w({
|
|
921
927
|
[ee[V]]: !0,
|
|
922
928
|
[ee[`${V}--${_}`]]: !0,
|
|
923
929
|
[ee[`${V}--${o}`]]: !0,
|
|
924
|
-
[ee[`${V}--with-rim`]]:
|
|
925
|
-
|
|
926
|
-
}), C = f(
|
|
930
|
+
[ee[`${V}--with-rim`]]: i
|
|
931
|
+
}, a ? { [`${a}`]: a } : {})), C = f(
|
|
927
932
|
ee[`${V}__status`],
|
|
928
933
|
ee[`${V}__status--${_}`],
|
|
929
934
|
ee[`${V}__status--${o}`],
|
|
930
|
-
ee[`${V}__status--${c}`]
|
|
931
|
-
),
|
|
935
|
+
...c ? [ee[`${V}__status--${c}`]] : []
|
|
936
|
+
), S = f(
|
|
932
937
|
ee[`${V}__icon`],
|
|
933
938
|
ee[`${V}__icon--${o}`]
|
|
934
939
|
), k = f(
|
|
935
940
|
ee[`${V}__rim`],
|
|
936
941
|
ee[`${V}__rim--${o}`]
|
|
937
|
-
), y = e.useCallback(() =>
|
|
942
|
+
), y = e.useCallback(() => m(!0), []);
|
|
938
943
|
return e.useEffect(() => {
|
|
939
|
-
u
|
|
940
|
-
}, [
|
|
944
|
+
m(u);
|
|
945
|
+
}, [u]), /* @__PURE__ */ e.createElement("div", { className: h, style: { backgroundColor: r } }, i && /* @__PURE__ */ e.createElement(
|
|
941
946
|
"div",
|
|
942
947
|
{
|
|
943
948
|
"data-testid": `${V}__rim`,
|
|
@@ -957,36 +962,36 @@ const Tr = "lc-Avatar-module__avatar___1zTCE", Ir = "lc-Avatar-module__avatar__s
|
|
|
957
962
|
alt: t,
|
|
958
963
|
onError: y
|
|
959
964
|
}
|
|
960
|
-
),
|
|
965
|
+
), v && /* @__PURE__ */ e.createElement("span", { style: { color: E } }, p), s && /* @__PURE__ */ e.createElement(
|
|
961
966
|
I,
|
|
962
967
|
{
|
|
963
968
|
"data-testid": `${V}__icon`,
|
|
964
|
-
className:
|
|
965
|
-
source:
|
|
969
|
+
className: S,
|
|
970
|
+
source: Ka
|
|
966
971
|
}
|
|
967
972
|
));
|
|
968
|
-
}
|
|
969
|
-
|
|
970
|
-
|
|
973
|
+
};
|
|
974
|
+
function Fr(t, a) {
|
|
975
|
+
return t > a ? `${a}+` : `${t}`;
|
|
976
|
+
}
|
|
977
|
+
const Rr = "lc-Badge-module__badge___GhLnu", Mr = "lc-Badge-module__badge__dot___z6RO6", gt = {
|
|
978
|
+
badge: Rr,
|
|
979
|
+
badge__dot: Mr,
|
|
971
980
|
"badge--large": "lc-Badge-module__badge--large___B131q",
|
|
972
981
|
"badge--medium": "lc-Badge-module__badge--medium___TDU8a",
|
|
973
982
|
"badge--compact": "lc-Badge-module__badge--compact___9xJ4y",
|
|
974
983
|
"badge--primary": "lc-Badge-module__badge--primary___8LRpp",
|
|
975
984
|
"badge--secondary": "lc-Badge-module__badge--secondary___JjNIJ",
|
|
976
985
|
"badge--tertiary": "lc-Badge-module__badge--tertiary___e83wV"
|
|
977
|
-
}
|
|
978
|
-
|
|
979
|
-
return t > a ? `${a}+` : `${t}`;
|
|
980
|
-
}
|
|
981
|
-
const gt = "badge", Mr = (i) => {
|
|
982
|
-
var n = i, {
|
|
986
|
+
}, ft = "badge", Lr = (d) => {
|
|
987
|
+
var n = d, {
|
|
983
988
|
className: t,
|
|
984
989
|
count: a = 0,
|
|
985
990
|
max: r = 99,
|
|
986
991
|
kind: _ = "primary",
|
|
987
992
|
size: o = "medium",
|
|
988
993
|
type: l = "counter"
|
|
989
|
-
} = n, c =
|
|
994
|
+
} = n, c = A(n, [
|
|
990
995
|
"className",
|
|
991
996
|
"count",
|
|
992
997
|
"max",
|
|
@@ -994,79 +999,79 @@ const gt = "badge", Mr = (i) => {
|
|
|
994
999
|
"size",
|
|
995
1000
|
"type"
|
|
996
1001
|
]);
|
|
997
|
-
const
|
|
1002
|
+
const i = f(
|
|
998
1003
|
t,
|
|
999
|
-
|
|
1000
|
-
|
|
1001
|
-
|
|
1002
|
-
),
|
|
1003
|
-
counter:
|
|
1004
|
+
gt[ft],
|
|
1005
|
+
gt[`${ft}--${_}`],
|
|
1006
|
+
gt[`${ft}--${o}`]
|
|
1007
|
+
), u = {
|
|
1008
|
+
counter: Fr(a, r),
|
|
1004
1009
|
alert: "!",
|
|
1005
|
-
dot: /* @__PURE__ */ e.createElement("span", { className:
|
|
1010
|
+
dot: /* @__PURE__ */ e.createElement("span", { className: gt[`${ft}__dot`] })
|
|
1006
1011
|
}[l];
|
|
1007
|
-
return /* @__PURE__ */ e.createElement("span", w({ className:
|
|
1008
|
-
}
|
|
1012
|
+
return /* @__PURE__ */ e.createElement("span", w({ className: i }, c), u);
|
|
1013
|
+
};
|
|
1014
|
+
function Wt() {
|
|
1015
|
+
}
|
|
1016
|
+
const Or = "lc-SegmentedControl-module__btn___tfsvL", bt = {
|
|
1009
1017
|
"segmented-control": "lc-SegmentedControl-module__segmented-control___LHWSk",
|
|
1010
|
-
btn:
|
|
1018
|
+
btn: Or,
|
|
1011
1019
|
"btn--active": "lc-SegmentedControl-module__btn--active___Za-th",
|
|
1012
1020
|
"btn--compact": "lc-SegmentedControl-module__btn--compact___gcSwq",
|
|
1013
1021
|
"btn--medium": "lc-SegmentedControl-module__btn--medium___w3UzC",
|
|
1014
1022
|
"btn--large": "lc-SegmentedControl-module__btn--large___yHPw4"
|
|
1015
|
-
}
|
|
1016
|
-
function Ut() {
|
|
1017
|
-
}
|
|
1018
|
-
const Or = "segmented-control", tl = ({
|
|
1023
|
+
}, zr = "segmented-control", al = ({
|
|
1019
1024
|
size: t = "medium",
|
|
1020
1025
|
buttons: a,
|
|
1021
1026
|
className: r,
|
|
1022
1027
|
initialId: _,
|
|
1023
1028
|
currentId: o,
|
|
1024
1029
|
fullWidth: l = !1,
|
|
1025
|
-
onButtonClick: c =
|
|
1030
|
+
onButtonClick: c = Wt
|
|
1026
1031
|
}) => {
|
|
1027
|
-
const
|
|
1032
|
+
const d = f(bt[zr], r), [n, i] = e.useState(() => _), u = typeof o == "string";
|
|
1028
1033
|
e.useEffect(() => {
|
|
1029
|
-
|
|
1034
|
+
u && i(o);
|
|
1030
1035
|
}, [o]);
|
|
1031
|
-
const
|
|
1032
|
-
|
|
1033
|
-
},
|
|
1034
|
-
const
|
|
1036
|
+
const s = (b, v) => {
|
|
1037
|
+
u || i(b), c(b, v);
|
|
1038
|
+
}, m = a.map(({ id: b, label: v, loading: g, disabled: p, icon: E }) => {
|
|
1039
|
+
const h = b === n, C = h ? bt["btn--active"] : "", S = h ? !1 : g;
|
|
1035
1040
|
return /* @__PURE__ */ e.createElement(
|
|
1036
|
-
|
|
1041
|
+
ne,
|
|
1037
1042
|
{
|
|
1038
1043
|
key: b,
|
|
1039
1044
|
fullWidth: l,
|
|
1040
|
-
loading:
|
|
1041
|
-
disabled:
|
|
1042
|
-
"aria-pressed":
|
|
1045
|
+
loading: S,
|
|
1046
|
+
disabled: p,
|
|
1047
|
+
"aria-pressed": h,
|
|
1043
1048
|
kind: "secondary",
|
|
1044
1049
|
icon: E,
|
|
1045
|
-
className: f(
|
|
1050
|
+
className: f(bt.btn, bt[`btn--${t}`], C),
|
|
1046
1051
|
onClick: (k) => {
|
|
1047
|
-
|
|
1052
|
+
s(b, k);
|
|
1048
1053
|
}
|
|
1049
1054
|
},
|
|
1050
|
-
|
|
1055
|
+
v
|
|
1051
1056
|
);
|
|
1052
1057
|
});
|
|
1053
|
-
return /* @__PURE__ */ e.createElement("div", { role: "group", className:
|
|
1054
|
-
},
|
|
1055
|
-
card:
|
|
1056
|
-
card__header:
|
|
1057
|
-
card__header__image:
|
|
1058
|
-
card__header__heading:
|
|
1059
|
-
card__header__heading__title:
|
|
1060
|
-
card__header__heading__description:
|
|
1058
|
+
return /* @__PURE__ */ e.createElement("div", { role: "group", className: d }, m);
|
|
1059
|
+
}, Hr = "lc-Card-module__card___GqMm2", Gr = "lc-Card-module__card__header___0ptfD", Ur = "lc-Card-module__card__header__image___QMwSu", Wr = "lc-Card-module__card__header__heading___Wkikx", Vr = "lc-Card-module__card__header__heading__title___Uxi8s", Yr = "lc-Card-module__card__header__heading__description___6LnOK", qr = "lc-Card-module__card__content___KuDcc", Jr = "lc-Card-module__card__actions___q9sAo", Kr = "lc-Card-module__card__actions__line___TF1bt", Zr = "lc-Card-module__card__actions__buttons___PDMMR", te = {
|
|
1060
|
+
card: Hr,
|
|
1061
|
+
card__header: Gr,
|
|
1062
|
+
card__header__image: Ur,
|
|
1063
|
+
card__header__heading: Wr,
|
|
1064
|
+
card__header__heading__title: Vr,
|
|
1065
|
+
card__header__heading__description: Yr,
|
|
1061
1066
|
"card__header__no-image": "lc-Card-module__card__header__no-image___UcnNY",
|
|
1062
|
-
card__content:
|
|
1067
|
+
card__content: qr,
|
|
1063
1068
|
"card__expanded-content": "lc-Card-module__card__expanded-content___yB-QL",
|
|
1064
|
-
card__actions:
|
|
1065
|
-
card__actions__line:
|
|
1066
|
-
card__actions__buttons:
|
|
1069
|
+
card__actions: Jr,
|
|
1070
|
+
card__actions__line: Kr,
|
|
1071
|
+
card__actions__buttons: Zr,
|
|
1067
1072
|
"card__actions__buttons-expander": "lc-Card-module__card__actions__buttons-expander___lz4h-"
|
|
1068
|
-
}, nt = "card",
|
|
1069
|
-
var
|
|
1073
|
+
}, nt = "card", xt = `${nt}__header`, Pt = `${xt}__heading`, vt = `${nt}__actions`, Qr = `${xt}__no-image`, rl = (i) => {
|
|
1074
|
+
var u = i, {
|
|
1070
1075
|
alt: t,
|
|
1071
1076
|
buttonsOptions: a = [],
|
|
1072
1077
|
children: r,
|
|
@@ -1074,8 +1079,8 @@ const Or = "segmented-control", tl = ({
|
|
|
1074
1079
|
description: o,
|
|
1075
1080
|
expandableContent: l,
|
|
1076
1081
|
src: c,
|
|
1077
|
-
title:
|
|
1078
|
-
} =
|
|
1082
|
+
title: d
|
|
1083
|
+
} = u, n = A(u, [
|
|
1079
1084
|
"alt",
|
|
1080
1085
|
"buttonsOptions",
|
|
1081
1086
|
"children",
|
|
@@ -1085,60 +1090,60 @@ const Or = "segmented-control", tl = ({
|
|
|
1085
1090
|
"src",
|
|
1086
1091
|
"title"
|
|
1087
1092
|
]);
|
|
1088
|
-
const [
|
|
1089
|
-
return /* @__PURE__ */ e.createElement("div", w({ className: f(te[nt], _) }, n),
|
|
1093
|
+
const [s, m] = e.useState(!1), b = s ? St : Dt, v = s ? "Hide" : "Show more", g = (a == null ? void 0 : a.length) > 0, p = !!l, E = g || p, h = d, C = c, S = C ? "" : te[Qr];
|
|
1094
|
+
return /* @__PURE__ */ e.createElement("div", w({ className: f(te[nt], _) }, n), h && /* @__PURE__ */ e.createElement("div", { className: f(te[xt], S) }, C && /* @__PURE__ */ e.createElement(
|
|
1090
1095
|
"img",
|
|
1091
1096
|
{
|
|
1092
1097
|
alt: t,
|
|
1093
|
-
className: te[`${
|
|
1098
|
+
className: te[`${xt}__image`],
|
|
1094
1099
|
src: c
|
|
1095
1100
|
}
|
|
1096
|
-
), /* @__PURE__ */ e.createElement("div", { className: te[Pt] }, /* @__PURE__ */ e.createElement(st, { size: "sm", className: te[`${Pt}__title`] },
|
|
1097
|
-
|
|
1101
|
+
), /* @__PURE__ */ e.createElement("div", { className: te[Pt] }, /* @__PURE__ */ e.createElement(st, { size: "sm", className: te[`${Pt}__title`] }, d), /* @__PURE__ */ e.createElement(P, { size: "sm", className: te[`${Pt}__description`] }, o))), /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: te[`${nt}__content`] }, r), s && /* @__PURE__ */ e.createElement(
|
|
1102
|
+
P,
|
|
1098
1103
|
{
|
|
1099
1104
|
as: "div",
|
|
1100
1105
|
size: "md",
|
|
1101
1106
|
className: te[`${nt}__expanded-content`]
|
|
1102
1107
|
},
|
|
1103
1108
|
l
|
|
1104
|
-
), E && /* @__PURE__ */ e.createElement("div", { className: te[
|
|
1105
|
-
({ kind: k, onClick: y, children:
|
|
1106
|
-
),
|
|
1107
|
-
|
|
1109
|
+
), E && /* @__PURE__ */ e.createElement("div", { className: te[vt] }, /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__line`] }), /* @__PURE__ */ e.createElement("div", { className: te[`${vt}__buttons`] }, g && a.map(
|
|
1110
|
+
({ kind: k, onClick: y, children: N }) => /* @__PURE__ */ e.createElement(ne, { size: "compact", kind: k, onClick: y }, N)
|
|
1111
|
+
), p && /* @__PURE__ */ e.createElement(
|
|
1112
|
+
ne,
|
|
1108
1113
|
{
|
|
1109
|
-
className: te[`${
|
|
1114
|
+
className: te[`${vt}__buttons-expander`],
|
|
1110
1115
|
kind: "plain",
|
|
1111
1116
|
iconPosition: "right",
|
|
1112
1117
|
icon: /* @__PURE__ */ e.createElement(I, { source: b }),
|
|
1113
|
-
onClick: () =>
|
|
1118
|
+
onClick: () => m(!s)
|
|
1114
1119
|
},
|
|
1115
|
-
|
|
1120
|
+
v
|
|
1116
1121
|
))));
|
|
1117
|
-
},
|
|
1122
|
+
}, Xr = {
|
|
1118
1123
|
"field-description": "lc-FieldDescription-module__field-description___IcRDH"
|
|
1119
|
-
},
|
|
1124
|
+
}, jr = "field-description", Tt = (_) => {
|
|
1120
1125
|
var o = _, {
|
|
1121
1126
|
children: t,
|
|
1122
1127
|
className: a = ""
|
|
1123
|
-
} = o, r =
|
|
1128
|
+
} = o, r = A(o, [
|
|
1124
1129
|
"children",
|
|
1125
1130
|
"className"
|
|
1126
1131
|
]);
|
|
1127
|
-
const l = f(
|
|
1128
|
-
return /* @__PURE__ */ e.createElement(
|
|
1129
|
-
},
|
|
1130
|
-
checkbox:
|
|
1131
|
-
checkbox__label:
|
|
1132
|
-
checkbox__text:
|
|
1133
|
-
checkbox__input:
|
|
1134
|
-
checkbox__checkmark:
|
|
1132
|
+
const l = f(Xr[jr], a);
|
|
1133
|
+
return /* @__PURE__ */ e.createElement(P, B(w({ as: "span", size: "sm" }, r), { className: l }), t);
|
|
1134
|
+
}, e_ = "lc-Checkbox-module__checkbox___G7nTf", t_ = "lc-Checkbox-module__checkbox__label___-o01x", a_ = "lc-Checkbox-module__checkbox__text___P2SIq", r_ = "lc-Checkbox-module__checkbox__input___YLbVF", __ = "lc-Checkbox-module__checkbox__checkmark___16pfY", o_ = "lc-Checkbox-module__checkbox__square___MHUyd", l_ = "lc-Checkbox-module__checkbox__helper___YSJ-n", Ie = {
|
|
1135
|
+
checkbox: e_,
|
|
1136
|
+
checkbox__label: t_,
|
|
1137
|
+
checkbox__text: a_,
|
|
1138
|
+
checkbox__input: r_,
|
|
1139
|
+
checkbox__checkmark: __,
|
|
1135
1140
|
"checkbox--selected": "lc-Checkbox-module__checkbox--selected___S2vqY",
|
|
1136
|
-
checkbox__square:
|
|
1141
|
+
checkbox__square: o_,
|
|
1137
1142
|
"checkbox--disabled": "lc-Checkbox-module__checkbox--disabled___-lAqW",
|
|
1138
|
-
checkbox__helper:
|
|
1139
|
-
}, Be = "checkbox",
|
|
1140
|
-
(
|
|
1141
|
-
var n =
|
|
1143
|
+
checkbox__helper: l_
|
|
1144
|
+
}, Be = "checkbox", _l = e.forwardRef(
|
|
1145
|
+
(d, c) => {
|
|
1146
|
+
var n = d, { checked: t, disabled: a, children: r, description: _, className: o } = n, l = A(n, ["checked", "disabled", "children", "description", "className"]);
|
|
1142
1147
|
return /* @__PURE__ */ e.createElement(
|
|
1143
1148
|
"div",
|
|
1144
1149
|
{
|
|
@@ -1156,8 +1161,8 @@ const Or = "segmented-control", tl = ({
|
|
|
1156
1161
|
className: Ie[`${Be}__input`],
|
|
1157
1162
|
type: "checkbox"
|
|
1158
1163
|
})
|
|
1159
|
-
), r && /* @__PURE__ */ e.createElement(
|
|
1160
|
-
_ && /* @__PURE__ */ e.createElement(
|
|
1164
|
+
), r && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: Ie[`${Be}__text`] }, r)),
|
|
1165
|
+
_ && /* @__PURE__ */ e.createElement(Tt, { className: Ie[`${Be}__helper`] }, _)
|
|
1161
1166
|
);
|
|
1162
1167
|
}
|
|
1163
1168
|
), D = {
|
|
@@ -1195,7 +1200,7 @@ const Or = "segmented-control", tl = ({
|
|
|
1195
1200
|
"date-picker--range__select-input": "lc-DatePicker-module__date-picker--range__select-input___6pyj3",
|
|
1196
1201
|
"date-picker--range__calendars-wrapper": "lc-DatePicker-module__date-picker--range__calendars-wrapper___8nWaW",
|
|
1197
1202
|
"date-picker__navbar-buttons-wrapper": "lc-DatePicker-module__date-picker__navbar-buttons-wrapper___Hnksb"
|
|
1198
|
-
},
|
|
1203
|
+
}, na = "date-picker", c_ = (t) => {
|
|
1199
1204
|
const {
|
|
1200
1205
|
onPreviousClick: a,
|
|
1201
1206
|
onMonthChange: r,
|
|
@@ -1203,85 +1208,85 @@ const Or = "segmented-control", tl = ({
|
|
|
1203
1208
|
showNextButton: o,
|
|
1204
1209
|
showPreviousButton: l,
|
|
1205
1210
|
className: c,
|
|
1206
|
-
classNames:
|
|
1211
|
+
classNames: d,
|
|
1207
1212
|
numberOfMonths: n,
|
|
1208
|
-
month:
|
|
1209
|
-
fromMonth:
|
|
1210
|
-
toMonth:
|
|
1211
|
-
} = t,
|
|
1213
|
+
month: i,
|
|
1214
|
+
fromMonth: u,
|
|
1215
|
+
toMonth: s
|
|
1216
|
+
} = t, m = () => {
|
|
1212
1217
|
typeof a == "function" && a();
|
|
1213
1218
|
}, b = () => {
|
|
1214
1219
|
typeof _ == "function" && _();
|
|
1215
|
-
},
|
|
1216
|
-
if (!
|
|
1217
|
-
const
|
|
1218
|
-
return r(
|
|
1220
|
+
}, v = () => {
|
|
1221
|
+
if (!u) {
|
|
1222
|
+
const h = Ue(i, 12);
|
|
1223
|
+
return r(h);
|
|
1219
1224
|
}
|
|
1220
|
-
const
|
|
1221
|
-
|
|
1222
|
-
!Number.isNaN(
|
|
1225
|
+
const p = Math.abs(ta(i, u)), E = Ue(
|
|
1226
|
+
i,
|
|
1227
|
+
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1223
1228
|
);
|
|
1224
1229
|
return r(E);
|
|
1225
|
-
},
|
|
1226
|
-
if (!
|
|
1227
|
-
const
|
|
1228
|
-
return r(
|
|
1230
|
+
}, g = () => {
|
|
1231
|
+
if (!s) {
|
|
1232
|
+
const h = aa(i, 12);
|
|
1233
|
+
return r(h);
|
|
1229
1234
|
}
|
|
1230
|
-
const
|
|
1231
|
-
|
|
1232
|
-
!Number.isNaN(
|
|
1235
|
+
const p = Math.abs(ta(s, i)), E = aa(
|
|
1236
|
+
i,
|
|
1237
|
+
!Number.isNaN(p) && p > 12 ? 12 : p
|
|
1233
1238
|
);
|
|
1234
|
-
return n === 2 &&
|
|
1239
|
+
return n === 2 && Ht(E, s) ? r(Ue(E, 1)) : r(E);
|
|
1235
1240
|
};
|
|
1236
|
-
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1241
|
+
return /* @__PURE__ */ e.createElement("div", { className: c }, /* @__PURE__ */ e.createElement("div", { className: D[`${na}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1237
1242
|
"button",
|
|
1238
1243
|
{
|
|
1239
1244
|
"data-testid": "date-picker-prev-year-button",
|
|
1240
|
-
className:
|
|
1241
|
-
[
|
|
1242
|
-
[
|
|
1245
|
+
className: Pe({
|
|
1246
|
+
[d.navButtonPrev]: !0,
|
|
1247
|
+
[d.navButtonInteractionDisabled]: !l
|
|
1243
1248
|
}),
|
|
1244
|
-
onClick:
|
|
1249
|
+
onClick: v
|
|
1245
1250
|
},
|
|
1246
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
1251
|
+
/* @__PURE__ */ e.createElement(I, { source: rr, kind: "subtle" })
|
|
1247
1252
|
), /* @__PURE__ */ e.createElement(
|
|
1248
1253
|
"button",
|
|
1249
1254
|
{
|
|
1250
1255
|
"data-testid": "date-picker-prev-month-button",
|
|
1251
|
-
className:
|
|
1252
|
-
[
|
|
1253
|
-
[
|
|
1256
|
+
className: Pe({
|
|
1257
|
+
[d.navButtonPrev]: !0,
|
|
1258
|
+
[d.navButtonInteractionDisabled]: !l
|
|
1254
1259
|
}),
|
|
1255
|
-
onClick:
|
|
1260
|
+
onClick: m
|
|
1256
1261
|
},
|
|
1257
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
1258
|
-
)), /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1262
|
+
/* @__PURE__ */ e.createElement(I, { source: _r, kind: "subtle" })
|
|
1263
|
+
)), /* @__PURE__ */ e.createElement("div", { className: D[`${na}__navbar-buttons-wrapper`] }, /* @__PURE__ */ e.createElement(
|
|
1259
1264
|
"button",
|
|
1260
1265
|
{
|
|
1261
1266
|
"data-testid": "date-picker-next-month-button",
|
|
1262
|
-
className:
|
|
1263
|
-
[
|
|
1264
|
-
[
|
|
1267
|
+
className: Pe({
|
|
1268
|
+
[d.navButtonNext]: !0,
|
|
1269
|
+
[d.navButtonInteractionDisabled]: !o
|
|
1265
1270
|
}),
|
|
1266
1271
|
onClick: b
|
|
1267
1272
|
},
|
|
1268
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
1273
|
+
/* @__PURE__ */ e.createElement(I, { source: or, kind: "subtle" })
|
|
1269
1274
|
), /* @__PURE__ */ e.createElement(
|
|
1270
1275
|
"button",
|
|
1271
1276
|
{
|
|
1272
1277
|
"data-testid": "date-picker-next-year-button",
|
|
1273
|
-
className:
|
|
1274
|
-
[
|
|
1275
|
-
[
|
|
1278
|
+
className: Pe({
|
|
1279
|
+
[d.navButtonNext]: !0,
|
|
1280
|
+
[d.navButtonInteractionDisabled]: !o
|
|
1276
1281
|
}),
|
|
1277
|
-
onClick:
|
|
1282
|
+
onClick: g
|
|
1278
1283
|
},
|
|
1279
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
1284
|
+
/* @__PURE__ */ e.createElement(I, { source: lr, kind: "subtle" })
|
|
1280
1285
|
)));
|
|
1281
1286
|
}, T = "date-picker", Pa = (t, a) => {
|
|
1282
1287
|
const { from: r, to: _ } = a;
|
|
1283
|
-
return !(_ && !
|
|
1284
|
-
},
|
|
1288
|
+
return !(_ && !Gt(t, _) && Ut(t, _) || r && !Gt(t, r) && !Ut(t, r));
|
|
1289
|
+
}, Fa = (t, a, r) => a ? t && !Ht(t, a) || r && Ht(a, r) ? Ue(a, 1) : a : Ue(r || /* @__PURE__ */ new Date(), 1), n_ = (t, a) => {
|
|
1285
1290
|
const r = {
|
|
1286
1291
|
[D[`${T}__day--monday`]]: { daysOfWeek: [1] },
|
|
1287
1292
|
[D[`${T}__day--sunday`]]: { daysOfWeek: [0] },
|
|
@@ -1290,7 +1295,7 @@ const Or = "segmented-control", tl = ({
|
|
|
1290
1295
|
};
|
|
1291
1296
|
if (!a || !t)
|
|
1292
1297
|
return r;
|
|
1293
|
-
const _ =
|
|
1298
|
+
const _ = Ia(a, t);
|
|
1294
1299
|
return _ > 0 ? B(w({}, r), {
|
|
1295
1300
|
[D[`${T}__day--end`]]: a
|
|
1296
1301
|
}) : _ < 0 ? B(w({}, r), {
|
|
@@ -1299,7 +1304,7 @@ const Or = "segmented-control", tl = ({
|
|
|
1299
1304
|
}, lt = (t, a) => {
|
|
1300
1305
|
const r = a.find((_) => _.id === t);
|
|
1301
1306
|
return r || void 0;
|
|
1302
|
-
},
|
|
1307
|
+
}, sa = (t, a) => !!(!t || t && a), s_ = (t) => {
|
|
1303
1308
|
const a = {};
|
|
1304
1309
|
if (!t.initialSelectedItemKey)
|
|
1305
1310
|
return a;
|
|
@@ -1308,8 +1313,8 @@ const Or = "segmented-control", tl = ({
|
|
|
1308
1313
|
t.options
|
|
1309
1314
|
);
|
|
1310
1315
|
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) : {};
|
|
1311
|
-
},
|
|
1312
|
-
container:
|
|
1316
|
+
}, i_ = (t, a) => w({
|
|
1317
|
+
container: Pe({
|
|
1313
1318
|
[D[`${T}`]]: !0,
|
|
1314
1319
|
[D[`${T}--range`]]: t
|
|
1315
1320
|
}),
|
|
@@ -1318,11 +1323,11 @@ const Or = "segmented-control", tl = ({
|
|
|
1318
1323
|
months: D[`${T}__months`],
|
|
1319
1324
|
month: D[`${T}__month`],
|
|
1320
1325
|
navBar: D[`${T}__nav-bar`],
|
|
1321
|
-
navButtonPrev:
|
|
1326
|
+
navButtonPrev: Pe(
|
|
1322
1327
|
D[`${T}__nav-button`],
|
|
1323
1328
|
D[`${T}__nav-button--prev`]
|
|
1324
1329
|
),
|
|
1325
|
-
navButtonNext:
|
|
1330
|
+
navButtonNext: Pe(
|
|
1326
1331
|
D[`${T}__nav-button`],
|
|
1327
1332
|
D[`${T}__nav-button--next`]
|
|
1328
1333
|
),
|
|
@@ -1343,10 +1348,10 @@ const Or = "segmented-control", tl = ({
|
|
|
1343
1348
|
outside: D[`${T}__day--outside`],
|
|
1344
1349
|
start: D[`${T}__day--start`],
|
|
1345
1350
|
end: D[`${T}__day--end`]
|
|
1346
|
-
}, a),
|
|
1351
|
+
}, a), ia = "date-picker", d_ = (t) => {
|
|
1347
1352
|
const a = t.getDate();
|
|
1348
|
-
return /* @__PURE__ */ e.createElement("div", { className: D[`${
|
|
1349
|
-
},
|
|
1353
|
+
return /* @__PURE__ */ e.createElement("div", { className: D[`${ia}__day-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: D[`${ia}__day-content`] }, a));
|
|
1354
|
+
}, u_ = (t) => {
|
|
1350
1355
|
const E = t, {
|
|
1351
1356
|
classNames: a,
|
|
1352
1357
|
range: r,
|
|
@@ -1354,11 +1359,11 @@ const Or = "segmented-control", tl = ({
|
|
|
1354
1359
|
month: o,
|
|
1355
1360
|
fromMonth: l,
|
|
1356
1361
|
firstDayOfWeek: c,
|
|
1357
|
-
numberOfMonths:
|
|
1362
|
+
numberOfMonths: d,
|
|
1358
1363
|
navbarElement: n,
|
|
1359
|
-
renderDay:
|
|
1360
|
-
innerRef:
|
|
1361
|
-
} = E,
|
|
1364
|
+
renderDay: i,
|
|
1365
|
+
innerRef: u
|
|
1366
|
+
} = E, s = A(E, [
|
|
1362
1367
|
"classNames",
|
|
1363
1368
|
"range",
|
|
1364
1369
|
"toMonth",
|
|
@@ -1369,59 +1374,59 @@ const Or = "segmented-control", tl = ({
|
|
|
1369
1374
|
"navbarElement",
|
|
1370
1375
|
"renderDay",
|
|
1371
1376
|
"innerRef"
|
|
1372
|
-
]), [
|
|
1377
|
+
]), [m, b] = e.useState(o || /* @__PURE__ */ new Date());
|
|
1373
1378
|
e.useEffect(() => {
|
|
1374
|
-
o && o !==
|
|
1375
|
-
}, [o,
|
|
1376
|
-
_ && (Pa(
|
|
1377
|
-
}, [
|
|
1378
|
-
const
|
|
1379
|
-
(
|
|
1380
|
-
if (t.onMonthChange &&
|
|
1381
|
-
t.onMonthChange(
|
|
1379
|
+
o && o !== m && b(o);
|
|
1380
|
+
}, [o, m]), e.useEffect(() => {
|
|
1381
|
+
_ && (Pa(m, { from: l, to: _ }) || b(_));
|
|
1382
|
+
}, [m, t.toMonth, t.fromMonth]);
|
|
1383
|
+
const v = e.useCallback(
|
|
1384
|
+
(h) => {
|
|
1385
|
+
if (t.onMonthChange && h) {
|
|
1386
|
+
t.onMonthChange(h);
|
|
1382
1387
|
return;
|
|
1383
1388
|
}
|
|
1384
|
-
b(
|
|
1389
|
+
b(h);
|
|
1385
1390
|
},
|
|
1386
1391
|
[o, t.onMonthChange]
|
|
1387
1392
|
);
|
|
1388
|
-
let
|
|
1389
|
-
(c === 0 || c && c < 7) && (
|
|
1390
|
-
const
|
|
1391
|
-
() =>
|
|
1393
|
+
let g = 1;
|
|
1394
|
+
(c === 0 || c && c < 7) && (g = c);
|
|
1395
|
+
const p = e.useMemo(
|
|
1396
|
+
() => i_(r, a),
|
|
1392
1397
|
[r, a]
|
|
1393
1398
|
);
|
|
1394
1399
|
return /* @__PURE__ */ e.createElement(
|
|
1395
|
-
|
|
1400
|
+
ar,
|
|
1396
1401
|
w({
|
|
1397
1402
|
navbarElement: n || /* @__PURE__ */ e.createElement(
|
|
1398
|
-
|
|
1403
|
+
c_,
|
|
1399
1404
|
{
|
|
1400
|
-
month:
|
|
1401
|
-
classNames:
|
|
1402
|
-
numberOfMonths:
|
|
1403
|
-
onMonthChange:
|
|
1405
|
+
month: m,
|
|
1406
|
+
classNames: p,
|
|
1407
|
+
numberOfMonths: d,
|
|
1408
|
+
onMonthChange: v,
|
|
1404
1409
|
toMonth: _,
|
|
1405
1410
|
fromMonth: l
|
|
1406
1411
|
}
|
|
1407
1412
|
),
|
|
1408
|
-
ref:
|
|
1409
|
-
classNames:
|
|
1410
|
-
numberOfMonths:
|
|
1413
|
+
ref: u,
|
|
1414
|
+
classNames: p,
|
|
1415
|
+
numberOfMonths: d,
|
|
1411
1416
|
toMonth: _,
|
|
1412
1417
|
fromMonth: l,
|
|
1413
|
-
firstDayOfWeek:
|
|
1414
|
-
month:
|
|
1415
|
-
renderDay:
|
|
1416
|
-
},
|
|
1418
|
+
firstDayOfWeek: g,
|
|
1419
|
+
month: m,
|
|
1420
|
+
renderDay: i || d_
|
|
1421
|
+
}, s)
|
|
1417
1422
|
);
|
|
1418
|
-
},
|
|
1419
|
-
(t, a) => /* @__PURE__ */ e.createElement(
|
|
1423
|
+
}, m_ = e.forwardRef(
|
|
1424
|
+
(t, a) => /* @__PURE__ */ e.createElement(u_, w({ innerRef: a }, t))
|
|
1420
1425
|
);
|
|
1421
|
-
|
|
1426
|
+
m_.displayName = "DatePicker";
|
|
1422
1427
|
var L = /* @__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))(L || {});
|
|
1423
|
-
const
|
|
1424
|
-
const a =
|
|
1428
|
+
const p_ = (t) => {
|
|
1429
|
+
const a = Fa(
|
|
1425
1430
|
t.initialFromDate,
|
|
1426
1431
|
t.initialToDate,
|
|
1427
1432
|
t.toMonth
|
|
@@ -1431,7 +1436,7 @@ const m_ = (t) => {
|
|
|
1431
1436
|
to: void 0,
|
|
1432
1437
|
temporaryTo: void 0,
|
|
1433
1438
|
currentMonth: a
|
|
1434
|
-
}),
|
|
1439
|
+
}), s_(t));
|
|
1435
1440
|
function o(l, c) {
|
|
1436
1441
|
switch (c.type) {
|
|
1437
1442
|
case L.NEW_SELECTED_ITEM:
|
|
@@ -1479,8 +1484,8 @@ const m_ = (t) => {
|
|
|
1479
1484
|
return l;
|
|
1480
1485
|
}
|
|
1481
1486
|
}
|
|
1482
|
-
return
|
|
1483
|
-
},
|
|
1487
|
+
return Ya(o, _);
|
|
1488
|
+
}, g_ = ({
|
|
1484
1489
|
options: t,
|
|
1485
1490
|
initialSelectedItemKey: a,
|
|
1486
1491
|
initialFromDate: r,
|
|
@@ -1489,9 +1494,9 @@ const m_ = (t) => {
|
|
|
1489
1494
|
onChange: l,
|
|
1490
1495
|
children: c
|
|
1491
1496
|
}) => {
|
|
1492
|
-
const
|
|
1497
|
+
const d = qa(
|
|
1493
1498
|
a || null
|
|
1494
|
-
), [n,
|
|
1499
|
+
), [n, i] = p_({
|
|
1495
1500
|
options: t,
|
|
1496
1501
|
initialSelectedItemKey: a,
|
|
1497
1502
|
initialFromDate: r,
|
|
@@ -1501,129 +1506,129 @@ const m_ = (t) => {
|
|
|
1501
1506
|
children: c
|
|
1502
1507
|
});
|
|
1503
1508
|
Ve(() => {
|
|
1504
|
-
|
|
1509
|
+
i({
|
|
1505
1510
|
type: L.SET_FROM,
|
|
1506
1511
|
payload: { date: r }
|
|
1507
1512
|
});
|
|
1508
1513
|
}, [r]), Ve(() => {
|
|
1509
|
-
|
|
1514
|
+
i({
|
|
1510
1515
|
type: L.SET_TO,
|
|
1511
1516
|
payload: { date: _ }
|
|
1512
1517
|
});
|
|
1513
1518
|
}, [_]), Ve(() => {
|
|
1514
|
-
const
|
|
1519
|
+
const g = Fa(
|
|
1515
1520
|
r,
|
|
1516
1521
|
_,
|
|
1517
1522
|
o
|
|
1518
1523
|
);
|
|
1519
|
-
|
|
1524
|
+
i({
|
|
1520
1525
|
type: L.CURRENT_MONTH_CHANGE,
|
|
1521
|
-
payload: { date:
|
|
1526
|
+
payload: { date: g }
|
|
1522
1527
|
});
|
|
1523
1528
|
}, [o, r, _]), Ve(() => {
|
|
1524
|
-
const { from:
|
|
1525
|
-
if (!(
|
|
1529
|
+
const { from: g, selectedItem: p, to: E } = n;
|
|
1530
|
+
if (!(g && E))
|
|
1526
1531
|
return;
|
|
1527
|
-
const
|
|
1528
|
-
|
|
1532
|
+
const h = lt(p, t);
|
|
1533
|
+
h && (l == null || l(B(w({}, h), {
|
|
1529
1534
|
value: {
|
|
1530
|
-
from:
|
|
1535
|
+
from: g,
|
|
1531
1536
|
to: E
|
|
1532
1537
|
}
|
|
1533
|
-
}));
|
|
1538
|
+
})));
|
|
1534
1539
|
}, [n.from, n.to, n.selectedItem, t, l]), Ve(() => {
|
|
1535
|
-
const { selectedItem:
|
|
1536
|
-
if (
|
|
1540
|
+
const { selectedItem: g } = n;
|
|
1541
|
+
if (g === d.current)
|
|
1537
1542
|
return;
|
|
1538
|
-
if (!
|
|
1543
|
+
if (!g) {
|
|
1539
1544
|
l(null);
|
|
1540
1545
|
return;
|
|
1541
1546
|
}
|
|
1542
|
-
if (!lt(
|
|
1547
|
+
if (!lt(g, t))
|
|
1543
1548
|
return;
|
|
1544
1549
|
const E = t.reduce(
|
|
1545
|
-
(
|
|
1550
|
+
(h, C) => B(w({}, h), { [C.id]: C }),
|
|
1546
1551
|
{}
|
|
1547
1552
|
);
|
|
1548
|
-
l(E[
|
|
1553
|
+
l(E[g]);
|
|
1549
1554
|
}, [l, n.selectedItem, t]);
|
|
1550
|
-
const
|
|
1551
|
-
(
|
|
1552
|
-
const
|
|
1553
|
-
!
|
|
1555
|
+
const u = mt(
|
|
1556
|
+
(g) => {
|
|
1557
|
+
const p = o ? Ia(o, g) >= 0 : !0;
|
|
1558
|
+
!sa(n.from, n.to) && p && i({
|
|
1554
1559
|
type: L.NEW_TEMPORARY_TO_VALUE,
|
|
1555
|
-
payload: { date:
|
|
1560
|
+
payload: { date: g }
|
|
1556
1561
|
});
|
|
1557
1562
|
},
|
|
1558
1563
|
[o, n.from, n.to]
|
|
1559
|
-
),
|
|
1560
|
-
(
|
|
1561
|
-
const { from:
|
|
1562
|
-
Pa(
|
|
1564
|
+
), s = mt(
|
|
1565
|
+
(g) => {
|
|
1566
|
+
const { from: p, to: E } = n;
|
|
1567
|
+
Pa(g, { to: o }) && (sa(p, E) ? i({
|
|
1563
1568
|
type: L.SELECT_FIRST_DAY,
|
|
1564
|
-
payload: { date:
|
|
1565
|
-
}) :
|
|
1569
|
+
payload: { date: g }
|
|
1570
|
+
}) : p && Gt(g, p) || p && Ut(g, p) ? i({
|
|
1566
1571
|
type: L.SELECT_SECOND_DAY_AS_TO,
|
|
1567
|
-
payload: { date:
|
|
1568
|
-
}) :
|
|
1572
|
+
payload: { date: g }
|
|
1573
|
+
}) : i({
|
|
1569
1574
|
type: L.SELECT_SECOND_DAY_AS_FROM,
|
|
1570
|
-
payload: { date:
|
|
1575
|
+
payload: { date: g }
|
|
1571
1576
|
}));
|
|
1572
1577
|
},
|
|
1573
1578
|
[o, n.from, n.to]
|
|
1574
|
-
),
|
|
1575
|
-
(
|
|
1576
|
-
if (
|
|
1577
|
-
|
|
1579
|
+
), m = mt(
|
|
1580
|
+
(g) => {
|
|
1581
|
+
if (g === null) {
|
|
1582
|
+
i({
|
|
1578
1583
|
type: L.NEW_SELECTED_ITEM,
|
|
1579
1584
|
payload: { selectedItem: null }
|
|
1580
1585
|
});
|
|
1581
1586
|
return;
|
|
1582
1587
|
}
|
|
1583
|
-
lt(
|
|
1588
|
+
lt(g, t) && i({
|
|
1584
1589
|
type: L.NEW_SELECTED_ITEM,
|
|
1585
|
-
payload: { selectedItem:
|
|
1590
|
+
payload: { selectedItem: g }
|
|
1586
1591
|
});
|
|
1587
1592
|
},
|
|
1588
1593
|
[t]
|
|
1589
|
-
), b =
|
|
1590
|
-
|
|
1594
|
+
), b = mt((g) => {
|
|
1595
|
+
i({
|
|
1591
1596
|
type: L.CURRENT_MONTH_CHANGE,
|
|
1592
|
-
payload: { date:
|
|
1597
|
+
payload: { date: g }
|
|
1593
1598
|
});
|
|
1594
1599
|
}, []);
|
|
1595
1600
|
return c((() => {
|
|
1596
|
-
const { currentMonth:
|
|
1597
|
-
() =>
|
|
1598
|
-
[
|
|
1599
|
-
), k =
|
|
1601
|
+
const { currentMonth: g, from: p, selectedItem: E, temporaryTo: h, to: C } = n, S = pt(
|
|
1602
|
+
() => n_(p, h),
|
|
1603
|
+
[p, h]
|
|
1604
|
+
), k = pt(() => lt(E, t), [t, E]), y = pt(() => [p, { from: p, to: h }], [p, h]), N = pt(() => o ? { after: o } : void 0, [o]);
|
|
1600
1605
|
return {
|
|
1601
1606
|
select: {
|
|
1602
|
-
onItemSelect:
|
|
1607
|
+
onItemSelect: m,
|
|
1603
1608
|
selected: E || ""
|
|
1604
1609
|
},
|
|
1605
1610
|
inputs: {
|
|
1606
|
-
fromDate:
|
|
1611
|
+
fromDate: p,
|
|
1607
1612
|
toDate: C
|
|
1608
1613
|
},
|
|
1609
1614
|
datepicker: {
|
|
1610
1615
|
range: !0,
|
|
1611
|
-
month:
|
|
1616
|
+
month: g,
|
|
1612
1617
|
numberOfMonths: 2,
|
|
1613
|
-
onDayClick:
|
|
1618
|
+
onDayClick: s,
|
|
1614
1619
|
selectedDays: y,
|
|
1615
|
-
modifiers:
|
|
1616
|
-
initialMonth: o &&
|
|
1620
|
+
modifiers: S,
|
|
1621
|
+
initialMonth: o && Ue(o, 1),
|
|
1617
1622
|
toMonth: o,
|
|
1618
|
-
disabledDays:
|
|
1619
|
-
onDayMouseEnter:
|
|
1623
|
+
disabledDays: N,
|
|
1624
|
+
onDayMouseEnter: u,
|
|
1620
1625
|
onMonthChange: b
|
|
1621
1626
|
},
|
|
1622
1627
|
selectedOption: k
|
|
1623
1628
|
};
|
|
1624
1629
|
})());
|
|
1625
1630
|
};
|
|
1626
|
-
|
|
1631
|
+
g_.defaultProps = {
|
|
1627
1632
|
options: [
|
|
1628
1633
|
{
|
|
1629
1634
|
id: "default",
|
|
@@ -1636,39 +1641,39 @@ p_.defaultProps = {
|
|
|
1636
1641
|
}
|
|
1637
1642
|
]
|
|
1638
1643
|
};
|
|
1639
|
-
const
|
|
1644
|
+
const da = {
|
|
1640
1645
|
"field-error": "lc-FieldError-module__field-error___IDkPT",
|
|
1641
1646
|
"field-error__icon": "lc-FieldError-module__field-error__icon___D4UNC"
|
|
1642
|
-
},
|
|
1647
|
+
}, ua = "field-error", Xt = (_) => {
|
|
1643
1648
|
var o = _, {
|
|
1644
1649
|
children: t,
|
|
1645
1650
|
className: a = ""
|
|
1646
|
-
} = o, r =
|
|
1651
|
+
} = o, r = A(o, [
|
|
1647
1652
|
"children",
|
|
1648
1653
|
"className"
|
|
1649
1654
|
]);
|
|
1650
|
-
const l = f(
|
|
1651
|
-
return /* @__PURE__ */ e.createElement(
|
|
1655
|
+
const l = f(da[ua], a);
|
|
1656
|
+
return /* @__PURE__ */ e.createElement(P, B(w({ as: "span", size: "sm" }, r), { className: l }), /* @__PURE__ */ e.createElement(
|
|
1652
1657
|
I,
|
|
1653
1658
|
{
|
|
1654
|
-
source:
|
|
1655
|
-
className:
|
|
1659
|
+
source: qt,
|
|
1660
|
+
className: da[`${ua}__icon`],
|
|
1656
1661
|
size: "small"
|
|
1657
1662
|
}
|
|
1658
1663
|
), t);
|
|
1659
|
-
},
|
|
1664
|
+
}, Ft = {
|
|
1660
1665
|
"field-group": "lc-FieldGroup-module__field-group___gy8lp",
|
|
1661
1666
|
"field-group--inline": "lc-FieldGroup-module__field-group--inline___or4qf",
|
|
1662
1667
|
"field-group--stretched": "lc-FieldGroup-module__field-group--stretched___6rkuO"
|
|
1663
|
-
},
|
|
1664
|
-
var n =
|
|
1668
|
+
}, Rt = "field-group", ol = (d) => {
|
|
1669
|
+
var n = d, {
|
|
1665
1670
|
className: t = "",
|
|
1666
1671
|
children: a,
|
|
1667
1672
|
description: r,
|
|
1668
1673
|
error: _,
|
|
1669
1674
|
inline: o,
|
|
1670
1675
|
stretch: l
|
|
1671
|
-
} = n, c =
|
|
1676
|
+
} = n, c = A(n, [
|
|
1672
1677
|
"className",
|
|
1673
1678
|
"children",
|
|
1674
1679
|
"description",
|
|
@@ -1676,32 +1681,32 @@ const ia = {
|
|
|
1676
1681
|
"inline",
|
|
1677
1682
|
"stretch"
|
|
1678
1683
|
]);
|
|
1679
|
-
const
|
|
1680
|
-
[
|
|
1681
|
-
[
|
|
1684
|
+
const i = f(Ft[Rt], t, {
|
|
1685
|
+
[Ft[`${Rt}--inline`]]: o,
|
|
1686
|
+
[Ft[`${Rt}--stretched`]]: l
|
|
1682
1687
|
});
|
|
1683
|
-
return /* @__PURE__ */ e.createElement("div", B(w({}, c), { className:
|
|
1684
|
-
},
|
|
1685
|
-
form:
|
|
1686
|
-
form__header:
|
|
1687
|
-
form__footer:
|
|
1688
|
+
return /* @__PURE__ */ e.createElement("div", B(w({}, c), { className: i }), a, _ && /* @__PURE__ */ e.createElement(Xt, null, _), r && /* @__PURE__ */ e.createElement(Tt, null, r));
|
|
1689
|
+
}, f_ = "lc-Form-module__form___1nOYF", b_ = "lc-Form-module__form__header___U4B7t", v_ = "lc-Form-module__form__footer___1-sUX", h_ = "lc-Form-module__form__label___spg-J", y_ = "lc-Form-module__form__helper___bhfwS", Xe = {
|
|
1690
|
+
form: f_,
|
|
1691
|
+
form__header: b_,
|
|
1692
|
+
form__footer: v_,
|
|
1688
1693
|
form__label: h_,
|
|
1689
|
-
form__helper:
|
|
1690
|
-
}, je = "form",
|
|
1691
|
-
var
|
|
1694
|
+
form__helper: y_
|
|
1695
|
+
}, je = "form", ll = (c) => {
|
|
1696
|
+
var d = c, {
|
|
1692
1697
|
className: t,
|
|
1693
1698
|
children: a,
|
|
1694
1699
|
labelText: r,
|
|
1695
1700
|
helperText: _,
|
|
1696
1701
|
formFooter: o
|
|
1697
|
-
} =
|
|
1702
|
+
} = d, l = A(d, [
|
|
1698
1703
|
"className",
|
|
1699
1704
|
"children",
|
|
1700
1705
|
"labelText",
|
|
1701
1706
|
"helperText",
|
|
1702
1707
|
"formFooter"
|
|
1703
1708
|
]);
|
|
1704
|
-
return /* @__PURE__ */ e.createElement("form", w({ className: f(Xe[je], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__header`] }, r && /* @__PURE__ */ e.createElement(st, { size: "sm", className: Xe[`${je}__label`] }, r), _ && /* @__PURE__ */ e.createElement(
|
|
1709
|
+
return /* @__PURE__ */ e.createElement("form", w({ className: f(Xe[je], t) }, l), (r || _) && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__header`] }, r && /* @__PURE__ */ e.createElement(st, { size: "sm", className: Xe[`${je}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "p", size: "sm", className: Xe[`${je}__helper`] }, _)), a, o && /* @__PURE__ */ e.createElement("div", { className: Xe[`${je}__footer`] }, o));
|
|
1705
1710
|
}, O = {
|
|
1706
1711
|
"form-field": "lc-FormField-module__form-field___JqnX6",
|
|
1707
1712
|
"form-field--inline": "lc-FormField-module__form-field--inline___4DgIq",
|
|
@@ -1719,7 +1724,7 @@ const ia = {
|
|
|
1719
1724
|
"form-field__row-break": "lc-FormField-module__form-field__row-break___DCBjC",
|
|
1720
1725
|
"form-field__content": "lc-FormField-module__form-field__content___XaOx3",
|
|
1721
1726
|
"form-field__content__description": "lc-FormField-module__form-field__content__description___NpVw4"
|
|
1722
|
-
}, z = "form-field",
|
|
1727
|
+
}, z = "form-field", cl = ({
|
|
1723
1728
|
inline: t,
|
|
1724
1729
|
error: a,
|
|
1725
1730
|
description: r,
|
|
@@ -1727,10 +1732,10 @@ const ia = {
|
|
|
1727
1732
|
labelAdornment: o,
|
|
1728
1733
|
className: l,
|
|
1729
1734
|
labelFor: c,
|
|
1730
|
-
children:
|
|
1735
|
+
children: d,
|
|
1731
1736
|
labelRightNode: n
|
|
1732
1737
|
}) => {
|
|
1733
|
-
const
|
|
1738
|
+
const i = e.useRef(null), [u, s] = e.useState("auto"), m = f(
|
|
1734
1739
|
O[z],
|
|
1735
1740
|
{
|
|
1736
1741
|
[O[`${z}--inline`]]: t
|
|
@@ -1738,9 +1743,9 @@ const ia = {
|
|
|
1738
1743
|
l
|
|
1739
1744
|
);
|
|
1740
1745
|
return e.useEffect(() => {
|
|
1741
|
-
const b =
|
|
1742
|
-
return t && b.current ?
|
|
1743
|
-
}), /* @__PURE__ */ e.createElement("div", { className:
|
|
1746
|
+
const b = i;
|
|
1747
|
+
return t && b.current ? s(`${b.current.clientHeight}px`) : s("auto");
|
|
1748
|
+
}), /* @__PURE__ */ e.createElement("div", { className: m }, n && t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
1744
1749
|
"div",
|
|
1745
1750
|
{
|
|
1746
1751
|
className: f(
|
|
@@ -1774,7 +1779,7 @@ const ia = {
|
|
|
1774
1779
|
t && O[`${z}__label-wrapper--inline`]
|
|
1775
1780
|
),
|
|
1776
1781
|
style: {
|
|
1777
|
-
height:
|
|
1782
|
+
height: u
|
|
1778
1783
|
}
|
|
1779
1784
|
},
|
|
1780
1785
|
/* @__PURE__ */ e.createElement(
|
|
@@ -1783,7 +1788,7 @@ const ia = {
|
|
|
1783
1788
|
className: O[`${z}__label-left-node`],
|
|
1784
1789
|
htmlFor: c
|
|
1785
1790
|
},
|
|
1786
|
-
/* @__PURE__ */ e.createElement(
|
|
1791
|
+
/* @__PURE__ */ e.createElement(P, { as: "span", size: "sm" }, _)
|
|
1787
1792
|
),
|
|
1788
1793
|
o && /* @__PURE__ */ e.createElement(
|
|
1789
1794
|
"div",
|
|
@@ -1798,8 +1803,8 @@ const ia = {
|
|
|
1798
1803
|
),
|
|
1799
1804
|
n && !t && /* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__label-right-node`]) }, n)
|
|
1800
1805
|
),
|
|
1801
|
-
/* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref:
|
|
1802
|
-
|
|
1806
|
+
/* @__PURE__ */ e.createElement("div", { className: f(O[`${z}__content`]) }, /* @__PURE__ */ e.createElement("div", { ref: i }, d), a && /* @__PURE__ */ e.createElement(Xt, null, a), !a && r && /* @__PURE__ */ e.createElement(
|
|
1807
|
+
Tt,
|
|
1803
1808
|
{
|
|
1804
1809
|
className: f(O[`${z}__content__description`])
|
|
1805
1810
|
},
|
|
@@ -1811,31 +1816,31 @@ const ia = {
|
|
|
1811
1816
|
"form-group__header": "lc-FormGroup-module__form-group__header___DgGmR",
|
|
1812
1817
|
"form-group__label": "lc-FormGroup-module__form-group__label___NC-JW",
|
|
1813
1818
|
"form-group__helper": "lc-FormGroup-module__form-group__helper___SRuxe"
|
|
1814
|
-
},
|
|
1819
|
+
}, yt = "form-group", nl = (l) => {
|
|
1815
1820
|
var c = l, {
|
|
1816
1821
|
className: t = "",
|
|
1817
1822
|
children: a,
|
|
1818
1823
|
labelText: r,
|
|
1819
1824
|
helperText: _
|
|
1820
|
-
} = c, o =
|
|
1825
|
+
} = c, o = A(c, [
|
|
1821
1826
|
"className",
|
|
1822
1827
|
"children",
|
|
1823
1828
|
"labelText",
|
|
1824
1829
|
"helperText"
|
|
1825
1830
|
]);
|
|
1826
|
-
const
|
|
1831
|
+
const d = f(ht[yt], t);
|
|
1827
1832
|
return /* @__PURE__ */ e.createElement(
|
|
1828
1833
|
"div",
|
|
1829
1834
|
B(w(B(w({}, o), {
|
|
1830
1835
|
role: "group"
|
|
1831
1836
|
}), r && { "aria-label": r }), {
|
|
1832
|
-
className:
|
|
1837
|
+
className: d
|
|
1833
1838
|
}),
|
|
1834
|
-
/* @__PURE__ */ e.createElement("div", { className: ht[`${
|
|
1839
|
+
/* @__PURE__ */ e.createElement("div", { className: ht[`${yt}__header`] }, /* @__PURE__ */ e.createElement(st, { as: "div", size: "sm", className: ht[`${yt}__label`] }, r), _ && /* @__PURE__ */ e.createElement(P, { as: "div", size: "sm", className: ht[`${yt}__helper`] }, _)),
|
|
1835
1840
|
a
|
|
1836
1841
|
);
|
|
1837
|
-
},
|
|
1838
|
-
input:
|
|
1842
|
+
}, E_ = "lc-Input-module__input___qeMAQ", ye = {
|
|
1843
|
+
input: E_,
|
|
1839
1844
|
"input--focused": "lc-Input-module__input--focused___wQH5-",
|
|
1840
1845
|
"input--disabled": "lc-Input-module__input--disabled___HidXX",
|
|
1841
1846
|
"input--error": "lc-Input-module__input--error___DlDbC",
|
|
@@ -1847,8 +1852,8 @@ const ia = {
|
|
|
1847
1852
|
"input__icon--left": "lc-Input-module__input__icon--left___BcySs",
|
|
1848
1853
|
"input__icon--right": "lc-Input-module__input__icon--right___VefSK",
|
|
1849
1854
|
"input__visibility-button": "lc-Input-module__input__visibility-button___eWrVe"
|
|
1850
|
-
}, Ee = "input",
|
|
1851
|
-
"data-testid": `input-icon-${t.place}`,
|
|
1855
|
+
}, Ee = "input", ma = (t, a) => e.cloneElement(t.source, {
|
|
1856
|
+
["data-testid"]: `input-icon-${t.place}`,
|
|
1852
1857
|
className: f(
|
|
1853
1858
|
ye[`${Ee}__icon`],
|
|
1854
1859
|
ye[`${Ee}__icon--${t.place}`],
|
|
@@ -1856,63 +1861,63 @@ const ia = {
|
|
|
1856
1861
|
[ye[`${Ee}__icon--disabled`]]: a
|
|
1857
1862
|
}
|
|
1858
1863
|
)
|
|
1859
|
-
}),
|
|
1860
|
-
(
|
|
1861
|
-
var n =
|
|
1864
|
+
}), sl = e.forwardRef(
|
|
1865
|
+
(d, c) => {
|
|
1866
|
+
var n = d, {
|
|
1862
1867
|
inputSize: t = "medium",
|
|
1863
1868
|
error: a = !1,
|
|
1864
1869
|
disabled: r,
|
|
1865
1870
|
icon: _ = null,
|
|
1866
1871
|
className: o
|
|
1867
|
-
} = n, l =
|
|
1872
|
+
} = n, l = A(n, [
|
|
1868
1873
|
"inputSize",
|
|
1869
1874
|
"error",
|
|
1870
1875
|
"disabled",
|
|
1871
1876
|
"icon",
|
|
1872
1877
|
"className"
|
|
1873
1878
|
]);
|
|
1874
|
-
const [
|
|
1879
|
+
const [i, u] = e.useState(!1), [s, m] = e.useState(!1), { type: b, onFocus: v, onBlur: g } = l, p = f(
|
|
1875
1880
|
o,
|
|
1876
1881
|
ye[Ee],
|
|
1877
1882
|
ye[`${Ee}--${t}`],
|
|
1878
1883
|
{
|
|
1879
1884
|
[ye[`${Ee}--disabled`]]: r,
|
|
1880
|
-
[ye[`${Ee}--focused`]]:
|
|
1885
|
+
[ye[`${Ee}--focused`]]: i,
|
|
1881
1886
|
[ye[`${Ee}--error`]]: a
|
|
1882
1887
|
}
|
|
1883
|
-
), E = r ? "var(--content-disabled)" : "var(--content-default)",
|
|
1884
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
1888
|
+
), E = r ? "var(--content-disabled)" : "var(--content-default)", h = s ? Za : Qa, C = _ && _.place === "left", S = _ && b !== "password" && _.place === "right";
|
|
1889
|
+
return /* @__PURE__ */ e.createElement("div", { className: p, "aria-disabled": r, "tab-index": "0" }, C && ma(_, r), /* @__PURE__ */ e.createElement(
|
|
1885
1890
|
"input",
|
|
1886
1891
|
B(w({}, l), {
|
|
1887
1892
|
ref: c,
|
|
1888
1893
|
onFocus: (k) => {
|
|
1889
|
-
|
|
1894
|
+
u(!0), v == null || v(k);
|
|
1890
1895
|
},
|
|
1891
1896
|
onBlur: (k) => {
|
|
1892
|
-
|
|
1897
|
+
u(!1), g == null || g(k);
|
|
1893
1898
|
},
|
|
1894
1899
|
disabled: r,
|
|
1895
|
-
type: b && !
|
|
1900
|
+
type: b && !s ? b : "text"
|
|
1896
1901
|
})
|
|
1897
|
-
),
|
|
1898
|
-
|
|
1902
|
+
), S && ma(_, r), b === "password" && /* @__PURE__ */ e.createElement(
|
|
1903
|
+
ne,
|
|
1899
1904
|
{
|
|
1900
1905
|
disabled: r,
|
|
1901
1906
|
kind: "subtle",
|
|
1902
|
-
icon: /* @__PURE__ */ e.createElement(I, { customColor: E, source:
|
|
1903
|
-
onClick: () =>
|
|
1907
|
+
icon: /* @__PURE__ */ e.createElement(I, { customColor: E, source: h }),
|
|
1908
|
+
onClick: () => m((k) => !k),
|
|
1904
1909
|
className: ye[`${Ee}__visibility-button`]
|
|
1905
1910
|
}
|
|
1906
1911
|
));
|
|
1907
1912
|
}
|
|
1908
|
-
),
|
|
1909
|
-
link:
|
|
1913
|
+
), k_ = "lc-Link-module__link___kqx52", pa = {
|
|
1914
|
+
link: k_,
|
|
1910
1915
|
"link--bold": "lc-Link-module__link--bold___1rGdO"
|
|
1911
|
-
},
|
|
1916
|
+
}, ga = "link", il = (_) => {
|
|
1912
1917
|
var o = _, {
|
|
1913
1918
|
bold: t = !1,
|
|
1914
1919
|
className: a = ""
|
|
1915
|
-
} = o, r =
|
|
1920
|
+
} = o, r = A(o, [
|
|
1916
1921
|
"bold",
|
|
1917
1922
|
"className"
|
|
1918
1923
|
]);
|
|
@@ -1920,64 +1925,64 @@ const ia = {
|
|
|
1920
1925
|
"a",
|
|
1921
1926
|
w({
|
|
1922
1927
|
className: f(
|
|
1923
|
-
|
|
1924
|
-
t &&
|
|
1928
|
+
pa[ga],
|
|
1929
|
+
t && pa[`${ga}--bold`],
|
|
1925
1930
|
a
|
|
1926
1931
|
)
|
|
1927
1932
|
}, r)
|
|
1928
1933
|
);
|
|
1929
|
-
},
|
|
1934
|
+
}, $_ = "lc-Modal-module__modal__body___M-jmN", w_ = "lc-Modal-module__modal__header___Fp5VE", C_ = "lc-Modal-module__modal__heading___G9KVK", N_ = "lc-Modal-module__modal__footer___2LYdc", H = {
|
|
1930
1935
|
"modal-base": "lc-Modal-module__modal-base___hbL1U",
|
|
1931
1936
|
"modal-base__overlay": "lc-Modal-module__modal-base__overlay___kCQ8t",
|
|
1932
1937
|
"modal-base__overlay--visible": "lc-Modal-module__modal-base__overlay--visible___zUNJL",
|
|
1933
1938
|
"modal-base__close": "lc-Modal-module__modal-base__close___gJlgr",
|
|
1934
1939
|
"modal-base__close--label-type": "lc-Modal-module__modal-base__close--label-type___Om0Vb",
|
|
1935
|
-
modal__body:
|
|
1940
|
+
modal__body: $_,
|
|
1936
1941
|
"modal__body--full-space": "lc-Modal-module__modal__body--full-space___LsSNE",
|
|
1937
|
-
modal__header:
|
|
1942
|
+
modal__header: w_,
|
|
1938
1943
|
"modal__label-header": "lc-Modal-module__modal__label-header___ZPtEy",
|
|
1939
|
-
modal__heading:
|
|
1944
|
+
modal__heading: C_,
|
|
1940
1945
|
"modal__label-heading": "lc-Modal-module__modal__label-heading___WnYcF",
|
|
1941
|
-
modal__footer:
|
|
1946
|
+
modal__footer: N_,
|
|
1942
1947
|
"modal-header": "lc-Modal-module__modal-header___rdz7I",
|
|
1943
1948
|
"modal-header__heading-icon": "lc-Modal-module__modal-header__heading-icon___E4PN1",
|
|
1944
1949
|
"modal-header__heading-body": "lc-Modal-module__modal-header__heading-body___9GxUa",
|
|
1945
1950
|
"modal-header__heading-title": "lc-Modal-module__modal-header__heading-title___dnGnU",
|
|
1946
1951
|
"modal-header__heading-description": "lc-Modal-module__modal-header__heading-description___g5XGt"
|
|
1947
|
-
},
|
|
1948
|
-
var
|
|
1952
|
+
}, Mt = "modal-base", x_ = (c) => {
|
|
1953
|
+
var d = c, {
|
|
1949
1954
|
children: t,
|
|
1950
1955
|
className: a = "",
|
|
1951
1956
|
onClose: r,
|
|
1952
1957
|
closeOnEscPress: _ = !0,
|
|
1953
1958
|
closeOnOverlayPress: o = !0
|
|
1954
|
-
} =
|
|
1959
|
+
} = d, l = A(d, [
|
|
1955
1960
|
"children",
|
|
1956
1961
|
"className",
|
|
1957
1962
|
"onClose",
|
|
1958
1963
|
"closeOnEscPress",
|
|
1959
1964
|
"closeOnOverlayPress"
|
|
1960
1965
|
]);
|
|
1961
|
-
const n = f(H[
|
|
1966
|
+
const n = f(H[Mt], a);
|
|
1962
1967
|
e.useEffect(() => {
|
|
1963
1968
|
if (!_)
|
|
1964
1969
|
return;
|
|
1965
|
-
const
|
|
1966
|
-
|
|
1970
|
+
const u = (s) => {
|
|
1971
|
+
s.key === M.esc && r();
|
|
1967
1972
|
};
|
|
1968
|
-
return document.addEventListener("keyup",
|
|
1973
|
+
return document.addEventListener("keyup", u, !0), () => document.removeEventListener("keyup", u, !0);
|
|
1969
1974
|
}, [_]);
|
|
1970
|
-
const
|
|
1971
|
-
o &&
|
|
1975
|
+
const i = (u) => {
|
|
1976
|
+
o && u.target === u.currentTarget && r();
|
|
1972
1977
|
};
|
|
1973
1978
|
return /* @__PURE__ */ e.createElement(
|
|
1974
1979
|
"div",
|
|
1975
1980
|
{
|
|
1976
1981
|
"data-testid": "lc-modal-overlay",
|
|
1977
|
-
onMouseDown:
|
|
1982
|
+
onMouseDown: i,
|
|
1978
1983
|
className: f(
|
|
1979
|
-
H[`${
|
|
1980
|
-
H[`${
|
|
1984
|
+
H[`${Mt}__overlay`],
|
|
1985
|
+
H[`${Mt}__overlay--visible`]
|
|
1981
1986
|
)
|
|
1982
1987
|
},
|
|
1983
1988
|
/* @__PURE__ */ e.createElement(
|
|
@@ -1990,7 +1995,7 @@ const ia = {
|
|
|
1990
1995
|
t
|
|
1991
1996
|
)
|
|
1992
1997
|
);
|
|
1993
|
-
},
|
|
1998
|
+
}, fa = ({
|
|
1994
1999
|
labelType: t,
|
|
1995
2000
|
customColor: a,
|
|
1996
2001
|
onClick: r
|
|
@@ -2006,8 +2011,8 @@ const ia = {
|
|
|
2006
2011
|
type: "button"
|
|
2007
2012
|
},
|
|
2008
2013
|
/* @__PURE__ */ e.createElement(I, { source: xe, size: "large", customColor: a })
|
|
2009
|
-
), we = "modal",
|
|
2010
|
-
var
|
|
2014
|
+
), we = "modal", dl = (n) => {
|
|
2015
|
+
var i = n, {
|
|
2011
2016
|
children: t,
|
|
2012
2017
|
className: a = "",
|
|
2013
2018
|
heading: r,
|
|
@@ -2015,7 +2020,7 @@ const ia = {
|
|
|
2015
2020
|
fullSpaceContent: o,
|
|
2016
2021
|
footer: l,
|
|
2017
2022
|
onClose: c
|
|
2018
|
-
} =
|
|
2023
|
+
} = i, d = A(i, [
|
|
2019
2024
|
"children",
|
|
2020
2025
|
"className",
|
|
2021
2026
|
"heading",
|
|
@@ -2024,10 +2029,10 @@ const ia = {
|
|
|
2024
2029
|
"footer",
|
|
2025
2030
|
"onClose"
|
|
2026
2031
|
]);
|
|
2027
|
-
const
|
|
2028
|
-
|
|
2032
|
+
const u = f(H[we], a), s = (m) => {
|
|
2033
|
+
m.preventDefault(), m.stopPropagation(), c();
|
|
2029
2034
|
};
|
|
2030
|
-
return /* @__PURE__ */ e.createElement(
|
|
2035
|
+
return /* @__PURE__ */ e.createElement(x_, w({ className: u, onClose: c }, d), _ && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__label-header`] }, /* @__PURE__ */ e.createElement(
|
|
2031
2036
|
st,
|
|
2032
2037
|
{
|
|
2033
2038
|
size: "xs",
|
|
@@ -2036,11 +2041,11 @@ const ia = {
|
|
|
2036
2041
|
},
|
|
2037
2042
|
_
|
|
2038
2043
|
), /* @__PURE__ */ e.createElement(
|
|
2039
|
-
|
|
2044
|
+
fa,
|
|
2040
2045
|
{
|
|
2041
2046
|
labelType: !!_,
|
|
2042
2047
|
customColor: "var(--color-white)",
|
|
2043
|
-
onClick:
|
|
2048
|
+
onClick: s
|
|
2044
2049
|
}
|
|
2045
2050
|
)), !_ && r && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__header`] }, /* @__PURE__ */ e.createElement(
|
|
2046
2051
|
st,
|
|
@@ -2050,7 +2055,7 @@ const ia = {
|
|
|
2050
2055
|
className: H[`${we}__heading`]
|
|
2051
2056
|
},
|
|
2052
2057
|
r
|
|
2053
|
-
)), !_ && /* @__PURE__ */ e.createElement(
|
|
2058
|
+
)), !_ && /* @__PURE__ */ e.createElement(fa, { onClick: s }), /* @__PURE__ */ e.createElement(
|
|
2054
2059
|
"div",
|
|
2055
2060
|
{
|
|
2056
2061
|
"data-testid": "modal-body",
|
|
@@ -2059,9 +2064,9 @@ const ia = {
|
|
|
2059
2064
|
o && H[`${we}__body--full-space`]
|
|
2060
2065
|
)
|
|
2061
2066
|
},
|
|
2062
|
-
/* @__PURE__ */ e.createElement(
|
|
2067
|
+
/* @__PURE__ */ e.createElement(P, { as: "div" }, t)
|
|
2063
2068
|
), l && /* @__PURE__ */ e.createElement("div", { className: H[`${we}__footer`] }, l));
|
|
2064
|
-
},
|
|
2069
|
+
}, ul = ({
|
|
2065
2070
|
children: t,
|
|
2066
2071
|
className: a = "",
|
|
2067
2072
|
parentElementName: r = "body",
|
|
@@ -2074,31 +2079,31 @@ const ia = {
|
|
|
2074
2079
|
var c;
|
|
2075
2080
|
(c = document.querySelector(r)) == null || c.removeChild(o);
|
|
2076
2081
|
};
|
|
2077
|
-
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
2078
|
-
}, et = "modal-header",
|
|
2082
|
+
}, [r]), /* @__PURE__ */ e.createElement(e.Fragment, null, cr.createPortal(t, o));
|
|
2083
|
+
}, et = "modal-header", ml = ({
|
|
2079
2084
|
title: t,
|
|
2080
2085
|
iconProps: a,
|
|
2081
2086
|
children: r,
|
|
2082
2087
|
className: _ = ""
|
|
2083
2088
|
}) => {
|
|
2084
|
-
const o =
|
|
2085
|
-
return /* @__PURE__ */
|
|
2086
|
-
|
|
2089
|
+
const o = nr(H[et], _);
|
|
2090
|
+
return /* @__PURE__ */ e.createElement("div", { className: o }, a && /* @__PURE__ */ e.createElement(I, w({ className: H[`${et}__heading-icon`] }, a)), /* @__PURE__ */ e.createElement("div", { className: H[`${et}__heading-body`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: H[`${et}__heading-title`] }, t), r && /* @__PURE__ */ e.createElement(
|
|
2091
|
+
P,
|
|
2087
2092
|
{
|
|
2088
2093
|
as: "div",
|
|
2089
2094
|
className: H[`${et}__heading-description`]
|
|
2090
2095
|
},
|
|
2091
2096
|
r
|
|
2092
2097
|
)));
|
|
2093
|
-
},
|
|
2098
|
+
}, Re = {
|
|
2094
2099
|
"numeric-input": "lc-NumericInput-module__numeric-input___j1esc",
|
|
2095
2100
|
"numeric-input__increment": "lc-NumericInput-module__numeric-input__increment___i3Tys",
|
|
2096
2101
|
"numeric-input__decrement": "lc-NumericInput-module__numeric-input__decrement___3qgn0",
|
|
2097
2102
|
"numeric-input--disabled": "lc-NumericInput-module__numeric-input--disabled___yaRvQ",
|
|
2098
2103
|
"numeric-input--no-controls": "lc-NumericInput-module__numeric-input--no-controls___D90rG",
|
|
2099
2104
|
"numeric-input--error": "lc-NumericInput-module__numeric-input--error___TMxRx"
|
|
2100
|
-
},
|
|
2101
|
-
var
|
|
2105
|
+
}, Me = "numeric-input", pl = (u) => {
|
|
2106
|
+
var s = u, {
|
|
2102
2107
|
className: t,
|
|
2103
2108
|
error: a,
|
|
2104
2109
|
value: r,
|
|
@@ -2106,9 +2111,9 @@ const ia = {
|
|
|
2106
2111
|
min: o,
|
|
2107
2112
|
disabled: l,
|
|
2108
2113
|
noControls: c,
|
|
2109
|
-
style:
|
|
2114
|
+
style: d,
|
|
2110
2115
|
onChange: n
|
|
2111
|
-
} =
|
|
2116
|
+
} = s, i = A(s, [
|
|
2112
2117
|
"className",
|
|
2113
2118
|
"error",
|
|
2114
2119
|
"value",
|
|
@@ -2119,42 +2124,42 @@ const ia = {
|
|
|
2119
2124
|
"style",
|
|
2120
2125
|
"onChange"
|
|
2121
2126
|
]);
|
|
2122
|
-
const
|
|
2123
|
-
|
|
2127
|
+
const m = e.useRef(null), b = f(
|
|
2128
|
+
Re[Me],
|
|
2124
2129
|
{
|
|
2125
|
-
[
|
|
2126
|
-
[
|
|
2127
|
-
[
|
|
2130
|
+
[Re[`${Me}--error`]]: a,
|
|
2131
|
+
[Re[`${Me}--no-controls`]]: c,
|
|
2132
|
+
[Re[`${Me}--disabled`]]: l
|
|
2128
2133
|
},
|
|
2129
2134
|
t
|
|
2130
|
-
),
|
|
2131
|
-
const
|
|
2132
|
-
return
|
|
2135
|
+
), v = (y) => n(String(y)), g = (y) => _ !== void 0 && y > _ ? _ : o !== void 0 && y < o ? o : y, p = (y) => {
|
|
2136
|
+
const N = parseInt(r, 10) + y;
|
|
2137
|
+
return v(g(N));
|
|
2133
2138
|
}, E = (y) => {
|
|
2134
|
-
y.key === M.arrowDown && (y.preventDefault(),
|
|
2135
|
-
},
|
|
2139
|
+
y.key === M.arrowDown && (y.preventDefault(), p(-1)), y.key === M.arrowUp && (y.preventDefault(), p(1));
|
|
2140
|
+
}, h = (y, N) => N !== void 0 && parseInt(y, 10) === N, C = (y) => {
|
|
2136
2141
|
y.preventDefault(), y.stopPropagation();
|
|
2137
|
-
const
|
|
2142
|
+
const N = y.currentTarget.value.replace(
|
|
2138
2143
|
/((?!([-]|([-]?\d+))).)/,
|
|
2139
2144
|
""
|
|
2140
2145
|
);
|
|
2141
|
-
if (
|
|
2142
|
-
return
|
|
2143
|
-
const $ = parseInt(
|
|
2144
|
-
return
|
|
2145
|
-
},
|
|
2146
|
+
if (N === "" || N === "-")
|
|
2147
|
+
return v(N);
|
|
2148
|
+
const $ = parseInt(N, 10);
|
|
2149
|
+
return v(g($));
|
|
2150
|
+
}, S = () => {
|
|
2146
2151
|
var y;
|
|
2147
|
-
return (y =
|
|
2152
|
+
return (y = m.current) == null || y.focus(), p(1);
|
|
2148
2153
|
}, k = () => {
|
|
2149
2154
|
var y;
|
|
2150
|
-
return (y =
|
|
2155
|
+
return (y = m.current) == null || y.focus(), p(-1);
|
|
2151
2156
|
};
|
|
2152
|
-
return /* @__PURE__ */ e.createElement("div", { className: b, style:
|
|
2157
|
+
return /* @__PURE__ */ e.createElement("div", { className: b, style: d }, /* @__PURE__ */ e.createElement(
|
|
2153
2158
|
"input",
|
|
2154
2159
|
B(w({
|
|
2155
2160
|
type: "text",
|
|
2156
|
-
ref:
|
|
2157
|
-
},
|
|
2161
|
+
ref: m
|
|
2162
|
+
}, i), {
|
|
2158
2163
|
value: r,
|
|
2159
2164
|
disabled: l,
|
|
2160
2165
|
onChange: C,
|
|
@@ -2166,17 +2171,17 @@ const ia = {
|
|
|
2166
2171
|
"button",
|
|
2167
2172
|
{
|
|
2168
2173
|
tabIndex: -1,
|
|
2169
|
-
disabled: l ||
|
|
2170
|
-
onClick:
|
|
2174
|
+
disabled: l || h(r, _),
|
|
2175
|
+
onClick: S,
|
|
2171
2176
|
"aria-label": "Increment value",
|
|
2172
|
-
className:
|
|
2177
|
+
className: Re[`${Me}__increment`],
|
|
2173
2178
|
type: "button"
|
|
2174
2179
|
},
|
|
2175
2180
|
/* @__PURE__ */ e.createElement(
|
|
2176
2181
|
I,
|
|
2177
2182
|
{
|
|
2178
|
-
source:
|
|
2179
|
-
disabled: l ||
|
|
2183
|
+
source: St,
|
|
2184
|
+
disabled: l || h(r, _),
|
|
2180
2185
|
kind: "primary"
|
|
2181
2186
|
}
|
|
2182
2187
|
)
|
|
@@ -2184,22 +2189,125 @@ const ia = {
|
|
|
2184
2189
|
"button",
|
|
2185
2190
|
{
|
|
2186
2191
|
tabIndex: -1,
|
|
2187
|
-
disabled: l ||
|
|
2192
|
+
disabled: l || h(r, o),
|
|
2188
2193
|
"aria-label": "Decrement value",
|
|
2189
|
-
className:
|
|
2194
|
+
className: Re[`${Me}__decrement`],
|
|
2190
2195
|
onClick: k,
|
|
2191
2196
|
type: "button"
|
|
2192
2197
|
},
|
|
2193
2198
|
/* @__PURE__ */ e.createElement(
|
|
2194
2199
|
I,
|
|
2195
2200
|
{
|
|
2196
|
-
source:
|
|
2201
|
+
source: Dt,
|
|
2197
2202
|
kind: "primary",
|
|
2198
|
-
disabled: l ||
|
|
2203
|
+
disabled: l || h(r, o)
|
|
2199
2204
|
}
|
|
2200
2205
|
)
|
|
2201
2206
|
)));
|
|
2202
|
-
},
|
|
2207
|
+
}, Ge = "select-all", fe = {
|
|
2208
|
+
"picker-list": "lc-PickerList-module__picker-list___FqdgZ",
|
|
2209
|
+
"picker-list__no-results": "lc-PickerList-module__picker-list__no-results___tX172",
|
|
2210
|
+
"picker-list__item": "lc-PickerList-module__picker-list__item___8QNS0",
|
|
2211
|
+
"picker-list__item--select-all": "lc-PickerList-module__picker-list__item--select-all___PlTHV",
|
|
2212
|
+
"picker-list__item__header": "lc-PickerList-module__picker-list__item__header___mxmg0",
|
|
2213
|
+
"picker-list__item__content": "lc-PickerList-module__picker-list__item__content___D-tsE",
|
|
2214
|
+
"picker-list__item__custom": "lc-PickerList-module__picker-list__item__custom___kJEP6"
|
|
2215
|
+
}, Vt = "picker-list", Ae = `${Vt}__item`, S_ = ({
|
|
2216
|
+
isOpen: t,
|
|
2217
|
+
items: a,
|
|
2218
|
+
selectedItemsKeys: r,
|
|
2219
|
+
emptyStateText: _ = "No results found",
|
|
2220
|
+
selectAllOptionText: o,
|
|
2221
|
+
isMultiSelect: l,
|
|
2222
|
+
onClose: c,
|
|
2223
|
+
onSelect: d,
|
|
2224
|
+
onSelectAll: n
|
|
2225
|
+
}) => {
|
|
2226
|
+
const i = f(fe[Vt], {
|
|
2227
|
+
[fe[`${Vt}__no-results`]]: a.length === 0
|
|
2228
|
+
}), [u, s] = e.useState(
|
|
2229
|
+
null
|
|
2230
|
+
), m = e.useRef(-1), b = e.useRef(0), v = e.useRef(null), g = ($) => {
|
|
2231
|
+
if ($.key === M.esc && ($.preventDefault(), c()), $.key === M.arrowUp && m.current > 0 && ($.preventDefault(), m.current = E(), s(a[m.current].key)), $.key === M.arrowDown && m.current + 1 < a.length && ($.preventDefault(), m.current = h(), s(a[m.current].key)), $.key === M.enter && !a[m.current].disabled) {
|
|
2232
|
+
if ($.preventDefault(), a[m.current].key === Ge)
|
|
2233
|
+
return n();
|
|
2234
|
+
d(a[m.current]);
|
|
2235
|
+
}
|
|
2236
|
+
};
|
|
2237
|
+
e.useEffect(() => {
|
|
2238
|
+
if (m.current > -1 && a.length > 0 && s(a[m.current].key), t)
|
|
2239
|
+
return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
|
|
2240
|
+
m.current = -1, b.current = 0, s(null);
|
|
2241
|
+
}, [a, t, g]);
|
|
2242
|
+
const p = ($) => !!a[$] && (a[$].disabled || a[$].groupHeader), E = () => {
|
|
2243
|
+
for (m.current = m.current - 1; p(m.current) && (m.current = m.current - 1, !!p(m.current)); )
|
|
2244
|
+
;
|
|
2245
|
+
return b.current = m.current, m.current;
|
|
2246
|
+
}, h = () => {
|
|
2247
|
+
if (m.current = m.current + 1, !p(m.current))
|
|
2248
|
+
return b.current = m.current, m.current;
|
|
2249
|
+
for (; p(m.current); ) {
|
|
2250
|
+
if (m.current = m.current + 1, m.current === a.length && !p(m.current))
|
|
2251
|
+
return b.current;
|
|
2252
|
+
if (!p(m.current))
|
|
2253
|
+
break;
|
|
2254
|
+
}
|
|
2255
|
+
return b.current = m.current, m.current;
|
|
2256
|
+
}, C = ($) => d($), S = () => n(), k = ($) => r ? r.includes($) : !1, y = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
|
|
2257
|
+
"li",
|
|
2258
|
+
{
|
|
2259
|
+
ref: ($) => {
|
|
2260
|
+
u === Ge && ($ == null || $.scrollIntoView({ block: "nearest" }));
|
|
2261
|
+
},
|
|
2262
|
+
role: "option",
|
|
2263
|
+
"aria-current": u === Ge,
|
|
2264
|
+
id: Ge,
|
|
2265
|
+
key: Ge,
|
|
2266
|
+
className: f(
|
|
2267
|
+
fe[Ae],
|
|
2268
|
+
fe[`${Ae}--select-all`]
|
|
2269
|
+
),
|
|
2270
|
+
onClick: S
|
|
2271
|
+
},
|
|
2272
|
+
o
|
|
2273
|
+
), N = ($) => $ != null && $.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Ae}__custom`] }, $.customElement.listItemBody) : $.name;
|
|
2274
|
+
return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: i }, _) : /* @__PURE__ */ e.createElement("ul", { ref: v, className: i, role: "listbox", tabIndex: -1 }, y(), a.map(($) => $.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
2275
|
+
"li",
|
|
2276
|
+
{
|
|
2277
|
+
role: "option",
|
|
2278
|
+
key: $.key,
|
|
2279
|
+
className: fe[`${Ae}__header`]
|
|
2280
|
+
},
|
|
2281
|
+
$.name
|
|
2282
|
+
) : /* @__PURE__ */ e.createElement(
|
|
2283
|
+
"li",
|
|
2284
|
+
{
|
|
2285
|
+
"data-testid": $.key,
|
|
2286
|
+
ref: (W) => {
|
|
2287
|
+
u === $.key && (W == null || W.scrollIntoView({ block: "nearest" }));
|
|
2288
|
+
},
|
|
2289
|
+
role: "option",
|
|
2290
|
+
"aria-current": u === $.key,
|
|
2291
|
+
"aria-selected": k($.key),
|
|
2292
|
+
"aria-disabled": $.disabled,
|
|
2293
|
+
id: $.key,
|
|
2294
|
+
key: $.key,
|
|
2295
|
+
className: f(fe[Ae], {
|
|
2296
|
+
[fe[`${Ae}__custom`]]: $ == null ? void 0 : $.customElement
|
|
2297
|
+
}),
|
|
2298
|
+
onClick: () => !$.disabled && C($)
|
|
2299
|
+
},
|
|
2300
|
+
/* @__PURE__ */ e.createElement("div", { className: fe[`${Ae}__content`] }, N($)),
|
|
2301
|
+
k($.key) && /* @__PURE__ */ e.createElement(
|
|
2302
|
+
I,
|
|
2303
|
+
{
|
|
2304
|
+
kind: "link",
|
|
2305
|
+
source: Jt,
|
|
2306
|
+
customColor: "var(--content-basic-info)"
|
|
2307
|
+
}
|
|
2308
|
+
)
|
|
2309
|
+
))) : null;
|
|
2310
|
+
}, K = {
|
|
2203
2311
|
"picker-trigger": "lc-Trigger-module__picker-trigger___BIvTx",
|
|
2204
2312
|
"picker-trigger--multi-select": "lc-Trigger-module__picker-trigger--multi-select___rLpTy",
|
|
2205
2313
|
"picker-trigger--multi-select--with-items": "lc-Trigger-module__picker-trigger--multi-select--with-items___QFhY2",
|
|
@@ -2216,7 +2324,7 @@ const ia = {
|
|
|
2216
2324
|
"picker-trigger--disabled": "lc-Trigger-module__picker-trigger--disabled___7H4tD",
|
|
2217
2325
|
"picker-trigger--focused": "lc-Trigger-module__picker-trigger--focused___vTr39",
|
|
2218
2326
|
"picker-trigger--error": "lc-Trigger-module__picker-trigger--error___Rh8Qd"
|
|
2219
|
-
},
|
|
2327
|
+
}, Y = "picker-trigger", D_ = ({
|
|
2220
2328
|
children: t,
|
|
2221
2329
|
isSearchDisabled: a,
|
|
2222
2330
|
isDisabled: r,
|
|
@@ -2224,51 +2332,51 @@ const ia = {
|
|
|
2224
2332
|
isItemSelected: o,
|
|
2225
2333
|
isOpen: l,
|
|
2226
2334
|
isRequired: c,
|
|
2227
|
-
isMultiSelect:
|
|
2335
|
+
isMultiSelect: d,
|
|
2228
2336
|
size: n = "medium",
|
|
2229
|
-
hideClearButton:
|
|
2230
|
-
onTrigger:
|
|
2231
|
-
onClear:
|
|
2232
|
-
testId:
|
|
2337
|
+
hideClearButton: i,
|
|
2338
|
+
onTrigger: u,
|
|
2339
|
+
onClear: s,
|
|
2340
|
+
testId: m
|
|
2233
2341
|
}) => {
|
|
2234
|
-
const b = e.useRef(null),
|
|
2235
|
-
|
|
2236
|
-
|
|
2237
|
-
|
|
2238
|
-
|
|
2239
|
-
r &&
|
|
2240
|
-
l &&
|
|
2241
|
-
_ &&
|
|
2342
|
+
const b = e.useRef(null), v = f(
|
|
2343
|
+
K[Y],
|
|
2344
|
+
K[`${Y}--${n}`],
|
|
2345
|
+
d && K[`${Y}--multi-select`],
|
|
2346
|
+
d && o && K[`${Y}--multi-select--with-items`],
|
|
2347
|
+
r && K[`${Y}--disabled`],
|
|
2348
|
+
l && K[`${Y}--focused`],
|
|
2349
|
+
_ && K[`${Y}--error`]
|
|
2242
2350
|
);
|
|
2243
2351
|
e.useEffect(() => {
|
|
2244
|
-
const
|
|
2245
|
-
document.activeElement === b.current && C.key !== M.tab &&
|
|
2352
|
+
const h = (C) => {
|
|
2353
|
+
document.activeElement === b.current && C.key !== M.tab && u(C);
|
|
2246
2354
|
};
|
|
2247
|
-
return a || document.addEventListener("keydown",
|
|
2248
|
-
a || document.removeEventListener("keydown",
|
|
2355
|
+
return a || document.addEventListener("keydown", h), () => {
|
|
2356
|
+
a || document.removeEventListener("keydown", h);
|
|
2249
2357
|
};
|
|
2250
2358
|
}, [a]);
|
|
2251
|
-
const
|
|
2252
|
-
|
|
2253
|
-
},
|
|
2254
|
-
|
|
2255
|
-
}, E = !
|
|
2359
|
+
const g = (h) => {
|
|
2360
|
+
u(h);
|
|
2361
|
+
}, p = (h) => {
|
|
2362
|
+
h.stopPropagation(), s();
|
|
2363
|
+
}, E = !i && o && !r && !c;
|
|
2256
2364
|
return /* @__PURE__ */ e.createElement(
|
|
2257
2365
|
"div",
|
|
2258
2366
|
{
|
|
2259
2367
|
ref: b,
|
|
2260
|
-
className:
|
|
2261
|
-
onClick:
|
|
2368
|
+
className: v,
|
|
2369
|
+
onClick: g,
|
|
2262
2370
|
tabIndex: 0,
|
|
2263
|
-
"data-testid":
|
|
2371
|
+
"data-testid": m
|
|
2264
2372
|
},
|
|
2265
2373
|
/* @__PURE__ */ e.createElement(
|
|
2266
2374
|
"div",
|
|
2267
2375
|
{
|
|
2268
2376
|
className: f(
|
|
2269
|
-
|
|
2270
|
-
|
|
2271
|
-
|
|
2377
|
+
K[`${Y}__content`],
|
|
2378
|
+
K[`${Y}__content--${n}`],
|
|
2379
|
+
d && o && K[`${Y}__content--with-items`]
|
|
2272
2380
|
)
|
|
2273
2381
|
},
|
|
2274
2382
|
t
|
|
@@ -2277,140 +2385,34 @@ const ia = {
|
|
|
2277
2385
|
"div",
|
|
2278
2386
|
{
|
|
2279
2387
|
className: f(
|
|
2280
|
-
|
|
2281
|
-
|
|
2388
|
+
K[`${Y}__controls`],
|
|
2389
|
+
K[`${Y}__controls--${n}`]
|
|
2282
2390
|
)
|
|
2283
2391
|
},
|
|
2284
2392
|
E && /* @__PURE__ */ e.createElement(
|
|
2285
2393
|
"div",
|
|
2286
2394
|
{
|
|
2287
|
-
"data-testid": `${
|
|
2288
|
-
className:
|
|
2289
|
-
onClick:
|
|
2395
|
+
"data-testid": `${Y}__clear-icon`,
|
|
2396
|
+
className: K[`${Y}__clear-icon`],
|
|
2397
|
+
onClick: p
|
|
2290
2398
|
},
|
|
2291
2399
|
/* @__PURE__ */ e.createElement(I, { kind: "primary", size: "small", source: xe })
|
|
2292
2400
|
),
|
|
2293
2401
|
/* @__PURE__ */ e.createElement(
|
|
2294
2402
|
I,
|
|
2295
2403
|
{
|
|
2296
|
-
className:
|
|
2297
|
-
source: l ?
|
|
2298
|
-
size: "
|
|
2404
|
+
className: K[`${Y}__chevron-icon`],
|
|
2405
|
+
source: l ? St : Dt,
|
|
2406
|
+
size: "medium",
|
|
2299
2407
|
disabled: r
|
|
2300
2408
|
}
|
|
2301
2409
|
)
|
|
2302
2410
|
)
|
|
2303
2411
|
);
|
|
2304
|
-
},
|
|
2305
|
-
|
|
2306
|
-
"picker-list__no-results": "lc-PickerList-module__picker-list__no-results___tX172",
|
|
2307
|
-
"picker-list__item": "lc-PickerList-module__picker-list__item___8QNS0",
|
|
2308
|
-
"picker-list__item--select-all": "lc-PickerList-module__picker-list__item--select-all___PlTHV",
|
|
2309
|
-
"picker-list__item__header": "lc-PickerList-module__picker-list__item__header___mxmg0",
|
|
2310
|
-
"picker-list__item__content": "lc-PickerList-module__picker-list__item__content___D-tsE",
|
|
2311
|
-
"picker-list__item__custom": "lc-PickerList-module__picker-list__item__custom___kJEP6"
|
|
2312
|
-
}, He = "select-all", Wt = "picker-list", Pe = `${Wt}__item`, S_ = ({
|
|
2313
|
-
isOpen: t,
|
|
2314
|
-
items: a,
|
|
2315
|
-
selectedItemsKeys: r,
|
|
2316
|
-
emptyStateText: _ = "No results found",
|
|
2317
|
-
selectAllOptionText: o,
|
|
2318
|
-
isMultiSelect: l,
|
|
2319
|
-
onClose: c,
|
|
2320
|
-
onSelect: i,
|
|
2321
|
-
onSelectAll: n
|
|
2322
|
-
}) => {
|
|
2323
|
-
const d = f(fe[Wt], {
|
|
2324
|
-
[fe[`${Wt}__no-results`]]: a.length === 0
|
|
2325
|
-
}), [s, m] = e.useState(
|
|
2326
|
-
null
|
|
2327
|
-
), u = e.useRef(-1), b = e.useRef(0), h = e.useRef(null), p = ($) => {
|
|
2328
|
-
if ($.key === M.esc && ($.preventDefault(), c()), $.key === M.arrowUp && u.current > 0 && ($.preventDefault(), u.current = E(), m(a[u.current].key)), $.key === M.arrowDown && u.current + 1 < a.length && ($.preventDefault(), u.current = v(), m(a[u.current].key)), $.key === M.enter && !a[u.current].disabled) {
|
|
2329
|
-
if ($.preventDefault(), a[u.current].key === He)
|
|
2330
|
-
return n();
|
|
2331
|
-
i(a[u.current]);
|
|
2332
|
-
}
|
|
2333
|
-
};
|
|
2334
|
-
e.useEffect(() => {
|
|
2335
|
-
if (u.current > -1 && a.length > 0 && m(a[u.current].key), t)
|
|
2336
|
-
return document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p);
|
|
2337
|
-
u.current = -1, b.current = 0, m(null);
|
|
2338
|
-
}, [a, t, p]);
|
|
2339
|
-
const g = ($) => !!a[$] && (a[$].disabled || a[$].groupHeader), E = () => {
|
|
2340
|
-
for (u.current = u.current - 1; g(u.current) && (u.current = u.current - 1, !!g(u.current)); )
|
|
2341
|
-
;
|
|
2342
|
-
return b.current = u.current, u.current;
|
|
2343
|
-
}, v = () => {
|
|
2344
|
-
if (u.current = u.current + 1, !g(u.current))
|
|
2345
|
-
return b.current = u.current, u.current;
|
|
2346
|
-
for (; g(u.current); ) {
|
|
2347
|
-
if (u.current = u.current + 1, u.current === a.length && !g(u.current))
|
|
2348
|
-
return b.current;
|
|
2349
|
-
if (!g(u.current))
|
|
2350
|
-
break;
|
|
2351
|
-
}
|
|
2352
|
-
return b.current = u.current, u.current;
|
|
2353
|
-
}, C = ($) => i($), N = () => n(), k = ($) => r ? r.includes($) : !1, y = () => !l || l && !o ? null : /* @__PURE__ */ e.createElement(
|
|
2354
|
-
"li",
|
|
2355
|
-
{
|
|
2356
|
-
ref: ($) => {
|
|
2357
|
-
s === He && ($ == null || $.scrollIntoView({ block: "nearest" }));
|
|
2358
|
-
},
|
|
2359
|
-
role: "option",
|
|
2360
|
-
"aria-current": s === He,
|
|
2361
|
-
id: He,
|
|
2362
|
-
key: He,
|
|
2363
|
-
className: f(
|
|
2364
|
-
fe[Pe],
|
|
2365
|
-
fe[`${Pe}--select-all`]
|
|
2366
|
-
),
|
|
2367
|
-
onClick: N
|
|
2368
|
-
},
|
|
2369
|
-
o
|
|
2370
|
-
), x = ($) => $ != null && $.customElement ? /* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__custom`] }, $.customElement.listItemBody) : $.name;
|
|
2371
|
-
return t ? a.length === 0 ? /* @__PURE__ */ e.createElement("div", { className: d }, _) : /* @__PURE__ */ e.createElement("ul", { ref: h, className: d, role: "listbox", tabIndex: -1 }, y(), a.map(($) => $.groupHeader ? /* @__PURE__ */ e.createElement(
|
|
2372
|
-
"li",
|
|
2373
|
-
{
|
|
2374
|
-
role: "option",
|
|
2375
|
-
key: $.key,
|
|
2376
|
-
className: fe[`${Pe}__header`]
|
|
2377
|
-
},
|
|
2378
|
-
$.name
|
|
2379
|
-
) : /* @__PURE__ */ e.createElement(
|
|
2380
|
-
"li",
|
|
2381
|
-
{
|
|
2382
|
-
"data-testid": $.key,
|
|
2383
|
-
ref: (W) => {
|
|
2384
|
-
s === $.key && (W == null || W.scrollIntoView({ block: "nearest" }));
|
|
2385
|
-
},
|
|
2386
|
-
role: "option",
|
|
2387
|
-
"aria-current": s === $.key,
|
|
2388
|
-
"aria-selected": k($.key),
|
|
2389
|
-
"aria-disabled": $.disabled,
|
|
2390
|
-
id: $.key,
|
|
2391
|
-
key: $.key,
|
|
2392
|
-
className: f(fe[Pe], {
|
|
2393
|
-
[fe[`${Pe}__custom`]]: $ == null ? void 0 : $.customElement
|
|
2394
|
-
}),
|
|
2395
|
-
onClick: () => !$.disabled && C($)
|
|
2396
|
-
},
|
|
2397
|
-
/* @__PURE__ */ e.createElement("div", { className: fe[`${Pe}__content`] }, x($)),
|
|
2398
|
-
k($.key) && /* @__PURE__ */ e.createElement(
|
|
2399
|
-
I,
|
|
2400
|
-
{
|
|
2401
|
-
kind: "link",
|
|
2402
|
-
source: qt,
|
|
2403
|
-
customColor: "var(--content-basic-info)"
|
|
2404
|
-
}
|
|
2405
|
-
)
|
|
2406
|
-
))) : null;
|
|
2407
|
-
}, D_ = "lc-Picker-module__picker___GRj9W", T_ = "lc-Picker-module__picker__container___s0PUc", fa = {
|
|
2408
|
-
picker: D_,
|
|
2409
|
-
picker__container: T_
|
|
2410
|
-
}, I_ = "lc-Tag-module__tag___1QRVY", B_ = "lc-Tag-module__tag__remove___UmtrW", P_ = "lc-Tag-module__icon___2Z-35", A_ = "lc-Tag-module__tag__icon___tZoQ9", F_ = "lc-Tag-module__tag__avatar___U4c-P", ie = {
|
|
2411
|
-
tag: I_,
|
|
2412
|
+
}, T_ = "lc-Tag-module__tag___1QRVY", I_ = "lc-Tag-module__tag__remove___UmtrW", B_ = "lc-Tag-module__icon___2Z-35", A_ = "lc-Tag-module__tag__icon___tZoQ9", P_ = "lc-Tag-module__tag__avatar___U4c-P", ie = {
|
|
2413
|
+
tag: T_,
|
|
2412
2414
|
"tag--success": "lc-Tag-module__tag--success___P2hXQ",
|
|
2413
|
-
tag__remove:
|
|
2415
|
+
tag__remove: I_,
|
|
2414
2416
|
"tag--error": "lc-Tag-module__tag--error___1cjsm",
|
|
2415
2417
|
"tag--warning": "lc-Tag-module__tag--warning___PstMG",
|
|
2416
2418
|
"tag--info": "lc-Tag-module__tag--info___RTH0C",
|
|
@@ -2419,15 +2421,15 @@ const ia = {
|
|
|
2419
2421
|
"tag--outline": "lc-Tag-module__tag--outline___aZXtr",
|
|
2420
2422
|
"tag--medium": "lc-Tag-module__tag--medium___l5-KI",
|
|
2421
2423
|
"tag--large": "lc-Tag-module__tag--large___ytC6Y",
|
|
2422
|
-
icon:
|
|
2424
|
+
icon: B_,
|
|
2423
2425
|
"tag--text-white": "lc-Tag-module__tag--text-white___x0fnD",
|
|
2424
2426
|
"tag--text-black": "lc-Tag-module__tag--text-black___dUvmD",
|
|
2425
2427
|
"tag--with-icon": "lc-Tag-module__tag--with-icon___ZlkvT",
|
|
2426
2428
|
"tag--dismissible": "lc-Tag-module__tag--dismissible___Qobyr",
|
|
2427
2429
|
tag__icon: A_,
|
|
2428
|
-
tag__avatar:
|
|
2429
|
-
}, de = "tag",
|
|
2430
|
-
var b =
|
|
2430
|
+
tag__avatar: P_
|
|
2431
|
+
}, de = "tag", F_ = (t) => t ? Kt(t, "#FFFFFF") > 4.5 ? "text-white" : "text-black" : "", Ra = (m) => {
|
|
2432
|
+
var b = m, {
|
|
2431
2433
|
className: t = "",
|
|
2432
2434
|
children: a,
|
|
2433
2435
|
dismissible: r = !1,
|
|
@@ -2435,11 +2437,11 @@ const ia = {
|
|
|
2435
2437
|
iconSize: o = "medium",
|
|
2436
2438
|
kind: l = "default",
|
|
2437
2439
|
onRemove: c,
|
|
2438
|
-
outline:
|
|
2440
|
+
outline: d = !1,
|
|
2439
2441
|
icon: n,
|
|
2440
|
-
avatar:
|
|
2441
|
-
customColor:
|
|
2442
|
-
} = b,
|
|
2442
|
+
avatar: i,
|
|
2443
|
+
customColor: u
|
|
2444
|
+
} = b, s = A(b, [
|
|
2443
2445
|
"className",
|
|
2444
2446
|
"children",
|
|
2445
2447
|
"dismissible",
|
|
@@ -2452,53 +2454,53 @@ const ia = {
|
|
|
2452
2454
|
"avatar",
|
|
2453
2455
|
"customColor"
|
|
2454
2456
|
]);
|
|
2455
|
-
const
|
|
2457
|
+
const v = f(
|
|
2456
2458
|
ie[de],
|
|
2457
2459
|
t,
|
|
2458
2460
|
ie[`${de}--${_}`],
|
|
2459
2461
|
ie[`${de}--${l}`],
|
|
2460
2462
|
{
|
|
2461
2463
|
[ie[`${de}--dismissible`]]: r,
|
|
2462
|
-
[ie[`${de}--outline`]]:
|
|
2463
|
-
[ie[`${de}--with-icon`]]: !!n || !!
|
|
2464
|
-
[ie[`${de}--${
|
|
2464
|
+
[ie[`${de}--outline`]]: d,
|
|
2465
|
+
[ie[`${de}--with-icon`]]: !!n || !!i,
|
|
2466
|
+
[ie[`${de}--${F_(u)}`]]: !!u
|
|
2465
2467
|
}
|
|
2466
|
-
),
|
|
2468
|
+
), g = () => u ? d ? {
|
|
2467
2469
|
style: {
|
|
2468
2470
|
backgroundColor: "transparent",
|
|
2469
|
-
color:
|
|
2470
|
-
borderColor:
|
|
2471
|
+
color: u,
|
|
2472
|
+
borderColor: u
|
|
2471
2473
|
}
|
|
2472
|
-
} : { style: { backgroundColor:
|
|
2473
|
-
if (
|
|
2474
|
-
return
|
|
2474
|
+
} : { style: { backgroundColor: u } } : {}, p = () => {
|
|
2475
|
+
if (u)
|
|
2476
|
+
return d ? u : Kt(u, "#FFFFFF") > 4.5 ? "#FFFFFF" : "#000000";
|
|
2475
2477
|
};
|
|
2476
2478
|
return /* @__PURE__ */ e.createElement(
|
|
2477
|
-
|
|
2479
|
+
P,
|
|
2478
2480
|
B(w(w({
|
|
2479
|
-
className:
|
|
2480
|
-
},
|
|
2481
|
+
className: v
|
|
2482
|
+
}, s), g()), {
|
|
2481
2483
|
as: "div",
|
|
2482
2484
|
size: "md"
|
|
2483
2485
|
}),
|
|
2484
|
-
|
|
2486
|
+
i && /* @__PURE__ */ e.createElement(
|
|
2485
2487
|
"img",
|
|
2486
2488
|
{
|
|
2487
2489
|
className: ie[`${de}__avatar`],
|
|
2488
|
-
src:
|
|
2490
|
+
src: i,
|
|
2489
2491
|
alt: "tag-avatar",
|
|
2490
2492
|
"data-testid": "lc-tag-avatar"
|
|
2491
2493
|
}
|
|
2492
2494
|
),
|
|
2493
2495
|
" ",
|
|
2494
|
-
n && !
|
|
2496
|
+
n && !i && /* @__PURE__ */ e.createElement(
|
|
2495
2497
|
I,
|
|
2496
2498
|
{
|
|
2497
2499
|
"data-testid": "lc-tag-icon",
|
|
2498
2500
|
className: ie[`${de}__icon`],
|
|
2499
2501
|
source: n,
|
|
2500
2502
|
size: "small",
|
|
2501
|
-
customColor:
|
|
2503
|
+
customColor: p()
|
|
2502
2504
|
}
|
|
2503
2505
|
),
|
|
2504
2506
|
a,
|
|
@@ -2516,17 +2518,18 @@ const ia = {
|
|
|
2516
2518
|
"data-dismiss-icon": !0,
|
|
2517
2519
|
source: xe,
|
|
2518
2520
|
size: o,
|
|
2519
|
-
customColor:
|
|
2521
|
+
customColor: p()
|
|
2520
2522
|
}
|
|
2521
2523
|
)
|
|
2522
2524
|
)
|
|
2523
2525
|
);
|
|
2524
|
-
},
|
|
2526
|
+
}, Le = {
|
|
2525
2527
|
"picker-trigger-body": "lc-TriggerBody-module__picker-trigger-body___ZWjX9",
|
|
2526
2528
|
"picker-trigger-body__item-container": "lc-TriggerBody-module__picker-trigger-body__item-container___l2NTQ",
|
|
2527
2529
|
"picker-trigger-body__item": "lc-TriggerBody-module__picker-trigger-body__item___0DBg1",
|
|
2528
|
-
"picker-trigger-body__input": "lc-TriggerBody-module__picker-trigger-body__input___ezPyz"
|
|
2529
|
-
|
|
2530
|
+
"picker-trigger-body__input": "lc-TriggerBody-module__picker-trigger-body__input___ezPyz",
|
|
2531
|
+
"picker-trigger-body__tag": "lc-TriggerBody-module__picker-trigger-body__tag___vbOJZ"
|
|
2532
|
+
}, Oe = "picker-trigger-body", R_ = ({
|
|
2530
2533
|
isOpen: t,
|
|
2531
2534
|
isSearchDisabled: a,
|
|
2532
2535
|
isDisabled: r,
|
|
@@ -2534,33 +2537,42 @@ const ia = {
|
|
|
2534
2537
|
items: o,
|
|
2535
2538
|
type: l,
|
|
2536
2539
|
iconSize: c,
|
|
2537
|
-
|
|
2538
|
-
|
|
2540
|
+
clearSearchAfterSelection: d,
|
|
2541
|
+
onItemRemove: n,
|
|
2542
|
+
onFilter: i
|
|
2539
2543
|
}) => {
|
|
2540
|
-
const
|
|
2541
|
-
|
|
2542
|
-
|
|
2544
|
+
const u = t && !a, s = e.useRef(null);
|
|
2545
|
+
e.useEffect(() => {
|
|
2546
|
+
d && (i(""), s.current && (s.current.value = "", s.current.focus()));
|
|
2547
|
+
}, [o, d]);
|
|
2548
|
+
const m = (g) => l === "single" && t && !a ? null : g != null && g.customElement ? /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__custom`] }, g.customElement.selectedItemBody) : /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item`] }, g.name), b = (g) => {
|
|
2549
|
+
i(g.target.value);
|
|
2550
|
+
}, v = () => /* @__PURE__ */ e.createElement(
|
|
2543
2551
|
"input",
|
|
2544
2552
|
{
|
|
2545
|
-
|
|
2553
|
+
ref: s,
|
|
2554
|
+
className: Le[`${Oe}__input`],
|
|
2546
2555
|
placeholder: "Select option",
|
|
2547
|
-
onChange:
|
|
2556
|
+
onChange: b,
|
|
2548
2557
|
autoFocus: !0
|
|
2549
2558
|
}
|
|
2550
2559
|
);
|
|
2551
|
-
return !o || o.length === 0 ?
|
|
2552
|
-
|
|
2560
|
+
return !o || o.length === 0 ? u ? v() : /* @__PURE__ */ e.createElement("div", null, _) : /* @__PURE__ */ e.createElement("div", { className: Le[Oe] }, /* @__PURE__ */ e.createElement("div", { className: Le[`${Oe}__item-container`] }, l === "single" ? m(o[0]) : o.map((g) => /* @__PURE__ */ e.createElement(
|
|
2561
|
+
Ra,
|
|
2553
2562
|
{
|
|
2554
|
-
key:
|
|
2555
|
-
className:
|
|
2563
|
+
key: g.name,
|
|
2564
|
+
className: Le[`${Oe}__tag`],
|
|
2556
2565
|
iconSize: c,
|
|
2557
2566
|
dismissible: !r,
|
|
2558
|
-
onRemove: () =>
|
|
2567
|
+
onRemove: () => n(g)
|
|
2559
2568
|
},
|
|
2560
|
-
|
|
2561
|
-
))),
|
|
2562
|
-
},
|
|
2563
|
-
|
|
2569
|
+
m(g)
|
|
2570
|
+
))), u && v());
|
|
2571
|
+
}, M_ = "lc-Picker-module__picker___GRj9W", L_ = "lc-Picker-module__picker__container___s0PUc", ba = {
|
|
2572
|
+
picker: M_,
|
|
2573
|
+
picker__container: L_
|
|
2574
|
+
}, va = "picker", gl = (h) => {
|
|
2575
|
+
var C = h, {
|
|
2564
2576
|
className: t,
|
|
2565
2577
|
disabled: a,
|
|
2566
2578
|
error: r,
|
|
@@ -2568,16 +2580,17 @@ const ia = {
|
|
|
2568
2580
|
selected: o,
|
|
2569
2581
|
size: l = "medium",
|
|
2570
2582
|
tagIconSize: c = "medium",
|
|
2571
|
-
placeholder:
|
|
2583
|
+
placeholder: d = "Select option",
|
|
2572
2584
|
isRequired: n,
|
|
2573
|
-
noSearchResultText:
|
|
2574
|
-
selectAllOptionText:
|
|
2575
|
-
type:
|
|
2576
|
-
searchDisabled:
|
|
2585
|
+
noSearchResultText: i = "No results found",
|
|
2586
|
+
selectAllOptionText: u,
|
|
2587
|
+
type: s = "single",
|
|
2588
|
+
searchDisabled: m = !1,
|
|
2577
2589
|
hideClearButton: b,
|
|
2578
|
-
openedOnInit:
|
|
2590
|
+
openedOnInit: v = !1,
|
|
2591
|
+
clearSearchAfterSelection: g,
|
|
2579
2592
|
onSelect: p
|
|
2580
|
-
} =
|
|
2593
|
+
} = C, E = A(C, [
|
|
2581
2594
|
"className",
|
|
2582
2595
|
"disabled",
|
|
2583
2596
|
"error",
|
|
@@ -2593,114 +2606,116 @@ const ia = {
|
|
|
2593
2606
|
"searchDisabled",
|
|
2594
2607
|
"hideClearButton",
|
|
2595
2608
|
"openedOnInit",
|
|
2609
|
+
"clearSearchAfterSelection",
|
|
2596
2610
|
"onSelect"
|
|
2597
2611
|
]);
|
|
2598
|
-
const [
|
|
2612
|
+
const [S, k] = e.useState(v), [y, N] = e.useState(null), $ = e.useRef(null), W = f(ba[va], t);
|
|
2599
2613
|
e.useEffect(() => {
|
|
2600
|
-
if (
|
|
2601
|
-
const F = (
|
|
2614
|
+
if (S) {
|
|
2615
|
+
const F = (j) => {
|
|
2602
2616
|
var Te;
|
|
2603
|
-
(Te =
|
|
2604
|
-
}, G = (
|
|
2605
|
-
|
|
2617
|
+
(Te = $.current) != null && Te.contains(j.target) || k(!1);
|
|
2618
|
+
}, G = (j) => {
|
|
2619
|
+
j.key === M.tab && k(!1);
|
|
2606
2620
|
};
|
|
2607
2621
|
return document.addEventListener("mousedown", F), document.addEventListener("keydown", G), () => {
|
|
2608
2622
|
document.removeEventListener("mousedown", F), document.addEventListener("keydown", G);
|
|
2609
2623
|
};
|
|
2610
2624
|
} else
|
|
2611
|
-
|
|
2612
|
-
}, [
|
|
2613
|
-
const
|
|
2625
|
+
N(null);
|
|
2626
|
+
}, [S]);
|
|
2627
|
+
const X = (F) => {
|
|
2614
2628
|
const G = F.target;
|
|
2615
|
-
a || G.getAttribute("data-dismiss-icon") ||
|
|
2616
|
-
},
|
|
2617
|
-
|
|
2618
|
-
},
|
|
2619
|
-
if (
|
|
2620
|
-
return
|
|
2621
|
-
const G = F.key,
|
|
2622
|
-
if (!
|
|
2629
|
+
a || G.getAttribute("data-dismiss-icon") || k((j) => !j);
|
|
2630
|
+
}, $e = () => {
|
|
2631
|
+
k(!1);
|
|
2632
|
+
}, Fe = (F) => {
|
|
2633
|
+
if (s === "single")
|
|
2634
|
+
return k(!1), p([F]);
|
|
2635
|
+
const G = F.key, j = dt;
|
|
2636
|
+
if (!j)
|
|
2623
2637
|
return p([F]);
|
|
2624
|
-
const Te =
|
|
2638
|
+
const Te = j.includes(
|
|
2625
2639
|
G
|
|
2626
|
-
) ?
|
|
2640
|
+
) ? j.filter((It) => It !== G) : j.concat(G);
|
|
2627
2641
|
if ((Te == null ? void 0 : Te.length) === 0)
|
|
2628
2642
|
return p(null);
|
|
2629
|
-
const
|
|
2630
|
-
(
|
|
2643
|
+
const Ga = _.filter(
|
|
2644
|
+
(It) => Te.includes(It.key)
|
|
2631
2645
|
);
|
|
2632
|
-
p(
|
|
2633
|
-
},
|
|
2634
|
-
|
|
2635
|
-
const F =
|
|
2646
|
+
p(Ga);
|
|
2647
|
+
}, Se = (F) => !F.disabled && !F.groupHeader && F.key !== Ge, De = () => {
|
|
2648
|
+
k(!1);
|
|
2649
|
+
const F = it.filter(Se);
|
|
2636
2650
|
p(F);
|
|
2637
|
-
},
|
|
2638
|
-
|
|
2639
|
-
},
|
|
2640
|
-
const G = o ? o.filter((
|
|
2651
|
+
}, We = () => {
|
|
2652
|
+
k(!1), p(null);
|
|
2653
|
+
}, me = (F) => N(F), se = (F) => {
|
|
2654
|
+
const G = o ? o.filter((j) => j !== F) : null;
|
|
2641
2655
|
if ((G == null ? void 0 : G.length) === 0)
|
|
2642
2656
|
return p(null);
|
|
2643
2657
|
p(G);
|
|
2644
|
-
},
|
|
2658
|
+
}, it = e.useMemo(() => y ? _.filter((F) => {
|
|
2645
2659
|
if (F.groupHeader)
|
|
2646
2660
|
return !1;
|
|
2647
|
-
const G =
|
|
2661
|
+
const G = y.toLowerCase();
|
|
2648
2662
|
return F.name.toLowerCase().includes(G);
|
|
2649
|
-
}) : _, [
|
|
2650
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
2651
|
-
|
|
2663
|
+
}) : _, [y, _]), dt = e.useMemo(() => o ? o.map((F) => F.key) : null, [o]);
|
|
2664
|
+
return /* @__PURE__ */ e.createElement("div", { ref: $, className: W, id: E.id }, /* @__PURE__ */ e.createElement("div", { className: ba[`${va}__container`] }, /* @__PURE__ */ e.createElement(
|
|
2665
|
+
D_,
|
|
2652
2666
|
{
|
|
2653
|
-
testId:
|
|
2654
|
-
isSearchDisabled:
|
|
2667
|
+
testId: E["data-testid"],
|
|
2668
|
+
isSearchDisabled: m,
|
|
2655
2669
|
isError: r,
|
|
2656
|
-
isOpen:
|
|
2670
|
+
isOpen: S,
|
|
2657
2671
|
isDisabled: a,
|
|
2658
2672
|
isItemSelected: !!o,
|
|
2659
2673
|
isRequired: n,
|
|
2660
|
-
isMultiSelect:
|
|
2674
|
+
isMultiSelect: s === "multi",
|
|
2661
2675
|
size: l,
|
|
2662
2676
|
hideClearButton: b,
|
|
2663
|
-
onTrigger:
|
|
2664
|
-
onClear:
|
|
2677
|
+
onTrigger: X,
|
|
2678
|
+
onClear: We
|
|
2665
2679
|
},
|
|
2666
2680
|
/* @__PURE__ */ e.createElement(
|
|
2667
|
-
|
|
2681
|
+
R_,
|
|
2668
2682
|
{
|
|
2669
|
-
isOpen:
|
|
2670
|
-
isSearchDisabled:
|
|
2683
|
+
isOpen: S,
|
|
2684
|
+
isSearchDisabled: m,
|
|
2671
2685
|
isDisabled: a,
|
|
2672
|
-
placeholder:
|
|
2686
|
+
placeholder: d,
|
|
2673
2687
|
iconSize: c,
|
|
2674
2688
|
items: o,
|
|
2675
|
-
type:
|
|
2676
|
-
|
|
2677
|
-
|
|
2689
|
+
type: s,
|
|
2690
|
+
clearSearchAfterSelection: g,
|
|
2691
|
+
onItemRemove: se,
|
|
2692
|
+
onFilter: me
|
|
2678
2693
|
}
|
|
2679
2694
|
)
|
|
2680
2695
|
), /* @__PURE__ */ e.createElement(
|
|
2681
2696
|
S_,
|
|
2682
2697
|
{
|
|
2683
|
-
selectedItemsKeys:
|
|
2684
|
-
items:
|
|
2685
|
-
isOpen:
|
|
2686
|
-
isMultiSelect:
|
|
2687
|
-
emptyStateText:
|
|
2688
|
-
selectAllOptionText:
|
|
2689
|
-
onClose:
|
|
2690
|
-
onSelect:
|
|
2691
|
-
onSelectAll:
|
|
2698
|
+
selectedItemsKeys: dt,
|
|
2699
|
+
items: it,
|
|
2700
|
+
isOpen: S,
|
|
2701
|
+
isMultiSelect: s === "multi",
|
|
2702
|
+
emptyStateText: i,
|
|
2703
|
+
selectAllOptionText: u,
|
|
2704
|
+
onClose: $e,
|
|
2705
|
+
onSelect: Fe,
|
|
2706
|
+
onSelectAll: De
|
|
2692
2707
|
}
|
|
2693
2708
|
)));
|
|
2694
|
-
},
|
|
2709
|
+
}, O_ = [
|
|
2695
2710
|
"normal",
|
|
2696
2711
|
"error",
|
|
2697
2712
|
"success"
|
|
2698
|
-
],
|
|
2699
|
-
function
|
|
2700
|
-
return t === "error" ? 0 :
|
|
2713
|
+
], z_ = (t) => Math.min(Math.max(t, 0), 100);
|
|
2714
|
+
function Ma(t, a = 0) {
|
|
2715
|
+
return t === "error" ? 0 : z_(parseInt(a.toString(), 10));
|
|
2701
2716
|
}
|
|
2702
|
-
function
|
|
2703
|
-
return !
|
|
2717
|
+
function La(t, a) {
|
|
2718
|
+
return !O_.includes(t) && a >= 100 ? "normal" : t || "normal";
|
|
2704
2719
|
}
|
|
2705
2720
|
const tt = {
|
|
2706
2721
|
"progress-circle": "lc-ProgressCircle-module__progress-circle___NRHCi",
|
|
@@ -2713,70 +2728,70 @@ const tt = {
|
|
|
2713
2728
|
"progress-circle__indicator--normal": "lc-ProgressCircle-module__progress-circle__indicator--normal___0SdkX",
|
|
2714
2729
|
"progress-circle__indicator--success": "lc-ProgressCircle-module__progress-circle__indicator--success___fLwRR",
|
|
2715
2730
|
"progress-circle__indicator--error": "lc-ProgressCircle-module__progress-circle__indicator--error___nwJS9"
|
|
2716
|
-
},
|
|
2731
|
+
}, H_ = {
|
|
2717
2732
|
small: 2,
|
|
2718
2733
|
medium: 3,
|
|
2719
2734
|
large: 4
|
|
2720
|
-
},
|
|
2735
|
+
}, G_ = {
|
|
2721
2736
|
small: 15,
|
|
2722
2737
|
medium: 36,
|
|
2723
2738
|
large: 56
|
|
2724
|
-
}, at = "progress-circle",
|
|
2739
|
+
}, at = "progress-circle", U_ = e.forwardRef(
|
|
2725
2740
|
(c, l) => {
|
|
2726
|
-
var
|
|
2741
|
+
var d = c, {
|
|
2727
2742
|
status: t = "normal",
|
|
2728
2743
|
progressValue: a,
|
|
2729
2744
|
className: r,
|
|
2730
2745
|
size: _ = "medium"
|
|
2731
|
-
} =
|
|
2746
|
+
} = d, o = A(d, [
|
|
2732
2747
|
"status",
|
|
2733
2748
|
"progressValue",
|
|
2734
2749
|
"className",
|
|
2735
2750
|
"size"
|
|
2736
2751
|
]);
|
|
2737
|
-
const n =
|
|
2752
|
+
const n = La(t, a), i = Ma(n, a), u = H_[_], s = G_[_], m = f(
|
|
2738
2753
|
tt[at],
|
|
2739
2754
|
{
|
|
2740
2755
|
[tt[`${at}--${_}`]]: _,
|
|
2741
2756
|
[tt[`${at}--${t}`]]: t
|
|
2742
2757
|
},
|
|
2743
2758
|
r
|
|
2744
|
-
), b = 2 * Math.PI * ((
|
|
2759
|
+
), b = 2 * Math.PI * ((s - u) / 2), v = {
|
|
2745
2760
|
strokeDasharray: b.toFixed(3),
|
|
2746
|
-
strokeDashoffset: `${((100 -
|
|
2747
|
-
},
|
|
2761
|
+
strokeDashoffset: `${((100 - i) / 100 * b).toFixed(3)}px`
|
|
2762
|
+
}, g = `${s / 2} ${s / 2} ${s} ${s}`;
|
|
2748
2763
|
return /* @__PURE__ */ e.createElement(
|
|
2749
2764
|
"div",
|
|
2750
2765
|
w({
|
|
2751
|
-
className:
|
|
2766
|
+
className: m,
|
|
2752
2767
|
ref: l,
|
|
2753
2768
|
role: "progressbar"
|
|
2754
2769
|
}, o),
|
|
2755
|
-
/* @__PURE__ */ e.createElement("svg", { viewBox:
|
|
2770
|
+
/* @__PURE__ */ e.createElement("svg", { viewBox: g }, /* @__PURE__ */ e.createElement(
|
|
2756
2771
|
"circle",
|
|
2757
2772
|
{
|
|
2758
2773
|
className: tt[`${at}__bg-line--${t}`],
|
|
2759
|
-
cx:
|
|
2760
|
-
cy:
|
|
2761
|
-
r: (
|
|
2774
|
+
cx: s,
|
|
2775
|
+
cy: s,
|
|
2776
|
+
r: (s - u) / 2,
|
|
2762
2777
|
fill: "none",
|
|
2763
|
-
strokeWidth:
|
|
2778
|
+
strokeWidth: u
|
|
2764
2779
|
}
|
|
2765
2780
|
), /* @__PURE__ */ e.createElement(
|
|
2766
2781
|
"circle",
|
|
2767
2782
|
{
|
|
2768
2783
|
className: tt[`${at}__indicator--${t}`],
|
|
2769
|
-
style:
|
|
2770
|
-
cx:
|
|
2771
|
-
cy:
|
|
2772
|
-
r: (
|
|
2784
|
+
style: v,
|
|
2785
|
+
cx: s,
|
|
2786
|
+
cy: s,
|
|
2787
|
+
r: (s - u) / 2,
|
|
2773
2788
|
fill: "none",
|
|
2774
|
-
strokeWidth:
|
|
2789
|
+
strokeWidth: u
|
|
2775
2790
|
}
|
|
2776
2791
|
))
|
|
2777
2792
|
);
|
|
2778
2793
|
}
|
|
2779
|
-
),
|
|
2794
|
+
), Et = {
|
|
2780
2795
|
"progress-bar": "lc-ProgressBar-module__progress-bar___3pa3d",
|
|
2781
2796
|
"progress-bar--small": "lc-ProgressBar-module__progress-bar--small___7nQKx",
|
|
2782
2797
|
"progress-bar--medium": "lc-ProgressBar-module__progress-bar--medium___cM44p",
|
|
@@ -2786,44 +2801,44 @@ const tt = {
|
|
|
2786
2801
|
"progress-bar--normal": "lc-ProgressBar-module__progress-bar--normal___ZwCb-",
|
|
2787
2802
|
"progress-bar__indicator--success": "lc-ProgressBar-module__progress-bar__indicator--success___wRjR3",
|
|
2788
2803
|
"progress-bar__indicator--normal": "lc-ProgressBar-module__progress-bar__indicator--normal___0Uhle"
|
|
2789
|
-
},
|
|
2804
|
+
}, kt = "progress-bar", W_ = e.forwardRef(
|
|
2790
2805
|
(c, l) => {
|
|
2791
|
-
var
|
|
2806
|
+
var d = c, {
|
|
2792
2807
|
status: t = "normal",
|
|
2793
2808
|
percent: a,
|
|
2794
2809
|
size: r = "medium",
|
|
2795
2810
|
className: _ = ""
|
|
2796
|
-
} =
|
|
2811
|
+
} = d, o = A(d, [
|
|
2797
2812
|
"status",
|
|
2798
2813
|
"percent",
|
|
2799
2814
|
"size",
|
|
2800
2815
|
"className"
|
|
2801
2816
|
]);
|
|
2802
|
-
const n =
|
|
2803
|
-
|
|
2817
|
+
const n = La(t, a), i = Ma(n, a), u = f(
|
|
2818
|
+
Et[kt],
|
|
2804
2819
|
{
|
|
2805
|
-
[
|
|
2806
|
-
[
|
|
2820
|
+
[Et[`${kt}--${r}`]]: r,
|
|
2821
|
+
[Et[`${kt}--${t}`]]: t
|
|
2807
2822
|
},
|
|
2808
2823
|
_
|
|
2809
2824
|
);
|
|
2810
2825
|
return /* @__PURE__ */ e.createElement(
|
|
2811
2826
|
"div",
|
|
2812
2827
|
B(w({}, o), {
|
|
2813
|
-
className:
|
|
2828
|
+
className: u,
|
|
2814
2829
|
ref: l,
|
|
2815
2830
|
role: "progressbar"
|
|
2816
2831
|
}),
|
|
2817
2832
|
/* @__PURE__ */ e.createElement(
|
|
2818
2833
|
"div",
|
|
2819
2834
|
{
|
|
2820
|
-
className:
|
|
2821
|
-
style: { width: `${
|
|
2835
|
+
className: Et[`${kt}__indicator--${t}`],
|
|
2836
|
+
style: { width: `${i}%` }
|
|
2822
2837
|
}
|
|
2823
2838
|
)
|
|
2824
2839
|
);
|
|
2825
2840
|
}
|
|
2826
|
-
),
|
|
2841
|
+
), _e = {
|
|
2827
2842
|
"promo-banner": "lc-PromoBanner-module__promo-banner___-mGpq",
|
|
2828
2843
|
"promo-banner__content": "lc-PromoBanner-module__promo-banner__content___kRWar",
|
|
2829
2844
|
"promo-banner__wrapper": "lc-PromoBanner-module__promo-banner__wrapper___I-8cl",
|
|
@@ -2835,7 +2850,7 @@ const tt = {
|
|
|
2835
2850
|
"promo-banner--small": "lc-PromoBanner-module__promo-banner--small___7sWLV",
|
|
2836
2851
|
"promo-banner--large": "lc-PromoBanner-module__promo-banner--large___pMiCU",
|
|
2837
2852
|
"promo-banner__close-icon": "lc-PromoBanner-module__promo-banner__close-icon___GowBL"
|
|
2838
|
-
},
|
|
2853
|
+
}, V_ = 400, Y_ = 800, q_ = 500, oe = "promo-banner", fl = ({
|
|
2839
2854
|
className: t,
|
|
2840
2855
|
buttonText: a,
|
|
2841
2856
|
children: r,
|
|
@@ -2843,43 +2858,43 @@ const tt = {
|
|
|
2843
2858
|
img: o,
|
|
2844
2859
|
light: l = !1,
|
|
2845
2860
|
linkText: c,
|
|
2846
|
-
onButtonClick:
|
|
2861
|
+
onButtonClick: d,
|
|
2847
2862
|
onClose: n,
|
|
2848
|
-
onLinkClick:
|
|
2863
|
+
onLinkClick: i
|
|
2849
2864
|
}) => {
|
|
2850
|
-
const
|
|
2851
|
-
oe
|
|
2865
|
+
const u = e.useRef(null), [s, m] = e.useState("medium"), b = f(
|
|
2866
|
+
_e[oe],
|
|
2852
2867
|
{
|
|
2853
|
-
[
|
|
2854
|
-
[
|
|
2855
|
-
[
|
|
2868
|
+
[_e[`${oe}--light`]]: l,
|
|
2869
|
+
[_e[`${oe}--small`]]: s === "small",
|
|
2870
|
+
[_e[`${oe}--large`]]: s === "large"
|
|
2856
2871
|
},
|
|
2857
2872
|
t
|
|
2858
2873
|
);
|
|
2859
2874
|
e.useEffect(() => {
|
|
2860
|
-
const
|
|
2861
|
-
|
|
2862
|
-
|
|
2875
|
+
const g = () => u.current && u.current.offsetWidth <= V_ ? m("small") : u.current && u.current.offsetWidth >= Y_ ? m("large") : m("medium"), p = Da(
|
|
2876
|
+
g,
|
|
2877
|
+
q_
|
|
2863
2878
|
);
|
|
2864
|
-
return window.addEventListener("resize",
|
|
2865
|
-
|
|
2879
|
+
return window.addEventListener("resize", p), g(), () => {
|
|
2880
|
+
p.cancel(), window.removeEventListener("resize", g);
|
|
2866
2881
|
};
|
|
2867
2882
|
}, []);
|
|
2868
|
-
const
|
|
2869
|
-
|
|
2883
|
+
const v = /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__footer`] }, a && /* @__PURE__ */ e.createElement(
|
|
2884
|
+
ne,
|
|
2870
2885
|
{
|
|
2871
2886
|
kind: "primary",
|
|
2872
2887
|
size: "compact",
|
|
2873
|
-
onClick:
|
|
2874
|
-
className:
|
|
2888
|
+
onClick: d,
|
|
2889
|
+
className: _e[`${oe}__button-text`]
|
|
2875
2890
|
},
|
|
2876
2891
|
a
|
|
2877
|
-
), c && /* @__PURE__ */ e.createElement(
|
|
2878
|
-
return /* @__PURE__ */ e.createElement("div", { ref:
|
|
2892
|
+
), c && /* @__PURE__ */ e.createElement(ne, { size: "compact", kind: "text", onClick: i }, c));
|
|
2893
|
+
return /* @__PURE__ */ e.createElement("div", { ref: u, className: b }, /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__content`] }, o && /* @__PURE__ */ e.createElement("img", { src: o, className: _e[`${oe}__img`] }), /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: _e[`${oe}__header`] }, _), /* @__PURE__ */ e.createElement(P, { as: "div" }, r), s !== "large" && v), s === "large" && v), n && /* @__PURE__ */ e.createElement(
|
|
2879
2894
|
"button",
|
|
2880
2895
|
{
|
|
2881
2896
|
type: "button",
|
|
2882
|
-
className:
|
|
2897
|
+
className: _e[`${oe}__close-icon`],
|
|
2883
2898
|
onClick: n
|
|
2884
2899
|
},
|
|
2885
2900
|
/* @__PURE__ */ e.createElement(I, { source: xe, size: "large", kind: "primary" })
|
|
@@ -2894,23 +2909,23 @@ const tt = {
|
|
|
2894
2909
|
"radio-button__helper": "lc-RadioButton-module__radio-button__helper___r8gJJ",
|
|
2895
2910
|
"radio-button--selected": "lc-RadioButton-module__radio-button--selected___s9lqj",
|
|
2896
2911
|
"radio-button--disabled": "lc-RadioButton-module__radio-button--disabled___wHSA7"
|
|
2897
|
-
},
|
|
2898
|
-
(
|
|
2899
|
-
var n =
|
|
2900
|
-
const
|
|
2901
|
-
[be[`${
|
|
2902
|
-
[be[`${
|
|
2912
|
+
}, ve = "radio-button", bl = e.forwardRef(
|
|
2913
|
+
(d, c) => {
|
|
2914
|
+
var n = d, { children: t, className: a = "", description: r, checked: _, disabled: o } = n, l = A(n, ["children", "className", "description", "checked", "disabled"]);
|
|
2915
|
+
const i = f(be[ve], a, {
|
|
2916
|
+
[be[`${ve}--selected`]]: _,
|
|
2917
|
+
[be[`${ve}--disabled`]]: o
|
|
2903
2918
|
});
|
|
2904
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
2919
|
+
return /* @__PURE__ */ e.createElement("div", { className: i }, /* @__PURE__ */ e.createElement("label", { className: be[`${ve}__label`] }, /* @__PURE__ */ e.createElement("div", { className: be[`${ve}__circle`] }, /* @__PURE__ */ e.createElement("span", { className: be[`${ve}__inner-circle`] }), /* @__PURE__ */ e.createElement(
|
|
2905
2920
|
"input",
|
|
2906
2921
|
B(w({}, l), {
|
|
2907
|
-
className: be[`${
|
|
2922
|
+
className: be[`${ve}__input`],
|
|
2908
2923
|
ref: c,
|
|
2909
2924
|
type: "radio",
|
|
2910
2925
|
checked: _,
|
|
2911
2926
|
disabled: o
|
|
2912
2927
|
})
|
|
2913
|
-
)), t && /* @__PURE__ */ e.createElement(
|
|
2928
|
+
)), t && /* @__PURE__ */ e.createElement(P, { as: "div", size: "md", className: be[`${ve}__text`] }, t)), r && /* @__PURE__ */ e.createElement(Tt, { className: be[`${ve}__helper`] }, r));
|
|
2914
2929
|
}
|
|
2915
2930
|
), ue = {
|
|
2916
2931
|
"search-input": "lc-Search-module__search-input___FsbCk",
|
|
@@ -2925,7 +2940,7 @@ const tt = {
|
|
|
2925
2940
|
"search-input__clear-icon": "lc-Search-module__search-input__clear-icon___LoNkc",
|
|
2926
2941
|
"search-input__loader": "lc-Search-module__search-input__loader___pkpIG",
|
|
2927
2942
|
"search-input__input": "lc-Search-module__search-input__input___OhyTr"
|
|
2928
|
-
},
|
|
2943
|
+
}, ce = "search-input", J_ = `${ce}__input`, vl = ({
|
|
2929
2944
|
isCollapsable: t,
|
|
2930
2945
|
isDisabled: a,
|
|
2931
2946
|
isLoading: r,
|
|
@@ -2933,48 +2948,48 @@ const tt = {
|
|
|
2933
2948
|
size: o = "medium",
|
|
2934
2949
|
value: l,
|
|
2935
2950
|
className: c,
|
|
2936
|
-
onChange:
|
|
2951
|
+
onChange: d
|
|
2937
2952
|
}) => {
|
|
2938
|
-
const [n,
|
|
2953
|
+
const [n, i] = e.useState(!0), [u, s] = e.useState(!1), m = e.useRef(null), b = !!l && !a && !r, v = t && !n && "true", g = f(
|
|
2939
2954
|
c,
|
|
2940
|
-
ue[
|
|
2941
|
-
ue[`${
|
|
2942
|
-
|
|
2943
|
-
a && ue[`${
|
|
2944
|
-
t && ue[`${
|
|
2945
|
-
!n && ue[`${
|
|
2955
|
+
ue[ce],
|
|
2956
|
+
ue[`${ce}--${o}`],
|
|
2957
|
+
u && ue[`${ce}--focused`],
|
|
2958
|
+
a && ue[`${ce}--disabled`],
|
|
2959
|
+
t && ue[`${ce}--collapsable`],
|
|
2960
|
+
!n && ue[`${ce}--collapsable--open`]
|
|
2946
2961
|
);
|
|
2947
2962
|
e.useEffect(() => {
|
|
2948
|
-
t && l &&
|
|
2963
|
+
t && l && i(!1);
|
|
2949
2964
|
}, [t]);
|
|
2950
|
-
const
|
|
2951
|
-
const
|
|
2952
|
-
|
|
2965
|
+
const p = (y) => {
|
|
2966
|
+
const N = y.currentTarget.value;
|
|
2967
|
+
d(N);
|
|
2953
2968
|
}, E = () => {
|
|
2954
|
-
|
|
2955
|
-
},
|
|
2969
|
+
d("");
|
|
2970
|
+
}, h = () => {
|
|
2956
2971
|
var y;
|
|
2957
|
-
(y =
|
|
2972
|
+
(y = m.current) == null || y.focus();
|
|
2958
2973
|
}, C = () => {
|
|
2959
|
-
t &&
|
|
2960
|
-
},
|
|
2961
|
-
t && !l &&
|
|
2974
|
+
t && i(!1), s(!0);
|
|
2975
|
+
}, S = () => {
|
|
2976
|
+
t && !l && i(!0), s(!1);
|
|
2962
2977
|
}, k = (y) => {
|
|
2963
|
-
y.key === M.enter && (y.preventDefault(),
|
|
2978
|
+
y.key === M.enter && (y.preventDefault(), d(l));
|
|
2964
2979
|
};
|
|
2965
2980
|
return /* @__PURE__ */ e.createElement(
|
|
2966
2981
|
"div",
|
|
2967
2982
|
{
|
|
2968
|
-
"aria-expanded":
|
|
2983
|
+
"aria-expanded": v,
|
|
2969
2984
|
role: "search",
|
|
2970
|
-
className:
|
|
2971
|
-
onClick:
|
|
2985
|
+
className: g,
|
|
2986
|
+
onClick: h
|
|
2972
2987
|
},
|
|
2973
2988
|
/* @__PURE__ */ e.createElement(
|
|
2974
2989
|
I,
|
|
2975
2990
|
{
|
|
2976
|
-
className: ue[`${
|
|
2977
|
-
source:
|
|
2991
|
+
className: ue[`${ce}__search-icon`],
|
|
2992
|
+
source: Xa,
|
|
2978
2993
|
disabled: a,
|
|
2979
2994
|
kind: "primary"
|
|
2980
2995
|
}
|
|
@@ -2983,13 +2998,13 @@ const tt = {
|
|
|
2983
2998
|
"input",
|
|
2984
2999
|
{
|
|
2985
3000
|
role: "searchbox",
|
|
2986
|
-
ref:
|
|
2987
|
-
className: ue[
|
|
3001
|
+
ref: m,
|
|
3002
|
+
className: ue[J_],
|
|
2988
3003
|
type: "text",
|
|
2989
3004
|
value: l,
|
|
2990
3005
|
placeholder: _,
|
|
2991
|
-
onChange:
|
|
2992
|
-
onBlur:
|
|
3006
|
+
onChange: p,
|
|
3007
|
+
onBlur: S,
|
|
2993
3008
|
onFocus: C,
|
|
2994
3009
|
onKeyDown: k,
|
|
2995
3010
|
disabled: a
|
|
@@ -3000,7 +3015,7 @@ const tt = {
|
|
|
3000
3015
|
{
|
|
3001
3016
|
"aria-label": "Clear search",
|
|
3002
3017
|
title: "Clear search",
|
|
3003
|
-
className: ue[`${
|
|
3018
|
+
className: ue[`${ce}__clear-icon`],
|
|
3004
3019
|
onClick: E
|
|
3005
3020
|
},
|
|
3006
3021
|
/* @__PURE__ */ e.createElement(I, { source: xe, kind: "primary" })
|
|
@@ -3008,13 +3023,13 @@ const tt = {
|
|
|
3008
3023
|
r && /* @__PURE__ */ e.createElement(
|
|
3009
3024
|
"div",
|
|
3010
3025
|
{
|
|
3011
|
-
"data-testid": `${
|
|
3012
|
-
className: ue[`${
|
|
3026
|
+
"data-testid": `${ce}-loader`,
|
|
3027
|
+
className: ue[`${ce}__loader`]
|
|
3013
3028
|
},
|
|
3014
3029
|
/* @__PURE__ */ e.createElement(Qt, { size: "small" })
|
|
3015
3030
|
)
|
|
3016
3031
|
);
|
|
3017
|
-
},
|
|
3032
|
+
}, K_ = "lc-Switch-module__switch__input___NiiOR", Z_ = "lc-Switch-module__switch__container___79F7W", Q_ = "lc-Switch-module__switch__track___2wr2M", X_ = "lc-Switch-module__switch__slider___WHd--", j_ = "lc-Switch-module__switch__loader___FE-fA", eo = "lc-Switch-module__switch__icon___-O1qY", Z = {
|
|
3018
3033
|
switch: "lc-Switch-module__switch___AaA2k",
|
|
3019
3034
|
"switch__track--enabled": "lc-Switch-module__switch__track--enabled___sy4Xl",
|
|
3020
3035
|
"switch__track--on": "lc-Switch-module__switch__track--on___aOMWe",
|
|
@@ -3022,12 +3037,12 @@ const tt = {
|
|
|
3022
3037
|
"switch--large": "lc-Switch-module__switch--large___pSoJ7",
|
|
3023
3038
|
"switch--compact": "lc-Switch-module__switch--compact___OGFIX",
|
|
3024
3039
|
"switch--medium": "lc-Switch-module__switch--medium___EcZwT",
|
|
3025
|
-
switch__input:
|
|
3040
|
+
switch__input: K_,
|
|
3026
3041
|
"switch__input--disabled": "lc-Switch-module__switch__input--disabled___Po8gh",
|
|
3027
|
-
switch__container:
|
|
3042
|
+
switch__container: Z_,
|
|
3028
3043
|
switch__track: Q_,
|
|
3029
3044
|
"switch__track--disabled": "lc-Switch-module__switch__track--disabled___HkDhl",
|
|
3030
|
-
switch__slider:
|
|
3045
|
+
switch__slider: X_,
|
|
3031
3046
|
"switch__slider--large": "lc-Switch-module__switch__slider--large___WoEgi",
|
|
3032
3047
|
"switch__slider--large--on": "lc-Switch-module__switch__slider--large--on___7Qp3G",
|
|
3033
3048
|
"switch__slider--large--off": "lc-Switch-module__switch__slider--large--off___iRMmD",
|
|
@@ -3037,24 +3052,24 @@ const tt = {
|
|
|
3037
3052
|
"switch__slider--medium": "lc-Switch-module__switch__slider--medium___uhptz",
|
|
3038
3053
|
"switch__slider--medium--on": "lc-Switch-module__switch__slider--medium--on___SfeAV",
|
|
3039
3054
|
"switch__slider--medium--off": "lc-Switch-module__switch__slider--medium--off___eXJJz",
|
|
3040
|
-
switch__loader:
|
|
3055
|
+
switch__loader: j_,
|
|
3041
3056
|
"switch__loader--compact": "lc-Switch-module__switch__loader--compact___3imUh",
|
|
3042
3057
|
"switch__loader--medium": "lc-Switch-module__switch__loader--medium___2zi05",
|
|
3043
3058
|
"switch__loader--large": "lc-Switch-module__switch__loader--large___vLRFa",
|
|
3044
|
-
switch__icon:
|
|
3045
|
-
},
|
|
3046
|
-
var
|
|
3059
|
+
switch__icon: eo
|
|
3060
|
+
}, q = "switch", hl = (s) => {
|
|
3061
|
+
var m = s, {
|
|
3047
3062
|
className: t = "",
|
|
3048
3063
|
defaultOn: a = !1,
|
|
3049
3064
|
disabled: r = !1,
|
|
3050
|
-
name: _ =
|
|
3065
|
+
name: _ = q,
|
|
3051
3066
|
on: o,
|
|
3052
|
-
onChange: l =
|
|
3067
|
+
onChange: l = Wt,
|
|
3053
3068
|
size: c = "large",
|
|
3054
|
-
state:
|
|
3069
|
+
state: d = "regular",
|
|
3055
3070
|
innerRef: n,
|
|
3056
|
-
ariaLabel:
|
|
3057
|
-
} =
|
|
3071
|
+
ariaLabel: i
|
|
3072
|
+
} = m, u = A(m, [
|
|
3058
3073
|
"className",
|
|
3059
3074
|
"defaultOn",
|
|
3060
3075
|
"disabled",
|
|
@@ -3066,94 +3081,94 @@ const tt = {
|
|
|
3066
3081
|
"innerRef",
|
|
3067
3082
|
"ariaLabel"
|
|
3068
3083
|
]);
|
|
3069
|
-
const [b,
|
|
3084
|
+
const [b, v] = e.useState(
|
|
3070
3085
|
() => o !== void 0 ? o : a
|
|
3071
3086
|
);
|
|
3072
3087
|
e.useEffect(() => {
|
|
3073
|
-
o !== void 0 &&
|
|
3088
|
+
o !== void 0 && v(o);
|
|
3074
3089
|
}, [o]);
|
|
3075
|
-
const
|
|
3076
|
-
Z[
|
|
3077
|
-
Z[`${
|
|
3090
|
+
const g = d === "loading", p = d === "locked", E = c === "large" ? "small" : "xsmall", h = b ? "on" : "off", C = r || g || p, S = C ? "disabled" : "enabled", k = f(
|
|
3091
|
+
Z[q],
|
|
3092
|
+
Z[`${q}--${c}`],
|
|
3078
3093
|
t
|
|
3079
|
-
), y = (
|
|
3080
|
-
if (l !==
|
|
3081
|
-
l(
|
|
3094
|
+
), y = (N) => {
|
|
3095
|
+
if (l !== Wt) {
|
|
3096
|
+
l(N, b);
|
|
3082
3097
|
return;
|
|
3083
3098
|
}
|
|
3084
|
-
|
|
3099
|
+
N.stopPropagation(), v((W) => !W);
|
|
3085
3100
|
};
|
|
3086
3101
|
return /* @__PURE__ */ e.createElement("span", { className: k }, /* @__PURE__ */ e.createElement(
|
|
3087
3102
|
"input",
|
|
3088
3103
|
w({
|
|
3089
3104
|
type: "checkbox",
|
|
3090
3105
|
className: f(
|
|
3091
|
-
Z[`${
|
|
3092
|
-
Z[`${
|
|
3106
|
+
Z[`${q}__input`],
|
|
3107
|
+
Z[`${q}__input--${S}`]
|
|
3093
3108
|
),
|
|
3094
3109
|
onChange: y,
|
|
3095
3110
|
checked: b,
|
|
3096
3111
|
name: _,
|
|
3097
3112
|
ref: n,
|
|
3098
3113
|
disabled: C,
|
|
3099
|
-
"aria-label":
|
|
3100
|
-
},
|
|
3101
|
-
), /* @__PURE__ */ e.createElement("span", { className: Z[`${
|
|
3114
|
+
"aria-label": i
|
|
3115
|
+
}, u)
|
|
3116
|
+
), /* @__PURE__ */ e.createElement("span", { className: Z[`${q}__container`] }, /* @__PURE__ */ e.createElement(
|
|
3102
3117
|
"span",
|
|
3103
3118
|
{
|
|
3104
3119
|
className: f(
|
|
3105
|
-
Z[`${
|
|
3106
|
-
Z[`${
|
|
3107
|
-
Z[`${
|
|
3120
|
+
Z[`${q}__track`],
|
|
3121
|
+
Z[`${q}__track--${h}`],
|
|
3122
|
+
Z[`${q}__track--${S}`]
|
|
3108
3123
|
)
|
|
3109
3124
|
}
|
|
3110
3125
|
), /* @__PURE__ */ e.createElement(
|
|
3111
3126
|
"span",
|
|
3112
3127
|
{
|
|
3113
3128
|
className: f(
|
|
3114
|
-
Z[`${
|
|
3115
|
-
Z[`${
|
|
3116
|
-
Z[`${
|
|
3129
|
+
Z[`${q}__slider`],
|
|
3130
|
+
Z[`${q}__slider--${c}`],
|
|
3131
|
+
Z[`${q}__slider--${c}--${h}`]
|
|
3117
3132
|
)
|
|
3118
3133
|
},
|
|
3119
|
-
|
|
3134
|
+
g && /* @__PURE__ */ e.createElement(
|
|
3120
3135
|
Qt,
|
|
3121
3136
|
{
|
|
3122
3137
|
className: f(
|
|
3123
|
-
Z[`${
|
|
3124
|
-
Z[`${
|
|
3138
|
+
Z[`${q}__loader`],
|
|
3139
|
+
Z[`${q}__loader--${c}`]
|
|
3125
3140
|
)
|
|
3126
3141
|
}
|
|
3127
3142
|
),
|
|
3128
|
-
|
|
3143
|
+
p && /* @__PURE__ */ e.createElement(
|
|
3129
3144
|
I,
|
|
3130
3145
|
{
|
|
3131
|
-
className: Z[`${
|
|
3146
|
+
className: Z[`${q}__icon`],
|
|
3132
3147
|
"data-testid": "lock-icon",
|
|
3133
3148
|
size: E,
|
|
3134
|
-
source:
|
|
3149
|
+
source: ja,
|
|
3135
3150
|
kind: "primary"
|
|
3136
3151
|
}
|
|
3137
3152
|
)
|
|
3138
3153
|
)));
|
|
3139
|
-
},
|
|
3140
|
-
tab:
|
|
3141
|
-
tab__count:
|
|
3154
|
+
}, to = "lc-Tab-module__tab___fME7u", ao = "lc-Tab-module__tab__count___gc8tA", ro = "lc-Tab-module__tab__badge___W9c-T", ze = {
|
|
3155
|
+
tab: to,
|
|
3156
|
+
tab__count: ao,
|
|
3142
3157
|
"tab--compact": "lc-Tab-module__tab--compact___4qead",
|
|
3143
3158
|
"tab--medium": "lc-Tab-module__tab--medium___bHnGV",
|
|
3144
3159
|
"tab--large": "lc-Tab-module__tab--large___JL30g",
|
|
3145
|
-
tab__badge:
|
|
3160
|
+
tab__badge: ro,
|
|
3146
3161
|
"tab--selected": "lc-Tab-module__tab--selected___c0EkL",
|
|
3147
3162
|
"tab--disabled": "lc-Tab-module__tab--disabled___URdTh"
|
|
3148
|
-
},
|
|
3149
|
-
var n =
|
|
3163
|
+
}, He = "tab", yl = (d) => {
|
|
3164
|
+
var n = d, {
|
|
3150
3165
|
children: t,
|
|
3151
3166
|
className: a,
|
|
3152
3167
|
count: r,
|
|
3153
3168
|
isSelected: _,
|
|
3154
3169
|
asBadge: o,
|
|
3155
3170
|
size: l = "medium"
|
|
3156
|
-
} = n, c =
|
|
3171
|
+
} = n, c = A(n, [
|
|
3157
3172
|
"children",
|
|
3158
3173
|
"className",
|
|
3159
3174
|
"count",
|
|
@@ -3161,43 +3176,43 @@ const tt = {
|
|
|
3161
3176
|
"asBadge",
|
|
3162
3177
|
"size"
|
|
3163
3178
|
]);
|
|
3164
|
-
const { disabled:
|
|
3179
|
+
const { disabled: i } = c, u = r !== void 0 && !o, s = r !== void 0 && o;
|
|
3165
3180
|
return /* @__PURE__ */ e.createElement(
|
|
3166
|
-
|
|
3181
|
+
P,
|
|
3167
3182
|
B(w({}, c), {
|
|
3168
3183
|
as: c.href ? "a" : "button",
|
|
3169
3184
|
size: "md",
|
|
3170
3185
|
bold: _,
|
|
3171
3186
|
className: f(
|
|
3172
3187
|
a,
|
|
3173
|
-
|
|
3174
|
-
|
|
3175
|
-
_ &&
|
|
3176
|
-
|
|
3188
|
+
ze[He],
|
|
3189
|
+
ze[`${He}--${l}`],
|
|
3190
|
+
_ && ze[`${He}--selected`],
|
|
3191
|
+
i && ze[`${He}--disabled`]
|
|
3177
3192
|
)
|
|
3178
3193
|
}),
|
|
3179
3194
|
t,
|
|
3180
|
-
|
|
3181
|
-
|
|
3182
|
-
|
|
3195
|
+
u && /* @__PURE__ */ e.createElement(P, { as: "span", size: "md", className: ze[`${He}__count`] }, "(", r, ")"),
|
|
3196
|
+
s && /* @__PURE__ */ e.createElement(
|
|
3197
|
+
Lr,
|
|
3183
3198
|
{
|
|
3184
3199
|
"data-testid": "tab-badge",
|
|
3185
3200
|
count: r,
|
|
3186
3201
|
size: "compact",
|
|
3187
|
-
className:
|
|
3202
|
+
className: ze[`${He}__badge`]
|
|
3188
3203
|
}
|
|
3189
3204
|
)
|
|
3190
3205
|
);
|
|
3191
|
-
},
|
|
3192
|
-
tabs:
|
|
3193
|
-
tabs__list:
|
|
3194
|
-
},
|
|
3206
|
+
}, _o = "lc-TabsWrapper-module__tabs___Y2xyD", oo = "lc-TabsWrapper-module__tabs__list___i6tVO", Oa = {
|
|
3207
|
+
tabs: _o,
|
|
3208
|
+
tabs__list: oo
|
|
3209
|
+
}, za = "tabs", El = ({
|
|
3195
3210
|
className: t,
|
|
3196
3211
|
children: a
|
|
3197
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: f(
|
|
3212
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: f(Oa[za], t) }, a), kl = ({
|
|
3198
3213
|
className: t,
|
|
3199
3214
|
children: a
|
|
3200
|
-
}) => /* @__PURE__ */ e.createElement("div", { className: f(
|
|
3215
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: f(Oa[`${za}__list`], t) }, a), lo = ({
|
|
3201
3216
|
className: t = "",
|
|
3202
3217
|
innerEditableRef: a,
|
|
3203
3218
|
inputRef: r,
|
|
@@ -3205,30 +3220,30 @@ const tt = {
|
|
|
3205
3220
|
remove: o,
|
|
3206
3221
|
value: l
|
|
3207
3222
|
}) => {
|
|
3208
|
-
const [c,
|
|
3209
|
-
const
|
|
3210
|
-
return
|
|
3211
|
-
},
|
|
3223
|
+
const [c, d] = e.useState(!1), n = () => a.current, i = () => {
|
|
3224
|
+
const v = n();
|
|
3225
|
+
return v ? v.innerText : "";
|
|
3226
|
+
}, u = () => {
|
|
3212
3227
|
r && r.current && r.current.focus();
|
|
3213
|
-
},
|
|
3214
|
-
if (
|
|
3215
|
-
|
|
3228
|
+
}, s = (v) => {
|
|
3229
|
+
if (v.key === M.enter) {
|
|
3230
|
+
v.preventDefault(), u();
|
|
3216
3231
|
return;
|
|
3217
3232
|
}
|
|
3218
|
-
|
|
3219
|
-
},
|
|
3220
|
-
const
|
|
3221
|
-
if (!(c || !
|
|
3222
|
-
if (
|
|
3233
|
+
v.key === M.backspace && i() === "" && (d(!0), o(), u());
|
|
3234
|
+
}, m = () => {
|
|
3235
|
+
const v = n();
|
|
3236
|
+
if (!(c || !v)) {
|
|
3237
|
+
if (v.innerText === "") {
|
|
3223
3238
|
o();
|
|
3224
3239
|
return;
|
|
3225
3240
|
}
|
|
3226
|
-
_(
|
|
3241
|
+
_(v.innerText);
|
|
3227
3242
|
}
|
|
3228
|
-
}, b = (
|
|
3229
|
-
|
|
3230
|
-
const
|
|
3231
|
-
document.execCommand("insertHTML", !1,
|
|
3243
|
+
}, b = (v) => {
|
|
3244
|
+
v.preventDefault();
|
|
3245
|
+
const g = v.clipboardData.getData("text/plain");
|
|
3246
|
+
document.execCommand("insertHTML", !1, ra(g));
|
|
3232
3247
|
};
|
|
3233
3248
|
return /* @__PURE__ */ e.createElement(
|
|
3234
3249
|
"div",
|
|
@@ -3237,9 +3252,9 @@ const tt = {
|
|
|
3237
3252
|
className: t,
|
|
3238
3253
|
contentEditable: !0,
|
|
3239
3254
|
onPaste: b,
|
|
3240
|
-
onBlur:
|
|
3241
|
-
onKeyDown:
|
|
3242
|
-
dangerouslySetInnerHTML: { __html:
|
|
3255
|
+
onBlur: m,
|
|
3256
|
+
onKeyDown: s,
|
|
3257
|
+
dangerouslySetInnerHTML: { __html: ra(l) }
|
|
3243
3258
|
}
|
|
3244
3259
|
);
|
|
3245
3260
|
}, ct = {
|
|
@@ -3249,7 +3264,7 @@ const tt = {
|
|
|
3249
3264
|
"tag-input__input--medium": "lc-TagInput-module__tag-input__input--medium___DYF7X",
|
|
3250
3265
|
"tag-input__input--large": "lc-TagInput-module__tag-input__input--large___G6iEO",
|
|
3251
3266
|
"tag-input__tag__content": "lc-TagInput-module__tag-input__tag__content___x95-M"
|
|
3252
|
-
},
|
|
3267
|
+
}, co = "tag-input__tag", no = ({
|
|
3253
3268
|
children: t,
|
|
3254
3269
|
index: a,
|
|
3255
3270
|
remove: r,
|
|
@@ -3258,36 +3273,36 @@ const tt = {
|
|
|
3258
3273
|
update: l,
|
|
3259
3274
|
size: c
|
|
3260
3275
|
}) => {
|
|
3261
|
-
const
|
|
3276
|
+
const d = e.useMemo(() => _ !== void 0 ? _(t) : !0, [t, _]), n = e.useRef(null), i = () => r(a);
|
|
3262
3277
|
return /* @__PURE__ */ e.createElement(
|
|
3263
|
-
|
|
3278
|
+
Ra,
|
|
3264
3279
|
{
|
|
3265
|
-
kind:
|
|
3280
|
+
kind: d ? "default" : "error",
|
|
3266
3281
|
dismissible: !0,
|
|
3267
3282
|
size: c,
|
|
3268
|
-
onRemove:
|
|
3283
|
+
onRemove: i
|
|
3269
3284
|
},
|
|
3270
3285
|
/* @__PURE__ */ e.createElement(
|
|
3271
|
-
|
|
3286
|
+
lo,
|
|
3272
3287
|
{
|
|
3273
3288
|
value: t,
|
|
3274
3289
|
inputRef: o,
|
|
3275
3290
|
innerEditableRef: n,
|
|
3276
|
-
className: ct[`${
|
|
3277
|
-
change: (
|
|
3278
|
-
remove:
|
|
3291
|
+
className: ct[`${co}__content`],
|
|
3292
|
+
change: (u) => l(a, u),
|
|
3293
|
+
remove: i,
|
|
3279
3294
|
validator: _
|
|
3280
3295
|
}
|
|
3281
3296
|
)
|
|
3282
3297
|
);
|
|
3283
|
-
},
|
|
3298
|
+
}, $t = "tag-input", so = [
|
|
3284
3299
|
M.enter,
|
|
3285
3300
|
M.spacebar,
|
|
3286
3301
|
M.tab,
|
|
3287
3302
|
M.semicolon,
|
|
3288
3303
|
M.comma
|
|
3289
|
-
],
|
|
3290
|
-
var
|
|
3304
|
+
], io = [M.backspace, M.delete], uo = (n) => {
|
|
3305
|
+
var i = n, {
|
|
3291
3306
|
id: t,
|
|
3292
3307
|
tags: a,
|
|
3293
3308
|
onChange: r,
|
|
@@ -3295,7 +3310,7 @@ const tt = {
|
|
|
3295
3310
|
error: o,
|
|
3296
3311
|
placeholder: l,
|
|
3297
3312
|
size: c = "medium"
|
|
3298
|
-
} =
|
|
3313
|
+
} = i, d = A(i, [
|
|
3299
3314
|
"id",
|
|
3300
3315
|
"tags",
|
|
3301
3316
|
"onChange",
|
|
@@ -3304,84 +3319,84 @@ const tt = {
|
|
|
3304
3319
|
"placeholder",
|
|
3305
3320
|
"size"
|
|
3306
3321
|
]);
|
|
3307
|
-
const
|
|
3308
|
-
[ct[`${
|
|
3309
|
-
}),
|
|
3310
|
-
ct[`${
|
|
3311
|
-
ct[`${
|
|
3312
|
-
), [
|
|
3322
|
+
const u = f(ct[$t], {
|
|
3323
|
+
[ct[`${$t}--error`]]: o
|
|
3324
|
+
}), s = f(
|
|
3325
|
+
ct[`${$t}__input`],
|
|
3326
|
+
ct[`${$t}__input--${c}`]
|
|
3327
|
+
), [m, b] = e.useState(""), v = e.useRef(null), g = (k) => {
|
|
3313
3328
|
r([...a || [], k]), b("");
|
|
3314
|
-
},
|
|
3329
|
+
}, p = (k) => {
|
|
3315
3330
|
const y = [...a || []];
|
|
3316
3331
|
y.splice(k, 1), r(y);
|
|
3317
|
-
}, E = (k) => b(k.target.value),
|
|
3318
|
-
if (
|
|
3319
|
-
if (k.preventDefault(),
|
|
3332
|
+
}, E = (k) => b(k.target.value), h = (k) => {
|
|
3333
|
+
if (so.includes(k.key)) {
|
|
3334
|
+
if (k.preventDefault(), m === "")
|
|
3320
3335
|
return;
|
|
3321
|
-
|
|
3322
|
-
} else if (
|
|
3323
|
-
if (
|
|
3336
|
+
g(m);
|
|
3337
|
+
} else if (io.includes(k.key)) {
|
|
3338
|
+
if (m !== "" || !(a != null && a.length))
|
|
3324
3339
|
return;
|
|
3325
|
-
|
|
3340
|
+
p(a.length - 1);
|
|
3326
3341
|
}
|
|
3327
3342
|
}, C = (k, y) => {
|
|
3328
|
-
const
|
|
3329
|
-
|
|
3330
|
-
(W,
|
|
3343
|
+
const N = [...a || []];
|
|
3344
|
+
N.reduce(
|
|
3345
|
+
(W, X, $e) => W + (X === y && $e !== k ? 1 : 0),
|
|
3331
3346
|
0
|
|
3332
|
-
) > 0 ?
|
|
3333
|
-
},
|
|
3347
|
+
) > 0 ? N.splice(k, 1) : N[k] = y, r(N);
|
|
3348
|
+
}, S = (k) => {
|
|
3334
3349
|
k.preventDefault();
|
|
3335
|
-
const
|
|
3336
|
-
r([...a || [], ...
|
|
3350
|
+
const N = k.clipboardData.getData("text/plain").split(/[\s,;\n]+/);
|
|
3351
|
+
r([...a || [], ...N]);
|
|
3337
3352
|
};
|
|
3338
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className:
|
|
3339
|
-
|
|
3353
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: u }, a == null ? void 0 : a.map((k, y) => /* @__PURE__ */ e.createElement(
|
|
3354
|
+
no,
|
|
3340
3355
|
{
|
|
3341
3356
|
index: y,
|
|
3342
3357
|
key: `${y}${k}`,
|
|
3343
3358
|
update: C,
|
|
3344
|
-
remove:
|
|
3345
|
-
inputRef:
|
|
3359
|
+
remove: p,
|
|
3360
|
+
inputRef: v,
|
|
3346
3361
|
validator: _,
|
|
3347
3362
|
size: c
|
|
3348
3363
|
},
|
|
3349
3364
|
k
|
|
3350
3365
|
)), /* @__PURE__ */ e.createElement(
|
|
3351
3366
|
"input",
|
|
3352
|
-
B(w({},
|
|
3367
|
+
B(w({}, d), {
|
|
3353
3368
|
id: t,
|
|
3354
|
-
ref:
|
|
3355
|
-
className:
|
|
3369
|
+
ref: v,
|
|
3370
|
+
className: s,
|
|
3356
3371
|
placeholder: l,
|
|
3357
|
-
value:
|
|
3372
|
+
value: m,
|
|
3358
3373
|
onChange: E,
|
|
3359
|
-
onKeyDown:
|
|
3360
|
-
onPaste:
|
|
3374
|
+
onKeyDown: h,
|
|
3375
|
+
onPaste: S
|
|
3361
3376
|
})
|
|
3362
|
-
)), o && /* @__PURE__ */ e.createElement(
|
|
3363
|
-
},
|
|
3377
|
+
)), o && /* @__PURE__ */ e.createElement(Xt, null, o));
|
|
3378
|
+
}, mo = /^(?:[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, po = "name@company.com", go = (t) => mo.test(t), $l = ({
|
|
3364
3379
|
id: t,
|
|
3365
3380
|
tags: a,
|
|
3366
3381
|
onChange: r,
|
|
3367
3382
|
error: _,
|
|
3368
|
-
placeholder: o =
|
|
3383
|
+
placeholder: o = po,
|
|
3369
3384
|
size: l
|
|
3370
3385
|
}) => /* @__PURE__ */ e.createElement(
|
|
3371
|
-
|
|
3386
|
+
uo,
|
|
3372
3387
|
{
|
|
3373
3388
|
id: t,
|
|
3374
3389
|
tags: a,
|
|
3375
3390
|
error: _,
|
|
3376
3391
|
onChange: r,
|
|
3377
3392
|
placeholder: o,
|
|
3378
|
-
validator:
|
|
3393
|
+
validator: go,
|
|
3379
3394
|
size: l
|
|
3380
3395
|
}
|
|
3381
|
-
),
|
|
3382
|
-
toast:
|
|
3383
|
-
toast__content:
|
|
3384
|
-
toast__actions:
|
|
3396
|
+
), fo = "lc-Toast-module__toast___j5Amn", bo = "lc-Toast-module__toast__content___HjaNw", vo = "lc-Toast-module__toast__actions___JWu-1", ho = "lc-Toast-module__toast__actions__close___CRPrb", U = {
|
|
3397
|
+
toast: fo,
|
|
3398
|
+
toast__content: bo,
|
|
3399
|
+
toast__actions: vo,
|
|
3385
3400
|
toast__actions__close: ho,
|
|
3386
3401
|
"toast__actions--custom": "lc-Toast-module__toast__actions--custom___lm-pM",
|
|
3387
3402
|
"toast--success": "lc-Toast-module__toast--success___7UC6m",
|
|
@@ -3404,28 +3419,28 @@ const tt = {
|
|
|
3404
3419
|
"toast-appear-active--fade": "lc-Toast-module__toast-appear-active--fade___D3--J",
|
|
3405
3420
|
"toast-exit--fade": "lc-Toast-module__toast-exit--fade___iDA1p",
|
|
3406
3421
|
"toast-exit-active--fade": "lc-Toast-module__toast-exit-active--fade___tL7sb"
|
|
3407
|
-
},
|
|
3422
|
+
}, yo = {
|
|
3408
3423
|
success: {
|
|
3409
|
-
source:
|
|
3424
|
+
source: xa
|
|
3410
3425
|
},
|
|
3411
3426
|
warning: {
|
|
3412
|
-
source:
|
|
3427
|
+
source: Na
|
|
3413
3428
|
},
|
|
3414
3429
|
error: {
|
|
3415
|
-
source:
|
|
3430
|
+
source: Sa
|
|
3416
3431
|
},
|
|
3417
3432
|
info: {
|
|
3418
|
-
source:
|
|
3433
|
+
source: qt
|
|
3419
3434
|
}
|
|
3420
|
-
}, Ce = "toast",
|
|
3421
|
-
var n =
|
|
3435
|
+
}, Ce = "toast", Eo = (d) => {
|
|
3436
|
+
var n = d, {
|
|
3422
3437
|
action: t,
|
|
3423
3438
|
className: a,
|
|
3424
3439
|
children: r,
|
|
3425
3440
|
removable: _,
|
|
3426
3441
|
kind: o = "info",
|
|
3427
3442
|
onClose: l
|
|
3428
|
-
} = n, c =
|
|
3443
|
+
} = n, c = A(n, [
|
|
3429
3444
|
"action",
|
|
3430
3445
|
"className",
|
|
3431
3446
|
"children",
|
|
@@ -3433,17 +3448,17 @@ const tt = {
|
|
|
3433
3448
|
"kind",
|
|
3434
3449
|
"onClose"
|
|
3435
3450
|
]);
|
|
3436
|
-
const
|
|
3451
|
+
const i = f(
|
|
3437
3452
|
U[Ce],
|
|
3438
3453
|
U[`${Ce}--${o}`],
|
|
3439
3454
|
a
|
|
3440
|
-
),
|
|
3441
|
-
return /* @__PURE__ */ e.createElement("div", w({ className:
|
|
3442
|
-
|
|
3455
|
+
), u = (s) => s && s.closesOnClick && l ? (s.onClick(), l()) : s.onClick();
|
|
3456
|
+
return /* @__PURE__ */ e.createElement("div", w({ className: i }, c), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__icon`] }, /* @__PURE__ */ e.createElement(I, B(w({}, yo[o]), { size: "medium" }))), /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r)), (t || _) && /* @__PURE__ */ e.createElement("div", { className: U[`${Ce}__actions`] }, t && /* @__PURE__ */ e.createElement(
|
|
3457
|
+
ne,
|
|
3443
3458
|
{
|
|
3444
3459
|
className: U[`${Ce}__actions--custom`],
|
|
3445
3460
|
kind: "plain",
|
|
3446
|
-
onClick: () =>
|
|
3461
|
+
onClick: () => u(t)
|
|
3447
3462
|
},
|
|
3448
3463
|
t.label
|
|
3449
3464
|
), _ && /* @__PURE__ */ e.createElement(
|
|
@@ -3462,7 +3477,7 @@ const tt = {
|
|
|
3462
3477
|
}
|
|
3463
3478
|
)
|
|
3464
3479
|
)));
|
|
3465
|
-
},
|
|
3480
|
+
}, ko = 200, rt = "toast-wrapper", wl = ({
|
|
3466
3481
|
className: t,
|
|
3467
3482
|
toasts: a = [],
|
|
3468
3483
|
fixed: r = !0,
|
|
@@ -3471,7 +3486,7 @@ const tt = {
|
|
|
3471
3486
|
verticalPosition: l = "top",
|
|
3472
3487
|
horizontalPosition: c = "center"
|
|
3473
3488
|
}) => {
|
|
3474
|
-
const
|
|
3489
|
+
const d = f(
|
|
3475
3490
|
U[rt],
|
|
3476
3491
|
{
|
|
3477
3492
|
[U[`${rt}--fixed`]]: r,
|
|
@@ -3481,8 +3496,8 @@ const tt = {
|
|
|
3481
3496
|
},
|
|
3482
3497
|
t
|
|
3483
3498
|
);
|
|
3484
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
3485
|
-
|
|
3499
|
+
return /* @__PURE__ */ e.createElement("div", { className: d }, /* @__PURE__ */ e.createElement(Ba, { component: null }, a.map(({ id: n, kind: i, content: u, removable: s, action: m, onClose: b }) => /* @__PURE__ */ e.createElement(
|
|
3500
|
+
Zt,
|
|
3486
3501
|
{
|
|
3487
3502
|
key: n,
|
|
3488
3503
|
classNames: {
|
|
@@ -3491,29 +3506,20 @@ const tt = {
|
|
|
3491
3506
|
exit: U[`toast-exit--${o}`],
|
|
3492
3507
|
exitActive: U[`toast-exit-active--${o}`]
|
|
3493
3508
|
},
|
|
3494
|
-
timeout:
|
|
3509
|
+
timeout: ko
|
|
3495
3510
|
},
|
|
3496
3511
|
/* @__PURE__ */ e.createElement(
|
|
3497
|
-
|
|
3512
|
+
Eo,
|
|
3498
3513
|
{
|
|
3499
|
-
kind:
|
|
3514
|
+
kind: i,
|
|
3500
3515
|
onClose: b,
|
|
3501
|
-
removable:
|
|
3502
|
-
action:
|
|
3516
|
+
removable: s,
|
|
3517
|
+
action: m
|
|
3503
3518
|
},
|
|
3504
|
-
|
|
3519
|
+
u
|
|
3505
3520
|
)
|
|
3506
3521
|
))));
|
|
3507
|
-
}
|
|
3508
|
-
function za(t) {
|
|
3509
|
-
switch (t) {
|
|
3510
|
-
case "invert":
|
|
3511
|
-
return "inverted";
|
|
3512
|
-
default:
|
|
3513
|
-
return "primary";
|
|
3514
|
-
}
|
|
3515
|
-
}
|
|
3516
|
-
const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module__tooltip___QOOAr", wo = "lc-Tooltip-module__tooltip__interactive___0JawB", Co = "lc-Tooltip-module__tooltip__arrow___Ov1YW", S = {
|
|
3522
|
+
}, $o = "lc-Tooltip-module__tooltip___QOOAr", wo = "lc-Tooltip-module__tooltip__interactive___0JawB", Co = "lc-Tooltip-module__tooltip__arrow___Ov1YW", x = {
|
|
3517
3523
|
tooltip: $o,
|
|
3518
3524
|
tooltip__interactive: wo,
|
|
3519
3525
|
"tooltip__user-guide-step": "lc-Tooltip-module__tooltip__user-guide-step___evexI",
|
|
@@ -3548,98 +3554,98 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3548
3554
|
arrowOffsetY: o,
|
|
3549
3555
|
baseClass: l,
|
|
3550
3556
|
className: c,
|
|
3551
|
-
theme:
|
|
3557
|
+
theme: d,
|
|
3552
3558
|
withFadeAnimation: n,
|
|
3553
|
-
transitionDuration:
|
|
3554
|
-
transitionDelay:
|
|
3555
|
-
handleMouseEnter:
|
|
3556
|
-
handleMouseLeave:
|
|
3559
|
+
transitionDuration: i,
|
|
3560
|
+
transitionDelay: u,
|
|
3561
|
+
handleMouseEnter: s,
|
|
3562
|
+
handleMouseLeave: m,
|
|
3557
3563
|
handleCloseAction: b,
|
|
3558
|
-
arrowRef:
|
|
3559
|
-
childrenElements:
|
|
3560
|
-
fullSpaceContent:
|
|
3564
|
+
arrowRef: v,
|
|
3565
|
+
childrenElements: g,
|
|
3566
|
+
fullSpaceContent: p
|
|
3561
3567
|
}) => {
|
|
3562
3568
|
const {
|
|
3563
3569
|
x: E,
|
|
3564
|
-
y:
|
|
3570
|
+
y: h,
|
|
3565
3571
|
reference: C,
|
|
3566
|
-
floating:
|
|
3572
|
+
floating: S,
|
|
3567
3573
|
strategy: k,
|
|
3568
3574
|
update: y,
|
|
3569
|
-
refs:
|
|
3575
|
+
refs: N,
|
|
3570
3576
|
placement: $,
|
|
3571
|
-
middlewareData: { arrow: { x: W, y:
|
|
3577
|
+
middlewareData: { arrow: { x: W, y: X } = {} }
|
|
3572
3578
|
} = a;
|
|
3573
3579
|
e.useEffect(() => {
|
|
3574
|
-
if (!(!
|
|
3575
|
-
return
|
|
3576
|
-
}, [
|
|
3580
|
+
if (!(!N.reference.current || !N.floating.current))
|
|
3581
|
+
return Ca(N.reference.current, N.floating.current, y);
|
|
3582
|
+
}, [N.reference, N.floating, y, $, t]), e.useEffect(() => {
|
|
3577
3583
|
r && C(r);
|
|
3578
3584
|
}, [C, r]);
|
|
3579
|
-
const $e = o &&
|
|
3580
|
-
[
|
|
3581
|
-
[
|
|
3582
|
-
[
|
|
3585
|
+
const $e = o && X ? X + o : X, Fe = _ && W ? W + _ : W, Se = f(x[l], c, {
|
|
3586
|
+
[x[`${l}--invert`]]: d === "invert",
|
|
3587
|
+
[x[`${l}--important`]]: d === "important",
|
|
3588
|
+
[x[`${l}--full-space`]]: p
|
|
3583
3589
|
}), De = /* @__PURE__ */ e.createElement(
|
|
3584
3590
|
"div",
|
|
3585
3591
|
{
|
|
3586
|
-
ref:
|
|
3592
|
+
ref: S,
|
|
3587
3593
|
style: {
|
|
3588
3594
|
position: k,
|
|
3589
|
-
top:
|
|
3595
|
+
top: h != null ? h : "",
|
|
3590
3596
|
left: E != null ? E : ""
|
|
3591
3597
|
},
|
|
3592
3598
|
className: Se,
|
|
3593
|
-
onMouseEnter:
|
|
3594
|
-
onMouseLeave:
|
|
3599
|
+
onMouseEnter: s,
|
|
3600
|
+
onMouseLeave: m
|
|
3595
3601
|
},
|
|
3596
|
-
e.Children.map(
|
|
3602
|
+
e.Children.map(g, (me) => e.isValidElement(me) ? e.cloneElement(me, w({
|
|
3597
3603
|
handleCloseAction: b,
|
|
3598
|
-
theme:
|
|
3604
|
+
theme: d
|
|
3599
3605
|
}, me.props)) : null),
|
|
3600
3606
|
/* @__PURE__ */ e.createElement(
|
|
3601
3607
|
"div",
|
|
3602
3608
|
{
|
|
3603
|
-
ref:
|
|
3604
|
-
className: f([
|
|
3609
|
+
ref: v,
|
|
3610
|
+
className: f([x[`${l}__arrow`]]),
|
|
3605
3611
|
"data-arrow-placement": $,
|
|
3606
|
-
style: { top: $e, left:
|
|
3612
|
+
style: { top: $e, left: Fe }
|
|
3607
3613
|
}
|
|
3608
3614
|
)
|
|
3609
3615
|
);
|
|
3610
|
-
function
|
|
3616
|
+
function We() {
|
|
3611
3617
|
if (n) {
|
|
3612
3618
|
const me = Ye`
|
|
3613
3619
|
pointer-events: none;
|
|
3614
3620
|
opacity: 0;
|
|
3615
|
-
`,
|
|
3621
|
+
`, se = Ye`
|
|
3616
3622
|
opacity: 1;
|
|
3617
3623
|
transition-property: opacity;
|
|
3618
|
-
transition-duration: ${
|
|
3619
|
-
transition-delay: ${
|
|
3624
|
+
transition-duration: ${i}ms;
|
|
3625
|
+
transition-delay: ${u}ms;
|
|
3620
3626
|
`, it = Ye`
|
|
3621
3627
|
pointer-events: initial;
|
|
3622
|
-
`,
|
|
3628
|
+
`, dt = Ye`
|
|
3623
3629
|
opacity: 1;
|
|
3624
|
-
`,
|
|
3630
|
+
`, F = Ye`
|
|
3625
3631
|
opacity: 0;
|
|
3626
3632
|
transition-property: opacity;
|
|
3627
|
-
transition-duration: ${
|
|
3628
|
-
transition-delay: ${
|
|
3629
|
-
`,
|
|
3633
|
+
transition-duration: ${i}ms;
|
|
3634
|
+
transition-delay: ${u}ms;
|
|
3635
|
+
`, G = i + u;
|
|
3630
3636
|
return /* @__PURE__ */ e.createElement(
|
|
3631
|
-
|
|
3637
|
+
Zt,
|
|
3632
3638
|
{
|
|
3633
3639
|
in: t,
|
|
3634
3640
|
mountOnEnter: !0,
|
|
3635
3641
|
unmountOnExit: !0,
|
|
3636
|
-
timeout:
|
|
3642
|
+
timeout: G,
|
|
3637
3643
|
classNames: {
|
|
3638
3644
|
enter: me,
|
|
3639
3645
|
enterDone: it,
|
|
3640
|
-
enterActive:
|
|
3641
|
-
exit:
|
|
3642
|
-
exitActive:
|
|
3646
|
+
enterActive: se,
|
|
3647
|
+
exit: dt,
|
|
3648
|
+
exitActive: F
|
|
3643
3649
|
}
|
|
3644
3650
|
},
|
|
3645
3651
|
De
|
|
@@ -3647,8 +3653,17 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3647
3653
|
} else
|
|
3648
3654
|
return t && De;
|
|
3649
3655
|
}
|
|
3650
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
3651
|
-
}
|
|
3656
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, We());
|
|
3657
|
+
};
|
|
3658
|
+
function Ha(t) {
|
|
3659
|
+
switch (t) {
|
|
3660
|
+
case "invert":
|
|
3661
|
+
return "inverted";
|
|
3662
|
+
default:
|
|
3663
|
+
return "primary";
|
|
3664
|
+
}
|
|
3665
|
+
}
|
|
3666
|
+
const xo = (t) => new Promise((a) => setTimeout(a, t)), So = "tooltip", Do = (t) => {
|
|
3652
3667
|
const {
|
|
3653
3668
|
triggerRenderer: a,
|
|
3654
3669
|
referenceElement: r,
|
|
@@ -3656,104 +3671,104 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3656
3671
|
className: o,
|
|
3657
3672
|
theme: l,
|
|
3658
3673
|
placement: c,
|
|
3659
|
-
isVisible:
|
|
3674
|
+
isVisible: d,
|
|
3660
3675
|
withFadeAnimation: n = !0,
|
|
3661
|
-
transitionDuration:
|
|
3662
|
-
transitionDelay:
|
|
3663
|
-
hoverOutDelayTimeout:
|
|
3664
|
-
offsetMainAxis:
|
|
3676
|
+
transitionDuration: i = 200,
|
|
3677
|
+
transitionDelay: u = 0,
|
|
3678
|
+
hoverOutDelayTimeout: s = 100,
|
|
3679
|
+
offsetMainAxis: m = 8,
|
|
3665
3680
|
triggerOnClick: b = !1,
|
|
3666
|
-
arrowOffsetY:
|
|
3667
|
-
arrowOffsetX:
|
|
3668
|
-
fullSpaceContent:
|
|
3681
|
+
arrowOffsetY: v,
|
|
3682
|
+
arrowOffsetX: g,
|
|
3683
|
+
fullSpaceContent: p,
|
|
3669
3684
|
onOpen: E,
|
|
3670
|
-
onClose:
|
|
3671
|
-
} = t, C = e.useRef(!0),
|
|
3685
|
+
onClose: h
|
|
3686
|
+
} = t, C = e.useRef(!0), S = d !== void 0, k = e.useRef(null), [y, N] = e.useState(d), $ = e.useRef(!1), W = ka({
|
|
3672
3687
|
middleware: [
|
|
3673
|
-
|
|
3674
|
-
|
|
3675
|
-
|
|
3688
|
+
$a({ mainAxis: m }),
|
|
3689
|
+
Ja({ element: k }),
|
|
3690
|
+
wa()
|
|
3676
3691
|
],
|
|
3677
3692
|
placement: c
|
|
3678
|
-
}),
|
|
3679
|
-
|
|
3693
|
+
}), X = (se) => {
|
|
3694
|
+
se ? !y && (E == null || E()) : y && (h == null || h()), S || N(se);
|
|
3680
3695
|
};
|
|
3681
3696
|
e.useEffect(() => {
|
|
3682
3697
|
if (C.current) {
|
|
3683
3698
|
C.current = !1;
|
|
3684
3699
|
return;
|
|
3685
3700
|
}
|
|
3686
|
-
|
|
3687
|
-
}, [
|
|
3701
|
+
d === !0 && (E == null || E()), d === !1 && (h == null || h()), N(d);
|
|
3702
|
+
}, [d]), e.useEffect(() => (document.addEventListener("keydown", Se), () => {
|
|
3688
3703
|
document.removeEventListener("keydown", Se);
|
|
3689
3704
|
}), []);
|
|
3690
3705
|
const $e = () => {
|
|
3691
|
-
b ||
|
|
3692
|
-
},
|
|
3693
|
-
b ||
|
|
3694
|
-
$.current ||
|
|
3706
|
+
b || S || ($.current = !0, X(!0));
|
|
3707
|
+
}, Fe = () => {
|
|
3708
|
+
b || S || ($.current = !1, xo(s).then(() => {
|
|
3709
|
+
$.current || X(!1);
|
|
3695
3710
|
}));
|
|
3696
|
-
}, Se = (
|
|
3697
|
-
(
|
|
3711
|
+
}, Se = (se) => {
|
|
3712
|
+
(se instanceof KeyboardEvent && se.key === "Escape" || se.type === "click") && X(!1);
|
|
3698
3713
|
}, De = /* @__PURE__ */ e.createElement(
|
|
3699
3714
|
No,
|
|
3700
3715
|
{
|
|
3701
|
-
baseClass:
|
|
3716
|
+
baseClass: So,
|
|
3702
3717
|
className: o,
|
|
3703
3718
|
visible: y,
|
|
3704
3719
|
floatingOptions: W,
|
|
3705
3720
|
arrowRef: k,
|
|
3706
3721
|
handleMouseEnter: $e,
|
|
3707
|
-
handleMouseLeave:
|
|
3722
|
+
handleMouseLeave: Fe,
|
|
3708
3723
|
handleCloseAction: Se,
|
|
3709
3724
|
childrenElements: _,
|
|
3710
|
-
transitionDuration:
|
|
3711
|
-
transitionDelay:
|
|
3725
|
+
transitionDuration: i,
|
|
3726
|
+
transitionDelay: u,
|
|
3712
3727
|
referenceElement: r,
|
|
3713
|
-
arrowOffsetX:
|
|
3714
|
-
arrowOffsetY:
|
|
3728
|
+
arrowOffsetX: g,
|
|
3729
|
+
arrowOffsetY: v,
|
|
3715
3730
|
theme: l,
|
|
3716
3731
|
withFadeAnimation: n,
|
|
3717
|
-
fullSpaceContent:
|
|
3732
|
+
fullSpaceContent: p
|
|
3718
3733
|
}
|
|
3719
3734
|
);
|
|
3720
3735
|
if (r)
|
|
3721
3736
|
return De;
|
|
3722
|
-
const
|
|
3723
|
-
|
|
3737
|
+
const We = () => {
|
|
3738
|
+
X(!y);
|
|
3724
3739
|
}, me = () => {
|
|
3725
|
-
if (!
|
|
3740
|
+
if (!S)
|
|
3726
3741
|
return b ? {
|
|
3727
|
-
onClick:
|
|
3742
|
+
onClick: We
|
|
3728
3743
|
} : {
|
|
3729
3744
|
onMouseEnter: $e,
|
|
3730
|
-
onMouseLeave:
|
|
3745
|
+
onMouseLeave: Fe
|
|
3731
3746
|
};
|
|
3732
3747
|
};
|
|
3733
3748
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", w({ ref: W.reference }, me()), a()), De);
|
|
3734
|
-
},
|
|
3749
|
+
}, Cl = ({ text: t }) => /* @__PURE__ */ e.createElement("div", null, t), wt = "tooltip", Nl = ({ header: t, text: a, closeWithX: r, theme: _, handleCloseAction: o }) => /* @__PURE__ */ e.createElement("div", null, r && /* @__PURE__ */ e.createElement(
|
|
3735
3750
|
"div",
|
|
3736
3751
|
{
|
|
3737
|
-
className:
|
|
3752
|
+
className: x[`${wt}-close`],
|
|
3738
3753
|
onClick: o
|
|
3739
3754
|
},
|
|
3740
3755
|
/* @__PURE__ */ e.createElement(
|
|
3741
3756
|
I,
|
|
3742
3757
|
{
|
|
3743
|
-
source:
|
|
3744
|
-
kind: _ ?
|
|
3758
|
+
source: Ta,
|
|
3759
|
+
kind: _ ? Ha(_) : "primary"
|
|
3745
3760
|
}
|
|
3746
3761
|
)
|
|
3747
3762
|
), t && /* @__PURE__ */ e.createElement(
|
|
3748
3763
|
"div",
|
|
3749
3764
|
{
|
|
3750
3765
|
className: f(
|
|
3751
|
-
|
|
3752
|
-
|
|
3766
|
+
x[`${wt}-header`],
|
|
3767
|
+
x[`${wt}-header--info`]
|
|
3753
3768
|
)
|
|
3754
3769
|
},
|
|
3755
3770
|
t
|
|
3756
|
-
), /* @__PURE__ */ e.createElement("div", { className:
|
|
3771
|
+
), /* @__PURE__ */ e.createElement("div", { className: x[`${wt}-text`] }, a)), Ne = "tooltip", xl = ({
|
|
3757
3772
|
header: t,
|
|
3758
3773
|
text: a,
|
|
3759
3774
|
image: r,
|
|
@@ -3761,36 +3776,36 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3761
3776
|
theme: o,
|
|
3762
3777
|
handleCloseAction: l,
|
|
3763
3778
|
primaryButton: c,
|
|
3764
|
-
secondaryButton:
|
|
3765
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
3779
|
+
secondaryButton: d
|
|
3780
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}__interactive`] }, _ && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-close`] }, /* @__PURE__ */ e.createElement(
|
|
3766
3781
|
"button",
|
|
3767
3782
|
{
|
|
3768
|
-
className:
|
|
3783
|
+
className: x[`${Ne}-close-button`],
|
|
3769
3784
|
onClick: l
|
|
3770
3785
|
},
|
|
3771
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
3772
|
-
)), r && /* @__PURE__ */ e.createElement("div", { className:
|
|
3786
|
+
/* @__PURE__ */ e.createElement(I, { source: Ta, kind: o ? Ha(o) : "primary" })
|
|
3787
|
+
)), r && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-image-container`] }, /* @__PURE__ */ e.createElement(
|
|
3773
3788
|
"img",
|
|
3774
3789
|
{
|
|
3775
|
-
className:
|
|
3790
|
+
className: x[`${Ne}-image`],
|
|
3776
3791
|
src: r.src,
|
|
3777
3792
|
alt: r.alt
|
|
3778
3793
|
}
|
|
3779
|
-
)), t && /* @__PURE__ */ e.createElement("div", { className:
|
|
3780
|
-
|
|
3794
|
+
)), t && /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-header`] }, t), /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-text`] }, a), /* @__PURE__ */ e.createElement("div", { className: x[`${Ne}-footer`] }, /* @__PURE__ */ e.createElement(
|
|
3795
|
+
ne,
|
|
3781
3796
|
{
|
|
3782
3797
|
kind: c.kind || "primary",
|
|
3783
3798
|
onClick: c.handleClick
|
|
3784
3799
|
},
|
|
3785
3800
|
c.label
|
|
3786
3801
|
), /* @__PURE__ */ e.createElement(
|
|
3787
|
-
|
|
3802
|
+
ne,
|
|
3788
3803
|
{
|
|
3789
|
-
kind:
|
|
3790
|
-
onClick:
|
|
3804
|
+
kind: d.kind || "secondary",
|
|
3805
|
+
onClick: d.handleClick
|
|
3791
3806
|
},
|
|
3792
|
-
|
|
3793
|
-
))),
|
|
3807
|
+
d.label
|
|
3808
|
+
))), J = "guide-tooltip", To = ({
|
|
3794
3809
|
gap: t,
|
|
3795
3810
|
isVisible: a,
|
|
3796
3811
|
slide: r,
|
|
@@ -3813,7 +3828,7 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3813
3828
|
left: "0",
|
|
3814
3829
|
width: "100%",
|
|
3815
3830
|
height: `${t.top}px`
|
|
3816
|
-
},
|
|
3831
|
+
}, d = {
|
|
3817
3832
|
top: `${t.bottom}px`,
|
|
3818
3833
|
left: "0",
|
|
3819
3834
|
width: "100%",
|
|
@@ -3829,9 +3844,9 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3829
3844
|
"div",
|
|
3830
3845
|
{
|
|
3831
3846
|
className: f({
|
|
3832
|
-
[
|
|
3833
|
-
[
|
|
3834
|
-
[
|
|
3847
|
+
[x[`${J}__overlay`]]: !0,
|
|
3848
|
+
[x[`${J}__overlay--visible`]]: a,
|
|
3849
|
+
[x[`${J}__overlay--slide`]]: r
|
|
3835
3850
|
}),
|
|
3836
3851
|
style: o
|
|
3837
3852
|
}
|
|
@@ -3839,9 +3854,9 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3839
3854
|
"div",
|
|
3840
3855
|
{
|
|
3841
3856
|
className: f({
|
|
3842
|
-
[
|
|
3843
|
-
[
|
|
3844
|
-
[
|
|
3857
|
+
[x[`${J}__overlay`]]: !0,
|
|
3858
|
+
[x[`${J}__overlay--visible`]]: a,
|
|
3859
|
+
[x[`${J}__overlay--slide`]]: r
|
|
3845
3860
|
}),
|
|
3846
3861
|
style: c
|
|
3847
3862
|
}
|
|
@@ -3849,9 +3864,9 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3849
3864
|
"div",
|
|
3850
3865
|
{
|
|
3851
3866
|
className: f({
|
|
3852
|
-
[
|
|
3853
|
-
[
|
|
3854
|
-
[
|
|
3867
|
+
[x[`${J}__overlay`]]: !0,
|
|
3868
|
+
[x[`${J}__overlay--visible`]]: a,
|
|
3869
|
+
[x[`${J}__overlay--slide`]]: r
|
|
3855
3870
|
}),
|
|
3856
3871
|
style: l
|
|
3857
3872
|
}
|
|
@@ -3859,41 +3874,41 @@ const ko = (t) => new Promise((a) => setTimeout(a, t)), $o = "lc-Tooltip-module_
|
|
|
3859
3874
|
"div",
|
|
3860
3875
|
{
|
|
3861
3876
|
className: f({
|
|
3862
|
-
[
|
|
3863
|
-
[
|
|
3864
|
-
[
|
|
3877
|
+
[x[`${J}__overlay`]]: !0,
|
|
3878
|
+
[x[`${J}__overlay--visible`]]: a,
|
|
3879
|
+
[x[`${J}__overlay--slide`]]: r
|
|
3865
3880
|
}),
|
|
3866
|
-
style:
|
|
3881
|
+
style: d
|
|
3867
3882
|
}
|
|
3868
3883
|
), _ && /* @__PURE__ */ e.createElement(
|
|
3869
3884
|
"div",
|
|
3870
3885
|
{
|
|
3871
3886
|
className: f({
|
|
3872
|
-
[
|
|
3873
|
-
[
|
|
3874
|
-
[
|
|
3887
|
+
[x[`${J}__overlay`]]: !0,
|
|
3888
|
+
[x[`${J}__overlay--visible`]]: a,
|
|
3889
|
+
[x[`${J}__overlay--slide`]]: r
|
|
3875
3890
|
}),
|
|
3876
3891
|
style: n
|
|
3877
3892
|
}
|
|
3878
3893
|
));
|
|
3879
3894
|
};
|
|
3880
|
-
class
|
|
3895
|
+
class Io {
|
|
3881
3896
|
constructor(a, r) {
|
|
3882
|
-
|
|
3883
|
-
|
|
3897
|
+
At(this, "element");
|
|
3898
|
+
At(this, "padding");
|
|
3884
3899
|
this.element = a, this.padding = r;
|
|
3885
3900
|
}
|
|
3886
3901
|
addPadding(a) {
|
|
3887
|
-
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, c = _,
|
|
3902
|
+
const r = Math.round(a.left) - this.padding, _ = Math.round(a.top) - this.padding, o = Math.round(a.width) + 2 * this.padding, l = Math.round(a.height) + 2 * this.padding, c = _, d = r, n = c + l, i = d + o;
|
|
3888
3903
|
return {
|
|
3889
3904
|
x: r,
|
|
3890
3905
|
y: _,
|
|
3891
3906
|
width: o,
|
|
3892
3907
|
height: l,
|
|
3893
3908
|
top: c,
|
|
3894
|
-
left:
|
|
3909
|
+
left: d,
|
|
3895
3910
|
bottom: n,
|
|
3896
|
-
right:
|
|
3911
|
+
right: i
|
|
3897
3912
|
};
|
|
3898
3913
|
}
|
|
3899
3914
|
getBoundingClientRect() {
|
|
@@ -3906,7 +3921,7 @@ class To {
|
|
|
3906
3921
|
return this.getBoundingClientRect().height;
|
|
3907
3922
|
}
|
|
3908
3923
|
}
|
|
3909
|
-
const ha = 8,
|
|
3924
|
+
const ha = 8, ya = "guide-tooltip", Ea = (t, a) => new Io(t, a), Sl = (t) => {
|
|
3910
3925
|
const {
|
|
3911
3926
|
className: a,
|
|
3912
3927
|
parentElementName: r,
|
|
@@ -3914,127 +3929,127 @@ const ha = 8, va = "guide-tooltip", ya = (t, a) => new To(t, a), xl = (t) => {
|
|
|
3914
3929
|
shouldSlide: o = !0
|
|
3915
3930
|
} = t, [l, c] = e.useState(
|
|
3916
3931
|
null
|
|
3917
|
-
), [
|
|
3932
|
+
), [d, n] = e.useState(null), [i, u] = e.useState(o), s = () => {
|
|
3918
3933
|
l && (n(
|
|
3919
|
-
|
|
3934
|
+
Ea(
|
|
3920
3935
|
l,
|
|
3921
3936
|
ha
|
|
3922
3937
|
).getBoundingClientRect()
|
|
3923
|
-
),
|
|
3938
|
+
), u(!1));
|
|
3924
3939
|
};
|
|
3925
3940
|
return e.useEffect(() => {
|
|
3926
3941
|
if (l !== null)
|
|
3927
|
-
return window.addEventListener("resize",
|
|
3928
|
-
window.addEventListener("resize",
|
|
3942
|
+
return window.addEventListener("resize", s), window.addEventListener("scroll", s), () => {
|
|
3943
|
+
window.addEventListener("resize", s), window.addEventListener("resize", s);
|
|
3929
3944
|
};
|
|
3930
3945
|
}, [l, r]), e.useEffect(() => {
|
|
3931
3946
|
if (r) {
|
|
3932
|
-
const
|
|
3933
|
-
c(
|
|
3947
|
+
const m = document.querySelector(r);
|
|
3948
|
+
c(m);
|
|
3934
3949
|
}
|
|
3935
3950
|
}, [r]), e.useEffect(() => {
|
|
3936
3951
|
l && n(
|
|
3937
|
-
|
|
3952
|
+
Ea(
|
|
3938
3953
|
l,
|
|
3939
3954
|
ha
|
|
3940
3955
|
).getBoundingClientRect()
|
|
3941
|
-
),
|
|
3956
|
+
), u(!0);
|
|
3942
3957
|
}, [l]), l && _ ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
|
|
3943
|
-
|
|
3958
|
+
To,
|
|
3944
3959
|
{
|
|
3945
|
-
gap:
|
|
3960
|
+
gap: d,
|
|
3946
3961
|
isVisible: _,
|
|
3947
|
-
slide:
|
|
3962
|
+
slide: i,
|
|
3948
3963
|
disablePointerEvents: !0
|
|
3949
3964
|
}
|
|
3950
3965
|
), /* @__PURE__ */ e.createElement(
|
|
3951
|
-
|
|
3966
|
+
Do,
|
|
3952
3967
|
B(w({}, t), {
|
|
3953
3968
|
referenceElement: {
|
|
3954
|
-
getBoundingClientRect: () =>
|
|
3969
|
+
getBoundingClientRect: () => d,
|
|
3955
3970
|
contextElement: l
|
|
3956
3971
|
},
|
|
3957
3972
|
arrowOffsetY: 25,
|
|
3958
3973
|
className: f({
|
|
3959
|
-
[
|
|
3960
|
-
[
|
|
3974
|
+
[x[ya]]: !0,
|
|
3975
|
+
[x[`${ya}--slide`]]: i,
|
|
3961
3976
|
className: a
|
|
3962
3977
|
})
|
|
3963
3978
|
}),
|
|
3964
3979
|
t.children
|
|
3965
3980
|
)) : null;
|
|
3966
|
-
}, _t = "reports-tooltip",
|
|
3981
|
+
}, _t = "reports-tooltip", Dl = ({
|
|
3967
3982
|
title: t,
|
|
3968
3983
|
description: a,
|
|
3969
3984
|
children: r
|
|
3970
|
-
}) => /* @__PURE__ */ e.createElement("div", { className:
|
|
3971
|
-
|
|
3985
|
+
}) => /* @__PURE__ */ e.createElement("div", { className: x[_t] }, /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__heading`] }, /* @__PURE__ */ e.createElement(P, { as: "div", className: x[`${_t}__heading__title`] }, t), /* @__PURE__ */ e.createElement(
|
|
3986
|
+
P,
|
|
3972
3987
|
{
|
|
3973
3988
|
as: "div",
|
|
3974
3989
|
size: "xs",
|
|
3975
|
-
className:
|
|
3990
|
+
className: x[`${_t}__heading__description`]
|
|
3976
3991
|
},
|
|
3977
3992
|
a
|
|
3978
|
-
)), /* @__PURE__ */ e.createElement("div", { className:
|
|
3979
|
-
textarea:
|
|
3993
|
+
)), /* @__PURE__ */ e.createElement("div", { className: x[`${_t}__content`] }, /* @__PURE__ */ e.createElement(P, { as: "div" }, r))), Bo = "lc-Textarea-module__textarea___g6U8F", Ct = {
|
|
3994
|
+
textarea: Bo,
|
|
3980
3995
|
"textarea--focused": "lc-Textarea-module__textarea--focused___1vtEx",
|
|
3981
3996
|
"textarea--disabled": "lc-Textarea-module__textarea--disabled___xXaGv",
|
|
3982
3997
|
"textarea--error": "lc-Textarea-module__textarea--error___0EGuq"
|
|
3983
|
-
},
|
|
3998
|
+
}, Nt = "textarea", Tl = e.forwardRef(
|
|
3984
3999
|
(o, _) => {
|
|
3985
|
-
var l = o, { className: t, error: a } = l, r =
|
|
3986
|
-
const { disabled: c, onBlur:
|
|
3987
|
-
[
|
|
3988
|
-
[
|
|
3989
|
-
[
|
|
3990
|
-
}),
|
|
3991
|
-
|
|
3992
|
-
}, b = (
|
|
3993
|
-
|
|
4000
|
+
var l = o, { className: t, error: a } = l, r = A(l, ["className", "error"]);
|
|
4001
|
+
const { disabled: c, onBlur: d, onFocus: n } = r, [i, u] = e.useState(!1), s = f(t, Ct[Nt], {
|
|
4002
|
+
[Ct[`${Nt}--disabled`]]: c,
|
|
4003
|
+
[Ct[`${Nt}--focused`]]: i,
|
|
4004
|
+
[Ct[`${Nt}--error`]]: a
|
|
4005
|
+
}), m = (v) => {
|
|
4006
|
+
u(!1), d == null || d(v);
|
|
4007
|
+
}, b = (v) => {
|
|
4008
|
+
u(!0), n == null || n(v);
|
|
3994
4009
|
};
|
|
3995
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
4010
|
+
return /* @__PURE__ */ e.createElement("div", { className: s }, /* @__PURE__ */ e.createElement(
|
|
3996
4011
|
"textarea",
|
|
3997
4012
|
B(w({}, r), {
|
|
3998
4013
|
ref: _,
|
|
3999
4014
|
onFocus: b,
|
|
4000
|
-
onBlur:
|
|
4015
|
+
onBlur: m
|
|
4001
4016
|
})
|
|
4002
4017
|
));
|
|
4003
4018
|
}
|
|
4004
|
-
),
|
|
4005
|
-
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
4006
|
-
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
4007
|
-
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
4008
|
-
"file-upload-progress__wrapper": "lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq",
|
|
4009
|
-
"file-upload-progress__wrapper--with-icon": "lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA",
|
|
4010
|
-
"file-upload-progress__wrapper__header": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK",
|
|
4011
|
-
"file-upload-progress__wrapper__header__actions": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3",
|
|
4012
|
-
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
4013
|
-
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
4014
|
-
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
4015
|
-
}, Mt = {
|
|
4019
|
+
), Lt = {
|
|
4016
4020
|
"file-upload-progress-actions": "lc-FileUploadProgressActions-module__file-upload-progress-actions___qOBr2",
|
|
4017
4021
|
"file-upload-progress-actions__close-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__close-button___Eh4um",
|
|
4018
4022
|
"file-upload-progress-actions__retry-button": "lc-FileUploadProgressActions-module__file-upload-progress-actions__retry-button___DqFEo"
|
|
4019
|
-
},
|
|
4023
|
+
}, Ot = "file-upload-progress-actions", Yt = ({ status: t, onCloseButtonClick: a, onRetryButtonClick: r }) => /* @__PURE__ */ e.createElement("div", { className: Lt[`${Ot}`] }, r && t === "error" && /* @__PURE__ */ e.createElement(
|
|
4020
4024
|
"button",
|
|
4021
4025
|
{
|
|
4022
4026
|
type: "button",
|
|
4023
|
-
className:
|
|
4027
|
+
className: Lt[`${Ot}__retry-button`],
|
|
4024
4028
|
"aria-label": "Retry",
|
|
4025
4029
|
onClick: r
|
|
4026
4030
|
},
|
|
4027
|
-
/* @__PURE__ */ e.createElement(I, { size: "small", source:
|
|
4031
|
+
/* @__PURE__ */ e.createElement(I, { size: "small", source: er })
|
|
4028
4032
|
), a && t !== "success" && /* @__PURE__ */ e.createElement(
|
|
4029
4033
|
"button",
|
|
4030
4034
|
{
|
|
4031
4035
|
type: "button",
|
|
4032
|
-
className:
|
|
4036
|
+
className: Lt[`${Ot}__close-button`],
|
|
4033
4037
|
"aria-label": "Close",
|
|
4034
4038
|
onClick: a
|
|
4035
4039
|
},
|
|
4036
4040
|
/* @__PURE__ */ e.createElement(I, { size: "small", source: xe })
|
|
4037
|
-
)),
|
|
4041
|
+
)), le = {
|
|
4042
|
+
"file-upload-progress": "lc-FileUploadProgress-module__file-upload-progress___xw8h8",
|
|
4043
|
+
"file-upload-progress__icon": "lc-FileUploadProgress-module__file-upload-progress__icon___p8Rfz",
|
|
4044
|
+
"file-upload-progress__icon--success": "lc-FileUploadProgress-module__file-upload-progress__icon--success___X40uH",
|
|
4045
|
+
"file-upload-progress__wrapper": "lc-FileUploadProgress-module__file-upload-progress__wrapper___01Nkq",
|
|
4046
|
+
"file-upload-progress__wrapper--with-icon": "lc-FileUploadProgress-module__file-upload-progress__wrapper--with-icon___GSXmA",
|
|
4047
|
+
"file-upload-progress__wrapper__header": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header___mYBGK",
|
|
4048
|
+
"file-upload-progress__wrapper__header__actions": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__actions___tvhB3",
|
|
4049
|
+
"file-upload-progress__wrapper__header__title": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title___2IVuv",
|
|
4050
|
+
"file-upload-progress__wrapper__header__title--success": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--success___E6DQl",
|
|
4051
|
+
"file-upload-progress__wrapper__header__title--error": "lc-FileUploadProgress-module__file-upload-progress__wrapper__header__title--error___5BPpI"
|
|
4052
|
+
}, he = "file-upload-progress", zt = `${he}__wrapper__header__title`, Ao = e.forwardRef(
|
|
4038
4053
|
({
|
|
4039
4054
|
actionsVisibility: t = "hidden",
|
|
4040
4055
|
className: a,
|
|
@@ -4043,53 +4058,53 @@ const ha = 8, va = "guide-tooltip", ya = (t, a) => new To(t, a), xl = (t) => {
|
|
|
4043
4058
|
progressValue: o,
|
|
4044
4059
|
size: l,
|
|
4045
4060
|
status: c = "normal",
|
|
4046
|
-
onCloseButtonClick:
|
|
4061
|
+
onCloseButtonClick: d,
|
|
4047
4062
|
onRetryButtonClick: n
|
|
4048
|
-
},
|
|
4063
|
+
}, i) => /* @__PURE__ */ e.createElement("div", { className: le[he], ref: i }, r && c !== "success" && /* @__PURE__ */ e.createElement("div", { className: le[`${he}__icon`] }, r), c === "success" && /* @__PURE__ */ e.createElement(
|
|
4049
4064
|
"div",
|
|
4050
4065
|
{
|
|
4051
4066
|
className: f(
|
|
4052
|
-
|
|
4053
|
-
|
|
4067
|
+
le[`${he}__icon`],
|
|
4068
|
+
le[`${he}__icon--success`]
|
|
4054
4069
|
)
|
|
4055
4070
|
},
|
|
4056
|
-
/* @__PURE__ */ e.createElement(I, { source:
|
|
4071
|
+
/* @__PURE__ */ e.createElement(I, { source: Jt })
|
|
4057
4072
|
), /* @__PURE__ */ e.createElement(
|
|
4058
4073
|
"div",
|
|
4059
4074
|
{
|
|
4060
|
-
className: f(
|
|
4061
|
-
[
|
|
4075
|
+
className: f(le[`${he}__wrapper`], {
|
|
4076
|
+
[le[`${he}__wrapper--with-icon`]]: r
|
|
4062
4077
|
})
|
|
4063
4078
|
},
|
|
4064
|
-
/* @__PURE__ */ e.createElement("div", { className:
|
|
4079
|
+
/* @__PURE__ */ e.createElement("div", { className: le[`${he}__wrapper__header`] }, _ && /* @__PURE__ */ e.createElement(
|
|
4065
4080
|
"div",
|
|
4066
4081
|
{
|
|
4067
|
-
className: f(
|
|
4068
|
-
[
|
|
4069
|
-
[
|
|
4082
|
+
className: f(le[zt], {
|
|
4083
|
+
[le[`${zt}--success`]]: c === "success",
|
|
4084
|
+
[le[`${zt}--error`]]: c === "error"
|
|
4070
4085
|
})
|
|
4071
4086
|
},
|
|
4072
|
-
/* @__PURE__ */ e.createElement(
|
|
4087
|
+
/* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, _),
|
|
4073
4088
|
"=",
|
|
4074
4089
|
" "
|
|
4075
4090
|
), t !== "hidden" && /* @__PURE__ */ e.createElement(
|
|
4076
4091
|
"div",
|
|
4077
4092
|
{
|
|
4078
4093
|
className: f({
|
|
4079
|
-
[
|
|
4094
|
+
[le[`${he}__wrapper__header__actions`]]: t === "hover"
|
|
4080
4095
|
})
|
|
4081
4096
|
},
|
|
4082
4097
|
/* @__PURE__ */ e.createElement(
|
|
4083
|
-
|
|
4098
|
+
Yt,
|
|
4084
4099
|
{
|
|
4085
4100
|
status: c,
|
|
4086
|
-
onCloseButtonClick:
|
|
4101
|
+
onCloseButtonClick: d,
|
|
4087
4102
|
onRetryButtonClick: n
|
|
4088
4103
|
}
|
|
4089
4104
|
)
|
|
4090
4105
|
)),
|
|
4091
4106
|
c !== "success" && /* @__PURE__ */ e.createElement(
|
|
4092
|
-
|
|
4107
|
+
W_,
|
|
4093
4108
|
{
|
|
4094
4109
|
className: a,
|
|
4095
4110
|
percent: o,
|
|
@@ -4119,14 +4134,14 @@ const ha = 8, va = "guide-tooltip", ya = (t, a) => new To(t, a), xl = (t) => {
|
|
|
4119
4134
|
"upload-bar__files--exit-done": "lc-UploadBar-module__upload-bar__files--exit-done___2I72G",
|
|
4120
4135
|
"upload-bar__files-wrapper": "lc-UploadBar-module__upload-bar__files-wrapper___93bs8",
|
|
4121
4136
|
"upload-bar__files__list": "lc-UploadBar-module__upload-bar__files__list___QJFEq"
|
|
4122
|
-
},
|
|
4123
|
-
|
|
4137
|
+
}, Q = "upload-bar", ke = `${Q}__wrapper__header`, Po = 300, Fo = (t, a) => t === "success" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__success-icon`] }, /* @__PURE__ */ e.createElement(I, { source: Jt })) : t === "error" ? /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__error-icon`] }, /* @__PURE__ */ e.createElement(I, { source: tr })) : /* @__PURE__ */ e.createElement(
|
|
4138
|
+
U_,
|
|
4124
4139
|
{
|
|
4125
4140
|
className: R[`${ke}__loader`],
|
|
4126
4141
|
status: t,
|
|
4127
4142
|
progressValue: a
|
|
4128
4143
|
}
|
|
4129
|
-
),
|
|
4144
|
+
), Il = ({
|
|
4130
4145
|
children: t,
|
|
4131
4146
|
className: a,
|
|
4132
4147
|
progressValue: r,
|
|
@@ -4134,128 +4149,128 @@ const ha = 8, va = "guide-tooltip", ya = (t, a) => new To(t, a), xl = (t) => {
|
|
|
4134
4149
|
isExpanded: o,
|
|
4135
4150
|
errorMessage: l,
|
|
4136
4151
|
status: c = "normal",
|
|
4137
|
-
icon:
|
|
4152
|
+
icon: d,
|
|
4138
4153
|
size: n,
|
|
4139
|
-
mode:
|
|
4140
|
-
onCloseButtonClick:
|
|
4141
|
-
onRetryButtonClick:
|
|
4154
|
+
mode: i = "multiple",
|
|
4155
|
+
onCloseButtonClick: u,
|
|
4156
|
+
onRetryButtonClick: s
|
|
4142
4157
|
}) => {
|
|
4143
|
-
const [
|
|
4144
|
-
[R[`${
|
|
4145
|
-
[R[`${
|
|
4146
|
-
}), E = !(
|
|
4147
|
-
return
|
|
4148
|
-
|
|
4158
|
+
const [m, b] = e.useState(o || !1), v = c === "error", g = c === "success", p = f(R[Q], a, {
|
|
4159
|
+
[R[`${Q}--error`]]: v,
|
|
4160
|
+
[R[`${Q}--success`]]: g
|
|
4161
|
+
}), E = !(v && (s || u)), h = () => b(!m);
|
|
4162
|
+
return i === "single" ? /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement(
|
|
4163
|
+
Ao,
|
|
4149
4164
|
{
|
|
4150
|
-
title:
|
|
4165
|
+
title: v && l || _,
|
|
4151
4166
|
progressValue: r,
|
|
4152
4167
|
status: c,
|
|
4153
|
-
icon:
|
|
4168
|
+
icon: d,
|
|
4154
4169
|
size: n
|
|
4155
4170
|
}
|
|
4156
4171
|
)), c === "error" && /* @__PURE__ */ e.createElement(
|
|
4157
|
-
|
|
4172
|
+
Yt,
|
|
4158
4173
|
{
|
|
4159
4174
|
status: c,
|
|
4160
|
-
onCloseButtonClick:
|
|
4161
|
-
onRetryButtonClick:
|
|
4175
|
+
onCloseButtonClick: u,
|
|
4176
|
+
onRetryButtonClick: s
|
|
4162
4177
|
}
|
|
4163
|
-
))) : /* @__PURE__ */ e.createElement("div", { className:
|
|
4178
|
+
))) : /* @__PURE__ */ e.createElement("div", { className: p }, /* @__PURE__ */ e.createElement(
|
|
4164
4179
|
"div",
|
|
4165
4180
|
{
|
|
4166
|
-
className: R[`${
|
|
4167
|
-
onClick:
|
|
4181
|
+
className: R[`${Q}__wrapper`],
|
|
4182
|
+
onClick: h
|
|
4168
4183
|
},
|
|
4169
|
-
/* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__icon`] },
|
|
4184
|
+
/* @__PURE__ */ e.createElement("div", { className: R[`${ke}`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__icon`] }, Fo(c, r)), /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__title`] }, /* @__PURE__ */ e.createElement(P, { size: "sm", as: "div" }, v ? l : _)), E && /* @__PURE__ */ e.createElement(
|
|
4170
4185
|
"button",
|
|
4171
4186
|
{
|
|
4172
4187
|
className: R[`${ke}__collapse-button`],
|
|
4173
4188
|
type: "button",
|
|
4174
|
-
onClick:
|
|
4189
|
+
onClick: h
|
|
4175
4190
|
},
|
|
4176
|
-
|
|
4191
|
+
m ? /* @__PURE__ */ e.createElement(I, { source: St }) : /* @__PURE__ */ e.createElement(I, { source: Dt })
|
|
4177
4192
|
), c === "error" && /* @__PURE__ */ e.createElement("div", { className: R[`${ke}__actions-container`] }, /* @__PURE__ */ e.createElement(
|
|
4178
|
-
|
|
4193
|
+
Yt,
|
|
4179
4194
|
{
|
|
4180
4195
|
status: c,
|
|
4181
|
-
onCloseButtonClick:
|
|
4182
|
-
onRetryButtonClick:
|
|
4196
|
+
onCloseButtonClick: u,
|
|
4197
|
+
onRetryButtonClick: s
|
|
4183
4198
|
}
|
|
4184
4199
|
)))
|
|
4185
|
-
), /* @__PURE__ */ e.createElement(
|
|
4186
|
-
|
|
4200
|
+
), /* @__PURE__ */ e.createElement(Ba, { component: null }, m && /* @__PURE__ */ e.createElement(
|
|
4201
|
+
Zt,
|
|
4187
4202
|
{
|
|
4188
4203
|
timeout: Po,
|
|
4189
4204
|
classNames: {
|
|
4190
|
-
enter: R[`${
|
|
4191
|
-
enterActive: R[`${
|
|
4192
|
-
exit: R[`${
|
|
4193
|
-
exitActive: R[`${
|
|
4194
|
-
exitDone: R[`${
|
|
4205
|
+
enter: R[`${Q}__files--enter`],
|
|
4206
|
+
enterActive: R[`${Q}__files--enter-active`],
|
|
4207
|
+
exit: R[`${Q}__files--exit`],
|
|
4208
|
+
exitActive: R[`${Q}__files--exit-active`],
|
|
4209
|
+
exitDone: R[`${Q}__files--exit-done`]
|
|
4195
4210
|
}
|
|
4196
4211
|
},
|
|
4197
|
-
/* @__PURE__ */ e.createElement("div", { className: R[`${
|
|
4212
|
+
/* @__PURE__ */ e.createElement("div", { className: R[`${Q}__files`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__files-wrapper`] }, /* @__PURE__ */ e.createElement("div", { className: R[`${Q}__files__list`] }, t)))
|
|
4198
4213
|
)));
|
|
4199
4214
|
};
|
|
4200
4215
|
export {
|
|
4201
|
-
|
|
4202
|
-
|
|
4203
|
-
|
|
4204
|
-
|
|
4205
|
-
|
|
4206
|
-
|
|
4207
|
-
|
|
4208
|
-
|
|
4209
|
-
|
|
4210
|
-
|
|
4211
|
-
|
|
4212
|
-
|
|
4213
|
-
|
|
4214
|
-
|
|
4215
|
-
|
|
4216
|
-
|
|
4217
|
-
|
|
4218
|
-
|
|
4219
|
-
|
|
4220
|
-
|
|
4216
|
+
ko as ANIMATION_TIME,
|
|
4217
|
+
Xo as ActionMenu,
|
|
4218
|
+
jo as ActionMenuItem,
|
|
4219
|
+
el as Alert,
|
|
4220
|
+
tl as Avatar,
|
|
4221
|
+
Lr as Badge,
|
|
4222
|
+
ne as Button,
|
|
4223
|
+
rl as Card,
|
|
4224
|
+
_l as Checkbox,
|
|
4225
|
+
m_ as DatePicker,
|
|
4226
|
+
Ko as DesignToken,
|
|
4227
|
+
$l as EmailTagInput,
|
|
4228
|
+
Tt as FieldDescription,
|
|
4229
|
+
Xt as FieldError,
|
|
4230
|
+
ol as FieldGroup,
|
|
4231
|
+
Ao as FileUploadProgress,
|
|
4232
|
+
Yt as FileUploadProgressActions,
|
|
4233
|
+
ll as Form,
|
|
4234
|
+
cl as FormField,
|
|
4235
|
+
nl as FormGroup,
|
|
4221
4236
|
st as Heading,
|
|
4222
4237
|
I as Icon,
|
|
4223
|
-
|
|
4224
|
-
|
|
4225
|
-
|
|
4226
|
-
|
|
4238
|
+
Nl as Info,
|
|
4239
|
+
sl as Input,
|
|
4240
|
+
xl as Interactive,
|
|
4241
|
+
il as Link,
|
|
4227
4242
|
Qt as Loader,
|
|
4228
|
-
|
|
4229
|
-
|
|
4230
|
-
|
|
4231
|
-
|
|
4232
|
-
|
|
4233
|
-
|
|
4234
|
-
|
|
4243
|
+
dl as Modal,
|
|
4244
|
+
x_ as ModalBase,
|
|
4245
|
+
fa as ModalCloseButton,
|
|
4246
|
+
ml as ModalHeader,
|
|
4247
|
+
ul as ModalPortal,
|
|
4248
|
+
pl as NumericInput,
|
|
4249
|
+
gl as Picker,
|
|
4235
4250
|
S_ as PickerList,
|
|
4236
|
-
|
|
4237
|
-
|
|
4238
|
-
|
|
4239
|
-
|
|
4240
|
-
|
|
4241
|
-
|
|
4242
|
-
|
|
4243
|
-
|
|
4244
|
-
|
|
4251
|
+
ur as Popover,
|
|
4252
|
+
W_ as ProgressBar,
|
|
4253
|
+
U_ as ProgressCircle,
|
|
4254
|
+
fl as PromoBanner,
|
|
4255
|
+
bl as RadioButton,
|
|
4256
|
+
g_ as RangeDatePicker,
|
|
4257
|
+
Dl as Reports,
|
|
4258
|
+
vl as SearchInput,
|
|
4259
|
+
al as SegmentedControl,
|
|
4245
4260
|
Qo as ShadowToken,
|
|
4246
|
-
|
|
4247
|
-
|
|
4261
|
+
Cl as Simple,
|
|
4262
|
+
Zo as SpacingToken,
|
|
4248
4263
|
hl as Switch,
|
|
4249
|
-
|
|
4250
|
-
|
|
4251
|
-
|
|
4252
|
-
|
|
4253
|
-
|
|
4254
|
-
|
|
4255
|
-
|
|
4256
|
-
|
|
4257
|
-
|
|
4258
|
-
|
|
4259
|
-
|
|
4260
|
-
|
|
4264
|
+
yl as Tab,
|
|
4265
|
+
kl as TabsList,
|
|
4266
|
+
El as TabsWrapper,
|
|
4267
|
+
Ra as Tag,
|
|
4268
|
+
uo as TagInput,
|
|
4269
|
+
P as Text,
|
|
4270
|
+
Tl as Textarea,
|
|
4271
|
+
Eo as Toast,
|
|
4272
|
+
wl as ToastWrapper,
|
|
4273
|
+
Do as Tooltip,
|
|
4274
|
+
Il as UploadBar,
|
|
4275
|
+
Sl as UserGuide
|
|
4261
4276
|
};
|