@pantheon-systems/pds-toolkit-react 2.0.0-beta.10 → 2.0.0-beta.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/icons/Icon/generated-icon-data.d.ts +16 -2
- package/dist/components/media/Illustration/generated-illustration-data.d.ts +1 -1
- package/dist/components/notifications/SectionMessage/SectionMessage.d.ts +11 -1
- package/dist/css/component-css/pds-checkbox.css +1 -1
- package/dist/css/component-css/pds-index.css +4 -4
- package/dist/css/component-css/pds-inline-message.css +1 -1
- package/dist/css/component-css/pds-section-message.css +1 -1
- package/dist/css/component-css/pds-tab-menu.css +2 -2
- package/dist/css/pds-components.css +4 -4
- package/dist/index.css +1 -1
- package/dist/index.js +306 -281
- package/dist/index.js.map +1 -1
- package/dist/svg/handWave.svg +3 -0
- package/dist/svg/sparklesSolid.svg +3 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1313,6 +1313,17 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
|
|
|
1313
1313
|
svgPathData: "M128 64A64 64 0 1 0 0 64 64 64 0 1 0 128 64zm0 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM0 448c0 35.3 28.7 64 64 64s64-28.7 64-64-28.7-64-64-64-64 28.7-64 64zM320 64a64 64 0 1 0 -128 0 64 64 0 1 0 128 0zM192 256a64 64 0 1 0 128 0 64 64 0 1 0 -128 0zM320 448c0-35.3-28.7-64-64-64s-64 28.7-64 64 28.7 64 64 64 64-28.7 64-64z",
|
|
1314
1314
|
width: 320
|
|
1315
1315
|
},
|
|
1316
|
+
handWave: {
|
|
1317
|
+
aliases: [
|
|
1318
|
+
"hello",
|
|
1319
|
+
"discovery",
|
|
1320
|
+
"hand"
|
|
1321
|
+
],
|
|
1322
|
+
categories: ["communication", "objects"],
|
|
1323
|
+
height: 512,
|
|
1324
|
+
svgPathData: "M376.2 67.4L375 58.9c-2.5-17.6-16.3-31.4-33.9-33.9l-8.5-1.2c-13.1-1.9-22.2-14-20.4-27.2s14-22.2 27.2-20.4l8.5 1.2c38.7 5.5 69.1 36 74.7 74.7l1.2 8.5c1.9 13.1-7.2 25.3-20.4 27.2s-25.3-7.2-27.2-20.4zM112 68.7c17.9-17.9 43.8-23 66.2-15.2 3.1-6.8 7.4-13.1 13-18.7 25-25 65.5-25 90.5 0L400 153 400 147.9c0-35.3 28.7-64 64-64s64 28.7 64 64l0 157.7c0 1.6 0 3.1-.1 4.7 0 .6 .1 1.1 .1 1.7 0 109.9-88.7 199.2-198.5 200l-.5 0-7.6 0c-53 0-103.9-21.1-141.4-58.6L66.7 340.2c-25-25-25-65.5 0-90.5 3.9-3.9 8.2-7.2 12.7-9.9l-1.4-1.4c-25-25-25-65.5 0-90.5 5.6-5.6 11.9-9.9 18.7-13-7.7-22.4-2.7-48.3 15.2-66.2zm79.3 56.7l-.1-.1-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6l22.5 22.5 .1 .1 96.2 96.2c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-96.1-96.1-.1-.1c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.4 0 22.6l39.5 39.5 .1 .1 56.6 56.6c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-50.8-50.8-.1-.1c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L213.9 419.5C242.4 448 281.1 464 321.4 464l7.5 0c82.8-.5 149.9-67.1 151.1-149.8-.1-1-.1-2.1-.1-3.1 .1-1.8 .1-3.6 .1-5.5l0-157.7c0-8.8-7.2-16-16-16s-16 7.2-16 16l0 63.1c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2L247.8 68.7c-6.2-6.2-16.4-6.2-22.6 0-6.2 6.2-6.2 16.3-.1 22.6l96.2 96.2c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-96.1-96.1zM28.6 376.2c13.1-1.9 25.3 7.2 27.2 20.4l1.2 8.5c2.5 17.6 16.3 31.4 33.9 33.9l8.5 1.2c13.1 1.9 22.2 14 20.4 27.2s-14 22.2-27.2 20.4l-8.5-1.2C45.4 481 15 450.6 9.5 411.9l-1.2-8.5c-1.9-13.1 7.2-25.3 20.4-27.2z",
|
|
1325
|
+
width: 576
|
|
1326
|
+
},
|
|
1316
1327
|
heart: {
|
|
1317
1328
|
aliases: [
|
|
1318
1329
|
"favorite",
|
|
@@ -1982,6 +1993,18 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
|
|
|
1982
1993
|
svgPathData: "M391.5 53.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L448 96 469.2 152.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L512 96 568.5 74.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L512 32 490.8-24.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L448 32 391.5 53.2zM167.9 208.5l24.1-52.1 24.1 52.1c4.8 10.4 13.1 18.7 23.5 23.5l52.1 24.1-52.1 24.1c-10.4 4.8-18.7 13.1-23.5 23.5l-24.1 52.1-24.1-52.1c-4.8-10.4-13.1-18.7-23.5-23.5L92.3 256 144.5 231.9c10.4-4.8 18.7-13.1 23.5-23.5zM165.6 99.1l-41.2 89.3-89.3 41.2-.6 .3c-3.9 1.8-12.3 5.7-25.2 11.6-5.7 2.6-9.3 8.3-9.3 14.5s3.6 11.9 9.3 14.5c12.9 5.9 21.2 9.8 25.2 11.6l.6 .3 89.3 41.2 41.2 89.3 .3 .6c1.8 3.9 5.7 12.3 11.6 25.2 2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3c14.4-31.1 15.1-32.7 53.1-115l89.3-41.2 .6-.3c3.9-1.8 12.3-5.7 25.2-11.6 5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5c-31.1-14.4-32.7-15.1-115-53.1l-41.2-89.3-.3-.6c-1.8-3.9-5.7-12.3-11.6-25.2-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3c-13.8 29.8-11.5 25-11.9 25.8zM416 416l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 480 437.2 536.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 480 536.5 458.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 416 458.8 359.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 416z",
|
|
1983
1994
|
width: 576
|
|
1984
1995
|
},
|
|
1996
|
+
sparklesSolid: {
|
|
1997
|
+
aliases: [
|
|
1998
|
+
"ai",
|
|
1999
|
+
"magic",
|
|
2000
|
+
"new",
|
|
2001
|
+
"highlight"
|
|
2002
|
+
],
|
|
2003
|
+
categories: ["actions", "development"],
|
|
2004
|
+
height: 512,
|
|
2005
|
+
svgPathData: "M391.5 53.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L448 96 469.2 152.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L512 96 568.5 74.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L512 32 490.8-24.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L448 32 391.5 53.2zm-185 20.1c-2.6-5.7-8.3-9.3-14.5-9.3s-11.9 3.6-14.5 9.3l-53.1 115-115 53.1C3.6 244.1 0 249.8 0 256s3.6 11.9 9.3 14.5l115 53.1 53.1 115c2.6 5.7 8.3 9.3 14.5 9.3s11.9-3.6 14.5-9.3l53.1-115 115-53.1c5.7-2.6 9.3-8.3 9.3-14.5s-3.6-11.9-9.3-14.5l-115-53.1-53.1-115zM416 416l-56.5 21.2c-4.5 1.7-7.5 6-7.5 10.8s3 9.1 7.5 10.8L416 480 437.2 536.5c1.7 4.5 6 7.5 10.8 7.5s9.1-3 10.8-7.5L480 480 536.5 458.8c4.5-1.7 7.5-6 7.5-10.8s-3-9.1-7.5-10.8L480 416 458.8 359.5c-1.7-4.5-6-7.5-10.8-7.5s-9.1 3-10.8 7.5L416 416z",
|
|
2006
|
+
width: 576
|
|
2007
|
+
},
|
|
1985
2008
|
squareCheck: {
|
|
1986
2009
|
aliases: [
|
|
1987
2010
|
"checkbox",
|
|
@@ -2402,7 +2425,7 @@ var ut = Object.create, dt = Object.defineProperty, ft = Object.getOwnPropertyDe
|
|
|
2402
2425
|
svgPathData: "M0 291.5748L240.7741 0L212.7775 227.4007H373.76L131.586 512L166.5823 291.5748H0Z",
|
|
2403
2426
|
width: 374
|
|
2404
2427
|
}
|
|
2405
|
-
}, wt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.files.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.list.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.rectanglesMixed.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube.zappy".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
|
|
2428
|
+
}, wt = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowDownWideShort.arrowLeft.arrowRight.arrowsRetweet.arrowUpShortWide.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.bookmark.bookmarkSolid.books.box.bracketRight.bracketsSquare.brainCircuit.broomWide.building.buildings.bullhorn.calendarDays.caretDown.caretLeft.caretRight.caretUp.ccAmex.ccApplePay.ccDiscover.ccGeneric.ccMC.ccPaypal.ccVisa.chartLine.chartNetwork.chartSimple.check.circle.circleCheck.circleExclamation.circleExclamationSolid.circleHalfStroke.circleInfo.circleInfoSolid.circleMinus.circleNotch.circlePlus.circleQuestion.circleQuestionSolid.circleUser.circleXmark.claude.clock.cloud.cloudArrowDown.cloudArrowUp.cloudPlus.code.codeBranch.codeMerge.collapseToCenter.command.comment.compress.copy.desktop.diagramVenn.diamondExclamation.diamonds4.discourse.display.dollarSign.download.drupal.ellipsis.ellipsisVertical.emptySet.envelope.envelopeOpen.exclamation.expand.expandFromCenter.externalLink.eye.eyeSlash.facebook.file.fileCheck.fileContract.fileCSV.fileDiff.fileExport.fileImport.fileLines.filePDF.files.fileZip.floppyDisk.folder.folders.folderTree.gear.gem.github.gitlab.globe.graduationCap.grid.grid2.gripDots.gripDotsVertical.handWave.heart.heartSolid.house.idCard.image.inputText.instagram.keySkeleton.landmark.laptop.laptopCode.leaf.lifeRing.link.linkedin.list.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.penPaintbrush.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.rectanglesMixed.reply.robot.rocketLaunch.rotate.rotateClock.rotateLeft.rotateRight.rss.save.server.shareNodes.shield.shieldQuartered.shovel.sidebar.siren.sirenOn.sitemap.slack.slashForward.slider.slidersSimple.snowflake.sparkles.sparklesSolid.squareCheck.squareCode.squareDashed.squareMinus.squarePen.squareQuestion.squareTerminal.star.starSolid.sun.sunBright.table.tableColumns.tableRows.terminal.text.threads.thumbsDown.thumbsUp.trash.triangleExclamation.twitter.unlink.upload.user.userAstronaut.userGear.userPlus.users.userSolid.video.wavePulse.windowRestore.wordpress.wreathLaurel.wrench.xmark.xmarkLarge.xTwitter.youtube.zappy".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "xl", style: a, verticalAlign: o = "middle", ...s }) => {
|
|
2406
2429
|
let c = "pds-icon", l = `${c} ${c}--${i} ${c}--${r}`, u = Ct[r], d = `0 0 ${u.width} ${u.height}`, f = r in St ? St[r] : null, p;
|
|
2407
2430
|
if (f?.type === "complex") p = f.render();
|
|
2408
2431
|
else {
|
|
@@ -4202,7 +4225,7 @@ var dr = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4202
4225
|
warning: "triangleExclamation",
|
|
4203
4226
|
success: "circleCheck",
|
|
4204
4227
|
critical: "diamondExclamation",
|
|
4205
|
-
discovery: "
|
|
4228
|
+
discovery: "handWave",
|
|
4206
4229
|
code: "squareTerminal",
|
|
4207
4230
|
earlyAccess: "leaf"
|
|
4208
4231
|
}, xr = ({ children: t, className: n, headingLevel: r = "span", title: i, type: a = "info", typeLabels: o = {
|
|
@@ -6896,11 +6919,7 @@ var ei = {
|
|
|
6896
6919
|
},
|
|
6897
6920
|
createEnvMultidev: {
|
|
6898
6921
|
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", {
|
|
6922
|
+
render: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", {
|
|
6904
6923
|
d: "M31.0759 73.4073L100.298 113.333L69.2216 131.259L0 91.3333L31.0759 73.4073Z",
|
|
6905
6924
|
fill: "var(--pds-color-illustration-shade)"
|
|
6906
6925
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
@@ -10377,7 +10396,10 @@ var ei = {
|
|
|
10377
10396
|
tabIndex: d === n ? 0 : -1,
|
|
10378
10397
|
...m({ onKeyDown: w })
|
|
10379
10398
|
}, t.linkContent, t.isActive === !0 && u)))));
|
|
10380
|
-
}, xa = ({
|
|
10399
|
+
}, xa = ({ isActive: t, linkContent: n }) => {
|
|
10400
|
+
let r = "pds-button-nav__item";
|
|
10401
|
+
return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
|
|
10402
|
+
}, Sa = ({ ariaLabel: t, className: n, hasBorder: r = !1, hasMobileDropdown: i = !1, menuItems: a, ...o }) => {
|
|
10381
10403
|
let s = g(null), c = "pds-button-nav", l = r ? `${c}--bordered` : null, u = i ? `${c}--has-mobile-dropdown` : null;
|
|
10382
10404
|
d(() => {
|
|
10383
10405
|
let e = (e) => {
|
|
@@ -10391,14 +10413,11 @@ var ei = {
|
|
|
10391
10413
|
};
|
|
10392
10414
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
10393
10415
|
}, []);
|
|
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, {
|
|
10416
|
+
let f = a.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${c}__menu` }, a.map((t, n) => /* @__PURE__ */ e.createElement(xa, {
|
|
10398
10417
|
key: n,
|
|
10399
10418
|
isActive: ha(t),
|
|
10400
10419
|
linkContent: t.linkContent
|
|
10401
|
-
}))) : null,
|
|
10420
|
+
}))) : null, p = /* @__PURE__ */ e.createElement(ba, {
|
|
10402
10421
|
className: `${c}__mobile`,
|
|
10403
10422
|
menuItems: a,
|
|
10404
10423
|
selectTextFallback: t
|
|
@@ -10413,8 +10432,8 @@ var ei = {
|
|
|
10413
10432
|
n ?? ""
|
|
10414
10433
|
]),
|
|
10415
10434
|
...o
|
|
10416
|
-
},
|
|
10417
|
-
},
|
|
10435
|
+
}, f, i && p);
|
|
10436
|
+
}, Ca = ({ children: t, className: n, width: r = "standard", ...i }) => {
|
|
10418
10437
|
let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
|
|
10419
10438
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10420
10439
|
className: Z([
|
|
@@ -10424,7 +10443,7 @@ var ei = {
|
|
|
10424
10443
|
]),
|
|
10425
10444
|
...i
|
|
10426
10445
|
}, t);
|
|
10427
|
-
},
|
|
10446
|
+
}, 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
10447
|
closeMobileNav: "Close navigation area",
|
|
10429
10448
|
openMobileNav: "Open navigation area"
|
|
10430
10449
|
}, ...f }) => {
|
|
@@ -10480,7 +10499,7 @@ var ei = {
|
|
|
10480
10499
|
n ?? ""
|
|
10481
10500
|
]),
|
|
10482
10501
|
...f
|
|
10483
|
-
}, h ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${y}__bar-mobile` }, /* @__PURE__ */ e.createElement(
|
|
10502
|
+
}, 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
10503
|
active: p,
|
|
10485
10504
|
focusTrapOptions: {
|
|
10486
10505
|
clickOutsideDeactivates: !0,
|
|
@@ -10490,11 +10509,11 @@ var ei = {
|
|
|
10490
10509
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
10491
10510
|
className: Z([`${y}__mobile`, p ? `${y}__mobile--open` : null]),
|
|
10492
10511
|
inert: p ? void 0 : ""
|
|
10493
|
-
}, /* @__PURE__ */ e.createElement(
|
|
10512
|
+
}, /* @__PURE__ */ e.createElement(Ca, null, /* @__PURE__ */ e.createElement("button", {
|
|
10494
10513
|
className: "visually-hidden",
|
|
10495
10514
|
onClick: C,
|
|
10496
10515
|
type: "button"
|
|
10497
|
-
}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(
|
|
10516
|
+
}, u.closeMobileNav), D, O, k))))) : /* @__PURE__ */ e.createElement(Ca, {
|
|
10498
10517
|
className: `${y}__inner`,
|
|
10499
10518
|
style: o ? { paddingInline: o } : void 0,
|
|
10500
10519
|
width: i
|
|
@@ -10503,15 +10522,15 @@ var ei = {
|
|
|
10503
10522
|
className: `${y}__separator`
|
|
10504
10523
|
}), D && /* @__PURE__ */ e.createElement("div", {
|
|
10505
10524
|
className: `${y}__items-left`,
|
|
10506
|
-
style:
|
|
10525
|
+
style: wa(c)
|
|
10507
10526
|
}, D)), O && /* @__PURE__ */ e.createElement("div", {
|
|
10508
10527
|
className: `${y}__items-center`,
|
|
10509
|
-
style:
|
|
10528
|
+
style: wa(s)
|
|
10510
10529
|
}, O), k && /* @__PURE__ */ e.createElement("div", {
|
|
10511
10530
|
className: `${y}__items-right`,
|
|
10512
|
-
style:
|
|
10531
|
+
style: wa(l)
|
|
10513
10532
|
}, k)));
|
|
10514
|
-
},
|
|
10533
|
+
}, Ea = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
|
|
10515
10534
|
submenu: "submenu",
|
|
10516
10535
|
toggle: "Toggle"
|
|
10517
10536
|
}, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...u }) => {
|
|
@@ -10601,7 +10620,7 @@ var ei = {
|
|
|
10601
10620
|
]),
|
|
10602
10621
|
...u
|
|
10603
10622
|
}, S, i && C);
|
|
10604
|
-
},
|
|
10623
|
+
}, Da = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
|
|
10605
10624
|
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
10625
|
p,
|
|
10607
10626
|
`${p}--${n}`,
|
|
@@ -10715,7 +10734,7 @@ var ei = {
|
|
|
10715
10734
|
},
|
|
10716
10735
|
preferredPlacement: "right"
|
|
10717
10736
|
}) : m)), ne);
|
|
10718
|
-
},
|
|
10737
|
+
}, Oa = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
|
|
10719
10738
|
submenu: "submenu",
|
|
10720
10739
|
toggle: "Toggle"
|
|
10721
10740
|
}, menuItems: a, onExpandSidebar: o, ...s }) => {
|
|
@@ -10744,7 +10763,7 @@ var ei = {
|
|
|
10744
10763
|
role: "presentation"
|
|
10745
10764
|
}, t.label);
|
|
10746
10765
|
let a = ha(t);
|
|
10747
|
-
return /* @__PURE__ */ e.createElement(
|
|
10766
|
+
return /* @__PURE__ */ e.createElement(Da, {
|
|
10748
10767
|
key: n,
|
|
10749
10768
|
icon: t.icon,
|
|
10750
10769
|
isActive: a,
|
|
@@ -10766,7 +10785,7 @@ var ei = {
|
|
|
10766
10785
|
]),
|
|
10767
10786
|
...s
|
|
10768
10787
|
}, h);
|
|
10769
|
-
},
|
|
10788
|
+
}, ka = ({ items: t, label: n }) => {
|
|
10770
10789
|
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
10790
|
offsetValue: 8,
|
|
10772
10791
|
openOnHover: !en()
|
|
@@ -10803,7 +10822,7 @@ var ei = {
|
|
|
10803
10822
|
key: n,
|
|
10804
10823
|
className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${p(t) ? " pds-dropdown__item--active" : ""}`}`
|
|
10805
10824
|
}, !t.isSeparator && t.linkContent)))));
|
|
10806
|
-
},
|
|
10825
|
+
}, Aa = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
|
|
10807
10826
|
let [a, o] = _(null), [s, c] = _(-1), [l, u] = _(null), [p, m] = _({
|
|
10808
10827
|
container: null,
|
|
10809
10828
|
containerChildren: []
|
|
@@ -10850,7 +10869,7 @@ var ei = {
|
|
|
10850
10869
|
},
|
|
10851
10870
|
className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
|
|
10852
10871
|
id: i
|
|
10853
|
-
}, /* @__PURE__ */ e.createElement(
|
|
10872
|
+
}, /* @__PURE__ */ e.createElement(ka, {
|
|
10854
10873
|
items: t.links,
|
|
10855
10874
|
label: t.label
|
|
10856
10875
|
}))) : S.push(/* @__PURE__ */ e.createElement("li", {
|
|
@@ -10869,7 +10888,7 @@ var ei = {
|
|
|
10869
10888
|
},
|
|
10870
10889
|
...i
|
|
10871
10890
|
}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
|
|
10872
|
-
},
|
|
10891
|
+
}, ja = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
|
|
10873
10892
|
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
10893
|
offsetValue: 8,
|
|
10875
10894
|
placement: "bottom-start",
|
|
@@ -10929,7 +10948,7 @@ var ei = {
|
|
|
10929
10948
|
zIndex: O
|
|
10930
10949
|
} })
|
|
10931
10950
|
}, /* @__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
|
-
},
|
|
10951
|
+
}, Ma = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
|
|
10933
10952
|
let o = "pds-tab-menu", c = g(null), l = g(null);
|
|
10934
10953
|
d(() => {
|
|
10935
10954
|
let e = l.current, t = c.current;
|
|
@@ -10953,7 +10972,7 @@ var ei = {
|
|
|
10953
10972
|
iconName: n,
|
|
10954
10973
|
size: "m"
|
|
10955
10974
|
}), t.props.children)] })) : t), i;
|
|
10956
|
-
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(
|
|
10975
|
+
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ja, {
|
|
10957
10976
|
buttonLabel: t?.buttonLabel,
|
|
10958
10977
|
filterLabel: t?.filterLabel,
|
|
10959
10978
|
filterPlaceholder: t?.filterPlaceholder,
|
|
@@ -10981,11 +11000,11 @@ var ei = {
|
|
|
10981
11000
|
ref: c,
|
|
10982
11001
|
className: `${o}__mobile-menu-wrapper`
|
|
10983
11002
|
}, f));
|
|
10984
|
-
},
|
|
11003
|
+
}, Na = {
|
|
10985
11004
|
2: "second",
|
|
10986
11005
|
3: "third",
|
|
10987
11006
|
4: "fourth"
|
|
10988
|
-
},
|
|
11007
|
+
}, Pa = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
|
|
10989
11008
|
submenu: "submenu",
|
|
10990
11009
|
toggle: "Toggle"
|
|
10991
11010
|
}, menuItems: a, ...o }) => {
|
|
@@ -11096,7 +11115,7 @@ var ei = {
|
|
|
11096
11115
|
t !== -1 && (f(!0), y.current = t);
|
|
11097
11116
|
}
|
|
11098
11117
|
}, M = (t, n, r) => {
|
|
11099
|
-
let a =
|
|
11118
|
+
let a = Na[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, { isExpanded: f, itemIndex: p } = S(n, ha(n));
|
|
11100
11119
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${c}-wrapper` }, /* @__PURE__ */ e.createElement("button", {
|
|
11101
11120
|
"aria-expanded": f,
|
|
11102
11121
|
className: Z([`${s}__toggle`, f ? `${s}__toggle--expanded` : null]),
|
|
@@ -11126,7 +11145,7 @@ var ei = {
|
|
|
11126
11145
|
]),
|
|
11127
11146
|
"data-item-path": t.path || "",
|
|
11128
11147
|
role: "treeitem"
|
|
11129
|
-
}, t.links && d in
|
|
11148
|
+
}, t.links && d in Na ? M(d, t, t.links) : t.linkContent);
|
|
11130
11149
|
})));
|
|
11131
11150
|
}, N = (t, n) => {
|
|
11132
11151
|
let { linkContent: r, links: i } = t, a = ha(t), { isExpanded: o } = S(t, a);
|
|
@@ -11158,11 +11177,11 @@ var ei = {
|
|
|
11158
11177
|
className: `${s}__menu ${s}__menu--top-level`,
|
|
11159
11178
|
role: "tree"
|
|
11160
11179
|
}, a.map((e, t) => N(e, t))));
|
|
11161
|
-
},
|
|
11180
|
+
}, Fa = {
|
|
11162
11181
|
light: "sunBright",
|
|
11163
11182
|
dark: "moon",
|
|
11164
11183
|
system: "circleHalfStroke"
|
|
11165
|
-
},
|
|
11184
|
+
}, Ia = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
|
|
11166
11185
|
light: "Light",
|
|
11167
11186
|
dark: "Dark",
|
|
11168
11187
|
system: "System"
|
|
@@ -11174,7 +11193,7 @@ var ei = {
|
|
|
11174
11193
|
];
|
|
11175
11194
|
if (s === "toggle") {
|
|
11176
11195
|
let s = d.map((e) => ({
|
|
11177
|
-
iconName:
|
|
11196
|
+
iconName: Fa[e],
|
|
11178
11197
|
label: r[e],
|
|
11179
11198
|
value: e
|
|
11180
11199
|
}));
|
|
@@ -11193,7 +11212,7 @@ var ei = {
|
|
|
11193
11212
|
}
|
|
11194
11213
|
let f = d.map((e) => ({
|
|
11195
11214
|
callback: () => i?.(e),
|
|
11196
|
-
iconName:
|
|
11215
|
+
iconName: Fa[e],
|
|
11197
11216
|
iconSize: "m",
|
|
11198
11217
|
label: r[e]
|
|
11199
11218
|
}));
|
|
@@ -11206,7 +11225,7 @@ var ei = {
|
|
|
11206
11225
|
customTrigger: /* @__PURE__ */ e.createElement(Zn, {
|
|
11207
11226
|
iconOnly: !0,
|
|
11208
11227
|
"aria-label": u,
|
|
11209
|
-
iconName:
|
|
11228
|
+
iconName: Fa[o],
|
|
11210
11229
|
id: n,
|
|
11211
11230
|
label: "",
|
|
11212
11231
|
menuItems: f,
|
|
@@ -11215,7 +11234,7 @@ var ei = {
|
|
|
11215
11234
|
offsetValue: 0,
|
|
11216
11235
|
preferredPlacement: "top"
|
|
11217
11236
|
}));
|
|
11218
|
-
},
|
|
11237
|
+
}, 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
11238
|
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
11239
|
placement: "bottom-end",
|
|
11221
11240
|
open: v,
|
|
@@ -11260,7 +11279,7 @@ var ei = {
|
|
|
11260
11279
|
}, /* @__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
11280
|
className: `${k}__theme-row`,
|
|
11262
11281
|
role: "presentation"
|
|
11263
|
-
}, /* @__PURE__ */ e.createElement("span", { className: `${k}__theme-label` }, s), /* @__PURE__ */ e.createElement(
|
|
11282
|
+
}, /* @__PURE__ */ e.createElement("span", { className: `${k}__theme-label` }, s), /* @__PURE__ */ e.createElement(Ia, {
|
|
11264
11283
|
id: `${T}-theme`,
|
|
11265
11284
|
labelStrings: c,
|
|
11266
11285
|
onChange: a,
|
|
@@ -11339,7 +11358,7 @@ var ei = {
|
|
|
11339
11358
|
className: j,
|
|
11340
11359
|
role: "menu"
|
|
11341
11360
|
}, ae, /* @__PURE__ */ e.createElement("li", { role: "separator" }), J, le))))));
|
|
11342
|
-
},
|
|
11361
|
+
}, 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
11362
|
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
11363
|
enableTypeahead: !x,
|
|
11345
11364
|
role: "menu"
|
|
@@ -11493,12 +11512,12 @@ var ei = {
|
|
|
11493
11512
|
className: `pds-dropdown__heading ${T}__item-heading`,
|
|
11494
11513
|
role: "presentation"
|
|
11495
11514
|
}, s), te.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, l) : te), W))));
|
|
11496
|
-
},
|
|
11515
|
+
}, za = {
|
|
11497
11516
|
info: "circleInfo",
|
|
11498
11517
|
warning: "triangleExclamation",
|
|
11499
11518
|
critical: "diamondExclamation",
|
|
11500
|
-
discovery: "
|
|
11501
|
-
},
|
|
11519
|
+
discovery: "handWave"
|
|
11520
|
+
}, 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
11521
|
...Wn,
|
|
11503
11522
|
neutral: "Notice"
|
|
11504
11523
|
}, ...c }) => {
|
|
@@ -11523,21 +11542,21 @@ var ei = {
|
|
|
11523
11542
|
}, E = u[0].type, D = E ? `${C}-group--${E}` : null, O = (e) => 500 - e, k = (e) => e === 0 ? 0 : -1, A = () => {
|
|
11524
11543
|
m(u[0].id), setTimeout(() => {
|
|
11525
11544
|
f((e) => [...e.slice(1), e[0]]), m(null);
|
|
11526
|
-
},
|
|
11545
|
+
}, Ba);
|
|
11527
11546
|
}, j = () => {
|
|
11528
11547
|
b({
|
|
11529
11548
|
[u[0].id]: 502,
|
|
11530
11549
|
[u[S - 1].id]: 501
|
|
11531
11550
|
}), setTimeout(() => {
|
|
11532
11551
|
m(u[0].id);
|
|
11533
|
-
},
|
|
11552
|
+
}, Va), setTimeout(() => {
|
|
11534
11553
|
f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), b({});
|
|
11535
|
-
},
|
|
11554
|
+
}, Ba);
|
|
11536
11555
|
}, M = (t, n) => {
|
|
11537
11556
|
let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}: `, _ = (e) => {
|
|
11538
11557
|
e.preventDefault(), v(a), setTimeout(() => {
|
|
11539
11558
|
u?.(), v(null), x.current.add(a), f((e) => e.filter((e) => e.id !== a));
|
|
11540
|
-
},
|
|
11559
|
+
}, Ba);
|
|
11541
11560
|
}, b = y[a] ?? O(n);
|
|
11542
11561
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11543
11562
|
key: a,
|
|
@@ -11552,7 +11571,7 @@ var ei = {
|
|
|
11552
11571
|
style: { zIndex: b }
|
|
11553
11572
|
}, /* @__PURE__ */ e.createElement("div", { className: `${C}__content` }, /* @__PURE__ */ e.createElement(Q, {
|
|
11554
11573
|
className: `${C}__icon ${C}__icon--${t.type}`,
|
|
11555
|
-
iconName: d === "neutral" ? r :
|
|
11574
|
+
iconName: d === "neutral" ? r : za[d],
|
|
11556
11575
|
size: l ? "2xl" : "l"
|
|
11557
11576
|
}), /* @__PURE__ */ e.createElement("div", { className: `${C}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
|
|
11558
11577
|
className: `${C}__dismiss-button`,
|
|
@@ -11583,12 +11602,12 @@ var ei = {
|
|
|
11583
11602
|
onClick: A,
|
|
11584
11603
|
size: "m"
|
|
11585
11604
|
}), u.map((e, t) => M(e, t))) : M(u[0], 0));
|
|
11586
|
-
},
|
|
11605
|
+
}, Ua = {
|
|
11587
11606
|
info: "circleInfo",
|
|
11588
11607
|
warning: "triangleExclamation",
|
|
11589
11608
|
success: "circleCheck",
|
|
11590
11609
|
critical: "diamondExclamation"
|
|
11591
|
-
},
|
|
11610
|
+
}, Wa = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
|
|
11592
11611
|
...Wn,
|
|
11593
11612
|
working: "Working"
|
|
11594
11613
|
}, ...o }) => {
|
|
@@ -11609,75 +11628,81 @@ var ei = {
|
|
|
11609
11628
|
role: l,
|
|
11610
11629
|
...o
|
|
11611
11630
|
}, /* @__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
|
|
11631
|
+
iconName: `${i}` in Ua ? Ua[i] : Ua.info,
|
|
11613
11632
|
size: "xl"
|
|
11614
11633
|
})), /* @__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
|
-
},
|
|
11634
|
+
}, Ga = {
|
|
11616
11635
|
info: "circleInfo",
|
|
11617
11636
|
warning: "triangleExclamation",
|
|
11618
11637
|
success: "circleCheck",
|
|
11619
11638
|
critical: "diamondExclamation",
|
|
11620
|
-
discovery: "
|
|
11621
|
-
},
|
|
11622
|
-
let
|
|
11623
|
-
error: `${
|
|
11624
|
-
success: `${
|
|
11625
|
-
warning: `${
|
|
11626
|
-
info: `${
|
|
11627
|
-
critical: `${
|
|
11628
|
-
discovery: `${
|
|
11629
|
-
dismissing: `${
|
|
11630
|
-
dismissed: `${
|
|
11631
|
-
},
|
|
11639
|
+
discovery: "handWave"
|
|
11640
|
+
}, Ka = ({ badgeIcon: t, badgeLabel: n, className: r, ctaButton: i, ctaIcon: a, dismissLabel: o = "Dismiss", id: s, isDismissible: c, message: l, onDismiss: u, secondaryCta: f, title: p, type: m = "info", typeLabels: h = Wn, ..._ }) => {
|
|
11641
|
+
let v = g(null), y = g(void 0), b = "pds-section-message", x = {
|
|
11642
|
+
error: `${b}--error`,
|
|
11643
|
+
success: `${b}--success`,
|
|
11644
|
+
warning: `${b}--warning`,
|
|
11645
|
+
info: `${b}--info`,
|
|
11646
|
+
critical: `${b}--critical`,
|
|
11647
|
+
discovery: `${b}--discovery`,
|
|
11648
|
+
dismissing: `${b}--dismissing`,
|
|
11649
|
+
dismissed: `${b}--dismissed`
|
|
11650
|
+
}, S = c ? `${b}--hasDismiss` : null, C = p ? `${b}--hasTitle` : null, w = m === "critical" ? "alert" : "status", T = `${h[m]}: `, E = typeof l == "string" ? /* @__PURE__ */ e.createElement("p", null, l) : l;
|
|
11632
11651
|
d(() => () => {
|
|
11633
|
-
|
|
11652
|
+
y.current && clearTimeout(y.current);
|
|
11634
11653
|
}, []);
|
|
11635
|
-
let
|
|
11636
|
-
|
|
11637
|
-
},
|
|
11638
|
-
|
|
11639
|
-
},
|
|
11640
|
-
|
|
11641
|
-
|
|
11654
|
+
let D = () => {
|
|
11655
|
+
v.current?.addEventListener("animationend", O, { once: !0 });
|
|
11656
|
+
}, O = (e) => {
|
|
11657
|
+
u?.(e, s);
|
|
11658
|
+
}, k = () => {
|
|
11659
|
+
D(), v.current?.classList.toggle(x.dismissing), y.current = setTimeout(() => {
|
|
11660
|
+
v.current && (v.current.classList.toggle(x.dismissing), v.current.classList.toggle(x.dismissed));
|
|
11642
11661
|
}, 400);
|
|
11643
11662
|
};
|
|
11644
11663
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11645
|
-
ref:
|
|
11664
|
+
ref: v,
|
|
11646
11665
|
className: Z([
|
|
11647
|
-
v,
|
|
11648
|
-
y[f],
|
|
11649
11666
|
b,
|
|
11650
|
-
x,
|
|
11651
|
-
|
|
11667
|
+
x[m],
|
|
11668
|
+
S,
|
|
11669
|
+
C,
|
|
11670
|
+
r ?? ""
|
|
11652
11671
|
]),
|
|
11653
|
-
id:
|
|
11654
|
-
role:
|
|
11655
|
-
...
|
|
11656
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${
|
|
11657
|
-
iconName: `${
|
|
11672
|
+
id: s,
|
|
11673
|
+
role: w,
|
|
11674
|
+
..._
|
|
11675
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${b}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__icon ${b}__icon-${m}` }, /* @__PURE__ */ e.createElement(Q, {
|
|
11676
|
+
iconName: `${m}` in Ga ? Ga[m] : Ga.info,
|
|
11658
11677
|
size: "xl"
|
|
11659
|
-
})), /* @__PURE__ */ e.createElement("div", { className: `${
|
|
11678
|
+
})), /* @__PURE__ */ e.createElement("div", { className: `${b}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, T), p && /* @__PURE__ */ e.createElement("div", { className: `${b}__header` }, /* @__PURE__ */ e.createElement("div", { className: `${b}__title` }, p), n && /* @__PURE__ */ e.createElement(Et, {
|
|
11679
|
+
className: `${b}__badge`,
|
|
11680
|
+
color: m,
|
|
11681
|
+
iconName: t,
|
|
11682
|
+
label: n,
|
|
11683
|
+
size: "s"
|
|
11684
|
+
})), /* @__PURE__ */ e.createElement("div", { className: `${b}__message` }, E))), (i || f || c) && /* @__PURE__ */ e.createElement("div", { className: `${b}__actions` }, f && /* @__PURE__ */ e.createElement(Mn, {
|
|
11660
11685
|
variant: "link",
|
|
11661
|
-
...
|
|
11662
|
-
className: `${
|
|
11686
|
+
...f,
|
|
11687
|
+
className: `${b}__secondary`,
|
|
11663
11688
|
size: "s"
|
|
11664
|
-
}),
|
|
11665
|
-
...
|
|
11666
|
-
className: `${
|
|
11667
|
-
displayType:
|
|
11668
|
-
iconName:
|
|
11689
|
+
}), i && /* @__PURE__ */ e.createElement(Mn, {
|
|
11690
|
+
...i,
|
|
11691
|
+
className: `${b}__cta`,
|
|
11692
|
+
displayType: a ? "icon-start" : i.displayType,
|
|
11693
|
+
iconName: a ?? i.iconName,
|
|
11669
11694
|
size: "s",
|
|
11670
11695
|
variant: "secondary"
|
|
11671
|
-
}),
|
|
11672
|
-
ariaLabel:
|
|
11673
|
-
className: `${
|
|
11674
|
-
onClick:
|
|
11696
|
+
}), c && /* @__PURE__ */ e.createElement(Ln, {
|
|
11697
|
+
ariaLabel: o,
|
|
11698
|
+
className: `${b}__dismiss`,
|
|
11699
|
+
onClick: k,
|
|
11675
11700
|
size: "m"
|
|
11676
11701
|
})));
|
|
11677
|
-
},
|
|
11702
|
+
}, qa = 3e4, Ja = {
|
|
11678
11703
|
pause: "Pause notification",
|
|
11679
11704
|
resume: "Resume notification"
|
|
11680
|
-
},
|
|
11705
|
+
}, Ya = i({ labelStrings: Ja }), Xa = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Ln, {
|
|
11681
11706
|
ariaLabel: t || "Close",
|
|
11682
11707
|
className: "pds-toast__close-button",
|
|
11683
11708
|
onClick: (e) => {
|
|
@@ -11685,13 +11710,13 @@ var ei = {
|
|
|
11685
11710
|
},
|
|
11686
11711
|
size: "s",
|
|
11687
11712
|
tabIndex: 0
|
|
11688
|
-
}),
|
|
11713
|
+
}), Za = ({ className: t, labelStrings: n = Ja, limit: r = 5, position: i = "bottom-right" }) => {
|
|
11689
11714
|
let a = Z(["pds-toaster", t]);
|
|
11690
|
-
return /* @__PURE__ */ e.createElement(
|
|
11715
|
+
return /* @__PURE__ */ e.createElement(Ya.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ot, {
|
|
11691
11716
|
newestOnTop: !0,
|
|
11692
11717
|
autoClose: !1,
|
|
11693
11718
|
className: a,
|
|
11694
|
-
closeButton:
|
|
11719
|
+
closeButton: Xa,
|
|
11695
11720
|
draggable: !1,
|
|
11696
11721
|
icon: !1,
|
|
11697
11722
|
limit: r,
|
|
@@ -11701,25 +11726,25 @@ var ei = {
|
|
|
11701
11726
|
role: "status",
|
|
11702
11727
|
transition: at
|
|
11703
11728
|
}));
|
|
11704
|
-
},
|
|
11729
|
+
}, Qa = {
|
|
11705
11730
|
info: "circleInfo",
|
|
11706
11731
|
success: "circleCheck",
|
|
11707
11732
|
warning: "triangleExclamation",
|
|
11708
11733
|
critical: "diamondExclamation"
|
|
11709
|
-
},
|
|
11734
|
+
}, $a = {
|
|
11710
11735
|
info: "Information",
|
|
11711
11736
|
success: "Success",
|
|
11712
11737
|
warning: "Warning",
|
|
11713
11738
|
critical: "Critical",
|
|
11714
11739
|
working: "Working..."
|
|
11715
|
-
},
|
|
11740
|
+
}, eo = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = $a }) => {
|
|
11716
11741
|
let c = "pds-toast", l = {
|
|
11717
11742
|
critical: `${c}--critical`,
|
|
11718
11743
|
info: `${c}--info`,
|
|
11719
11744
|
success: `${c}--success`,
|
|
11720
11745
|
warning: `${c}--warning`,
|
|
11721
11746
|
working: `${c}--working`
|
|
11722
|
-
}, d = `${s[o]} `, { labelStrings: f } = u(
|
|
11747
|
+
}, d = `${s[o]} `, { labelStrings: f } = u(Ya), [p, m] = _(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
|
|
11723
11748
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11724
11749
|
className: Z([
|
|
11725
11750
|
c,
|
|
@@ -11729,7 +11754,7 @@ var ei = {
|
|
|
11729
11754
|
id: i
|
|
11730
11755
|
}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(Tn, { size: "l" }) : /* @__PURE__ */ e.createElement(Q, {
|
|
11731
11756
|
className: `${c}__icon ${c}__icon--${o}`,
|
|
11732
|
-
iconName:
|
|
11757
|
+
iconName: Qa[o],
|
|
11733
11758
|
size: "xl"
|
|
11734
11759
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
|
|
11735
11760
|
"aria-label": p ? f.resume : f.pause,
|
|
@@ -11744,11 +11769,11 @@ var ei = {
|
|
|
11744
11769
|
iconName: p ? "play" : "pause",
|
|
11745
11770
|
size: "m"
|
|
11746
11771
|
})));
|
|
11747
|
-
},
|
|
11772
|
+
}, to = /* @__PURE__ */ function(e) {
|
|
11748
11773
|
return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
|
|
11749
|
-
}({}),
|
|
11774
|
+
}({}), no = () => [
|
|
11750
11775
|
(t, n, r = {}) => {
|
|
11751
|
-
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(
|
|
11776
|
+
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(qa, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(eo, {
|
|
11752
11777
|
autoCloseDuration: a || void 0,
|
|
11753
11778
|
toastId: i,
|
|
11754
11779
|
type: t
|
|
@@ -11773,7 +11798,7 @@ var ei = {
|
|
|
11773
11798
|
enter: "pds-toast--bounceInPlace",
|
|
11774
11799
|
exit: "pds-toast--slideOut"
|
|
11775
11800
|
})
|
|
11776
|
-
],
|
|
11801
|
+
], 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
11802
|
let v = yt(n), y = v.__unslotted, b = v.footer, x = "pds-bottom-sheet", S = o !== null, w = {
|
|
11778
11803
|
"--pds-bottom-sheet-height": c,
|
|
11779
11804
|
"--pds-bottom-sheet-expanded-height": o
|
|
@@ -11828,15 +11853,15 @@ var ei = {
|
|
|
11828
11853
|
let t = F.current, n = N.current;
|
|
11829
11854
|
if (!t || !n) return;
|
|
11830
11855
|
let r = e.clientY - t.startY, i = S ? window.innerHeight * .96 : t.startHeight;
|
|
11831
|
-
n.style.height = `${Math.min(i, Math.max(
|
|
11856
|
+
n.style.height = `${Math.min(i, Math.max(ao, t.startHeight - r))}px`;
|
|
11832
11857
|
}, [S]), U = l((e) => {
|
|
11833
11858
|
let t = F.current, n = N.current;
|
|
11834
11859
|
if (F.current = null, M(!1), !t || !n) return;
|
|
11835
|
-
let r = Math.abs(e.clientY - t.startY) >
|
|
11860
|
+
let r = Math.abs(e.clientY - t.startY) > oo, i = n.getBoundingClientRect().height;
|
|
11836
11861
|
if (n.style.height = "", !r) return;
|
|
11837
11862
|
I.current = !0;
|
|
11838
11863
|
let a = window.innerHeight;
|
|
11839
|
-
i < a *
|
|
11864
|
+
i < a * ro ? z() : S && i > a * io ? A(!0) : A(!1);
|
|
11840
11865
|
}, [S, z]);
|
|
11841
11866
|
return T ? /* @__PURE__ */ e.createElement(Vn.Provider, { value: !0 }, /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement(it, {
|
|
11842
11867
|
active: D,
|
|
@@ -11880,7 +11905,7 @@ var ei = {
|
|
|
11880
11905
|
onClick: z,
|
|
11881
11906
|
size: "s"
|
|
11882
11907
|
}))), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))))) : null;
|
|
11883
|
-
},
|
|
11908
|
+
}, co = ({ children: t, className: n, clearLabel: r = "Clear selection", count: i, getCountLabel: a = (e) => `${e} selected`, onClear: o, ...s }) => {
|
|
11884
11909
|
let c = "pds-bulk-action-bar";
|
|
11885
11910
|
return /* @__PURE__ */ e.createElement(C, null, /* @__PURE__ */ e.createElement("div", {
|
|
11886
11911
|
className: Z([c, n ?? ""]),
|
|
@@ -11897,7 +11922,7 @@ var ei = {
|
|
|
11897
11922
|
size: "s",
|
|
11898
11923
|
variant: "reverse"
|
|
11899
11924
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__actions` }, t)));
|
|
11900
|
-
},
|
|
11925
|
+
}, 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
11926
|
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
11927
|
d(() => {
|
|
11903
11928
|
s ? D(!0) : k(!1);
|
|
@@ -11962,7 +11987,7 @@ var ei = {
|
|
|
11962
11987
|
onClick: N,
|
|
11963
11988
|
size: "m"
|
|
11964
11989
|
})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))))) : null;
|
|
11965
|
-
},
|
|
11990
|
+
}, 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
11991
|
let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = an();
|
|
11967
11992
|
d(() => {
|
|
11968
11993
|
if (!(!h || !m) && c) return h(), () => m();
|
|
@@ -12028,7 +12053,7 @@ var ei = {
|
|
|
12028
12053
|
}),
|
|
12029
12054
|
zIndex: 9999
|
|
12030
12055
|
}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))))) : null;
|
|
12031
|
-
},
|
|
12056
|
+
}, 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
12057
|
let m = yt(n), h = m.__unslotted, g = m.footer, v = "pds-modal", y = u === "m" ? null : `${v}--${u}`, x = a ? {
|
|
12033
12058
|
maxHeight: a,
|
|
12034
12059
|
paddingInlineEnd: "1rem",
|
|
@@ -12104,27 +12129,27 @@ var ei = {
|
|
|
12104
12129
|
className: `${v}__content`,
|
|
12105
12130
|
style: x
|
|
12106
12131
|
}, h), g && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, g)))))) : null;
|
|
12107
|
-
},
|
|
12132
|
+
}, po = (e, t) => {
|
|
12108
12133
|
let n = t - e + 1;
|
|
12109
12134
|
return Array.from({ length: n }, (t, n) => n + e);
|
|
12110
|
-
},
|
|
12135
|
+
}, mo = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => h(() => {
|
|
12111
12136
|
let i = Math.ceil(r / n), a = e + 5, o = i;
|
|
12112
|
-
if (a >= i) return
|
|
12137
|
+
if (a >= i) return po(1, i);
|
|
12113
12138
|
let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
|
|
12114
12139
|
if (!l && u) return [
|
|
12115
|
-
...
|
|
12140
|
+
...po(1, 3 + 2 * e),
|
|
12116
12141
|
"...",
|
|
12117
12142
|
i
|
|
12118
12143
|
];
|
|
12119
12144
|
if (l && !u) return [
|
|
12120
12145
|
1,
|
|
12121
12146
|
"...",
|
|
12122
|
-
...
|
|
12147
|
+
...po(i - (3 + 2 * e) + 1, i)
|
|
12123
12148
|
];
|
|
12124
12149
|
if (l && u) return [
|
|
12125
12150
|
1,
|
|
12126
12151
|
"...",
|
|
12127
|
-
...
|
|
12152
|
+
...po(s, c),
|
|
12128
12153
|
"...",
|
|
12129
12154
|
o
|
|
12130
12155
|
];
|
|
@@ -12133,11 +12158,11 @@ var ei = {
|
|
|
12133
12158
|
n,
|
|
12134
12159
|
e,
|
|
12135
12160
|
t
|
|
12136
|
-
]),
|
|
12161
|
+
]), ho = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
|
|
12137
12162
|
previous: "Go to previous page",
|
|
12138
12163
|
next: "Go to next page"
|
|
12139
12164
|
}, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
|
|
12140
|
-
let f =
|
|
12165
|
+
let f = mo({
|
|
12141
12166
|
currentPage: r,
|
|
12142
12167
|
totalItemCount: u,
|
|
12143
12168
|
bufferCount: t,
|
|
@@ -12193,7 +12218,7 @@ var ei = {
|
|
|
12193
12218
|
size: "m"
|
|
12194
12219
|
}))
|
|
12195
12220
|
}))));
|
|
12196
|
-
},
|
|
12221
|
+
}, go = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
12197
12222
|
next: "Next",
|
|
12198
12223
|
previous: "Previous"
|
|
12199
12224
|
}, nextPage: s, onPageChange: c, previousPage: l, totalItemCount: u, ...d }) => {
|
|
@@ -12222,7 +12247,7 @@ var ei = {
|
|
|
12222
12247
|
iconName: "angleRight",
|
|
12223
12248
|
size: "m"
|
|
12224
12249
|
}))));
|
|
12225
|
-
},
|
|
12250
|
+
}, _o = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
12226
12251
|
next: "Go to next page",
|
|
12227
12252
|
of: "of",
|
|
12228
12253
|
page: "Page",
|
|
@@ -12317,7 +12342,7 @@ var ei = {
|
|
|
12317
12342
|
size: "s",
|
|
12318
12343
|
value: String(n)
|
|
12319
12344
|
}), /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.of, " ", m), /* @__PURE__ */ e.createElement("div", { className: `${b}__nav` }, k("prev"), k("next")));
|
|
12320
|
-
},
|
|
12345
|
+
}, vo = ({ children: t, className: n, contentMaxHeight: r, heading: i, icon: a, ...o }) => {
|
|
12321
12346
|
let s = "pds-widget-panel", c = yt(t), l = c.__unslotted, u = c.footer, d = r ? { maxHeight: r } : void 0;
|
|
12322
12347
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12323
12348
|
className: Z([s, n ?? ""]),
|
|
@@ -12330,7 +12355,7 @@ var ei = {
|
|
|
12330
12355
|
className: `${s}__content`,
|
|
12331
12356
|
style: d
|
|
12332
12357
|
}, l), bt(u) && /* @__PURE__ */ e.createElement("div", { className: `${s}__footer` }, u));
|
|
12333
|
-
},
|
|
12358
|
+
}, 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
12359
|
let h = "pds-bookmarks-panel", g = `${h}__item`, _ = [...Array(l)].map((t, n) => /* @__PURE__ */ e.createElement("li", {
|
|
12335
12360
|
key: n,
|
|
12336
12361
|
className: `${g} ${g}--loading`
|
|
@@ -12369,14 +12394,14 @@ var ei = {
|
|
|
12369
12394
|
slot: "footer",
|
|
12370
12395
|
variant: "link"
|
|
12371
12396
|
});
|
|
12372
|
-
return /* @__PURE__ */ e.createElement(
|
|
12397
|
+
return /* @__PURE__ */ e.createElement(vo, {
|
|
12373
12398
|
className: Z([h, n ?? ""]),
|
|
12374
12399
|
contentMaxHeight: r,
|
|
12375
12400
|
heading: s,
|
|
12376
12401
|
icon: "bookmark",
|
|
12377
12402
|
...m
|
|
12378
12403
|
}, 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
|
-
},
|
|
12404
|
+
}, So = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
|
|
12380
12405
|
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
12406
|
return d(() => {
|
|
12382
12407
|
let e = v.current;
|
|
@@ -12400,7 +12425,7 @@ var ei = {
|
|
|
12400
12425
|
className: `${m}__icon ${c ? "rotated" : ""}`,
|
|
12401
12426
|
iconName: "angleDown"
|
|
12402
12427
|
})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
|
|
12403
|
-
},
|
|
12428
|
+
}, Co = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
|
|
12404
12429
|
let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
|
|
12405
12430
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12406
12431
|
className: Z([
|
|
@@ -12410,7 +12435,7 @@ var ei = {
|
|
|
12410
12435
|
]),
|
|
12411
12436
|
...i
|
|
12412
12437
|
}, t);
|
|
12413
|
-
},
|
|
12438
|
+
}, 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
12439
|
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
12440
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12416
12441
|
className: Z([
|
|
@@ -12437,7 +12462,7 @@ var ei = {
|
|
|
12437
12462
|
size: "s",
|
|
12438
12463
|
variant: "brand"
|
|
12439
12464
|
}))));
|
|
12440
|
-
},
|
|
12465
|
+
}, To = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
|
|
12441
12466
|
let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
|
|
12442
12467
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12443
12468
|
className: Z([
|
|
@@ -12447,7 +12472,7 @@ var ei = {
|
|
|
12447
12472
|
]),
|
|
12448
12473
|
...a
|
|
12449
12474
|
}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
|
|
12450
|
-
},
|
|
12475
|
+
}, Eo = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
|
|
12451
12476
|
let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
|
|
12452
12477
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
12453
12478
|
className: Z([
|
|
@@ -12459,7 +12484,7 @@ var ei = {
|
|
|
12459
12484
|
]),
|
|
12460
12485
|
...o
|
|
12461
12486
|
}, n);
|
|
12462
|
-
},
|
|
12487
|
+
}, Do = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, stackBelow: a = "m", ...o }) => {
|
|
12463
12488
|
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
12489
|
u((e) => !e);
|
|
12465
12490
|
};
|
|
@@ -12491,10 +12516,10 @@ var ei = {
|
|
|
12491
12516
|
opacity: "0"
|
|
12492
12517
|
}
|
|
12493
12518
|
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__items-inside` }, m)));
|
|
12494
|
-
},
|
|
12519
|
+
}, Oo = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
|
|
12495
12520
|
className: Z(["pds-panel-stack", n ?? ""]),
|
|
12496
12521
|
...r
|
|
12497
|
-
}, t),
|
|
12522
|
+
}, 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
12523
|
let d = "pds-workspace-selector-panel", f = `${d}__item`, [p, m] = _(""), g = l.length >= s, v = h(() => {
|
|
12499
12524
|
if (!p) return l;
|
|
12500
12525
|
let e = p.toLowerCase();
|
|
@@ -12527,7 +12552,7 @@ var ei = {
|
|
|
12527
12552
|
slot: "footer",
|
|
12528
12553
|
variant: "link"
|
|
12529
12554
|
});
|
|
12530
|
-
return /* @__PURE__ */ e.createElement(
|
|
12555
|
+
return /* @__PURE__ */ e.createElement(vo, {
|
|
12531
12556
|
className: Z([d, t ?? ""]),
|
|
12532
12557
|
contentMaxHeight: n,
|
|
12533
12558
|
heading: o,
|
|
@@ -12546,7 +12571,7 @@ var ei = {
|
|
|
12546
12571
|
"aria-label": o,
|
|
12547
12572
|
className: `${d}__nav`
|
|
12548
12573
|
}, v.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${d}__no-results` }, c) : /* @__PURE__ */ e.createElement("ul", { className: `${d}__list` }, v)), y);
|
|
12549
|
-
},
|
|
12574
|
+
}, Ao = /* @__PURE__ */ e.createElement("svg", {
|
|
12550
12575
|
"aria-label": "Pantheon",
|
|
12551
12576
|
fill: "none",
|
|
12552
12577
|
focusable: "false",
|
|
@@ -12608,7 +12633,7 @@ var ei = {
|
|
|
12608
12633
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12609
12634
|
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
12635
|
fill: "var(--pds-color-foreground-default)"
|
|
12611
|
-
})),
|
|
12636
|
+
})), jo = /* @__PURE__ */ e.createElement("svg", {
|
|
12612
12637
|
"aria-label": "Pantheon",
|
|
12613
12638
|
fill: "none",
|
|
12614
12639
|
focusable: "false",
|
|
@@ -12643,7 +12668,7 @@ var ei = {
|
|
|
12643
12668
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12644
12669
|
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
12670
|
fill: "var(--pds-color-foreground-default)"
|
|
12646
|
-
})),
|
|
12671
|
+
})), Mo = /* @__PURE__ */ e.createElement("svg", {
|
|
12647
12672
|
"aria-label": "Pantheon",
|
|
12648
12673
|
fill: "none",
|
|
12649
12674
|
focusable: "false",
|
|
@@ -12678,17 +12703,17 @@ var ei = {
|
|
|
12678
12703
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
12679
12704
|
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
12705
|
fill: "var(--pds-color-foreground-default)"
|
|
12681
|
-
})),
|
|
12706
|
+
})), No = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
|
|
12682
12707
|
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
12708
|
switch (r) {
|
|
12684
12709
|
case "full":
|
|
12685
|
-
f =
|
|
12710
|
+
f = Ao;
|
|
12686
12711
|
break;
|
|
12687
12712
|
case "icon":
|
|
12688
|
-
f =
|
|
12713
|
+
f = jo;
|
|
12689
12714
|
break;
|
|
12690
12715
|
case "wordmark":
|
|
12691
|
-
f =
|
|
12716
|
+
f = Mo;
|
|
12692
12717
|
break;
|
|
12693
12718
|
}
|
|
12694
12719
|
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 +12730,7 @@ var ei = {
|
|
|
12705
12730
|
]),
|
|
12706
12731
|
...o
|
|
12707
12732
|
}, i ? h : f);
|
|
12708
|
-
},
|
|
12733
|
+
}, 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
12734
|
let [S, w] = _(u);
|
|
12710
12735
|
d(() => {
|
|
12711
12736
|
w(u);
|
|
@@ -12732,12 +12757,12 @@ var ei = {
|
|
|
12732
12757
|
M(R),
|
|
12733
12758
|
N(R),
|
|
12734
12759
|
H(R)
|
|
12735
|
-
]), ne = B.arrow?.x ?? 0, q = B.arrow?.y ?? 0, re = ne +
|
|
12760
|
+
]), ne = B.arrow?.x ?? 0, q = B.arrow?.y ?? 0, re = ne + Fo / 2, ie = q + Po, { isMounted: ae } = te(R, {
|
|
12736
12761
|
initial: { transform: "scale(0)" },
|
|
12737
12762
|
common: ({ side: e }) => ({ transformOrigin: {
|
|
12738
|
-
top: `${re}px calc(100% + ${
|
|
12763
|
+
top: `${re}px calc(100% + ${Po}px)`,
|
|
12739
12764
|
bottom: `${re}px -8px`,
|
|
12740
|
-
left: `calc(100% + ${
|
|
12765
|
+
left: `calc(100% + ${Po}px) ${ie}px`,
|
|
12741
12766
|
right: `-8px ${ie}px`
|
|
12742
12767
|
}[e] })
|
|
12743
12768
|
});
|
|
@@ -12772,23 +12797,23 @@ var ei = {
|
|
|
12772
12797
|
className: `${j}__arrow`,
|
|
12773
12798
|
context: R,
|
|
12774
12799
|
fill: "var(--pds-color-surface-default)",
|
|
12775
|
-
height:
|
|
12800
|
+
height: Po,
|
|
12776
12801
|
stroke: "var(--pds-color-border-default)",
|
|
12777
12802
|
strokeWidth: 1,
|
|
12778
12803
|
tipRadius: 0,
|
|
12779
|
-
width:
|
|
12804
|
+
width: Fo
|
|
12780
12805
|
}), /* @__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
12806
|
ariaLabel: r,
|
|
12782
12807
|
onClick: W,
|
|
12783
12808
|
size: "s"
|
|
12784
12809
|
})))))));
|
|
12785
|
-
},
|
|
12810
|
+
}, Lo = {
|
|
12786
12811
|
neutral: "--pds-color-status-neutral-indicator",
|
|
12787
12812
|
info: "--pds-color-status-info-fill",
|
|
12788
12813
|
success: "--pds-color-status-success-fill",
|
|
12789
12814
|
warning: "--pds-color-status-warning-fill",
|
|
12790
12815
|
critical: "--pds-color-status-critical-fill"
|
|
12791
|
-
},
|
|
12816
|
+
}, Ro = ({ className: t, colorBreakpoints: n = [{
|
|
12792
12817
|
colorType: "info",
|
|
12793
12818
|
percentage: 0
|
|
12794
12819
|
}, {
|
|
@@ -12809,7 +12834,7 @@ var ei = {
|
|
|
12809
12834
|
id: m
|
|
12810
12835
|
}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
|
|
12811
12836
|
className: `${h}__percentage`,
|
|
12812
|
-
style: { color: `hsl(from var(${
|
|
12837
|
+
style: { color: `hsl(from var(${Lo[y]}) h s calc(l - 7))` }
|
|
12813
12838
|
}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
|
|
12814
12839
|
"aria-labelledby": m,
|
|
12815
12840
|
"aria-valuenow": v,
|
|
@@ -12819,16 +12844,16 @@ var ei = {
|
|
|
12819
12844
|
className: `${h}__bar`,
|
|
12820
12845
|
style: {
|
|
12821
12846
|
width: `${v}%`,
|
|
12822
|
-
backgroundColor: `var(${
|
|
12847
|
+
backgroundColor: `var(${Lo[y]})`
|
|
12823
12848
|
}
|
|
12824
12849
|
}))), S && b);
|
|
12825
|
-
},
|
|
12850
|
+
}, zo = {
|
|
12826
12851
|
neutral: "--pds-color-status-neutral-indicator",
|
|
12827
12852
|
info: "--pds-color-status-info-fill",
|
|
12828
12853
|
success: "--pds-color-status-success-fill",
|
|
12829
12854
|
warning: "--pds-color-status-warning-fill",
|
|
12830
12855
|
critical: "--pds-color-status-critical-fill"
|
|
12831
|
-
},
|
|
12856
|
+
}, Bo = ({ className: t, colorBreakpoints: n = [{
|
|
12832
12857
|
colorType: "info",
|
|
12833
12858
|
percentage: 0
|
|
12834
12859
|
}, {
|
|
@@ -12877,7 +12902,7 @@ var ei = {
|
|
|
12877
12902
|
strokeDasharray: x,
|
|
12878
12903
|
strokeDashoffset: S,
|
|
12879
12904
|
strokeWidth: y,
|
|
12880
|
-
style: { stroke: `var(${
|
|
12905
|
+
style: { stroke: `var(${zo[C]})` },
|
|
12881
12906
|
transform: `rotate(-90 ${v / 2} ${v / 2})`
|
|
12882
12907
|
}), /* @__PURE__ */ e.createElement("text", {
|
|
12883
12908
|
alignmentBaseline: "middle",
|
|
@@ -12887,29 +12912,29 @@ var ei = {
|
|
|
12887
12912
|
x: "50%",
|
|
12888
12913
|
y: "51%"
|
|
12889
12914
|
}, w))));
|
|
12890
|
-
},
|
|
12915
|
+
}, Vo = {
|
|
12891
12916
|
of: "of",
|
|
12892
12917
|
showing: "Showing",
|
|
12893
12918
|
unitPlural: "results",
|
|
12894
12919
|
unitSingular: "result"
|
|
12895
|
-
},
|
|
12920
|
+
}, 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
12921
|
let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
|
|
12897
|
-
...
|
|
12922
|
+
...Vo,
|
|
12898
12923
|
...i
|
|
12899
|
-
}, p = n !== void 0, m =
|
|
12924
|
+
}, p = n !== void 0, m = Ho(r, f, d, a);
|
|
12900
12925
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12901
12926
|
"aria-live": "polite",
|
|
12902
12927
|
className: Z([s, t ?? ""]),
|
|
12903
12928
|
...o
|
|
12904
12929
|
}, /* @__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
|
-
},
|
|
12930
|
+
}, Wo = {
|
|
12906
12931
|
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
12907
12932
|
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
12908
12933
|
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
12909
12934
|
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
12910
12935
|
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
12911
12936
|
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
12912
|
-
},
|
|
12937
|
+
}, Go = (e) => typeof e == "string", Ko = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
|
|
12913
12938
|
"privacy",
|
|
12914
12939
|
"dataSubjectRequest",
|
|
12915
12940
|
"cookiePolicy",
|
|
@@ -12926,8 +12951,8 @@ var ei = {
|
|
|
12926
12951
|
r ?? ""
|
|
12927
12952
|
]),
|
|
12928
12953
|
...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
|
-
},
|
|
12954
|
+
}, /* @__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)))));
|
|
12955
|
+
}, qo = ({ className: t, option: n, ...r }) => {
|
|
12931
12956
|
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
12957
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
12933
12958
|
let d = /* @__PURE__ */ e.createElement(En, {
|
|
@@ -12950,7 +12975,7 @@ var ei = {
|
|
|
12950
12975
|
className: `${i}__status`,
|
|
12951
12976
|
style: { pointerEvents: "none" }
|
|
12952
12977
|
}, d));
|
|
12953
|
-
},
|
|
12978
|
+
}, Jo = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
|
|
12954
12979
|
clearButton: "Clear input text",
|
|
12955
12980
|
inputInstructions: "Type to search options"
|
|
12956
12981
|
}, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
|
|
@@ -12962,7 +12987,7 @@ var ei = {
|
|
|
12962
12987
|
id: n,
|
|
12963
12988
|
label: i,
|
|
12964
12989
|
value: r ?? i,
|
|
12965
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
12990
|
+
optionDisplay: /* @__PURE__ */ e.createElement(qo, { option: t }),
|
|
12966
12991
|
siteData: t
|
|
12967
12992
|
};
|
|
12968
12993
|
});
|
|
@@ -12991,7 +13016,7 @@ var ei = {
|
|
|
12991
13016
|
};
|
|
12992
13017
|
//#endregion
|
|
12993
13018
|
//#region src/components/SortableList/sortable-utils.ts
|
|
12994
|
-
function
|
|
13019
|
+
function Yo(e, t, n = null, r = 0, i = []) {
|
|
12995
13020
|
return e.reduce((e, a, o) => {
|
|
12996
13021
|
let s = !!a.children?.length, c = t.has(a.id);
|
|
12997
13022
|
return e.push({
|
|
@@ -13003,10 +13028,10 @@ function Jo(e, t, n = null, r = 0, i = []) {
|
|
|
13003
13028
|
index: o,
|
|
13004
13029
|
isExpanded: c,
|
|
13005
13030
|
parentId: n
|
|
13006
|
-
}), s && c && a.children && e.push(...
|
|
13031
|
+
}), s && c && a.children && e.push(...Yo(a.children, t, a.id, r + 1, [...i, a.id])), e;
|
|
13007
13032
|
}, []);
|
|
13008
13033
|
}
|
|
13009
|
-
function
|
|
13034
|
+
function Xo(e) {
|
|
13010
13035
|
let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
|
|
13011
13036
|
for (let i of e) {
|
|
13012
13037
|
let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
|
|
@@ -13019,28 +13044,28 @@ function Yo(e) {
|
|
|
13019
13044
|
e && (e.children || (e.children = []), e.children.push(o));
|
|
13020
13045
|
}
|
|
13021
13046
|
}
|
|
13022
|
-
return
|
|
13047
|
+
return Zo(r);
|
|
13023
13048
|
}
|
|
13024
|
-
function
|
|
13049
|
+
function Zo(e) {
|
|
13025
13050
|
return e.map((e) => {
|
|
13026
13051
|
if (e.children?.length) return {
|
|
13027
13052
|
...e,
|
|
13028
|
-
children:
|
|
13053
|
+
children: Zo(e.children)
|
|
13029
13054
|
};
|
|
13030
13055
|
let { children: t, ...n } = e;
|
|
13031
13056
|
return n;
|
|
13032
13057
|
});
|
|
13033
13058
|
}
|
|
13034
|
-
function
|
|
13059
|
+
function Qo(e, t) {
|
|
13035
13060
|
for (let n of e) {
|
|
13036
13061
|
if (n.id === t) return n;
|
|
13037
13062
|
if (n.children) {
|
|
13038
|
-
let e =
|
|
13063
|
+
let e = Qo(n.children, t);
|
|
13039
13064
|
if (e) return e;
|
|
13040
13065
|
}
|
|
13041
13066
|
}
|
|
13042
13067
|
}
|
|
13043
|
-
function
|
|
13068
|
+
function $o(e, t, n, r, i, a, o) {
|
|
13044
13069
|
let s = e.findIndex((e) => e.id === n);
|
|
13045
13070
|
if (s === -1) return 0;
|
|
13046
13071
|
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 +13073,7 @@ function Qo(e, t, n, r, i, a, o) {
|
|
|
13048
13073
|
}
|
|
13049
13074
|
//#endregion
|
|
13050
13075
|
//#region src/components/SortableList/SortableListHeader.tsx
|
|
13051
|
-
var
|
|
13076
|
+
var es = ({ children: t, className: n, columns: r, ...i }) => {
|
|
13052
13077
|
if (!r && !t) return null;
|
|
13053
13078
|
let a = r ? {
|
|
13054
13079
|
display: "grid",
|
|
@@ -13069,13 +13094,13 @@ var $o = ({ children: t, className: n, columns: r, ...i }) => {
|
|
|
13069
13094
|
};
|
|
13070
13095
|
//#endregion
|
|
13071
13096
|
//#region src/components/SortableList/useSortableTree.ts
|
|
13072
|
-
function
|
|
13097
|
+
function ts({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
|
|
13073
13098
|
let i = n !== void 0, [a, o] = _(() => n ?? e ?? []), [s, c] = _(/* @__PURE__ */ new Set()), u = g(null), d = g(t);
|
|
13074
13099
|
t && !d.current && (u.current = {
|
|
13075
13100
|
items: i ? n : a,
|
|
13076
13101
|
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(() =>
|
|
13102
|
+
}), 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.");
|
|
13103
|
+
let f = i ? n : a, p = h(() => Yo(f, s), [f, s]), m = h(() => p.map((e) => e.id), [p]), v = l((e) => {
|
|
13079
13104
|
c((t) => {
|
|
13080
13105
|
let n = new Set(t);
|
|
13081
13106
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -13093,7 +13118,7 @@ function es({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
13093
13118
|
}, []),
|
|
13094
13119
|
flatNodes: p,
|
|
13095
13120
|
handleReorder: l((e) => {
|
|
13096
|
-
let t =
|
|
13121
|
+
let t = Xo(e);
|
|
13097
13122
|
i || o(t), r?.(t);
|
|
13098
13123
|
}, [i, r]),
|
|
13099
13124
|
resetToSnapshot: l(() => {
|
|
@@ -13105,24 +13130,24 @@ function es({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
13105
13130
|
toggleExpand: v
|
|
13106
13131
|
};
|
|
13107
13132
|
}
|
|
13108
|
-
var
|
|
13109
|
-
function
|
|
13110
|
-
|
|
13133
|
+
var ns = /* @__PURE__ */ new Set();
|
|
13134
|
+
function rs(e) {
|
|
13135
|
+
ns.has(e) || (ns.add(e), console.warn(e));
|
|
13111
13136
|
}
|
|
13112
13137
|
//#endregion
|
|
13113
13138
|
//#region src/components/SortableList/SortableList.tsx
|
|
13114
|
-
var
|
|
13139
|
+
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
13140
|
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
13141
|
if (m > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
|
|
13117
13142
|
e.preventDefault();
|
|
13118
13143
|
let n = e.key === "ArrowRight" ? 1 : -1, r = ee.current, i = Math.max(-m, Math.min(m, r + n)), a = i - r;
|
|
13119
13144
|
return ee.current = i, z(i), {
|
|
13120
|
-
x: t.currentCoordinates.x + a *
|
|
13145
|
+
x: t.currentCoordinates.x + a * is,
|
|
13121
13146
|
y: t.currentCoordinates.y
|
|
13122
13147
|
};
|
|
13123
13148
|
}
|
|
13124
13149
|
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 } =
|
|
13150
|
+
}, [m]), U = b === "always" || b === "toggle" && (c ?? !1), { currentItems: W, expandItem: G, flatNodes: K, handleReorder: ne, resetToSnapshot: q, sortableIds: re, toggleExpand: ie } = ts({
|
|
13126
13151
|
defaultItems: a,
|
|
13127
13152
|
isDragEnabled: U,
|
|
13128
13153
|
items: f,
|
|
@@ -13149,9 +13174,9 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13149
13174
|
ce,
|
|
13150
13175
|
oe,
|
|
13151
13176
|
j
|
|
13152
|
-
]).size > 0, de = h(() => T ? K.find((e) => e.id === T) ?? null : null, [T, K]), fe = h(() => T ?
|
|
13177
|
+
]).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
13178
|
let e = de?.depth ?? 0;
|
|
13154
|
-
return !T || !j || O || m === 0 ? e :
|
|
13179
|
+
return !T || !j || O || m === 0 ? e : $o(K, String(T), String(j), B * is, is, m);
|
|
13155
13180
|
}, [
|
|
13156
13181
|
T,
|
|
13157
13182
|
de,
|
|
@@ -13163,7 +13188,7 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13163
13188
|
]), me = h(() => {
|
|
13164
13189
|
if (!T || O || pe === 0 || j && ce(j)) return null;
|
|
13165
13190
|
let e = K.findIndex((e) => e.id === T);
|
|
13166
|
-
return e === -1 ? null :
|
|
13191
|
+
return e === -1 ? null : ss(K, e, pe);
|
|
13167
13192
|
}, [
|
|
13168
13193
|
T,
|
|
13169
13194
|
K,
|
|
@@ -13209,19 +13234,19 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13209
13234
|
}, [K, oe]), ve = l((e) => {
|
|
13210
13235
|
let t = e.delta.x;
|
|
13211
13236
|
if (P.current = t, A.current || m === 0) return;
|
|
13212
|
-
let n = Math.floor(t /
|
|
13213
|
-
(n > r || n < r && t < r *
|
|
13237
|
+
let n = Math.floor(t / is), r = H.current;
|
|
13238
|
+
(n > r || n < r && t < r * is - is * .4) && (H.current = n, V(n));
|
|
13214
13239
|
}, [m]), ye = l((e) => {
|
|
13215
13240
|
let { active: t, over: n } = e, r = A.current, i = ee.current, a = H.current;
|
|
13216
13241
|
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 *
|
|
13242
|
+
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
13243
|
if (r && i > 0 && c && o > 0 && (l = K[o - 1].id), !l || t.id === l) {
|
|
13219
13244
|
if (o === -1) return;
|
|
13220
13245
|
let e = K[o];
|
|
13221
13246
|
if (!e) return;
|
|
13222
|
-
let n =
|
|
13247
|
+
let n = $o(K, String(t.id), String(t.id), s, is, m);
|
|
13223
13248
|
if (n === e.depth) return;
|
|
13224
|
-
let r = [...K], [i] = r.splice(o, 1), a =
|
|
13249
|
+
let r = [...K], [i] = r.splice(o, 1), a = ss(r, o, n);
|
|
13225
13250
|
if (a && se.has(a)) return;
|
|
13226
13251
|
let c = {
|
|
13227
13252
|
...i,
|
|
@@ -13243,9 +13268,9 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13243
13268
|
let e = K[u];
|
|
13244
13269
|
_ = Math.min(e.depth + 1, m), v = String(l);
|
|
13245
13270
|
} else {
|
|
13246
|
-
_ =
|
|
13271
|
+
_ = $o(d, String(t.id), String(l), s, is, m, p.depth);
|
|
13247
13272
|
let e = d[g];
|
|
13248
|
-
v = e && e.depth === _ - 1 ? String(l) :
|
|
13273
|
+
v = e && e.depth === _ - 1 ? String(l) : ss(d, g, _);
|
|
13249
13274
|
}
|
|
13250
13275
|
if (v && se.has(v)) return;
|
|
13251
13276
|
let y = {
|
|
@@ -13268,24 +13293,24 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13268
13293
|
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
13294
|
}, [G]), xe = h(() => ({
|
|
13270
13295
|
onDragStart({ active: e }) {
|
|
13271
|
-
let t = K.find((t) => t.id === e.id), n =
|
|
13296
|
+
let t = K.find((t) => t.id === e.id), n = Qo(W, String(e.id));
|
|
13272
13297
|
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
13298
|
},
|
|
13274
13299
|
onDragOver({ active: e, over: t }) {
|
|
13275
13300
|
if (!t) return;
|
|
13276
13301
|
let n = K.findIndex((e) => e.id === t.id);
|
|
13277
13302
|
if (n === -1) return;
|
|
13278
|
-
let r =
|
|
13303
|
+
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
13304
|
return `Moving ${i}. Target position: ${n + 1} of ${K.length} at depth ${a}.`;
|
|
13280
13305
|
},
|
|
13281
13306
|
onDragEnd({ active: e, over: t }) {
|
|
13282
|
-
let n =
|
|
13307
|
+
let n = Qo(W, String(e.id)), r = n ? o(n) : String(e.id);
|
|
13283
13308
|
if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
|
|
13284
|
-
let i = K.findIndex((e) => e.id === t.id), a =
|
|
13309
|
+
let i = K.findIndex((e) => e.id === t.id), a = $o(K, String(e.id), String(t.id), P.current, is, m);
|
|
13285
13310
|
return `${r} dropped at position ${i + 1} of ${K.length} at depth ${a}.`;
|
|
13286
13311
|
},
|
|
13287
13312
|
onDragCancel({ active: e }) {
|
|
13288
|
-
let t = K.find((t) => t.id === e.id), n =
|
|
13313
|
+
let t = K.find((t) => t.id === e.id), n = Qo(W, String(e.id));
|
|
13289
13314
|
return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? K.indexOf(t) + 1 : "?"} of ${K.length}.`;
|
|
13290
13315
|
}
|
|
13291
13316
|
}), [
|
|
@@ -13293,14 +13318,14 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13293
13318
|
K,
|
|
13294
13319
|
o,
|
|
13295
13320
|
m
|
|
13296
|
-
]), Se = { columns: i }, Y = t.map(n, (t) => s(t) && t.type ===
|
|
13321
|
+
]), Se = { columns: i }, Y = t.map(n, (t) => s(t) && t.type === es ? e.cloneElement(t, Se) : t);
|
|
13297
13322
|
return /* @__PURE__ */ e.createElement(Ue, {
|
|
13298
13323
|
accessibility: {
|
|
13299
13324
|
announcements: xe,
|
|
13300
13325
|
...x ? { screenReaderInstructions: { draggable: x } } : {}
|
|
13301
13326
|
},
|
|
13302
13327
|
collisionDetection: ge,
|
|
13303
|
-
measuring:
|
|
13328
|
+
measuring: as,
|
|
13304
13329
|
onDragCancel: be,
|
|
13305
13330
|
onDragEnd: ye,
|
|
13306
13331
|
onDragMove: ve,
|
|
@@ -13375,14 +13400,14 @@ var rs = 24, is = { droppable: { strategy: Ke.Always } }, as = o(function({ chil
|
|
|
13375
13400
|
return s(a) ? e.cloneElement(a, o) : a;
|
|
13376
13401
|
})()) : null));
|
|
13377
13402
|
});
|
|
13378
|
-
function
|
|
13403
|
+
function ss(e, t, n) {
|
|
13379
13404
|
if (n === 0) return null;
|
|
13380
13405
|
for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
|
|
13381
13406
|
return null;
|
|
13382
13407
|
}
|
|
13383
13408
|
//#endregion
|
|
13384
13409
|
//#region src/components/SortableList/SortableRow.tsx
|
|
13385
|
-
var
|
|
13410
|
+
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
13411
|
let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = tt({
|
|
13387
13412
|
attributes: {
|
|
13388
13413
|
role: "listitem",
|
|
@@ -13437,7 +13462,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13437
13462
|
key: t.id,
|
|
13438
13463
|
className: `${w}__cell`
|
|
13439
13464
|
}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
|
|
13440
|
-
},
|
|
13465
|
+
}, 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
13466
|
let m = "pds-stat-panel", h = s === "neutral" ? null : `${m}--${s}`, g = c ? `${m}--active` : null, _ = f(), v = n && r && t;
|
|
13442
13467
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13443
13468
|
"aria-labelledby": _,
|
|
@@ -13473,11 +13498,11 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13473
13498
|
size: { width: 6 },
|
|
13474
13499
|
textSize: "xl"
|
|
13475
13500
|
}) : u && /* @__PURE__ */ e.createElement("span", { className: `${m}__stat` }, u)), a && /* @__PURE__ */ e.createElement("p", { className: `${m}__description` }, a));
|
|
13476
|
-
},
|
|
13501
|
+
}, us = [
|
|
13477
13502
|
"default",
|
|
13478
13503
|
"working",
|
|
13479
13504
|
"checked"
|
|
13480
|
-
],
|
|
13505
|
+
], ds = ({ alignment: t = "left", className: n, componentWidth: r, displayType: i = "label", labelStrings: a = {}, lastChecked: o, onCheck: s, state: c = "default", ...l }) => {
|
|
13481
13506
|
let u = i === "icon-button", d = {
|
|
13482
13507
|
checkForUpdates: "Check for updates",
|
|
13483
13508
|
checking: "Checking...",
|
|
@@ -13530,7 +13555,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13530
13555
|
triggerIconColor: "default",
|
|
13531
13556
|
triggerIconSize: "xs"
|
|
13532
13557
|
}), t === "left" && y));
|
|
13533
|
-
},
|
|
13558
|
+
}, fs = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
|
|
13534
13559
|
let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(Tn, {
|
|
13535
13560
|
className: `${o}__spinner`,
|
|
13536
13561
|
size: "m"
|
|
@@ -13547,23 +13572,23 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13547
13572
|
]),
|
|
13548
13573
|
...a
|
|
13549
13574
|
}, r ? d : l);
|
|
13550
|
-
},
|
|
13575
|
+
}, ps = {
|
|
13551
13576
|
frozen: "snowflake",
|
|
13552
13577
|
restricted: "lock"
|
|
13553
|
-
},
|
|
13578
|
+
}, ms = {
|
|
13554
13579
|
frozen: "Frozen",
|
|
13555
13580
|
restricted: "Restricted"
|
|
13556
|
-
},
|
|
13581
|
+
}, hs = ({ className: t, label: n, status: r, ...i }) => {
|
|
13557
13582
|
let a = "pds-status-scrim";
|
|
13558
13583
|
return /* @__PURE__ */ e.createElement("div", {
|
|
13559
13584
|
className: Z([a, t ?? ""]),
|
|
13560
13585
|
...i
|
|
13561
13586
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
13562
13587
|
className: `${a}__icon`,
|
|
13563
|
-
iconName:
|
|
13588
|
+
iconName: ps[r],
|
|
13564
13589
|
size: "3xl"
|
|
13565
|
-
}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ??
|
|
13566
|
-
},
|
|
13590
|
+
}), /* @__PURE__ */ e.createElement("span", { className: `${a}__label` }, n ?? ms[r]));
|
|
13591
|
+
}, gs = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
|
|
13567
13592
|
let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
|
|
13568
13593
|
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
13594
|
return /* @__PURE__ */ e.createElement("li", {
|
|
@@ -13581,7 +13606,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13581
13606
|
style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
|
|
13582
13607
|
...a
|
|
13583
13608
|
}, l);
|
|
13584
|
-
},
|
|
13609
|
+
}, _s = ({ className: t, steps: n, translatableLabels: r = {
|
|
13585
13610
|
step: "Step",
|
|
13586
13611
|
completed: "completed",
|
|
13587
13612
|
hasError: "has an error",
|
|
@@ -13645,7 +13670,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13645
13670
|
key: t.id,
|
|
13646
13671
|
className: `${o}__step`,
|
|
13647
13672
|
id: `${t.id}--mobile`
|
|
13648
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
|
|
13673
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Bo, {
|
|
13649
13674
|
innerLabel: n,
|
|
13650
13675
|
label: "Step progress",
|
|
13651
13676
|
percentage: i,
|
|
@@ -13671,7 +13696,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13671
13696
|
"data-steps": u,
|
|
13672
13697
|
...i
|
|
13673
13698
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, p)));
|
|
13674
|
-
},
|
|
13699
|
+
}, vs = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
13675
13700
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
13676
13701
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
13677
13702
|
className: Z([...p]),
|
|
@@ -13697,14 +13722,14 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13697
13722
|
size: "s",
|
|
13698
13723
|
variant: "highlight"
|
|
13699
13724
|
})))));
|
|
13700
|
-
},
|
|
13725
|
+
}, ys = ({ className: t, labelStrings: n = {
|
|
13701
13726
|
step: "Step",
|
|
13702
13727
|
completed: "completed",
|
|
13703
13728
|
hasError: "has an error"
|
|
13704
13729
|
}, steps: r, ...i }) => {
|
|
13705
13730
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
13706
13731
|
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(
|
|
13732
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(vs, {
|
|
13708
13733
|
key: `s${i}`,
|
|
13709
13734
|
_isFirstStep: c,
|
|
13710
13735
|
"aria-current": a ? "step" : null,
|
|
@@ -13725,12 +13750,12 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13725
13750
|
className: Z([a, t ?? ""]),
|
|
13726
13751
|
...i
|
|
13727
13752
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
13728
|
-
},
|
|
13753
|
+
}, bs = typeof window < "u" ? m : d, xs = (e) => {
|
|
13729
13754
|
let t = g(e);
|
|
13730
|
-
return
|
|
13755
|
+
return bs(() => {
|
|
13731
13756
|
t.current = e;
|
|
13732
13757
|
}), l((...e) => t.current(...e), []);
|
|
13733
|
-
},
|
|
13758
|
+
}, 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
13759
|
return /* @__PURE__ */ e.createElement("tr", {
|
|
13735
13760
|
"aria-selected": s ? c : void 0,
|
|
13736
13761
|
className: Z([
|
|
@@ -13755,7 +13780,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13755
13780
|
key: `${m}-${t.id}`,
|
|
13756
13781
|
className: t.cellClassName
|
|
13757
13782
|
}, p[t.id])));
|
|
13758
|
-
}),
|
|
13783
|
+
}), 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
13784
|
let [g, ..._] = r === "inline" ? [void 0, ...n] : n, v = /* @__PURE__ */ e.createElement("div", { className: `${t}__card-main` }, o && /* @__PURE__ */ e.createElement("span", {
|
|
13760
13785
|
"aria-hidden": "true",
|
|
13761
13786
|
className: "pds-checkbox"
|
|
@@ -13790,7 +13815,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13790
13815
|
onClick: () => d(p, m),
|
|
13791
13816
|
type: "button"
|
|
13792
13817
|
}, v) : /* @__PURE__ */ e.createElement("div", { className: y }, v));
|
|
13793
|
-
}),
|
|
13818
|
+
}), 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
13819
|
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
13820
|
key: o ?? "",
|
|
13796
13821
|
order: o === void 0 ? "asc" : s
|
|
@@ -13823,7 +13848,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13823
13848
|
Ne,
|
|
13824
13849
|
T,
|
|
13825
13850
|
Ke
|
|
13826
|
-
]), Ye = Je >= 0 ? X[Je] : null, Xe =
|
|
13851
|
+
]), Ye = Je >= 0 ? X[Je] : null, Xe = xs((e, t) => {
|
|
13827
13852
|
(ge ? ye : ie !== void 0 && k) && N === void 0 && Me(t), U?.(e, t);
|
|
13828
13853
|
}), Ze = () => {
|
|
13829
13854
|
N === void 0 && Me(null);
|
|
@@ -13904,7 +13929,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13904
13929
|
}, ft = ct.reduce((e, t, n) => {
|
|
13905
13930
|
let r = qe(t, n);
|
|
13906
13931
|
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 =
|
|
13932
|
+
}, []), pt = ft.length > 0 && ft.every((e) => Ge.has(e)), mt = !pt && ft.some((e) => Ge.has(e)), ht = xs((e) => {
|
|
13908
13933
|
let t = new Set(Ge);
|
|
13909
13934
|
t.has(e) ? t.delete(e) : t.add(e), Ve || Ue(t), W?.(Array.from(t));
|
|
13910
13935
|
}), gt = () => {
|
|
@@ -13939,7 +13964,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13939
13964
|
};
|
|
13940
13965
|
}, xt = (t, n) => {
|
|
13941
13966
|
let r = qe(t, n);
|
|
13942
|
-
return /* @__PURE__ */ e.createElement(
|
|
13967
|
+
return /* @__PURE__ */ e.createElement(Ss, {
|
|
13943
13968
|
key: `row-${r}`,
|
|
13944
13969
|
baseClass: fe,
|
|
13945
13970
|
checkboxId: `${me}-row-${r}`,
|
|
@@ -13965,10 +13990,10 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
13965
13990
|
linkContent: v,
|
|
13966
13991
|
message: b
|
|
13967
13992
|
});
|
|
13968
|
-
return /* @__PURE__ */ e.createElement("li", null, M ? /* @__PURE__ */ e.createElement(
|
|
13993
|
+
return /* @__PURE__ */ e.createElement("li", null, M ? /* @__PURE__ */ e.createElement(To, { padding: "none" }, t) : t);
|
|
13969
13994
|
}, Tt = (n, r) => {
|
|
13970
13995
|
let i = qe(n, r);
|
|
13971
|
-
return /* @__PURE__ */ e.createElement(
|
|
13996
|
+
return /* @__PURE__ */ e.createElement(Cs, {
|
|
13972
13997
|
key: `card-${i}`,
|
|
13973
13998
|
baseClass: fe,
|
|
13974
13999
|
cardColumns: ve,
|
|
@@ -14046,7 +14071,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14046
14071
|
showLabel: !1,
|
|
14047
14072
|
size: "s",
|
|
14048
14073
|
value: String(Re)
|
|
14049
|
-
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(
|
|
14074
|
+
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(_o, {
|
|
14050
14075
|
currentPage: Se ? a ?? 1 : De,
|
|
14051
14076
|
itemsPerPage: Re,
|
|
14052
14077
|
labelStrings: q,
|
|
@@ -14073,7 +14098,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14073
14098
|
onClick: $e,
|
|
14074
14099
|
size: "s",
|
|
14075
14100
|
variant: "standard"
|
|
14076
|
-
})))), ge && /* @__PURE__ */ e.createElement(
|
|
14101
|
+
})))), ge && /* @__PURE__ */ e.createElement(so, {
|
|
14077
14102
|
closeButtonLabel: r,
|
|
14078
14103
|
isOpen: Fe,
|
|
14079
14104
|
setIsOpen: (e) => {
|
|
@@ -14100,8 +14125,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14100
14125
|
size: "s",
|
|
14101
14126
|
variant: "standard"
|
|
14102
14127
|
}))))));
|
|
14103
|
-
return _e ? /* @__PURE__ */ e.createElement(
|
|
14104
|
-
},
|
|
14128
|
+
return _e ? /* @__PURE__ */ e.createElement(To, { padding: "none" }, Ot) : Ot;
|
|
14129
|
+
}, Ts = [
|
|
14105
14130
|
" ",
|
|
14106
14131
|
"/",
|
|
14107
14132
|
".",
|
|
@@ -14119,7 +14144,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14119
14144
|
"=",
|
|
14120
14145
|
"|",
|
|
14121
14146
|
"~"
|
|
14122
|
-
],
|
|
14147
|
+
], Es = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), Ds = (e) => {
|
|
14123
14148
|
let t = [];
|
|
14124
14149
|
return e.forEach((e) => {
|
|
14125
14150
|
let { id: n, innerText: r } = e;
|
|
@@ -14132,18 +14157,18 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14132
14157
|
title: r
|
|
14133
14158
|
});
|
|
14134
14159
|
}), t;
|
|
14135
|
-
},
|
|
14160
|
+
}, Os = (e, t, n) => {
|
|
14136
14161
|
let [r, i] = _([]);
|
|
14137
14162
|
return d(() => {
|
|
14138
14163
|
let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
|
|
14139
14164
|
let e = Array.from(document.querySelectorAll(r));
|
|
14140
14165
|
e.forEach((e) => {
|
|
14141
|
-
|
|
14142
|
-
e.id.includes(t) && (e.id = e.id.replace(new RegExp(
|
|
14166
|
+
Ts.forEach((t) => {
|
|
14167
|
+
e.id.includes(t) && (e.id = e.id.replace(new RegExp(Es(t), "g"), "-"));
|
|
14143
14168
|
});
|
|
14144
14169
|
}), e.forEach((e, t) => {
|
|
14145
14170
|
e.id || (e.id = `${n}-item-${t}`);
|
|
14146
|
-
}), i(
|
|
14171
|
+
}), i(Ds(e));
|
|
14147
14172
|
};
|
|
14148
14173
|
a();
|
|
14149
14174
|
let o = document.getElementById(e);
|
|
@@ -14159,7 +14184,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14159
14184
|
t,
|
|
14160
14185
|
n
|
|
14161
14186
|
]), { nestedHeadings: r };
|
|
14162
|
-
},
|
|
14187
|
+
}, ks = (e, t) => {
|
|
14163
14188
|
let [n, r] = _(void 0), i = g({});
|
|
14164
14189
|
return d(() => {
|
|
14165
14190
|
let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
|
|
@@ -14178,7 +14203,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14178
14203
|
o.disconnect(), r(void 0);
|
|
14179
14204
|
};
|
|
14180
14205
|
}, [e, t]), n;
|
|
14181
|
-
},
|
|
14206
|
+
}, 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
14207
|
key: r.id,
|
|
14183
14208
|
className: `${n}__list-item`
|
|
14184
14209
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
@@ -14194,8 +14219,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14194
14219
|
className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
|
|
14195
14220
|
href: `#${r.id}`,
|
|
14196
14221
|
onClick: (e) => i(e, r.id)
|
|
14197
|
-
}, r.title))))))),
|
|
14198
|
-
let u = "pds-toc", { nestedHeadings: d } =
|
|
14222
|
+
}, 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 }) => {
|
|
14223
|
+
let u = "pds-toc", { nestedHeadings: d } = Os(c, o, f()), p = ks(c, o), m = (e) => {
|
|
14199
14224
|
typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
|
|
14200
14225
|
}, h = (e) => {
|
|
14201
14226
|
document.querySelector(`#${e}`)?.scrollIntoView({
|
|
@@ -14213,13 +14238,13 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14213
14238
|
baseClass: u,
|
|
14214
14239
|
className: `${s ? "" : "visually-hidden"}`,
|
|
14215
14240
|
level: i
|
|
14216
|
-
}, a), /* @__PURE__ */ e.createElement(
|
|
14241
|
+
}, a), /* @__PURE__ */ e.createElement(As, {
|
|
14217
14242
|
activeID: p,
|
|
14218
14243
|
baseClass: u,
|
|
14219
14244
|
headings: d,
|
|
14220
14245
|
onLinkClick: g
|
|
14221
14246
|
}));
|
|
14222
|
-
},
|
|
14247
|
+
}, Ms = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
14223
14248
|
let c = "pds-tabs", [l, u] = _(a ?? r);
|
|
14224
14249
|
d(() => {
|
|
14225
14250
|
a !== void 0 && u(a);
|
|
@@ -14333,7 +14358,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14333
14358
|
className: `${c}__panel-content`,
|
|
14334
14359
|
hidden: o !== l
|
|
14335
14360
|
}, r)))));
|
|
14336
|
-
},
|
|
14361
|
+
}, Ns = [
|
|
14337
14362
|
"orange",
|
|
14338
14363
|
"stone",
|
|
14339
14364
|
"gold",
|
|
@@ -14347,7 +14372,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14347
14372
|
"magenta",
|
|
14348
14373
|
"rose",
|
|
14349
14374
|
"red"
|
|
14350
|
-
],
|
|
14375
|
+
], Ps = [
|
|
14351
14376
|
"orange-solid",
|
|
14352
14377
|
"teal-solid",
|
|
14353
14378
|
"indigo-solid",
|
|
@@ -14357,14 +14382,14 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14357
14382
|
"lime-solid",
|
|
14358
14383
|
"sky-solid",
|
|
14359
14384
|
"slate-solid"
|
|
14360
|
-
],
|
|
14385
|
+
], Fs = [
|
|
14361
14386
|
"success-solid",
|
|
14362
14387
|
"warning-solid",
|
|
14363
14388
|
"critical-solid",
|
|
14364
14389
|
"info-solid",
|
|
14365
14390
|
"discovery-solid"
|
|
14366
|
-
],
|
|
14367
|
-
let [f, p] = _(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${
|
|
14391
|
+
], 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 }) => {
|
|
14392
|
+
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
14393
|
p((e) => !e);
|
|
14369
14394
|
}, b, x, S;
|
|
14370
14395
|
if (r && !n && s(r)) {
|
|
@@ -14386,7 +14411,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14386
14411
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
14387
14412
|
className: `${m}__label`,
|
|
14388
14413
|
title: l
|
|
14389
|
-
}, u > 0 ?
|
|
14414
|
+
}, u > 0 ? zs(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
|
|
14390
14415
|
"aria-label": `${a}: ${l}`,
|
|
14391
14416
|
className: `${m}__remove`,
|
|
14392
14417
|
onClick: () => {
|
|
@@ -14398,7 +14423,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14398
14423
|
iconName: "xmark",
|
|
14399
14424
|
size: "m"
|
|
14400
14425
|
})) : null);
|
|
14401
|
-
},
|
|
14426
|
+
}, Vs = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
|
|
14402
14427
|
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
14428
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14404
14429
|
className: Z([
|
|
@@ -14409,7 +14434,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14409
14434
|
]),
|
|
14410
14435
|
...a
|
|
14411
14436
|
}, /* @__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
|
-
},
|
|
14437
|
+
}, 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
14438
|
let [j, M] = _(l || !1);
|
|
14414
14439
|
d(() => {
|
|
14415
14440
|
M(l || !1);
|
|
@@ -14529,7 +14554,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14529
14554
|
}, /* @__PURE__ */ e.createElement(ia, {
|
|
14530
14555
|
destination: I,
|
|
14531
14556
|
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(
|
|
14557
|
+
}), 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
14558
|
...i,
|
|
14534
14559
|
isOpen: c,
|
|
14535
14560
|
placement: "left",
|
|
@@ -14537,7 +14562,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14537
14562
|
!e && c && b && b();
|
|
14538
14563
|
}
|
|
14539
14564
|
}, r));
|
|
14540
|
-
},
|
|
14565
|
+
}, Us = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
|
|
14541
14566
|
let c = "pds-docs-layout", l = {
|
|
14542
14567
|
"--docs-sidebar-max-width": `${i}rem`,
|
|
14543
14568
|
"--docs-sidebar-min-width": `${a}rem`,
|
|
@@ -14555,7 +14580,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14555
14580
|
},
|
|
14556
14581
|
...s
|
|
14557
14582
|
}, 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
|
-
},
|
|
14583
|
+
}, 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
14584
|
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
14585
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14561
14586
|
className: Z([
|
|
@@ -14578,7 +14603,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14578
14603
|
},
|
|
14579
14604
|
...h
|
|
14580
14605
|
}, /* @__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
|
-
},
|
|
14606
|
+
}, Gs = ({ children: n, className: r, maxColumns: i = 3, style: a, ...o }) => {
|
|
14582
14607
|
let s = "pds-stat-panel-group", c = `${s}--max-${i}`, l = {
|
|
14583
14608
|
"--max-columns": i,
|
|
14584
14609
|
...a
|
|
@@ -14597,8 +14622,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14597
14622
|
className: `${s}__item`,
|
|
14598
14623
|
role: "listitem"
|
|
14599
14624
|
}, 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(
|
|
14625
|
+
}, Ks = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
|
|
14626
|
+
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
14627
|
className: Z([
|
|
14603
14628
|
l,
|
|
14604
14629
|
u,
|
|
@@ -14607,8 +14632,8 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14607
14632
|
width: "wide",
|
|
14608
14633
|
...a
|
|
14609
14634
|
}, 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
|
-
},
|
|
14635
|
+
return i ? /* @__PURE__ */ e.createElement(To, null, d) : d;
|
|
14636
|
+
}, qs = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
|
|
14612
14637
|
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
14638
|
l["first-item"],
|
|
14614
14639
|
l["second-item"],
|
|
@@ -14626,7 +14651,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14626
14651
|
key: n,
|
|
14627
14652
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
14628
14653
|
}, t)));
|
|
14629
|
-
},
|
|
14654
|
+
}, Js = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
14630
14655
|
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
14656
|
switch (i) {
|
|
14632
14657
|
case "equal":
|
|
@@ -14647,7 +14672,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14647
14672
|
]),
|
|
14648
14673
|
...o
|
|
14649
14674
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
14650
|
-
},
|
|
14675
|
+
}, 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
14676
|
let E = "pds-flex", D = `${E}-container`, O = {
|
|
14652
14677
|
"--pds-flex-align-content": t,
|
|
14653
14678
|
"--pds-flex-align-items": n,
|
|
@@ -14695,20 +14720,20 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14695
14720
|
...O
|
|
14696
14721
|
}
|
|
14697
14722
|
}, i));
|
|
14698
|
-
},
|
|
14723
|
+
}, Xs = [
|
|
14699
14724
|
"light",
|
|
14700
14725
|
"dark",
|
|
14701
14726
|
"system"
|
|
14702
|
-
],
|
|
14727
|
+
], Zs = (e) => typeof e == "string" && Xs.includes(e), Qs = i(null), $s = {
|
|
14703
14728
|
resolvedTheme: "light",
|
|
14704
14729
|
setTheme: () => {},
|
|
14705
14730
|
theme: "light"
|
|
14706
|
-
},
|
|
14731
|
+
}, 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
14732
|
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
14733
|
d(() => {
|
|
14709
14734
|
if (g(!0), !(u || !o || typeof window > "u")) try {
|
|
14710
14735
|
let e = window.localStorage.getItem(s);
|
|
14711
|
-
|
|
14736
|
+
Zs(e) && m(e);
|
|
14712
14737
|
} catch {}
|
|
14713
14738
|
}, []), d(() => {
|
|
14714
14739
|
typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
|
|
@@ -14728,20 +14753,20 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14728
14753
|
]),
|
|
14729
14754
|
theme: v
|
|
14730
14755
|
};
|
|
14731
|
-
return /* @__PURE__ */ e.createElement(
|
|
14756
|
+
return /* @__PURE__ */ e.createElement(Qs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: ec({
|
|
14732
14757
|
defaultTheme: n,
|
|
14733
14758
|
storageKey: s
|
|
14734
14759
|
}) } }), t);
|
|
14735
|
-
},
|
|
14760
|
+
}, nc = () => u(Qs) ?? $s, rc = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
|
|
14736
14761
|
d(() => {
|
|
14737
14762
|
let e = document.documentElement, t = () => {
|
|
14738
14763
|
window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
|
|
14739
14764
|
};
|
|
14740
14765
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
14741
14766
|
}, [r]);
|
|
14742
|
-
let a = n ? /* @__PURE__ */ e.createElement(
|
|
14767
|
+
let a = n ? /* @__PURE__ */ e.createElement(tc, i, t) : t;
|
|
14743
14768
|
return /* @__PURE__ */ e.createElement(rn, null, a);
|
|
14744
|
-
},
|
|
14769
|
+
}, ic = ({ children: t, className: n, gap: r = "xl", itemMinWidth: i, maxColumns: a, mobileGap: o, ...s }) => {
|
|
14745
14770
|
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
14771
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14747
14772
|
className: Z([
|
|
@@ -14757,7 +14782,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14757
14782
|
},
|
|
14758
14783
|
...s
|
|
14759
14784
|
}, t);
|
|
14760
|
-
},
|
|
14785
|
+
}, ac = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
|
|
14761
14786
|
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
14787
|
return /* @__PURE__ */ e.createElement("div", {
|
|
14763
14788
|
className: Z([
|
|
@@ -14771,7 +14796,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14771
14796
|
]),
|
|
14772
14797
|
...c
|
|
14773
14798
|
}, n);
|
|
14774
|
-
},
|
|
14799
|
+
}, oc = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
|
|
14775
14800
|
let f = "pds-grid-item", p = [
|
|
14776
14801
|
l ? `${f}--sm-${l}` : null,
|
|
14777
14802
|
c ? `${f}--md-${c}` : null,
|
|
@@ -14790,7 +14815,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14790
14815
|
]),
|
|
14791
14816
|
...d
|
|
14792
14817
|
}, t);
|
|
14793
|
-
},
|
|
14818
|
+
}, sc = (e, t, n) => {
|
|
14794
14819
|
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
14820
|
r,
|
|
14796
14821
|
i,
|
|
@@ -14814,7 +14839,7 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14814
14839
|
m,
|
|
14815
14840
|
a
|
|
14816
14841
|
]), c;
|
|
14817
|
-
},
|
|
14842
|
+
}, cc = () => {
|
|
14818
14843
|
let e = typeof window < "u", [t, n] = _(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
|
|
14819
14844
|
return d(() => {
|
|
14820
14845
|
if (!e) return;
|
|
@@ -14828,6 +14853,6 @@ var ss = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
14828
14853
|
}, [e]), t;
|
|
14829
14854
|
};
|
|
14830
14855
|
//#endregion
|
|
14831
|
-
export { Sr as ActionCard,
|
|
14856
|
+
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
14857
|
|
|
14833
14858
|
//# sourceMappingURL=index.js.map
|