@pantheon-systems/pds-toolkit-react 2.0.0-beta.10 → 2.0.0-beta.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -6896,11 +6896,7 @@ var ei = {
|
|
|
6896
6896
|
},
|
|
6897
6897
|
createEnvMultidev: {
|
|
6898
6898
|
height: 233,
|
|
6899
|
-
render: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("
|
|
6900
|
-
fill: "var(--pds-color-illustration-surface)",
|
|
6901
|
-
height: 233,
|
|
6902
|
-
width: 341
|
|
6903
|
-
}), /* @__PURE__ */ e.createElement("path", {
|
|
6899
|
+
render: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", {
|
|
6904
6900
|
d: "M31.0759 73.4073L100.298 113.333L69.2216 131.259L0 91.3333L31.0759 73.4073Z",
|
|
6905
6901
|
fill: "var(--pds-color-illustration-shade)"
|
|
6906
6902
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
@@ -10377,7 +10373,10 @@ var ei = {
|
|
|
10377
10373
|
tabIndex: d === n ? 0 : -1,
|
|
10378
10374
|
...m({ onKeyDown: w })
|
|
10379
10375
|
}, t.linkContent, t.isActive === !0 && u)))));
|
|
10380
|
-
}, xa = ({
|
|
10376
|
+
}, xa = ({ isActive: t, linkContent: n }) => {
|
|
10377
|
+
let r = "pds-button-nav__item";
|
|
10378
|
+
return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
|
|
10379
|
+
}, Sa = ({ ariaLabel: t, className: n, hasBorder: r = !1, hasMobileDropdown: i = !1, menuItems: a, ...o }) => {
|
|
10381
10380
|
let s = g(null), c = "pds-button-nav", l = r ? `${c}--bordered` : null, u = i ? `${c}--has-mobile-dropdown` : null;
|
|
10382
10381
|
d(() => {
|
|
10383
10382
|
let e = (e) => {
|
|
@@ -10391,14 +10390,11 @@ var ei = {
|
|
|
10391
10390
|
};
|
|
10392
10391
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
10393
10392
|
}, []);
|
|
10394
|
-
let f = ({
|
|
10395
|
-
let r = `${c}__item`;
|
|
10396
|
-
return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
|
|
10397
|
-
}, p = a.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu` }, a.map((t, n) => /* @__PURE__ */ e.createElement(f, {
|
|
10393
|
+
let f = a.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu` }, a.map((t, n) => /* @__PURE__ */ e.createElement(xa, {
|
|
10398
10394
|
key: n,
|
|
10399
10395
|
isActive: ha(t),
|
|
10400
10396
|
linkContent: t.linkContent
|
|
10401
|
-
}))) : null,
|
|
10397
|
+
}))) : null, p = /* @__PURE__ */ e.createElement(ba, {
|
|
10402
10398
|
className: `${c}__mobile`,
|
|
10403
10399
|
menuItems: a,
|
|
10404
10400
|
selectTextFallback: t
|
|
@@ -10413,8 +10409,8 @@ var ei = {
|
|
|
10413
10409
|
n ?? ""
|
|
10414
10410
|
]),
|
|
10415
10411
|
...o
|
|
10416
|
-
},
|
|
10417
|
-
},
|
|
10412
|
+
}, f, i && p);
|
|
10413
|
+
}, Ca = ({ children: t, className: n, width: r = "standard", ...i }) => {
|
|
10418
10414
|
let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
|
|
10419
10415
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10420
10416
|
className: Z([
|
|
@@ -10424,7 +10420,7 @@ var ei = {
|
|
|
10424
10420
|
]),
|
|
10425
10421
|
...i
|
|
10426
10422
|
}, t);
|
|
10427
|
-
},
|
|
10423
|
+
}, wa = (e) => e === "m" ? void 0 : { columnGap: e === "none" ? "0" : `var(--pds-spacing-${e})` }, Ta = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, itemsCenterGap: s = "m", itemsLeftGap: c = "m", itemsRightGap: l = "m", translationStrings: u = {
|
|
10428
10424
|
closeMobileNav: "Close navigation area",
|
|
10429
10425
|
openMobileNav: "Open navigation area"
|
|
10430
10426
|
}, ...f }) => {
|
|
@@ -10480,7 +10476,7 @@ var ei = {
|
|
|
10480
10476
|
n ?? ""
|
|
10481
10477
|
]),
|
|
10482
10478
|
...f
|
|
10483
|
-
}, h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__bar-mobile` }, /* @__PURE__ */ e.createElement(
|
|
10479
|
+
}, h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__bar-mobile` }, /* @__PURE__ */ e.createElement(Ca, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__inner-mobile` }, E, M && N))), /* @__PURE__ */ e.createElement(Vn.Provider, { value: !0 }, /* @__PURE__ */ e.createElement(it, {
|
|
10484
10480
|
active: p,
|
|
10485
10481
|
focusTrapOptions: {
|
|
10486
10482
|
clickOutsideDeactivates: !0,
|
|
@@ -10490,11 +10486,11 @@ var ei = {
|
|
|
10490
10486
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
10491
10487
|
className: Z([`${y}__mobile`, p ? `${y}__mobile--open` : null]),
|
|
10492
10488
|
inert: p ? void 0 : ""
|
|
10493
|
-
}, /* @__PURE__ */ e.createElement(
|
|
10489
|
+
}, /* @__PURE__ */ e.createElement(Ca, null, /* @__PURE__ */ e.createElement("button", {
|
|
10494
10490
|
className: "visually-hidden",
|
|
10495
10491
|
onClick: C,
|
|
10496
10492
|
type: "button"
|
|
10497
|
-
}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(
|
|
10493
|
+
}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(Ca, {
|
|
10498
10494
|
className: `${y}__inner`,
|
|
10499
10495
|
style: o ? { paddingInline: o } : void 0,
|
|
10500
10496
|
width: i
|
|
@@ -10503,15 +10499,15 @@ var ei = {
|
|
|
10503
10499
|
className: `${y}__separator`
|
|
10504
10500
|
}), D && /* @__PURE__ */ e.createElement("div", {
|
|
10505
10501
|
className: `${y}__items-left`,
|
|
10506
|
-
style:
|
|
10502
|
+
style: wa(c)
|
|
10507
10503
|
}, D)), O && /* @__PURE__ */ e.createElement("div", {
|
|
10508
10504
|
className: `${y}__items-center`,
|
|
10509
|
-
style:
|
|
10505
|
+
style: wa(s)
|
|
10510
10506
|
}, O), k && /* @__PURE__ */ e.createElement("div", {
|
|
10511
10507
|
className: `${y}__items-right`,
|
|
10512
|
-
style:
|
|
10508
|
+
style: wa(l)
|
|
10513
10509
|
}, k)));
|
|
10514
|
-
},
|
|
10510
|
+
}, Ea = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
|
|
10515
10511
|
submenu: "submenu",
|
|
10516
10512
|
toggle: "Toggle"
|
|
10517
10513
|
}, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...u }) => {
|
|
@@ -10601,7 +10597,7 @@ var ei = {
|
|
|
10601
10597
|
]),
|
|
10602
10598
|
...u
|
|
10603
10599
|
}, S, i && C);
|
|
10604
|
-
},
|
|
10600
|
+
}, Da = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
|
|
10605
10601
|
let u = "pds-side-nav-global", f = `${u}__item`, p = `${u}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, ya(u, o, s, t)), h = (t, n, i = !1) => /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
10606
10602
|
p,
|
|
10607
10603
|
`${p}--${n}`,
|
|
@@ -10715,7 +10711,7 @@ var ei = {
|
|
|
10715
10711
|
},
|
|
10716
10712
|
preferredPlacement: "right"
|
|
10717
10713
|
}) : m)), ne);
|
|
10718
|
-
},
|
|
10714
|
+
}, Oa = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
|
|
10719
10715
|
submenu: "submenu",
|
|
10720
10716
|
toggle: "Toggle"
|
|
10721
10717
|
}, menuItems: a, onExpandSidebar: o, ...s }) => {
|
|
@@ -10744,7 +10740,7 @@ var ei = {
|
|
|
10744
10740
|
role: "presentation"
|
|
10745
10741
|
}, t.label);
|
|
10746
10742
|
let a = ha(t);
|
|
10747
|
-
return /* @__PURE__ */ e.createElement(
|
|
10743
|
+
return /* @__PURE__ */ e.createElement(Da, {
|
|
10748
10744
|
key: n,
|
|
10749
10745
|
icon: t.icon,
|
|
10750
10746
|
isActive: a,
|
|
@@ -10766,7 +10762,7 @@ var ei = {
|
|
|
10766
10762
|
]),
|
|
10767
10763
|
...s
|
|
10768
10764
|
}, h);
|
|
10769
|
-
},
|
|
10765
|
+
}, ka = ({ items: t, label: n }) => {
|
|
10770
10766
|
let r = g(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = zn({
|
|
10771
10767
|
offsetValue: 8,
|
|
10772
10768
|
openOnHover: !en()
|
|
@@ -10803,7 +10799,7 @@ var ei = {
|
|
|
10803
10799
|
key: n,
|
|
10804
10800
|
className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${p(t) ? " pds-dropdown__item--active" : ""}`}`
|
|
10805
10801
|
}, !t.isSeparator && t.linkContent)))));
|
|
10806
|
-
},
|
|
10802
|
+
}, Aa = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
|
|
10807
10803
|
let [a, o] = _(null), [s, c] = _(-1), [l, u] = _(null), [p, m] = _({
|
|
10808
10804
|
container: null,
|
|
10809
10805
|
containerChildren: []
|
|
@@ -10850,7 +10846,7 @@ var ei = {
|
|
|
10850
10846
|
},
|
|
10851
10847
|
className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
|
|
10852
10848
|
id: i
|
|
10853
|
-
}, /* @__PURE__ */ e.createElement(
|
|
10849
|
+
}, /* @__PURE__ */ e.createElement(ka, {
|
|
10854
10850
|
items: t.links,
|
|
10855
10851
|
label: t.label
|
|
10856
10852
|
}))) : S.push(/* @__PURE__ */ e.createElement("li", {
|
|
@@ -10869,7 +10865,7 @@ var ei = {
|
|
|
10869
10865
|
},
|
|
10870
10866
|
...i
|
|
10871
10867
|
}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
|
|
10872
|
-
},
|
|
10868
|
+
}, ja = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
|
|
10873
10869
|
let [s, c] = _(""), l = i.length >= a, u = "pds-tab-menu", d = `${u}__dropdown-menu`, f = l ? `${d}--scroll` : null, p = `${u}__dropdown-item`, { activeIndex: m, floatingStyles: g, getFloatingProps: v, getItemProps: y, getReferenceProps: b, isMounted: x, isOpen: S, listRef: w, refs: T, setActiveIndex: E, transitionStyles: D } = zn({
|
|
10874
10870
|
offsetValue: 8,
|
|
10875
10871
|
placement: "bottom-start",
|
|
@@ -10929,7 +10925,7 @@ var ei = {
|
|
|
10929
10925
|
zIndex: O
|
|
10930
10926
|
} })
|
|
10931
10927
|
}, /* @__PURE__ */ e.createElement("div", { style: { ...D } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([d, f]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${u}__no-results` }, o) : L)))));
|
|
10932
|
-
},
|
|
10928
|
+
}, Ma = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
|
|
10933
10929
|
let o = "pds-tab-menu", c = g(null), l = g(null);
|
|
10934
10930
|
d(() => {
|
|
10935
10931
|
let e = l.current, t = c.current;
|
|
@@ -10953,7 +10949,7 @@ var ei = {
|
|
|
10953
10949
|
iconName: n,
|
|
10954
10950
|
size: "m"
|
|
10955
10951
|
}), t.props.children)] })) : t), i;
|
|
10956
|
-
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(
|
|
10952
|
+
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ja, {
|
|
10957
10953
|
buttonLabel: t?.buttonLabel,
|
|
10958
10954
|
filterLabel: t?.filterLabel,
|
|
10959
10955
|
filterPlaceholder: t?.filterPlaceholder,
|
|
@@ -10981,11 +10977,11 @@ var ei = {
|
|
|
10981
10977
|
ref: c,
|
|
10982
10978
|
className: `${o}__mobile-menu-wrapper`
|
|
10983
10979
|
}, f));
|
|
10984
|
-
},
|
|
10980
|
+
}, Na = {
|
|
10985
10981
|
2: "second",
|
|
10986
10982
|
3: "third",
|
|
10987
10983
|
4: "fourth"
|
|
10988
|
-
},
|
|
10984
|
+
}, Pa = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
|
|
10989
10985
|
submenu: "submenu",
|
|
10990
10986
|
toggle: "Toggle"
|
|
10991
10987
|
}, menuItems: a, ...o }) => {
|
|
@@ -11096,7 +11092,7 @@ var ei = {
|
|
|
11096
11092
|
t !== -1 && (f(!0), y.current = t);
|
|
11097
11093
|
}
|
|
11098
11094
|
}, M = (t, n, r) => {
|
|
11099
|
-
let a =
|
|
11095
|
+
let a = Na[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, { isExpanded: f, itemIndex: p } = S(n, ha(n));
|
|
11100
11096
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, /* @__PURE__ */ e.createElement("button", {
|
|
11101
11097
|
"aria-expanded": f,
|
|
11102
11098
|
className: Z([`${s}__toggle`, f ? `${s}__toggle--expanded` : null]),
|
|
@@ -11126,7 +11122,7 @@ var ei = {
|
|
|
11126
11122
|
]),
|
|
11127
11123
|
"data-item-path": t.path || "",
|
|
11128
11124
|
role: "treeitem"
|
|
11129
|
-
}, t.links && d in
|
|
11125
|
+
}, t.links && d in Na ? M(d, t, t.links) : t.linkContent);
|
|
11130
11126
|
})));
|
|
11131
11127
|
}, N = (t, n) => {
|
|
11132
11128
|
let { linkContent: r, links: i } = t, a = ha(t), { isExpanded: o } = S(t, a);
|
|
@@ -11158,11 +11154,11 @@ var ei = {
|
|
|
11158
11154
|
className: `${s}__menu ${s}__menu--top-level`,
|
|
11159
11155
|
role: "tree"
|
|
11160
11156
|
}, a.map((e, t) => N(e, t))));
|
|
11161
|
-
},
|
|
11157
|
+
}, Fa = {
|
|
11162
11158
|
light: "sunBright",
|
|
11163
11159
|
dark: "moon",
|
|
11164
11160
|
system: "circleHalfStroke"
|
|
11165
|
-
},
|
|
11161
|
+
}, Ia = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
|
|
11166
11162
|
light: "Light",
|
|
11167
11163
|
dark: "Dark",
|
|
11168
11164
|
system: "System"
|
|
@@ -11174,7 +11170,7 @@ var ei = {
|
|
|
11174
11170
|
];
|
|
11175
11171
|
if (s === "toggle") {
|
|
11176
11172
|
let s = d.map((e) => ({
|
|
11177
|
-
iconName:
|
|
11173
|
+
iconName: Fa[e],
|
|
11178
11174
|
label: r[e],
|
|
11179
11175
|
value: e
|
|
11180
11176
|
}));
|
|
@@ -11193,7 +11189,7 @@ var ei = {
|
|
|
11193
11189
|
}
|
|
11194
11190
|
let f = d.map((e) => ({
|
|
11195
11191
|
callback: () => i?.(e),
|
|
11196
|
-
iconName:
|
|
11192
|
+
iconName: Fa[e],
|
|
11197
11193
|
iconSize: "m",
|
|
11198
11194
|
label: r[e]
|
|
11199
11195
|
}));
|
|
@@ -11206,7 +11202,7 @@ var ei = {
|
|
|
11206
11202
|
customTrigger: /* @__PURE__ */ e.createElement(Zn, {
|
|
11207
11203
|
iconOnly: !0,
|
|
11208
11204
|
"aria-label": u,
|
|
11209
|
-
iconName:
|
|
11205
|
+
iconName: Fa[o],
|
|
11210
11206
|
id: n,
|
|
11211
11207
|
label: "",
|
|
11212
11208
|
menuItems: f,
|
|
@@ -11215,7 +11211,7 @@ var ei = {
|
|
|
11215
11211
|
offsetValue: 0,
|
|
11216
11212
|
preferredPlacement: "top"
|
|
11217
11213
|
}));
|
|
11218
|
-
},
|
|
11214
|
+
}, La = ({ ariaLabel: t = "User menu", className: n, isMobileAccordion: r = !1, menuItems: i = [], onThemeChange: a, theme: o, themeLabel: s = "Theme", themeLabelStrings: c, userEmail: l, userImageSrc: u, userName: d, ...p }) => {
|
|
11219
11215
|
let [m, h] = _(null), [v, y] = _(!1), b = en(), x = r && b, S = g([]), w = g([]), T = f(), k = "pds-user-menu", j = `${k}__menu`, { context: F, floatingStyles: I, refs: L } = P({
|
|
11220
11216
|
placement: "bottom-end",
|
|
11221
11217
|
open: v,
|
|
@@ -11260,7 +11256,7 @@ var ei = {
|
|
|
11260
11256
|
}, /* @__PURE__ */ e.createElement("div", { className: `${k}__user-name` }, d), /* @__PURE__ */ e.createElement("div", { className: `${k}__user-email` }, l)), J = o !== void 0 && typeof a == "function" ? /* @__PURE__ */ e.createElement("li", {
|
|
11261
11257
|
className: `${k}__theme-row`,
|
|
11262
11258
|
role: "presentation"
|
|
11263
|
-
}, /* @__PURE__ */ e.createElement("span", { className: `${k}__theme-label` }, s), /* @__PURE__ */ e.createElement(
|
|
11259
|
+
}, /* @__PURE__ */ e.createElement("span", { className: `${k}__theme-label` }, s), /* @__PURE__ */ e.createElement(Ia, {
|
|
11264
11260
|
id: `${T}-theme`,
|
|
11265
11261
|
labelStrings: c,
|
|
11266
11262
|
onChange: a,
|
|
@@ -11339,7 +11335,7 @@ var ei = {
|
|
|
11339
11335
|
className: j,
|
|
11340
11336
|
role: "menu"
|
|
11341
11337
|
}, ae, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J, le))))));
|
|
11342
|
-
},
|
|
11338
|
+
}, Ra = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", isMobileAccordion: o = !1, menuHeading: s = "Workspaces", minFilterItems: c = 8, noResultsText: l = "No results found", workspaceList: u = [], ...d }) => {
|
|
11343
11339
|
let [f, p] = _(""), [v, y] = _(""), b = g(null), x = u.length >= c, S = en(), w = o && S, T = "pds-workspace-selector", E = `${T}__menu`, D = x ? `${E}--scroll` : null, { activeIndex: O, floatingStyles: k, getFloatingProps: A, getItemProps: j, getReferenceProps: M, isMounted: N, listRef: P, refs: F, setIsOpen: I, transitionStyles: L } = zn({
|
|
11344
11340
|
enableTypeahead: !x,
|
|
11345
11341
|
role: "menu"
|
|
@@ -11493,12 +11489,12 @@ var ei = {
|
|
|
11493
11489
|
className: `pds-dropdown__heading ${T}__item-heading`,
|
|
11494
11490
|
role: "presentation"
|
|
11495
11491
|
}, s), te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : te), W))));
|
|
11496
|
-
},
|
|
11492
|
+
}, za = {
|
|
11497
11493
|
info: "circleInfo",
|
|
11498
11494
|
warning: "triangleExclamation",
|
|
11499
11495
|
critical: "diamondExclamation",
|
|
11500
11496
|
discovery: "bullhorn"
|
|
11501
|
-
},
|
|
11497
|
+
}, Ba = 200, Va = 50, Ha = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
|
|
11502
11498
|
...Wn,
|
|
11503
11499
|
neutral: "Notice"
|
|
11504
11500
|
}, ...c }) => {
|
|
@@ -11523,21 +11519,21 @@ var ei = {
|
|
|
11523
11519
|
}, E = u[0].type, D = E ? `${C}-group--${E}` : null, O = (e) => 500 - e, k = (e) => e === 0 ? 0 : -1, A = () => {
|
|
11524
11520
|
m(u[0].id), setTimeout(() => {
|
|
11525
11521
|
f((e) => [...e.slice(1), e[0]]), m(null);
|
|
11526
|
-
},
|
|
11522
|
+
}, Ba);
|
|
11527
11523
|
}, j = () => {
|
|
11528
11524
|
b({
|
|
11529
11525
|
[u[0].id]: 502,
|
|
11530
11526
|
[u[S - 1].id]: 501
|
|
11531
11527
|
}), setTimeout(() => {
|
|
11532
11528
|
m(u[0].id);
|
|
11533
|
-
},
|
|
11529
|
+
}, Va), setTimeout(() => {
|
|
11534
11530
|
f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), b({});
|
|
11535
|
-
},
|
|
11531
|
+
}, Ba);
|
|
11536
11532
|
}, M = (t, n) => {
|
|
11537
11533
|
let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}: `, _ = (e) => {
|
|
11538
11534
|
e.preventDefault(), v(a), setTimeout(() => {
|
|
11539
11535
|
u?.(), v(null), x.current.add(a), f((e) => e.filter((e) => e.id !== a));
|
|
11540
|
-
},
|
|
11536
|
+
}, Ba);
|
|
11541
11537
|
}, b = y[a] ?? O(n);
|
|
11542
11538
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11543
11539
|
key: a,
|
|
@@ -11552,7 +11548,7 @@ var ei = {
|
|
|
11552
11548
|
style: { zIndex: b }
|
|
11553
11549
|
}, /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(Q, {
|
|
11554
11550
|
className: `${C}__icon ${C}__icon--${t.type}`,
|
|
11555
|
-
iconName: d === "neutral" ? r :
|
|
11551
|
+
iconName: d === "neutral" ? r : za[d],
|
|
11556
11552
|
size: l ? "2xl" : "l"
|
|
11557
11553
|
}), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
|
|
11558
11554
|
className: `${C}__dismiss-button`,
|
|
@@ -11583,12 +11579,12 @@ var ei = {
|
|
|
11583
11579
|
onClick: A,
|
|
11584
11580
|
size: "m"
|
|
11585
11581
|
}), u.map((e, t) => M(e, t))) : M(u[0], 0));
|
|
11586
|
-
},
|
|
11582
|
+
}, Ua = {
|
|
11587
11583
|
info: "circleInfo",
|
|
11588
11584
|
warning: "triangleExclamation",
|
|
11589
11585
|
success: "circleCheck",
|
|
11590
11586
|
critical: "diamondExclamation"
|
|
11591
|
-
},
|
|
11587
|
+
}, Wa = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
|
|
11592
11588
|
...Wn,
|
|
11593
11589
|
working: "Working"
|
|
11594
11590
|
}, ...o }) => {
|
|
@@ -11609,16 +11605,16 @@ var ei = {
|
|
|
11609
11605
|
role: l,
|
|
11610
11606
|
...o
|
|
11611
11607
|
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(Tn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
|
|
11612
|
-
iconName: `${i}` in
|
|
11608
|
+
iconName: `${i}` in Ua ? Ua[i] : Ua.info,
|
|
11613
11609
|
size: "xl"
|
|
11614
11610
|
})), /* @__PURE__ */ e.createElement("div", { className: `${s}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, u), /* @__PURE__ */ e.createElement("div", { className: `${s}__title` }, r), /* @__PURE__ */ e.createElement("div", { className: `${s}__message` }, d)));
|
|
11615
|
-
},
|
|
11611
|
+
}, Ga = {
|
|
11616
11612
|
info: "circleInfo",
|
|
11617
11613
|
warning: "triangleExclamation",
|
|
11618
11614
|
success: "circleCheck",
|
|
11619
11615
|
critical: "diamondExclamation",
|
|
11620
11616
|
discovery: "squareQuestion"
|
|
11621
|
-
},
|
|
11617
|
+
}, Ka = ({ className: t, ctaButton: n, ctaIcon: r, dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, secondaryCta: l, title: u, type: f = "info", typeLabels: p = Wn, ...m }) => {
|
|
11622
11618
|
let h = g(null), _ = g(void 0), v = "pds-section-message", y = {
|
|
11623
11619
|
error: `${v}--error`,
|
|
11624
11620
|
success: `${v}--success`,
|
|
@@ -11654,7 +11650,7 @@ var ei = {
|
|
|
11654
11650
|
role: S,
|
|
11655
11651
|
...m
|
|
11656
11652
|
}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${f}` }, /* @__PURE__ */ e.createElement(Q, {
|
|
11657
|
-
iconName: `${f}` in
|
|
11653
|
+
iconName: `${f}` in Ga ? Ga[f] : Ga.info,
|
|
11658
11654
|
size: "xl"
|
|
11659
11655
|
})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), u && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, u), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || l || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, l && /* @__PURE__ */ e.createElement(Mn, {
|
|
11660
11656
|
variant: "link",
|
|
@@ -11674,10 +11670,10 @@ var ei = {
|
|
|
11674
11670
|
onClick: D,
|
|
11675
11671
|
size: "m"
|
|
11676
11672
|
})));
|
|
11677
|
-
},
|
|
11673
|
+
}, qa = 3e4, Ja = {
|
|
11678
11674
|
pause: "Pause notification",
|
|
11679
11675
|
resume: "Resume notification"
|
|
11680
|
-
},
|
|
11676
|
+
}, Ya = i({ labelStrings: Ja }), Xa = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Ln, {
|
|
11681
11677
|
ariaLabel: t || "Close",
|
|
11682
11678
|
className: "pds-toast__close-button",
|
|
11683
11679
|
onClick: (e) => {
|
|
@@ -11685,13 +11681,13 @@ var ei = {
|
|
|
11685
11681
|
},
|
|
11686
11682
|
size: "s",
|
|
11687
11683
|
tabIndex: 0
|
|
11688
|
-
}),
|
|
11684
|
+
}), Za = ({ className: t, labelStrings: n = Ja, limit: r = 5, position: i = "bottom-right" }) => {
|
|
11689
11685
|
let a = Z(["pds-toaster", t]);
|
|
11690
|
-
return /* @__PURE__ */ e.createElement(
|
|
11686
|
+
return /* @__PURE__ */ e.createElement(Ya.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ot, {
|
|
11691
11687
|
newestOnTop: !0,
|
|
11692
11688
|
autoClose: !1,
|
|
11693
11689
|
className: a,
|
|
11694
|
-
closeButton:
|
|
11690
|
+
closeButton: Xa,
|
|
11695
11691
|
draggable: !1,
|
|
11696
11692
|
icon: !1,
|
|
11697
11693
|
limit: r,
|
|
@@ -11701,25 +11697,25 @@ var ei = {
|
|
|
11701
11697
|
role: "status",
|
|
11702
11698
|
transition: at
|
|
11703
11699
|
}));
|
|
11704
|
-
},
|
|
11700
|
+
}, Qa = {
|
|
11705
11701
|
info: "circleInfo",
|
|
11706
11702
|
success: "circleCheck",
|
|
11707
11703
|
warning: "triangleExclamation",
|
|
11708
11704
|
critical: "diamondExclamation"
|
|
11709
|
-
},
|
|
11705
|
+
}, $a = {
|
|
11710
11706
|
info: "Information",
|
|
11711
11707
|
success: "Success",
|
|
11712
11708
|
warning: "Warning",
|
|
11713
11709
|
critical: "Critical",
|
|
11714
11710
|
working: "Working..."
|
|
11715
|
-
},
|
|
11711
|
+
}, eo = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = $a }) => {
|
|
11716
11712
|
let c = "pds-toast", l = {
|
|
11717
11713
|
critical: `${c}--critical`,
|
|
11718
11714
|
info: `${c}--info`,
|
|
11719
11715
|
success: `${c}--success`,
|
|
11720
11716
|
warning: `${c}--warning`,
|
|
11721
11717
|
working: `${c}--working`
|
|
11722
|
-
}, d = `${s[o]} `, { labelStrings: f } = u(
|
|
11718
|
+
}, d = `${s[o]} `, { labelStrings: f } = u(Ya), [p, m] = _(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
|
|
11723
11719
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11724
11720
|
className: Z([
|
|
11725
11721
|
c,
|
|
@@ -11729,7 +11725,7 @@ var ei = {
|
|
|
11729
11725
|
id: i
|
|
11730
11726
|
}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Tn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
|
|
11731
11727
|
className: `${c}__icon ${c}__icon--${o}`,
|
|
11732
|
-
iconName:
|
|
11728
|
+
iconName: Qa[o],
|
|
11733
11729
|
size: "xl"
|
|
11734
11730
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
|
|
11735
11731
|
"aria-label": p ? f.resume : f.pause,
|
|
@@ -11744,11 +11740,11 @@ var ei = {
|
|
|
11744
11740
|
iconName: p ? "play" : "pause",
|
|
11745
11741
|
size: "m"
|
|
11746
11742
|
})));
|
|
11747
|
-
},
|
|
11743
|
+
}, to = /* @__PURE__ */ function(e) {
|
|
11748
11744
|
return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
|
|
11749
|
-
}({}),
|
|
11745
|
+
}({}), no = () => [
|
|
11750
11746
|
(t, n, r = {}) => {
|
|
11751
|
-
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(
|
|
11747
|
+
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(qa, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(eo, {
|
|
11752
11748
|
autoCloseDuration: a || void 0,
|
|
11753
11749
|
toastId: i,
|
|
11754
11750
|
type: t
|
|
@@ -11773,7 +11769,7 @@ var ei = {
|
|
|
11773
11769
|
enter: "pds-toast--bounceInPlace",
|
|
11774
11770
|
exit: "pds-toast--slideOut"
|
|
11775
11771
|
})
|
|
11776
|
-
],
|
|
11772
|
+
], ro = .35, io = .78, ao = 80, oo = 4, so = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close", disableOutsideClick: a, expandedHeight: o, hasCloseButton: s = !0, height: c, isOpen: u = !1, resizeLabel: f = "Close sheet", setIsOpen: p = () => {}, title: m, ...h }) => {
|
|
11777
11773
|
let v = yt(n), y = v.__unslotted, b = v.footer, x = "pds-bottom-sheet", S = o !== null, w = {
|
|
11778
11774
|
"--pds-bottom-sheet-height": c,
|
|
11779
11775
|
"--pds-bottom-sheet-expanded-height": o
|
|
@@ -11828,15 +11824,15 @@ var ei = {
|
|
|
11828
11824
|
let t = F.current, n = N.current;
|
|
11829
11825
|
if (!t || !n) return;
|
|
11830
11826
|
let r = e.clientY - t.startY, i = S ? window.innerHeight * .96 : t.startHeight;
|
|
11831
|
-
n.style.height = `${Math.min(i, Math.max(
|
|
11827
|
+
n.style.height = `${Math.min(i, Math.max(ao, t.startHeight - r))}px`;
|
|
11832
11828
|
}, [S]), U = l((e) => {
|
|
11833
11829
|
let t = F.current, n = N.current;
|
|
11834
11830
|
if (F.current = null, M(!1), !t || !n) return;
|
|
11835
|
-
let r = Math.abs(e.clientY - t.startY) >
|
|
11831
|
+
let r = Math.abs(e.clientY - t.startY) > oo, i = n.getBoundingClientRect().height;
|
|
11836
11832
|
if (n.style.height = "", !r) return;
|
|
11837
11833
|
I.current = !0;
|
|
11838
11834
|
let a = window.innerHeight;
|
|
11839
|
-
i < a *
|
|
11835
|
+
i < a * ro ? z() : S && i > a * io ? A(!0) : A(!1);
|
|
11840
11836
|
}, [S, z]);
|
|
11841
11837
|
return T ? /* @__PURE__ */ e.createElement(Vn.Provider, { value: !0 }, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(it, {
|
|
11842
11838
|
active: D,
|
|
@@ -11880,7 +11876,7 @@ var ei = {
|
|
|
11880
11876
|
onClick: z,
|
|
11881
11877
|
size: "s"
|
|
11882
11878
|
}))), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))))) : null;
|
|
11883
|
-
},
|
|
11879
|
+
}, co = ({ children: t, className: n, clearLabel: r = "Clear selection", count: i, getCountLabel: a = (e) => `${e} selected`, onClear: o, ...s }) => {
|
|
11884
11880
|
let c = "pds-bulk-action-bar";
|
|
11885
11881
|
return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
|
|
11886
11882
|
className: Z([c, n ?? ""]),
|
|
@@ -11897,7 +11893,7 @@ var ei = {
|
|
|
11897
11893
|
size: "s",
|
|
11898
11894
|
variant: "reverse"
|
|
11899
11895
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__actions` }, t)));
|
|
11900
|
-
},
|
|
11896
|
+
}, lo = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: c = "right", setIsOpen: u = () => {}, size: f = "m", title: p, width: m, ...h }) => {
|
|
11901
11897
|
let v = yt(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = m ? null : `${x}--${f}`, w = `${x}--${c}`, T = m ? { width: m } : void 0, [E, D] = _(s), [O, k] = _(!1), A = g(null), { closeOverlay: j, openOverlay: M } = an();
|
|
11902
11898
|
d(() => {
|
|
11903
11899
|
s ? D(!0) : k(!1);
|
|
@@ -11962,7 +11958,7 @@ var ei = {
|
|
|
11962
11958
|
onClick: N,
|
|
11963
11959
|
size: "m"
|
|
11964
11960
|
})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))))) : null;
|
|
11965
|
-
},
|
|
11961
|
+
}, uo = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...u }) => {
|
|
11966
11962
|
let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = an();
|
|
11967
11963
|
d(() => {
|
|
11968
11964
|
if (!(!h || !m) && c) return h(), () => m();
|
|
@@ -12028,7 +12024,7 @@ var ei = {
|
|
|
12028
12024
|
}),
|
|
12029
12025
|
zIndex: 9999
|
|
12030
12026
|
}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))))) : null;
|
|
12031
|
-
},
|
|
12027
|
+
}, fo = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: u = "m", title: f, ...p }) => {
|
|
12032
12028
|
let m = yt(n), h = m.__unslotted, g = m.footer, v = "pds-modal", y = u === "m" ? null : `${v}--${u}`, x = a ? {
|
|
12033
12029
|
maxHeight: a,
|
|
12034
12030
|
paddingInlineEnd: "1rem",
|
|
@@ -12104,27 +12100,27 @@ var ei = {
|
|
|
12104
12100
|
className: `${v}__content`,
|
|
12105
12101
|
style: x
|
|
12106
12102
|
}, h), g && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, g)))))) : null;
|
|
12107
|
-
},
|
|
12103
|
+
}, po = (e, t) => {
|
|
12108
12104
|
let n = t - e + 1;
|
|
12109
12105
|
return Array.from({ length: n }, (t, n) => n + e);
|
|
12110
|
-
},
|
|
12106
|
+
}, mo = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => h(() => {
|
|
12111
12107
|
let i = Math.ceil(r / n), a = e + 5, o = i;
|
|
12112
|
-
if (a >= i) return
|
|
12108
|
+
if (a >= i) return po(1, i);
|
|
12113
12109
|
let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
|
|
12114
12110
|
if (!l && u) return [
|
|
12115
|
-
...
|
|
12111
|
+
...po(1, 3 + 2 * e),
|
|
12116
12112
|
"...",
|
|
12117
12113
|
i
|
|
12118
12114
|
];
|
|
12119
12115
|
if (l && !u) return [
|
|
12120
12116
|
1,
|
|
12121
12117
|
"...",
|
|
12122
|
-
...
|
|
12118
|
+
...po(i - (3 + 2 * e) + 1, i)
|
|
12123
12119
|
];
|
|
12124
12120
|
if (l && u) return [
|
|
12125
12121
|
1,
|
|
12126
12122
|
"...",
|
|
12127
|
-
...
|
|
12123
|
+
...po(s, c),
|
|
12128
12124
|
"...",
|
|
12129
12125
|
o
|
|
12130
12126
|
];
|
|
@@ -12133,11 +12129,11 @@ var ei = {
|
|
|
12133
12129
|
n,
|
|
12134
12130
|
e,
|
|
12135
12131
|
t
|
|
12136
|
-
]),
|
|
12132
|
+
]), ho = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
|
|
12137
12133
|
previous: "Go to previous page",
|
|
12138
12134
|
next: "Go to next page"
|
|
12139
12135
|
}, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
|
|
12140
|
-
let f =
|
|
12136
|
+
let f = mo({
|
|
12141
12137
|
currentPage: r,
|
|
12142
12138
|
totalItemCount: u,
|
|
12143
12139
|
bufferCount: t,
|
|
@@ -12193,7 +12189,7 @@ var ei = {
|
|
|
12193
12189
|
size: "m"
|
|
12194
12190
|
}))
|
|
12195
12191
|
}))));
|
|
12196
|
-
},
|
|
12192
|
+
}, go = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
12197
12193
|
next: "Next",
|
|
12198
12194
|
previous: "Previous"
|
|
12199
12195
|
}, nextPage: s, onPageChange: c, previousPage: l, totalItemCount: u, ...d }) => {
|
|
@@ -12222,7 +12218,7 @@ var ei = {
|
|
|
12222
12218
|
iconName: "angleRight",
|
|
12223
12219
|
size: "m"
|
|
12224
12220
|
}))));
|
|
12225
|
-
},
|
|
12221
|
+
}, _o = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
12226
12222
|
next: "Go to next page",
|
|
12227
12223
|
of: "of",
|
|
12228
12224
|
page: "Page",
|
|
@@ -12317,7 +12313,7 @@ var ei = {
|
|
|
12317
12313
|
size: "s",
|
|
12318
12314
|
value: String(n)
|
|
12319
12315
|
}), /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.of, " ", m), /* @__PURE__ */ e.createElement("div", { className: `${b}__nav` }, k("prev"), k("next")));
|
|
12320
|
-
},
|
|
12316
|
+
}, vo = ({ children: t, className: n, contentMaxHeight: r, heading: i, icon: a, ...o }) => {
|
|
12321
12317
|
let s = "pds-widget-panel", c = yt(t), l = c.__unslotted, u = c.footer, d = r ? { maxHeight: r } : void 0;
|
|
12322
12318
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12323
12319
|
className: Z([s, n ?? ""]),
|
|
@@ -12330,7 +12326,7 @@ var ei = {
|
|
|
12330
12326
|
className: `${s}__content`,
|
|
12331
12327
|
style: d
|
|
12332
12328
|
}, l), bt(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
|
|
12333
|
-
},
|
|
12329
|
+
}, yo = "Bookmark pages you visit often for quick access.", bo = 5, xo = ({ bookmarks: t = [], className: n, contentMaxHeight: r, createLabel: i = "Create bookmark", getMenuAriaLabel: a = (e) => `Actions for ${e.title}`, getRemoveCriticalLabel: o, heading: s = "Bookmarks", isLoading: c = !1, loadingRowCount: l = bo, noResultsText: u = yo, onCreateBookmark: d, removeLabel: f, renameLabel: p, ...m }) => {
|
|
12334
12330
|
let h = "pds-bookmarks-panel", g = `${h}__item`, _ = [...Array(l)].map((t, n) => /* @__PURE__ */ e.createElement("li", {
|
|
12335
12331
|
key: n,
|
|
12336
12332
|
className: `${g} ${g}--loading`
|
|
@@ -12369,14 +12365,14 @@ var ei = {
|
|
|
12369
12365
|
slot: "footer",
|
|
12370
12366
|
variant: "link"
|
|
12371
12367
|
});
|
|
12372
|
-
return /* @__PURE__ */ e.createElement(
|
|
12368
|
+
return /* @__PURE__ */ e.createElement(vo, {
|
|
12373
12369
|
className: Z([h, n ?? ""]),
|
|
12374
12370
|
contentMaxHeight: r,
|
|
12375
12371
|
heading: s,
|
|
12376
12372
|
icon: "bookmark",
|
|
12377
12373
|
...m
|
|
12378
12374
|
}, c ? /* @__PURE__ */ e.createElement("ul", { className: `${h}__list ${h}__list--loading` }, _) : t.length === 0 ? /* @__PURE__ */ e.createElement(ca, { text: u }) : /* @__PURE__ */ e.createElement("ul", { className: `${h}__list` }, v), !c && y);
|
|
12379
|
-
},
|
|
12375
|
+
}, So = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
|
|
12380
12376
|
let [c, l] = _(i), u = f(), p = r ?? `expansion-panel-${u}`, m = "pds-expansion-panel", h = a ? null : `${m}--no-border`, v = g(null);
|
|
12381
12377
|
return d(() => {
|
|
12382
12378
|
let e = v.current;
|
|
@@ -12400,7 +12396,7 @@ var ei = {
|
|
|
12400
12396
|
className: `${m}__icon ${c ? "rotated" : ""}`,
|
|
12401
12397
|
iconName: "angleDown"
|
|
12402
12398
|
})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
|
|
12403
|
-
},
|
|
12399
|
+
}, Co = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
|
|
12404
12400
|
let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
|
|
12405
12401
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12406
12402
|
className: Z([
|
|
@@ -12410,7 +12406,7 @@ var ei = {
|
|
|
12410
12406
|
]),
|
|
12411
12407
|
...i
|
|
12412
12408
|
}, t);
|
|
12413
|
-
},
|
|
12409
|
+
}, wo = ({ className: t, content: n, cta: r, dismissLabel: i = "Close", heading: a, image: o, imageVariant: s = "bleed", isDismissible: c, layout: l = "vertical", onDismiss: u, ...d }) => {
|
|
12414
12410
|
let f = "pds-feature-panel", p = l === "vertical" ? null : `${f}--${l}`, m = s === "bleed" ? null : `${f}--image-${s}`, h = c ? `${f}--hasDismiss` : null, g = o ? `${f}--has-image` : null, _ = r && "linkContent" in r;
|
|
12415
12411
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12416
12412
|
className: Z([
|
|
@@ -12437,7 +12433,7 @@ var ei = {
|
|
|
12437
12433
|
size: "s",
|
|
12438
12434
|
variant: "brand"
|
|
12439
12435
|
}))));
|
|
12440
|
-
},
|
|
12436
|
+
}, To = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
|
|
12441
12437
|
let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
|
|
12442
12438
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12443
12439
|
className: Z([
|
|
@@ -12447,7 +12443,7 @@ var ei = {
|
|
|
12447
12443
|
]),
|
|
12448
12444
|
...a
|
|
12449
12445
|
}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
|
|
12450
|
-
},
|
|
12446
|
+
}, Eo = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
|
|
12451
12447
|
let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
|
|
12452
12448
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
12453
12449
|
className: Z([
|
|
@@ -12459,7 +12455,7 @@ var ei = {
|
|
|
12459
12455
|
]),
|
|
12460
12456
|
...o
|
|
12461
12457
|
}, n);
|
|
12462
|
-
},
|
|
12458
|
+
}, Do = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, stackBelow: a = "m", ...o }) => {
|
|
12463
12459
|
let s = "pds-panel-row", c = `${s}--stack-${a}`, [l, u] = _(!1), d = yt(t), f = d["items-left"], p = d["items-right"], m = d["items-below"], h = () => {
|
|
12464
12460
|
u((e) => !e);
|
|
12465
12461
|
};
|
|
@@ -12491,10 +12487,10 @@ var ei = {
|
|
|
12491
12487
|
opacity: "0"
|
|
12492
12488
|
}
|
|
12493
12489
|
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__items-inside` }, m)));
|
|
12494
|
-
},
|
|
12490
|
+
}, Oo = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
|
|
12495
12491
|
className: Z(["pds-panel-stack", n ?? ""]),
|
|
12496
12492
|
...r
|
|
12497
|
-
}, t),
|
|
12493
|
+
}, t), ko = ({ className: t, contentMaxHeight: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", heading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
|
|
12498
12494
|
let d = "pds-workspace-selector-panel", f = `${d}__item`, [p, m] = _(""), g = l.length >= s, v = h(() => {
|
|
12499
12495
|
if (!p) return l;
|
|
12500
12496
|
let e = p.toLowerCase();
|
|
@@ -12527,7 +12523,7 @@ var ei = {
|
|
|
12527
12523
|
slot: "footer",
|
|
12528
12524
|
variant: "link"
|
|
12529
12525
|
});
|
|
12530
|
-
return /* @__PURE__ */ e.createElement(
|
|
12526
|
+
return /* @__PURE__ */ e.createElement(vo, {
|
|
12531
12527
|
className: Z([d, t ?? ""]),
|
|
12532
12528
|
contentMaxHeight: n,
|
|
12533
12529
|
heading: o,
|
|
@@ -12546,7 +12542,7 @@ var ei = {
|
|
|
12546
12542
|
"aria-label": o,
|
|
12547
12543
|
className: `${d}__nav`
|
|
12548
12544
|
}, v.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${d}__no-results` }, c) : /* @__PURE__ */ e.createElement("ul", { className: `${d}__list` }, v)), y);
|
|
12549
|
-
},
|
|
12545
|
+
}, Ao = /* @__PURE__ */ e.createElement("svg", {
|
|
12550
12546
|
"aria-label": "Pantheon",
|
|
12551
12547
|
fill: "none",
|
|
12552
12548
|
focusable: "false",
|
|
@@ -12608,7 +12604,7 @@ var ei = {
|
|
|
12608
12604
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12609
12605
|
d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
|
|
12610
12606
|
fill: "var(--pds-color-foreground-default)"
|
|
12611
|
-
})),
|
|
12607
|
+
})), jo = /* @__PURE__ */ e.createElement("svg", {
|
|
12612
12608
|
"aria-label": "Pantheon",
|
|
12613
12609
|
fill: "none",
|
|
12614
12610
|
focusable: "false",
|
|
@@ -12643,7 +12639,7 @@ var ei = {
|
|
|
12643
12639
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12644
12640
|
d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
|
|
12645
12641
|
fill: "var(--pds-color-foreground-default)"
|
|
12646
|
-
})),
|
|
12642
|
+
})), Mo = /* @__PURE__ */ e.createElement("svg", {
|
|
12647
12643
|
"aria-label": "Pantheon",
|
|
12648
12644
|
fill: "none",
|
|
12649
12645
|
focusable: "false",
|
|
@@ -12678,17 +12674,17 @@ var ei = {
|
|
|
12678
12674
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12679
12675
|
d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
|
|
12680
12676
|
fill: "var(--pds-color-foreground-default)"
|
|
12681
|
-
})),
|
|
12677
|
+
})), No = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
|
|
12682
12678
|
let c = "pds-pantheon-logo", l = r && r !== "full" ? `${c}--${r}` : null, u = n && n !== "default" ? `${c}--${n}` : null, d = a === "m" ? null : `${c}--${a}`, f;
|
|
12683
12679
|
switch (r) {
|
|
12684
12680
|
case "full":
|
|
12685
|
-
f =
|
|
12681
|
+
f = Ao;
|
|
12686
12682
|
break;
|
|
12687
12683
|
case "icon":
|
|
12688
|
-
f =
|
|
12684
|
+
f = jo;
|
|
12689
12685
|
break;
|
|
12690
12686
|
case "wordmark":
|
|
12691
|
-
f =
|
|
12687
|
+
f = Mo;
|
|
12692
12688
|
break;
|
|
12693
12689
|
}
|
|
12694
12690
|
let p = s(i) && typeof i.props.children == "string" ? i.props.children : "", m = s(i) ? i.type : null, h = s(i) && m ? /* @__PURE__ */ e.createElement(m, Object.assign({}, i.props, {
|
|
@@ -12705,7 +12701,7 @@ var ei = {
|
|
|
12705
12701
|
]),
|
|
12706
12702
|
...o
|
|
12707
12703
|
}, i ? h : f);
|
|
12708
|
-
},
|
|
12704
|
+
}, Po = 8, Fo = 14, Io = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: u = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: h = "circleInfo", triggerIconSize: v = "m", ...x }) => {
|
|
12709
12705
|
let [S, w] = _(u);
|
|
12710
12706
|
d(() => {
|
|
12711
12707
|
w(u);
|
|
@@ -12732,12 +12728,12 @@ var ei = {
|
|
|
12732
12728
|
M(R),
|
|
12733
12729
|
N(R),
|
|
12734
12730
|
H(R)
|
|
12735
|
-
]), ne = B.arrow?.x ?? 0, q = B.arrow?.y ?? 0, re = ne +
|
|
12731
|
+
]), ne = B.arrow?.x ?? 0, q = B.arrow?.y ?? 0, re = ne + Fo / 2, ie = q + Po, { isMounted: ae } = te(R, {
|
|
12736
12732
|
initial: { transform: "scale(0)" },
|
|
12737
12733
|
common: ({ side: e }) => ({ transformOrigin: {
|
|
12738
|
-
top: `${re}px calc(100% + ${
|
|
12734
|
+
top: `${re}px calc(100% + ${Po}px)`,
|
|
12739
12735
|
bottom: `${re}px -8px`,
|
|
12740
|
-
left: `calc(100% + ${
|
|
12736
|
+
left: `calc(100% + ${Po}px) ${ie}px`,
|
|
12741
12737
|
right: `-8px ${ie}px`
|
|
12742
12738
|
}[e] })
|
|
12743
12739
|
});
|
|
@@ -12772,23 +12768,23 @@ var ei = {
|
|
|
12772
12768
|
className: `${j}__arrow`,
|
|
12773
12769
|
context: R,
|
|
12774
12770
|
fill: "var(--pds-color-surface-default)",
|
|
12775
|
-
height:
|
|
12771
|
+
height: Po,
|
|
12776
12772
|
stroke: "var(--pds-color-border-default)",
|
|
12777
12773
|
strokeWidth: 1,
|
|
12778
12774
|
tipRadius: 0,
|
|
12779
|
-
width:
|
|
12775
|
+
width: Fo
|
|
12780
12776
|
}), /* @__PURE__ */ e.createElement("div", { className: `${j}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${j}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${j}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${j}__close-wrapper` }, /* @__PURE__ */ e.createElement(Ln, {
|
|
12781
12777
|
ariaLabel: r,
|
|
12782
12778
|
onClick: W,
|
|
12783
12779
|
size: "s"
|
|
12784
12780
|
})))))));
|
|
12785
|
-
},
|
|
12781
|
+
}, Lo = {
|
|
12786
12782
|
neutral: "--pds-color-status-neutral-indicator",
|
|
12787
12783
|
info: "--pds-color-status-info-fill",
|
|
12788
12784
|
success: "--pds-color-status-success-fill",
|
|
12789
12785
|
warning: "--pds-color-status-warning-fill",
|
|
12790
12786
|
critical: "--pds-color-status-critical-fill"
|
|
12791
|
-
},
|
|
12787
|
+
}, Ro = ({ className: t, colorBreakpoints: n = [{
|
|
12792
12788
|
colorType: "info",
|
|
12793
12789
|
percentage: 0
|
|
12794
12790
|
}, {
|
|
@@ -12809,7 +12805,7 @@ var ei = {
|
|
|
12809
12805
|
id: m
|
|
12810
12806
|
}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
|
|
12811
12807
|
className: `${h}__percentage`,
|
|
12812
|
-
style: { color: `hsl(from var(${
|
|
12808
|
+
style: { color: `hsl(from var(${Lo[y]}) h s calc(l - 7))` }
|
|
12813
12809
|
}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
|
|
12814
12810
|
"aria-labelledby": m,
|
|
12815
12811
|
"aria-valuenow": v,
|
|
@@ -12819,16 +12815,16 @@ var ei = {
|
|
|
12819
12815
|
className: `${h}__bar`,
|
|
12820
12816
|
style: {
|
|
12821
12817
|
width: `${v}%`,
|
|
12822
|
-
backgroundColor: `var(${
|
|
12818
|
+
backgroundColor: `var(${Lo[y]})`
|
|
12823
12819
|
}
|
|
12824
12820
|
}))), S && b);
|
|
12825
|
-
},
|
|
12821
|
+
}, zo = {
|
|
12826
12822
|
neutral: "--pds-color-status-neutral-indicator",
|
|
12827
12823
|
info: "--pds-color-status-info-fill",
|
|
12828
12824
|
success: "--pds-color-status-success-fill",
|
|
12829
12825
|
warning: "--pds-color-status-warning-fill",
|
|
12830
12826
|
critical: "--pds-color-status-critical-fill"
|
|
12831
|
-
},
|
|
12827
|
+
}, Bo = ({ className: t, colorBreakpoints: n = [{
|
|
12832
12828
|
colorType: "info",
|
|
12833
12829
|
percentage: 0
|
|
12834
12830
|
}, {
|
|
@@ -12877,7 +12873,7 @@ var ei = {
|
|
|
12877
12873
|
strokeDasharray: x,
|
|
12878
12874
|
strokeDashoffset: S,
|
|
12879
12875
|
strokeWidth: y,
|
|
12880
|
-
style: { stroke: `var(${
|
|
12876
|
+
style: { stroke: `var(${zo[C]})` },
|
|
12881
12877
|
transform: `rotate(-90 ${v / 2} ${v / 2})`
|
|
12882
12878
|
}), /* @__PURE__ */ e.createElement("text", {
|
|
12883
12879
|
alignmentBaseline: "middle",
|
|
@@ -12887,29 +12883,29 @@ var ei = {
|
|
|
12887
12883
|
x: "50%",
|
|
12888
12884
|
y: "51%"
|
|
12889
12885
|
}, w))));
|
|
12890
|
-
},
|
|
12886
|
+
}, Vo = {
|
|
12891
12887
|
of: "of",
|
|
12892
12888
|
showing: "Showing",
|
|
12893
12889
|
unitPlural: "results",
|
|
12894
12890
|
unitSingular: "result"
|
|
12895
|
-
},
|
|
12891
|
+
}, Ho = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, Uo = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
|
|
12896
12892
|
let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
|
|
12897
|
-
...
|
|
12893
|
+
...Vo,
|
|
12898
12894
|
...i
|
|
12899
|
-
}, p = n !== void 0, m =
|
|
12895
|
+
}, p = n !== void 0, m = Ho(r, f, d, a);
|
|
12900
12896
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12901
12897
|
"aria-live": "polite",
|
|
12902
12898
|
className: Z([s, t ?? ""]),
|
|
12903
12899
|
...o
|
|
12904
12900
|
}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && /* @__PURE__ */ e.createElement("span", null, `${u} `), /* @__PURE__ */ e.createElement("span", { className: c }, n), /* @__PURE__ */ e.createElement("span", null, ` ${l} `)), /* @__PURE__ */ e.createElement("span", { className: c }, r), /* @__PURE__ */ e.createElement("span", null, ` ${m}`)));
|
|
12905
|
-
},
|
|
12901
|
+
}, Wo = {
|
|
12906
12902
|
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
12907
12903
|
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
12908
12904
|
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
12909
12905
|
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
12910
12906
|
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
12911
12907
|
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
12912
|
-
},
|
|
12908
|
+
}, Go = (e) => typeof e == "string", Ko = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
|
|
12913
12909
|
"privacy",
|
|
12914
12910
|
"dataSubjectRequest",
|
|
12915
12911
|
"cookiePolicy",
|
|
@@ -12926,8 +12922,8 @@ var ei = {
|
|
|
12926
12922
|
r ?? ""
|
|
12927
12923
|
]),
|
|
12928
12924
|
...c
|
|
12929
|
-
}, /* @__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) =>
|
|
12930
|
-
},
|
|
12925
|
+
}, /* @__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) => Go(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, Wo[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
|
|
12926
|
+
}, qo = ({ className: t, option: n, ...r }) => {
|
|
12931
12927
|
let i = "pds-site-option-display", a = n.type ? Xn[n.type] : "boltSolid", o = g(null), [s] = lt(o), c = s.width / 16 - 7.5, l, u;
|
|
12932
12928
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
12933
12929
|
let d = /* @__PURE__ */ e.createElement(En, {
|
|
@@ -12950,7 +12946,7 @@ var ei = {
|
|
|
12950
12946
|
className: `${i}__status`,
|
|
12951
12947
|
style: { pointerEvents: "none" }
|
|
12952
12948
|
}, d));
|
|
12953
|
-
},
|
|
12949
|
+
}, Jo = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
|
|
12954
12950
|
clearButton: "Clear input text",
|
|
12955
12951
|
inputInstructions: "Type to search options"
|
|
12956
12952
|
}, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
|
|
@@ -12962,7 +12958,7 @@ var ei = {
|
|
|
12962
12958
|
id: n,
|
|
12963
12959
|
label: i,
|
|
12964
12960
|
value: r ?? i,
|
|
12965
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
12961
|
+
optionDisplay: /* @__PURE__ */ e.createElement(qo, { option: t }),
|
|
12966
12962
|
siteData: t
|
|
12967
12963
|
};
|
|
12968
12964
|
});
|
|
@@ -12991,7 +12987,7 @@ var ei = {
|
|
|
12991
12987
|
};
|
|
12992
12988
|
//#endregion
|
|
12993
12989
|
//#region src/components/SortableList/sortable-utils.ts
|
|
12994
|
-
function
|
|
12990
|
+
function Yo(e, t, n = null, r = 0, i = []) {
|
|
12995
12991
|
return e.reduce((e, a, o) => {
|
|
12996
12992
|
let s = !!a.children?.length, c = t.has(a.id);
|
|
12997
12993
|
return e.push({
|
|
@@ -13003,10 +12999,10 @@ function Jo(e, t, n = null, r = 0, i = []) {
|
|
|
13003
12999
|
index: o,
|
|
13004
13000
|
isExpanded: c,
|
|
13005
13001
|
parentId: n
|
|
13006
|
-
}), s && c && a.children && e.push(...
|
|
13002
|
+
}), s && c && a.children && e.push(...Yo(a.children, t, a.id, r + 1, [...i, a.id])), e;
|
|
13007
13003
|
}, []);
|
|
13008
13004
|
}
|
|
13009
|
-
function
|
|
13005
|
+
function Xo(e) {
|
|
13010
13006
|
let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
|
|
13011
13007
|
for (let i of e) {
|
|
13012
13008
|
let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
|
|
@@ -13019,28 +13015,28 @@ function Yo(e) {
|
|
|
13019
13015
|
e && (e.children || (e.children = []), e.children.push(o));
|
|
13020
13016
|
}
|
|
13021
13017
|
}
|
|
13022
|
-
return
|
|
13018
|
+
return Zo(r);
|
|
13023
13019
|
}
|
|
13024
|
-
function
|
|
13020
|
+
function Zo(e) {
|
|
13025
13021
|
return e.map((e) => {
|
|
13026
13022
|
if (e.children?.length) return {
|
|
13027
13023
|
...e,
|
|
13028
|
-
children:
|
|
13024
|
+
children: Zo(e.children)
|
|
13029
13025
|
};
|
|
13030
13026
|
let { children: t, ...n } = e;
|
|
13031
13027
|
return n;
|
|
13032
13028
|
});
|
|
13033
13029
|
}
|
|
13034
|
-
function
|
|
13030
|
+
function Qo(e, t) {
|
|
13035
13031
|
for (let n of e) {
|
|
13036
13032
|
if (n.id === t) return n;
|
|
13037
13033
|
if (n.children) {
|
|
13038
|
-
let e =
|
|
13034
|
+
let e = Qo(n.children, t);
|
|
13039
13035
|
if (e) return e;
|
|
13040
13036
|
}
|
|
13041
13037
|
}
|
|
13042
13038
|
}
|
|
13043
|
-
function
|
|
13039
|
+
function $o(e, t, n, r, i, a, o) {
|
|
13044
13040
|
let s = e.findIndex((e) => e.id === n);
|
|
13045
13041
|
if (s === -1) return 0;
|
|
13046
13042
|
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;
|
|
@@ -13048,7 +13044,7 @@ function Qo(e, t, n, r, i, a, o) {
|
|
|
13048
13044
|
}
|
|
13049
13045
|
//#endregion
|
|
13050
13046
|
//#region src/components/SortableList/SortableListHeader.tsx
|
|
13051
|
-
var
|
|
13047
|
+
var es = ({ children: t, className: n, columns: r, ...i }) => {
|
|
13052
13048
|
if (!r && !t) return null;
|
|
13053
13049
|
let a = r ? {
|
|
13054
13050
|
display: "grid",
|
|
@@ -13069,13 +13065,13 @@ var $o = ({ children: t, className: n, columns: r, ...i }) => {
|
|
|
13069
13065
|
};
|
|
13070
13066
|
//#endregion
|
|
13071
13067
|
//#region src/components/SortableList/useSortableTree.ts
|
|
13072
|
-
function
|
|
13068
|
+
function ts({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
|
|
13073
13069
|
let i = n !== void 0, [a, o] = _(() => n ?? e ?? []), [s, c] = _(/* @__PURE__ */ new Set()), u = g(null), d = g(t);
|
|
13074
13070
|
t && !d.current && (u.current = {
|
|
13075
13071
|
items: i ? n : a,
|
|
13076
13072
|
expandedIds: s
|
|
13077
|
-
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 &&
|
|
13078
|
-
let f = i ? n : a, p = h(() =>
|
|
13073
|
+
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && rs("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
|
|
13074
|
+
let f = i ? n : a, p = h(() => Yo(f, s), [f, s]), m = h(() => p.map((e) => e.id), [p]), v = l((e) => {
|
|
13079
13075
|
c((t) => {
|
|
13080
13076
|
let n = new Set(t);
|
|
13081
13077
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -13093,7 +13089,7 @@ function es({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
13093
13089
|
}, []),
|
|
13094
13090
|
flatNodes: p,
|
|
13095
13091
|
handleReorder: l((e) => {
|
|
13096
|
-
let t =
|
|
13092
|
+
let t = Xo(e);
|
|
13097
13093
|
i || o(t), r?.(t);
|
|
13098
13094
|
}, [i, r]),
|
|
13099
13095
|
resetToSnapshot: l(() => {
|
|
@@ -13105,24 +13101,24 @@ function es({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
13105
13101
|
toggleExpand: v
|
|
13106
13102
|
};
|
|
13107
13103
|
}
|
|
13108
|
-
var
|
|
13109
|
-
function
|
|
13110
|
-
|
|
13104
|
+
var ns = /* @__PURE__ */ new Set();
|
|
13105
|
+
function rs(e) {
|
|
13106
|
+
ns.has(e) || (ns.add(e), console.warn(e));
|
|
13111
13107
|
}
|
|
13112
13108
|
//#endregion
|
|
13113
13109
|
//#region src/components/SortableList/SortableList.tsx
|
|
13114
|
-
var
|
|
13110
|
+
var is = 24, as = { droppable: { strategy: Ke.Always } }, os = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: c, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: f, maxDepth: m = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
|
|
13115
13111
|
let w = "pds-sortable-list", [T, E] = _(null), D = g(null), [O, k] = _(!1), A = g(!1), [j, M] = _(null), N = g(0), P = g(0), F = g("pointer"), I = g(0), L = g(null), [R, z] = _(0), ee = g(0), [B, V] = _(0), H = g(0), te = l((e, t) => {
|
|
13116
13112
|
if (m > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
|
|
13117
13113
|
e.preventDefault();
|
|
13118
13114
|
let n = e.key === "ArrowRight" ? 1 : -1, r = ee.current, i = Math.max(-m, Math.min(m, r + n)), a = i - r;
|
|
13119
13115
|
return ee.current = i, z(i), {
|
|
13120
|
-
x: t.currentCoordinates.x + a *
|
|
13116
|
+
x: t.currentCoordinates.x + a * is,
|
|
13121
13117
|
y: t.currentCoordinates.y
|
|
13122
13118
|
};
|
|
13123
13119
|
}
|
|
13124
13120
|
return et(e, t);
|
|
13125
|
-
}, [m]), U = b === "always" || b === "toggle" && (c ?? !1), { currentItems: W, expandItem: G, flatNodes: K, handleReorder: ne, resetToSnapshot: q, sortableIds: re, toggleExpand: ie } =
|
|
13121
|
+
}, [m]), U = b === "always" || b === "toggle" && (c ?? !1), { currentItems: W, expandItem: G, flatNodes: K, handleReorder: ne, resetToSnapshot: q, sortableIds: re, toggleExpand: ie } = ts({
|
|
13126
13122
|
defaultItems: a,
|
|
13127
13123
|
isDragEnabled: U,
|
|
13128
13124
|
items: f,
|
|
@@ -13149,9 +13145,9 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13149
13145
|
ce,
|
|
13150
13146
|
oe,
|
|
13151
13147
|
j
|
|
13152
|
-
]).size > 0, de = h(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), fe = h(() => T ?
|
|
13148
|
+
]).size > 0, de = h(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), fe = h(() => T ? Qo(W, String(T)) ?? null : null, [T, W]), pe = h(() => {
|
|
13153
13149
|
let e = de?.depth ?? 0;
|
|
13154
|
-
return !T || !j || O || m === 0 ? e :
|
|
13150
|
+
return !T || !j || O || m === 0 ? e : $o(K, String(T), String(j), B * is, is, m);
|
|
13155
13151
|
}, [
|
|
13156
13152
|
T,
|
|
13157
13153
|
de,
|
|
@@ -13163,7 +13159,7 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13163
13159
|
]), me = h(() => {
|
|
13164
13160
|
if (!T || O || pe === 0 || j && ce(j)) return null;
|
|
13165
13161
|
let e = K.findIndex((e) => e.id === T);
|
|
13166
|
-
return e === -1 ? null :
|
|
13162
|
+
return e === -1 ? null : ss(K, e, pe);
|
|
13167
13163
|
}, [
|
|
13168
13164
|
T,
|
|
13169
13165
|
K,
|
|
@@ -13209,19 +13205,19 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13209
13205
|
}, [K, oe]), ve = l((e) => {
|
|
13210
13206
|
let t = e.delta.x;
|
|
13211
13207
|
if (P.current = t, A.current || m === 0) return;
|
|
13212
|
-
let n = Math.floor(t /
|
|
13213
|
-
(n > r || n < r && t < r *
|
|
13208
|
+
let n = Math.floor(t / is), r = H.current;
|
|
13209
|
+
(n > r || n < r && t < r * is - is * .4) && (H.current = n, V(n));
|
|
13214
13210
|
}, [m]), ye = l((e) => {
|
|
13215
13211
|
let { active: t, over: n } = e, r = A.current, i = ee.current, a = H.current;
|
|
13216
13212
|
E(null), D.current = null, k(!1), A.current = !1, M(null), H.current = 0, V(0), L.current && (G(L.current), L.current = null);
|
|
13217
|
-
let o = K.findIndex((e) => e.id === t.id), s = r ? i *
|
|
13213
|
+
let o = K.findIndex((e) => e.id === t.id), s = r ? i * is : a * is, c = !n || t.id === n.id, l = n?.id ?? null;
|
|
13218
13214
|
if (r && i > 0 && c && o > 0 && (l = K[o - 1].id), !l || t.id === l) {
|
|
13219
13215
|
if (o === -1) return;
|
|
13220
13216
|
let e = K[o];
|
|
13221
13217
|
if (!e) return;
|
|
13222
|
-
let n =
|
|
13218
|
+
let n = $o(K, String(t.id), String(t.id), s, is, m);
|
|
13223
13219
|
if (n === e.depth) return;
|
|
13224
|
-
let r = [...K], [i] = r.splice(o, 1), a =
|
|
13220
|
+
let r = [...K], [i] = r.splice(o, 1), a = ss(r, o, n);
|
|
13225
13221
|
if (a && se.has(a)) return;
|
|
13226
13222
|
let c = {
|
|
13227
13223
|
...i,
|
|
@@ -13243,9 +13239,9 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13243
13239
|
let e = K[u];
|
|
13244
13240
|
_ = Math.min(e.depth + 1, m), v = String(l);
|
|
13245
13241
|
} else {
|
|
13246
|
-
_ =
|
|
13242
|
+
_ = $o(d, String(t.id), String(l), s, is, m, p.depth);
|
|
13247
13243
|
let e = d[g];
|
|
13248
|
-
v = e && e.depth === _ - 1 ? String(l) :
|
|
13244
|
+
v = e && e.depth === _ - 1 ? String(l) : ss(d, g, _);
|
|
13249
13245
|
}
|
|
13250
13246
|
if (v && se.has(v)) return;
|
|
13251
13247
|
let y = {
|
|
@@ -13268,24 +13264,24 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13268
13264
|
E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, H.current = 0, V(0), ee.current = 0, z(0), L.current && (G(L.current), L.current = null);
|
|
13269
13265
|
}, [G]), xe = h(() => ({
|
|
13270
13266
|
onDragStart({ active: e }) {
|
|
13271
|
-
let t = K.find((t) => t.id === e.id), n =
|
|
13267
|
+
let t = K.find((t) => t.id === e.id), n = Qo(W, String(e.id));
|
|
13272
13268
|
return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? K.indexOf(t) + 1 : "?"} of ${K.length} at depth ${t?.depth ?? 0}.`;
|
|
13273
13269
|
},
|
|
13274
13270
|
onDragOver({ active: e, over: t }) {
|
|
13275
13271
|
if (!t) return;
|
|
13276
13272
|
let n = K.findIndex((e) => e.id === t.id);
|
|
13277
13273
|
if (n === -1) return;
|
|
13278
|
-
let r =
|
|
13274
|
+
let r = Qo(W, String(e.id)), i = r ? o(r) : String(e.id), a = $o(K, String(e.id), String(t.id), P.current, is, m);
|
|
13279
13275
|
return `Moving ${i}. Target position: ${n + 1} of ${K.length} at depth ${a}.`;
|
|
13280
13276
|
},
|
|
13281
13277
|
onDragEnd({ active: e, over: t }) {
|
|
13282
|
-
let n =
|
|
13278
|
+
let n = Qo(W, String(e.id)), r = n ? o(n) : String(e.id);
|
|
13283
13279
|
if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
|
|
13284
|
-
let i = K.findIndex((e) => e.id === t.id), a =
|
|
13280
|
+
let i = K.findIndex((e) => e.id === t.id), a = $o(K, String(e.id), String(t.id), P.current, is, m);
|
|
13285
13281
|
return `${r} dropped at position ${i + 1} of ${K.length} at depth ${a}.`;
|
|
13286
13282
|
},
|
|
13287
13283
|
onDragCancel({ active: e }) {
|
|
13288
|
-
let t = K.find((t) => t.id === e.id), n =
|
|
13284
|
+
let t = K.find((t) => t.id === e.id), n = Qo(W, String(e.id));
|
|
13289
13285
|
return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? K.indexOf(t) + 1 : "?"} of ${K.length}.`;
|
|
13290
13286
|
}
|
|
13291
13287
|
}), [
|
|
@@ -13293,14 +13289,14 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13293
13289
|
K,
|
|
13294
13290
|
o,
|
|
13295
13291
|
m
|
|
13296
|
-
]), Se = { columns: i }, Y = t.map(n, (t) => s(t) && t.type ===
|
|
13292
|
+
]), Se = { columns: i }, Y = t.map(n, (t) => s(t) && t.type === es ? e.cloneElement(t, Se) : t);
|
|
13297
13293
|
return /* @__PURE__ */ e.createElement(Ue, {
|
|
13298
13294
|
accessibility: {
|
|
13299
13295
|
announcements: xe,
|
|
13300
13296
|
...x ? { screenReaderInstructions: { draggable: x } } : {}
|
|
13301
13297
|
},
|
|
13302
13298
|
collisionDetection: ge,
|
|
13303
|
-
measuring:
|
|
13299
|
+
measuring: as,
|
|
13304
13300
|
onDragCancel: be,
|
|
13305
13301
|
onDragEnd: ye,
|
|
13306
13302
|
onDragMove: ve,
|
|
@@ -13375,14 +13371,14 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13375
13371
|
return s(a) ? e.cloneElement(a, o) : a;
|
|
13376
13372
|
})()) : null));
|
|
13377
13373
|
});
|
|
13378
|
-
function
|
|
13374
|
+
function ss(e, t, n) {
|
|
13379
13375
|
if (n === 0) return null;
|
|
13380
13376
|
for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
|
|
13381
13377
|
return null;
|
|
13382
13378
|
}
|
|
13383
13379
|
//#endregion
|
|
13384
13380
|
//#region src/components/SortableList/SortableRow.tsx
|
|
13385
|
-
var
|
|
13381
|
+
var cs = ({ 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 }) => {
|
|
13386
13382
|
let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = tt({
|
|
13387
13383
|
attributes: {
|
|
13388
13384
|
role: "listitem",
|
|
@@ -13437,7 +13433,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13437
13433
|
key: t.id,
|
|
13438
13434
|
className: `${w}__cell`
|
|
13439
13435
|
}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
|
|
13440
|
-
},
|
|
13436
|
+
}, ls = ({ actionCallback: t, actionIcon: n = "barsFilter", actionLabel: r, className: i, description: a, icon: o, iconColor: s = "neutral", isActive: c = !1, isLoading: l = !1, stat: u, title: d, ...p }) => {
|
|
13441
13437
|
let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = f(), v = n && r && t;
|
|
13442
13438
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13443
13439
|
"aria-labelledby": _,
|
|
@@ -13473,11 +13469,11 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13473
13469
|
size: { width: 6 },
|
|
13474
13470
|
textSize: "xl"
|
|
13475
13471
|
}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
|
|
13476
|
-
},
|
|
13472
|
+
}, us = [
|
|
13477
13473
|
"default",
|
|
13478
13474
|
"working",
|
|
13479
13475
|
"checked"
|
|
13480
|
-
],
|
|
13476
|
+
], ds = ({ alignment: t = "left", className: n, componentWidth: r, displayType: i = "label", labelStrings: a = {}, lastChecked: o, onCheck: s, state: c = "default", ...l }) => {
|
|
13481
13477
|
let u = i === "icon-button", d = {
|
|
13482
13478
|
checkForUpdates: "Check for updates",
|
|
13483
13479
|
checking: "Checking...",
|
|
@@ -13530,7 +13526,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13530
13526
|
triggerIconColor: "default",
|
|
13531
13527
|
triggerIconSize: "xs"
|
|
13532
13528
|
}), t === "left" && y));
|
|
13533
|
-
},
|
|
13529
|
+
}, fs = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
|
|
13534
13530
|
let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Tn, {
|
|
13535
13531
|
className: `${o}__spinner`,
|
|
13536
13532
|
size: "m"
|
|
@@ -13547,23 +13543,23 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13547
13543
|
]),
|
|
13548
13544
|
...a
|
|
13549
13545
|
}, r ? d : l);
|
|
13550
|
-
},
|
|
13546
|
+
}, ps = {
|
|
13551
13547
|
frozen: "snowflake",
|
|
13552
13548
|
restricted: "lock"
|
|
13553
|
-
},
|
|
13549
|
+
}, ms = {
|
|
13554
13550
|
frozen: "Frozen",
|
|
13555
13551
|
restricted: "Restricted"
|
|
13556
|
-
},
|
|
13552
|
+
}, hs = ({ className: t, label: n, status: r, ...i }) => {
|
|
13557
13553
|
let a = "pds-status-scrim";
|
|
13558
13554
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13559
13555
|
className: Z([a, t ?? ""]),
|
|
13560
13556
|
...i
|
|
13561
13557
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
13562
13558
|
className: `${a}__icon`,
|
|
13563
|
-
iconName:
|
|
13559
|
+
iconName: ps[r],
|
|
13564
13560
|
size: "3xl"
|
|
13565
|
-
}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ??
|
|
13566
|
-
},
|
|
13561
|
+
}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ?? ms[r]));
|
|
13562
|
+
}, gs = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
|
|
13567
13563
|
let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
|
|
13568
13564
|
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`;
|
|
13569
13565
|
return /* @__PURE__ */ e.createElement("li", {
|
|
@@ -13581,7 +13577,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13581
13577
|
style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
|
|
13582
13578
|
...a
|
|
13583
13579
|
}, l);
|
|
13584
|
-
},
|
|
13580
|
+
}, _s = ({ className: t, steps: n, translatableLabels: r = {
|
|
13585
13581
|
step: "Step",
|
|
13586
13582
|
completed: "completed",
|
|
13587
13583
|
hasError: "has an error",
|
|
@@ -13645,7 +13641,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13645
13641
|
key: t.id,
|
|
13646
13642
|
className: `${o}__step`,
|
|
13647
13643
|
id: `${t.id}--mobile`
|
|
13648
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
|
|
13644
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Bo, {
|
|
13649
13645
|
innerLabel: n,
|
|
13650
13646
|
label: "Step progress",
|
|
13651
13647
|
percentage: i,
|
|
@@ -13671,7 +13667,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13671
13667
|
"data-steps": u,
|
|
13672
13668
|
...i
|
|
13673
13669
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
|
|
13674
|
-
},
|
|
13670
|
+
}, vs = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
13675
13671
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
13676
13672
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
13677
13673
|
className: Z([...p]),
|
|
@@ -13697,14 +13693,14 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13697
13693
|
size: "s",
|
|
13698
13694
|
variant: "highlight"
|
|
13699
13695
|
})))));
|
|
13700
|
-
},
|
|
13696
|
+
}, ys = ({ className: t, labelStrings: n = {
|
|
13701
13697
|
step: "Step",
|
|
13702
13698
|
completed: "completed",
|
|
13703
13699
|
hasError: "has an error"
|
|
13704
13700
|
}, steps: r, ...i }) => {
|
|
13705
13701
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
13706
13702
|
let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
|
|
13707
|
-
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(
|
|
13703
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(vs, {
|
|
13708
13704
|
key: `s${i}`,
|
|
13709
13705
|
_isFirstStep: c,
|
|
13710
13706
|
"aria-current": a ? "step" : null,
|
|
@@ -13725,12 +13721,12 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13725
13721
|
className: Z([a, t ?? ""]),
|
|
13726
13722
|
...i
|
|
13727
13723
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
13728
|
-
},
|
|
13724
|
+
}, bs = typeof window < "u" ? m : d, xs = (e) => {
|
|
13729
13725
|
let t = g(e);
|
|
13730
|
-
return
|
|
13726
|
+
return bs(() => {
|
|
13731
13727
|
t.current = e;
|
|
13732
13728
|
}), l((...e) => t.current(...e), []);
|
|
13733
|
-
},
|
|
13729
|
+
}, Ss = c(function({ baseClass: t, checkboxId: n, columns: r, disabledReason: i, getRowClassName: a, hasSelection: o, isInspectable: s, isInspected: c, isSelectable: l, isSelected: u, onInspect: d, onToggleSelect: f, row: p, rowId: m, selectLabel: h }) {
|
|
13734
13730
|
return /* @__PURE__ */ e.createElement("tr", {
|
|
13735
13731
|
"aria-selected": s ? c : void 0,
|
|
13736
13732
|
className: Z([
|
|
@@ -13755,7 +13751,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13755
13751
|
key: `${m}-${t.id}`,
|
|
13756
13752
|
className: t.cellClassName
|
|
13757
13753
|
}, p[t.id])));
|
|
13758
|
-
}),
|
|
13754
|
+
}), Cs = c(function({ baseClass: t, cardColumns: n, cardLayout: r, disabledReason: i, getRowClassName: a, hasSelection: o, isInspected: s, isSelectable: c, isSelected: l, isTappable: u, onInspect: d, onToggleSelect: f, row: p, rowId: m, selectLabel: h }) {
|
|
13759
13755
|
let [g, ..._] = r === "inline" ? [void 0, ...n] : n, v = /* @__PURE__ */ e.createElement("div", { className: `${t}__card-main` }, o && /* @__PURE__ */ e.createElement("span", {
|
|
13760
13756
|
"aria-hidden": "true",
|
|
13761
13757
|
className: "pds-checkbox"
|
|
@@ -13790,7 +13786,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13790
13786
|
onClick: () => d(p, m),
|
|
13791
13787
|
type: "button"
|
|
13792
13788
|
}, v) : /* @__PURE__ */ e.createElement("div", { className: y }, v));
|
|
13793
|
-
}),
|
|
13789
|
+
}), ws = ({ cardLayout: t = "stacked", className: n, closeDetailPanelLabel: r = "Close detail panel", columns: i, currentPage: a, defaultSortKey: o, defaultSortOrder: s = "asc", density: c = "standard", detailPanelNav: l = !0, detailPanelTitle: u, detailPanelWidth: p, emptyState: m, emptyStateAction: v, emptyStateHeading: y = "No results found.", emptyStateMessage: b, footer: x, getDetailPanelPositionLabel: S = (e, t) => `${e} of ${t}`, getPageSizeLabel: C = (e) => `Show ${e} rows per page`, getRowClassName: w, getRowId: T, getRowSelectDisabledReason: E, getSelectRowLabel: D = (e, t) => `Select row ${t}`, getSortLabel: O = (e) => `Sort by ${e}`, hasDesktopDetailPanel: k = !1, hasMobileCards: A = !1, hasMobileDetailSheet: j = !0, hasPanel: M = !1, inspectedRowId: N, isLoading: P = !1, isRowSelectable: F = () => !0, itemsPerPage: I, loadingRowCount: L = 5, maxHeight: R, minHeight: z, nextDetailPanelRowLabel: ee = "Next row", onDetailPanelNext: B, onDetailPanelPrev: V, onPageChange: H, onPageSizeChange: te, onRowInspect: U, onRowSelectionChange: W, onSort: G, pageSizeOptions: K, pageSizeSelectLabel: ne = "Rows per page", paginationLabels: q, prevDetailPanelRowLabel: re = "Previous row", renderDetailPanel: ie, renderDetailPanelFooter: ae, rowData: J, selectAllLabel: oe = "Select all rows", selectedRows: se, sortKey: ce, sortOrder: le, totalItemCount: ue, ...de }) => {
|
|
13794
13790
|
let fe = "pds-table", pe = f(), me = f(), he = g(null), ge = Ci() === "sm" && A, _e = M && !ge, ve = h(() => i.some((e) => e.cardVisible) ? i.filter((e) => e.cardVisible) : i.slice(0, 1), [i]), ye = ie !== void 0 || U === void 0 && j, be = ie !== void 0 || U !== void 0 || j, xe = G !== void 0, Se = H !== void 0, Y = te !== void 0, Ce = Se || I !== void 0 || K !== void 0, we = J.length > 0 || Se && (ue ?? 0) > 0, [Te, Ee] = _({
|
|
13795
13791
|
key: o ?? "",
|
|
13796
13792
|
order: o === void 0 ? "asc" : s
|
|
@@ -13823,7 +13819,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13823
13819
|
Ne,
|
|
13824
13820
|
T,
|
|
13825
13821
|
Ke
|
|
13826
|
-
]), Ye = Je >= 0 ? X[Je] : null, Xe =
|
|
13822
|
+
]), Ye = Je >= 0 ? X[Je] : null, Xe = xs((e, t) => {
|
|
13827
13823
|
(ge ? ye : ie !== void 0 && k) && N === void 0 && Me(t), U?.(e, t);
|
|
13828
13824
|
}), Ze = () => {
|
|
13829
13825
|
N === void 0 && Me(null);
|
|
@@ -13904,7 +13900,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13904
13900
|
}, ft = ct.reduce((e, t, n) => {
|
|
13905
13901
|
let r = qe(t, n);
|
|
13906
13902
|
return F(t, r) && e.push(r), e;
|
|
13907
|
-
}, []), pt = ft.length > 0 && ft.every((e) => Ge.has(e)), mt = !pt && ft.some((e) => Ge.has(e)), ht =
|
|
13903
|
+
}, []), pt = ft.length > 0 && ft.every((e) => Ge.has(e)), mt = !pt && ft.some((e) => Ge.has(e)), ht = xs((e) => {
|
|
13908
13904
|
let t = new Set(Ge);
|
|
13909
13905
|
t.has(e) ? t.delete(e) : t.add(e), Ve || Ue(t), W?.(Array.from(t));
|
|
13910
13906
|
}), gt = () => {
|
|
@@ -13939,7 +13935,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13939
13935
|
};
|
|
13940
13936
|
}, xt = (t, n) => {
|
|
13941
13937
|
let r = qe(t, n);
|
|
13942
|
-
return /* @__PURE__ */ e.createElement(
|
|
13938
|
+
return /* @__PURE__ */ e.createElement(Ss, {
|
|
13943
13939
|
key: `row-${r}`,
|
|
13944
13940
|
baseClass: fe,
|
|
13945
13941
|
checkboxId: `${me}-row-${r}`,
|
|
@@ -13965,10 +13961,10 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13965
13961
|
linkContent: v,
|
|
13966
13962
|
message: b
|
|
13967
13963
|
});
|
|
13968
|
-
return /* @__PURE__ */ e.createElement("li", null, M ? /* @__PURE__ */ e.createElement(
|
|
13964
|
+
return /* @__PURE__ */ e.createElement("li", null, M ? /* @__PURE__ */ e.createElement(To, { padding: "none" }, t) : t);
|
|
13969
13965
|
}, Tt = (n, r) => {
|
|
13970
13966
|
let i = qe(n, r);
|
|
13971
|
-
return /* @__PURE__ */ e.createElement(
|
|
13967
|
+
return /* @__PURE__ */ e.createElement(Cs, {
|
|
13972
13968
|
key: `card-${i}`,
|
|
13973
13969
|
baseClass: fe,
|
|
13974
13970
|
cardColumns: ve,
|
|
@@ -14046,7 +14042,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14046
14042
|
showLabel: !1,
|
|
14047
14043
|
size: "s",
|
|
14048
14044
|
value: String(Re)
|
|
14049
|
-
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(
|
|
14045
|
+
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(_o, {
|
|
14050
14046
|
currentPage: Se ? a ?? 1 : De,
|
|
14051
14047
|
itemsPerPage: Re,
|
|
14052
14048
|
labelStrings: q,
|
|
@@ -14073,7 +14069,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14073
14069
|
onClick: $e,
|
|
14074
14070
|
size: "s",
|
|
14075
14071
|
variant: "standard"
|
|
14076
|
-
})))), ge && /* @__PURE__ */ e.createElement(
|
|
14072
|
+
})))), ge && /* @__PURE__ */ e.createElement(so, {
|
|
14077
14073
|
closeButtonLabel: r,
|
|
14078
14074
|
isOpen: Fe,
|
|
14079
14075
|
setIsOpen: (e) => {
|
|
@@ -14100,8 +14096,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14100
14096
|
size: "s",
|
|
14101
14097
|
variant: "standard"
|
|
14102
14098
|
}))))));
|
|
14103
|
-
return _e ? /* @__PURE__ */ e.createElement(
|
|
14104
|
-
},
|
|
14099
|
+
return _e ? /* @__PURE__ */ e.createElement(To, { padding: "none" }, Ot) : Ot;
|
|
14100
|
+
}, Ts = [
|
|
14105
14101
|
" ",
|
|
14106
14102
|
"/",
|
|
14107
14103
|
".",
|
|
@@ -14119,7 +14115,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14119
14115
|
"=",
|
|
14120
14116
|
"|",
|
|
14121
14117
|
"~"
|
|
14122
|
-
],
|
|
14118
|
+
], Es = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ds = (e) => {
|
|
14123
14119
|
let t = [];
|
|
14124
14120
|
return e.forEach((e) => {
|
|
14125
14121
|
let { id: n, innerText: r } = e;
|
|
@@ -14132,18 +14128,18 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14132
14128
|
title: r
|
|
14133
14129
|
});
|
|
14134
14130
|
}), t;
|
|
14135
|
-
},
|
|
14131
|
+
}, Os = (e, t, n) => {
|
|
14136
14132
|
let [r, i] = _([]);
|
|
14137
14133
|
return d(() => {
|
|
14138
14134
|
let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
|
|
14139
14135
|
let e = Array.from(document.querySelectorAll(r));
|
|
14140
14136
|
e.forEach((e) => {
|
|
14141
|
-
|
|
14142
|
-
e.id.includes(t) && (e.id = e.id.replace(new RegExp(
|
|
14137
|
+
Ts.forEach((t) => {
|
|
14138
|
+
e.id.includes(t) && (e.id = e.id.replace(new RegExp(Es(t), "g"), "-"));
|
|
14143
14139
|
});
|
|
14144
14140
|
}), e.forEach((e, t) => {
|
|
14145
14141
|
e.id || (e.id = `${n}-item-${t}`);
|
|
14146
|
-
}), i(
|
|
14142
|
+
}), i(Ds(e));
|
|
14147
14143
|
};
|
|
14148
14144
|
a();
|
|
14149
14145
|
let o = document.getElementById(e);
|
|
@@ -14159,7 +14155,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14159
14155
|
t,
|
|
14160
14156
|
n
|
|
14161
14157
|
]), { nestedHeadings: r };
|
|
14162
|
-
},
|
|
14158
|
+
}, ks = (e, t) => {
|
|
14163
14159
|
let [n, r] = _(void 0), i = g({});
|
|
14164
14160
|
return d(() => {
|
|
14165
14161
|
let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
|
|
@@ -14178,7 +14174,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14178
14174
|
o.disconnect(), r(void 0);
|
|
14179
14175
|
};
|
|
14180
14176
|
}, [e, t]), n;
|
|
14181
|
-
},
|
|
14177
|
+
}, As = ({ 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", {
|
|
14182
14178
|
key: r.id,
|
|
14183
14179
|
className: `${n}__list-item`
|
|
14184
14180
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
@@ -14194,8 +14190,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14194
14190
|
className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
|
|
14195
14191
|
href: `#${r.id}`,
|
|
14196
14192
|
onClick: (e) => i(e, r.id)
|
|
14197
|
-
}, r.title))))))),
|
|
14198
|
-
let u = "pds-toc", { nestedHeadings: d } =
|
|
14193
|
+
}, r.title))))))), js = ({ 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 }) => {
|
|
14194
|
+
let u = "pds-toc", { nestedHeadings: d } = Os(c, o, f()), p = ks(c, o), m = (e) => {
|
|
14199
14195
|
typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
|
|
14200
14196
|
}, h = (e) => {
|
|
14201
14197
|
document.querySelector(`#${e}`)?.scrollIntoView({
|
|
@@ -14213,13 +14209,13 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14213
14209
|
baseClass: u,
|
|
14214
14210
|
className: `${s ? "" : "visually-hidden"}`,
|
|
14215
14211
|
level: i
|
|
14216
|
-
}, a), /* @__PURE__ */ e.createElement(
|
|
14212
|
+
}, a), /* @__PURE__ */ e.createElement(As, {
|
|
14217
14213
|
activeID: p,
|
|
14218
14214
|
baseClass: u,
|
|
14219
14215
|
headings: d,
|
|
14220
14216
|
onLinkClick: g
|
|
14221
14217
|
}));
|
|
14222
|
-
},
|
|
14218
|
+
}, Ms = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
14223
14219
|
let c = "pds-tabs", [l, u] = _(a ?? r);
|
|
14224
14220
|
d(() => {
|
|
14225
14221
|
a !== void 0 && u(a);
|
|
@@ -14333,7 +14329,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14333
14329
|
className: `${c}__panel-content`,
|
|
14334
14330
|
hidden: o !== l
|
|
14335
14331
|
}, r)))));
|
|
14336
|
-
},
|
|
14332
|
+
}, Ns = [
|
|
14337
14333
|
"orange",
|
|
14338
14334
|
"stone",
|
|
14339
14335
|
"gold",
|
|
@@ -14347,7 +14343,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14347
14343
|
"magenta",
|
|
14348
14344
|
"rose",
|
|
14349
14345
|
"red"
|
|
14350
|
-
],
|
|
14346
|
+
], Ps = [
|
|
14351
14347
|
"orange-solid",
|
|
14352
14348
|
"teal-solid",
|
|
14353
14349
|
"indigo-solid",
|
|
@@ -14357,14 +14353,14 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14357
14353
|
"lime-solid",
|
|
14358
14354
|
"sky-solid",
|
|
14359
14355
|
"slate-solid"
|
|
14360
|
-
],
|
|
14356
|
+
], Fs = [
|
|
14361
14357
|
"success-solid",
|
|
14362
14358
|
"warning-solid",
|
|
14363
14359
|
"critical-solid",
|
|
14364
14360
|
"info-solid",
|
|
14365
14361
|
"discovery-solid"
|
|
14366
|
-
],
|
|
14367
|
-
let [f, p] = _(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${
|
|
14362
|
+
], Is = [...Ps, ...Fs], Ls = [...Ns, ...Ps], Rs = (e) => Ls[parseInt(pe(e), 16) % Ls.length], zs = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Bs = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
|
|
14363
|
+
let [f, p] = _(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Rs(l)}`, g = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
|
|
14368
14364
|
p((e) => !e);
|
|
14369
14365
|
}, b, x, S;
|
|
14370
14366
|
if (r && !n && s(r)) {
|
|
@@ -14386,7 +14382,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14386
14382
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
14387
14383
|
className: `${m}__label`,
|
|
14388
14384
|
title: l
|
|
14389
|
-
}, u > 0 ?
|
|
14385
|
+
}, u > 0 ? zs(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
|
|
14390
14386
|
"aria-label": `${a}: ${l}`,
|
|
14391
14387
|
className: `${m}__remove`,
|
|
14392
14388
|
onClick: () => {
|
|
@@ -14398,7 +14394,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14398
14394
|
iconName: "xmark",
|
|
14399
14395
|
size: "m"
|
|
14400
14396
|
})) : null);
|
|
14401
|
-
},
|
|
14397
|
+
}, Vs = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
|
|
14402
14398
|
let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = yt(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
|
|
14403
14399
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14404
14400
|
className: Z([
|
|
@@ -14409,7 +14405,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14409
14405
|
]),
|
|
14410
14406
|
...a
|
|
14411
14407
|
}, /* @__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)));
|
|
14412
|
-
},
|
|
14408
|
+
}, Hs = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: u = !0, labels: f, mainBackground: p, mainContentElement: h = "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 }) => {
|
|
14413
14409
|
let [j, M] = _(l || !1);
|
|
14414
14410
|
d(() => {
|
|
14415
14411
|
M(l || !1);
|
|
@@ -14529,7 +14525,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14529
14525
|
}, /* @__PURE__ */ e.createElement(ia, {
|
|
14530
14526
|
destination: I,
|
|
14531
14527
|
text: F.skipToContent
|
|
14532
|
-
}), ne ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, ne), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, de)) : de), o && /* @__PURE__ */ e.createElement(
|
|
14528
|
+
}), ne ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, ne), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, de)) : de), o && /* @__PURE__ */ e.createElement(lo, {
|
|
14533
14529
|
...i,
|
|
14534
14530
|
isOpen: c,
|
|
14535
14531
|
placement: "left",
|
|
@@ -14537,7 +14533,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14537
14533
|
!e && c && b && b();
|
|
14538
14534
|
}
|
|
14539
14535
|
}, r));
|
|
14540
|
-
},
|
|
14536
|
+
}, Us = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
|
|
14541
14537
|
let c = "pds-docs-layout", l = {
|
|
14542
14538
|
"--docs-sidebar-max-width": `${i}rem`,
|
|
14543
14539
|
"--docs-sidebar-min-width": `${a}rem`,
|
|
@@ -14555,7 +14551,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14555
14551
|
},
|
|
14556
14552
|
...s
|
|
14557
14553
|
}, 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));
|
|
14558
|
-
},
|
|
14554
|
+
}, Ws = ({ children: t, className: n, gridGap: r = "xl", mobileGridGap: i, secondSidebarMobileLocation: a = "after", secondSidebarWidth: o, secondSidebarWidthMax: s, secondSidebarWidthMin: c, sidebarLocation: l = "right", sidebarMobileLocation: u = "after", sidebarWidth: d = "33%", sidebarWidthMax: f = 25, sidebarWidthMin: p = 15, stackSidebarsBelow: m, ...h }) => {
|
|
14559
14555
|
let g = "pds-sidebar-layout", _ = (e) => e === "none" ? "0" : `var(--pds-spacing-${e})`, v = _(r), y = _(i ?? r), b = yt(t), x = !!b["second-sidebar"], S = !!m && x;
|
|
14560
14556
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14561
14557
|
className: Z([
|
|
@@ -14578,7 +14574,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14578
14574
|
},
|
|
14579
14575
|
...h
|
|
14580
14576
|
}, /* @__PURE__ */ e.createElement("div", { className: `${g}__main` }, b.__unslotted || b.content), S ? /* @__PURE__ */ e.createElement("div", { className: Z([`${g}__sides`, `${g}__sides--stack-${m}`]) }, /* @__PURE__ */ e.createElement("div", { className: `${g}__side` }, b.sidebar), /* @__PURE__ */ e.createElement("div", { className: `${g}__second-side` }, b["second-sidebar"])) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${g}__side` }, b.sidebar), x && /* @__PURE__ */ e.createElement("div", { className: `${g}__second-side` }, b["second-sidebar"])));
|
|
14581
|
-
},
|
|
14577
|
+
}, Gs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
|
|
14582
14578
|
let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
|
|
14583
14579
|
"--max-columns": i,
|
|
14584
14580
|
...a
|
|
@@ -14597,8 +14593,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14597
14593
|
className: `${s}__item`,
|
|
14598
14594
|
role: "listitem"
|
|
14599
14595
|
}, t))));
|
|
14600
|
-
},
|
|
14601
|
-
let o = yt(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(
|
|
14596
|
+
}, Ks = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
|
|
14597
|
+
let o = yt(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ca, {
|
|
14602
14598
|
className: Z([
|
|
14603
14599
|
l,
|
|
14604
14600
|
u,
|
|
@@ -14607,8 +14603,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14607
14603
|
width: "wide",
|
|
14608
14604
|
...a
|
|
14609
14605
|
}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
|
|
14610
|
-
return i ? /* @__PURE__ */ e.createElement(
|
|
14611
|
-
},
|
|
14606
|
+
return i ? /* @__PURE__ */ e.createElement(To, null, d) : d;
|
|
14607
|
+
}, qs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
|
|
14612
14608
|
let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = yt(t), u = [
|
|
14613
14609
|
l["first-item"],
|
|
14614
14610
|
l["second-item"],
|
|
@@ -14626,7 +14622,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14626
14622
|
key: n,
|
|
14627
14623
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
14628
14624
|
}, t)));
|
|
14629
|
-
},
|
|
14625
|
+
}, Js = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
14630
14626
|
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;
|
|
14631
14627
|
switch (i) {
|
|
14632
14628
|
case "equal":
|
|
@@ -14647,7 +14643,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14647
14643
|
]),
|
|
14648
14644
|
...o
|
|
14649
14645
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
14650
|
-
},
|
|
14646
|
+
}, Ys = ({ alignContent: t = "flex-start", alignItems: n = "stretch", asContainer: r = !1, children: i, className: a, containerAlignContent: o, containerAlignItems: s, containerFlexDirection: c, containerFlexWrap: l, containerGap: u, containerJustifyContent: d, containerQueryPriority: f = "container", flexDirection: p = "row", flexWrap: m = "nowrap", gap: h = "xl", justifyContent: g = "flex-start", mobileAlignContent: _, mobileAlignItems: v, mobileFlexDirection: y, mobileFlexWrap: b, mobileGap: x, mobileJustifyContent: S, stackBelow: C, style: w, ...T }) => {
|
|
14651
14647
|
let E = "pds-flex", D = `${E}-container`, O = {
|
|
14652
14648
|
"--pds-flex-align-content": t,
|
|
14653
14649
|
"--pds-flex-align-items": n,
|
|
@@ -14695,20 +14691,20 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14695
14691
|
...O
|
|
14696
14692
|
}
|
|
14697
14693
|
}, i));
|
|
14698
|
-
},
|
|
14694
|
+
}, Xs = [
|
|
14699
14695
|
"light",
|
|
14700
14696
|
"dark",
|
|
14701
14697
|
"system"
|
|
14702
|
-
],
|
|
14698
|
+
], Zs = (e) => typeof e == "string" && Xs.includes(e), Qs = i(null), $s = {
|
|
14703
14699
|
resolvedTheme: "light",
|
|
14704
14700
|
setTheme: () => {},
|
|
14705
14701
|
theme: "light"
|
|
14706
|
-
},
|
|
14702
|
+
}, ec = ({ 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){}})();`, tc = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: c }) => {
|
|
14707
14703
|
let u = c !== void 0, f = !r && !u && o && !i, [p, m] = _(n), [h, g] = _(!1), v = u ? c : p, y = sn("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
|
|
14708
14704
|
d(() => {
|
|
14709
14705
|
if (g(!0), !(u || !o || typeof window > "u")) try {
|
|
14710
14706
|
let e = window.localStorage.getItem(s);
|
|
14711
|
-
|
|
14707
|
+
Zs(e) && m(e);
|
|
14712
14708
|
} catch {}
|
|
14713
14709
|
}, []), d(() => {
|
|
14714
14710
|
typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
|
|
@@ -14728,20 +14724,20 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14728
14724
|
]),
|
|
14729
14725
|
theme: v
|
|
14730
14726
|
};
|
|
14731
|
-
return /* @__PURE__ */ e.createElement(
|
|
14727
|
+
return /* @__PURE__ */ e.createElement(Qs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ec({
|
|
14732
14728
|
defaultTheme: n,
|
|
14733
14729
|
storageKey: s
|
|
14734
14730
|
}) } }), t);
|
|
14735
|
-
},
|
|
14731
|
+
}, nc = () => u(Qs) ?? $s, rc = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
|
|
14736
14732
|
d(() => {
|
|
14737
14733
|
let e = document.documentElement, t = () => {
|
|
14738
14734
|
window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
|
|
14739
14735
|
};
|
|
14740
14736
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
14741
14737
|
}, [r]);
|
|
14742
|
-
let a = n ? /* @__PURE__ */ e.createElement(
|
|
14738
|
+
let a = n ? /* @__PURE__ */ e.createElement(tc, i, t) : t;
|
|
14743
14739
|
return /* @__PURE__ */ e.createElement(rn, null, a);
|
|
14744
|
-
},
|
|
14740
|
+
}, ic = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
|
|
14745
14741
|
let c = "pds-auto-grid", l = r === "xl" ? null : `${c}--gap-${r}`, u = a ? `${c}--capped` : null, d = o ?? r, f = d === r ? null : `${c}-gap-mobile--${d}`;
|
|
14746
14742
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14747
14743
|
className: Z([
|
|
@@ -14757,7 +14753,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14757
14753
|
},
|
|
14758
14754
|
...s
|
|
14759
14755
|
}, t);
|
|
14760
|
-
},
|
|
14756
|
+
}, ac = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
|
|
14761
14757
|
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}`;
|
|
14762
14758
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14763
14759
|
className: Z([
|
|
@@ -14771,7 +14767,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14771
14767
|
]),
|
|
14772
14768
|
...c
|
|
14773
14769
|
}, n);
|
|
14774
|
-
},
|
|
14770
|
+
}, oc = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
|
|
14775
14771
|
let f = "pds-grid-item", p = [
|
|
14776
14772
|
l ? `${f}--sm-${l}` : null,
|
|
14777
14773
|
c ? `${f}--md-${c}` : null,
|
|
@@ -14790,7 +14786,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14790
14786
|
]),
|
|
14791
14787
|
...d
|
|
14792
14788
|
}, t);
|
|
14793
|
-
},
|
|
14789
|
+
}, sc = (e, t, n) => {
|
|
14794
14790
|
let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [c, u] = _(!1), f = l((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
|
|
14795
14791
|
r,
|
|
14796
14792
|
i,
|
|
@@ -14814,7 +14810,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14814
14810
|
m,
|
|
14815
14811
|
a
|
|
14816
14812
|
]), c;
|
|
14817
|
-
},
|
|
14813
|
+
}, cc = () => {
|
|
14818
14814
|
let e = typeof window < "u", [t, n] = _(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
|
|
14819
14815
|
return d(() => {
|
|
14820
14816
|
if (!e) return;
|
|
@@ -14828,6 +14824,6 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14828
14824
|
}, [e]), t;
|
|
14829
14825
|
};
|
|
14830
14826
|
//#endregion
|
|
14831
|
-
export { Sr as ActionCard,
|
|
14827
|
+
export { Sr as ActionCard, Hs as AppLayout, ic as AutoGrid, mi as Avatar, hi as AvatarLabel, Et as Badge, Ha as Banner, Gr as BarChart, ca as BookmarksEmptyState, ua as BookmarksMenu, xo as BookmarksPanel, so as BottomSheet, On as BranchDiff, da as Breadcrumb, co as BulkActionBar, Mn as Button, Nn as ButtonLink, Sa as ButtonNav, na as CTALink, xr as Callout, Cr as Card, wr as CardSelect, _i as Checkbox, vi as CheckboxFieldset, yi as CheckboxGroup, In as ClipboardButton, Ln as CloseButton, ti as CodeBlock, bi as Combobox, Si as ComboboxMultiselect, Tr as CompactEmptyState, ri as ComparisonList, Ca as Container, Wi as Datepicker, Us as DocsLayout, lo as Drawer, tr as Dropdown, ba as DropdownMenu, So as ExpansionPanel, Co as ExpansionPanelGroup, wo as FeaturePanel, li as FileDiff, Gi as FileUpload, fr as FilterButton, Ys as FlexContainer, uo as FullScreenOverlay, rc as GlobalWrapper, ac as Grid, oc as GridItem, ai as HorizontalEmptyState, Q as Icon, Fn as IconButton, gi as IdentityBlock, si as Illustration, Wa as InlineMessage, Ki as InputGroup, qr as LineChart, ra as LinkNewWindow, qa as MIN_AUTO_CLOSE_DURATION, Zn as MenuButton, fo as Modal, Ta as Navbar, ho as Pagination, go as PaginationChapter, _o as PaginationCompact, To as Panel, Eo as PanelList, Do as PanelRow, Oo as PanelStack, No as PantheonLogo, di as PaymentIcon, aa as Picture, Yr as PieChart, gr as PlatformIcon, Io as Popover, Ro as ProgressBar, Bo as ProgressRing, Zr as ProportionBar, qi as RadioGroup, Uo as ResultCount, oa as RowActionsMenu, vr as SSOButton, Ka as SectionMessage, pr as SegmentedButton, Dr as Select, mr as SelectButton, Er as SelectOptionGroup, Ea as SideNav, Oa as SideNavGlobal, Da as SideNavGlobalItem, Ws as SidebarLayout, Ko as SiteFooter, Aa as SiteMenu, qo as SiteOptionDisplay, Jo as SiteSearch, Xn as SiteTypeIcon, Yn as SiteTypeLabel, Vr as Skeleton, ia as Skiplink, os as SortableList, es as SortableListHeader, cs as SortableRow, Tn as Spinner, hr as SplitButton, ls as StatPanel, Gs as StatPanelGroup, En as StatusBadge, ds as StatusChecker, fs as StatusIndicator, hs as StatusScrim, Wn as StatusTypeLabels, gs as StepList, _s as Stepper, Ks as StepperLayout, Ji as Switch, Ma as TabMenu, ws as Table, js as TableOfContents, Ms as Tabs, Bs as Tag, Xi as TagsInput, Dn as Tally, $i as TextInput, Zi as Textarea, Qs as ThemeContext, tc as ThemeContextProvider, Ia as ThemeSwitcher, qs as ThreeItemLayout, Oi as Timepicker, eo as Toast, to as ToastType, Za as Toaster, Ya as ToasterContext, cn as Tooltip, Pa as TreeNav, Js as TwoItemLayout, La as UserMenu, Vs as UtilityBar, yr as UtilityButton, ci as VerticalEmptyState, ys as VerticalStepper, ii as VideoEmbed, vo as WidgetPanel, ta as WorkspacePicker, Ra as WorkspaceSelector, ko as WorkspaceSelectorPanel, sa as buildBookmarkMenuItems, Bi as getPresetDateRange, ec as getThemeInitScript, wt as iconList, Kn as isHeadingItemType, qn as isLinkItemType, Jn as isNodeItemType, Gn as isSeparatorItemType, us as statusCheckerStates, Ns as tagColors, Is as tagSolidColors, Ps as tagSolidHueColors, Fs as tagSolidStatusColors, Ci as useBreakpoint, Pn as useClipboard, zn as useDropdown, en as useIsMobile, sc as useKeyPress, on as useKeyboardShortcut, sn as useMediaQuery, nc as useTheme, no as useToast, cc as useWindowWidth };
|
|
14832
14828
|
|
|
14833
14829
|
//# sourceMappingURL=index.js.map
|