@pantheon-systems/pds-toolkit-react 2.0.0-alpha.53 → 2.0.0-alpha.54
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/mappings.json +25 -1
- package/dist/components/buttons/FilterButton/FilterButton.d.ts +15 -5
- package/dist/components/cards/ActionCard/ActionCard.d.ts +2 -2
- package/dist/components/cards/Card/Card.d.ts +1 -2
- package/dist/components/cards/CardSelect/CardSelect.d.ts +17 -5
- package/dist/components/icons/Icon/generated-icon-data.d.ts +1 -1
- package/dist/css/component-css/pds-action-card.css +1 -1
- package/dist/css/component-css/pds-card-select.css +2 -2
- package/dist/css/component-css/pds-card.css +1 -1
- package/dist/css/component-css/pds-comparison-list.css +1 -1
- package/dist/css/component-css/pds-index.css +3 -3
- package/dist/css/pds-components.css +3 -3
- package/dist/index.css +1 -1
- package/dist/index.js +146 -127
- package/dist/index.js.map +1 -1
- package/dist/libs/types/layout-types.d.ts +1 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3231,19 +3231,32 @@ ln.Trigger = un, ln.Panel = dn, ln.Item = fn, ln.CheckboxItem = pn, ln.Heading =
|
|
|
3231
3231
|
...r
|
|
3232
3232
|
}, t);
|
|
3233
3233
|
//#endregion
|
|
3234
|
-
//#region src/components/
|
|
3235
|
-
var _n = ({ className: t
|
|
3236
|
-
|
|
3237
|
-
|
|
3238
|
-
|
|
3234
|
+
//#region src/components/Dropdown/DropdownSelectedIcon.tsx
|
|
3235
|
+
var _n = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e.createElement("svg", {
|
|
3236
|
+
"aria-hidden": "true",
|
|
3237
|
+
className: t,
|
|
3238
|
+
fill: "currentColor",
|
|
3239
|
+
height: "0.875em",
|
|
3240
|
+
viewBox: "0 0 24 22",
|
|
3241
|
+
width: "0.875em",
|
|
3242
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
3243
|
+
}, /* @__PURE__ */ e.createElement("path", { d: "M23.5642 3.60378C24.3096 2.57959 24.0773 1.15711 23.0318 0.426908C21.9863 -0.303298 20.5343 -0.0757017 19.7889 0.948483L8.6082 16.2164L3.96167 11.6645C3.05173 10.7731 1.58032 10.7731 0.680059 11.6645C-0.220207 12.5559 -0.229887 13.9974 0.670378 14.8888L7.25296 21.3373C7.73698 21.8115 8.40492 22.0486 9.08253 21.9917C9.76015 21.9348 10.3797 21.5934 10.7766 21.0529L23.5545 3.60378H23.5642Z" })), vn = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey: i, id: a, minFilterItems: o = 8, noResultsText: s = "No results found", onSelectionChange: c, options: l, searchLabel: u = "Filter options", searchPlaceholder: d = "Search...", selectedValues: f, singleSelect: p = !1 }) => {
|
|
3244
|
+
let m = "pds-filter-button", [g, _] = h(""), v = f.length, y = v > 0, b = v === 1, x = v > 1, S = l.length >= o, C = b ? l.find((e) => e.value === f[0])?.label ?? f[0] : null, w = S && g ? l.filter((e) => e.label.toLowerCase().includes(g.toLowerCase())) : l, T = (e) => {
|
|
3245
|
+
let t = f.includes(e);
|
|
3246
|
+
if (p) {
|
|
3247
|
+
c(t ? [] : [e]);
|
|
3248
|
+
return;
|
|
3249
|
+
}
|
|
3250
|
+
c(t ? f.filter((t) => t !== e) : [...f, e]);
|
|
3251
|
+
}, E = () => {
|
|
3239
3252
|
c([]);
|
|
3240
|
-
},
|
|
3253
|
+
}, D = x ? `${m}--multiple` : b ? `${m}--single` : null, O = S ? `${m}--has-search` : null;
|
|
3241
3254
|
return /* @__PURE__ */ e.createElement(ln, {
|
|
3242
3255
|
inline: !0,
|
|
3243
3256
|
className: Z([
|
|
3244
|
-
|
|
3245
|
-
E,
|
|
3257
|
+
m,
|
|
3246
3258
|
D,
|
|
3259
|
+
O,
|
|
3247
3260
|
t ?? ""
|
|
3248
3261
|
]),
|
|
3249
3262
|
enableShift: !1,
|
|
@@ -3251,44 +3264,56 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3251
3264
|
placement: "bottom-start"
|
|
3252
3265
|
}, /* @__PURE__ */ e.createElement(ln.Trigger, {
|
|
3253
3266
|
showTriggerIcon: !0,
|
|
3254
|
-
className: `${
|
|
3267
|
+
className: `${m}__trigger`,
|
|
3255
3268
|
disabled: r,
|
|
3256
3269
|
id: a
|
|
3257
|
-
}, !
|
|
3270
|
+
}, !y && /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, `Filter by ${i}`), b && /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__key` }, i), /* @__PURE__ */ e.createElement("span", {
|
|
3258
3271
|
"aria-hidden": "true",
|
|
3259
|
-
className: `${
|
|
3260
|
-
}), /* @__PURE__ */ e.createElement("span", { className: `${
|
|
3261
|
-
className: `${
|
|
3262
|
-
label:
|
|
3272
|
+
className: `${m}__divider`
|
|
3273
|
+
}), /* @__PURE__ */ e.createElement("span", { className: `${m}__value` }, C)), x && /* @__PURE__ */ e.createElement("span", { className: `${m}__label` }, /* @__PURE__ */ e.createElement("span", { className: `${m}__key` }, i), /* @__PURE__ */ e.createElement(qt, {
|
|
3274
|
+
className: `${m}__tally`,
|
|
3275
|
+
label: v,
|
|
3263
3276
|
size: "s",
|
|
3264
3277
|
type: "neutral"
|
|
3265
|
-
}))),
|
|
3278
|
+
}))), y && /* @__PURE__ */ e.createElement("button", {
|
|
3266
3279
|
"aria-label": `Clear ${i} filter`,
|
|
3267
|
-
className: `${
|
|
3280
|
+
className: `${m}__clear`,
|
|
3268
3281
|
disabled: r,
|
|
3269
|
-
onClick:
|
|
3282
|
+
onClick: E,
|
|
3270
3283
|
type: "button"
|
|
3271
3284
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
3272
3285
|
iconName: "xmark",
|
|
3273
3286
|
size: "s"
|
|
3274
|
-
})), /* @__PURE__ */ e.createElement(ln.Panel, { className: `${
|
|
3287
|
+
})), /* @__PURE__ */ e.createElement(ln.Panel, { className: `${m}__panel` }, S && /* @__PURE__ */ e.createElement(ln.Filter, {
|
|
3275
3288
|
label: u,
|
|
3276
3289
|
noResultsText: s,
|
|
3277
|
-
onFilterChange:
|
|
3290
|
+
onFilterChange: _,
|
|
3278
3291
|
placeholder: d,
|
|
3279
|
-
showNoResults:
|
|
3280
|
-
}),
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3292
|
+
showNoResults: w.length === 0
|
|
3293
|
+
}), w.map((t, n) => {
|
|
3294
|
+
let r = f.includes(t.value);
|
|
3295
|
+
return p ? /* @__PURE__ */ e.createElement(ln.Item, {
|
|
3296
|
+
key: t.value,
|
|
3297
|
+
"aria-checked": r,
|
|
3298
|
+
disabled: t.disabled,
|
|
3299
|
+
index: n,
|
|
3300
|
+
isActive: r,
|
|
3301
|
+
onClick: () => T(t.value),
|
|
3302
|
+
role: "menuitemradio",
|
|
3303
|
+
trailingIcon: r ? /* @__PURE__ */ e.createElement(_n, null) : void 0
|
|
3304
|
+
}, t.label) : /* @__PURE__ */ e.createElement(ln.CheckboxItem, {
|
|
3305
|
+
key: t.value,
|
|
3306
|
+
checked: r,
|
|
3307
|
+
disabled: t.disabled,
|
|
3308
|
+
index: n,
|
|
3309
|
+
onCheckedChange: () => T(t.value)
|
|
3310
|
+
}, t.label);
|
|
3311
|
+
}), y && /* @__PURE__ */ e.createElement(ln.Footer, null, /* @__PURE__ */ e.createElement("button", {
|
|
3287
3312
|
"aria-label": `Clear ${i} filter`,
|
|
3288
|
-
onClick:
|
|
3313
|
+
onClick: E,
|
|
3289
3314
|
type: "button"
|
|
3290
3315
|
}, n))));
|
|
3291
|
-
},
|
|
3316
|
+
}, yn = ({ children: t, className: n, disabled: r, label: i }) => {
|
|
3292
3317
|
let [a, o] = h(!1), s = "pds-nav-accordion";
|
|
3293
3318
|
return /* @__PURE__ */ e.createElement("div", { className: Z([s, n ?? ""]) }, /* @__PURE__ */ e.createElement("button", {
|
|
3294
3319
|
"aria-expanded": a,
|
|
@@ -3301,23 +3326,23 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3301
3326
|
iconName: "angleDown",
|
|
3302
3327
|
size: "m"
|
|
3303
3328
|
})), /* @__PURE__ */ e.createElement("div", { className: Z([`${s}__content`, a ? `${s}__content--expanded` : null]) }, t));
|
|
3304
|
-
},
|
|
3329
|
+
}, bn = {
|
|
3305
3330
|
info: "Information",
|
|
3306
3331
|
success: "Success",
|
|
3307
3332
|
warning: "Warning",
|
|
3308
3333
|
critical: "Critical",
|
|
3309
3334
|
discovery: "Discovery"
|
|
3310
|
-
},
|
|
3335
|
+
}, xn = (e) => "isSeparator" in e && e.isSeparator, Sn = (e) => "isHeading" in e && e.isHeading, Cn = (e) => "isLink" in e && e.isLink, wn = (e) => "isNode" in e && e.isNode, Tn = {
|
|
3311
3336
|
drupal: "Drupal",
|
|
3312
3337
|
wordpress: "WordPress",
|
|
3313
3338
|
gatsby: "Gatsby",
|
|
3314
3339
|
nextjs: "Next.js"
|
|
3315
|
-
},
|
|
3340
|
+
}, En = {
|
|
3316
3341
|
drupal: "drupal",
|
|
3317
3342
|
wordpress: "wordpress",
|
|
3318
3343
|
gatsby: "boltSolid",
|
|
3319
3344
|
nextjs: "boltSolid"
|
|
3320
|
-
},
|
|
3345
|
+
}, Dn = ({ className: t, disabled: n, iconName: r = "ellipsisVertical", iconOnly: i = !1, id: a, isSplitButton: o = !1, label: s, menuItems: c, onClick: l, size: u = "s", statusDot: d, tally: f, testId: p, undefinedLabel: m = "Unlabeled group", variant: g = "primary", ..._ }) => {
|
|
3321
3346
|
let { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: S, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setIsOpen: O, transitionStyles: k } = on({
|
|
3322
3347
|
enableClick: !n,
|
|
3323
3348
|
enableShift: !1,
|
|
@@ -3328,7 +3353,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3328
3353
|
}), A = St(), j = "pds-menu-button", M = a, [N] = h(`menu-button-${a}`), P = [], F = [];
|
|
3329
3354
|
((e) => {
|
|
3330
3355
|
e.forEach((e) => {
|
|
3331
|
-
!
|
|
3356
|
+
!xn(e) && !Sn(e) && !wn(e) && F.push(e);
|
|
3332
3357
|
});
|
|
3333
3358
|
})(c);
|
|
3334
3359
|
let I = (e) => {
|
|
@@ -3337,24 +3362,24 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3337
3362
|
l && l();
|
|
3338
3363
|
}, R = (t, n, r = "", i = "") => {
|
|
3339
3364
|
let a = M + (r ? `-group-${r}` : "") + "-item-" + (n + 1), o = "id" in t && t.id ? t.id : a;
|
|
3340
|
-
if (
|
|
3365
|
+
if (xn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3341
3366
|
key: o,
|
|
3342
3367
|
className: "pds-dropdown__separator",
|
|
3343
3368
|
role: "separator"
|
|
3344
3369
|
});
|
|
3345
|
-
if (
|
|
3370
|
+
if (Sn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3346
3371
|
key: i || o,
|
|
3347
3372
|
className: `pds-dropdown__heading ${j}__listbox-heading`,
|
|
3348
3373
|
id: i || void 0,
|
|
3349
3374
|
role: "presentation"
|
|
3350
3375
|
}, t.label);
|
|
3351
|
-
if (
|
|
3376
|
+
if (wn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3352
3377
|
key: o,
|
|
3353
3378
|
role: "presentation"
|
|
3354
3379
|
}, t.nodeContent);
|
|
3355
|
-
if (
|
|
3380
|
+
if (Cn(t) || "label" in t && t.label) {
|
|
3356
3381
|
let n = F.indexOf(t), r = v === n, i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, s = [];
|
|
3357
|
-
if ("label" in t && t.label && s.push(t.label),
|
|
3382
|
+
if ("label" in t && t.label && s.push(t.label), Cn(t) && t.linkContent) {
|
|
3358
3383
|
let e = t.linkContent;
|
|
3359
3384
|
s.push(e.props.children);
|
|
3360
3385
|
}
|
|
@@ -3367,7 +3392,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3367
3392
|
className: "visually-hidden"
|
|
3368
3393
|
}, a));
|
|
3369
3394
|
let c = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, l;
|
|
3370
|
-
if (
|
|
3395
|
+
if (Cn(t) && t.linkContent) {
|
|
3371
3396
|
let n = t.linkContent, r = n.type;
|
|
3372
3397
|
l = /* @__PURE__ */ e.createElement(r, {
|
|
3373
3398
|
tabIndex: -1,
|
|
@@ -3393,33 +3418,33 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3393
3418
|
tabIndex: r ? 0 : -1,
|
|
3394
3419
|
...S({
|
|
3395
3420
|
onClick: () => {
|
|
3396
|
-
|
|
3421
|
+
Cn(t) || I(t), O(!1);
|
|
3397
3422
|
},
|
|
3398
3423
|
onKeyDown: (e) => {
|
|
3399
|
-
(e.key === "Enter" || e.key === " ") && (e.preventDefault(),
|
|
3424
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Cn(t) && t.linkContent ? e.currentTarget.querySelector("a")?.click() : I(t));
|
|
3400
3425
|
}
|
|
3401
3426
|
})
|
|
3402
3427
|
}, l);
|
|
3403
3428
|
}
|
|
3404
3429
|
}, z = (t, n) => {
|
|
3405
3430
|
let r = "id" in t && t.id ? t.id : `${M}-accordion-item-${n + 1}`;
|
|
3406
|
-
if (
|
|
3431
|
+
if (xn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3407
3432
|
key: r,
|
|
3408
3433
|
className: "pds-dropdown__separator",
|
|
3409
3434
|
role: "separator"
|
|
3410
3435
|
});
|
|
3411
|
-
if (
|
|
3436
|
+
if (Sn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3412
3437
|
key: r,
|
|
3413
3438
|
className: `pds-dropdown__heading ${j}__listbox-heading`,
|
|
3414
3439
|
role: "presentation"
|
|
3415
3440
|
}, t.label);
|
|
3416
|
-
if (
|
|
3441
|
+
if (wn(t)) return /* @__PURE__ */ e.createElement("li", {
|
|
3417
3442
|
key: r,
|
|
3418
3443
|
role: "presentation"
|
|
3419
3444
|
}, t.nodeContent);
|
|
3420
|
-
if (
|
|
3445
|
+
if (Cn(t) || "label" in t && t.label) {
|
|
3421
3446
|
let i = "isCritical" in t && t.isCritical, a = "criticalLabel" in t ? t.criticalLabel : void 0, o = [];
|
|
3422
|
-
if ("label" in t && t.label && o.push(t.label),
|
|
3447
|
+
if ("label" in t && t.label && o.push(t.label), Cn(t) && t.linkContent) {
|
|
3423
3448
|
let e = t.linkContent;
|
|
3424
3449
|
o.push(e.props.children);
|
|
3425
3450
|
}
|
|
@@ -3432,7 +3457,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3432
3457
|
className: "visually-hidden"
|
|
3433
3458
|
}, a));
|
|
3434
3459
|
let s = t.description ? /* @__PURE__ */ e.createElement("span", { className: "pds-dropdown__item-description" }, t.description) : null, c;
|
|
3435
|
-
if (
|
|
3460
|
+
if (Cn(t) && t.linkContent) {
|
|
3436
3461
|
let n = t.linkContent, r = n.type;
|
|
3437
3462
|
c = /* @__PURE__ */ e.createElement(r, {
|
|
3438
3463
|
tabIndex: -1,
|
|
@@ -3445,13 +3470,13 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3445
3470
|
className: Z(["pds-dropdown__item", i ? "pds-dropdown__item--critical" : null]),
|
|
3446
3471
|
id: r,
|
|
3447
3472
|
onClick: () => {
|
|
3448
|
-
|
|
3473
|
+
Cn(t) || I(t);
|
|
3449
3474
|
},
|
|
3450
3475
|
role: "menuitem"
|
|
3451
3476
|
}, c);
|
|
3452
3477
|
}
|
|
3453
3478
|
}, B = (t) => {
|
|
3454
|
-
let n = t.filter(
|
|
3479
|
+
let n = t.filter(Sn || xn), r = n.length > 0, a = Z([
|
|
3455
3480
|
"pds-dropdown__panel",
|
|
3456
3481
|
`${j}__listbox`,
|
|
3457
3482
|
i ? `${j}__listbox--icon-only` : null
|
|
@@ -3481,7 +3506,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3481
3506
|
role: "group"
|
|
3482
3507
|
}, t.map((e) => {
|
|
3483
3508
|
let t = R(e, o, r, a);
|
|
3484
|
-
return !
|
|
3509
|
+
return !xn(e) && !Sn(e) && !wn(e) && o++, t;
|
|
3485
3510
|
}));
|
|
3486
3511
|
}));
|
|
3487
3512
|
} else return /* @__PURE__ */ e.createElement("ul", {
|
|
@@ -3498,7 +3523,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3498
3523
|
...b()
|
|
3499
3524
|
}, t.map((e) => {
|
|
3500
3525
|
let t = R(e, o);
|
|
3501
|
-
return !
|
|
3526
|
+
return !xn(e) && !Sn(e) && !wn(e) && o++, t;
|
|
3502
3527
|
}));
|
|
3503
3528
|
}, V = (e, t) => {
|
|
3504
3529
|
let n = [], r = [...t], i = r.shift(), a = [];
|
|
@@ -3561,14 +3586,14 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3561
3586
|
]),
|
|
3562
3587
|
"data-testid": p,
|
|
3563
3588
|
..._
|
|
3564
|
-
}, A ? /* @__PURE__ */ e.createElement(
|
|
3589
|
+
}, A ? /* @__PURE__ */ e.createElement(yn, {
|
|
3565
3590
|
disabled: n,
|
|
3566
3591
|
label: G
|
|
3567
3592
|
}, /* @__PURE__ */ e.createElement("ul", {
|
|
3568
3593
|
className: `${j}__mobile-menu`,
|
|
3569
3594
|
role: "menu"
|
|
3570
3595
|
}, c.map((e, t) => z(e, t)))) : /* @__PURE__ */ e.createElement(e.Fragment, null, H, w && /* @__PURE__ */ e.createElement(x, null, B(c))));
|
|
3571
|
-
},
|
|
3596
|
+
}, On = ({ 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 }) => {
|
|
3572
3597
|
let p = "pds-segmented-button", m = u === "m" ? null : `${p}--${u}`, g = t ? `${p}--bordered` : null, _ = a ? `${p}--icon-only` : null;
|
|
3573
3598
|
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.");
|
|
3574
3599
|
let v = d !== void 0, [y, b] = h(r === void 0 ? "" : r), x = (e) => {
|
|
@@ -3624,7 +3649,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3624
3649
|
offsetValue: 8
|
|
3625
3650
|
}) : u));
|
|
3626
3651
|
})));
|
|
3627
|
-
},
|
|
3652
|
+
}, kn = ({ actionItems: t, className: n, disabled: r, id: i, moreActionsLabel: a = "More actions", size: o = "s", variant: s = "primary", ...c }) => {
|
|
3628
3653
|
let l = "pds-split-button", u = `${l}--${s}`, d = t[0], f = t.slice(1), p = null;
|
|
3629
3654
|
return "isLink" in d && d.isLink === !0 ? p = /* @__PURE__ */ e.createElement($t, {
|
|
3630
3655
|
className: `${l}__primary-action`,
|
|
@@ -3648,7 +3673,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3648
3673
|
]),
|
|
3649
3674
|
id: i,
|
|
3650
3675
|
...c
|
|
3651
|
-
}, p, /* @__PURE__ */ e.createElement(
|
|
3676
|
+
}, p, /* @__PURE__ */ e.createElement(Dn, {
|
|
3652
3677
|
isSplitButton: !0,
|
|
3653
3678
|
className: `${l}__menu-button`,
|
|
3654
3679
|
disabled: r,
|
|
@@ -3659,7 +3684,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3659
3684
|
testId: null,
|
|
3660
3685
|
variant: s
|
|
3661
3686
|
}));
|
|
3662
|
-
},
|
|
3687
|
+
}, An = {
|
|
3663
3688
|
drupal: "Drupal",
|
|
3664
3689
|
drupal7: "Drupal 7",
|
|
3665
3690
|
"front-end-sites": "Next.js and Gatsby",
|
|
@@ -3674,7 +3699,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3674
3699
|
splunk: "Splunk",
|
|
3675
3700
|
"sumo-logic": "Sumo Logic",
|
|
3676
3701
|
wordpress: "WordPress"
|
|
3677
|
-
},
|
|
3702
|
+
}, jn = ({ className: t, platformType: r, size: i = "2xl", ...a }) => {
|
|
3678
3703
|
let o = "pds-platform-icon", s = `pds-platform-icon--${r}`, c = `pds-platform-icon--${i}`, l;
|
|
3679
3704
|
if ([
|
|
3680
3705
|
"front-end-sites",
|
|
@@ -3698,11 +3723,11 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3698
3723
|
break;
|
|
3699
3724
|
}
|
|
3700
3725
|
l = /* @__PURE__ */ e.createElement("span", {
|
|
3701
|
-
"aria-label":
|
|
3726
|
+
"aria-label": An[r],
|
|
3702
3727
|
className: `${o}__group`,
|
|
3703
3728
|
role: "img"
|
|
3704
|
-
}, n(
|
|
3705
|
-
} else l =
|
|
3729
|
+
}, n(Mn[t[0]], { "aria-hidden": "true" }), n(Mn[t[1]], { "aria-hidden": "true" }));
|
|
3730
|
+
} else l = Mn[r];
|
|
3706
3731
|
return /* @__PURE__ */ e.createElement("div", {
|
|
3707
3732
|
className: Z([
|
|
3708
3733
|
o,
|
|
@@ -3712,7 +3737,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3712
3737
|
]),
|
|
3713
3738
|
...a
|
|
3714
3739
|
}, l);
|
|
3715
|
-
},
|
|
3740
|
+
}, Mn = {
|
|
3716
3741
|
drupal: /* @__PURE__ */ e.createElement("svg", {
|
|
3717
3742
|
"aria-label": "Drupal",
|
|
3718
3743
|
fill: "none",
|
|
@@ -3939,8 +3964,8 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3939
3964
|
d: "M17 10.5V15H21.5C22.0312 15 22.5 15.4688 22.5 16C22.5 16.5625 22.0312 17 21.5 17H17V21.5C17 22.0625 16.5312 22.5 16 22.5C15.4375 22.5 15 22.0625 15 21.5V17H10.5C9.9375 17 9.5 16.5625 9.5 16C9.5 15.4688 9.9375 15 10.5 15H15V10.5C15 9.96875 15.4375 9.5 16 9.5C16.5312 9.5 17 9.96875 17 10.5Z",
|
|
3940
3965
|
fill: "var(--pds-color-foreground-reverse)"
|
|
3941
3966
|
}))
|
|
3942
|
-
},
|
|
3943
|
-
let l = "pds-sso-button", u = `${l}--${s}`, d = s === "m" ? "l" : "2xl", f = /* @__PURE__ */ e.createElement(
|
|
3967
|
+
}, Nn = ({ buttonType: t = "button", className: n = "", disabled: r = !1, label: i, onClick: a, platform: o, size: s = "m", ...c }) => {
|
|
3968
|
+
let l = "pds-sso-button", u = `${l}--${s}`, d = s === "m" ? "l" : "2xl", f = /* @__PURE__ */ e.createElement(jn, {
|
|
3944
3969
|
className: `${l}__icon`,
|
|
3945
3970
|
platformType: o,
|
|
3946
3971
|
size: d
|
|
@@ -3956,7 +3981,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
3956
3981
|
type: t,
|
|
3957
3982
|
...c
|
|
3958
3983
|
}, f, i);
|
|
3959
|
-
},
|
|
3984
|
+
}, Pn = ({ buttonProps: t, className: r, disabled: i = !1, hasBorder: a = !1, iconName: s, iconPosition: c = "before", isCritical: l = !1, isLoading: u, isMonospace: d = !1, isWorking: f, label: p, linkContent: m, onClick: h, tooltipText: g, ..._ }) => {
|
|
3960
3985
|
let v = "pds-utility-button", y = u ? "pds-pulse" : null, b = (t) => s && !f ? /* @__PURE__ */ e.createElement(Q, {
|
|
3961
3986
|
key: t,
|
|
3962
3987
|
className: `${v}__icon`,
|
|
@@ -4009,7 +4034,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4009
4034
|
className: w,
|
|
4010
4035
|
..._
|
|
4011
4036
|
}, T(E));
|
|
4012
|
-
},
|
|
4037
|
+
}, Fn = {
|
|
4013
4038
|
info: "circleInfo",
|
|
4014
4039
|
warning: "triangleExclamation",
|
|
4015
4040
|
success: "circleCheck",
|
|
@@ -4017,8 +4042,8 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4017
4042
|
discovery: "squareQuestion",
|
|
4018
4043
|
code: "squareTerminal",
|
|
4019
4044
|
earlyAccess: "leaf"
|
|
4020
|
-
},
|
|
4021
|
-
...
|
|
4045
|
+
}, In = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
|
|
4046
|
+
...bn,
|
|
4022
4047
|
code: "Code",
|
|
4023
4048
|
earlyAccess: "Early Access"
|
|
4024
4049
|
}, ...s }) => {
|
|
@@ -4031,13 +4056,13 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4031
4056
|
]),
|
|
4032
4057
|
...s
|
|
4033
4058
|
}, /* @__PURE__ */ e.createElement("div", { className: `${c}__inner` }, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon ${c}__icon--${a}` }, /* @__PURE__ */ e.createElement(Q, {
|
|
4034
|
-
iconName: `${a}` in
|
|
4059
|
+
iconName: `${a}` in Fn ? Fn[a] : Fn.info,
|
|
4035
4060
|
size: "xl"
|
|
4036
4061
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), i && /* @__PURE__ */ e.createElement(Xt, {
|
|
4037
4062
|
baseClass: c,
|
|
4038
4063
|
level: r
|
|
4039
4064
|
}, i), t && /* @__PURE__ */ e.createElement("div", { className: `${c}__main-content` }, t))));
|
|
4040
|
-
},
|
|
4065
|
+
}, Ln = ({ background: t = "default", children: r, className: i, imageVariant: a = "bleed", padding: s = "standard", primaryAction: c, ...l }) => {
|
|
4041
4066
|
let u = "pds-action-card", d = t === "default" ? null : `${u}--${t}`, f = a === "bleed" ? null : `${u}--image-${a}`, p = s === "standard" ? null : `${u}--pad-${s}`, m = ze(r), h = m.image, g = m.__unslotted || m.main, _ = m.footer, v = `${u}__primary`, y = c.linkContent && o(c.linkContent) ? n(c.linkContent, {
|
|
4042
4067
|
"aria-label": c.label,
|
|
4043
4068
|
className: v
|
|
@@ -4057,7 +4082,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4057
4082
|
]),
|
|
4058
4083
|
...l
|
|
4059
4084
|
}, y, /* @__PURE__ */ e.createElement("div", { className: `${u}__inner` }, h && /* @__PURE__ */ e.createElement("div", { className: `${u}__image` }, h[0]), g && /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, g), _ && /* @__PURE__ */ e.createElement("div", { className: `${u}__footer` }, _)));
|
|
4060
|
-
},
|
|
4085
|
+
}, Rn = ({ background: t = "default", children: n, className: r, imageVariant: i = "bleed", padding: a = "standard", ...o }) => {
|
|
4061
4086
|
let s = "pds-card", c = t === "default" ? null : `${s}--${t}`, l = i === "bleed" ? null : `${s}--image-${i}`, u = a === "standard" ? null : `${s}--pad-${a}`, d = ze(n), f = d.image, p = d.__unslotted || d.main, m = d.footer;
|
|
4062
4087
|
return /* @__PURE__ */ e.createElement("div", {
|
|
4063
4088
|
className: Z([
|
|
@@ -4069,45 +4094,47 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4069
4094
|
]),
|
|
4070
4095
|
...o
|
|
4071
4096
|
}, f && /* @__PURE__ */ e.createElement("div", { className: `${s}__image` }, f[0]), p && /* @__PURE__ */ e.createElement("div", { className: `${s}__main` }, p), m && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, m));
|
|
4072
|
-
},
|
|
4073
|
-
let
|
|
4074
|
-
|
|
4075
|
-
let [
|
|
4076
|
-
|
|
4077
|
-
},
|
|
4078
|
-
return
|
|
4097
|
+
}, zn = ({ background: t = "default", className: n, defaultValue: r, id: i, imageVariant: a = "bleed", label: o, labelDisplay: s = "left", layout: c = "auto", onChange: l, options: u, padding: d = "standard", showCardLabels: f = !0, showIndicator: p = !0, size: m = "m", ...g }) => {
|
|
4098
|
+
let _ = "pds-card-select", v = t === "default" ? null : `${_}--${t}`, y = m === "m" ? null : `${_}--${m}`, b = a === "bleed" ? null : `${_}--image-${a}`, x = f ? null : `${_}--no-card-labels`, S = p ? null : `${_}--no-indicator`, C = d === "standard" ? null : `${_}--pad-${d}`, w = `${_}__legend`;
|
|
4099
|
+
s === "center" && (w = `${_}__legend ${_}__legend--center`), s === "hidden" && (w = `${_}__legend visually-hidden`);
|
|
4100
|
+
let [T, E] = h(r), D = (e) => {
|
|
4101
|
+
E(e.currentTarget.value), l && l(e.currentTarget.value);
|
|
4102
|
+
}, O = u.length, k = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-6", A = "pds-grid-item pds-grid-item--sm-4 pds-grid-item--md-4", j = "";
|
|
4103
|
+
return c === "twoAcross" ? j = k : c === "threeAcross" ? j = A : c === "auto" && (j = O === 1 ? "pds-grid-item" : O % 3 == 0 ? A : O % 2 == 0 ? k : A), /* @__PURE__ */ e.createElement("fieldset", {
|
|
4079
4104
|
className: Z([
|
|
4080
|
-
m,
|
|
4081
|
-
g,
|
|
4082
4105
|
_,
|
|
4083
4106
|
v,
|
|
4084
4107
|
y,
|
|
4085
|
-
|
|
4108
|
+
b,
|
|
4109
|
+
x,
|
|
4110
|
+
S,
|
|
4111
|
+
C,
|
|
4112
|
+
n
|
|
4086
4113
|
]),
|
|
4087
|
-
id:
|
|
4088
|
-
...
|
|
4089
|
-
}, /* @__PURE__ */ e.createElement("legend", { className:
|
|
4090
|
-
let
|
|
4114
|
+
id: i,
|
|
4115
|
+
...g
|
|
4116
|
+
}, /* @__PURE__ */ e.createElement("legend", { className: w }, o), /* @__PURE__ */ e.createElement("div", { className: `${_}__options pds-grid pds-grid--gap-m` }, u.map((t, n) => {
|
|
4117
|
+
let r = t.id ? t.id : `${i}-option-${n}`, a = T === t.value, o = ze(e.isValidElement(t.children) && t.children.type === e.Fragment ? t.children.props.children : t.children), s = o.image, c = o.__unslotted || o.main;
|
|
4091
4118
|
return /* @__PURE__ */ e.createElement("div", {
|
|
4092
|
-
key: `${
|
|
4093
|
-
className: Z([`${
|
|
4119
|
+
key: `${i}-option-${n}`,
|
|
4120
|
+
className: Z([`${_}__option`, j])
|
|
4094
4121
|
}, /* @__PURE__ */ e.createElement("input", {
|
|
4095
4122
|
defaultChecked: a,
|
|
4096
|
-
id:
|
|
4097
|
-
name:
|
|
4098
|
-
onClick:
|
|
4123
|
+
id: r,
|
|
4124
|
+
name: i,
|
|
4125
|
+
onClick: D,
|
|
4099
4126
|
type: "radio",
|
|
4100
4127
|
value: t.value
|
|
4101
4128
|
}), /* @__PURE__ */ e.createElement("label", {
|
|
4102
|
-
className: Z([`${
|
|
4103
|
-
htmlFor:
|
|
4104
|
-
},
|
|
4105
|
-
className: Z([`${
|
|
4129
|
+
className: Z([`${_}__option-label`, a ? `${_}__option-label--selected` : null]),
|
|
4130
|
+
htmlFor: r
|
|
4131
|
+
}, s && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-image` }, s[0]), /* @__PURE__ */ e.createElement("div", { className: `${_}__option-content` }, p && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-label-indicator` }, /* @__PURE__ */ e.createElement(Q, {
|
|
4132
|
+
className: Z([`${_}__option-icon`, a ? `${_}__option-icon--selected` : null]),
|
|
4106
4133
|
iconName: a ? "circleCheck" : "circle",
|
|
4107
4134
|
size: "l"
|
|
4108
|
-
})), /* @__PURE__ */ e.createElement("div", { className: `${
|
|
4135
|
+
})), /* @__PURE__ */ e.createElement("div", { className: `${_}__option-body` }, /* @__PURE__ */ e.createElement("span", { className: Z([`${_}__option-label-text`, f ? null : "visually-hidden"]) }, t.label), c && /* @__PURE__ */ e.createElement("div", { className: `${_}__option-main` }, c)))));
|
|
4109
4136
|
})));
|
|
4110
|
-
},
|
|
4137
|
+
}, Bn = ({ className: t, heading: n, headingLevel: r = "span", iconName: i, linkContent: a, message: o, ...s }) => {
|
|
4111
4138
|
let c = "pds-compact-empty-state";
|
|
4112
4139
|
return /* @__PURE__ */ e.createElement("div", {
|
|
4113
4140
|
className: Z([c, t ?? ""]),
|
|
@@ -4120,15 +4147,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4120
4147
|
baseClass: c,
|
|
4121
4148
|
level: r
|
|
4122
4149
|
}, n), o && /* @__PURE__ */ e.createElement("p", { className: `${c}__message` }, o)), a && /* @__PURE__ */ e.createElement("div", { className: `${c}__link` }, a));
|
|
4123
|
-
},
|
|
4124
|
-
"aria-hidden": "true",
|
|
4125
|
-
className: t,
|
|
4126
|
-
fill: "currentColor",
|
|
4127
|
-
height: "0.875em",
|
|
4128
|
-
viewBox: "0 0 24 22",
|
|
4129
|
-
width: "0.875em",
|
|
4130
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
4131
|
-
}, /* @__PURE__ */ e.createElement("path", { d: "M23.5642 3.60378C24.3096 2.57959 24.0773 1.15711 23.0318 0.426908C21.9863 -0.303298 20.5343 -0.0757017 19.7889 0.948483L8.6082 16.2164L3.96167 11.6645C3.05173 10.7731 1.58032 10.7731 0.680059 11.6645C-0.220207 12.5559 -0.229887 13.9974 0.670378 14.8888L7.25296 21.3373C7.73698 21.8115 8.40492 22.0486 9.08253 21.9917C9.76015 21.9348 10.3797 21.5934 10.7766 21.0529L23.5545 3.60378H23.5642Z" })), Vn = ({ children: t, label: n }) => {
|
|
4150
|
+
}, Vn = ({ children: t, label: n }) => {
|
|
4132
4151
|
let r = "pds-select";
|
|
4133
4152
|
return /* @__PURE__ */ e.createElement("li", {
|
|
4134
4153
|
className: `${r}__group`,
|
|
@@ -4162,7 +4181,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4162
4181
|
p && p(J);
|
|
4163
4182
|
}, ce = () => {
|
|
4164
4183
|
re.reference.current.focus();
|
|
4165
|
-
}, le = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(
|
|
4184
|
+
}, le = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(jn, {
|
|
4166
4185
|
className: n,
|
|
4167
4186
|
platformType: t,
|
|
4168
4187
|
size: "m"
|
|
@@ -4192,7 +4211,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4192
4211
|
e.key === "Enter" && (e.preventDefault(), Y(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
|
|
4193
4212
|
}
|
|
4194
4213
|
})
|
|
4195
|
-
}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(
|
|
4214
|
+
}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(_n, null));
|
|
4196
4215
|
});
|
|
4197
4216
|
return /* @__PURE__ */ e.createElement(Vn, {
|
|
4198
4217
|
key: t.groupLabel,
|
|
@@ -4216,7 +4235,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4216
4235
|
e.key === "Enter" && (e.preventDefault(), Y(r), re.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), re.reference.current.focus());
|
|
4217
4236
|
}
|
|
4218
4237
|
})
|
|
4219
|
-
}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(
|
|
4238
|
+
}, /* @__PURE__ */ e.createElement("span", { className: `${E}__option-label` }, t.icon && le(t.icon, `${E}__option-icon`), t.label), V === r && /* @__PURE__ */ e.createElement(_n, null));
|
|
4220
4239
|
});
|
|
4221
4240
|
};
|
|
4222
4241
|
return /* @__PURE__ */ e.createElement("div", {
|
|
@@ -4656,7 +4675,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4656
4675
|
maxWidth: Y
|
|
4657
4676
|
},
|
|
4658
4677
|
...z
|
|
4659
|
-
}, /* @__PURE__ */ e.createElement(
|
|
4678
|
+
}, /* @__PURE__ */ e.createElement(Bn, {
|
|
4660
4679
|
heading: ee,
|
|
4661
4680
|
message: W
|
|
4662
4681
|
}));
|
|
@@ -4886,7 +4905,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
4886
4905
|
maxWidth: B
|
|
4887
4906
|
},
|
|
4888
4907
|
...j
|
|
4889
|
-
}, /* @__PURE__ */ e.createElement(
|
|
4908
|
+
}, /* @__PURE__ */ e.createElement(Bn, {
|
|
4890
4909
|
heading: N,
|
|
4891
4910
|
message: P
|
|
4892
4911
|
})) : /* @__PURE__ */ e.createElement("div", {
|
|
@@ -5105,7 +5124,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
5105
5124
|
maxWidth: T
|
|
5106
5125
|
},
|
|
5107
5126
|
...g
|
|
5108
|
-
}, /* @__PURE__ */ e.createElement(
|
|
5127
|
+
}, /* @__PURE__ */ e.createElement(Bn, {
|
|
5109
5128
|
heading: v,
|
|
5110
5129
|
message: y
|
|
5111
5130
|
}));
|
|
@@ -5245,7 +5264,7 @@ var _n = ({ className: t, clearLabel: n = "Clear", disabled: r = !1, filterKey:
|
|
|
5245
5264
|
r ?? ""
|
|
5246
5265
|
]),
|
|
5247
5266
|
...v
|
|
5248
|
-
}, /* @__PURE__ */ e.createElement(
|
|
5267
|
+
}, /* @__PURE__ */ e.createElement(Bn, {
|
|
5249
5268
|
heading: b,
|
|
5250
5269
|
message: x
|
|
5251
5270
|
})) : /* @__PURE__ */ e.createElement("div", {
|
|
@@ -7405,7 +7424,7 @@ var mr = {
|
|
|
7405
7424
|
}, /* @__PURE__ */ e.createElement("span", { className: `${D}__dropdown-item-label` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__dropdown-item-text` }, t.label, t.badge === "ai" && /* @__PURE__ */ e.createElement("span", { className: `${D}__dropdown-item-badge` }, /* @__PURE__ */ e.createElement(Q, {
|
|
7406
7425
|
iconName: "sparkles",
|
|
7407
7426
|
size: "s"
|
|
7408
|
-
}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(
|
|
7427
|
+
}), /* @__PURE__ */ e.createElement("span", null, l.aiBadgeLabel))), t.isAlreadySelected && /* @__PURE__ */ e.createElement(_n, null)))))), H && t && /* @__PURE__ */ e.createElement("div", {
|
|
7409
7428
|
ref: me.setFloating,
|
|
7410
7429
|
className: `${D}__aux-panel`,
|
|
7411
7430
|
style: {
|
|
@@ -8401,7 +8420,7 @@ var mr = {
|
|
|
8401
8420
|
isLink: !0
|
|
8402
8421
|
}));
|
|
8403
8422
|
});
|
|
8404
|
-
let p = f.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile` }, /* @__PURE__ */ e.createElement(
|
|
8423
|
+
let p = f.length > 0 ? /* @__PURE__ */ e.createElement("div", { className: `${s}__mobile` }, /* @__PURE__ */ e.createElement(kn, {
|
|
8405
8424
|
actionItems: f,
|
|
8406
8425
|
id: "mobile-nav-split-button",
|
|
8407
8426
|
size: "s",
|
|
@@ -8418,7 +8437,7 @@ var mr = {
|
|
|
8418
8437
|
...a
|
|
8419
8438
|
}, d, p);
|
|
8420
8439
|
}, ii = ({ className: t, headingText: r, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
|
|
8421
|
-
let s = "pds-dropdown-menu", c = Yr(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(
|
|
8440
|
+
let s = "pds-dropdown-menu", c = Yr(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(_n, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = on({
|
|
8422
8441
|
enableShift: !1,
|
|
8423
8442
|
enableTypeahead: !0,
|
|
8424
8443
|
role: "menu"
|
|
@@ -8847,7 +8866,7 @@ var mr = {
|
|
|
8847
8866
|
key: n,
|
|
8848
8867
|
className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
|
|
8849
8868
|
}, !t.isSeparator && t.linkContent)));
|
|
8850
|
-
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
8869
|
+
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(yn, { label: n }, p), /* @__PURE__ */ e.createElement("button", {
|
|
8851
8870
|
ref: u.setReference,
|
|
8852
8871
|
className: `${i}__trigger`,
|
|
8853
8872
|
type: "button",
|
|
@@ -9252,7 +9271,7 @@ var mr = {
|
|
|
9252
9271
|
return /* @__PURE__ */ e.createElement("div", {
|
|
9253
9272
|
className: Z([l, t]),
|
|
9254
9273
|
...c
|
|
9255
|
-
}, /* @__PURE__ */ e.createElement(
|
|
9274
|
+
}, /* @__PURE__ */ e.createElement(On, {
|
|
9256
9275
|
iconOnly: !0,
|
|
9257
9276
|
id: n,
|
|
9258
9277
|
label: u,
|
|
@@ -9273,7 +9292,7 @@ var mr = {
|
|
|
9273
9292
|
...c
|
|
9274
9293
|
}, /* @__PURE__ */ e.createElement(Ot, {
|
|
9275
9294
|
content: u,
|
|
9276
|
-
customTrigger: /* @__PURE__ */ e.createElement(
|
|
9295
|
+
customTrigger: /* @__PURE__ */ e.createElement(Dn, {
|
|
9277
9296
|
iconOnly: !0,
|
|
9278
9297
|
"aria-label": u,
|
|
9279
9298
|
iconName: gi[o],
|
|
@@ -9385,7 +9404,7 @@ var mr = {
|
|
|
9385
9404
|
return /* @__PURE__ */ e.createElement("span", {
|
|
9386
9405
|
className: Z([E, n ?? ""]),
|
|
9387
9406
|
...f
|
|
9388
|
-
}, /* @__PURE__ */ e.createElement(
|
|
9407
|
+
}, /* @__PURE__ */ e.createElement(yn, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
|
|
9389
9408
|
className: Z([O, `${O}--mobile`]),
|
|
9390
9409
|
role: "menu"
|
|
9391
9410
|
}, ne, /* @__PURE__ */ e.createElement("li", { role: "separator" }), re, J)), /* @__PURE__ */ e.createElement("button", {
|
|
@@ -9430,7 +9449,7 @@ var mr = {
|
|
|
9430
9449
|
}), t.displayName, t.isRestricted && /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.restrictedLabel ?? "Restricted")), (t.isRestricted || t.isActive) && /* @__PURE__ */ e.createElement("div", { className: `${b}__icons` }, t.isRestricted && /* @__PURE__ */ e.createElement(Q, {
|
|
9431
9450
|
className: `${b}__lock-icon`,
|
|
9432
9451
|
iconName: "lock"
|
|
9433
|
-
}), t.isActive && /* @__PURE__ */ e.createElement(
|
|
9452
|
+
}), t.isActive && /* @__PURE__ */ e.createElement(_n, null))), z = F.map((t, n) => {
|
|
9434
9453
|
let r = `${b}__item`, i = t.workspaceId, a = t.isRestricted && t.onRestrictedSelection, o = t.workspaceLink?.type, s = t.isUnprivileged ? null : (e) => {
|
|
9435
9454
|
A.current[n] = e;
|
|
9436
9455
|
};
|
|
@@ -9493,7 +9512,7 @@ var mr = {
|
|
|
9493
9512
|
return /* @__PURE__ */ e.createElement("span", {
|
|
9494
9513
|
className: Z([b, n]),
|
|
9495
9514
|
...u
|
|
9496
|
-
}, /* @__PURE__ */ e.createElement(
|
|
9515
|
+
}, /* @__PURE__ */ e.createElement(yn, { label: H }, y && /* @__PURE__ */ e.createElement("div", { className: `${b}__filter` }, /* @__PURE__ */ e.createElement(Ur, {
|
|
9497
9516
|
hasClearButton: !0,
|
|
9498
9517
|
id: "workspace-filter-mobile",
|
|
9499
9518
|
label: i,
|
|
@@ -9552,7 +9571,7 @@ var mr = {
|
|
|
9552
9571
|
critical: "diamondExclamation",
|
|
9553
9572
|
discovery: "bullhorn"
|
|
9554
9573
|
}, xi = 200, Si = 50, Ci = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
|
|
9555
|
-
...
|
|
9574
|
+
...bn,
|
|
9556
9575
|
neutral: "Notice"
|
|
9557
9576
|
}, ...c }) => {
|
|
9558
9577
|
let u = r === "marketing", [d, f] = h(t), [p, m] = h(null), [g, _] = h(null), [v, y] = h({});
|
|
@@ -9636,7 +9655,7 @@ var mr = {
|
|
|
9636
9655
|
success: "circleCheck",
|
|
9637
9656
|
critical: "diamondExclamation"
|
|
9638
9657
|
}, Ti = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
|
|
9639
|
-
...
|
|
9658
|
+
...bn,
|
|
9640
9659
|
working: "Working"
|
|
9641
9660
|
}, ...o }) => {
|
|
9642
9661
|
let s = "pds-inline-message", c = {
|
|
@@ -9665,7 +9684,7 @@ var mr = {
|
|
|
9665
9684
|
success: "circleCheck",
|
|
9666
9685
|
critical: "diamondExclamation",
|
|
9667
9686
|
discovery: "squareQuestion"
|
|
9668
|
-
}, Di = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: u, type: d = "info", typeLabels: f =
|
|
9687
|
+
}, Di = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: u, type: d = "info", typeLabels: f = bn, ...p }) => {
|
|
9669
9688
|
let h = r === "marketing", g = m(null), _ = m(void 0), v = "pds-section-message", y = {
|
|
9670
9689
|
error: `${v}--error`,
|
|
9671
9690
|
success: `${v}--success`,
|
|
@@ -10632,7 +10651,7 @@ var mr = {
|
|
|
10632
10651
|
...c
|
|
10633
10652
|
}, /* @__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."), m && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"), h && /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"), g && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"), _ && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"), v && /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"), y && /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement"))));
|
|
10634
10653
|
}, la = ({ className: t, option: n, ...r }) => {
|
|
10635
|
-
let i = "pds-site-option-display", a = n.type ?
|
|
10654
|
+
let i = "pds-site-option-display", a = n.type ? En[n.type] : "boltSolid", o = m(null), [s] = ge(o), c = s.width / 16 - 7.5, l, u;
|
|
10636
10655
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
10637
10656
|
let d = /* @__PURE__ */ e.createElement(Kt, {
|
|
10638
10657
|
hasStatusIndicator: !0,
|
|
@@ -11472,7 +11491,7 @@ var wa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11472
11491
|
})))), qe = () => /* @__PURE__ */ e.createElement("tr", null, /* @__PURE__ */ e.createElement("td", {
|
|
11473
11492
|
className: "pds-table__empty-cell",
|
|
11474
11493
|
colSpan: r.length + +!!xe
|
|
11475
|
-
}, f ?? /* @__PURE__ */ e.createElement(
|
|
11494
|
+
}, f ?? /* @__PURE__ */ e.createElement(Bn, {
|
|
11476
11495
|
heading: g,
|
|
11477
11496
|
iconName: "emptySet",
|
|
11478
11497
|
message: _
|
|
@@ -12262,6 +12281,6 @@ var wa = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12262
12281
|
}, []), t;
|
|
12263
12282
|
};
|
|
12264
12283
|
//#endregion
|
|
12265
|
-
export {
|
|
12284
|
+
export { Ln as ActionCard, Ja as AppLayout, Ke as Avatar, qe as Badge, Ci as Banner, or as BarChart, Jt as BranchDiff, Jr as Breadcrumb, Qt as Button, $t as ButtonLink, ri as ButtonNav, Wr as CTALink, In as Callout, Rn as Card, zn as CardSelect, Tr as Checkbox, Er as CheckboxFieldset, Dr as CheckboxGroup, nn as ClipboardButton, rn as CloseButton, hr as CodeBlock, Or as Combobox, Ar as ComboboxMultiselect, Bn as CompactEmptyState, _r as ComparisonList, ai as Container, Pr as Datepicker, Ya as DocsLayout, Ri as Drawer, ln as Dropdown, ii as DropdownMenu, Ki as ExpansionPanel, qi as ExpansionPanelGroup, xr as FileDiff, Fr as FileUpload, vn as FilterButton, eo as FlexContainer, zi as FullScreenOverlay, lo as GlobalWrapper, uo as Grid, fo as GridItem, yr as HorizontalEmptyState, Q as Icon, tn as IconButton, wr as IdentityBlock, Ti as InlineMessage, Ir as InputGroup, cr as LineChart, Gr as LinkNewWindow, Oi as MIN_AUTO_CLOSE_DURATION, Dn as MenuButton, Bi as Modal, oi as Navbar, Ui as Pagination, Wi as PaginationCompact, Gi as PaginationMini, Ji as Panel, Yi as PanelList, Xi as PanelRow, ea as PantheonLogo, Cr as PaymentIcon, qr as Picture, ur as PieChart, jn as PlatformIcon, ra as Popover, aa as ProgressBar, sa as ProgressRing, fr as ProportionBar, Lr as RadioGroup, Nn as SSOButton, Di as SectionMessage, On as SegmentedButton, Hn as Select, Vn as SelectOptionGroup, si as SideNav, li as SideNavGlobal, ci as SideNavGlobalItem, Xa as SidebarLayout, ca as SiteFooter, di as SiteMenu, la as SiteOptionDisplay, ua as SiteSearch, En as SiteTypeIcon, Tn as SiteTypeLabel, nr as Skeleton, Kr as Skiplink, Sa as SortableList, ga as SortableListHeader, wa as SortableRow, Gt as Spinner, kn as SplitButton, Kt as StatusBadge, Ea as StatusChecker, Da as StatusIndicator, bn as StatusTypeLabels, Oa as StepList, ka as Stepper, Za as StepperLayout, Rr as Switch, pi as TabMenu, Ma as Table, za as TableOfContents, Ba as Tabs, Ga as Tag, Br as TagsInput, qt as Tally, Ur as TextInput, Vr as Textarea, io as ThemeContext, so as ThemeContextProvider, _i as ThemeSwitcher, Qa as ThreeItemLayout, Fi as Toast, Ii as ToastType, Mi as Toaster, Ai as ToasterContext, Ot as Tooltip, hi as TreeNav, $a as TwoItemLayout, vi as UserMenu, Ka as UtilityBar, Pn as UtilityButton, br as VerticalEmptyState, ja as VerticalStepper, vr as VideoEmbed, yi as WorkspaceSelector, Mr as getPresetDateRange, oo as getThemeInitScript, Ue as iconList, Sn as isHeadingItemType, Cn as isLinkItemType, wn as isNodeItemType, xn as isSeparatorItemType, Ta as statusCheckerStates, Va as tagColors, Ha as tagSolidColors, qa as useBreakpoint, en as useClipboard, on as useDropdown, St as useIsMobile, po as useKeyPress, Dt as useKeyboardShortcut, to as useMediaQuery, co as useTheme, Li as useToast, mo as useWindowWidth };
|
|
12266
12285
|
|
|
12267
12286
|
//# sourceMappingURL=index.js.map
|