@pantheon-systems/pds-toolkit-react 2.0.0-alpha.59 → 2.0.0-alpha.60
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/codemods/v1-to-v2/css-token-renames.js +186 -0
- package/codemods/v1-to-v2/mappings.json +85 -7
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.input.tsx +24 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-removals/basic.output.tsx +24 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.input.tsx +29 -0
- package/codemods/v1-to-v2/transforms/__testfixtures__/css-class-renames/basic.output.tsx +29 -0
- package/codemods/v1-to-v2/transforms/css-class-removals.js +97 -27
- package/codemods/v1-to-v2/transforms/css-class-renames.js +80 -16
- package/dist/components/SiteFooter/SiteFooter.d.ts +7 -3
- package/dist/components/buttons/MenuButton/MenuButton.d.ts +4 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-button.css +1 -3
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-cta-link.css +1 -1
- package/dist/css/component-css/pds-expansion-panel-group.css +1 -1
- package/dist/css/component-css/pds-expansion-panel.css +1 -1
- package/dist/css/component-css/pds-index.css +11 -13
- package/dist/css/component-css/pds-menu-button.css +1 -1
- package/dist/css/component-css/pds-side-nav.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +2 -2
- package/dist/css/component-css/pds-utility-button.css +1 -1
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/design-tokens/variables.dark.css +6 -13
- package/dist/css/design-tokens/variables.global.css +1 -0
- package/dist/css/design-tokens/variables.light.css +7 -14
- package/dist/css/pds-components.css +11 -13
- package/dist/css/pds-core.css +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +148 -141
- package/dist/index.js.map +1 -1
- package/package.json +7 -6
package/dist/index.js
CHANGED
|
@@ -3363,18 +3363,18 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3363
3363
|
offsetValue: 8,
|
|
3364
3364
|
placement: "bottom-start",
|
|
3365
3365
|
role: "menu"
|
|
3366
|
-
}), A = Nt(), j = "pds-menu-button", M = a, [
|
|
3366
|
+
}), A = Nt(), j = "pds-menu-button", M = g === "navbar", N = M ? "subtle" : g, P = a, [F] = h(`menu-button-${a}`), I = [], L = [];
|
|
3367
3367
|
((e) => {
|
|
3368
3368
|
e.forEach((e) => {
|
|
3369
|
-
!Mn(e) && !Nn(e) && !Fn(e) &&
|
|
3369
|
+
!Mn(e) && !Nn(e) && !Fn(e) && L.push(e);
|
|
3370
3370
|
});
|
|
3371
3371
|
})(c);
|
|
3372
|
-
let
|
|
3372
|
+
let R = (e) => {
|
|
3373
3373
|
"disabled" in e && e.disabled || ("callback" in e && e.callback && e.callback(e), O(!1));
|
|
3374
|
-
},
|
|
3374
|
+
}, z = () => {
|
|
3375
3375
|
l && l();
|
|
3376
|
-
},
|
|
3377
|
-
let a =
|
|
3376
|
+
}, B = (t, n, r = "", i = "") => {
|
|
3377
|
+
let a = P + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
|
|
3378
3378
|
if (Mn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3379
3379
|
key: o,
|
|
3380
3380
|
className: "pds-dropdown__separator",
|
|
@@ -3391,17 +3391,17 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3391
3391
|
role: "presentation"
|
|
3392
3392
|
}, t.nodeContent);
|
|
3393
3393
|
if (Pn(t) || "label" in t && t.label) {
|
|
3394
|
-
let n =
|
|
3394
|
+
let n = L.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
|
|
3395
3395
|
if ("label" in t && t.label && s.push(t.label), Pn(t) && t.linkContent) {
|
|
3396
3396
|
let e = t.linkContent;
|
|
3397
3397
|
s.push(e.props.children);
|
|
3398
3398
|
}
|
|
3399
3399
|
t.iconName && s.unshift(/* @__PURE__ */ e.createElement(Q, {
|
|
3400
|
-
key: `icon-${
|
|
3400
|
+
key: `icon-${P}`,
|
|
3401
3401
|
iconName: t.iconName,
|
|
3402
3402
|
size: t.iconSize ?? "s"
|
|
3403
3403
|
})), i && a && s.unshift(/* @__PURE__ */ e.createElement("span", {
|
|
3404
|
-
key: `critical-${
|
|
3404
|
+
key: `critical-${P}`,
|
|
3405
3405
|
className: "visually-hidden"
|
|
3406
3406
|
}, a));
|
|
3407
3407
|
let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
|
|
@@ -3431,16 +3431,16 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3431
3431
|
tabIndex: r ? 0 : -1,
|
|
3432
3432
|
...S({
|
|
3433
3433
|
onClick: () => {
|
|
3434
|
-
Pn(t) ||
|
|
3434
|
+
Pn(t) || R(t), O(!1);
|
|
3435
3435
|
},
|
|
3436
3436
|
onKeyDown: (e) => {
|
|
3437
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Pn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() :
|
|
3437
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Pn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : R(t));
|
|
3438
3438
|
}
|
|
3439
3439
|
})
|
|
3440
3440
|
}, l);
|
|
3441
3441
|
}
|
|
3442
|
-
},
|
|
3443
|
-
let r = "id" in t && t.id ? t.id : `${
|
|
3442
|
+
}, V = (t, n) => {
|
|
3443
|
+
let r = "id" in t && t.id ? t.id : `${P}-accordion-item-${n + 1}`;
|
|
3444
3444
|
if (Mn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3445
3445
|
key: r,
|
|
3446
3446
|
className: "pds-dropdown__separator",
|
|
@@ -3462,11 +3462,11 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3462
3462
|
o.push(e.props.children);
|
|
3463
3463
|
}
|
|
3464
3464
|
t.iconName && o.unshift(/* @__PURE__ */ e.createElement(Q, {
|
|
3465
|
-
key: `icon-${
|
|
3465
|
+
key: `icon-${P}-${n}`,
|
|
3466
3466
|
iconName: t.iconName,
|
|
3467
3467
|
size: t.iconSize ?? "s"
|
|
3468
3468
|
})), i && a && o.unshift(/* @__PURE__ */ e.createElement("span", {
|
|
3469
|
-
key: `critical-${
|
|
3469
|
+
key: `critical-${P}-${n}`,
|
|
3470
3470
|
className: "visually-hidden"
|
|
3471
3471
|
}, a));
|
|
3472
3472
|
let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
|
|
@@ -3483,27 +3483,27 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3483
3483
|
className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
|
|
3484
3484
|
id: r,
|
|
3485
3485
|
onClick: () => {
|
|
3486
|
-
Pn(t) ||
|
|
3486
|
+
Pn(t) || R(t);
|
|
3487
3487
|
},
|
|
3488
3488
|
role: "menuitem",
|
|
3489
3489
|
tabIndex: t.disabled ? -1 : 0
|
|
3490
3490
|
}, c);
|
|
3491
3491
|
}
|
|
3492
|
-
},
|
|
3492
|
+
}, H = (t) => {
|
|
3493
3493
|
let n = t.filter(Nn || Mn), r = n.length > 0, a = Z([
|
|
3494
3494
|
"pds-dropdown__panel",
|
|
3495
3495
|
`${j}__listbox`,
|
|
3496
3496
|
i ? `${j}__listbox--icon-only` : null
|
|
3497
3497
|
]), o = 0;
|
|
3498
3498
|
if (r) {
|
|
3499
|
-
let r =
|
|
3499
|
+
let r = U(t, n);
|
|
3500
3500
|
return r.forEach((e, t) => {
|
|
3501
|
-
|
|
3501
|
+
I.push(`${t}`);
|
|
3502
3502
|
}), /* @__PURE__ */ e.createElement("div", {
|
|
3503
3503
|
ref: D.setFloating,
|
|
3504
|
-
"aria-labelledby":
|
|
3504
|
+
"aria-labelledby": P,
|
|
3505
3505
|
className: a,
|
|
3506
|
-
id:
|
|
3506
|
+
id: F,
|
|
3507
3507
|
role: "menu",
|
|
3508
3508
|
style: {
|
|
3509
3509
|
...y,
|
|
@@ -3512,22 +3512,22 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3512
3512
|
},
|
|
3513
3513
|
...b()
|
|
3514
3514
|
}, r.map((t, n) => {
|
|
3515
|
-
let r =
|
|
3515
|
+
let r = I[n], i = "isHeading" in t[0] && t[0].isHeading, a = i ? `${P}-group-${r}-heading` : "", s = `${P}-group-${r}`, c = i ? null : `${m} ${n + 1}`;
|
|
3516
3516
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
3517
3517
|
key: s,
|
|
3518
3518
|
"aria-label": c,
|
|
3519
3519
|
"aria-labelledby": a || void 0,
|
|
3520
3520
|
role: "group"
|
|
3521
3521
|
}, t.map((e) => {
|
|
3522
|
-
let t =
|
|
3522
|
+
let t = B(e, o, r, a);
|
|
3523
3523
|
return !Mn(e) && !Nn(e) && !Fn(e) && o++, t;
|
|
3524
3524
|
}));
|
|
3525
3525
|
}));
|
|
3526
3526
|
} else return /* @__PURE__ */ e.createElement("ul", {
|
|
3527
3527
|
ref: D.setFloating,
|
|
3528
|
-
"aria-labelledby":
|
|
3528
|
+
"aria-labelledby": P,
|
|
3529
3529
|
className: a,
|
|
3530
|
-
id:
|
|
3530
|
+
id: F,
|
|
3531
3531
|
role: "menu",
|
|
3532
3532
|
style: {
|
|
3533
3533
|
...y,
|
|
@@ -3536,47 +3536,47 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3536
3536
|
},
|
|
3537
3537
|
...b()
|
|
3538
3538
|
}, t.map((e) => {
|
|
3539
|
-
let t =
|
|
3539
|
+
let t = B(e, o);
|
|
3540
3540
|
return !Mn(e) && !Nn(e) && !Fn(e) && o++, t;
|
|
3541
3541
|
}));
|
|
3542
|
-
},
|
|
3542
|
+
}, U = (e, t) => {
|
|
3543
3543
|
let n = [], r = [...t], i = r.shift(), a = [];
|
|
3544
3544
|
return e.forEach((t, o) => {
|
|
3545
3545
|
t === i ? (n.push(a), a = [], a.push(t), i = r.shift()) : (a.push(t), o + 1 === e.length && n.push(a));
|
|
3546
3546
|
}), n.filter((e) => e.length > 0);
|
|
3547
|
-
},
|
|
3547
|
+
}, W, G = u === "m" ? "s" : "xs", K = f ? /* @__PURE__ */ e.createElement(e.Fragment, null, s, /* @__PURE__ */ e.createElement(an, {
|
|
3548
3548
|
className: "pds-button__tally",
|
|
3549
3549
|
label: f.label,
|
|
3550
|
-
size:
|
|
3550
|
+
size: G,
|
|
3551
3551
|
type: f.type
|
|
3552
|
-
})) : s,
|
|
3552
|
+
})) : s, ee = f ? /* @__PURE__ */ e.createElement("span", { className: `${j}__accordion-label` }, s, /* @__PURE__ */ e.createElement(an, {
|
|
3553
3553
|
className: `${j}__tally`,
|
|
3554
3554
|
label: f.label,
|
|
3555
3555
|
size: "s",
|
|
3556
3556
|
type: f.type
|
|
3557
3557
|
})) : s;
|
|
3558
|
-
if (i || (
|
|
3558
|
+
if (i || (W = /* @__PURE__ */ e.createElement(un, {
|
|
3559
3559
|
ref: D.setReference,
|
|
3560
|
-
"aria-controls":
|
|
3560
|
+
"aria-controls": F,
|
|
3561
3561
|
"aria-expanded": T,
|
|
3562
3562
|
"aria-haspopup": "true",
|
|
3563
|
-
className: `${j}__trigger`,
|
|
3563
|
+
className: Z([`${j}__trigger`, M ? `${j}__trigger--navbar` : null]),
|
|
3564
3564
|
disabled: n,
|
|
3565
3565
|
displayType: "icon-end",
|
|
3566
3566
|
iconName: "angleDown",
|
|
3567
|
-
id:
|
|
3567
|
+
id: P,
|
|
3568
3568
|
isSplitButton: o,
|
|
3569
|
-
label:
|
|
3569
|
+
label: K,
|
|
3570
3570
|
size: u,
|
|
3571
3571
|
statusDot: d,
|
|
3572
3572
|
type: "button",
|
|
3573
|
-
variant:
|
|
3574
|
-
...C({ onClick:
|
|
3573
|
+
variant: N,
|
|
3574
|
+
...C({ onClick: z })
|
|
3575
3575
|
})), i) {
|
|
3576
3576
|
let t = ln(s);
|
|
3577
|
-
|
|
3577
|
+
W = /* @__PURE__ */ e.createElement(pn, {
|
|
3578
3578
|
ref: D.setReference,
|
|
3579
|
-
"aria-controls":
|
|
3579
|
+
"aria-controls": F,
|
|
3580
3580
|
"aria-expanded": T,
|
|
3581
3581
|
"aria-haspopup": "true",
|
|
3582
3582
|
ariaLabel: t,
|
|
@@ -3584,29 +3584,29 @@ var On = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
3584
3584
|
disabled: n,
|
|
3585
3585
|
hasTooltip: !1,
|
|
3586
3586
|
iconName: r,
|
|
3587
|
-
id:
|
|
3587
|
+
id: P,
|
|
3588
3588
|
size: u,
|
|
3589
3589
|
type: "button",
|
|
3590
3590
|
variant: "standard",
|
|
3591
|
-
...C({ onClick:
|
|
3591
|
+
...C({ onClick: z })
|
|
3592
3592
|
});
|
|
3593
3593
|
}
|
|
3594
|
-
let
|
|
3594
|
+
let q = i ? /* @__PURE__ */ e.createElement("span", { className: `${j}__icon-label` }, /* @__PURE__ */ e.createElement(Q, { iconName: r }), " ", s) : ee, te = T ? `${j}--expanded` : null;
|
|
3595
3595
|
return /* @__PURE__ */ e.createElement("span", {
|
|
3596
3596
|
className: Z([
|
|
3597
3597
|
j,
|
|
3598
|
-
|
|
3598
|
+
te,
|
|
3599
3599
|
t
|
|
3600
3600
|
]),
|
|
3601
3601
|
"data-testid": p,
|
|
3602
3602
|
..._
|
|
3603
3603
|
}, A ? /* @__PURE__ */ e.createElement(An, {
|
|
3604
3604
|
disabled: n,
|
|
3605
|
-
label:
|
|
3605
|
+
label: q
|
|
3606
3606
|
}, /* @__PURE__ */ e.createElement("ul", {
|
|
3607
3607
|
className: `${j}__mobile-menu`,
|
|
3608
3608
|
role: "menu"
|
|
3609
|
-
}, c.map((e, t) =>
|
|
3609
|
+
}, c.map((e, t) => V(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, W, w && /* @__PURE__ */ e.createElement(x, null, H(c))));
|
|
3610
3610
|
}, zn = ({ border: t = !1, className: n, defaultValue: r, disabled: i = !1, iconOnly: a = !1, id: o, label: s, onChange: c, options: l, size: u = "m", value: d, ...f }) => {
|
|
3611
3611
|
let p = "pds-segmented-button", m = u === "m" ? null : `${p}--${u}`, g = t ? `${p}--bordered` : null, _ = a ? `${p}--icon-only` : null;
|
|
3612
3612
|
a && process.env.NODE_ENV !== "production" && l.some((e) => !e.iconName) && console.warn("[SegmentedButton] `iconOnly` mode requires every option to have an `iconName`. Options without one will render an empty segment.");
|
|
@@ -10853,7 +10853,14 @@ var Er = {
|
|
|
10853
10853
|
className: Z([s, t ?? ""]),
|
|
10854
10854
|
...o
|
|
10855
10855
|
}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
|
|
10856
|
-
}, ka =
|
|
10856
|
+
}, ka = {
|
|
10857
|
+
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
10858
|
+
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
10859
|
+
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
10860
|
+
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
10861
|
+
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
10862
|
+
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
10863
|
+
}, Aa = (e) => typeof e == "string", ja = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
|
|
10857
10864
|
"privacy",
|
|
10858
10865
|
"dataSubjectRequest",
|
|
10859
10866
|
"cookiePolicy",
|
|
@@ -10861,7 +10868,7 @@ var Er = {
|
|
|
10861
10868
|
"acceptableUse",
|
|
10862
10869
|
"accessibilityStatement"
|
|
10863
10870
|
], surfaceColor: s, ...c }) => {
|
|
10864
|
-
let l = "pds-site-footer", u = a ? `${l}--border` : null, d = s === "secondary" ? `${l}--on-secondary` : null, f = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", p = (/* @__PURE__ */ new Date()).getFullYear()
|
|
10871
|
+
let l = "pds-site-footer", u = a ? `${l}--border` : null, d = s === "secondary" ? `${l}--on-secondary` : null, f = i && i !== "standard" ? `pds-container pds-container--${i}` : "pds-container", p = (/* @__PURE__ */ new Date()).getFullYear();
|
|
10865
10872
|
return /* @__PURE__ */ e.createElement(t, {
|
|
10866
10873
|
className: Z([
|
|
10867
10874
|
l,
|
|
@@ -10870,8 +10877,8 @@ var Er = {
|
|
|
10870
10877
|
r ?? ""
|
|
10871
10878
|
]),
|
|
10872
10879
|
...c
|
|
10873
|
-
}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."),
|
|
10874
|
-
},
|
|
10880
|
+
}, /* @__PURE__ */ e.createElement("div", { className: f }, n && /* @__PURE__ */ e.createElement("div", { className: `${l}__content` }, n), /* @__PURE__ */ e.createElement("div", { className: `${l}__legal` }, /* @__PURE__ */ e.createElement("span", { className: `${l}__copyright` }, "© ", p, " Pantheon Systems, Inc."), o.map((t, n) => Aa(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, ka[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
|
|
10881
|
+
}, Ma = ({ className: t, option: n, ...r }) => {
|
|
10875
10882
|
let i = "pds-site-option-display", a = n.type ? Ln[n.type] : "boltSolid", o = m(null), [s] = De(o), c = s.width / 16 - 7.5, l, u;
|
|
10876
10883
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
10877
10884
|
let d = /* @__PURE__ */ e.createElement(rn, {
|
|
@@ -10894,7 +10901,7 @@ var Er = {
|
|
|
10894
10901
|
className: `${i}__status`,
|
|
10895
10902
|
style: { pointerEvents: "none" }
|
|
10896
10903
|
}, d));
|
|
10897
|
-
},
|
|
10904
|
+
}, Na = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
|
|
10898
10905
|
clearButton: "Clear input text",
|
|
10899
10906
|
inputInstructions: "Type to search options"
|
|
10900
10907
|
}, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
|
|
@@ -10906,7 +10913,7 @@ var Er = {
|
|
|
10906
10913
|
id: n,
|
|
10907
10914
|
label: i,
|
|
10908
10915
|
value: r ?? i,
|
|
10909
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
10916
|
+
optionDisplay: /* @__PURE__ */ e.createElement(Ma, { option: t }),
|
|
10910
10917
|
siteData: t
|
|
10911
10918
|
};
|
|
10912
10919
|
});
|
|
@@ -10935,7 +10942,7 @@ var Er = {
|
|
|
10935
10942
|
};
|
|
10936
10943
|
//#endregion
|
|
10937
10944
|
//#region src/components/SortableList/sortable-utils.ts
|
|
10938
|
-
function
|
|
10945
|
+
function Pa(e, t, n = null, r = 0, i = []) {
|
|
10939
10946
|
return e.reduce((e, a, o) => {
|
|
10940
10947
|
let s = !!a.children?.length, c = t.has(a.id);
|
|
10941
10948
|
return e.push({
|
|
@@ -10947,10 +10954,10 @@ function Ma(e, t, n = null, r = 0, i = []) {
|
|
|
10947
10954
|
index: o,
|
|
10948
10955
|
isExpanded: c,
|
|
10949
10956
|
parentId: n
|
|
10950
|
-
}), s && c && a.children && e.push(...
|
|
10957
|
+
}), s && c && a.children && e.push(...Pa(a.children, t, a.id, r + 1, [...i, a.id])), e;
|
|
10951
10958
|
}, []);
|
|
10952
10959
|
}
|
|
10953
|
-
function
|
|
10960
|
+
function Fa(e) {
|
|
10954
10961
|
let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
|
|
10955
10962
|
for (let i of e) {
|
|
10956
10963
|
let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
|
|
@@ -10963,28 +10970,28 @@ function Na(e) {
|
|
|
10963
10970
|
e && (e.children || (e.children = []), e.children.push(o));
|
|
10964
10971
|
}
|
|
10965
10972
|
}
|
|
10966
|
-
return
|
|
10973
|
+
return Ia(r);
|
|
10967
10974
|
}
|
|
10968
|
-
function
|
|
10975
|
+
function Ia(e) {
|
|
10969
10976
|
return e.map((e) => {
|
|
10970
10977
|
if (e.children?.length) return {
|
|
10971
10978
|
...e,
|
|
10972
|
-
children:
|
|
10979
|
+
children: Ia(e.children)
|
|
10973
10980
|
};
|
|
10974
10981
|
let { children: t, ...n } = e;
|
|
10975
10982
|
return n;
|
|
10976
10983
|
});
|
|
10977
10984
|
}
|
|
10978
|
-
function
|
|
10985
|
+
function La(e, t) {
|
|
10979
10986
|
for (let n of e) {
|
|
10980
10987
|
if (n.id === t) return n;
|
|
10981
10988
|
if (n.children) {
|
|
10982
|
-
let e =
|
|
10989
|
+
let e = La(n.children, t);
|
|
10983
10990
|
if (e) return e;
|
|
10984
10991
|
}
|
|
10985
10992
|
}
|
|
10986
10993
|
}
|
|
10987
|
-
function
|
|
10994
|
+
function Ra(e, t, n, r, i, a, o) {
|
|
10988
10995
|
let s = e.findIndex((e) => e.id === n);
|
|
10989
10996
|
if (s === -1) return 0;
|
|
10990
10997
|
let c = e[s], l = Math.round(r / i), u = e.find((e) => e.id === t), d = (o ?? u?.depth ?? c.depth) + l, f = e[s - 1], p = f ? f.depth + 1 : 0, m = e.slice(s + 1).find((e) => e.id !== t && !e.ancestorIds.includes(t) && !e.ancestorIds.includes(n)), h = m ? m.depth : 0;
|
|
@@ -10992,7 +10999,7 @@ function Ia(e, t, n, r, i, a, o) {
|
|
|
10992
10999
|
}
|
|
10993
11000
|
//#endregion
|
|
10994
11001
|
//#region src/components/SortableList/SortableListHeader.tsx
|
|
10995
|
-
var
|
|
11002
|
+
var za = ({ children: t, className: n, columns: r, ...i }) => {
|
|
10996
11003
|
if (!r && !t) return null;
|
|
10997
11004
|
let a = r ? {
|
|
10998
11005
|
display: "grid",
|
|
@@ -11013,13 +11020,13 @@ var La = ({ children: t, className: n, columns: r, ...i }) => {
|
|
|
11013
11020
|
};
|
|
11014
11021
|
//#endregion
|
|
11015
11022
|
//#region src/components/SortableList/useSortableTree.ts
|
|
11016
|
-
function
|
|
11023
|
+
function Ba({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
|
|
11017
11024
|
let i = n !== void 0, [a, o] = h(() => n ?? e ?? []), [c, l] = h(/* @__PURE__ */ new Set()), u = m(null), d = m(t);
|
|
11018
11025
|
t && !d.current && (u.current = {
|
|
11019
11026
|
items: i ? n : a,
|
|
11020
11027
|
expandedIds: c
|
|
11021
|
-
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 &&
|
|
11022
|
-
let f = i ? n : a, g = p(() =>
|
|
11028
|
+
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && Ha("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
|
|
11029
|
+
let f = i ? n : a, g = p(() => Pa(f, c), [f, c]), _ = p(() => g.map((e) => e.id), [g]), v = s((e) => {
|
|
11023
11030
|
l((t) => {
|
|
11024
11031
|
let n = new Set(t);
|
|
11025
11032
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -11037,7 +11044,7 @@ function Ra({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11037
11044
|
}, []),
|
|
11038
11045
|
flatNodes: g,
|
|
11039
11046
|
handleReorder: s((e) => {
|
|
11040
|
-
let t =
|
|
11047
|
+
let t = Fa(e);
|
|
11041
11048
|
i || o(t), r?.(t);
|
|
11042
11049
|
}, [i, r]),
|
|
11043
11050
|
resetToSnapshot: s(() => {
|
|
@@ -11049,24 +11056,24 @@ function Ra({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11049
11056
|
toggleExpand: v
|
|
11050
11057
|
};
|
|
11051
11058
|
}
|
|
11052
|
-
var
|
|
11053
|
-
function
|
|
11054
|
-
|
|
11059
|
+
var Va = /* @__PURE__ */ new Set();
|
|
11060
|
+
function Ha(e) {
|
|
11061
|
+
Va.has(e) || (Va.add(e), console.warn(e));
|
|
11055
11062
|
}
|
|
11056
11063
|
//#endregion
|
|
11057
11064
|
//#region src/components/SortableList/SortableList.tsx
|
|
11058
|
-
var
|
|
11065
|
+
var Ua = 24, Wa = { droppable: { strategy: je.Always } }, Ga = a(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: c = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: f = () => !1, items: g, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
|
|
11059
11066
|
let w = "pds-sortable-list", [T, E] = h(null), D = m(null), [O, k] = h(!1), A = m(!1), [j, M] = h(null), N = m(0), P = m(0), F = m("pointer"), I = m(0), L = m(null), [R, z] = h(0), B = m(0), [V, H] = h(0), U = m(0), W = s((e, t) => {
|
|
11060
11067
|
if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
|
|
11061
11068
|
e.preventDefault();
|
|
11062
11069
|
let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
|
|
11063
11070
|
return B.current = i, z(i), {
|
|
11064
|
-
x: t.currentCoordinates.x + a *
|
|
11071
|
+
x: t.currentCoordinates.x + a * Ua,
|
|
11065
11072
|
y: t.currentCoordinates.y
|
|
11066
11073
|
};
|
|
11067
11074
|
}
|
|
11068
11075
|
return Le(e, t);
|
|
11069
|
-
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } =
|
|
11076
|
+
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: ee, flatNodes: q, handleReorder: te, resetToSnapshot: ne, sortableIds: re, toggleExpand: J } = Ba({
|
|
11070
11077
|
defaultItems: a,
|
|
11071
11078
|
isDragEnabled: G,
|
|
11072
11079
|
items: g,
|
|
@@ -11093,9 +11100,9 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11093
11100
|
X,
|
|
11094
11101
|
Y,
|
|
11095
11102
|
j
|
|
11096
|
-
]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ?
|
|
11103
|
+
]).size > 0, le = p(() => T ? q.find((e) => e.id === T) ?? null : null, [T, q]), ue = p(() => T ? La(K, String(T)) ?? null : null, [T, K]), de = p(() => {
|
|
11097
11104
|
let e = le?.depth ?? 0;
|
|
11098
|
-
return !T || !j || O || _ === 0 ? e :
|
|
11105
|
+
return !T || !j || O || _ === 0 ? e : Ra(q, String(T), String(j), V * Ua, Ua, _);
|
|
11099
11106
|
}, [
|
|
11100
11107
|
T,
|
|
11101
11108
|
le,
|
|
@@ -11107,7 +11114,7 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11107
11114
|
]), fe = p(() => {
|
|
11108
11115
|
if (!T || O || de === 0 || j && X(j)) return null;
|
|
11109
11116
|
let e = q.findIndex((e) => e.id === T);
|
|
11110
|
-
return e === -1 ? null :
|
|
11117
|
+
return e === -1 ? null : Ka(q, e, de);
|
|
11111
11118
|
}, [
|
|
11112
11119
|
T,
|
|
11113
11120
|
q,
|
|
@@ -11153,19 +11160,19 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11153
11160
|
}, [q, Y]), ge = s((e) => {
|
|
11154
11161
|
let t = e.delta.x;
|
|
11155
11162
|
if (P.current = t, A.current || _ === 0) return;
|
|
11156
|
-
let n = Math.floor(t /
|
|
11157
|
-
(n > r || n < r && t < r *
|
|
11163
|
+
let n = Math.floor(t / Ua), r = U.current;
|
|
11164
|
+
(n > r || n < r && t < r * Ua - Ua * .4) && (U.current = n, H(n));
|
|
11158
11165
|
}, [_]), _e = s((e) => {
|
|
11159
11166
|
let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
|
|
11160
11167
|
E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (ee(L.current), L.current = null);
|
|
11161
|
-
let o = q.findIndex((e) => e.id === t.id), s = r ? i *
|
|
11168
|
+
let o = q.findIndex((e) => e.id === t.id), s = r ? i * Ua : a * Ua, c = !n || t.id === n.id, l = n?.id ?? null;
|
|
11162
11169
|
if (r && i > 0 && c && o > 0 && (l = q[o - 1].id), !l || t.id === l) {
|
|
11163
11170
|
if (o === -1) return;
|
|
11164
11171
|
let e = q[o];
|
|
11165
11172
|
if (!e) return;
|
|
11166
|
-
let n =
|
|
11173
|
+
let n = Ra(q, String(t.id), String(t.id), s, Ua, _);
|
|
11167
11174
|
if (n === e.depth) return;
|
|
11168
|
-
let r = [...q], [i] = r.splice(o, 1), a =
|
|
11175
|
+
let r = [...q], [i] = r.splice(o, 1), a = Ka(r, o, n);
|
|
11169
11176
|
if (a && oe.has(a)) return;
|
|
11170
11177
|
let c = {
|
|
11171
11178
|
...i,
|
|
@@ -11187,9 +11194,9 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11187
11194
|
let e = q[u];
|
|
11188
11195
|
g = Math.min(e.depth + 1, _), v = String(l);
|
|
11189
11196
|
} else {
|
|
11190
|
-
g =
|
|
11197
|
+
g = Ra(d, String(t.id), String(l), s, Ua, _, p.depth);
|
|
11191
11198
|
let e = d[h];
|
|
11192
|
-
v = e && e.depth === g - 1 ? String(l) :
|
|
11199
|
+
v = e && e.depth === g - 1 ? String(l) : Ka(d, h, g);
|
|
11193
11200
|
}
|
|
11194
11201
|
if (v && oe.has(v)) return;
|
|
11195
11202
|
let y = {
|
|
@@ -11212,24 +11219,24 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11212
11219
|
E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (ee(L.current), L.current = null);
|
|
11213
11220
|
}, [ee]), ye = p(() => ({
|
|
11214
11221
|
onDragStart({ active: e }) {
|
|
11215
|
-
let t = q.find((t) => t.id === e.id), n =
|
|
11222
|
+
let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
|
|
11216
11223
|
return `Picked up ${n ? c(n) : String(e.id)}. Current position: ${t ? q.indexOf(t) + 1 : "?"} of ${q.length} at depth ${t?.depth ?? 0}.`;
|
|
11217
11224
|
},
|
|
11218
11225
|
onDragOver({ active: e, over: t }) {
|
|
11219
11226
|
if (!t) return;
|
|
11220
11227
|
let n = q.findIndex((e) => e.id === t.id);
|
|
11221
11228
|
if (n === -1) return;
|
|
11222
|
-
let r =
|
|
11229
|
+
let r = La(K, String(e.id)), i = r ? c(r) : String(e.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
|
|
11223
11230
|
return `Moving ${i}. Target position: ${n + 1} of ${q.length} at depth ${a}.`;
|
|
11224
11231
|
},
|
|
11225
11232
|
onDragEnd({ active: e, over: t }) {
|
|
11226
|
-
let n =
|
|
11233
|
+
let n = La(K, String(e.id)), r = n ? c(n) : String(e.id);
|
|
11227
11234
|
if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
|
|
11228
|
-
let i = q.findIndex((e) => e.id === t.id), a =
|
|
11235
|
+
let i = q.findIndex((e) => e.id === t.id), a = Ra(q, String(e.id), String(t.id), P.current, Ua, _);
|
|
11229
11236
|
return `${r} dropped at position ${i + 1} of ${q.length} at depth ${a}.`;
|
|
11230
11237
|
},
|
|
11231
11238
|
onDragCancel({ active: e }) {
|
|
11232
|
-
let t = q.find((t) => t.id === e.id), n =
|
|
11239
|
+
let t = q.find((t) => t.id === e.id), n = La(K, String(e.id));
|
|
11233
11240
|
return `Sorting cancelled. ${n ? c(n) : String(e.id)} returned to position ${t ? q.indexOf(t) + 1 : "?"} of ${q.length}.`;
|
|
11234
11241
|
}
|
|
11235
11242
|
}), [
|
|
@@ -11237,14 +11244,14 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11237
11244
|
q,
|
|
11238
11245
|
c,
|
|
11239
11246
|
_
|
|
11240
|
-
]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type ===
|
|
11247
|
+
]), be = { columns: i }, xe = t.map(n, (t) => o(t) && t.type === za ? e.cloneElement(t, be) : t);
|
|
11241
11248
|
return /* @__PURE__ */ e.createElement(Oe, {
|
|
11242
11249
|
accessibility: {
|
|
11243
11250
|
announcements: ye,
|
|
11244
11251
|
...x ? { screenReaderInstructions: { draggable: x } } : {}
|
|
11245
11252
|
},
|
|
11246
11253
|
collisionDetection: me,
|
|
11247
|
-
measuring:
|
|
11254
|
+
measuring: Wa,
|
|
11248
11255
|
onDragCancel: ve,
|
|
11249
11256
|
onDragEnd: _e,
|
|
11250
11257
|
onDragMove: ge,
|
|
@@ -11319,14 +11326,14 @@ var Va = 24, Ha = { droppable: { strategy: je.Always } }, Ua = a(function({ chil
|
|
|
11319
11326
|
return o(a) ? e.cloneElement(a, s) : a;
|
|
11320
11327
|
})()) : null));
|
|
11321
11328
|
});
|
|
11322
|
-
function
|
|
11329
|
+
function Ka(e, t, n) {
|
|
11323
11330
|
if (n === 0) return null;
|
|
11324
11331
|
for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
|
|
11325
11332
|
return null;
|
|
11326
11333
|
}
|
|
11327
11334
|
//#endregion
|
|
11328
11335
|
//#region src/components/SortableList/SortableRow.tsx
|
|
11329
|
-
var
|
|
11336
|
+
var qa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a = !1, id: o, isDragActive: s = !1, isDragging: c = !1, isDropTarget: l = !1, isExpanded: u = !1, isLocked: d = !1, isProjectedParent: f = !1, onToggleExpand: p, projectedDepthDelta: m, ...h }) => {
|
|
11330
11337
|
let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = Re({
|
|
11331
11338
|
attributes: {
|
|
11332
11339
|
role: "listitem",
|
|
@@ -11381,11 +11388,11 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11381
11388
|
key: t.id,
|
|
11382
11389
|
className: `${w}__cell`
|
|
11383
11390
|
}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
|
|
11384
|
-
},
|
|
11391
|
+
}, Ja = [
|
|
11385
11392
|
"default",
|
|
11386
11393
|
"working",
|
|
11387
11394
|
"checked"
|
|
11388
|
-
],
|
|
11395
|
+
], Ya = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
|
|
11389
11396
|
let l = {
|
|
11390
11397
|
checkForUpdates: "Check for updates",
|
|
11391
11398
|
checking: "Checking...",
|
|
@@ -11432,7 +11439,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11432
11439
|
triggerIconColor: "default",
|
|
11433
11440
|
triggerIconSize: "s"
|
|
11434
11441
|
}), t === "left" && g));
|
|
11435
|
-
},
|
|
11442
|
+
}, Xa = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
|
|
11436
11443
|
let s = "pds-status-indicator", c = `${s}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(nn, {
|
|
11437
11444
|
className: `${s}__spinner`,
|
|
11438
11445
|
size: "m"
|
|
@@ -11449,7 +11456,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11449
11456
|
]),
|
|
11450
11457
|
...a
|
|
11451
11458
|
}, r ? d : l);
|
|
11452
|
-
},
|
|
11459
|
+
}, Za = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
|
|
11453
11460
|
let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
|
|
11454
11461
|
let a = /* @__PURE__ */ e.createElement("div", { className: `${o}__number` }, /* @__PURE__ */ e.createElement("span", null, i + 1)), s = /* @__PURE__ */ e.createElement("div", { className: `${o}__header` }, r), c = t ? /* @__PURE__ */ e.createElement("div", { className: `${o}__content` }, t) : null, l = `${o}__step`;
|
|
11455
11462
|
return /* @__PURE__ */ e.createElement("li", {
|
|
@@ -11467,7 +11474,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11467
11474
|
style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
|
|
11468
11475
|
...a
|
|
11469
11476
|
}, l);
|
|
11470
|
-
},
|
|
11477
|
+
}, Qa = ({ className: t, steps: n, translatableLabels: r = {
|
|
11471
11478
|
step: "Step",
|
|
11472
11479
|
completed: "completed",
|
|
11473
11480
|
hasError: "has an error",
|
|
@@ -11556,7 +11563,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11556
11563
|
"data-steps": d,
|
|
11557
11564
|
...i
|
|
11558
11565
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, h)));
|
|
11559
|
-
},
|
|
11566
|
+
}, $a = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
11560
11567
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
11561
11568
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
11562
11569
|
className: Z([...p]),
|
|
@@ -11582,14 +11589,14 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11582
11589
|
size: "s",
|
|
11583
11590
|
variant: "highlight"
|
|
11584
11591
|
})))));
|
|
11585
|
-
},
|
|
11592
|
+
}, eo = ({ className: t, labelStrings: n = {
|
|
11586
11593
|
step: "Step",
|
|
11587
11594
|
completed: "completed",
|
|
11588
11595
|
hasError: "has an error"
|
|
11589
11596
|
}, steps: r, ...i }) => {
|
|
11590
11597
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
11591
11598
|
let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
|
|
11592
|
-
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(
|
|
11599
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement($a, {
|
|
11593
11600
|
key: `s${i}`,
|
|
11594
11601
|
_isFirstStep: c,
|
|
11595
11602
|
"aria-current": a ? "step" : null,
|
|
@@ -11610,7 +11617,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11610
11617
|
className: Z([a, t ?? ""]),
|
|
11611
11618
|
...i
|
|
11612
11619
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
11613
|
-
},
|
|
11620
|
+
}, to = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: d, emptyState: f, emptyStateHeading: g = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, nextDetailPanelRowLabel: A = "Next row", onDetailPanelNext: j, onDetailPanelPrev: M, onPageChange: N, onPageSizeChange: P, onRowInspect: F, onRowSelectionChange: I, onSort: L, pageSizeOptions: R, pageSizeSelectLabel: z = "Rows per page", paginationLabels: B, panel: V, prevDetailPanelRowLabel: H = "Previous row", renderDetailPanel: U, renderDetailPanelFooter: W, rowData: G, selectAllLabel: K = "Select all rows", selectedRows: ee, sortKey: q, sortOrder: te, totalItemCount: ne, ...re }) => {
|
|
11614
11621
|
let J = "pds-table", ie = u(), ae = u(), Y = m(null), oe = L !== void 0, X = N !== void 0, se = P !== void 0, ce = X || O !== void 0 || R !== void 0, le = G.length > 0 || X && (ne ?? 0) > 0, [ue, de] = h({
|
|
11615
11622
|
key: a ?? "",
|
|
11616
11623
|
order: a === void 0 ? "asc" : o
|
|
@@ -11831,7 +11838,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11831
11838
|
variant: "standard"
|
|
11832
11839
|
}))))));
|
|
11833
11840
|
return V ? /* @__PURE__ */ e.createElement(da, { padding: "none" }, Ze) : Ze;
|
|
11834
|
-
},
|
|
11841
|
+
}, no = [
|
|
11835
11842
|
" ",
|
|
11836
11843
|
"/",
|
|
11837
11844
|
".",
|
|
@@ -11849,7 +11856,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11849
11856
|
"=",
|
|
11850
11857
|
"|",
|
|
11851
11858
|
"~"
|
|
11852
|
-
],
|
|
11859
|
+
], ro = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), io = (e) => {
|
|
11853
11860
|
let t = [];
|
|
11854
11861
|
return e.forEach((e) => {
|
|
11855
11862
|
let { id: n, innerText: r } = e;
|
|
@@ -11862,18 +11869,18 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11862
11869
|
title: r
|
|
11863
11870
|
});
|
|
11864
11871
|
}), t;
|
|
11865
|
-
},
|
|
11872
|
+
}, ao = (e, t, n) => {
|
|
11866
11873
|
let [r, i] = h([]);
|
|
11867
11874
|
return l(() => {
|
|
11868
11875
|
let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
|
|
11869
11876
|
let e = Array.from(document.querySelectorAll(r));
|
|
11870
11877
|
e.forEach((e) => {
|
|
11871
|
-
|
|
11872
|
-
e.id.includes(t) && (e.id = e.id.replace(new RegExp(
|
|
11878
|
+
no.forEach((t) => {
|
|
11879
|
+
e.id.includes(t) && (e.id = e.id.replace(new RegExp(ro(t), "g"), "-"));
|
|
11873
11880
|
});
|
|
11874
11881
|
}), e.forEach((e, t) => {
|
|
11875
11882
|
e.id || (e.id = `${n}-item-${t}`);
|
|
11876
|
-
}), i(
|
|
11883
|
+
}), i(io(e));
|
|
11877
11884
|
};
|
|
11878
11885
|
a();
|
|
11879
11886
|
let o = document.getElementById(e);
|
|
@@ -11889,7 +11896,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11889
11896
|
t,
|
|
11890
11897
|
n
|
|
11891
11898
|
]), { nestedHeadings: r };
|
|
11892
|
-
},
|
|
11899
|
+
}, oo = (e, t) => {
|
|
11893
11900
|
let [n, r] = h(void 0), i = m({});
|
|
11894
11901
|
return l(() => {
|
|
11895
11902
|
let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
|
|
@@ -11908,7 +11915,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11908
11915
|
o.disconnect(), r(void 0);
|
|
11909
11916
|
};
|
|
11910
11917
|
}, [e, t]), n;
|
|
11911
|
-
},
|
|
11918
|
+
}, so = ({ activeID: t, baseClass: n, headings: r, onLinkClick: i }) => /* @__PURE__ */ e.createElement("ul", { className: `${n}__list ${n}__list--top-level` }, r.map((r) => /* @__PURE__ */ e.createElement("li", {
|
|
11912
11919
|
key: r.id,
|
|
11913
11920
|
className: `${n}__list-item`
|
|
11914
11921
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
@@ -11924,8 +11931,8 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11924
11931
|
className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
|
|
11925
11932
|
href: `#${r.id}`,
|
|
11926
11933
|
onClick: (e) => i(e, r.id)
|
|
11927
|
-
}, r.title))))))),
|
|
11928
|
-
let d = "pds-toc", { nestedHeadings: f } =
|
|
11934
|
+
}, r.title))))))), co = ({ appendIds: t = !1, ariaLabel: n = "Table of contents", className: r, headingLevel: i = "h2", headingText: a = "Table of contents", ignoreClass: o = "pds-toc-ignore", showHeading: s = !1, sourceID: c = "pds-toc-source", ...l }) => {
|
|
11935
|
+
let d = "pds-toc", { nestedHeadings: f } = ao(c, o, u()), p = oo(c, o), m = (e) => {
|
|
11929
11936
|
typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
|
|
11930
11937
|
}, h = (e) => {
|
|
11931
11938
|
document.querySelector(`#${e}`)?.scrollIntoView({
|
|
@@ -11943,13 +11950,13 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11943
11950
|
baseClass: d,
|
|
11944
11951
|
className: `${s ? "" : "visually-hidden"}`,
|
|
11945
11952
|
level: i
|
|
11946
|
-
}, a), /* @__PURE__ */ e.createElement(
|
|
11953
|
+
}, a), /* @__PURE__ */ e.createElement(so, {
|
|
11947
11954
|
activeID: p,
|
|
11948
11955
|
baseClass: d,
|
|
11949
11956
|
headings: f,
|
|
11950
11957
|
onLinkClick: g
|
|
11951
11958
|
}));
|
|
11952
|
-
},
|
|
11959
|
+
}, lo = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
11953
11960
|
let c = "pds-tabs", [u, d] = h(a ?? r);
|
|
11954
11961
|
l(() => {
|
|
11955
11962
|
a !== void 0 && d(a);
|
|
@@ -12063,7 +12070,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12063
12070
|
className: `${c}__panel-content`,
|
|
12064
12071
|
hidden: o !== u
|
|
12065
12072
|
}, r)))));
|
|
12066
|
-
},
|
|
12073
|
+
}, uo = [
|
|
12067
12074
|
"orange",
|
|
12068
12075
|
"stone",
|
|
12069
12076
|
"gold",
|
|
@@ -12077,7 +12084,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12077
12084
|
"magenta",
|
|
12078
12085
|
"rose",
|
|
12079
12086
|
"red"
|
|
12080
|
-
],
|
|
12087
|
+
], fo = [
|
|
12081
12088
|
"orange-solid",
|
|
12082
12089
|
"teal-solid",
|
|
12083
12090
|
"indigo-solid",
|
|
@@ -12087,14 +12094,14 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12087
12094
|
"lime-solid",
|
|
12088
12095
|
"sky-solid",
|
|
12089
12096
|
"slate-solid"
|
|
12090
|
-
],
|
|
12097
|
+
], po = [
|
|
12091
12098
|
"success-solid",
|
|
12092
12099
|
"warning-solid",
|
|
12093
12100
|
"critical-solid",
|
|
12094
12101
|
"info-solid",
|
|
12095
12102
|
"discovery-solid"
|
|
12096
|
-
],
|
|
12097
|
-
let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${
|
|
12103
|
+
], mo = [...fo, ...po], ho = [...uo, ...fo], go = (e) => ho[parseInt(_(e), 16) % ho.length], _o = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, vo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: s = "s", tagColor: c, tagLabel: l, truncationLength: u = 20, ...d }) => {
|
|
12104
|
+
let [f, p] = h(!0), m = "pds-tag", g = c ? `${m}--${c}` : `${m}--${go(l)}`, _ = s === "m" ? null : `${m}--${s}`, v = f ? null : "pds-tag--hide", y = () => {
|
|
12098
12105
|
p((e) => !e);
|
|
12099
12106
|
}, b, x, S;
|
|
12100
12107
|
if (r && !n && o(r)) {
|
|
@@ -12116,7 +12123,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12116
12123
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
12117
12124
|
className: `${m}__label`,
|
|
12118
12125
|
title: l
|
|
12119
|
-
}, u > 0 ?
|
|
12126
|
+
}, u > 0 ? _o(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
|
|
12120
12127
|
"aria-label": `${a}: ${l}`,
|
|
12121
12128
|
className: `${m}__remove`,
|
|
12122
12129
|
onClick: () => {
|
|
@@ -12128,7 +12135,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12128
12135
|
iconName: "xmark",
|
|
12129
12136
|
size: "m"
|
|
12130
12137
|
})) : null);
|
|
12131
|
-
},
|
|
12138
|
+
}, yo = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
|
|
12132
12139
|
let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = Xe(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
|
|
12133
12140
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12134
12141
|
className: Z([
|
|
@@ -12139,7 +12146,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12139
12146
|
]),
|
|
12140
12147
|
...a
|
|
12141
12148
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__layout` }, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-left` }, u), /* @__PURE__ */ e.createElement("div", { className: `${o}__items-right` }, d)));
|
|
12142
|
-
},
|
|
12149
|
+
}, bo = () => {
|
|
12143
12150
|
let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = h(e ? t(window.innerWidth) : "lg");
|
|
12144
12151
|
return l(() => {
|
|
12145
12152
|
if (!e) return;
|
|
@@ -12150,7 +12157,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12150
12157
|
window.removeEventListener("resize", n);
|
|
12151
12158
|
};
|
|
12152
12159
|
}, []), n;
|
|
12153
|
-
},
|
|
12160
|
+
}, xo = ({ children: t, className: n, drawerContent: r, drawerProps: a, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: u, keyboardShortcuts: d = !0, labels: p, mainBackground: g, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
|
|
12154
12161
|
let [j, M] = h(u || !1);
|
|
12155
12162
|
l(() => {
|
|
12156
12163
|
M(u || !1);
|
|
@@ -12172,7 +12179,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12172
12179
|
return;
|
|
12173
12180
|
}
|
|
12174
12181
|
M(!j);
|
|
12175
|
-
}, U =
|
|
12182
|
+
}, U = bo();
|
|
12176
12183
|
l(() => {
|
|
12177
12184
|
U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
|
|
12178
12185
|
}, [U]);
|
|
@@ -12275,7 +12282,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12275
12282
|
!e && c && b && b();
|
|
12276
12283
|
}
|
|
12277
12284
|
}, r));
|
|
12278
|
-
},
|
|
12285
|
+
}, So = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
|
|
12279
12286
|
let c = "pds-docs-layout", l = {
|
|
12280
12287
|
"--docs-sidebar-max-width": `${i}rem`,
|
|
12281
12288
|
"--docs-sidebar-min-width": `${a}rem`,
|
|
@@ -12293,7 +12300,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12293
12300
|
},
|
|
12294
12301
|
...s
|
|
12295
12302
|
}, f && /* @__PURE__ */ e.createElement("aside", { className: `${c}__sidebar` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__sidebar-inner` }, f)), /* @__PURE__ */ e.createElement("div", { className: `${c}__content` }, d));
|
|
12296
|
-
},
|
|
12303
|
+
}, Co = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
|
|
12297
12304
|
let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = Xe(t);
|
|
12298
12305
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12299
12306
|
className: Z([u, n ?? ""]),
|
|
@@ -12307,7 +12314,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12307
12314
|
},
|
|
12308
12315
|
...l
|
|
12309
12316
|
}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
|
|
12310
|
-
},
|
|
12317
|
+
}, wo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
|
|
12311
12318
|
let o = Xe(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Si, {
|
|
12312
12319
|
className: Z([
|
|
12313
12320
|
l,
|
|
@@ -12318,7 +12325,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12318
12325
|
...a
|
|
12319
12326
|
}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
|
|
12320
12327
|
return i ? /* @__PURE__ */ e.createElement(da, null, d) : d;
|
|
12321
|
-
},
|
|
12328
|
+
}, To = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
|
|
12322
12329
|
let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = Xe(t), u = [
|
|
12323
12330
|
l["first-item"],
|
|
12324
12331
|
l["second-item"],
|
|
@@ -12336,7 +12343,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12336
12343
|
key: n,
|
|
12337
12344
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
12338
12345
|
}, t)));
|
|
12339
|
-
},
|
|
12346
|
+
}, Eo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
12340
12347
|
let s = "pds-two-item-layout", c = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, l = `${s}--${a}`, u = ["pds-grid-item--md-6"], d = ["pds-grid-item--md-4", "pds-grid-item--lg-3"], f = ["pds-grid-item--md-8", "pds-grid-item--lg-9"], p = ["pds-grid-item", "pds-grid-item--sm-4"], m, h;
|
|
12341
12348
|
switch (i) {
|
|
12342
12349
|
case "equal":
|
|
@@ -12357,7 +12364,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12357
12364
|
]),
|
|
12358
12365
|
...o
|
|
12359
12366
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
12360
|
-
},
|
|
12367
|
+
}, Do = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
|
|
12361
12368
|
let _ = "pds-flex", v = `${_}-container`, y = {
|
|
12362
12369
|
"--pds-flex-align-content": t,
|
|
12363
12370
|
"--pds-flex-align-items": n,
|
|
@@ -12383,7 +12390,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12383
12390
|
},
|
|
12384
12391
|
...g
|
|
12385
12392
|
}, r);
|
|
12386
|
-
},
|
|
12393
|
+
}, Oo = (e) => {
|
|
12387
12394
|
let t = typeof window < "u", [n, r] = h(((e) => t ? window.matchMedia(e).matches : !1)(e));
|
|
12388
12395
|
return l(() => {
|
|
12389
12396
|
if (!t) return;
|
|
@@ -12392,20 +12399,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12392
12399
|
};
|
|
12393
12400
|
return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
|
|
12394
12401
|
}, [e]), n;
|
|
12395
|
-
},
|
|
12402
|
+
}, ko = [
|
|
12396
12403
|
"light",
|
|
12397
12404
|
"dark",
|
|
12398
12405
|
"system"
|
|
12399
|
-
],
|
|
12406
|
+
], Ao = (e) => typeof e == "string" && ko.includes(e), jo = r(null), Mo = {
|
|
12400
12407
|
resolvedTheme: "light",
|
|
12401
12408
|
setTheme: () => {},
|
|
12402
12409
|
theme: "light"
|
|
12403
|
-
},
|
|
12404
|
-
let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y =
|
|
12410
|
+
}, No = ({ defaultTheme: e = "light", storageKey: t = "pds-theme" } = {}) => `(function(){try{var t=localStorage.getItem(${JSON.stringify(t)})||${JSON.stringify(e)};if(t==='system'){t=matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light';}document.documentElement.setAttribute('data-theme',t);}catch(e){}})();`, Po = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: c = "pds-theme", theme: u }) => {
|
|
12411
|
+
let d = u !== void 0, f = !r && !d && o && !i, [p, m] = h(n), [g, _] = h(!1), v = d ? u : p, y = Oo("(prefers-color-scheme: dark)"), b = v === "system" ? g && y ? "dark" : "light" : v;
|
|
12405
12412
|
l(() => {
|
|
12406
12413
|
if (_(!0), !(d || !o || typeof window > "u")) try {
|
|
12407
12414
|
let e = window.localStorage.getItem(c);
|
|
12408
|
-
|
|
12415
|
+
Ao(e) && m(e);
|
|
12409
12416
|
} catch {}
|
|
12410
12417
|
}, []), l(() => {
|
|
12411
12418
|
typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
|
|
@@ -12425,20 +12432,20 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12425
12432
|
]),
|
|
12426
12433
|
theme: v
|
|
12427
12434
|
};
|
|
12428
|
-
return /* @__PURE__ */ e.createElement(
|
|
12435
|
+
return /* @__PURE__ */ e.createElement(jo.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: No({
|
|
12429
12436
|
defaultTheme: n,
|
|
12430
12437
|
storageKey: c
|
|
12431
12438
|
}) } }), t);
|
|
12432
|
-
},
|
|
12439
|
+
}, Fo = () => c(jo) ?? Mo, Io = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
|
|
12433
12440
|
l(() => {
|
|
12434
12441
|
let e = document.documentElement, t = () => {
|
|
12435
12442
|
window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
|
|
12436
12443
|
};
|
|
12437
12444
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
12438
12445
|
}, [r]);
|
|
12439
|
-
let a = n ? /* @__PURE__ */ e.createElement(
|
|
12446
|
+
let a = n ? /* @__PURE__ */ e.createElement(Po, i, t) : t;
|
|
12440
12447
|
return /* @__PURE__ */ e.createElement(It, null, a);
|
|
12441
|
-
},
|
|
12448
|
+
}, Lo = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
|
|
12442
12449
|
let l = "pds-grid", u = a === "xl" ? null : `${l}--gap-${a}`, d = i ? `${l}--dense` : null, f = t || s ? `${l}--container` : null, p = s ? `${l}--stack-${s}` : null, m = o ?? a, h = m === a ? null : `${l}-gap-mobile--${m}`;
|
|
12443
12450
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12444
12451
|
className: Z([
|
|
@@ -12452,7 +12459,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12452
12459
|
]),
|
|
12453
12460
|
...c
|
|
12454
12461
|
}, n);
|
|
12455
|
-
},
|
|
12462
|
+
}, Ro = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
|
|
12456
12463
|
let f = "pds-grid-item", p = [
|
|
12457
12464
|
l ? `${f}--sm-${l}` : null,
|
|
12458
12465
|
c ? `${f}--md-${c}` : null,
|
|
@@ -12471,7 +12478,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12471
12478
|
]),
|
|
12472
12479
|
...d
|
|
12473
12480
|
}, t);
|
|
12474
|
-
},
|
|
12481
|
+
}, zo = (e, t, n) => {
|
|
12475
12482
|
let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: c = !1 } = n ?? {}, [u, d] = h(!1), f = s((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === c, [
|
|
12476
12483
|
r,
|
|
12477
12484
|
i,
|
|
@@ -12495,7 +12502,7 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12495
12502
|
m,
|
|
12496
12503
|
a
|
|
12497
12504
|
]), u;
|
|
12498
|
-
},
|
|
12505
|
+
}, Bo = () => {
|
|
12499
12506
|
let e = typeof window < "u", [t, n] = h(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
|
|
12500
12507
|
return l(() => {
|
|
12501
12508
|
if (!e) return;
|
|
@@ -12509,6 +12516,6 @@ var Ga = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12509
12516
|
}, []), t;
|
|
12510
12517
|
};
|
|
12511
12518
|
//#endregion
|
|
12512
|
-
export { Jn as ActionCard,
|
|
12519
|
+
export { Jn as ActionCard, xo as AppLayout, rt as Avatar, it as Badge, Bi as Banner, _r as BarChart, on as BranchDiff, di as Breadcrumb, un as Button, dn as ButtonLink, bi as ButtonNav, si as CTALink, qn as Callout, Yn as Card, Xn as CardSelect, Lr as Checkbox, Rr as CheckboxFieldset, zr as CheckboxGroup, mn as ClipboardButton, hn as CloseButton, Dr as CodeBlock, Br as Combobox, Hr as ComboboxMultiselect, Zn as CompactEmptyState, kr as ComparisonList, Si as Container, Kr as Datepicker, So as DocsLayout, ta as Drawer, bn as Dropdown, xi as DropdownMenu, la as ExpansionPanel, ua as ExpansionPanelGroup, Nr as FileDiff, qr as FileUpload, kn as FilterButton, Do as FlexContainer, na as FullScreenOverlay, Io as GlobalWrapper, Lo as Grid, Ro as GridItem, jr as HorizontalEmptyState, Q as Icon, pn as IconButton, Ir as IdentityBlock, Hi as InlineMessage, Jr as InputGroup, yr as LineChart, ci as LinkNewWindow, Gi as MIN_AUTO_CLOSE_DURATION, Rn as MenuButton, ra as Modal, Ci as Navbar, oa as Pagination, sa as PaginationChapter, ca as PaginationCompact, da as Panel, fa as PanelList, pa as PanelRow, ma as PanelStack, va as PantheonLogo, Fr as PaymentIcon, ui as Picture, xr as PieChart, Hn as PlatformIcon, xa as Popover, Ca as ProgressBar, Ta as ProgressRing, Cr as ProportionBar, Yr as RadioGroup, Oa as ResultCount, Wn as SSOButton, Wi as SectionMessage, zn as SegmentedButton, $n as Select, Qn as SelectOptionGroup, wi as SideNav, Ei as SideNavGlobal, Ti as SideNavGlobalItem, Co as SidebarLayout, ja as SiteFooter, Oi as SiteMenu, Ma as SiteOptionDisplay, Na as SiteSearch, Ln as SiteTypeIcon, In as SiteTypeLabel, pr as Skeleton, li as Skiplink, Ga as SortableList, za as SortableListHeader, qa as SortableRow, nn as Spinner, Bn as SplitButton, rn as StatusBadge, Ya as StatusChecker, Xa as StatusIndicator, jn as StatusTypeLabels, Za as StepList, Qa as Stepper, wo as StepperLayout, Xr as Switch, Ai as TabMenu, to as Table, co as TableOfContents, lo as Tabs, vo as Tag, Qr as TagsInput, an as Tally, ti as TextInput, $r as Textarea, jo as ThemeContext, Po as ThemeContextProvider, Pi as ThemeSwitcher, To as ThreeItemLayout, oi as TimeInput, Qi as Toast, $i as ToastType, Yi as Toaster, qi as ToasterContext, zt as Tooltip, Mi as TreeNav, Eo as TwoItemLayout, Fi as UserMenu, yo as UtilityBar, Gn as UtilityButton, Mr as VerticalEmptyState, eo as VerticalStepper, Ar as VideoEmbed, Ii as WorkspaceSelector, Wr as getPresetDateRange, No as getThemeInitScript, et as iconList, Nn as isHeadingItemType, Pn as isLinkItemType, Fn as isNodeItemType, Mn as isSeparatorItemType, Ja as statusCheckerStates, uo as tagColors, mo as tagSolidColors, fo as tagSolidHueColors, po as tagSolidStatusColors, bo as useBreakpoint, fn as useClipboard, _n as useDropdown, Nt as useIsMobile, zo as useKeyPress, Rt as useKeyboardShortcut, Oo as useMediaQuery, Fo as useTheme, ea as useToast, Bo as useWindowWidth };
|
|
12513
12520
|
|
|
12514
12521
|
//# sourceMappingURL=index.js.map
|