@pantheon-systems/pds-toolkit-react 2.0.0-alpha.68 → 2.0.0-alpha.69
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/codemods/v1-to-v2/mappings.json +24 -0
- package/dist/components/icons/Icon/generated-icon-data.d.ts +30 -2
- package/dist/components/inputs/Datepicker/Datepicker.d.ts +30 -3
- package/dist/css/component-css/pds-datepicker.css +1 -1
- package/dist/css/component-css/pds-index.css +2 -2
- package/dist/css/component-css/pds-link-new-window.css +1 -1
- package/dist/css/pds-components.css +2 -2
- package/dist/index.css +1 -1
- package/dist/index.js +700 -643
- package/dist/index.js.map +1 -1
- package/dist/svg/bookmark.svg +3 -0
- package/dist/svg/bookmarkSolid.svg +3 -0
- package/dist/svg/box.svg +3 -0
- package/dist/svg/penPaintbrush.svg +3 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,10 +2,10 @@ import e, { Children as t, Fragment as n, cloneElement as r, createContext as i,
|
|
|
2
2
|
import v from "hash-sum";
|
|
3
3
|
import { FloatingArrow as y, FloatingFocusManager as b, FloatingOverlay as x, FloatingPortal as S, arrow as C, autoUpdate as w, flip as T, offset as E, safePolygon as D, shift as O, size as k, useClick as A, useDismiss as j, useFloating as M, useFocus as N, useHover as P, useId as F, useInteractions as I, useListNavigation as L, useRole as R, useTransitionStyles as z, useTypeahead as B } from "@floating-ui/react";
|
|
4
4
|
import { useHotkeys as V } from "react-hotkeys-hook";
|
|
5
|
-
import { Bar as H, BarChart as U, CartesianGrid as W, Cell as G, Line as K, LineChart as q, Pie as J, PieChart as ee, Rectangle as te, ReferenceLine as ne, ResponsiveContainer as re, Tooltip as ie, XAxis as
|
|
6
|
-
import { CodeBlock as
|
|
7
|
-
import { useCombobox as
|
|
8
|
-
import {
|
|
5
|
+
import { Bar as H, BarChart as U, CartesianGrid as W, Cell as G, Line as K, LineChart as q, Pie as J, PieChart as ee, Rectangle as te, ReferenceLine as ne, ResponsiveContainer as re, Tooltip as ie, XAxis as ae, YAxis as oe } from "recharts";
|
|
6
|
+
import { CodeBlock as Y } from "react-code-block";
|
|
7
|
+
import { useCombobox as se, useMultipleSelection as X } from "downshift";
|
|
8
|
+
import { CalendarDate as ce, Time as le, createCalendar as ue, endOfMonth as de, endOfWeek as fe, fromDate as pe, getLocalTimeZone as me, startOfMonth as he, startOfWeek as ge, toCalendarDateTime as _e, toTimeZone as ve, toZoned as ye, today as be } from "@internationalized/date";
|
|
9
9
|
import { format as xe } from "date-fns";
|
|
10
10
|
import { I18nProvider as Se, mergeProps as Ce, useButton as we, useCalendar as Te, useCalendarCell as Ee, useCalendarGrid as De, useDateSegment as Oe, useFocusRing as ke, useLocale as Ae, useRangeCalendar as je, useTimeField as Me } from "react-aria";
|
|
11
11
|
import { useCalendarState as Ne, useRangeCalendarState as Pe, useTimeFieldState as Fe } from "react-stately";
|
|
@@ -343,6 +343,28 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
|
|
|
343
343
|
svgPathData: "M88 0C39.4 0 0 39.4 0 88L0 432c0 44.2 35.8 80 80 80l344 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-8 0 0-76.1C435.3 375 448 353 448 328l0-256c0-39.8-32.2-72-72-72L88 0zM368 400l0 64-288 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l288 0zM80 352c-11.4 0-22.2 2.4-32 6.7L48 88c0-22.1 17.9-40 40-40l288 0c13.3 0 24 10.7 24 24l0 256c0 13.3-10.7 24-24 24L80 352zm48-200c0 13.3 10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0c-13.3 0-24 10.7-24 24zm24 72c-13.3 0-24 10.7-24 24s10.7 24 24 24l176 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-176 0z",
|
|
344
344
|
width: 448
|
|
345
345
|
},
|
|
346
|
+
bookmark: {
|
|
347
|
+
aliases: [
|
|
348
|
+
"save",
|
|
349
|
+
"save for later",
|
|
350
|
+
"flag"
|
|
351
|
+
],
|
|
352
|
+
categories: ["actions", "objects"],
|
|
353
|
+
height: 512,
|
|
354
|
+
svgPathData: "M0 64C0 28.7 28.7 0 64 0L320 0c35.3 0 64 28.7 64 64l0 417.1c0 25.6-28.5 40.8-49.8 26.6L192 412.8 49.8 507.7C28.5 521.9 0 506.6 0 481.1L0 64zM64 48c-8.8 0-16 7.2-16 16l0 387.2 117.4-78.2c16.1-10.7 37.1-10.7 53.2 0L336 451.2 336 64c0-8.8-7.2-16-16-16L64 48z",
|
|
355
|
+
width: 384
|
|
356
|
+
},
|
|
357
|
+
bookmarkSolid: {
|
|
358
|
+
aliases: [
|
|
359
|
+
"save",
|
|
360
|
+
"save for later",
|
|
361
|
+
"flag"
|
|
362
|
+
],
|
|
363
|
+
categories: ["actions", "objects"],
|
|
364
|
+
height: 512,
|
|
365
|
+
svgPathData: "M64 0C28.7 0 0 28.7 0 64L0 480c0 11.5 6.2 22.2 16.2 27.8s22.3 5.5 32.2-.4L192 421.3 335.5 507.4c9.9 5.9 22.2 6.1 32.2 .4S384 491.5 384 480l0-416c0-35.3-28.7-64-64-64L64 0z",
|
|
366
|
+
width: 384
|
|
367
|
+
},
|
|
346
368
|
books: {
|
|
347
369
|
aliases: ["library", "documentation"],
|
|
348
370
|
categories: ["documents"],
|
|
@@ -350,6 +372,17 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
|
|
|
350
372
|
svgPathData: "M96.3 48l48 0c8.8 0 16 7.2 16 16l0 32-80 0 0-32c0-8.8 7.2-16 16-16zm-16 96l80 0 0 224-80 0 0-224zm128-78l0-2c0-35.3-28.7-64-64-64l-48 0c-35.3 0-64 28.7-64 64l0 384c0 35.3 28.7 64 64 64l48 0c15.1 0 29-5.3 40-14 11 8.8 24.9 14 40 14l48 0c35.3 0 64-28.7 64-64l0-164.4 48.6 181.2c9.1 34.1 44.2 54.4 78.4 45.3l46.4-12.4c34.1-9.1 54.4-44.2 45.3-78.4L455.4 48.3C446.3 14.2 411.2-6.1 377 3.1L330.7 15.5c-24.4 6.5-41.8 26.4-46.3 49.7-3.9-.8-8-1.1-12.1-1.1l-48 0c-5.5 0-10.9 .7-16 2zm0 62c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-320zm-48 320c0 8.8-7.2 16-16 16l-48 0c-8.8 0-16-7.2-16-16l0-32 80 0 0 32zM389.5 49.4c8.5-2.3 17.3 2.8 19.6 11.3l8.3 30.9-77.3 20.7-8.3-30.9c-2.3-8.5 2.8-17.3 11.3-19.6l46.4-12.4zm21 325.7l-58-216.4 77.3-20.7 58 216.4-77.3 20.7zm12.4 46.4l77.3-20.7 8.3 30.9c2.3 8.5-2.8 17.3-11.3 19.6l-46.4 12.4c-8.5 2.3-17.3-2.8-19.6-11.3l-8.3-30.9z",
|
|
351
373
|
width: 576
|
|
352
374
|
},
|
|
375
|
+
box: {
|
|
376
|
+
aliases: [
|
|
377
|
+
"package",
|
|
378
|
+
"shipping",
|
|
379
|
+
"storage"
|
|
380
|
+
],
|
|
381
|
+
categories: ["objects"],
|
|
382
|
+
height: 512,
|
|
383
|
+
svgPathData: "M400 176l0 240c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-240 352 0zm-11-48l-141 0 0-64 87.1 0c5.2 0 10 2.5 13 6.7L389 128zm-189 0L59 128 99.9 70.7c3-4.2 7.9-6.7 13-6.7l87.1 0 0 64zM11.9 111.3C4.2 122.2 0 135.2 0 148.5L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-267.5c0-13.3-4.2-26.3-11.9-37.2L387.1 42.8C375.1 26 355.7 16 335.1 16L112.9 16C92.3 16 72.9 26 60.9 42.8L11.9 111.3z",
|
|
384
|
+
width: 448
|
|
385
|
+
},
|
|
353
386
|
bracketRight: {
|
|
354
387
|
aliases: [
|
|
355
388
|
"sign out",
|
|
@@ -1597,6 +1630,17 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
|
|
|
1597
1630
|
svgPathData: "M569.3 27.1c-9.4-9.4-24.7-9.4-34.1 .1L514.4 48.4 560.1 94.1 581.2 73c9.4-9.4 9.4-24.6 0-33.9L569.3 27.1zM360 204.8c-3.2 3.3-5.5 7.4-6.4 11.9l-10.4 49.7 49.5-10.4c4.6-1 8.7-3.2 12-6.5L526.2 128 480.7 82.5 360 204.8zM501.1-6.5c28.1-28.4 73.9-28.6 102.2-.3L615.2 5.1c28.1 28.1 28.1 73.7 0 101.8L438.7 283.5c-9.9 9.9-22.4 16.7-36.1 19.6L317.1 321c-7.9 1.7-16.2-.8-21.9-6.5s-8.2-14-6.5-21.9l18-85.7c2.8-13.5 9.5-26 19.2-35.8L501.1-6.5zM64.1 168c0-39.8 32.2-72 72-72l128 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-128 0c-13.3 0-24 10.7-24 24l0 240c0 13.3 10.7 24 24 24l368 0c13.3 0 24-10.7 24-24l0-128c0-13.3 10.7-24 24-24s24 10.7 24 24l0 128c0 39.8-32.2 72-72 72l-368 0c-39.8 0-72-32.2-72-72l0-240zm112 120a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
|
|
1598
1631
|
width: 640
|
|
1599
1632
|
},
|
|
1633
|
+
penPaintbrush: {
|
|
1634
|
+
aliases: [
|
|
1635
|
+
"design",
|
|
1636
|
+
"edit style",
|
|
1637
|
+
"customize"
|
|
1638
|
+
],
|
|
1639
|
+
categories: ["actions", "objects"],
|
|
1640
|
+
height: 512,
|
|
1641
|
+
svgPathData: "M116.1 222.1l33.9-33.9-94.2-94.2c-5-5-7.9-11.9-7.9-19 0-14.9 12-26.9 26.9-26.9 7.1 0 14 2.8 19 7.9l94.2 94.2 33.9-33.9-94.2-94.2C113.8 7.9 94.8 0 74.9 0 33.5 0 0 33.5 0 74.9 0 94.8 7.9 113.8 21.9 127.9l94.2 94.2zM291.8 458c21.5 32.5 58.3 54 100.2 54l152 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-6 0c-18.1 0-30.1-19.8-27.4-37.6 .9-6 1.4-12.1 1.4-18.4 0-41.9-21.5-78.7-54-100.2l-35.2 35.2c24.3 11.6 41.1 36.3 41.1 65.1 0 3.8-.3 7.5-.8 11.1-3.3 21.4 2.2 43.1 13.8 60l.7 .9-85.6 0c-28.7 0-53.5-16.8-65.1-41.1L291.8 458zM90.9 315.1c-10.7 10.7-18.5 24.1-22.6 38.7L32.9 481.6c-2.3 8.3 0 17.3 6.2 23.4s15.1 8.5 23.4 6.2l127.8-35.5c14.6-4.1 27.9-11.8 38.7-22.6l294-294C536.4 145.6 544 127.2 544 108s-7.6-37.6-21.2-51.1L487.1 21.2C473.6 7.6 455.2 0 436 0s-37.6 7.6-51.1 21.2l-294 294zM436 48c6.4 0 12.6 2.6 17.2 7.1l35.7 35.7c4.6 4.6 7.1 10.7 7.1 17.2s-2.6 12.6-7.1 17.2L436 178.1 365.9 108 418.8 55.1c4.6-4.6 10.7-7.1 17.2-7.1zM124.9 349.1L332 141.9 402.1 212 194.9 419.1c-4.9 4.9-10.9 8.4-17.6 10.3l-86.9 24.1 24.1-86.9c1.8-6.6 5.4-12.7 10.3-17.6z",
|
|
1642
|
+
width: 576
|
|
1643
|
+
},
|
|
1600
1644
|
phone: {
|
|
1601
1645
|
aliases: [
|
|
1602
1646
|
"call",
|
|
@@ -2300,7 +2344,7 @@ var rt = Object.create, it = Object.defineProperty, at = Object.getOwnPropertyDe
|
|
|
2300
2344
|
svgPathData: "M549.7 124.1C543.5 100.4 524.9 81.8 501.4 75.5 458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5C51.2 81.8 32.7 100.4 26.4 124.1 15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8 42.6 11.5 213.4 11.5 213.4 11.5s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8 11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6l0-162.4 142.7 81.2-142.7 81.2z",
|
|
2301
2345
|
width: 576
|
|
2302
2346
|
}
|
|
2303
|
-
}, _t = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowLeft.arrowRight.arrowsRetweet.asterisk.banBug.bars.barsFilter.barsStaggered.bell.billboard.bitbucket.bluesky.bolt.boltPantheon.boltSolid.book.books.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.fileZip.floppyDisk.folder.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.listCheck.locationCrosshairs.lock.lockOpen.magnifyingGlass.medal.memo.messages.minus.moon.move.nextJs.octagonExclamation.openai.paperclip.paperPlane.pause.pen.penField.phone.play.plus.question.quotesLeft.quotesRight.rectangleList.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".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "l", style: a, verticalAlign: o = "middle", ...s }) => {
|
|
2347
|
+
}, _t = /* @__PURE__ */ "angleDown.angleLeft.angleRight.anglesDown.anglesLeft.anglesRight.anglesUp.angleUp.arrowDownToLine.arrowLeft.arrowRight.arrowsRetweet.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.fileZip.floppyDisk.folder.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.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.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".split("."), Q = ({ className: t, display: n = "inline-block", iconName: r, size: i = "l", style: a, verticalAlign: o = "middle", ...s }) => {
|
|
2304
2348
|
let c = "pds-icon", l = `${c} ${c}--${i} ${c}--${r}`, u = gt[r], d = `0 0 ${u.width} ${u.height}`, f = r in ht ? ht[r] : null, p;
|
|
2305
2349
|
if (f?.type === "complex") p = f.render();
|
|
2306
2350
|
else {
|
|
@@ -4135,17 +4179,17 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4135
4179
|
role: "listbox",
|
|
4136
4180
|
selectedIndex: H,
|
|
4137
4181
|
variant: "input"
|
|
4138
|
-
}),
|
|
4182
|
+
}), ae = H === null ? void 0 : R[H]?.label, oe = H === null ? void 0 : R[H]?.icon, Y = H === null ? void 0 : R[H]?.value, se = (e) => {
|
|
4139
4183
|
let t = R[e];
|
|
4140
4184
|
I || (U(e), re(!1)), m && m(t);
|
|
4141
4185
|
};
|
|
4142
4186
|
u(() => {
|
|
4143
4187
|
I && (U(z(w)), re(!1));
|
|
4144
4188
|
}, [w]);
|
|
4145
|
-
let
|
|
4146
|
-
f && f(
|
|
4189
|
+
let X = () => {
|
|
4190
|
+
f && f(Y);
|
|
4147
4191
|
}, ce = () => {
|
|
4148
|
-
p && p(
|
|
4192
|
+
p && p(Y);
|
|
4149
4193
|
}, le = () => {
|
|
4150
4194
|
ne.reference.current.focus();
|
|
4151
4195
|
}, ue = (t, n) => t === "google" || t === "microsoft" ? /* @__PURE__ */ e.createElement(ir, {
|
|
@@ -4172,10 +4216,10 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4172
4216
|
tabIndex: r === W ? 0 : -1,
|
|
4173
4217
|
...!t?.disabled && q({
|
|
4174
4218
|
onClick() {
|
|
4175
|
-
|
|
4219
|
+
se(r);
|
|
4176
4220
|
},
|
|
4177
4221
|
onKeyDown(e) {
|
|
4178
|
-
e.key === "Enter" && (e.preventDefault(),
|
|
4222
|
+
e.key === "Enter" && (e.preventDefault(), se(r), ne.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ne.reference.current.focus());
|
|
4179
4223
|
}
|
|
4180
4224
|
})
|
|
4181
4225
|
}, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label` }, t.icon && ue(t.icon, `${D}__option-icon`), t.label), y && H === r && /* @__PURE__ */ e.createElement(Gn, null));
|
|
@@ -4196,10 +4240,10 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4196
4240
|
tabIndex: r === W ? 0 : -1,
|
|
4197
4241
|
...!t?.disabled && q({
|
|
4198
4242
|
onClick() {
|
|
4199
|
-
|
|
4243
|
+
se(r);
|
|
4200
4244
|
},
|
|
4201
4245
|
onKeyDown(e) {
|
|
4202
|
-
e.key === "Enter" && (e.preventDefault(),
|
|
4246
|
+
e.key === "Enter" && (e.preventDefault(), se(r), ne.reference.current.focus()), e.key === "Escape" && (e.preventDefault(), ne.reference.current.focus());
|
|
4203
4247
|
}
|
|
4204
4248
|
})
|
|
4205
4249
|
}, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label` }, t.icon && ue(t.icon, `${D}__option-icon`), t.label), y && H === r && /* @__PURE__ */ e.createElement(Gn, null));
|
|
@@ -4244,10 +4288,10 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4244
4288
|
tabIndex: 0,
|
|
4245
4289
|
...J({
|
|
4246
4290
|
onClick: le,
|
|
4247
|
-
onBlur:
|
|
4291
|
+
onBlur: X,
|
|
4248
4292
|
onFocus: ce
|
|
4249
4293
|
})
|
|
4250
|
-
}, P && /* @__PURE__ */ e.createElement(un, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (
|
|
4294
|
+
}, P && /* @__PURE__ */ e.createElement(un, { variant: P }), /* @__PURE__ */ e.createElement("span", { className: `${D}__input-inner` }, /* @__PURE__ */ e.createElement("span", { className: `${D}__option-text` }, (oe || !ae && a) && ue(oe || a, `${D}__icon`), /* @__PURE__ */ e.createElement("span", { className: `${D}__option-label-text` }, ae ?? l.selectOptionText)), /* @__PURE__ */ e.createElement(Q, {
|
|
4251
4295
|
className: `${D}__trigger-icon`,
|
|
4252
4296
|
iconName: "angleDown"
|
|
4253
4297
|
}))), ee && /* @__PURE__ */ e.createElement("div", {
|
|
@@ -4570,7 +4614,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4570
4614
|
let t = Math.abs(e);
|
|
4571
4615
|
return t >= 1e9 ? `${(e / 1e9).toFixed(1).replace(/\.0$/, "")}B` : t >= 1e6 ? `${(e / 1e6).toFixed(1).replace(/\.0$/, "")}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1).replace(/\.0$/, "")}K` : String(e);
|
|
4572
4616
|
}, Nr = ({ barRadius: t = 2, chartHeight: n, chartWidth: r, className: i, colorPalette: a = "categorical", data: o = [], isLoading: s = !1, isThumbnail: l = !1, labelStrings: d = {}, layout: f = "horizontal", legendVariant: p = "inline", onTimePeriodChange: m, selectedTimePeriod: _, series: v = [], showAccessibleTable: y, showAxisLines: b, showGrid: x, showLegend: S, showTooltip: C, timePeriodOptions: D, tooltipContent: k, variant: A = "stacked", xAxisLabel: j, xAxisTickInterval: N, yAxisDomain: P, yAxisFormatter: F = Mr, yAxisLabel: I, yAxisTickInterval: L, ...R }) => {
|
|
4573
|
-
let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: V = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, J = h(null), ee = _r(a, Cr(J, a)), ne = n ?? (l ? 60 : 360),
|
|
4617
|
+
let { accessibleTableDescription: B = "Bar chart data", emptyStateHeading: V = "No data available", emptyStateMessage: G, legendTableHeader: K, loadingLabel: q = "Loading chart data" } = d, J = h(null), ee = _r(a, Cr(J, a)), ne = n ?? (l ? 60 : 360), Y = r ?? (l ? 60 : void 0), se = x ?? !l, X = b ?? !l, ce = S ?? !l, le = C ?? !l, ue = y ?? !0, [de, fe] = g(null), pe = h(de);
|
|
4574
4618
|
de && (pe.current = de);
|
|
4575
4619
|
let me = h({ getBoundingClientRect: () => ({
|
|
4576
4620
|
bottom: 0,
|
|
@@ -4626,7 +4670,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4626
4670
|
`${xe}--loading`,
|
|
4627
4671
|
i ?? ""
|
|
4628
4672
|
]),
|
|
4629
|
-
style: { maxWidth:
|
|
4673
|
+
style: { maxWidth: Y },
|
|
4630
4674
|
...R
|
|
4631
4675
|
}, /* @__PURE__ */ e.createElement(jr, {
|
|
4632
4676
|
height: ne,
|
|
@@ -4642,7 +4686,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4642
4686
|
]),
|
|
4643
4687
|
style: {
|
|
4644
4688
|
height: ne,
|
|
4645
|
-
maxWidth:
|
|
4689
|
+
maxWidth: Y
|
|
4646
4690
|
},
|
|
4647
4691
|
...R
|
|
4648
4692
|
}, /* @__PURE__ */ e.createElement(pr, {
|
|
@@ -4701,7 +4745,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4701
4745
|
return /* @__PURE__ */ e.createElement("div", {
|
|
4702
4746
|
ref: J,
|
|
4703
4747
|
className: Z([xe, i ?? ""]),
|
|
4704
|
-
style:
|
|
4748
|
+
style: Y ? { maxWidth: Y } : void 0,
|
|
4705
4749
|
...R
|
|
4706
4750
|
}, !l && D && D.length > 0 && /* @__PURE__ */ e.createElement("div", { className: `${xe}__header` }, /* @__PURE__ */ e.createElement(hr, {
|
|
4707
4751
|
autoWidth: !0,
|
|
@@ -4745,35 +4789,35 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4745
4789
|
right: 4,
|
|
4746
4790
|
top: 20
|
|
4747
4791
|
}
|
|
4748
|
-
},
|
|
4792
|
+
}, se && /* @__PURE__ */ e.createElement(W, {
|
|
4749
4793
|
horizontal: !Te,
|
|
4750
4794
|
stroke: "var(--pds-color-border-default)",
|
|
4751
4795
|
strokeDasharray: "3 3",
|
|
4752
4796
|
vertical: Te
|
|
4753
|
-
}), /* @__PURE__ */ e.createElement(
|
|
4754
|
-
axisLine:
|
|
4797
|
+
}), /* @__PURE__ */ e.createElement(ae, {
|
|
4798
|
+
axisLine: X,
|
|
4755
4799
|
dataKey: Te ? void 0 : "label",
|
|
4756
|
-
hide: !
|
|
4800
|
+
hide: !X,
|
|
4757
4801
|
interval: N,
|
|
4758
|
-
label: j &&
|
|
4802
|
+
label: j && X ? {
|
|
4759
4803
|
...Tr,
|
|
4760
4804
|
offset: -15,
|
|
4761
4805
|
position: "insideBottom",
|
|
4762
4806
|
value: j
|
|
4763
4807
|
} : void 0,
|
|
4764
4808
|
padding: Te ? void 0 : "no-gap",
|
|
4765
|
-
tick:
|
|
4809
|
+
tick: X ? wr : !1,
|
|
4766
4810
|
tickFormatter: Te ? F : void 0,
|
|
4767
4811
|
tickLine: !1,
|
|
4768
4812
|
tickMargin: 10,
|
|
4769
4813
|
type: Te ? "number" : "category"
|
|
4770
|
-
}), /* @__PURE__ */ e.createElement(
|
|
4771
|
-
axisLine:
|
|
4814
|
+
}), /* @__PURE__ */ e.createElement(oe, {
|
|
4815
|
+
axisLine: X,
|
|
4772
4816
|
dataKey: Te ? "label" : void 0,
|
|
4773
4817
|
domain: P,
|
|
4774
|
-
hide: !
|
|
4818
|
+
hide: !X,
|
|
4775
4819
|
interval: L,
|
|
4776
|
-
label: I &&
|
|
4820
|
+
label: I && X ? {
|
|
4777
4821
|
...Tr,
|
|
4778
4822
|
angle: -90,
|
|
4779
4823
|
dx: -44,
|
|
@@ -4781,7 +4825,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4781
4825
|
value: I
|
|
4782
4826
|
} : void 0,
|
|
4783
4827
|
padding: Te ? "no-gap" : void 0,
|
|
4784
|
-
tick:
|
|
4828
|
+
tick: X ? wr : !1,
|
|
4785
4829
|
tickFormatter: Te ? void 0 : F,
|
|
4786
4830
|
tickLine: !1,
|
|
4787
4831
|
tickMargin: 6,
|
|
@@ -4924,7 +4968,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4924
4968
|
}, V && /* @__PURE__ */ e.createElement(W, {
|
|
4925
4969
|
stroke: "var(--pds-color-border-default)",
|
|
4926
4970
|
strokeDasharray: "3 3"
|
|
4927
|
-
}), /* @__PURE__ */ e.createElement(
|
|
4971
|
+
}), /* @__PURE__ */ e.createElement(ae, {
|
|
4928
4972
|
axisLine: H,
|
|
4929
4973
|
dataKey: "label",
|
|
4930
4974
|
hide: !H,
|
|
@@ -4938,7 +4982,7 @@ var Gn = ({ className: t = "pds-dropdown__selected-icon" }) => /* @__PURE__ */ e
|
|
|
4938
4982
|
tick: H ? wr : !1,
|
|
4939
4983
|
tickLine: !1,
|
|
4940
4984
|
tickMargin: 10
|
|
4941
|
-
}), /* @__PURE__ */ e.createElement(
|
|
4985
|
+
}), /* @__PURE__ */ e.createElement(oe, {
|
|
4942
4986
|
axisLine: H,
|
|
4943
4987
|
domain: D,
|
|
4944
4988
|
hide: !H,
|
|
@@ -6382,17 +6426,17 @@ var Hr = {
|
|
|
6382
6426
|
variant: "reverse"
|
|
6383
6427
|
}))));
|
|
6384
6428
|
}
|
|
6385
|
-
let C = /* @__PURE__ */ e.createElement(
|
|
6429
|
+
let C = /* @__PURE__ */ e.createElement(Y.LineContent, null, /* @__PURE__ */ e.createElement(Y.Token, null)), w = /* @__PURE__ */ e.createElement("div", { className: `${g}__line ${_}` }, /* @__PURE__ */ e.createElement(Y.LineNumber, { className: `${g}__number` }), C), T = /* @__PURE__ */ e.createElement("div", { className: `${g}__line` }, /* @__PURE__ */ e.createElement("span", { className: `${g}__prompt` }, f), C);
|
|
6386
6430
|
return /* @__PURE__ */ e.createElement("div", {
|
|
6387
6431
|
className: Z([g, t ?? ""]),
|
|
6388
6432
|
style: v,
|
|
6389
6433
|
...h
|
|
6390
|
-
}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
6434
|
+
}, c ? y : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Y, {
|
|
6391
6435
|
code: n,
|
|
6392
6436
|
language: l || "",
|
|
6393
6437
|
prism: Vr,
|
|
6394
6438
|
theme: Hr
|
|
6395
|
-
}, /* @__PURE__ */ e.createElement(
|
|
6439
|
+
}, /* @__PURE__ */ e.createElement(Y.Code, {
|
|
6396
6440
|
className: `${g}__code`,
|
|
6397
6441
|
tabIndex: 0
|
|
6398
6442
|
}, a || o ? a ? w : T : C)), i && /* @__PURE__ */ e.createElement("div", { className: `${g}__copy` }, /* @__PURE__ */ e.createElement(jn, {
|
|
@@ -6981,10 +7025,10 @@ var Hr = {
|
|
|
6981
7025
|
}, loadingText: v = "Loading results...", message: y, noResultsText: b = "No results found", onBlur: x, onChange: S, onClear: C, onFocus: D, onOptionSelect: O, options: A, placeholder: j, required: N = !1, showLabel: P = !0, showUnfilteredOptions: F = !1, size: I = "s", tooltipText: L = null, validationMessage: R, validationStatus: B, value: V, ...H }, U) => {
|
|
6982
7026
|
let W = rn(d), G = "pds-combobox", K = I === "s" ? null : `${G}--${I}`, q = r ? $.disabled : null, J = N && !r ? $.required : null, ee = B === "error" ? $.error : null, te = B === "success" ? $.success : null, ne = null;
|
|
6983
7027
|
o && (ne = "search"), B === "error" && (ne = "error"), B === "success" && (ne = "success");
|
|
6984
|
-
let re = R || y, ie = V !== void 0,
|
|
7028
|
+
let re = R || y, ie = V !== void 0, ae = n !== void 0, oe = (e) => {
|
|
6985
7029
|
let t = A.find((t) => t.value === e);
|
|
6986
7030
|
return t ? t.label : "";
|
|
6987
|
-
}, [
|
|
7031
|
+
}, [Y, X] = g(ae ? n : void 0), [ce, le] = g(ie ? V ?? "" : ae ? oe(n) : "");
|
|
6988
7032
|
u(() => {
|
|
6989
7033
|
ie && le(V ?? "");
|
|
6990
7034
|
}, [ie, V]);
|
|
@@ -7007,7 +7051,7 @@ var Hr = {
|
|
|
7007
7051
|
ce,
|
|
7008
7052
|
F,
|
|
7009
7053
|
f
|
|
7010
|
-
]), { getInputProps: pe, getItemProps: me, getMenuProps: he, highlightedIndex: ge, isOpen: _e, openMenu: ve, reset: ye } =
|
|
7054
|
+
]), { getInputProps: pe, getItemProps: me, getMenuProps: he, highlightedIndex: ge, isOpen: _e, openMenu: ve, reset: ye } = se({
|
|
7011
7055
|
id: l,
|
|
7012
7056
|
inputId: `input-${l}`,
|
|
7013
7057
|
items: fe,
|
|
@@ -7017,14 +7061,14 @@ var Hr = {
|
|
|
7017
7061
|
le(e ?? "");
|
|
7018
7062
|
},
|
|
7019
7063
|
onSelectedItemChange: ({ selectedItem: e }) => {
|
|
7020
|
-
e && (ie || le(e.label),
|
|
7064
|
+
e && (ie || le(e.label), X(e.value), O?.(e));
|
|
7021
7065
|
},
|
|
7022
7066
|
stateReducer: (e, { changes: t, type: n }) => {
|
|
7023
|
-
if (n ===
|
|
7067
|
+
if (n === se.stateChangeTypes.InputBlur) return {
|
|
7024
7068
|
...t,
|
|
7025
7069
|
inputValue: e.inputValue
|
|
7026
7070
|
};
|
|
7027
|
-
if (n ===
|
|
7071
|
+
if (n === se.stateChangeTypes.InputClick) {
|
|
7028
7072
|
if (F) return {
|
|
7029
7073
|
...t,
|
|
7030
7074
|
isOpen: !0
|
|
@@ -7073,11 +7117,11 @@ var Hr = {
|
|
|
7073
7117
|
}, [U, Se]), Ee = () => {
|
|
7074
7118
|
_e ? ye() : ve();
|
|
7075
7119
|
}, De = () => {
|
|
7076
|
-
ie || le(""),
|
|
7120
|
+
ie || le(""), X(void 0), ye(), ue.current?.focus(), F && ve(), C?.();
|
|
7077
7121
|
}, Oe = (e) => {
|
|
7078
|
-
x?.(
|
|
7122
|
+
x?.(Y);
|
|
7079
7123
|
}, ke = (e) => {
|
|
7080
|
-
F && ve(), D?.(
|
|
7124
|
+
F && ve(), D?.(Y);
|
|
7081
7125
|
}, Ae = () => fe.map((t, n) => /* @__PURE__ */ e.createElement(gn, {
|
|
7082
7126
|
key: t.value,
|
|
7083
7127
|
className: ge === n ? "pds-dropdown__item--focused" : "",
|
|
@@ -7189,20 +7233,20 @@ var Hr = {
|
|
|
7189
7233
|
isAlreadySelected: R.some((t) => t.id === e.id)
|
|
7190
7234
|
})) || [], [t?.items, R]), K = (e) => {
|
|
7191
7235
|
z(e), f?.(e);
|
|
7192
|
-
}, { getDropdownProps: q, getSelectedItemProps: J, removeSelectedItem: ee } =
|
|
7236
|
+
}, { getDropdownProps: q, getSelectedItemProps: J, removeSelectedItem: ee } = X({
|
|
7193
7237
|
selectedItems: R,
|
|
7194
7238
|
onStateChange: ({ selectedItems: e, type: t }) => {
|
|
7195
7239
|
if (!r) switch (t) {
|
|
7196
|
-
case
|
|
7197
|
-
case
|
|
7198
|
-
case
|
|
7199
|
-
case
|
|
7240
|
+
case X.stateChangeTypes.SelectedItemKeyDownBackspace:
|
|
7241
|
+
case X.stateChangeTypes.SelectedItemKeyDownDelete:
|
|
7242
|
+
case X.stateChangeTypes.DropdownKeyDownBackspace:
|
|
7243
|
+
case X.stateChangeTypes.FunctionRemoveSelectedItem:
|
|
7200
7244
|
K(e || []);
|
|
7201
7245
|
break;
|
|
7202
7246
|
default: break;
|
|
7203
7247
|
}
|
|
7204
7248
|
}
|
|
7205
|
-
}), { closeMenu: te, getInputProps: ne, getItemProps: re, getMenuProps: ie, getToggleButtonProps:
|
|
7249
|
+
}), { closeMenu: te, getInputProps: ne, getItemProps: re, getMenuProps: ie, getToggleButtonProps: ae, highlightedIndex: oe, isOpen: Y, openMenu: ce, selectedItem: le } = se({
|
|
7206
7250
|
items: W,
|
|
7207
7251
|
itemToString: (e) => e ? e.label : "",
|
|
7208
7252
|
selectedItem: null,
|
|
@@ -7211,8 +7255,8 @@ var Hr = {
|
|
|
7211
7255
|
stateReducer: (e, { changes: t, type: n }) => {
|
|
7212
7256
|
if (r) return e;
|
|
7213
7257
|
switch (n) {
|
|
7214
|
-
case
|
|
7215
|
-
case
|
|
7258
|
+
case se.stateChangeTypes.InputKeyDownEnter:
|
|
7259
|
+
case se.stateChangeTypes.ItemClick: return {
|
|
7216
7260
|
...t,
|
|
7217
7261
|
isOpen: !0,
|
|
7218
7262
|
highlightedIndex: e.highlightedIndex
|
|
@@ -7222,23 +7266,23 @@ var Hr = {
|
|
|
7222
7266
|
},
|
|
7223
7267
|
onStateChange: ({ inputValue: e, isOpen: t, selectedItem: n, type: i }) => {
|
|
7224
7268
|
if (!r) switch (i) {
|
|
7225
|
-
case
|
|
7226
|
-
case
|
|
7227
|
-
case
|
|
7269
|
+
case se.stateChangeTypes.InputKeyDownEnter:
|
|
7270
|
+
case se.stateChangeTypes.ItemClick:
|
|
7271
|
+
case se.stateChangeTypes.InputBlur:
|
|
7228
7272
|
n && (n.isAlreadySelected ? K(R.filter((e) => e.id !== n.id)) : K([...R, n]), L(""), V(null));
|
|
7229
7273
|
break;
|
|
7230
|
-
case
|
|
7274
|
+
case se.stateChangeTypes.InputChange:
|
|
7231
7275
|
L(e || ""), V(null);
|
|
7232
7276
|
break;
|
|
7233
|
-
case
|
|
7234
|
-
case
|
|
7277
|
+
case se.stateChangeTypes.ToggleButtonClick:
|
|
7278
|
+
case se.stateChangeTypes.FunctionOpenMenu:
|
|
7235
7279
|
t && U(!1);
|
|
7236
7280
|
break;
|
|
7237
7281
|
default: break;
|
|
7238
7282
|
}
|
|
7239
7283
|
}
|
|
7240
7284
|
}), { floatingStyles: ue, refs: de } = M({
|
|
7241
|
-
open:
|
|
7285
|
+
open: Y,
|
|
7242
7286
|
whileElementsMounted: w,
|
|
7243
7287
|
placement: "bottom-start",
|
|
7244
7288
|
strategy: "absolute",
|
|
@@ -7273,7 +7317,7 @@ var Hr = {
|
|
|
7273
7317
|
}), { getFloatingProps: he } = I([j(fe)]), ge = (e) => {
|
|
7274
7318
|
if (e.stopPropagation(), r) return;
|
|
7275
7319
|
let t = !H;
|
|
7276
|
-
U(t), t &&
|
|
7320
|
+
U(t), t && Y && te();
|
|
7277
7321
|
}, _e = (e) => {
|
|
7278
7322
|
r || (e.isAlreadySelected ? K(R.filter((t) => t.id !== e.id)) : K([...R, e]));
|
|
7279
7323
|
}, ve = () => {
|
|
@@ -7289,11 +7333,11 @@ var Hr = {
|
|
|
7289
7333
|
}, xe = h(!1), Se = () => {
|
|
7290
7334
|
r || (xe.current ? te() : ce());
|
|
7291
7335
|
}, Ce = (e) => {
|
|
7292
|
-
xe.current =
|
|
7336
|
+
xe.current = Y, !r && e.currentTarget.setAttribute("data-focus-method", "mouse");
|
|
7293
7337
|
}, we = (e) => {
|
|
7294
|
-
e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !F && R.length > 0 && (e.preventDefault(), be()), e.key === "Enter" && B !== null && (e.preventDefault(), be()), !
|
|
7338
|
+
e.currentTarget.setAttribute("data-focus-method", "keyboard"), !r && ((e.key === "Backspace" || e.key === "Delete") && !F && R.length > 0 && (e.preventDefault(), be()), e.key === "Enter" && B !== null && (e.preventDefault(), be()), !Y && (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), ce()));
|
|
7295
7339
|
}, Te = ne({
|
|
7296
|
-
...q({ preventKeyAction:
|
|
7340
|
+
...q({ preventKeyAction: Y }),
|
|
7297
7341
|
disabled: r,
|
|
7298
7342
|
onKeyDown: we
|
|
7299
7343
|
}), Ee = R.length === 2 ? /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1) : R.length === 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1)) : R.length > 3 ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-layer` }), /* @__PURE__ */ e.createElement("span", { className: `${D}__counter-item` }, R.length - 1)) : "";
|
|
@@ -7365,7 +7409,7 @@ var Hr = {
|
|
|
7365
7409
|
className: `${D}__trigger ${A}`,
|
|
7366
7410
|
disabled: r,
|
|
7367
7411
|
type: "button",
|
|
7368
|
-
...
|
|
7412
|
+
...ae({ onClick: (e) => e.stopPropagation() })
|
|
7369
7413
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7370
7414
|
className: `${D}__trigger-icon`,
|
|
7371
7415
|
iconName: "angleDown",
|
|
@@ -7374,7 +7418,7 @@ var Hr = {
|
|
|
7374
7418
|
...q(),
|
|
7375
7419
|
ref: de.setFloating,
|
|
7376
7420
|
className: `pds-dropdown__panel ${D}__dropdown`,
|
|
7377
|
-
style:
|
|
7421
|
+
style: Y ? {
|
|
7378
7422
|
...ue,
|
|
7379
7423
|
zIndex: "var(--pds-z-index-dropdown)"
|
|
7380
7424
|
} : { display: "none" }
|
|
@@ -7386,14 +7430,14 @@ var Hr = {
|
|
|
7386
7430
|
onClick: (e) => {
|
|
7387
7431
|
e.stopPropagation();
|
|
7388
7432
|
}
|
|
7389
|
-
})),
|
|
7433
|
+
})), Y && s && /* @__PURE__ */ e.createElement("div", { className: `${D}__loading` }, u), Y && !s && W.length === 0 && /* @__PURE__ */ e.createElement("div", { className: "pds-dropdown__no-results" }, d), /* @__PURE__ */ e.createElement("ul", {
|
|
7390
7434
|
className: `${D}__dropdown-list`,
|
|
7391
7435
|
...ie(),
|
|
7392
|
-
style:
|
|
7393
|
-
},
|
|
7436
|
+
style: Y && !s && W.length > 0 ? void 0 : { display: "none" }
|
|
7437
|
+
}, Y && !s && W.map((t, n) => /* @__PURE__ */ e.createElement(gn, {
|
|
7394
7438
|
key: `${t.id}-${n}`,
|
|
7395
7439
|
className: `${D}__dropdown-item
|
|
7396
|
-
${
|
|
7440
|
+
${oe === n ? "pds-dropdown__item--focused" : ""}
|
|
7397
7441
|
${le === t ? `${D}__dropdown-item--selected` : ""}
|
|
7398
7442
|
${t.isAlreadySelected ? "pds-dropdown__item--active" : ""}`,
|
|
7399
7443
|
...re({
|
|
@@ -7443,7 +7487,7 @@ var Hr = {
|
|
|
7443
7487
|
let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
|
|
7444
7488
|
if (!t) return null;
|
|
7445
7489
|
let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
|
|
7446
|
-
return n > 23 || r > 59 ? null : new
|
|
7490
|
+
return n > 23 || r > 59 ? null : new le(n, r);
|
|
7447
7491
|
}, si = (e) => e ? `${ai(e.hour)}:${ai(e.minute)}` : void 0, ci = ({ baseClass: t, segment: n, state: r }) => {
|
|
7448
7492
|
let i = h(null), { segmentProps: a } = Oe(n, r, i), { focusProps: o, isFocusVisible: s } = ke(), c = n.isPlaceholder ? n.type === "dayPeriod" ? "--" : "00" : n.text;
|
|
7449
7493
|
return /* @__PURE__ */ e.createElement("div", {
|
|
@@ -7481,7 +7525,7 @@ var Hr = {
|
|
|
7481
7525
|
if (V.current = b, !b || !e || b === e) return;
|
|
7482
7526
|
let n = R.value;
|
|
7483
7527
|
if (!n) return;
|
|
7484
|
-
let r = ve(ye(_e(t ?? be(e), n), e), b), i = si(new
|
|
7528
|
+
let r = ve(ye(_e(t ?? be(e), n), e), b), i = si(new le(r.hour, r.minute));
|
|
7485
7529
|
i && (N || I(i), f && f(i));
|
|
7486
7530
|
}, [b]);
|
|
7487
7531
|
let H = m(() => {
|
|
@@ -7543,22 +7587,30 @@ var Hr = {
|
|
|
7543
7587
|
validationMessageHasDecorators: !1,
|
|
7544
7588
|
validationStatus: C
|
|
7545
7589
|
}));
|
|
7546
|
-
}, ui = (e
|
|
7590
|
+
}, ui = (e, t = me()) => {
|
|
7591
|
+
if (!e) return;
|
|
7592
|
+
let n = pe(e, t);
|
|
7593
|
+
return new ce(n.year, n.month, n.day);
|
|
7594
|
+
}, di = (e, t = me()) => e ? e.toDate(t) : void 0, fi = (e) => String(e).padStart(2, "0"), pi = (e) => {
|
|
7547
7595
|
let t = e ? /^(\d{1,2}):(\d{2})$/.exec(e) : null;
|
|
7548
7596
|
if (!t) return;
|
|
7549
7597
|
let n = parseInt(t[1], 10), r = parseInt(t[2], 10);
|
|
7550
|
-
if (!(n > 23 || r > 59)) return new
|
|
7551
|
-
}, mi = (e, t =
|
|
7598
|
+
if (!(n > 23 || r > 59)) return new le(n, r);
|
|
7599
|
+
}, mi = (e, t = me()) => {
|
|
7552
7600
|
if (!e) return;
|
|
7553
|
-
let n =
|
|
7601
|
+
let n = pe(e, t);
|
|
7554
7602
|
return `${fi(n.hour)}:${fi(n.minute)}`;
|
|
7555
|
-
}, hi = (e, t, n =
|
|
7603
|
+
}, hi = (e, t, n = me()) => {
|
|
7556
7604
|
if (!e) return;
|
|
7557
7605
|
let r = pi(t);
|
|
7558
7606
|
return r ? _e(e, r).toDate(n) : di(e, n);
|
|
7559
|
-
}, gi =
|
|
7607
|
+
}, gi = "00:00", _i = "23:59", vi = (e, t, n = me()) => {
|
|
7608
|
+
if (!e) return "";
|
|
7609
|
+
let r = pe(e, n);
|
|
7610
|
+
return xe(new Date(r.year, r.month - 1, r.day), "PP", { locale: t });
|
|
7611
|
+
}, yi = (e, t) => {
|
|
7560
7612
|
if (e.custom) return e.custom();
|
|
7561
|
-
let n = t?.timeZone ??
|
|
7613
|
+
let n = t?.timeZone ?? me(), r = t?.locale ?? "en-US", i = be(n);
|
|
7562
7614
|
if (e.days !== void 0) return e.days < 0 ? {
|
|
7563
7615
|
from: di(i.add({ days: e.days + 1 }), n),
|
|
7564
7616
|
to: di(i, n)
|
|
@@ -7593,24 +7645,24 @@ var Hr = {
|
|
|
7593
7645
|
};
|
|
7594
7646
|
case "current-week": return {
|
|
7595
7647
|
from: di(ge(i, r), n),
|
|
7596
|
-
to: di(
|
|
7648
|
+
to: di(fe(i, r), n)
|
|
7597
7649
|
};
|
|
7598
7650
|
case "current-month": return {
|
|
7599
7651
|
from: di(he(i), n),
|
|
7600
|
-
to: di(
|
|
7652
|
+
to: di(de(i), n)
|
|
7601
7653
|
};
|
|
7602
7654
|
case "last-week": {
|
|
7603
7655
|
let e = i.subtract({ weeks: 1 });
|
|
7604
7656
|
return {
|
|
7605
7657
|
from: di(ge(e, r), n),
|
|
7606
|
-
to: di(
|
|
7658
|
+
to: di(fe(e, r), n)
|
|
7607
7659
|
};
|
|
7608
7660
|
}
|
|
7609
7661
|
case "last-month": {
|
|
7610
7662
|
let e = i.subtract({ months: 1 });
|
|
7611
7663
|
return {
|
|
7612
7664
|
from: di(he(e), n),
|
|
7613
|
-
to: di(
|
|
7665
|
+
to: di(de(e), n)
|
|
7614
7666
|
};
|
|
7615
7667
|
}
|
|
7616
7668
|
default: return {
|
|
@@ -7618,7 +7670,7 @@ var Hr = {
|
|
|
7618
7670
|
to: di(i, n)
|
|
7619
7671
|
};
|
|
7620
7672
|
}
|
|
7621
|
-
},
|
|
7673
|
+
}, bi = {
|
|
7622
7674
|
clearButton: "Clear",
|
|
7623
7675
|
customPresetLabel: "Custom",
|
|
7624
7676
|
doneButton: "Done",
|
|
@@ -7639,348 +7691,353 @@ var Hr = {
|
|
|
7639
7691
|
to: " to ",
|
|
7640
7692
|
todayButton: "Today",
|
|
7641
7693
|
utcTimeZoneLabel: "UTC"
|
|
7642
|
-
},
|
|
7643
|
-
let
|
|
7694
|
+
}, xi = ({ baseClass: t, currentMonth: n, date: r, state: i, timeZone: a }) => {
|
|
7695
|
+
let o = h(null), { buttonProps: s, cellProps: c, formattedDate: l, isDisabled: u, isOutsideVisibleRange: d, isSelected: f, isUnavailable: p } = Ee({ date: r }, i, o), m = r.month !== n.month || r.year !== n.year, g = "highlightedRange" in i ? i : null, _ = !!g?.highlightedRange && r.compare(g.highlightedRange.start) === 0, v = !!g?.highlightedRange && r.compare(g.highlightedRange.end) === 0, y = f && g && !_ && !v, b = d || m, x = r.compare(be(a)) === 0;
|
|
7644
7696
|
return /* @__PURE__ */ e.createElement("td", {
|
|
7645
|
-
...
|
|
7697
|
+
...c,
|
|
7646
7698
|
className: Z([
|
|
7647
7699
|
`${t}__cell`,
|
|
7648
|
-
|
|
7649
|
-
|
|
7650
|
-
|
|
7700
|
+
f && g && !b ? `${t}__cell--in-range` : null,
|
|
7701
|
+
_ && !b ? `${t}__cell--range-start` : null,
|
|
7702
|
+
v && !b ? `${t}__cell--range-end` : null
|
|
7651
7703
|
])
|
|
7652
7704
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
7653
|
-
...
|
|
7654
|
-
ref:
|
|
7705
|
+
...s,
|
|
7706
|
+
ref: o,
|
|
7655
7707
|
className: Z([
|
|
7656
7708
|
`${t}__day`,
|
|
7657
|
-
|
|
7658
|
-
|
|
7659
|
-
|
|
7660
|
-
|
|
7709
|
+
f && !y ? `${t}__day--selected` : null,
|
|
7710
|
+
x ? `${t}__day--today` : null,
|
|
7711
|
+
u ? `${t}__day--disabled` : null,
|
|
7712
|
+
p ? `${t}__day--unavailable` : null
|
|
7661
7713
|
]),
|
|
7662
|
-
hidden:
|
|
7663
|
-
},
|
|
7664
|
-
},
|
|
7665
|
-
let
|
|
7714
|
+
hidden: b
|
|
7715
|
+
}, l));
|
|
7716
|
+
}, Si = ({ baseClass: t, monthOffset: n = 0, state: r, timeZone: i }) => {
|
|
7717
|
+
let a = r.visibleRange.start.add({ months: n }), { gridProps: o, headerProps: s, weekDays: c, weeksInMonth: l } = De({ startDate: a }, r);
|
|
7666
7718
|
return /* @__PURE__ */ e.createElement("table", {
|
|
7667
|
-
...
|
|
7719
|
+
...o,
|
|
7668
7720
|
className: `${t}__grid`
|
|
7669
|
-
}, /* @__PURE__ */ e.createElement("thead",
|
|
7721
|
+
}, /* @__PURE__ */ e.createElement("thead", s, /* @__PURE__ */ e.createElement("tr", null, c.map((n, r) => /* @__PURE__ */ e.createElement("th", {
|
|
7670
7722
|
key: r,
|
|
7671
7723
|
className: `${t}__weekday`
|
|
7672
|
-
}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(
|
|
7673
|
-
key:
|
|
7724
|
+
}, n)))), /* @__PURE__ */ e.createElement("tbody", null, [...Array(l).keys()].map((n) => /* @__PURE__ */ e.createElement("tr", { key: n }, r.getDatesInWeek(n, a).map((n, o) => n ? /* @__PURE__ */ e.createElement(xi, {
|
|
7725
|
+
key: o,
|
|
7674
7726
|
baseClass: t,
|
|
7675
|
-
currentMonth:
|
|
7727
|
+
currentMonth: a,
|
|
7676
7728
|
date: n,
|
|
7677
|
-
state: r
|
|
7678
|
-
|
|
7679
|
-
}
|
|
7680
|
-
|
|
7681
|
-
|
|
7682
|
-
...
|
|
7683
|
-
|
|
7684
|
-
|
|
7685
|
-
|
|
7686
|
-
|
|
7687
|
-
|
|
7688
|
-
|
|
7729
|
+
state: r,
|
|
7730
|
+
timeZone: i
|
|
7731
|
+
}) : /* @__PURE__ */ e.createElement("td", { key: o }))))));
|
|
7732
|
+
}, Ci = ({ allowCustomRange: t = !0, allowDateRangeSelection: n = !0, className: r, disabled: i = !1, footerNote: a, id: o, inputWidth: s, label: c, locale: l, maxDate: d, message: f, minDate: p, mode: m = "single", onChange: _, placeholder: v, presets: y, required: b = !1, showLabel: x = !0, showPresetCalendar: S = !0, showTime: C = !1, showTimeZoneSwitcher: w = !1, timeZone: T = me(), tooltipText: E, translationStrings: D, validationMessage: O, validationStatus: k, value: A, visibleMonths: j = 2, ...M }) => {
|
|
7733
|
+
let N = m === "range", P = {
|
|
7734
|
+
...bi,
|
|
7735
|
+
...D
|
|
7736
|
+
}, F = N && !!y && y.length > 0;
|
|
7737
|
+
w && !C && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `showTimeZoneSwitcher` has no effect unless `showTime` is also true."), y && y.length > 0 && !N && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `presets` requires `mode=\"range\"` — every preset computes a date range."), !t && !F && process.env.NODE_ENV !== "production" && console.warn("[Datepicker] `allowCustomRange` has no effect unless `presets` is also set.");
|
|
7738
|
+
let { locale: I } = Ae(), L = l?.code ?? I, [R, z] = g(A), [B, V] = g("local"), H = w && B === "utc" ? "UTC" : T, [U, W] = g(void 0), [G, K] = g(S), q = !F || G, J = !F || S || t, ee = j === 1 ? N && C ? 400 : 280 : 550, te = h(null), ne = U === void 0 && (N ? !!R?.from : !!R), re = (e, t) => N && C ? e ?? t : e, [ie, ae] = g(() => re(mi(N ? A?.from : A, H), gi)), [oe, Y] = g(() => re(mi(A?.to, H), _i)), se = rn(s), X = "pds-datepicker", ce = i ? $.disabled : null, le = b && !i ? $.required : null, de = k === "error" ? $.error : null, fe = k === "success" ? $.success : null, pe = O || f, he = /* @__PURE__ */ e.createElement("div", { className: `${X}__timezone-switcher` }, /* @__PURE__ */ e.createElement("span", { className: `${X}__timezone-switcher-label` }, P.timeZoneSwitcherLabel), /* @__PURE__ */ e.createElement(nr, {
|
|
7739
|
+
id: `${o}-timezone-switcher`,
|
|
7740
|
+
label: P.timeZoneSwitcherLabel || "",
|
|
7741
|
+
onChange: (e) => V(e),
|
|
7689
7742
|
options: [{
|
|
7690
|
-
label:
|
|
7743
|
+
label: P.localTimeZoneLabel || "",
|
|
7691
7744
|
value: "local"
|
|
7692
7745
|
}, {
|
|
7693
|
-
label:
|
|
7746
|
+
label: P.utcTimeZoneLabel || "",
|
|
7694
7747
|
value: "utc"
|
|
7695
7748
|
}],
|
|
7696
7749
|
size: "s",
|
|
7697
|
-
value:
|
|
7698
|
-
})), { floatingStyles:
|
|
7750
|
+
value: B
|
|
7751
|
+
})), { floatingStyles: ge, getFloatingProps: _e, getReferenceProps: ve, isMounted: ye, isOpen: xe, refs: Ce, setIsOpen: Ee } = Pn({
|
|
7699
7752
|
enableListNavigation: !1,
|
|
7700
7753
|
offsetValue: 8,
|
|
7701
7754
|
placement: "bottom-start",
|
|
7702
7755
|
role: "dialog",
|
|
7703
7756
|
shiftPadding: 16,
|
|
7704
7757
|
variant: "default"
|
|
7705
|
-
}),
|
|
7706
|
-
|
|
7707
|
-
|
|
7758
|
+
}), De = ui(p, H), Oe = ui(d, H), ke = (e, t, n = !1) => {
|
|
7759
|
+
z(e), W(t), _?.(e), !N && n && setTimeout(() => {
|
|
7760
|
+
Ee(!1);
|
|
7708
7761
|
}, 300);
|
|
7709
|
-
},
|
|
7710
|
-
createCalendar:
|
|
7711
|
-
locale:
|
|
7712
|
-
maxValue:
|
|
7713
|
-
minValue:
|
|
7762
|
+
}, Me = Ne({
|
|
7763
|
+
createCalendar: ue,
|
|
7764
|
+
locale: L,
|
|
7765
|
+
maxValue: Oe,
|
|
7766
|
+
minValue: De,
|
|
7714
7767
|
onChange: (e) => {
|
|
7715
|
-
|
|
7768
|
+
N || ke(hi(e, C ? ie : void 0, H), void 0, !C);
|
|
7716
7769
|
},
|
|
7717
|
-
value:
|
|
7718
|
-
}),
|
|
7719
|
-
createCalendar:
|
|
7720
|
-
locale:
|
|
7721
|
-
maxValue:
|
|
7722
|
-
minValue:
|
|
7723
|
-
visibleDuration: { months:
|
|
7770
|
+
value: N ? null : ui(R, H) ?? null
|
|
7771
|
+
}), Fe = h(null), Ie = Pe({
|
|
7772
|
+
createCalendar: ue,
|
|
7773
|
+
locale: L,
|
|
7774
|
+
maxValue: Oe,
|
|
7775
|
+
minValue: De,
|
|
7776
|
+
visibleDuration: { months: j },
|
|
7724
7777
|
onChange: (e) => {
|
|
7725
|
-
|
|
7726
|
-
from: hi(e.start,
|
|
7727
|
-
to: hi(e.end,
|
|
7778
|
+
N && e && ke({
|
|
7779
|
+
from: hi(e.start, C ? ie : void 0, H),
|
|
7780
|
+
to: hi(e.end, C ? oe : void 0, H)
|
|
7728
7781
|
});
|
|
7729
7782
|
},
|
|
7730
|
-
value:
|
|
7731
|
-
let e =
|
|
7783
|
+
value: N ? (() => {
|
|
7784
|
+
let e = R, t = ui(e?.from, H), n = ui(e?.to, H);
|
|
7732
7785
|
return t && n ? {
|
|
7733
7786
|
start: t,
|
|
7734
7787
|
end: n
|
|
7735
7788
|
} : null;
|
|
7736
7789
|
})() : null
|
|
7737
|
-
}),
|
|
7790
|
+
}), Le = N ? Ie : Me, { calendarProps: Re, nextButtonProps: ze, prevButtonProps: Be } = Te({}, Me), { calendarProps: Ve, nextButtonProps: He, prevButtonProps: Ue } = je({}, Ie, Fe), We = N ? Ve : Re, Ge = N ? He : ze, Ke = N ? Ue : Be, qe = (e) => new Intl.DateTimeFormat(L, {
|
|
7738
7791
|
month: "long",
|
|
7739
7792
|
year: "numeric"
|
|
7740
|
-
}).format(e.toDate(
|
|
7741
|
-
|
|
7742
|
-
},
|
|
7743
|
-
|
|
7744
|
-
},
|
|
7745
|
-
let e = be(
|
|
7746
|
-
|
|
7747
|
-
},
|
|
7748
|
-
let t =
|
|
7749
|
-
locale:
|
|
7750
|
-
timeZone:
|
|
7793
|
+
}).format(e.toDate(me())), Je = N ? Array.from({ length: j }, (e, t) => t) : [0], Ye = Je.map((e) => qe(Le.visibleRange.start.add({ months: e }))), Xe = h(null), Ze = h(null), { buttonProps: Qe } = we(Ke, Xe), { buttonProps: $e } = we(Ge, Ze), et = () => {
|
|
7794
|
+
z(void 0), W(void 0), _?.(void 0), C && (ae(N ? gi : void 0), Y(N ? _i : void 0)), N ? Ie.setValue(null) : Me.setValue(null);
|
|
7795
|
+
}, tt = () => !N || !Ie.anchorDate ? !1 : (Ie.selectDate(Ie.anchorDate), !0), nt = () => {
|
|
7796
|
+
tt(), Ee(!1);
|
|
7797
|
+
}, rt = () => {
|
|
7798
|
+
let e = be(H);
|
|
7799
|
+
Le.setFocusedDate(e), N ? (Ie.setValue(null), z(void 0), W(void 0), _?.(void 0)) : (Me.setValue(e), ke(hi(e, C ? ie : void 0, H), void 0, !C));
|
|
7800
|
+
}, it = (e) => {
|
|
7801
|
+
let t = yi(e, {
|
|
7802
|
+
locale: L,
|
|
7803
|
+
timeZone: H
|
|
7751
7804
|
}), n = e.hours !== void 0 || e.minutes !== void 0;
|
|
7752
|
-
|
|
7753
|
-
from: hi(ui(t.from),
|
|
7754
|
-
to: hi(ui(t.to),
|
|
7805
|
+
K(S), C && n ? (ae(mi(t.from, H)), Y(mi(t.to, H)), ke(t, e.label)) : ke(C ? {
|
|
7806
|
+
from: hi(ui(t.from, H), ie, H),
|
|
7807
|
+
to: hi(ui(t.to, H), oe, H)
|
|
7755
7808
|
} : t, e.label);
|
|
7756
|
-
let r = ui(t.from);
|
|
7757
|
-
r &&
|
|
7758
|
-
|
|
7809
|
+
let r = ui(t.from, H);
|
|
7810
|
+
r && Le.setFocusedDate(r), S || setTimeout(() => {
|
|
7811
|
+
Ee(!1);
|
|
7759
7812
|
}, 300);
|
|
7760
|
-
},
|
|
7761
|
-
if (
|
|
7762
|
-
let t =
|
|
7763
|
-
t?.from && t?.to &&
|
|
7764
|
-
from: hi(ui(t.from), e,
|
|
7813
|
+
}, at = (e) => {
|
|
7814
|
+
if (ae(e), N) {
|
|
7815
|
+
let t = R;
|
|
7816
|
+
t?.from && t?.to && ke({
|
|
7817
|
+
from: hi(ui(t.from, H), e, H),
|
|
7765
7818
|
to: t.to
|
|
7766
7819
|
});
|
|
7767
7820
|
} else {
|
|
7768
|
-
let t =
|
|
7769
|
-
t &&
|
|
7821
|
+
let t = R;
|
|
7822
|
+
t && ke(hi(ui(t, H), e, H));
|
|
7770
7823
|
}
|
|
7771
|
-
},
|
|
7772
|
-
|
|
7773
|
-
let t =
|
|
7774
|
-
t?.from && t?.to &&
|
|
7824
|
+
}, ot = (e) => {
|
|
7825
|
+
Y(e);
|
|
7826
|
+
let t = R;
|
|
7827
|
+
t?.from && t?.to && ke({
|
|
7775
7828
|
from: t.from,
|
|
7776
|
-
to: hi(ui(t.to), e,
|
|
7829
|
+
to: hi(ui(t.to, H), e, H)
|
|
7777
7830
|
});
|
|
7778
7831
|
};
|
|
7779
7832
|
u(() => {
|
|
7780
|
-
|
|
7781
|
-
}, [
|
|
7782
|
-
if (
|
|
7783
|
-
let e =
|
|
7784
|
-
|
|
7785
|
-
} else
|
|
7833
|
+
z(A);
|
|
7834
|
+
}, [A]), u(() => {
|
|
7835
|
+
if (C) if (N) {
|
|
7836
|
+
let e = R;
|
|
7837
|
+
ae(mi(e?.from, H) ?? gi), Y(mi(e?.to, H) ?? _i);
|
|
7838
|
+
} else ae(mi(R, H));
|
|
7786
7839
|
}, [
|
|
7787
|
-
|
|
7788
|
-
|
|
7789
|
-
|
|
7790
|
-
|
|
7840
|
+
R,
|
|
7841
|
+
H,
|
|
7842
|
+
N,
|
|
7843
|
+
C
|
|
7844
|
+
]), u(() => {
|
|
7845
|
+
n || tt();
|
|
7846
|
+
}, [
|
|
7847
|
+
N,
|
|
7848
|
+
n,
|
|
7849
|
+
Ie.anchorDate
|
|
7791
7850
|
]), u(() => {
|
|
7792
|
-
if (
|
|
7793
|
-
let e = ui(
|
|
7794
|
-
|
|
7851
|
+
if (xe) {
|
|
7852
|
+
let e = ui(N ? R?.from : R, H);
|
|
7853
|
+
Le.setFocusedDate(e ?? be(H)), K(S);
|
|
7795
7854
|
}
|
|
7796
|
-
}, [
|
|
7797
|
-
|
|
7798
|
-
}, [
|
|
7799
|
-
let
|
|
7800
|
-
let t =
|
|
7855
|
+
}, [xe]), u(() => {
|
|
7856
|
+
te.current && (te.current.inert = !q);
|
|
7857
|
+
}, [q]);
|
|
7858
|
+
let st = () => {
|
|
7859
|
+
let t = y?.find((e) => e.label === U);
|
|
7801
7860
|
if (t) {
|
|
7802
7861
|
let e = t.hours !== void 0 || t.minutes !== void 0;
|
|
7803
7862
|
if (t.showLabelInTrigger ?? e) return t.label;
|
|
7804
7863
|
}
|
|
7805
|
-
if (
|
|
7806
|
-
let t =
|
|
7807
|
-
return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null,
|
|
7864
|
+
if (N) {
|
|
7865
|
+
let t = R;
|
|
7866
|
+
return t?.from ? t.to ? /* @__PURE__ */ e.createElement(e.Fragment, null, vi(t.from, l, H), /* @__PURE__ */ e.createElement("span", { className: `${X}__separator` }, " – "), vi(t.to, l, H)) : vi(t.from, l, H) : v || "";
|
|
7808
7867
|
} else {
|
|
7809
|
-
let e =
|
|
7810
|
-
return e ?
|
|
7868
|
+
let e = R;
|
|
7869
|
+
return e ? vi(e, l, H) : v || "";
|
|
7811
7870
|
}
|
|
7812
|
-
},
|
|
7813
|
-
if (
|
|
7814
|
-
let e =
|
|
7815
|
-
return !e?.from && t ? `${
|
|
7871
|
+
}, ct = () => N ? !R?.from : !R, lt = () => {
|
|
7872
|
+
if (N) {
|
|
7873
|
+
let e = R, t = Ie.anchorDate;
|
|
7874
|
+
return !e?.from && t ? `${P.selectedStartDate}${vi(di(t, H), l, H)}${P.pleaseSelectEndDate}` : e?.from ? e.to ? `${P.selectedDateRange}${vi(e.from, l, H)}${P.to}${vi(e.to, l, H)}` : `${P.selectedStartDate}${vi(e.from, l, H)}${P.pleaseSelectEndDate}` : P.noDateRangeSelected || "";
|
|
7816
7875
|
} else {
|
|
7817
|
-
let e =
|
|
7818
|
-
return e ? `${
|
|
7876
|
+
let e = R;
|
|
7877
|
+
return e ? `${P.selectedDate}${vi(e, l, H)}` : P.noDateSelected || "";
|
|
7819
7878
|
}
|
|
7820
|
-
},
|
|
7821
|
-
...
|
|
7822
|
-
ref:
|
|
7823
|
-
className: `${
|
|
7824
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${
|
|
7879
|
+
}, ut = N ? R : void 0, dt = /* @__PURE__ */ e.createElement("div", {
|
|
7880
|
+
...We,
|
|
7881
|
+
ref: N ? Fe : void 0,
|
|
7882
|
+
className: `${X}__calendar`
|
|
7883
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${X}__grids` }, Je.map((t, n) => /* @__PURE__ */ e.createElement("div", {
|
|
7825
7884
|
key: t,
|
|
7826
|
-
className: `${
|
|
7827
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${
|
|
7828
|
-
...
|
|
7829
|
-
ref:
|
|
7830
|
-
"aria-label":
|
|
7831
|
-
className: `${
|
|
7885
|
+
className: `${X}__month`
|
|
7886
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${X}__nav` }, n === 0 ? /* @__PURE__ */ e.createElement("button", {
|
|
7887
|
+
...Qe,
|
|
7888
|
+
ref: Xe,
|
|
7889
|
+
"aria-label": P.previousMonthLabel,
|
|
7890
|
+
className: `${X}__nav-button`,
|
|
7832
7891
|
type: "button"
|
|
7833
7892
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7834
7893
|
iconName: "angleLeft",
|
|
7835
7894
|
size: "m"
|
|
7836
7895
|
})) : /* @__PURE__ */ e.createElement("span", {
|
|
7837
7896
|
"aria-hidden": "true",
|
|
7838
|
-
className: `${
|
|
7897
|
+
className: `${X}__nav-button ${X}__nav-button-spacer`
|
|
7839
7898
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7840
7899
|
iconName: "angleLeft",
|
|
7841
7900
|
size: "m"
|
|
7842
|
-
})), /* @__PURE__ */ e.createElement("div", { className: `${
|
|
7843
|
-
|
|
7844
|
-
ref:
|
|
7845
|
-
"aria-label":
|
|
7846
|
-
className: `${
|
|
7901
|
+
})), /* @__PURE__ */ e.createElement("div", { className: `${X}__nav-title` }, Ye[n]), n === Je.length - 1 ? /* @__PURE__ */ e.createElement("button", {
|
|
7902
|
+
...$e,
|
|
7903
|
+
ref: Ze,
|
|
7904
|
+
"aria-label": P.nextMonthLabel,
|
|
7905
|
+
className: `${X}__nav-button`,
|
|
7847
7906
|
type: "button"
|
|
7848
7907
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7849
7908
|
iconName: "angleRight",
|
|
7850
7909
|
size: "m"
|
|
7851
7910
|
})) : /* @__PURE__ */ e.createElement("span", {
|
|
7852
7911
|
"aria-hidden": "true",
|
|
7853
|
-
className: `${
|
|
7912
|
+
className: `${X}__nav-button ${X}__nav-button-spacer`
|
|
7854
7913
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7855
7914
|
iconName: "angleRight",
|
|
7856
7915
|
size: "m"
|
|
7857
|
-
}))), /* @__PURE__ */ e.createElement(
|
|
7858
|
-
baseClass:
|
|
7916
|
+
}))), /* @__PURE__ */ e.createElement(Si, {
|
|
7917
|
+
baseClass: X,
|
|
7859
7918
|
monthOffset: t,
|
|
7860
|
-
state:
|
|
7861
|
-
|
|
7862
|
-
|
|
7863
|
-
|
|
7864
|
-
|
|
7865
|
-
|
|
7866
|
-
|
|
7867
|
-
|
|
7868
|
-
|
|
7869
|
-
|
|
7870
|
-
|
|
7871
|
-
|
|
7872
|
-
|
|
7873
|
-
|
|
7874
|
-
|
|
7875
|
-
|
|
7876
|
-
|
|
7877
|
-
|
|
7878
|
-
|
|
7879
|
-
|
|
7880
|
-
|
|
7881
|
-
|
|
7882
|
-
|
|
7883
|
-
label: M.timeLabel || "",
|
|
7884
|
-
onChange: et,
|
|
7919
|
+
state: Le,
|
|
7920
|
+
timeZone: H
|
|
7921
|
+
})))), C && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-section` }, N ? /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(li, {
|
|
7922
|
+
anchorDate: ui(ut?.from, H),
|
|
7923
|
+
id: `${o}-start-time`,
|
|
7924
|
+
label: P.startTimeLabel || "",
|
|
7925
|
+
onChange: at,
|
|
7926
|
+
size: "s",
|
|
7927
|
+
timeZone: H,
|
|
7928
|
+
value: ie
|
|
7929
|
+
}), /* @__PURE__ */ e.createElement(li, {
|
|
7930
|
+
anchorDate: ui(ut?.to, H),
|
|
7931
|
+
id: `${o}-end-time`,
|
|
7932
|
+
label: P.endTimeLabel || "",
|
|
7933
|
+
onChange: ot,
|
|
7934
|
+
size: "s",
|
|
7935
|
+
timeZone: H,
|
|
7936
|
+
value: oe
|
|
7937
|
+
})) : R && /* @__PURE__ */ e.createElement("div", { className: `${X}__time-fields` }, /* @__PURE__ */ e.createElement(li, {
|
|
7938
|
+
anchorDate: ui(R, H),
|
|
7939
|
+
id: `${o}-time`,
|
|
7940
|
+
label: P.timeLabel || "",
|
|
7941
|
+
onChange: at,
|
|
7885
7942
|
size: "s",
|
|
7886
|
-
timeZone:
|
|
7887
|
-
value:
|
|
7888
|
-
})),
|
|
7889
|
-
className: `${
|
|
7890
|
-
label:
|
|
7891
|
-
onClick:
|
|
7943
|
+
timeZone: H,
|
|
7944
|
+
value: ie
|
|
7945
|
+
})), w && !F && he), a && /* @__PURE__ */ e.createElement("div", { className: `${X}__footer-note` }, a), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions` }, /* @__PURE__ */ e.createElement(Dn, {
|
|
7946
|
+
className: `${X}__action-button ${X}__action-button--today`,
|
|
7947
|
+
label: P.todayButton,
|
|
7948
|
+
onClick: rt,
|
|
7892
7949
|
size: "s",
|
|
7893
7950
|
type: "button",
|
|
7894
7951
|
variant: "secondary"
|
|
7895
|
-
}), /* @__PURE__ */ e.createElement("div", { className: `${
|
|
7896
|
-
className: `${
|
|
7897
|
-
label:
|
|
7898
|
-
onClick:
|
|
7952
|
+
}), /* @__PURE__ */ e.createElement("div", { className: `${X}__actions-group` }, /* @__PURE__ */ e.createElement(Dn, {
|
|
7953
|
+
className: `${X}__action-button ${X}__action-button--clear`,
|
|
7954
|
+
label: P.clearButton,
|
|
7955
|
+
onClick: et,
|
|
7899
7956
|
size: "s",
|
|
7900
7957
|
type: "button",
|
|
7901
7958
|
variant: "secondary"
|
|
7902
|
-
}), (
|
|
7903
|
-
className: `${
|
|
7904
|
-
label:
|
|
7905
|
-
onClick:
|
|
7959
|
+
}), (N || C) && /* @__PURE__ */ e.createElement(Dn, {
|
|
7960
|
+
className: `${X}__action-button ${X}__action-button--done`,
|
|
7961
|
+
label: P.doneButton,
|
|
7962
|
+
onClick: nt,
|
|
7906
7963
|
size: "s",
|
|
7907
7964
|
type: "button",
|
|
7908
7965
|
variant: "highlight"
|
|
7909
7966
|
}))));
|
|
7910
|
-
return /* @__PURE__ */ e.createElement(Se, { locale:
|
|
7967
|
+
return /* @__PURE__ */ e.createElement(Se, { locale: L }, /* @__PURE__ */ e.createElement("div", {
|
|
7911
7968
|
className: Z([
|
|
7912
7969
|
$.base,
|
|
7913
|
-
Y,
|
|
7914
|
-
ae,
|
|
7915
|
-
oe,
|
|
7916
7970
|
X,
|
|
7917
|
-
|
|
7918
|
-
|
|
7971
|
+
ce,
|
|
7972
|
+
de,
|
|
7973
|
+
le,
|
|
7974
|
+
fe,
|
|
7975
|
+
r ?? ""
|
|
7919
7976
|
]),
|
|
7920
|
-
style:
|
|
7921
|
-
...
|
|
7977
|
+
style: s ? se : null,
|
|
7978
|
+
...M
|
|
7922
7979
|
}, /* @__PURE__ */ e.createElement(sn, {
|
|
7923
|
-
disabled:
|
|
7924
|
-
id:
|
|
7925
|
-
label:
|
|
7926
|
-
required:
|
|
7927
|
-
showLabel:
|
|
7928
|
-
tooltipText:
|
|
7929
|
-
}), /* @__PURE__ */ e.createElement("div", { className: `${
|
|
7930
|
-
ref:
|
|
7931
|
-
"aria-describedby":
|
|
7932
|
-
"aria-expanded":
|
|
7980
|
+
disabled: i,
|
|
7981
|
+
id: o,
|
|
7982
|
+
label: c,
|
|
7983
|
+
required: b,
|
|
7984
|
+
showLabel: x,
|
|
7985
|
+
tooltipText: E
|
|
7986
|
+
}), /* @__PURE__ */ e.createElement("div", { className: `${X}__input-wrapper` }, /* @__PURE__ */ e.createElement("button", {
|
|
7987
|
+
ref: Ce.setReference,
|
|
7988
|
+
"aria-describedby": pe ? `${o}__message` : null,
|
|
7989
|
+
"aria-expanded": xe,
|
|
7933
7990
|
"aria-haspopup": "dialog",
|
|
7934
|
-
"aria-invalid":
|
|
7935
|
-
className: Z([`${
|
|
7936
|
-
disabled:
|
|
7991
|
+
"aria-invalid": k === "error" ? !0 : null,
|
|
7992
|
+
className: Z([`${X}__trigger`, xe ? `${X}__trigger--open` : null]),
|
|
7993
|
+
disabled: i,
|
|
7937
7994
|
type: "button",
|
|
7938
|
-
...
|
|
7995
|
+
...ve()
|
|
7939
7996
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
7940
|
-
className: `${
|
|
7997
|
+
className: `${X}__trigger-icon`,
|
|
7941
7998
|
iconName: "calendarDays"
|
|
7942
|
-
}), /* @__PURE__ */ e.createElement("span", { className: Z([`${
|
|
7943
|
-
hasValidationMessage: !!
|
|
7944
|
-
id:
|
|
7945
|
-
message:
|
|
7946
|
-
validationStatus:
|
|
7947
|
-
}),
|
|
7948
|
-
ref:
|
|
7949
|
-
className: `${
|
|
7950
|
-
style:
|
|
7951
|
-
...
|
|
7952
|
-
},
|
|
7953
|
-
"aria-label":
|
|
7954
|
-
className: `${
|
|
7999
|
+
}), /* @__PURE__ */ e.createElement("span", { className: Z([`${X}__trigger-text`, ct() ? `${X}__trigger-text--placeholder` : null]) }, st()))), pe && /* @__PURE__ */ e.createElement(cn, {
|
|
8000
|
+
hasValidationMessage: !!O,
|
|
8001
|
+
id: o,
|
|
8002
|
+
message: pe,
|
|
8003
|
+
validationStatus: k
|
|
8004
|
+
}), ye && /* @__PURE__ */ e.createElement("div", {
|
|
8005
|
+
ref: Ce.setFloating,
|
|
8006
|
+
className: `${X}__popover`,
|
|
8007
|
+
style: ge,
|
|
8008
|
+
..._e()
|
|
8009
|
+
}, F && /* @__PURE__ */ e.createElement("div", { className: Z([`${X}__presets`, q ? null : `${X}__presets--collapsed`]) }, /* @__PURE__ */ e.createElement("div", {
|
|
8010
|
+
"aria-label": P.presetsGroupLabel,
|
|
8011
|
+
className: `${X}__preset-list`,
|
|
7955
8012
|
role: "group"
|
|
7956
|
-
},
|
|
8013
|
+
}, y?.map((t) => /* @__PURE__ */ e.createElement("button", {
|
|
7957
8014
|
key: t.label,
|
|
7958
|
-
"aria-pressed":
|
|
7959
|
-
className: Z([`${
|
|
7960
|
-
onClick: () =>
|
|
8015
|
+
"aria-pressed": U === t.label,
|
|
8016
|
+
className: Z([`${X}__preset-item`, U === t.label ? `${X}__preset-item--active` : null]),
|
|
8017
|
+
onClick: () => it(t),
|
|
7961
8018
|
type: "button"
|
|
7962
|
-
}, t.label)), /* @__PURE__ */ e.createElement("div", {
|
|
8019
|
+
}, t.label)), t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
|
|
7963
8020
|
"aria-hidden": "true",
|
|
7964
|
-
className: `${
|
|
8021
|
+
className: `${X}__preset-divider`
|
|
7965
8022
|
}), /* @__PURE__ */ e.createElement("button", {
|
|
7966
|
-
"aria-pressed":
|
|
7967
|
-
className: Z([`${
|
|
8023
|
+
"aria-pressed": ne,
|
|
8024
|
+
className: Z([`${X}__preset-item`, ne ? `${X}__preset-item--active` : null]),
|
|
7968
8025
|
onClick: () => {
|
|
7969
|
-
|
|
8026
|
+
W(void 0), K(!0);
|
|
7970
8027
|
},
|
|
7971
8028
|
type: "button"
|
|
7972
|
-
},
|
|
8029
|
+
}, P.customPresetLabel, !S && /* @__PURE__ */ e.createElement(Q, {
|
|
7973
8030
|
iconName: "angleRight",
|
|
7974
8031
|
size: "s"
|
|
7975
|
-
}))),
|
|
7976
|
-
ref:
|
|
7977
|
-
className: `${
|
|
7978
|
-
style: { flexBasis:
|
|
8032
|
+
})))), C && w && he), /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, lt()), F ? J && /* @__PURE__ */ e.createElement("div", {
|
|
8033
|
+
ref: te,
|
|
8034
|
+
className: `${X}__calendar-wrapper`,
|
|
8035
|
+
style: { flexBasis: q ? ee : 0 }
|
|
7979
8036
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
7980
|
-
className: `${
|
|
7981
|
-
style: { width:
|
|
7982
|
-
},
|
|
7983
|
-
},
|
|
8037
|
+
className: `${X}__calendar-wrapper-inner`,
|
|
8038
|
+
style: { width: ee }
|
|
8039
|
+
}, dt)) : dt)));
|
|
8040
|
+
}, wi = o(({ accept: t, className: n, defaultValue: r, disabled: i = !1, fieldLabel: a, id: o, inputProps: s, inputWidth: c, labelStrings: l = {
|
|
7984
8041
|
chooseFile: "Choose file",
|
|
7985
8042
|
clearButton: "Clear selected file"
|
|
7986
8043
|
}, message: d, multiple: f = !1, onClear: p, onFileChange: m, required: h = !1, showFullPath: _, showLabel: v = !0, size: y = "s", tooltipText: b = null, validationMessage: x, validationStatus: S, ...C }, w) => {
|
|
@@ -8064,7 +8121,7 @@ var Hr = {
|
|
|
8064
8121
|
validationMessageHasDecorators: !1,
|
|
8065
8122
|
validationStatus: S
|
|
8066
8123
|
}));
|
|
8067
|
-
}),
|
|
8124
|
+
}), Ti = ({ children: t, className: n, ...r }) => {
|
|
8068
8125
|
let i = "pds-input-group", a = [t[0], t[1]], o = t[0].props.id ?? null, s = t[0].props.message ?? null, c = t[0].props.validationMessage ?? null, l = t[0].props.validationStatus ?? null, u = c || s, d = u ? `${i}--has-message` : null;
|
|
8069
8126
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8070
8127
|
className: Z([
|
|
@@ -8081,7 +8138,7 @@ var Hr = {
|
|
|
8081
8138
|
validationMessageHasDecorators: !1,
|
|
8082
8139
|
validationStatus: l
|
|
8083
8140
|
}));
|
|
8084
|
-
},
|
|
8141
|
+
}, Ei = ({ className: t, defaultValue: n, disabled: r = !1, fieldsetProps: i, id: a, inputWidth: o, label: s, labelVariant: c, message: l, onBlur: u, onChange: d, onValueChange: f, options: p, required: m = !1, showLabel: h = !0, tooltipText: _ = null, validationMessage: v, validationStatus: y, value: b, ...x }) => {
|
|
8085
8142
|
let S = "pds-radio-group", C = r ? $.disabled : null, w = m && !r ? $.required : null, T = y === "error" ? $.error : null, E = y === "success" ? $.success : null, D = b !== void 0, [O, k] = g(n === void 0 ? "" : n), A = v || l, j = (e) => {
|
|
8086
8143
|
D || k(e.target.value), d && d(e), f && f(e.target.value);
|
|
8087
8144
|
}, M = (e) => {
|
|
@@ -8131,7 +8188,7 @@ var Hr = {
|
|
|
8131
8188
|
message: A,
|
|
8132
8189
|
validationStatus: y
|
|
8133
8190
|
}));
|
|
8134
|
-
},
|
|
8191
|
+
}, Di = o(({ checked: t, className: n, defaultChecked: r, disabled: i = !1, id: a, inputProps: o, inputWidth: s, label: c, message: l, offLabel: u = "Off", onChange: d, onLabel: f = "On", required: p = !1, showLabel: m = !0, showStatusLabel: h = !0, statusLabelPlacement: _ = "right", switchPlacement: v = "right", ...y }, b) => {
|
|
8135
8192
|
let x = rn(s), S = "pds-switch", C = `${S}--${v}`, w = l ? `${S}--message` : null, T = i ? $.disabled : null, E = p && !i ? $.required : null, D = t !== void 0, [O, k] = g(!D && r ? r : !1), A = t || O ? f : u, j = (e) => {
|
|
8136
8193
|
D || k(e.target.checked), d && d(e);
|
|
8137
8194
|
}, M = h ? /* @__PURE__ */ e.createElement("span", {
|
|
@@ -8186,7 +8243,7 @@ var Hr = {
|
|
|
8186
8243
|
required: p,
|
|
8187
8244
|
showLabel: m
|
|
8188
8245
|
}), /* @__PURE__ */ e.createElement("div", { className: `${S}__content` }, F, P));
|
|
8189
|
-
}),
|
|
8246
|
+
}), Oi = ({ disabled: t, dropTargetDirection: n, focusedIndex: r, index: i, isDragging: a, isSortable: o, onDragEnd: s, onDragOver: c, onDragStart: l, onFocusInput: d, onKeyboardMove: f, onRemove: p, setFocusedIndex: m, tag: g, totalTags: _, translationStrings: v }) => {
|
|
8190
8247
|
let y = h(null), b = "pds-tags-input__tag";
|
|
8191
8248
|
u(() => {
|
|
8192
8249
|
r === i && y.current && y.current.focus();
|
|
@@ -8253,7 +8310,7 @@ var Hr = {
|
|
|
8253
8310
|
iconName: "xmark",
|
|
8254
8311
|
size: "s"
|
|
8255
8312
|
})));
|
|
8256
|
-
},
|
|
8313
|
+
}, ki = o(({ addMorePlaceholder: t = "Add another", className: n, disabled: r = !1, id: i, inputMinHeight: a, inputWidth: o, isSortable: s = !1, label: c, message: l, onChange: u, placeholder: d, required: f = !1, showLabel: p = !0, size: m = "s", tags: _, tooltipText: v = null, translationStrings: y = {
|
|
8257
8314
|
inputInstructions: "Type a tag name and press Enter to add. Press Backspace on empty input to remove last tag. Press left arrow on empty input to navigate to tags.",
|
|
8258
8315
|
tagAriaLabel: "tag {index} of {total}. Press Shift plus arrow keys to reorder, Delete to remove.",
|
|
8259
8316
|
tagAriaLabelSimple: "tag {index} of {total}. Press Delete to remove.",
|
|
@@ -8282,11 +8339,11 @@ var Hr = {
|
|
|
8282
8339
|
}, ie = (e) => {
|
|
8283
8340
|
let t = _.find((t) => t.id === e);
|
|
8284
8341
|
q(_.filter((t) => t.id !== e)), t && K(`${t.value} removed`);
|
|
8285
|
-
},
|
|
8342
|
+
}, ae = () => {
|
|
8286
8343
|
V(null), setTimeout(() => {
|
|
8287
8344
|
W.current?.focus();
|
|
8288
8345
|
}, 0);
|
|
8289
|
-
},
|
|
8346
|
+
}, oe = (e) => {
|
|
8290
8347
|
if (!r) if (e.key === "Enter" && M.trim()) {
|
|
8291
8348
|
e.preventDefault();
|
|
8292
8349
|
let t = {
|
|
@@ -8339,7 +8396,7 @@ var Hr = {
|
|
|
8339
8396
|
return P && P !== t.id && (I === t.id && R === "before" ? i = "before" : I === t.id && R === "after" && n === _.length - 1 ? i = "after" : n > 0 && I === _[n - 1].id && R === "after" && (i = "before")), /* @__PURE__ */ e.createElement("div", {
|
|
8340
8397
|
key: t.id,
|
|
8341
8398
|
role: "listitem"
|
|
8342
|
-
}, /* @__PURE__ */ e.createElement(
|
|
8399
|
+
}, /* @__PURE__ */ e.createElement(Oi, {
|
|
8343
8400
|
disabled: r,
|
|
8344
8401
|
dropTargetDirection: i,
|
|
8345
8402
|
focusedIndex: B,
|
|
@@ -8349,7 +8406,7 @@ var Hr = {
|
|
|
8349
8406
|
onDragEnd: ee,
|
|
8350
8407
|
onDragOver: te,
|
|
8351
8408
|
onDragStart: J,
|
|
8352
|
-
onFocusInput:
|
|
8409
|
+
onFocusInput: ae,
|
|
8353
8410
|
onKeyboardMove: re,
|
|
8354
8411
|
onRemove: ie,
|
|
8355
8412
|
setFocusedIndex: V,
|
|
@@ -8368,7 +8425,7 @@ var Hr = {
|
|
|
8368
8425
|
id: i,
|
|
8369
8426
|
name: i,
|
|
8370
8427
|
onChange: (e) => N(e.target.value),
|
|
8371
|
-
onKeyDown:
|
|
8428
|
+
onKeyDown: oe,
|
|
8372
8429
|
placeholder: G,
|
|
8373
8430
|
required: f,
|
|
8374
8431
|
type: "text",
|
|
@@ -8383,7 +8440,7 @@ var Hr = {
|
|
|
8383
8440
|
validationMessageHasDecorators: !1,
|
|
8384
8441
|
validationStatus: x
|
|
8385
8442
|
}));
|
|
8386
|
-
}),
|
|
8443
|
+
}), Ai = o(({ className: t, counterMaxLength: n, defaultValue: r, disabled: i = !1, id: a, inputWidth: o, isResizable: s = !0, label: c, message: l, onBlur: u, onChange: d, onFocus: f, placeholder: p, readonly: m = !1, required: h = !1, rows: _ = 5, showLabel: v, size: y = "s", textareaProps: b, tooltipText: x = null, translationStrings: S = {
|
|
8387
8444
|
clearButton: "Clear input text",
|
|
8388
8445
|
counterOverLimit: "Character limit exceeded by",
|
|
8389
8446
|
searchShortcut: "Press / to focus the search field",
|
|
@@ -8447,7 +8504,7 @@ var Hr = {
|
|
|
8447
8504
|
message: L,
|
|
8448
8505
|
validationStatus: w
|
|
8449
8506
|
}));
|
|
8450
|
-
}),
|
|
8507
|
+
}), ji = () => /* @__PURE__ */ e.createElement("div", { className: "pds-text-input__url-prefix" }, "https://"), Mi = o(({ autoComplete: t, className: n, counterMaxLength: r, defaultValue: i, disabled: a = !1, hasClearButton: o = !1, hasSearchShortcut: s = !1, hasUrlPrefix: c = !1, id: l, inputProps: u, inputWidth: d, label: f, message: p, onBlur: m, onChange: h, onClear: _, onFocus: v, placeholder: y, readonly: b = !1, required: x = !1, searchIcon: S = "search", showLabel: C = !0, showVisibilityToggle: w = !1, size: T = "s", tooltipText: E = null, translationStrings: D = {
|
|
8451
8508
|
clearButton: "Clear input text",
|
|
8452
8509
|
counterOverLimit: "Character limit exceeded by",
|
|
8453
8510
|
searchShortcut: "Press / to focus the search field",
|
|
@@ -8483,12 +8540,12 @@ var Hr = {
|
|
|
8483
8540
|
G || q(""), _ && _();
|
|
8484
8541
|
let e = document.getElementById(l);
|
|
8485
8542
|
e && e.focus();
|
|
8486
|
-
}, [re, ie] = g(!1),
|
|
8543
|
+
}, [re, ie] = g(!1), ae = () => {
|
|
8487
8544
|
ie((e) => !e);
|
|
8488
8545
|
let e = document.getElementById(l);
|
|
8489
8546
|
e && e.focus();
|
|
8490
|
-
},
|
|
8491
|
-
return w && O === "password" && (
|
|
8547
|
+
}, oe = O;
|
|
8548
|
+
return w && O === "password" && (oe = re ? "text" : "password"), /* @__PURE__ */ e.createElement("div", {
|
|
8492
8549
|
className: Z([
|
|
8493
8550
|
$.base,
|
|
8494
8551
|
F,
|
|
@@ -8513,7 +8570,7 @@ var Hr = {
|
|
|
8513
8570
|
}), w && O === "password" && /* @__PURE__ */ e.createElement("div", {
|
|
8514
8571
|
"aria-live": "polite",
|
|
8515
8572
|
className: "visually-hidden"
|
|
8516
|
-
}, `${D.visibilityStatus} ${re ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(
|
|
8573
|
+
}, `${D.visibilityStatus} ${re ? "visible" : "hidden"}.`), /* @__PURE__ */ e.createElement("div", { className: `${F}__input-wrapper ${c && O === "url" ? `${F}__input-wrapper--has-prefix` : ""}` }, U && /* @__PURE__ */ e.createElement(un, { variant: U }), c && O === "url" && /* @__PURE__ */ e.createElement(ji, null), /* @__PURE__ */ e.createElement("input", {
|
|
8517
8574
|
ref: N,
|
|
8518
8575
|
"aria-describedby": W ? `${l}__message` : null,
|
|
8519
8576
|
"aria-invalid": A === "error" ? !0 : null,
|
|
@@ -8528,7 +8585,7 @@ var Hr = {
|
|
|
8528
8585
|
placeholder: y,
|
|
8529
8586
|
readOnly: b,
|
|
8530
8587
|
required: x,
|
|
8531
|
-
type:
|
|
8588
|
+
type: oe,
|
|
8532
8589
|
value: G ? j : K,
|
|
8533
8590
|
...u
|
|
8534
8591
|
}), o && J && /* @__PURE__ */ e.createElement(fn, {
|
|
@@ -8538,7 +8595,7 @@ var Hr = {
|
|
|
8538
8595
|
}), w && O === "password" && /* @__PURE__ */ e.createElement("button", {
|
|
8539
8596
|
"aria-controls": l,
|
|
8540
8597
|
className: `${F}__visibility-toggle`,
|
|
8541
|
-
onClick:
|
|
8598
|
+
onClick: ae,
|
|
8542
8599
|
onMouseDown: (e) => e.preventDefault(),
|
|
8543
8600
|
title: re ? D.visibilityToggleHide : D.visibilityToggleShow,
|
|
8544
8601
|
type: "button"
|
|
@@ -8560,7 +8617,7 @@ var Hr = {
|
|
|
8560
8617
|
validationMessageHasDecorators: !1,
|
|
8561
8618
|
validationStatus: A
|
|
8562
8619
|
}));
|
|
8563
|
-
}),
|
|
8620
|
+
}), Ni = ({ className: t, linkContent: n, size: r = "s", ...i }) => {
|
|
8564
8621
|
let a = "pds-cta-link", o = r === "s" ? null : `${a}--${r}`;
|
|
8565
8622
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8566
8623
|
className: Z([
|
|
@@ -8574,7 +8631,7 @@ var Hr = {
|
|
|
8574
8631
|
iconName: "arrowRight",
|
|
8575
8632
|
size: r === "xs" ? "s" : r === "s" ? "m" : "l"
|
|
8576
8633
|
}));
|
|
8577
|
-
},
|
|
8634
|
+
}, Pi = ({ children: t, className: n, fontSize: r, isLoading: i, newWindowText: a = "opens in a new window", url: o, ...s }) => {
|
|
8578
8635
|
let c = "pds-link-new-window", l = r ? `${c}--${r}` : null;
|
|
8579
8636
|
return i ? /* @__PURE__ */ e.createElement("span", {
|
|
8580
8637
|
"aria-hidden": "true",
|
|
@@ -8601,11 +8658,11 @@ var Hr = {
|
|
|
8601
8658
|
className: `${c}__icon`,
|
|
8602
8659
|
iconName: "externalLink"
|
|
8603
8660
|
}));
|
|
8604
|
-
},
|
|
8661
|
+
}, Fi = ({ className: t, destination: n = "main", text: r = "Skip to main content", ...i }) => /* @__PURE__ */ e.createElement("a", {
|
|
8605
8662
|
className: Z(["pds-skiplink", t]),
|
|
8606
8663
|
href: `#${n}`,
|
|
8607
8664
|
...i
|
|
8608
|
-
}, r),
|
|
8665
|
+
}, r), Ii = ({ alt: t = "", className: n, height: r, srcFallback: i, srcWebp: a, width: o, ...s }) => {
|
|
8609
8666
|
let c = "pds-picture";
|
|
8610
8667
|
return /* @__PURE__ */ e.createElement("picture", { className: Z([c, n ?? ""]) }, /* @__PURE__ */ e.createElement("source", {
|
|
8611
8668
|
srcSet: a,
|
|
@@ -8618,7 +8675,7 @@ var Hr = {
|
|
|
8618
8675
|
width: o,
|
|
8619
8676
|
...s
|
|
8620
8677
|
}));
|
|
8621
|
-
},
|
|
8678
|
+
}, Li = ({ ariaLabel: t = "Breadcrumb", className: n, crumbs: i, ...a }) => {
|
|
8622
8679
|
let o = "pds-breadcrumb", c = i.length, l = i.map((t, n) => {
|
|
8623
8680
|
if (n < c - 1) return /* @__PURE__ */ e.createElement("li", {
|
|
8624
8681
|
key: n,
|
|
@@ -8637,36 +8694,36 @@ var Hr = {
|
|
|
8637
8694
|
className: Z([o, n]),
|
|
8638
8695
|
...a
|
|
8639
8696
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${o}__crumbs` }, l));
|
|
8640
|
-
},
|
|
8697
|
+
}, Ri = (e) => {
|
|
8641
8698
|
if (!e) return null;
|
|
8642
8699
|
for (let t = 0; t < e.length; t++) {
|
|
8643
|
-
if (
|
|
8700
|
+
if (Bi(e[t])) return typeof e[t].linkContent == "string" ? null : e[t].linkContent;
|
|
8644
8701
|
if (e[t].links) {
|
|
8645
|
-
let n =
|
|
8702
|
+
let n = Ri(e[t].links);
|
|
8646
8703
|
if (n) return n;
|
|
8647
8704
|
}
|
|
8648
8705
|
}
|
|
8649
8706
|
return null;
|
|
8650
|
-
},
|
|
8651
|
-
if (
|
|
8707
|
+
}, zi = (e) => typeof e == "string" ? e : e.props.children, Bi = (e) => e.isSeparator || e.isHeading || typeof e.linkContent == "string" ? !1 : !!(e.isActive || e.linkContent.props.className && e.linkContent.props.className.includes("pds-isActive")), Vi = (e) => {
|
|
8708
|
+
if (Bi(e)) return !0;
|
|
8652
8709
|
if (e.links) {
|
|
8653
|
-
for (let t = 0; t < e.links.length; t++) if (
|
|
8710
|
+
for (let t = 0; t < e.links.length; t++) if (Vi(e.links[t])) return !0;
|
|
8654
8711
|
}
|
|
8655
8712
|
return !1;
|
|
8656
|
-
},
|
|
8713
|
+
}, Hi = (e) => e.map((e) => `${Bi(e)}${e.links ? `[${Hi(e.links)}]` : ""}`).join("|"), Ui = (e) => {
|
|
8657
8714
|
if (s(e)) {
|
|
8658
8715
|
let t = e.type;
|
|
8659
8716
|
return t === "a" || typeof t == "string" && t.toLowerCase() === "a" || (typeof t == "function" || typeof t == "object") && t?.displayName === "Link";
|
|
8660
8717
|
}
|
|
8661
8718
|
return !1;
|
|
8662
|
-
},
|
|
8719
|
+
}, Wi = (e, t) => {
|
|
8663
8720
|
let n = null;
|
|
8664
8721
|
if (typeof e == "string" && t) {
|
|
8665
8722
|
let i = t ? t[0].linkContent : null;
|
|
8666
8723
|
s(i) && (n = r(i, { ...typeof e == "string" ? { children: e } : {} }));
|
|
8667
8724
|
} else n = e;
|
|
8668
8725
|
return n;
|
|
8669
|
-
},
|
|
8726
|
+
}, Gi = (t, n, i, a) => {
|
|
8670
8727
|
let o = null;
|
|
8671
8728
|
if (typeof n == "string") {
|
|
8672
8729
|
let c = a ? [/* @__PURE__ */ e.createElement("span", {
|
|
@@ -8691,7 +8748,7 @@ var Hr = {
|
|
|
8691
8748
|
iconName: a,
|
|
8692
8749
|
size: "m"
|
|
8693
8750
|
})), /* @__PURE__ */ e.createElement("span", { className: `${t}__link-label` }, n.props.children))] })) : n), o;
|
|
8694
|
-
},
|
|
8751
|
+
}, Ki = ({ ariaLabel: t, border: n = !1, className: r, menuItems: i, ...a }) => {
|
|
8695
8752
|
let o = h(null), s = "pds-button-nav", c = n ? `${s}--bordered` : null;
|
|
8696
8753
|
u(() => {
|
|
8697
8754
|
let e = (e) => {
|
|
@@ -8710,11 +8767,11 @@ var Hr = {
|
|
|
8710
8767
|
return /* @__PURE__ */ e.createElement("li", { className: Z([r, t ? `${r}--active` : null]) }, n);
|
|
8711
8768
|
}, d = i.length > 0 ? /* @__PURE__ */ e.createElement("ul", { className: `${s}__menu` }, i.map((t, n) => /* @__PURE__ */ e.createElement(l, {
|
|
8712
8769
|
key: n,
|
|
8713
|
-
isActive:
|
|
8770
|
+
isActive: Vi(t),
|
|
8714
8771
|
linkContent: t.linkContent
|
|
8715
8772
|
}))) : null, f = [];
|
|
8716
8773
|
i.map((e) => {
|
|
8717
|
-
e.linkContent && (
|
|
8774
|
+
e.linkContent && (Vi(e) ? f.unshift({
|
|
8718
8775
|
linkContent: e.linkContent,
|
|
8719
8776
|
isLink: !0
|
|
8720
8777
|
}) : f.push({
|
|
@@ -8738,8 +8795,8 @@ var Hr = {
|
|
|
8738
8795
|
]),
|
|
8739
8796
|
...a
|
|
8740
8797
|
}, d, p);
|
|
8741
|
-
},
|
|
8742
|
-
let s = "pds-dropdown-menu", c =
|
|
8798
|
+
}, qi = ({ className: t, headingText: n, menuItems: i, selectTextFallback: a = "Navigate to...", ...o }) => {
|
|
8799
|
+
let s = "pds-dropdown-menu", c = Ri(i), l = c ? c.props.children : a, u = /* @__PURE__ */ e.createElement(Gn, { className: `pds-dropdown__selected-icon ${s}__active-icon` }), { activeIndex: d, floatingStyles: f, getFloatingProps: p, getItemProps: m, getReferenceProps: h, isMounted: g, listRef: _, refs: v, setIsOpen: y, transitionStyles: b } = Pn({
|
|
8743
8800
|
enableTypeahead: !0,
|
|
8744
8801
|
role: "menu"
|
|
8745
8802
|
}), x = (e) => {
|
|
@@ -8747,7 +8804,7 @@ var Hr = {
|
|
|
8747
8804
|
}, C = (e) => {
|
|
8748
8805
|
e.key === "Enter" && _.current[d]?.querySelector("a")?.click();
|
|
8749
8806
|
}, w = ({ item: e, level: t }) => {
|
|
8750
|
-
let n =
|
|
8807
|
+
let n = Wi(e.linkContent, e.links);
|
|
8751
8808
|
return {
|
|
8752
8809
|
...e,
|
|
8753
8810
|
level: t,
|
|
@@ -8838,7 +8895,7 @@ var Hr = {
|
|
|
8838
8895
|
tabIndex: d === n ? 0 : -1,
|
|
8839
8896
|
...m({ onKeyDown: C })
|
|
8840
8897
|
}, t.linkContent, t.isActive === !0 && u)))));
|
|
8841
|
-
},
|
|
8898
|
+
}, Ji = ({ children: t, className: n, width: r = "standard", ...i }) => {
|
|
8842
8899
|
let a = "pds-container", o = r === "standard" ? null : `${a}--${r}`;
|
|
8843
8900
|
return /* @__PURE__ */ e.createElement("div", {
|
|
8844
8901
|
className: Z([
|
|
@@ -8848,7 +8905,7 @@ var Hr = {
|
|
|
8848
8905
|
]),
|
|
8849
8906
|
...i
|
|
8850
8907
|
}, t);
|
|
8851
|
-
},
|
|
8908
|
+
}, Yi = ({ children: t, className: n, colorType: r = "default", containerWidth: i = "x-wide", hideBorder: a, inlinePadding: o, translationStrings: s = {
|
|
8852
8909
|
closeMobileNav: "Close navigation area",
|
|
8853
8910
|
openMobileNav: "Open navigation area"
|
|
8854
8911
|
}, ...c }) => {
|
|
@@ -8904,7 +8961,7 @@ var Hr = {
|
|
|
8904
8961
|
n ?? ""
|
|
8905
8962
|
]),
|
|
8906
8963
|
...c
|
|
8907
|
-
}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__bar-mobile` }, /* @__PURE__ */ e.createElement(
|
|
8964
|
+
}, f ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__bar-mobile` }, /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement("div", { className: `${h}__inner-mobile` }, C, k && A))), /* @__PURE__ */ e.createElement(Le, {
|
|
8908
8965
|
active: l,
|
|
8909
8966
|
focusTrapOptions: {
|
|
8910
8967
|
clickOutsideDeactivates: !0,
|
|
@@ -8914,11 +8971,11 @@ var Hr = {
|
|
|
8914
8971
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
8915
8972
|
className: Z([`${h}__mobile`, l ? `${h}__mobile--open` : null]),
|
|
8916
8973
|
inert: l ? void 0 : ""
|
|
8917
|
-
}, /* @__PURE__ */ e.createElement(
|
|
8974
|
+
}, /* @__PURE__ */ e.createElement(Ji, null, /* @__PURE__ */ e.createElement("button", {
|
|
8918
8975
|
className: "visually-hidden",
|
|
8919
8976
|
onClick: b,
|
|
8920
8977
|
type: "button"
|
|
8921
|
-
}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(
|
|
8978
|
+
}, s.closeMobileNav), w, T, E)))) : /* @__PURE__ */ e.createElement(Ji, {
|
|
8922
8979
|
className: `${h}__inner`,
|
|
8923
8980
|
style: o ? { paddingInline: o } : void 0,
|
|
8924
8981
|
width: i
|
|
@@ -8926,14 +8983,14 @@ var Hr = {
|
|
|
8926
8983
|
"aria-hidden": "true",
|
|
8927
8984
|
className: `${h}__separator`
|
|
8928
8985
|
}), w && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-left` }, w)), T && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-center` }, T), E && /* @__PURE__ */ e.createElement("div", { className: `${h}__items-right` }, E)));
|
|
8929
|
-
},
|
|
8986
|
+
}, Xi = ({ ariaLabel: t, className: n, hasMobileDropdown: i = !1, headingText: a, labels: o = {
|
|
8930
8987
|
submenu: "submenu",
|
|
8931
8988
|
toggle: "Toggle"
|
|
8932
8989
|
}, menuItems: c, mobileMenuSelectTextFallback: l = "Navigate to...", ...d }) => {
|
|
8933
8990
|
let f = "pds-side-nav", p = i ? `${f}--has-mobile-dropdown` : null, m = `${f}__item`, h = `${f}__menu`, [_, v] = g({});
|
|
8934
8991
|
u(() => {
|
|
8935
8992
|
v((e) => Object.keys(e).length ? {} : e);
|
|
8936
|
-
}, [
|
|
8993
|
+
}, [Hi(c)]);
|
|
8937
8994
|
let y = (e, t) => t in _ ? _[t] : e, b = (e, t) => {
|
|
8938
8995
|
v((n) => {
|
|
8939
8996
|
let r = t in n ? n[t] : e;
|
|
@@ -8943,7 +9000,7 @@ var Hr = {
|
|
|
8943
9000
|
};
|
|
8944
9001
|
});
|
|
8945
9002
|
}, x = (t, n) => {
|
|
8946
|
-
let { linkContent: i, links: a } = t, c =
|
|
9003
|
+
let { linkContent: i, links: a } = t, c = Vi(t), l = Ui(i), u = y(c, n);
|
|
8947
9004
|
return /* @__PURE__ */ e.createElement("li", {
|
|
8948
9005
|
key: n,
|
|
8949
9006
|
className: Z([
|
|
@@ -8956,7 +9013,7 @@ var Hr = {
|
|
|
8956
9013
|
`${f}__row`,
|
|
8957
9014
|
`${f}__row--expandable`,
|
|
8958
9015
|
`${m}-wrapper`
|
|
8959
|
-
]) },
|
|
9016
|
+
]) }, Wi(i, a), /* @__PURE__ */ e.createElement("button", {
|
|
8960
9017
|
"aria-expanded": u,
|
|
8961
9018
|
className: Z([`${f}__toggle`, u ? `${f}__toggle--expanded` : null]),
|
|
8962
9019
|
onClick: () => b(c, n),
|
|
@@ -8964,7 +9021,7 @@ var Hr = {
|
|
|
8964
9021
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
8965
9022
|
iconName: "angleDown",
|
|
8966
9023
|
size: "m"
|
|
8967
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${
|
|
9024
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${zi(i)} ${o.submenu}`))), /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
8968
9025
|
h,
|
|
8969
9026
|
`${h}--second-level`,
|
|
8970
9027
|
u ? `${h}--expanded` : null
|
|
@@ -8973,9 +9030,9 @@ var Hr = {
|
|
|
8973
9030
|
className: Z([
|
|
8974
9031
|
m,
|
|
8975
9032
|
`${m}--second-level`,
|
|
8976
|
-
|
|
9033
|
+
Vi(t) ? `${m}--active` : null
|
|
8977
9034
|
])
|
|
8978
|
-
},
|
|
9035
|
+
}, Wi(t.linkContent, t.links))))) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("button", {
|
|
8979
9036
|
"aria-expanded": u,
|
|
8980
9037
|
className: Z([
|
|
8981
9038
|
`${f}__row`,
|
|
@@ -8989,7 +9046,7 @@ var Hr = {
|
|
|
8989
9046
|
}, s(i) && i.type === "span" ? r(i, { className: Z([i.props.className, `${f}__toggle-content`]) }) : /* @__PURE__ */ e.createElement("span", { className: `${f}__toggle-content` }, i), /* @__PURE__ */ e.createElement(Q, {
|
|
8990
9047
|
iconName: "angleDown",
|
|
8991
9048
|
size: "m"
|
|
8992
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${
|
|
9049
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${o.toggle} ${zi(i)} ${o.submenu}`)), /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
8993
9050
|
h,
|
|
8994
9051
|
`${h}--second-level`,
|
|
8995
9052
|
u ? `${h}--expanded` : null
|
|
@@ -8998,10 +9055,10 @@ var Hr = {
|
|
|
8998
9055
|
className: Z([
|
|
8999
9056
|
m,
|
|
9000
9057
|
`${m}--second-level`,
|
|
9001
|
-
|
|
9058
|
+
Vi(t) ? `${m}--active` : null
|
|
9002
9059
|
])
|
|
9003
|
-
},
|
|
9004
|
-
}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(
|
|
9060
|
+
}, Wi(t.linkContent, t.links))))) : i);
|
|
9061
|
+
}, S = /* @__PURE__ */ e.createElement(e.Fragment, null, a && /* @__PURE__ */ e.createElement("h2", { className: `${f}__heading` }, a), c.length > 0 && /* @__PURE__ */ e.createElement("ul", { className: `${f}__menu ${f}__menu--top-level` }, c.map((e, t) => x(e, t)))), C = /* @__PURE__ */ e.createElement(qi, {
|
|
9005
9062
|
className: `${f}__mobile`,
|
|
9006
9063
|
headingText: a,
|
|
9007
9064
|
menuItems: c,
|
|
@@ -9016,8 +9073,8 @@ var Hr = {
|
|
|
9016
9073
|
]),
|
|
9017
9074
|
...d
|
|
9018
9075
|
}, S, i && C);
|
|
9019
|
-
},
|
|
9020
|
-
let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` },
|
|
9076
|
+
}, Zi = ({ icon: t, isActive: n, isExpanded: r, isSidebarCollapsed: i, labels: a, linkContent: o, links: s, onExpandSidebar: c, onToggleExpand: l }) => {
|
|
9077
|
+
let d = "pds-side-nav-global", f = `${d}__item`, p = `${d}__menu`, m = /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Gi(d, o, s, t)), _ = (t, n) => /* @__PURE__ */ e.createElement("ul", { className: Z([
|
|
9021
9078
|
p,
|
|
9022
9079
|
`${p}--${n}`,
|
|
9023
9080
|
r ? `${p}--expanded` : null
|
|
@@ -9026,7 +9083,7 @@ var Hr = {
|
|
|
9026
9083
|
className: Z([
|
|
9027
9084
|
f,
|
|
9028
9085
|
`${f}--${n}`,
|
|
9029
|
-
|
|
9086
|
+
Vi(t) ? `${f}--active` : null
|
|
9030
9087
|
])
|
|
9031
9088
|
}, t.linkContent))), [v, y] = g(!1), b = h(v), x = h(!1), { context: C, floatingStyles: k, refs: A } = M({
|
|
9032
9089
|
placement: "right-start",
|
|
@@ -9080,7 +9137,7 @@ var Hr = {
|
|
|
9080
9137
|
...F(),
|
|
9081
9138
|
onClick: z,
|
|
9082
9139
|
onKeyDown: L
|
|
9083
|
-
}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` },
|
|
9140
|
+
}, s ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${f}-wrapper` }, Gi(d, o, s, t), !i && /* @__PURE__ */ e.createElement("button", {
|
|
9084
9141
|
"aria-expanded": r,
|
|
9085
9142
|
className: Z([`${d}__toggle`, r ? `${d}__toggle--expanded` : null]),
|
|
9086
9143
|
onClick: l,
|
|
@@ -9088,13 +9145,13 @@ var Hr = {
|
|
|
9088
9145
|
}, /* @__PURE__ */ e.createElement(Q, {
|
|
9089
9146
|
iconName: "angleDown",
|
|
9090
9147
|
size: "m"
|
|
9091
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${
|
|
9148
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${a.toggle} ${zi(o)} ${a.submenu}`))), !i && _(s, "second-level"), i && v && /* @__PURE__ */ e.createElement(S, null, /* @__PURE__ */ e.createElement("div", {
|
|
9092
9149
|
ref: A.setFloating,
|
|
9093
9150
|
className: `${d}__flyout`,
|
|
9094
9151
|
style: k,
|
|
9095
9152
|
...N()
|
|
9096
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` },
|
|
9097
|
-
content:
|
|
9153
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${d}__flyout-heading` }, zi(o)), _(s, "second-level-flyout")))) : /* @__PURE__ */ e.createElement(e.Fragment, null, i ? /* @__PURE__ */ e.createElement(nn, {
|
|
9154
|
+
content: zi(o),
|
|
9098
9155
|
customTrigger: m,
|
|
9099
9156
|
offsetValue: {
|
|
9100
9157
|
mainAxis: 8,
|
|
@@ -9102,14 +9159,14 @@ var Hr = {
|
|
|
9102
9159
|
},
|
|
9103
9160
|
preferredPlacement: "right"
|
|
9104
9161
|
}) : m));
|
|
9105
|
-
},
|
|
9162
|
+
}, Qi = ({ ariaLabel: t, className: n, isSidebarCollapsed: r, labels: i = {
|
|
9106
9163
|
submenu: "submenu",
|
|
9107
9164
|
toggle: "Toggle"
|
|
9108
9165
|
}, menuItems: a, onExpandSidebar: o, ...s }) => {
|
|
9109
9166
|
let c = "pds-side-nav-global", l = r ? `${c}--collapsed` : `${c}--expanded`, [d, f] = g({});
|
|
9110
9167
|
u(() => {
|
|
9111
9168
|
f((e) => Object.keys(e).length ? {} : e);
|
|
9112
|
-
}, [
|
|
9169
|
+
}, [Hi(a)]);
|
|
9113
9170
|
let p = (e, t) => t in d ? d[t] : e, m = (e, t) => {
|
|
9114
9171
|
f((n) => {
|
|
9115
9172
|
let r = t in n ? n[t] : e;
|
|
@@ -9130,8 +9187,8 @@ var Hr = {
|
|
|
9130
9187
|
className: `${c}__section-label`,
|
|
9131
9188
|
role: "presentation"
|
|
9132
9189
|
}, t.label);
|
|
9133
|
-
let a =
|
|
9134
|
-
return /* @__PURE__ */ e.createElement(
|
|
9190
|
+
let a = Vi(t);
|
|
9191
|
+
return /* @__PURE__ */ e.createElement(Zi, {
|
|
9135
9192
|
key: n,
|
|
9136
9193
|
icon: t.icon,
|
|
9137
9194
|
isActive: a,
|
|
@@ -9153,7 +9210,7 @@ var Hr = {
|
|
|
9153
9210
|
]),
|
|
9154
9211
|
...s
|
|
9155
9212
|
}, h);
|
|
9156
|
-
},
|
|
9213
|
+
}, $i = ({ items: t, label: n }) => {
|
|
9157
9214
|
let r = h(null), i = "pds-nav-menu", a = t && t.length > 0, { floatingStyles: o, getFloatingProps: s, getReferenceProps: c, isOpen: l, refs: u } = Pn({
|
|
9158
9215
|
offsetValue: 8,
|
|
9159
9216
|
openOnHover: !Xt()
|
|
@@ -9190,7 +9247,7 @@ var Hr = {
|
|
|
9190
9247
|
key: n,
|
|
9191
9248
|
className: `${i}__item ${t.isSeparator ? "pds-dropdown__separator" : `pds-dropdown__item${f(t) ? " pds-dropdown__item--active" : ""}`}`
|
|
9192
9249
|
}, !t.isSeparator && t.linkContent)))));
|
|
9193
|
-
},
|
|
9250
|
+
}, ea = ({ ariaLabel: t = "Main Navigation", className: n, menuItems: r, ...i }) => {
|
|
9194
9251
|
let [a, o] = g(null), [s, c] = g(-1), [l, f] = g(null), [p, m] = g({
|
|
9195
9252
|
container: null,
|
|
9196
9253
|
containerChildren: []
|
|
@@ -9237,7 +9294,7 @@ var Hr = {
|
|
|
9237
9294
|
},
|
|
9238
9295
|
className: `${v}__item ${v}__item--top-level ${v}__item--has-children ${x(t) === !0 ? `${v}__item--active` : ""}`,
|
|
9239
9296
|
id: i
|
|
9240
|
-
}, /* @__PURE__ */ e.createElement(
|
|
9297
|
+
}, /* @__PURE__ */ e.createElement($i, {
|
|
9241
9298
|
items: t.links,
|
|
9242
9299
|
label: t.label
|
|
9243
9300
|
}))) : S.push(/* @__PURE__ */ e.createElement("li", {
|
|
@@ -9256,14 +9313,14 @@ var Hr = {
|
|
|
9256
9313
|
},
|
|
9257
9314
|
...i
|
|
9258
9315
|
}, /* @__PURE__ */ e.createElement("ul", { className: `${v}__menu` }, S));
|
|
9259
|
-
},
|
|
9316
|
+
}, ta = ({ buttonLabel: t = "Toggle dropdown", filterLabel: n = "Filter items", filterPlaceholder: r = "Filter items...", links: i, minFilterItems: a = 5, noResultsText: o = "No results found" }) => {
|
|
9260
9317
|
let [s, c] = g(i), [l, d] = g(""), f = i.length >= a, p = "pds-tab-menu", m = `${p}__dropdown-menu`, h = f ? `${m}--scroll` : null, _ = `${p}__dropdown-item`, { activeIndex: v, floatingStyles: y, getFloatingProps: b, getItemProps: x, getReferenceProps: C, isMounted: w, isOpen: T, listRef: E, refs: D, setActiveIndex: O, transitionStyles: k } = Pn({
|
|
9261
9318
|
offsetValue: 8,
|
|
9262
9319
|
placement: "bottom-start",
|
|
9263
9320
|
role: "listbox"
|
|
9264
9321
|
}), A = (e) => {
|
|
9265
9322
|
e.preventDefault(), e.key === "Enter" && E.current[v].querySelector("a")?.click(), e.key === "Tab" && e.shiftKey && f && document.getElementById("links-filter").focus();
|
|
9266
|
-
}, j = (e, t) =>
|
|
9323
|
+
}, j = (e, t) => zi(e.linkContent).toLowerCase().includes(t.toLowerCase()), M = (e) => {
|
|
9267
9324
|
let t = e.target.value;
|
|
9268
9325
|
d(t), c(i.filter((e) => j(e, t)));
|
|
9269
9326
|
};
|
|
@@ -9274,11 +9331,11 @@ var Hr = {
|
|
|
9274
9331
|
d(""), c(i);
|
|
9275
9332
|
}, P = {
|
|
9276
9333
|
minWidth: "13rem",
|
|
9277
|
-
width: `${
|
|
9334
|
+
width: `${zi(i.reduce((e, t) => zi(e.linkContent).length > zi(t.linkContent).length ? e : t).linkContent).length + 2}ch`
|
|
9278
9335
|
}, F = /* @__PURE__ */ e.createElement(Q, {
|
|
9279
9336
|
className: `${p}__active-icon`,
|
|
9280
9337
|
iconName: "check"
|
|
9281
|
-
}), I = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(
|
|
9338
|
+
}), I = f && /* @__PURE__ */ e.createElement("div", { className: `${p}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
|
|
9282
9339
|
hasClearButton: !0,
|
|
9283
9340
|
autoComplete: "off",
|
|
9284
9341
|
id: "links-filter",
|
|
@@ -9321,9 +9378,9 @@ var Hr = {
|
|
|
9321
9378
|
zIndex: "var(--pds-z-index-dropdown)"
|
|
9322
9379
|
} })
|
|
9323
9380
|
}, /* @__PURE__ */ e.createElement("div", { style: { ...k } }, I, /* @__PURE__ */ e.createElement("ul", { className: Z([m, h]) }, L.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: `${p}__no-results` }, o) : L)))));
|
|
9324
|
-
},
|
|
9381
|
+
}, na = ({ ariaLabel: t, className: n, menuItems: i, ...a }) => {
|
|
9325
9382
|
let o = "pds-tab-menu", c = ({ dropdownSettings: t, icon: n, isActive: i, linkContent: a, links: c, promoteActiveChildLink: l = !1 }) => {
|
|
9326
|
-
let u = `${o}__item`, d =
|
|
9383
|
+
let u = `${o}__item`, d = Ri(c);
|
|
9327
9384
|
return /* @__PURE__ */ e.createElement("li", { className: Z([u, i ? `${u}--active` : null]) }, ((t, n) => {
|
|
9328
9385
|
let i = null;
|
|
9329
9386
|
return s(t) && (i = n ? r(t, Object.assign({}, t.props, { children: [/* @__PURE__ */ e.createElement("span", {
|
|
@@ -9334,7 +9391,7 @@ var Hr = {
|
|
|
9334
9391
|
iconName: n,
|
|
9335
9392
|
size: "m"
|
|
9336
9393
|
}), t.props.children)] })) : t), i;
|
|
9337
|
-
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(
|
|
9394
|
+
})(l ? d : a, n), c && /* @__PURE__ */ e.createElement(ta, {
|
|
9338
9395
|
buttonLabel: t?.buttonLabel,
|
|
9339
9396
|
filterLabel: t?.filterLabel,
|
|
9340
9397
|
filterPlaceholder: t?.filterPlaceholder,
|
|
@@ -9346,7 +9403,7 @@ var Hr = {
|
|
|
9346
9403
|
key: n,
|
|
9347
9404
|
dropdownSettings: t.dropdownSettings,
|
|
9348
9405
|
icon: t.icon,
|
|
9349
|
-
isActive:
|
|
9406
|
+
isActive: Vi(t),
|
|
9350
9407
|
linkContent: t.linkContent,
|
|
9351
9408
|
links: t.links,
|
|
9352
9409
|
promoteActiveChildLink: t.promoteActiveChildLink
|
|
@@ -9356,11 +9413,11 @@ var Hr = {
|
|
|
9356
9413
|
className: Z([o, n ?? ""]),
|
|
9357
9414
|
...a
|
|
9358
9415
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__mobile-menu-wrapper` }, l));
|
|
9359
|
-
},
|
|
9416
|
+
}, ra = {
|
|
9360
9417
|
2: "second",
|
|
9361
9418
|
3: "third",
|
|
9362
9419
|
4: "fourth"
|
|
9363
|
-
},
|
|
9420
|
+
}, ia = ({ ariaLabel: t, className: n, headingText: r, labels: i = {
|
|
9364
9421
|
submenu: "submenu",
|
|
9365
9422
|
toggle: "Toggle"
|
|
9366
9423
|
}, menuItems: a, ...o }) => {
|
|
@@ -9480,7 +9537,7 @@ var Hr = {
|
|
|
9480
9537
|
display: "none"
|
|
9481
9538
|
}), b();
|
|
9482
9539
|
}, j = (t, n, r) => {
|
|
9483
|
-
let a =
|
|
9540
|
+
let a = ra[t], o = `${l}--${a}-level`, u = `${c}--${a}-level`, d = t + 1, f = Vi(n);
|
|
9484
9541
|
if (_.current && n.path) {
|
|
9485
9542
|
let e = _.current.querySelector(`.${c}[data-item-path="${n.path}"]`);
|
|
9486
9543
|
if (e) {
|
|
@@ -9497,7 +9554,7 @@ var Hr = {
|
|
|
9497
9554
|
iconName: "angleDown",
|
|
9498
9555
|
size: "s",
|
|
9499
9556
|
verticalAlign: "-0.0625rem"
|
|
9500
|
-
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${
|
|
9557
|
+
}), /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, `${i.toggle} ${zi(n.linkContent)} ${i.submenu}`)), Wi(n.linkContent, n.links)), /* @__PURE__ */ e.createElement("ul", {
|
|
9501
9558
|
className: Z([
|
|
9502
9559
|
l,
|
|
9503
9560
|
o,
|
|
@@ -9505,7 +9562,7 @@ var Hr = {
|
|
|
9505
9562
|
]),
|
|
9506
9563
|
role: "group"
|
|
9507
9564
|
}, n.links.map((t, n) => {
|
|
9508
|
-
let r =
|
|
9565
|
+
let r = Vi(t);
|
|
9509
9566
|
return /* @__PURE__ */ e.createElement("li", {
|
|
9510
9567
|
key: `${n}-${a}`,
|
|
9511
9568
|
"aria-expanded": t.links ? r : void 0,
|
|
@@ -9517,10 +9574,10 @@ var Hr = {
|
|
|
9517
9574
|
]),
|
|
9518
9575
|
"data-item-path": t.path || "",
|
|
9519
9576
|
role: "treeitem"
|
|
9520
|
-
}, t.links && d in
|
|
9577
|
+
}, t.links && d in ra ? j(d, t, t.links) : t.linkContent);
|
|
9521
9578
|
})));
|
|
9522
9579
|
}, M = (t, n) => {
|
|
9523
|
-
let { linkContent: r, links: i } = t, a =
|
|
9580
|
+
let { linkContent: r, links: i } = t, a = Vi(t);
|
|
9524
9581
|
return /* @__PURE__ */ e.createElement("li", {
|
|
9525
9582
|
key: n,
|
|
9526
9583
|
"aria-expanded": i ? a : void 0,
|
|
@@ -9549,11 +9606,11 @@ var Hr = {
|
|
|
9549
9606
|
className: `${s}__menu ${s}__menu--top-level`,
|
|
9550
9607
|
role: "tree"
|
|
9551
9608
|
}, a.map((e, t) => M(e, t))));
|
|
9552
|
-
},
|
|
9609
|
+
}, aa = {
|
|
9553
9610
|
light: "sunBright",
|
|
9554
9611
|
dark: "moon",
|
|
9555
9612
|
system: "circleHalfStroke"
|
|
9556
|
-
},
|
|
9613
|
+
}, oa = ({ className: t, id: n = "theme-switcher-menu", labelStrings: r = {
|
|
9557
9614
|
light: "Light",
|
|
9558
9615
|
dark: "Dark",
|
|
9559
9616
|
system: "System"
|
|
@@ -9565,7 +9622,7 @@ var Hr = {
|
|
|
9565
9622
|
];
|
|
9566
9623
|
if (s === "toggle") {
|
|
9567
9624
|
let s = d.map((e) => ({
|
|
9568
|
-
iconName:
|
|
9625
|
+
iconName: aa[e],
|
|
9569
9626
|
label: r[e],
|
|
9570
9627
|
value: e
|
|
9571
9628
|
}));
|
|
@@ -9584,7 +9641,7 @@ var Hr = {
|
|
|
9584
9641
|
}
|
|
9585
9642
|
let f = d.map((e) => ({
|
|
9586
9643
|
callback: () => i?.(e),
|
|
9587
|
-
iconName:
|
|
9644
|
+
iconName: aa[e],
|
|
9588
9645
|
iconSize: "m",
|
|
9589
9646
|
label: r[e]
|
|
9590
9647
|
}));
|
|
@@ -9596,7 +9653,7 @@ var Hr = {
|
|
|
9596
9653
|
customTrigger: /* @__PURE__ */ e.createElement(tr, {
|
|
9597
9654
|
iconOnly: !0,
|
|
9598
9655
|
"aria-label": u,
|
|
9599
|
-
iconName:
|
|
9656
|
+
iconName: aa[o],
|
|
9600
9657
|
id: n,
|
|
9601
9658
|
label: "",
|
|
9602
9659
|
menuItems: f,
|
|
@@ -9605,7 +9662,7 @@ var Hr = {
|
|
|
9605
9662
|
offsetValue: 0,
|
|
9606
9663
|
preferredPlacement: "top"
|
|
9607
9664
|
}));
|
|
9608
|
-
},
|
|
9665
|
+
}, sa = ({ ariaLabel: t = "User menu", className: n, menuItems: r = [], onThemeChange: i, theme: a, themeLabel: o = "Theme", themeLabelStrings: s, userEmail: c, userImageSrc: l, userName: u, ...f }) => {
|
|
9609
9666
|
let [p, m] = g(null), [_, v] = g(!1), y = h([]), b = h([]), x = d(), C = "pds-user-menu", D = `${C}__menu`, { context: k, floatingStyles: N, refs: P } = M({
|
|
9610
9667
|
placement: "bottom-end",
|
|
9611
9668
|
open: _,
|
|
@@ -9650,7 +9707,7 @@ var Hr = {
|
|
|
9650
9707
|
}, /* @__PURE__ */ e.createElement("div", { className: `${C}__user-name` }, u), /* @__PURE__ */ e.createElement("div", { className: `${C}__user-email` }, c)), te = a !== void 0 && typeof i == "function" ? /* @__PURE__ */ e.createElement("li", {
|
|
9651
9708
|
className: `${C}__theme-row`,
|
|
9652
9709
|
role: "presentation"
|
|
9653
|
-
}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(
|
|
9710
|
+
}, /* @__PURE__ */ e.createElement("span", { className: `${C}__theme-label` }, o), /* @__PURE__ */ e.createElement(oa, {
|
|
9654
9711
|
id: `${x}-theme`,
|
|
9655
9712
|
labelStrings: s,
|
|
9656
9713
|
onChange: i,
|
|
@@ -9669,7 +9726,7 @@ var Hr = {
|
|
|
9669
9726
|
e.preventDefault(), e.key === "Enter" && ne(e.currentTarget.id);
|
|
9670
9727
|
}, ie = (e) => {
|
|
9671
9728
|
ne(e.currentTarget.id);
|
|
9672
|
-
},
|
|
9729
|
+
}, ae = r.map((t, n) => {
|
|
9673
9730
|
let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
|
|
9674
9731
|
return /* @__PURE__ */ e.createElement("li", {
|
|
9675
9732
|
key: r,
|
|
@@ -9688,7 +9745,7 @@ var Hr = {
|
|
|
9688
9745
|
iconName: t.iconName,
|
|
9689
9746
|
size: "m"
|
|
9690
9747
|
}));
|
|
9691
|
-
}),
|
|
9748
|
+
}), oe = r.map((t, n) => {
|
|
9692
9749
|
let r = y.current[n], i = `${C}__item`, a = t.disabled ? `${i}--disabled` : null;
|
|
9693
9750
|
return /* @__PURE__ */ e.createElement("li", {
|
|
9694
9751
|
key: r,
|
|
@@ -9704,14 +9761,14 @@ var Hr = {
|
|
|
9704
9761
|
iconName: t.iconName,
|
|
9705
9762
|
size: "m"
|
|
9706
9763
|
}));
|
|
9707
|
-
}),
|
|
9764
|
+
}), Y = /* @__PURE__ */ e.createElement("span", { className: `${C}__toggle-left` }, J, u ?? c);
|
|
9708
9765
|
return /* @__PURE__ */ e.createElement("span", {
|
|
9709
9766
|
className: Z([C, n ?? ""]),
|
|
9710
9767
|
...f
|
|
9711
|
-
}, /* @__PURE__ */ e.createElement(qn, { label:
|
|
9768
|
+
}, /* @__PURE__ */ e.createElement(qn, { label: Y }, /* @__PURE__ */ e.createElement("ul", {
|
|
9712
9769
|
className: Z([D, `${D}--mobile`]),
|
|
9713
9770
|
role: "menu"
|
|
9714
|
-
}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te,
|
|
9771
|
+
}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, oe)), /* @__PURE__ */ e.createElement("button", {
|
|
9715
9772
|
ref: P.setReference,
|
|
9716
9773
|
"aria-label": t,
|
|
9717
9774
|
className: `${C}__trigger`,
|
|
@@ -9728,8 +9785,8 @@ var Hr = {
|
|
|
9728
9785
|
}, /* @__PURE__ */ e.createElement("div", { style: { ...q } }, /* @__PURE__ */ e.createElement("ul", {
|
|
9729
9786
|
className: D,
|
|
9730
9787
|
role: "menu"
|
|
9731
|
-
}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te,
|
|
9732
|
-
},
|
|
9788
|
+
}, ee, /* @__PURE__ */ e.createElement("li", { role: "separator" }), te, ae)))));
|
|
9789
|
+
}, ca = ({ ariaLabel: t = "Workspace selector menu", className: n, createWorkspaceLink: r, filterLabel: i = "Filter workspaces", filterPlaceholder: a = "Find workspace...", menuHeading: o = "Workspaces", minFilterItems: s = 8, noResultsText: c = "No results found", workspaceList: l = [], ...u }) => {
|
|
9733
9790
|
let [d, f] = g(""), [_, v] = g(""), y = h(null), b = l.length >= s, x = "pds-workspace-selector", C = `${x}__menu`, w = b ? `${C}--scroll` : null, { activeIndex: T, floatingStyles: E, getFloatingProps: D, getItemProps: O, getReferenceProps: k, isMounted: A, listRef: j, refs: M, setIsOpen: N, transitionStyles: P } = Pn({
|
|
9734
9791
|
enableTypeahead: !b,
|
|
9735
9792
|
role: "menu"
|
|
@@ -9832,7 +9889,7 @@ var Hr = {
|
|
|
9832
9889
|
return /* @__PURE__ */ e.createElement("span", {
|
|
9833
9890
|
className: Z([x, n]),
|
|
9834
9891
|
...u
|
|
9835
|
-
}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(
|
|
9892
|
+
}, /* @__PURE__ */ e.createElement(qn, { label: W() }, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
|
|
9836
9893
|
hasClearButton: !0,
|
|
9837
9894
|
id: "workspace-filter-mobile",
|
|
9838
9895
|
label: i,
|
|
@@ -9869,7 +9926,7 @@ var Hr = {
|
|
|
9869
9926
|
zIndex: "var(--pds-z-index-dropdown)"
|
|
9870
9927
|
},
|
|
9871
9928
|
...D()
|
|
9872
|
-
}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(
|
|
9929
|
+
}, b && /* @__PURE__ */ e.createElement("div", { className: `${x}__filter` }, /* @__PURE__ */ e.createElement(Mi, {
|
|
9873
9930
|
hasClearButton: !0,
|
|
9874
9931
|
id: "workspace-filter",
|
|
9875
9932
|
label: i,
|
|
@@ -9885,12 +9942,12 @@ var Hr = {
|
|
|
9885
9942
|
className: `pds-dropdown__heading ${x}__item-heading`,
|
|
9886
9943
|
role: "presentation"
|
|
9887
9944
|
}, o), V.length === 0 ? /* @__PURE__ */ e.createElement("p", { className: "pds-dropdown__no-results" }, c) : V), U)));
|
|
9888
|
-
},
|
|
9945
|
+
}, la = {
|
|
9889
9946
|
info: "circleInfo",
|
|
9890
9947
|
warning: "triangleExclamation",
|
|
9891
9948
|
critical: "diamondExclamation",
|
|
9892
9949
|
discovery: "bullhorn"
|
|
9893
|
-
},
|
|
9950
|
+
}, ua = 200, da = 50, fa = ({ banners: t, className: n, dataContext: r = "product", dismissLabel: i = "Dismiss", labelNext: a = "Go to next message", labelPrevious: o = "Go to previous message", typeLabels: s = {
|
|
9894
9951
|
...Jn,
|
|
9895
9952
|
neutral: "Notice"
|
|
9896
9953
|
}, ...c }) => {
|
|
@@ -9909,21 +9966,21 @@ var Hr = {
|
|
|
9909
9966
|
}, w = d[0].type, T = w ? `${x}-group--${w}` : null, E = (e) => 500 - e, D = (e) => e === 0 ? 0 : -1, O = () => {
|
|
9910
9967
|
m(d[0].id), setTimeout(() => {
|
|
9911
9968
|
f((e) => [...e.slice(1), e[0]]), m(null);
|
|
9912
|
-
},
|
|
9969
|
+
}, ua);
|
|
9913
9970
|
}, k = () => {
|
|
9914
9971
|
y({
|
|
9915
9972
|
[d[0].id]: 502,
|
|
9916
9973
|
[d[b - 1].id]: 501
|
|
9917
9974
|
}), setTimeout(() => {
|
|
9918
9975
|
m(d[0].id);
|
|
9919
|
-
},
|
|
9976
|
+
}, da), setTimeout(() => {
|
|
9920
9977
|
f((e) => [e[e.length - 1], ...e.slice(0, e.length - 1)]), m(null), y({});
|
|
9921
|
-
},
|
|
9978
|
+
}, ua);
|
|
9922
9979
|
}, A = (t, n) => {
|
|
9923
9980
|
let { iconName: r, id: a, isDismissible: o, message: c, onDismiss: u, type: d } = t, m = d === "critical" ? "alert" : "status", g = `${s[d]}: `, y = (e) => {
|
|
9924
9981
|
e.preventDefault(), _(a), setTimeout(() => {
|
|
9925
9982
|
u?.(), _(null), f((e) => e.filter((e) => e.id !== a));
|
|
9926
|
-
},
|
|
9983
|
+
}, ua);
|
|
9927
9984
|
}, b = v[a] ?? E(n);
|
|
9928
9985
|
return /* @__PURE__ */ e.createElement("div", {
|
|
9929
9986
|
key: a,
|
|
@@ -9938,7 +9995,7 @@ var Hr = {
|
|
|
9938
9995
|
style: { zIndex: b }
|
|
9939
9996
|
}, /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, /* @__PURE__ */ e.createElement(Q, {
|
|
9940
9997
|
className: `${x}__icon ${x}__icon--${t.type}`,
|
|
9941
|
-
iconName: d === "neutral" ? r :
|
|
9998
|
+
iconName: d === "neutral" ? r : la[d],
|
|
9942
9999
|
size: l ? "l" : "m"
|
|
9943
10000
|
}), /* @__PURE__ */ e.createElement("div", { className: `${x}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, g, " "), c)), o && /* @__PURE__ */ e.createElement("button", {
|
|
9944
10001
|
className: `${x}__dismiss-button`,
|
|
@@ -9969,12 +10026,12 @@ var Hr = {
|
|
|
9969
10026
|
onClick: O,
|
|
9970
10027
|
size: "m"
|
|
9971
10028
|
}), d.map((e, t) => A(e, t))) : A(d[0], 0));
|
|
9972
|
-
},
|
|
10029
|
+
}, pa = {
|
|
9973
10030
|
info: "circleInfo",
|
|
9974
10031
|
warning: "triangleExclamation",
|
|
9975
10032
|
success: "circleCheck",
|
|
9976
10033
|
critical: "diamondExclamation"
|
|
9977
|
-
},
|
|
10034
|
+
}, ma = ({ className: t, message: n, title: r, type: i, typeLabels: a = {
|
|
9978
10035
|
...Jn,
|
|
9979
10036
|
working: "Working"
|
|
9980
10037
|
}, ...o }) => {
|
|
@@ -9995,16 +10052,16 @@ var Hr = {
|
|
|
9995
10052
|
role: l,
|
|
9996
10053
|
...o
|
|
9997
10054
|
}, /* @__PURE__ */ e.createElement("div", { className: `${s}__icon ${s}__icon-${i}` }, i === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "m" }) : /* @__PURE__ */ e.createElement(Q, {
|
|
9998
|
-
iconName: `${i}` in
|
|
10055
|
+
iconName: `${i}` in pa ? pa[i] : pa.info,
|
|
9999
10056
|
size: "m"
|
|
10000
10057
|
})), /* @__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)));
|
|
10001
|
-
},
|
|
10058
|
+
}, ha = {
|
|
10002
10059
|
info: "circleInfo",
|
|
10003
10060
|
warning: "triangleExclamation",
|
|
10004
10061
|
success: "circleCheck",
|
|
10005
10062
|
critical: "diamondExclamation",
|
|
10006
10063
|
discovery: "squareQuestion"
|
|
10007
|
-
},
|
|
10064
|
+
}, ga = ({ className: t, ctaButton: n, dataContext: r = "product", dismissLabel: i = "Dismiss", id: a, isDismissible: o, message: s, onDismiss: c, title: l, type: d = "info", typeLabels: f = Jn, ...p }) => {
|
|
10008
10065
|
let m = r === "marketing", g = h(null), _ = h(void 0), v = "pds-section-message", y = {
|
|
10009
10066
|
error: `${v}--error`,
|
|
10010
10067
|
success: `${v}--success`,
|
|
@@ -10041,7 +10098,7 @@ var Hr = {
|
|
|
10041
10098
|
role: S,
|
|
10042
10099
|
...p
|
|
10043
10100
|
}, /* @__PURE__ */ e.createElement("div", { className: `${v}__content` }, /* @__PURE__ */ e.createElement("div", { className: `${v}__icon ${v}__icon-${d}` }, /* @__PURE__ */ e.createElement(Q, {
|
|
10044
|
-
iconName: `${d}` in
|
|
10101
|
+
iconName: `${d}` in ha ? ha[d] : ha.info,
|
|
10045
10102
|
size: m ? "xl" : "l"
|
|
10046
10103
|
})), /* @__PURE__ */ e.createElement("div", { className: `${v}__text` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, C), l && /* @__PURE__ */ e.createElement("div", { className: `${v}__title` }, l), /* @__PURE__ */ e.createElement("div", { className: `${v}__message` }, w))), (n || o) && /* @__PURE__ */ e.createElement("div", { className: `${v}__actions` }, n && /* @__PURE__ */ e.createElement(Dn, {
|
|
10047
10104
|
...n,
|
|
@@ -10054,10 +10111,10 @@ var Hr = {
|
|
|
10054
10111
|
onClick: D,
|
|
10055
10112
|
size: m ? "l" : "m"
|
|
10056
10113
|
})));
|
|
10057
|
-
},
|
|
10114
|
+
}, _a = 3e4, va = {
|
|
10058
10115
|
pause: "Pause notification",
|
|
10059
10116
|
resume: "Resume notification"
|
|
10060
|
-
},
|
|
10117
|
+
}, ya = i({ labelStrings: va }), ba = ({ ariaLabel: t, closeToast: n }) => /* @__PURE__ */ e.createElement(Mn, {
|
|
10061
10118
|
ariaLabel: t || "Close",
|
|
10062
10119
|
className: "pds-toast__close-button",
|
|
10063
10120
|
onClick: (e) => {
|
|
@@ -10065,13 +10122,13 @@ var Hr = {
|
|
|
10065
10122
|
},
|
|
10066
10123
|
size: "s",
|
|
10067
10124
|
tabIndex: 0
|
|
10068
|
-
}),
|
|
10125
|
+
}), xa = ({ className: t, labelStrings: n = va, limit: r = 5, position: i = "bottom-right" }) => {
|
|
10069
10126
|
let a = Z(["pds-toaster", t]);
|
|
10070
|
-
return /* @__PURE__ */ e.createElement(
|
|
10127
|
+
return /* @__PURE__ */ e.createElement(ya.Provider, { value: { labelStrings: n } }, /* @__PURE__ */ e.createElement(ze, {
|
|
10071
10128
|
newestOnTop: !0,
|
|
10072
10129
|
autoClose: !1,
|
|
10073
10130
|
className: a,
|
|
10074
|
-
closeButton:
|
|
10131
|
+
closeButton: ba,
|
|
10075
10132
|
draggable: !1,
|
|
10076
10133
|
icon: !1,
|
|
10077
10134
|
limit: r,
|
|
@@ -10081,25 +10138,25 @@ var Hr = {
|
|
|
10081
10138
|
role: "status",
|
|
10082
10139
|
transition: Re
|
|
10083
10140
|
}));
|
|
10084
|
-
},
|
|
10141
|
+
}, Sa = {
|
|
10085
10142
|
info: "circleInfo",
|
|
10086
10143
|
success: "circleCheck",
|
|
10087
10144
|
warning: "triangleExclamation",
|
|
10088
10145
|
critical: "diamondExclamation"
|
|
10089
|
-
},
|
|
10146
|
+
}, Ca = {
|
|
10090
10147
|
info: "Information",
|
|
10091
10148
|
success: "Success",
|
|
10092
10149
|
warning: "Warning",
|
|
10093
10150
|
critical: "Critical",
|
|
10094
10151
|
working: "Working..."
|
|
10095
|
-
},
|
|
10152
|
+
}, wa = ({ autoCloseDuration: t, children: n, className: r, id: i, toastId: a, type: o = "info", typeLabels: s = Ca }) => {
|
|
10096
10153
|
let c = "pds-toast", u = {
|
|
10097
10154
|
critical: `${c}--critical`,
|
|
10098
10155
|
info: `${c}--info`,
|
|
10099
10156
|
success: `${c}--success`,
|
|
10100
10157
|
warning: `${c}--warning`,
|
|
10101
10158
|
working: `${c}--working`
|
|
10102
|
-
}, d = `${s[o]} `, { labelStrings: f } = l(
|
|
10159
|
+
}, d = `${s[o]} `, { labelStrings: f } = l(ya), [p, m] = g(!1), h = a !== void 0 && o !== "critical" && o !== "working" && typeof t == "number";
|
|
10103
10160
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10104
10161
|
className: Z([
|
|
10105
10162
|
c,
|
|
@@ -10109,7 +10166,7 @@ var Hr = {
|
|
|
10109
10166
|
id: i
|
|
10110
10167
|
}, /* @__PURE__ */ e.createElement("div", { className: `${c}__icon-container` }, o === "working" ? /* @__PURE__ */ e.createElement(bn, { size: "xl" }) : /* @__PURE__ */ e.createElement(Q, {
|
|
10111
10168
|
className: `${c}__icon ${c}__icon--${o}`,
|
|
10112
|
-
iconName:
|
|
10169
|
+
iconName: Sa[o],
|
|
10113
10170
|
size: "l"
|
|
10114
10171
|
})), /* @__PURE__ */ e.createElement("div", { className: `${c}__message` }, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, d), n), h && /* @__PURE__ */ e.createElement("button", {
|
|
10115
10172
|
"aria-label": p ? f.resume : f.pause,
|
|
@@ -10124,11 +10181,11 @@ var Hr = {
|
|
|
10124
10181
|
iconName: p ? "play" : "pause",
|
|
10125
10182
|
size: "m"
|
|
10126
10183
|
})));
|
|
10127
|
-
},
|
|
10184
|
+
}, Ta = /* @__PURE__ */ function(e) {
|
|
10128
10185
|
return e.Critical = "critical", e.Info = "info", e.Success = "success", e.Warning = "warning", e.Working = "working", e;
|
|
10129
|
-
}({}),
|
|
10186
|
+
}({}), Ea = () => [
|
|
10130
10187
|
(t, n, r = {}) => {
|
|
10131
|
-
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(
|
|
10188
|
+
let i = r.toastId ?? crypto.randomUUID(), a = typeof r.autoClose == "number" ? Math.max(_a, r.autoClose) : !1, o = /* @__PURE__ */ e.createElement(wa, {
|
|
10132
10189
|
autoCloseDuration: a || void 0,
|
|
10133
10190
|
toastId: i,
|
|
10134
10191
|
type: t
|
|
@@ -10153,7 +10210,7 @@ var Hr = {
|
|
|
10153
10210
|
enter: "pds-toast--bounceInPlace",
|
|
10154
10211
|
exit: "pds-toast--slideOut"
|
|
10155
10212
|
})
|
|
10156
|
-
],
|
|
10213
|
+
], Da = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close drawer", disableOutsideClick: a, hasCloseButton: o = !0, isOpen: s = !1, placement: l = "right", setIsOpen: d = () => {}, size: f = "m", title: p, width: m, ..._ }) => {
|
|
10157
10214
|
let v = ft(n), y = v.__unslotted, b = v.footer, x = "pds-drawer", S = m ? null : `${x}--${f}`, C = `${x}--${l}`, w = m ? { width: m } : void 0, [T, E] = g(s), [D, O] = g(!1), k = h(null), { closeOverlay: A, openOverlay: j } = en();
|
|
10158
10215
|
u(() => {
|
|
10159
10216
|
s ? E(!0) : O(!1);
|
|
@@ -10218,7 +10275,7 @@ var Hr = {
|
|
|
10218
10275
|
onClick: M,
|
|
10219
10276
|
size: "m"
|
|
10220
10277
|
})), /* @__PURE__ */ e.createElement("div", { className: `${x}__content` }, y), b && /* @__PURE__ */ e.createElement("div", { className: `${x}__footer` }, b)))), document.body) : null;
|
|
10221
|
-
},
|
|
10278
|
+
}, Oa = ({ ariaLabel: t, background: n = "default", children: r, className: i, closeButtonLabel: a = "Close", closeIconName: o = "compress", hasCloseButton: s = !0, isOpen: c, onClose: l, ...d }) => {
|
|
10222
10279
|
let f = "pds-full-screen-overlay", p = n === "default" ? null : `${f}--bg-${n}`, { closeOverlay: m, openOverlay: h } = en();
|
|
10223
10280
|
u(() => {
|
|
10224
10281
|
if (!(!h || !m) && c) return h(), () => m();
|
|
@@ -10283,7 +10340,7 @@ var Hr = {
|
|
|
10283
10340
|
}),
|
|
10284
10341
|
zIndex: 9999
|
|
10285
10342
|
}), /* @__PURE__ */ e.createElement("div", { className: `${f}__content` }, r)))), document.body) : null;
|
|
10286
|
-
},
|
|
10343
|
+
}, ka = ({ ariaLabel: t, children: n, className: r, closeButtonLabel: i = "Close modal", contentMaxHeight: a, disableOutsideClick: o, hasCloseButton: s = !0, modalIsOpen: c = !1, setModalIsOpen: l = () => {}, size: d = "m", title: f, ...p }) => {
|
|
10287
10344
|
let m = ft(n), h = m.__unslotted, _ = m.footer, v = "pds-modal", y = d === "m" ? null : `${v}--${d}`, S = a ? {
|
|
10288
10345
|
maxHeight: a,
|
|
10289
10346
|
paddingInlineEnd: "1rem",
|
|
@@ -10359,27 +10416,27 @@ var Hr = {
|
|
|
10359
10416
|
className: `${v}__content`,
|
|
10360
10417
|
style: S
|
|
10361
10418
|
}, h), _ && /* @__PURE__ */ e.createElement("div", { className: `${v}__footer` }, _)))), document.body) : null;
|
|
10362
|
-
},
|
|
10419
|
+
}, Aa = (e, t) => {
|
|
10363
10420
|
let n = t - e + 1;
|
|
10364
10421
|
return Array.from({ length: n }, (t, n) => n + e);
|
|
10365
|
-
},
|
|
10422
|
+
}, ja = ({ bufferCount: e = 1, currentPage: t, itemsPerPage: n, totalItemCount: r }) => m(() => {
|
|
10366
10423
|
let i = Math.ceil(r / n), a = e + 5, o = i;
|
|
10367
|
-
if (a >= i) return
|
|
10424
|
+
if (a >= i) return Aa(1, i);
|
|
10368
10425
|
let s = Math.max(t - e, 1), c = Math.min(t + e, i), l = s > 2, u = c < i - 2;
|
|
10369
10426
|
if (!l && u) return [
|
|
10370
|
-
...
|
|
10427
|
+
...Aa(1, 3 + 2 * e),
|
|
10371
10428
|
"...",
|
|
10372
10429
|
i
|
|
10373
10430
|
];
|
|
10374
10431
|
if (l && !u) return [
|
|
10375
10432
|
1,
|
|
10376
10433
|
"...",
|
|
10377
|
-
...
|
|
10434
|
+
...Aa(i - (3 + 2 * e) + 1, i)
|
|
10378
10435
|
];
|
|
10379
10436
|
if (l && u) return [
|
|
10380
10437
|
1,
|
|
10381
10438
|
"...",
|
|
10382
|
-
...
|
|
10439
|
+
...Aa(s, c),
|
|
10383
10440
|
"...",
|
|
10384
10441
|
o
|
|
10385
10442
|
];
|
|
@@ -10388,11 +10445,11 @@ var Hr = {
|
|
|
10388
10445
|
n,
|
|
10389
10446
|
e,
|
|
10390
10447
|
t
|
|
10391
|
-
]),
|
|
10448
|
+
]), Ma = ({ bufferCount: t = 1, className: n, currentPage: r, headingLevel: i = "h2", headingText: a = "Pagination", itemsPerPage: o = 10, labelStrings: s = {
|
|
10392
10449
|
previous: "Go to previous page",
|
|
10393
10450
|
next: "Go to next page"
|
|
10394
10451
|
}, onPageChange: c, size: l = "m", totalItemCount: u, ...d }) => {
|
|
10395
|
-
let f =
|
|
10452
|
+
let f = ja({
|
|
10396
10453
|
currentPage: r,
|
|
10397
10454
|
totalItemCount: u,
|
|
10398
10455
|
bufferCount: t,
|
|
@@ -10446,7 +10503,7 @@ var Hr = {
|
|
|
10446
10503
|
size: "m"
|
|
10447
10504
|
}))
|
|
10448
10505
|
}))));
|
|
10449
|
-
},
|
|
10506
|
+
}, Na = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
10450
10507
|
next: "Next",
|
|
10451
10508
|
previous: "Previous"
|
|
10452
10509
|
}, nextPage: s, onPageChange: c, previousPage: l, totalItemCount: u, ...d }) => {
|
|
@@ -10475,7 +10532,7 @@ var Hr = {
|
|
|
10475
10532
|
iconName: "angleRight",
|
|
10476
10533
|
size: "m"
|
|
10477
10534
|
}))));
|
|
10478
|
-
},
|
|
10535
|
+
}, Pa = ({ className: t, currentPage: n, headingLevel: r = "h2", headingText: i = "Pagination", itemsPerPage: a = 10, labelStrings: o = {
|
|
10479
10536
|
next: "Go to next page",
|
|
10480
10537
|
of: "of",
|
|
10481
10538
|
page: "Page",
|
|
@@ -10511,7 +10568,7 @@ var Hr = {
|
|
|
10511
10568
|
className: "visually-hidden",
|
|
10512
10569
|
id: "pagination-compact",
|
|
10513
10570
|
level: r
|
|
10514
|
-
}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
|
|
10571
|
+
}, i), o.page && /* @__PURE__ */ e.createElement("span", { className: `${b}__count` }, o.page), c === "input" ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(Mi, {
|
|
10515
10572
|
className: C ? `${b}__page-input--error` : void 0,
|
|
10516
10573
|
id: p,
|
|
10517
10574
|
inputProps: {
|
|
@@ -10579,7 +10636,7 @@ var Hr = {
|
|
|
10579
10636
|
size: "m"
|
|
10580
10637
|
}))
|
|
10581
10638
|
})));
|
|
10582
|
-
},
|
|
10639
|
+
}, Fa = ({ children: t, className: n, id: r, isOpen: i = !1, showBorder: a = !0, summary: o, ...s }) => {
|
|
10583
10640
|
let [c, l] = g(i), f = d(), p = r ?? `expansion-panel-${f}`, m = "pds-expansion-panel", _ = a ? null : `${m}--no-border`, v = h(null);
|
|
10584
10641
|
return u(() => {
|
|
10585
10642
|
let e = v.current;
|
|
@@ -10603,7 +10660,7 @@ var Hr = {
|
|
|
10603
10660
|
className: `${m}__icon ${c ? "rotated" : ""}`,
|
|
10604
10661
|
iconName: "angleDown"
|
|
10605
10662
|
})), /* @__PURE__ */ e.createElement("div", { className: `${m}__content` }, t)));
|
|
10606
|
-
},
|
|
10663
|
+
}, Ia = ({ children: t, className: n, displayType: r = "standard", ...i }) => {
|
|
10607
10664
|
let a = "pds-expansion-panel-group", o = r === "standard" ? null : `${a}--${r}`;
|
|
10608
10665
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10609
10666
|
className: Z([
|
|
@@ -10613,7 +10670,7 @@ var Hr = {
|
|
|
10613
10670
|
]),
|
|
10614
10671
|
...i
|
|
10615
10672
|
}, t);
|
|
10616
|
-
},
|
|
10673
|
+
}, La = ({ children: t, className: n, padding: r = "standard", variant: i = "default", ...a }) => {
|
|
10617
10674
|
let o = "pds-panel", s = i === "default" ? null : `${o}--${i}`, c = `${o}__content`, l = r === "standard" ? null : `${c}--pad-${r}`;
|
|
10618
10675
|
return /* @__PURE__ */ e.createElement("div", {
|
|
10619
10676
|
className: Z([
|
|
@@ -10623,7 +10680,7 @@ var Hr = {
|
|
|
10623
10680
|
]),
|
|
10624
10681
|
...a
|
|
10625
10682
|
}, /* @__PURE__ */ e.createElement("div", { className: Z([c, l]) }, t));
|
|
10626
|
-
},
|
|
10683
|
+
}, Ra = ({ background: t = "default", children: n, className: r, hasBorder: i = !0, paddingSize: a = "m", ...o }) => {
|
|
10627
10684
|
let s = "pds-panel-list", c = `pds-panel-list--${a}`, l = t === "default" ? null : `${s}--${t}`, u = i ? null : `${s}--borderless`;
|
|
10628
10685
|
return /* @__PURE__ */ e.createElement("ul", {
|
|
10629
10686
|
className: Z([
|
|
@@ -10635,7 +10692,7 @@ var Hr = {
|
|
|
10635
10692
|
]),
|
|
10636
10693
|
...o
|
|
10637
10694
|
}, n);
|
|
10638
|
-
},
|
|
10695
|
+
}, za = ({ children: t, className: n, expandButtonAriaLabel: r, isExpandable: i = !1, ...a }) => {
|
|
10639
10696
|
let o = "pds-panel-row", [s, c] = g(!1), l = ft(t), u = l["items-left"], d = l["items-right"], f = l["items-below"], p = () => {
|
|
10640
10697
|
c((e) => !e);
|
|
10641
10698
|
};
|
|
@@ -10666,10 +10723,10 @@ var Hr = {
|
|
|
10666
10723
|
opacity: "0"
|
|
10667
10724
|
}
|
|
10668
10725
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__items-inside` }, f)));
|
|
10669
|
-
},
|
|
10726
|
+
}, Ba = ({ children: t, className: n, ...r }) => /* @__PURE__ */ e.createElement("div", {
|
|
10670
10727
|
className: Z(["pds-panel-stack", n ?? ""]),
|
|
10671
10728
|
...r
|
|
10672
|
-
}, t),
|
|
10729
|
+
}, t), Va = /* @__PURE__ */ e.createElement("svg", {
|
|
10673
10730
|
"aria-label": "Pantheon",
|
|
10674
10731
|
fill: "none",
|
|
10675
10732
|
focusable: "false",
|
|
@@ -10731,7 +10788,7 @@ var Hr = {
|
|
|
10731
10788
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
10732
10789
|
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",
|
|
10733
10790
|
fill: "var(--pds-color-foreground-default)"
|
|
10734
|
-
})),
|
|
10791
|
+
})), Ha = /* @__PURE__ */ e.createElement("svg", {
|
|
10735
10792
|
"aria-label": "Pantheon",
|
|
10736
10793
|
fill: "none",
|
|
10737
10794
|
focusable: "false",
|
|
@@ -10766,7 +10823,7 @@ var Hr = {
|
|
|
10766
10823
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
10767
10824
|
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",
|
|
10768
10825
|
fill: "var(--pds-color-foreground-default)"
|
|
10769
|
-
})),
|
|
10826
|
+
})), Ua = /* @__PURE__ */ e.createElement("svg", {
|
|
10770
10827
|
"aria-label": "Pantheon",
|
|
10771
10828
|
fill: "none",
|
|
10772
10829
|
focusable: "false",
|
|
@@ -10801,17 +10858,17 @@ var Hr = {
|
|
|
10801
10858
|
}), /* @__PURE__ */ e.createElement("path", {
|
|
10802
10859
|
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",
|
|
10803
10860
|
fill: "var(--pds-color-foreground-default)"
|
|
10804
|
-
})),
|
|
10861
|
+
})), Wa = ({ className: t, colorType: n = "default", displayType: r = "full", linkContent: i, size: a = "m", ...o }) => {
|
|
10805
10862
|
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;
|
|
10806
10863
|
switch (r) {
|
|
10807
10864
|
case "full":
|
|
10808
|
-
f =
|
|
10865
|
+
f = Va;
|
|
10809
10866
|
break;
|
|
10810
10867
|
case "icon":
|
|
10811
|
-
f =
|
|
10868
|
+
f = Ha;
|
|
10812
10869
|
break;
|
|
10813
10870
|
case "wordmark":
|
|
10814
|
-
f =
|
|
10871
|
+
f = Ua;
|
|
10815
10872
|
break;
|
|
10816
10873
|
}
|
|
10817
10874
|
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, {
|
|
@@ -10828,7 +10885,7 @@ var Hr = {
|
|
|
10828
10885
|
]),
|
|
10829
10886
|
...o
|
|
10830
10887
|
}, i ? h : f);
|
|
10831
|
-
},
|
|
10888
|
+
}, Ga = 8, Ka = 14, qa = ({ className: t, classNameContainer: n, closeButtonLabel: r = "Close", content: i, customTrigger: a = !1, hasCloseButton: o = !1, offsetValue: s = 0, onClose: c = () => {}, placement: l = "top", popoverIsOpen: d = !1, setPopoverIsOpen: f = () => {}, title: p, triggerAccessibleText: m = "Show more information", triggerIcon: _ = "circleInfo", triggerIconSize: v = "m", ...x }) => {
|
|
10832
10889
|
let [D, k] = g(d);
|
|
10833
10890
|
u(() => {
|
|
10834
10891
|
k(d);
|
|
@@ -10855,12 +10912,12 @@ var Hr = {
|
|
|
10855
10912
|
A(V),
|
|
10856
10913
|
j(V),
|
|
10857
10914
|
R(V)
|
|
10858
|
-
]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J +
|
|
10915
|
+
]), J = U.arrow?.x ?? 0, ee = U.arrow?.y ?? 0, te = J + Ka / 2, ne = ee + Ga, { isMounted: re } = z(V, {
|
|
10859
10916
|
initial: { transform: "scale(0)" },
|
|
10860
10917
|
common: ({ side: e }) => ({ transformOrigin: {
|
|
10861
|
-
top: `${te}px calc(100% + ${
|
|
10918
|
+
top: `${te}px calc(100% + ${Ga}px)`,
|
|
10862
10919
|
bottom: `${te}px -8px`,
|
|
10863
|
-
left: `calc(100% + ${
|
|
10920
|
+
left: `calc(100% + ${Ga}px) ${ne}px`,
|
|
10864
10921
|
right: `-8px ${ne}px`
|
|
10865
10922
|
}[e] })
|
|
10866
10923
|
});
|
|
@@ -10892,23 +10949,23 @@ var Hr = {
|
|
|
10892
10949
|
className: `${P}__arrow`,
|
|
10893
10950
|
context: V,
|
|
10894
10951
|
fill: "var(--pds-color-surface-default)",
|
|
10895
|
-
height:
|
|
10952
|
+
height: Ga,
|
|
10896
10953
|
stroke: "var(--pds-color-popover-border)",
|
|
10897
10954
|
strokeWidth: 1,
|
|
10898
10955
|
tipRadius: 0,
|
|
10899
|
-
width:
|
|
10956
|
+
width: Ka
|
|
10900
10957
|
}), /* @__PURE__ */ e.createElement("div", { className: `${P}__container-inner` }, p && /* @__PURE__ */ e.createElement("div", { className: `${P}__title` }, p), i && /* @__PURE__ */ e.createElement("div", { className: `${P}__content` }, i), o && /* @__PURE__ */ e.createElement("div", { className: `${P}__close-wrapper` }, /* @__PURE__ */ e.createElement(Mn, {
|
|
10901
10958
|
ariaLabel: r,
|
|
10902
10959
|
onClick: G,
|
|
10903
10960
|
size: "s"
|
|
10904
10961
|
})))))));
|
|
10905
|
-
},
|
|
10962
|
+
}, Ja = {
|
|
10906
10963
|
neutral: "--pds-color-status-neutral-indicator",
|
|
10907
10964
|
info: "--pds-color-status-info-fill",
|
|
10908
10965
|
success: "--pds-color-status-success-fill",
|
|
10909
10966
|
warning: "--pds-color-status-warning-fill",
|
|
10910
10967
|
critical: "--pds-color-status-critical-fill"
|
|
10911
|
-
},
|
|
10968
|
+
}, Ya = ({ className: t, colorBreakpoints: n = [{
|
|
10912
10969
|
colorType: "info",
|
|
10913
10970
|
percentage: 0
|
|
10914
10971
|
}, {
|
|
@@ -10929,7 +10986,7 @@ var Hr = {
|
|
|
10929
10986
|
id: m
|
|
10930
10987
|
}, i), (x || l) && /* @__PURE__ */ e.createElement("div", { className: `${h}__details` }, x && b, l && /* @__PURE__ */ e.createElement("div", {
|
|
10931
10988
|
className: `${h}__percentage`,
|
|
10932
|
-
style: { color: `hsl(from var(${
|
|
10989
|
+
style: { color: `hsl(from var(${Ja[y]}) h s calc(l - 7))` }
|
|
10933
10990
|
}, s, "%")), /* @__PURE__ */ e.createElement("div", { className: `${h}__wrapper` }, /* @__PURE__ */ e.createElement("div", {
|
|
10934
10991
|
"aria-labelledby": m,
|
|
10935
10992
|
"aria-valuenow": v,
|
|
@@ -10939,16 +10996,16 @@ var Hr = {
|
|
|
10939
10996
|
className: `${h}__bar`,
|
|
10940
10997
|
style: {
|
|
10941
10998
|
width: `${v}%`,
|
|
10942
|
-
backgroundColor: `var(${
|
|
10999
|
+
backgroundColor: `var(${Ja[y]})`
|
|
10943
11000
|
}
|
|
10944
11001
|
}))), S && b);
|
|
10945
|
-
},
|
|
11002
|
+
}, Xa = {
|
|
10946
11003
|
neutral: "--pds-color-status-neutral-indicator",
|
|
10947
11004
|
info: "--pds-color-status-info-fill",
|
|
10948
11005
|
success: "--pds-color-status-success-fill",
|
|
10949
11006
|
warning: "--pds-color-status-warning-fill",
|
|
10950
11007
|
critical: "--pds-color-status-critical-fill"
|
|
10951
|
-
},
|
|
11008
|
+
}, Za = ({ className: t, colorBreakpoints: n = [{
|
|
10952
11009
|
colorType: "info",
|
|
10953
11010
|
percentage: 0
|
|
10954
11011
|
}, {
|
|
@@ -10997,7 +11054,7 @@ var Hr = {
|
|
|
10997
11054
|
strokeDasharray: x,
|
|
10998
11055
|
strokeDashoffset: S,
|
|
10999
11056
|
strokeWidth: y,
|
|
11000
|
-
style: { stroke: `var(${
|
|
11057
|
+
style: { stroke: `var(${Xa[C]})` },
|
|
11001
11058
|
transform: `rotate(-90 ${v / 2} ${v / 2})`
|
|
11002
11059
|
}), /* @__PURE__ */ e.createElement("text", {
|
|
11003
11060
|
alignmentBaseline: "middle",
|
|
@@ -11007,29 +11064,29 @@ var Hr = {
|
|
|
11007
11064
|
x: "50%",
|
|
11008
11065
|
y: "51%"
|
|
11009
11066
|
}, w))));
|
|
11010
|
-
},
|
|
11067
|
+
}, Qa = {
|
|
11011
11068
|
of: "of",
|
|
11012
11069
|
showing: "Showing",
|
|
11013
11070
|
unitPlural: "results",
|
|
11014
11071
|
unitSingular: "result"
|
|
11015
|
-
},
|
|
11072
|
+
}, $a = (e, t, n, r) => new Intl.PluralRules(r).select(e) === "one" ? t : n, eo = ({ className: t, countMatching: n, countTotal: r, labelStrings: i, locale: a, ...o }) => {
|
|
11016
11073
|
let s = "pds-result-count", c = `${s}__number`, { of: l, showing: u, unitPlural: d, unitSingular: f } = {
|
|
11017
|
-
...
|
|
11074
|
+
...Qa,
|
|
11018
11075
|
...i
|
|
11019
|
-
}, p = n !== void 0, m =
|
|
11076
|
+
}, p = n !== void 0, m = $a(r, f, d, a);
|
|
11020
11077
|
return /* @__PURE__ */ e.createElement("div", {
|
|
11021
11078
|
"aria-live": "polite",
|
|
11022
11079
|
className: Z([s, t ?? ""]),
|
|
11023
11080
|
...o
|
|
11024
11081
|
}, /* @__PURE__ */ e.createElement("span", null, p && /* @__PURE__ */ e.createElement(e.Fragment, null, u && `${u} `, /* @__PURE__ */ e.createElement("span", { className: c }, n), ` ${l} `), /* @__PURE__ */ e.createElement("span", { className: c }, r), ` ${m}`));
|
|
11025
|
-
},
|
|
11082
|
+
}, to = {
|
|
11026
11083
|
privacy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Privacy Policy"),
|
|
11027
11084
|
dataSubjectRequest: /* @__PURE__ */ e.createElement("a", { href: "http://pantheon.io/data-subject-request" }, "Data Subject Request"),
|
|
11028
11085
|
cookiePolicy: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Cookie Policy"),
|
|
11029
11086
|
termsOfUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Terms of Use"),
|
|
11030
11087
|
acceptableUse: /* @__PURE__ */ e.createElement("a", { href: "https://legal.pantheon.io" }, "Acceptable Use Policy"),
|
|
11031
11088
|
accessibilityStatement: /* @__PURE__ */ e.createElement("a", { href: "https://pantheon.io/accessibility-statement" }, "Accessibility Statement")
|
|
11032
|
-
},
|
|
11089
|
+
}, no = (e) => typeof e == "string", ro = ({ as: t = "div", children: n, className: r, containerWidth: i = "full", hasTopBorder: a, legalLinks: o = [
|
|
11033
11090
|
"privacy",
|
|
11034
11091
|
"dataSubjectRequest",
|
|
11035
11092
|
"cookiePolicy",
|
|
@@ -11046,8 +11103,8 @@ var Hr = {
|
|
|
11046
11103
|
r ?? ""
|
|
11047
11104
|
]),
|
|
11048
11105
|
...c
|
|
11049
|
-
}, /* @__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) =>
|
|
11050
|
-
},
|
|
11106
|
+
}, /* @__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) => no(t) ? /* @__PURE__ */ e.createElement(e.Fragment, { key: t }, to[t]) : /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, t)))));
|
|
11107
|
+
}, io = ({ className: t, option: n, ...r }) => {
|
|
11051
11108
|
let i = "pds-site-option-display", a = n.type ? er[n.type] : "boltSolid", o = h(null), [s] = Ue(o), c = s.width / 16 - 7.5, l, u;
|
|
11052
11109
|
n.status === "active" && (l = "Active", u = "success"), n.status === "frozen" && (l = "Frozen", u = "frozen"), n.status === "restricted" && (l = "Restricted", u = "critical");
|
|
11053
11110
|
let d = /* @__PURE__ */ e.createElement(xn, {
|
|
@@ -11070,7 +11127,7 @@ var Hr = {
|
|
|
11070
11127
|
className: `${i}__status`,
|
|
11071
11128
|
style: { pointerEvents: "none" }
|
|
11072
11129
|
}, d));
|
|
11073
|
-
},
|
|
11130
|
+
}, ao = ({ className: t, disabled: n = !1, id: r, isLoading: i = !1, label: a = "Search sites", labelStrings: o = {
|
|
11074
11131
|
clearButton: "Clear input text",
|
|
11075
11132
|
inputInstructions: "Type to search options"
|
|
11076
11133
|
}, loadingText: s = "Loading results...", noResultsText: c = "No results found", onFocus: l, onOptionSelect: u, placeholder: d = "Search sites", siteList: f, ...p }) => {
|
|
@@ -11082,7 +11139,7 @@ var Hr = {
|
|
|
11082
11139
|
id: n,
|
|
11083
11140
|
label: i,
|
|
11084
11141
|
value: r ?? i,
|
|
11085
|
-
optionDisplay: /* @__PURE__ */ e.createElement(
|
|
11142
|
+
optionDisplay: /* @__PURE__ */ e.createElement(io, { option: t }),
|
|
11086
11143
|
siteData: t
|
|
11087
11144
|
};
|
|
11088
11145
|
});
|
|
@@ -11111,7 +11168,7 @@ var Hr = {
|
|
|
11111
11168
|
};
|
|
11112
11169
|
//#endregion
|
|
11113
11170
|
//#region src/components/SortableList/sortable-utils.ts
|
|
11114
|
-
function
|
|
11171
|
+
function oo(e, t, n = null, r = 0, i = []) {
|
|
11115
11172
|
return e.reduce((e, a, o) => {
|
|
11116
11173
|
let s = !!a.children?.length, c = t.has(a.id);
|
|
11117
11174
|
return e.push({
|
|
@@ -11123,10 +11180,10 @@ function io(e, t, n = null, r = 0, i = []) {
|
|
|
11123
11180
|
index: o,
|
|
11124
11181
|
isExpanded: c,
|
|
11125
11182
|
parentId: n
|
|
11126
|
-
}), s && c && a.children && e.push(...
|
|
11183
|
+
}), s && c && a.children && e.push(...oo(a.children, t, a.id, r + 1, [...i, a.id])), e;
|
|
11127
11184
|
}, []);
|
|
11128
11185
|
}
|
|
11129
|
-
function
|
|
11186
|
+
function so(e) {
|
|
11130
11187
|
let t = /* @__PURE__ */ new Map(), n = new Set(e.map((e) => e.id)), r = [];
|
|
11131
11188
|
for (let i of e) {
|
|
11132
11189
|
let e = i.data.children ?? [], a = e.length > 0 && !e.some((e) => n.has(e.id)), o = {
|
|
@@ -11139,28 +11196,28 @@ function ao(e) {
|
|
|
11139
11196
|
e && (e.children || (e.children = []), e.children.push(o));
|
|
11140
11197
|
}
|
|
11141
11198
|
}
|
|
11142
|
-
return
|
|
11199
|
+
return co(r);
|
|
11143
11200
|
}
|
|
11144
|
-
function
|
|
11201
|
+
function co(e) {
|
|
11145
11202
|
return e.map((e) => {
|
|
11146
11203
|
if (e.children?.length) return {
|
|
11147
11204
|
...e,
|
|
11148
|
-
children:
|
|
11205
|
+
children: co(e.children)
|
|
11149
11206
|
};
|
|
11150
11207
|
let { children: t, ...n } = e;
|
|
11151
11208
|
return n;
|
|
11152
11209
|
});
|
|
11153
11210
|
}
|
|
11154
|
-
function
|
|
11211
|
+
function lo(e, t) {
|
|
11155
11212
|
for (let n of e) {
|
|
11156
11213
|
if (n.id === t) return n;
|
|
11157
11214
|
if (n.children) {
|
|
11158
|
-
let e =
|
|
11215
|
+
let e = lo(n.children, t);
|
|
11159
11216
|
if (e) return e;
|
|
11160
11217
|
}
|
|
11161
11218
|
}
|
|
11162
11219
|
}
|
|
11163
|
-
function
|
|
11220
|
+
function uo(e, t, n, r, i, a, o) {
|
|
11164
11221
|
let s = e.findIndex((e) => e.id === n);
|
|
11165
11222
|
if (s === -1) return 0;
|
|
11166
11223
|
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;
|
|
@@ -11168,7 +11225,7 @@ function co(e, t, n, r, i, a, o) {
|
|
|
11168
11225
|
}
|
|
11169
11226
|
//#endregion
|
|
11170
11227
|
//#region src/components/SortableList/SortableListHeader.tsx
|
|
11171
|
-
var
|
|
11228
|
+
var fo = ({ children: t, className: n, columns: r, ...i }) => {
|
|
11172
11229
|
if (!r && !t) return null;
|
|
11173
11230
|
let a = r ? {
|
|
11174
11231
|
display: "grid",
|
|
@@ -11189,13 +11246,13 @@ var lo = ({ children: t, className: n, columns: r, ...i }) => {
|
|
|
11189
11246
|
};
|
|
11190
11247
|
//#endregion
|
|
11191
11248
|
//#region src/components/SortableList/useSortableTree.ts
|
|
11192
|
-
function
|
|
11249
|
+
function po({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r }) {
|
|
11193
11250
|
let i = n !== void 0, [a, o] = g(() => n ?? e ?? []), [s, l] = g(/* @__PURE__ */ new Set()), u = h(null), d = h(t);
|
|
11194
11251
|
t && !d.current && (u.current = {
|
|
11195
11252
|
items: i ? n : a,
|
|
11196
11253
|
expandedIds: s
|
|
11197
|
-
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 &&
|
|
11198
|
-
let f = i ? n : a, p = m(() =>
|
|
11254
|
+
}), t || (u.current = null), d.current = t, process.env.NODE_ENV !== "production" && n !== void 0 && e !== void 0 && ho("SortableList received both `items` and `defaultItems`. `items` will be used and `defaultItems` will be ignored.");
|
|
11255
|
+
let f = i ? n : a, p = m(() => oo(f, s), [f, s]), _ = m(() => p.map((e) => e.id), [p]), v = c((e) => {
|
|
11199
11256
|
l((t) => {
|
|
11200
11257
|
let n = new Set(t);
|
|
11201
11258
|
return n.has(e) ? n.delete(e) : n.add(e), n;
|
|
@@ -11213,7 +11270,7 @@ function uo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11213
11270
|
}, []),
|
|
11214
11271
|
flatNodes: p,
|
|
11215
11272
|
handleReorder: c((e) => {
|
|
11216
|
-
let t =
|
|
11273
|
+
let t = so(e);
|
|
11217
11274
|
i || o(t), r?.(t);
|
|
11218
11275
|
}, [i, r]),
|
|
11219
11276
|
resetToSnapshot: c(() => {
|
|
@@ -11225,53 +11282,53 @@ function uo({ defaultItems: e, isDragEnabled: t = !1, items: n, onReorder: r })
|
|
|
11225
11282
|
toggleExpand: v
|
|
11226
11283
|
};
|
|
11227
11284
|
}
|
|
11228
|
-
var
|
|
11229
|
-
function
|
|
11230
|
-
|
|
11285
|
+
var mo = /* @__PURE__ */ new Set();
|
|
11286
|
+
function ho(e) {
|
|
11287
|
+
mo.has(e) || (mo.add(e), console.warn(e));
|
|
11231
11288
|
}
|
|
11232
11289
|
//#endregion
|
|
11233
11290
|
//#region src/components/SortableList/SortableList.tsx
|
|
11234
|
-
var
|
|
11291
|
+
var go = 24, _o = { droppable: { strategy: qe.Always } }, vo = o(function({ children: n, className: r, columns: i, defaultItems: a, getItemLabel: o = (e) => String(e.id), isDragEnabled: l, isItemLocked: u = () => !1, isNestingLocked: d = () => !1, items: p, maxDepth: _ = 0, onReorder: v, renderRow: y, reorderMode: b = "always", screenReaderInstructions: x, ...S }, C) {
|
|
11235
11292
|
let w = "pds-sortable-list", [T, E] = g(null), D = h(null), [O, k] = g(!1), A = h(!1), [j, M] = g(null), N = h(0), P = h(0), F = h("pointer"), I = h(0), L = h(null), [R, z] = g(0), B = h(0), [V, H] = g(0), U = h(0), W = c((e, t) => {
|
|
11236
11293
|
if (_ > 0 && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
|
|
11237
11294
|
e.preventDefault();
|
|
11238
11295
|
let n = e.key === "ArrowRight" ? 1 : -1, r = B.current, i = Math.max(-_, Math.min(_, r + n)), a = i - r;
|
|
11239
11296
|
return B.current = i, z(i), {
|
|
11240
|
-
x: t.currentCoordinates.x + a *
|
|
11297
|
+
x: t.currentCoordinates.x + a * go,
|
|
11241
11298
|
y: t.currentCoordinates.y
|
|
11242
11299
|
};
|
|
11243
11300
|
}
|
|
11244
11301
|
return $e(e, t);
|
|
11245
|
-
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } =
|
|
11302
|
+
}, [_]), G = b === "always" || b === "toggle" && (l ?? !1), { currentItems: K, expandItem: q, flatNodes: J, handleReorder: ee, resetToSnapshot: te, sortableIds: ne, toggleExpand: re } = po({
|
|
11246
11303
|
defaultItems: a,
|
|
11247
11304
|
isDragEnabled: G,
|
|
11248
11305
|
items: p,
|
|
11249
11306
|
onReorder: v
|
|
11250
11307
|
});
|
|
11251
11308
|
f(C, () => ({ resetToSnapshot: te }), [te]);
|
|
11252
|
-
let ie = Ze(Xe(Je, { activationConstraint: { distance: 5 } }), Xe(Ke, { coordinateGetter: W })),
|
|
11253
|
-
if (_ === 0 ||
|
|
11309
|
+
let ie = Ze(Xe(Je, { activationConstraint: { distance: 5 } }), Xe(Ke, { coordinateGetter: W })), ae = G ? `${w}--reorder-active` : null, oe = m(() => new Set(J.filter((e) => u(e.data)).map((e) => e.id)), [J, u]), Y = m(() => new Set(J.filter((e) => d(e.data)).map((e) => e.id)), [J, d]), se = c((e) => {
|
|
11310
|
+
if (_ === 0 || Y.has(String(e))) return !1;
|
|
11254
11311
|
let t = J.find((t) => t.id === e);
|
|
11255
11312
|
return !t || t.depth >= _ ? !1 : t.hasChildren ? !t.isExpanded : !0;
|
|
11256
11313
|
}, [
|
|
11257
11314
|
J,
|
|
11258
11315
|
_,
|
|
11259
|
-
|
|
11260
|
-
]),
|
|
11261
|
-
if (!T || !j ||
|
|
11316
|
+
Y
|
|
11317
|
+
]), X = c((e) => j && se(j) ? null : tt(e), [se, j]), ce = m(() => {
|
|
11318
|
+
if (!T || !j || oe.size === 0 || T === j || se(j)) return /* @__PURE__ */ new Set();
|
|
11262
11319
|
let e = J.findIndex((e) => e.id === T), t = J.findIndex((e) => e.id === j);
|
|
11263
11320
|
if (e === -1 || t === -1) return /* @__PURE__ */ new Set();
|
|
11264
11321
|
let [n, r] = e < t ? [e + 1, t - 1] : [t + 1, e - 1];
|
|
11265
|
-
return new Set(J.slice(n, r + 1).filter((e) =>
|
|
11322
|
+
return new Set(J.slice(n, r + 1).filter((e) => oe.has(e.id)).map((e) => e.id));
|
|
11266
11323
|
}, [
|
|
11267
11324
|
T,
|
|
11268
11325
|
J,
|
|
11326
|
+
se,
|
|
11269
11327
|
oe,
|
|
11270
|
-
ae,
|
|
11271
11328
|
j
|
|
11272
|
-
]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ?
|
|
11329
|
+
]).size > 0, le = m(() => T ? J.find((e) => e.id === T) ?? null : null, [T, J]), ue = m(() => T ? lo(K, String(T)) ?? null : null, [T, K]), de = m(() => {
|
|
11273
11330
|
let e = le?.depth ?? 0;
|
|
11274
|
-
return !T || !j || O || _ === 0 ? e :
|
|
11331
|
+
return !T || !j || O || _ === 0 ? e : uo(J, String(T), String(j), V * go, go, _);
|
|
11275
11332
|
}, [
|
|
11276
11333
|
T,
|
|
11277
11334
|
le,
|
|
@@ -11281,13 +11338,13 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11281
11338
|
_,
|
|
11282
11339
|
j
|
|
11283
11340
|
]), fe = m(() => {
|
|
11284
|
-
if (!T || O || de === 0 || j &&
|
|
11341
|
+
if (!T || O || de === 0 || j && se(j)) return null;
|
|
11285
11342
|
let e = J.findIndex((e) => e.id === T);
|
|
11286
|
-
return e === -1 ? null :
|
|
11343
|
+
return e === -1 ? null : yo(J, e, de);
|
|
11287
11344
|
}, [
|
|
11288
11345
|
T,
|
|
11289
11346
|
J,
|
|
11290
|
-
|
|
11347
|
+
se,
|
|
11291
11348
|
O,
|
|
11292
11349
|
j,
|
|
11293
11350
|
de
|
|
@@ -11296,53 +11353,53 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11296
11353
|
E(t.id), D.current = t.id, k(n), A.current = n, I.current = r?.depth ?? 0, M(null), N.current = 0, P.current = 0, U.current = 0, H(0), B.current = 0, z(0), r?.hasChildren && r?.isExpanded && (re(String(t.id)), L.current = String(t.id));
|
|
11297
11354
|
}, [J, re]), me = c((e) => {
|
|
11298
11355
|
let t = Ye(e);
|
|
11299
|
-
if (!t.length || !D.current ||
|
|
11356
|
+
if (!t.length || !D.current || oe.size === 0) return t;
|
|
11300
11357
|
let n = J.findIndex((e) => e.id === D.current);
|
|
11301
11358
|
for (let e of t) {
|
|
11302
11359
|
let t = e.id;
|
|
11303
11360
|
if (t === D.current) return [e];
|
|
11304
11361
|
let r = J.findIndex((e) => e.id === t);
|
|
11305
11362
|
if (n === -1 || r === -1) return [e];
|
|
11306
|
-
if (
|
|
11363
|
+
if (oe.has(String(t))) {
|
|
11307
11364
|
if (n > r) continue;
|
|
11308
|
-
let e = !
|
|
11309
|
-
if (!
|
|
11365
|
+
let e = !Y.has(String(t)), i = _ > 0 && U.current > 0;
|
|
11366
|
+
if (!se(t) && (!e || !i)) continue;
|
|
11310
11367
|
}
|
|
11311
11368
|
let [i, a] = n < r ? [n + 1, r - 1] : [r + 1, n - 1];
|
|
11312
|
-
if (!J.slice(i, a + 1).some((e) =>
|
|
11369
|
+
if (!J.slice(i, a + 1).some((e) => oe.has(e.id))) return [e];
|
|
11313
11370
|
}
|
|
11314
11371
|
return [];
|
|
11315
11372
|
}, [
|
|
11316
11373
|
J,
|
|
11317
|
-
|
|
11318
|
-
|
|
11374
|
+
oe,
|
|
11375
|
+
Y
|
|
11319
11376
|
]), he = c((e) => {
|
|
11320
11377
|
let t = e.over?.id ?? null, n = D.current;
|
|
11321
|
-
if (t && n && t !== n &&
|
|
11378
|
+
if (t && n && t !== n && oe.size > 0) {
|
|
11322
11379
|
let e = J.findIndex((e) => e.id === n), r = J.findIndex((e) => e.id === t);
|
|
11323
11380
|
if (e !== -1 && r !== -1) {
|
|
11324
11381
|
let [t, n] = e < r ? [e + 1, r] : [r, e - 1];
|
|
11325
|
-
if (J.slice(t, n + 1).some((e) =>
|
|
11382
|
+
if (J.slice(t, n + 1).some((e) => oe.has(e.id))) return;
|
|
11326
11383
|
}
|
|
11327
11384
|
}
|
|
11328
11385
|
M(t);
|
|
11329
|
-
}, [J,
|
|
11386
|
+
}, [J, oe]), ge = c((e) => {
|
|
11330
11387
|
let t = e.delta.x;
|
|
11331
11388
|
if (P.current = t, A.current || _ === 0) return;
|
|
11332
|
-
let n = Math.floor(t /
|
|
11333
|
-
(n > r || n < r && t < r *
|
|
11389
|
+
let n = Math.floor(t / go), r = U.current;
|
|
11390
|
+
(n > r || n < r && t < r * go - go * .4) && (U.current = n, H(n));
|
|
11334
11391
|
}, [_]), _e = c((e) => {
|
|
11335
11392
|
let { active: t, over: n } = e, r = A.current, i = B.current, a = U.current;
|
|
11336
11393
|
E(null), D.current = null, k(!1), A.current = !1, M(null), U.current = 0, H(0), L.current && (q(L.current), L.current = null);
|
|
11337
|
-
let o = J.findIndex((e) => e.id === t.id), s = r ? i *
|
|
11394
|
+
let o = J.findIndex((e) => e.id === t.id), s = r ? i * go : a * go, c = !n || t.id === n.id, l = n?.id ?? null;
|
|
11338
11395
|
if (r && i > 0 && c && o > 0 && (l = J[o - 1].id), !l || t.id === l) {
|
|
11339
11396
|
if (o === -1) return;
|
|
11340
11397
|
let e = J[o];
|
|
11341
11398
|
if (!e) return;
|
|
11342
|
-
let n =
|
|
11399
|
+
let n = uo(J, String(t.id), String(t.id), s, go, _);
|
|
11343
11400
|
if (n === e.depth) return;
|
|
11344
|
-
let r = [...J], [i] = r.splice(o, 1), a =
|
|
11345
|
-
if (a &&
|
|
11401
|
+
let r = [...J], [i] = r.splice(o, 1), a = yo(r, o, n);
|
|
11402
|
+
if (a && Y.has(a)) return;
|
|
11346
11403
|
let c = {
|
|
11347
11404
|
...i,
|
|
11348
11405
|
depth: n,
|
|
@@ -11350,7 +11407,7 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11350
11407
|
};
|
|
11351
11408
|
r.splice(o, 0, c);
|
|
11352
11409
|
let l = J.filter((e) => e.id !== t.id).map((e) => e.id), u = r.filter((e) => e.id !== t.id).map((e) => e.id);
|
|
11353
|
-
if (l.some((e, t) =>
|
|
11410
|
+
if (l.some((e, t) => oe.has(e) ? u.indexOf(e) !== t : !1)) return;
|
|
11354
11411
|
ee(r), n > 0 && a && q(a);
|
|
11355
11412
|
return;
|
|
11356
11413
|
}
|
|
@@ -11359,15 +11416,15 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11359
11416
|
let d = [...J], f = d[o].depth, [p] = d.splice(o, 1), m = [];
|
|
11360
11417
|
for (; d.length > o && d[o].depth > f;) m.push(d.splice(o, 1)[0]);
|
|
11361
11418
|
let h = d.findIndex((e) => e.id === l), g, v;
|
|
11362
|
-
if (
|
|
11419
|
+
if (se(l)) {
|
|
11363
11420
|
let e = J[u];
|
|
11364
11421
|
g = Math.min(e.depth + 1, _), v = String(l);
|
|
11365
11422
|
} else {
|
|
11366
|
-
g =
|
|
11423
|
+
g = uo(d, String(t.id), String(l), s, go, _, p.depth);
|
|
11367
11424
|
let e = d[h];
|
|
11368
|
-
v = e && e.depth === g - 1 ? String(l) :
|
|
11425
|
+
v = e && e.depth === g - 1 ? String(l) : yo(d, h, g);
|
|
11369
11426
|
}
|
|
11370
|
-
if (v &&
|
|
11427
|
+
if (v && Y.has(v)) return;
|
|
11371
11428
|
let y = {
|
|
11372
11429
|
...p,
|
|
11373
11430
|
depth: g,
|
|
@@ -11375,37 +11432,37 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11375
11432
|
}, b = d[h], x = b && b.depth === g - 1 && v === String(l) || o < u ? h + 1 : h;
|
|
11376
11433
|
d.splice(x, 0, y, ...m);
|
|
11377
11434
|
let S = new Set([String(t.id), ...m.map((e) => e.id)]);
|
|
11378
|
-
J.some((e, t) => !
|
|
11435
|
+
J.some((e, t) => !oe.has(e.id) || S.has(e.id) || e.id === v ? !1 : d.findIndex((t) => t.id === e.id) !== t) || (ee(d), g > 0 && v !== null && q(v));
|
|
11379
11436
|
}, [
|
|
11380
11437
|
q,
|
|
11381
11438
|
J,
|
|
11382
11439
|
ee,
|
|
11440
|
+
se,
|
|
11383
11441
|
oe,
|
|
11384
|
-
ae,
|
|
11385
11442
|
_,
|
|
11386
|
-
|
|
11443
|
+
Y
|
|
11387
11444
|
]), ve = c(() => {
|
|
11388
11445
|
E(null), D.current = null, k(!1), A.current = !1, M(null), P.current = 0, U.current = 0, H(0), B.current = 0, z(0), L.current && (q(L.current), L.current = null);
|
|
11389
11446
|
}, [q]), ye = m(() => ({
|
|
11390
11447
|
onDragStart({ active: e }) {
|
|
11391
|
-
let t = J.find((t) => t.id === e.id), n =
|
|
11448
|
+
let t = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
|
|
11392
11449
|
return `Picked up ${n ? o(n) : String(e.id)}. Current position: ${t ? J.indexOf(t) + 1 : "?"} of ${J.length} at depth ${t?.depth ?? 0}.`;
|
|
11393
11450
|
},
|
|
11394
11451
|
onDragOver({ active: e, over: t }) {
|
|
11395
11452
|
if (!t) return;
|
|
11396
11453
|
let n = J.findIndex((e) => e.id === t.id);
|
|
11397
11454
|
if (n === -1) return;
|
|
11398
|
-
let r =
|
|
11455
|
+
let r = lo(K, String(e.id)), i = r ? o(r) : String(e.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
|
|
11399
11456
|
return `Moving ${i}. Target position: ${n + 1} of ${J.length} at depth ${a}.`;
|
|
11400
11457
|
},
|
|
11401
11458
|
onDragEnd({ active: e, over: t }) {
|
|
11402
|
-
let n =
|
|
11459
|
+
let n = lo(K, String(e.id)), r = n ? o(n) : String(e.id);
|
|
11403
11460
|
if (!t || e.id === t.id) return `${r} dropped. No change in position.`;
|
|
11404
|
-
let i = J.findIndex((e) => e.id === t.id), a =
|
|
11461
|
+
let i = J.findIndex((e) => e.id === t.id), a = uo(J, String(e.id), String(t.id), P.current, go, _);
|
|
11405
11462
|
return `${r} dropped at position ${i + 1} of ${J.length} at depth ${a}.`;
|
|
11406
11463
|
},
|
|
11407
11464
|
onDragCancel({ active: e }) {
|
|
11408
|
-
let t = J.find((t) => t.id === e.id), n =
|
|
11465
|
+
let t = J.find((t) => t.id === e.id), n = lo(K, String(e.id));
|
|
11409
11466
|
return `Sorting cancelled. ${n ? o(n) : String(e.id)} returned to position ${t ? J.indexOf(t) + 1 : "?"} of ${J.length}.`;
|
|
11410
11467
|
}
|
|
11411
11468
|
}), [
|
|
@@ -11413,14 +11470,14 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11413
11470
|
J,
|
|
11414
11471
|
o,
|
|
11415
11472
|
_
|
|
11416
|
-
]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type ===
|
|
11473
|
+
]), be = { columns: i }, xe = t.map(n, (t) => s(t) && t.type === fo ? e.cloneElement(t, be) : t);
|
|
11417
11474
|
return /* @__PURE__ */ e.createElement(We, {
|
|
11418
11475
|
accessibility: {
|
|
11419
11476
|
announcements: ye,
|
|
11420
11477
|
...x ? { screenReaderInstructions: { draggable: x } } : {}
|
|
11421
11478
|
},
|
|
11422
11479
|
collisionDetection: me,
|
|
11423
|
-
measuring:
|
|
11480
|
+
measuring: _o,
|
|
11424
11481
|
onDragCancel: ve,
|
|
11425
11482
|
onDragEnd: _e,
|
|
11426
11483
|
onDragMove: ge,
|
|
@@ -11429,11 +11486,11 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11429
11486
|
sensors: ie
|
|
11430
11487
|
}, /* @__PURE__ */ e.createElement(Qe, {
|
|
11431
11488
|
items: ne,
|
|
11432
|
-
strategy:
|
|
11489
|
+
strategy: X
|
|
11433
11490
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
11434
11491
|
className: Z([
|
|
11435
11492
|
w,
|
|
11436
|
-
|
|
11493
|
+
ae,
|
|
11437
11494
|
r ?? ""
|
|
11438
11495
|
]),
|
|
11439
11496
|
onKeyDownCapture: () => {
|
|
@@ -11451,7 +11508,7 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11451
11508
|
index: t.index,
|
|
11452
11509
|
isDragging: t.id === T,
|
|
11453
11510
|
isExpanded: t.isExpanded,
|
|
11454
|
-
isLocked:
|
|
11511
|
+
isLocked: oe.has(t.id),
|
|
11455
11512
|
toggleExpand: () => re(t.id)
|
|
11456
11513
|
}, r = y(t.data, n), a = t.id === T, o = {
|
|
11457
11514
|
columns: i,
|
|
@@ -11459,10 +11516,10 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11459
11516
|
hasChildren: t.hasChildren,
|
|
11460
11517
|
isDragActive: G,
|
|
11461
11518
|
isDragging: a,
|
|
11462
|
-
isDropTarget: t.id === j &&
|
|
11463
|
-
isProjectedParent: t.id === fe && !
|
|
11519
|
+
isDropTarget: t.id === j && se(t.id),
|
|
11520
|
+
isProjectedParent: t.id === fe && !Y.has(t.id),
|
|
11464
11521
|
isExpanded: t.isExpanded,
|
|
11465
|
-
...
|
|
11522
|
+
...oe.has(t.id) ? { isLocked: !0 } : {},
|
|
11466
11523
|
onToggleExpand: () => re(t.id),
|
|
11467
11524
|
...a && !O && _ > 0 ? { projectedDepthDelta: de - t.depth } : {}
|
|
11468
11525
|
};
|
|
@@ -11495,14 +11552,14 @@ var mo = 24, ho = { droppable: { strategy: qe.Always } }, go = o(function({ chil
|
|
|
11495
11552
|
return s(a) ? e.cloneElement(a, o) : a;
|
|
11496
11553
|
})()) : null));
|
|
11497
11554
|
});
|
|
11498
|
-
function
|
|
11555
|
+
function yo(e, t, n) {
|
|
11499
11556
|
if (n === 0) return null;
|
|
11500
11557
|
for (let r = t - 1; r >= 0; r--) if (e[r].depth === n - 1) return e[r].id;
|
|
11501
11558
|
return null;
|
|
11502
11559
|
}
|
|
11503
11560
|
//#endregion
|
|
11504
11561
|
//#region src/components/SortableList/SortableRow.tsx
|
|
11505
|
-
var
|
|
11562
|
+
var bo = ({ 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 }) => {
|
|
11506
11563
|
let { attributes: g, isDragging: _, listeners: v, setNodeRef: y, transform: b, transition: x } = et({
|
|
11507
11564
|
attributes: {
|
|
11508
11565
|
role: "listitem",
|
|
@@ -11557,11 +11614,11 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11557
11614
|
key: t.id,
|
|
11558
11615
|
className: `${w}__cell`
|
|
11559
11616
|
}, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.label, ": "), j[t.id] ?? null)) : t));
|
|
11560
|
-
},
|
|
11617
|
+
}, xo = [
|
|
11561
11618
|
"default",
|
|
11562
11619
|
"working",
|
|
11563
11620
|
"checked"
|
|
11564
|
-
],
|
|
11621
|
+
], So = ({ alignment: t = "left", className: n, componentWidth: r, labelStrings: i = {}, lastChecked: a, onCheck: o, state: s = "default", ...c }) => {
|
|
11565
11622
|
let l = {
|
|
11566
11623
|
checkForUpdates: "Check for updates",
|
|
11567
11624
|
checking: "Checking...",
|
|
@@ -11608,7 +11665,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11608
11665
|
triggerIconColor: "default",
|
|
11609
11666
|
triggerIconSize: "s"
|
|
11610
11667
|
}), t === "left" && g));
|
|
11611
|
-
},
|
|
11668
|
+
}, Co = ({ className: t, label: n = null, linkContent: r, type: i = "neutral", ...a }) => {
|
|
11612
11669
|
let o = "pds-status-indicator", c = `${o}--${i}`, l = /* @__PURE__ */ e.createElement(e.Fragment, null, i === "working" ? /* @__PURE__ */ e.createElement(bn, {
|
|
11613
11670
|
className: `${o}__spinner`,
|
|
11614
11671
|
size: "m"
|
|
@@ -11625,7 +11682,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11625
11682
|
]),
|
|
11626
11683
|
...a
|
|
11627
11684
|
}, r ? d : l);
|
|
11628
|
-
},
|
|
11685
|
+
}, wo = ({ className: t, contentAlignment: n = "indented", layoutDirection: r = "vertical", steps: i, ...a }) => {
|
|
11629
11686
|
let o = "pds-step-list", s = `${o}--${n}`, c = r === "horizontal" ? `${o}--horizontal` : "", l = i.map(({ content: t, header: r }, i) => {
|
|
11630
11687
|
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`;
|
|
11631
11688
|
return /* @__PURE__ */ e.createElement("li", {
|
|
@@ -11643,7 +11700,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11643
11700
|
style: r === "horizontal" ? { "--step-list-columns": i.length } : void 0,
|
|
11644
11701
|
...a
|
|
11645
11702
|
}, l);
|
|
11646
|
-
},
|
|
11703
|
+
}, To = ({ className: t, steps: n, translatableLabels: r = {
|
|
11647
11704
|
step: "Step",
|
|
11648
11705
|
completed: "completed",
|
|
11649
11706
|
hasError: "has an error",
|
|
@@ -11707,7 +11764,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11707
11764
|
key: t.id,
|
|
11708
11765
|
className: `${o}__step`,
|
|
11709
11766
|
id: `${t.id}--mobile`
|
|
11710
|
-
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(
|
|
11767
|
+
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__progress-indicator` }, /* @__PURE__ */ e.createElement(Za, {
|
|
11711
11768
|
innerLabel: n,
|
|
11712
11769
|
label: "Step progress",
|
|
11713
11770
|
percentage: i,
|
|
@@ -11732,7 +11789,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11732
11789
|
"data-steps": d,
|
|
11733
11790
|
...i
|
|
11734
11791
|
}, /* @__PURE__ */ e.createElement("div", { className: `${o}__steps` }, m)));
|
|
11735
|
-
},
|
|
11792
|
+
}, Eo = ({ _isFirstStep: t, backButton: n, forwardButton: r, hasError: i, id: a, isComplete: o, isCurrent: s, label: c, stepContent: l, ...u }) => {
|
|
11736
11793
|
let d = "pds-vert-stepper", f = `${d}__step`, p = [f];
|
|
11737
11794
|
return s && p.push(`${f}--current`), o && p.push(`${f}--complete`), i && p.push(`${f}--error`), /* @__PURE__ */ e.createElement("li", {
|
|
11738
11795
|
className: Z([...p]),
|
|
@@ -11758,14 +11815,14 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11758
11815
|
size: "s",
|
|
11759
11816
|
variant: "highlight"
|
|
11760
11817
|
})))));
|
|
11761
|
-
},
|
|
11818
|
+
}, Do = ({ className: t, labelStrings: n = {
|
|
11762
11819
|
step: "Step",
|
|
11763
11820
|
completed: "completed",
|
|
11764
11821
|
hasError: "has an error"
|
|
11765
11822
|
}, steps: r, ...i }) => {
|
|
11766
11823
|
let a = "pds-vert-stepper", o = r.length, s = r.findIndex((e) => e.isCurrent), c = r.map((t, r) => {
|
|
11767
11824
|
let i = r + 1, a = r === s, c = r === 0, l = t.isComplete || !1, u = t.hasError && a, d = `${n.step} ${i}`;
|
|
11768
|
-
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(
|
|
11825
|
+
return l && (d = `${n.step} ${i}, ${n.completed}`), u && (d = `${n.step} ${i}, ${n.hasError}`), /* @__PURE__ */ e.createElement(Eo, {
|
|
11769
11826
|
key: `s${i}`,
|
|
11770
11827
|
_isFirstStep: c,
|
|
11771
11828
|
"aria-current": a ? "step" : null,
|
|
@@ -11786,8 +11843,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11786
11843
|
className: Z([a, t ?? ""]),
|
|
11787
11844
|
...i
|
|
11788
11845
|
}, /* @__PURE__ */ e.createElement("ol", { className: `${a}__steps` }, r && c));
|
|
11789
|
-
},
|
|
11790
|
-
let
|
|
11846
|
+
}, Oo = ({ className: t, closeDetailPanelLabel: n = "Close detail panel", columns: r, currentPage: i, defaultSortKey: a, defaultSortOrder: o = "asc", detailPanelNav: s = !0, detailPanelTitle: c, detailPanelWidth: l, emptyState: f, emptyStateHeading: p = "No results found.", emptyStateMessage: _, footer: v, getPageSizeLabel: y = (e) => `Show ${e} rows per page`, getRowClassName: b, getRowId: x, getRowSelectDisabledReason: S, getSelectRowLabel: C = (e, t) => `Select row ${t}`, getSortLabel: w = (e) => `Sort by ${e}`, inspectedRowId: T, isLoading: E = !1, isRowSelectable: D = () => !0, itemsPerPage: O, loadingRowCount: k = 5, maxHeight: A, minHeight: j, nextDetailPanelRowLabel: M = "Next row", onDetailPanelNext: N, onDetailPanelPrev: P, onPageChange: F, onPageSizeChange: I, onRowInspect: L, onRowSelectionChange: R, onSort: z, pageSizeOptions: B, pageSizeSelectLabel: V = "Rows per page", paginationLabels: H, panel: U, prevDetailPanelRowLabel: W = "Previous row", renderDetailPanel: G, renderDetailPanelFooter: K, rowData: q, selectAllLabel: J = "Select all rows", selectedRows: ee, sortKey: te, sortOrder: ne, totalItemCount: re, ...ie }) => {
|
|
11847
|
+
let ae = "pds-table", oe = d(), Y = d(), se = h(null), X = z !== void 0, ce = F !== void 0, le = I !== void 0, ue = ce || O !== void 0 || B !== void 0, de = q.length > 0 || ce && (re ?? 0) > 0, [fe, pe] = g({
|
|
11791
11848
|
key: a ?? "",
|
|
11792
11849
|
order: a === void 0 ? "asc" : o
|
|
11793
11850
|
}), [me, he] = g(1), [ge, _e] = g(O ?? B?.[0] ?? 10), [ve, ye] = g(null), be = T ?? ve, xe = !!be && !!G, Se = ce ? O ?? 10 : ge, Ce = (e) => {
|
|
@@ -11822,21 +11879,21 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11822
11879
|
};
|
|
11823
11880
|
u(() => {
|
|
11824
11881
|
if (!xe) return;
|
|
11825
|
-
let e =
|
|
11882
|
+
let e = se.current, t = e?.querySelector(`.${ae}__row--inspected`);
|
|
11826
11883
|
if (!e || !t) return;
|
|
11827
11884
|
let n = e.getBoundingClientRect(), r = t.getBoundingClientRect(), i = e.querySelector("thead")?.getBoundingClientRect().height ?? 0, a = n.top + i;
|
|
11828
11885
|
r.top < a ? e.scrollTop -= a - r.top : r.bottom > n.bottom && (e.scrollTop += r.bottom - n.bottom);
|
|
11829
11886
|
let o = document.activeElement;
|
|
11830
|
-
o instanceof HTMLElement && o.classList.contains(`${
|
|
11887
|
+
o instanceof HTMLElement && o.classList.contains(`${ae}__row--inspectable`) && t.focus({ preventScroll: !0 });
|
|
11831
11888
|
}, [
|
|
11832
11889
|
be,
|
|
11833
11890
|
xe,
|
|
11834
|
-
|
|
11891
|
+
ae
|
|
11835
11892
|
]);
|
|
11836
|
-
let Re =
|
|
11893
|
+
let Re = X ? te ?? "" : fe.key, ze = X ? ne ?? "asc" : fe.order, Be = m(() => {
|
|
11837
11894
|
if (E) return [];
|
|
11838
11895
|
let e = q;
|
|
11839
|
-
if (!
|
|
11896
|
+
if (!X && fe.key !== "") {
|
|
11840
11897
|
let t = r.find((e) => e.id === fe.key)?.sortKey ?? fe.key;
|
|
11841
11898
|
e = [...e].sort((e, n) => {
|
|
11842
11899
|
let r = String(e[t]).localeCompare(String(n[t]));
|
|
@@ -11851,19 +11908,19 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11851
11908
|
}, [
|
|
11852
11909
|
q,
|
|
11853
11910
|
fe,
|
|
11854
|
-
|
|
11911
|
+
X,
|
|
11855
11912
|
ce,
|
|
11856
11913
|
ue,
|
|
11857
11914
|
me,
|
|
11858
11915
|
Se,
|
|
11859
11916
|
E
|
|
11860
11917
|
]), Ve = (e) => {
|
|
11861
|
-
|
|
11918
|
+
X ? z(e, te === e && ne === "asc" ? "desc" : "asc") : pe((t) => ({
|
|
11862
11919
|
key: e,
|
|
11863
11920
|
order: t.key === e && t.order === "asc" ? "desc" : "asc"
|
|
11864
11921
|
}));
|
|
11865
11922
|
}, He = (e) => Re === e ? ze === "asc" ? "ascending" : "descending" : "none", Ue = (e, t) => {
|
|
11866
|
-
let n = `${
|
|
11923
|
+
let n = `${ae}__sort-button-${t}`, r = !E && Be.length === 0;
|
|
11867
11924
|
if (E || r || Re === "") return t === "top" ? `${n}--inactive` : "";
|
|
11868
11925
|
let i = Re === e;
|
|
11869
11926
|
return t === "top" ? i && ze === "asc" ? "" : `${n}--inactive` : i && ze === "desc" ? `${n}--desc` : "";
|
|
@@ -11898,8 +11955,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11898
11955
|
key: `row-${i}`,
|
|
11899
11956
|
"aria-selected": a ? o : void 0,
|
|
11900
11957
|
className: Z([
|
|
11901
|
-
a ? `${
|
|
11902
|
-
o ? `${
|
|
11958
|
+
a ? `${ae}__row--inspectable` : null,
|
|
11959
|
+
o ? `${ae}__row--inspected` : null,
|
|
11903
11960
|
b?.(t, i) ?? null
|
|
11904
11961
|
]),
|
|
11905
11962
|
onClick: a ? () => Ne(t, i) : void 0,
|
|
@@ -11910,7 +11967,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11910
11967
|
}, we && /* @__PURE__ */ e.createElement("td", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement($r, {
|
|
11911
11968
|
checked: Oe.has(i),
|
|
11912
11969
|
disabled: !s,
|
|
11913
|
-
id: `${
|
|
11970
|
+
id: `${Y}-row-${i}`,
|
|
11914
11971
|
inputProps: c ? { title: c } : void 0,
|
|
11915
11972
|
label: u,
|
|
11916
11973
|
onChange: () => qe(i),
|
|
@@ -11926,16 +11983,16 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11926
11983
|
className: Z(["pds-table-wrapper__content", xe ? "pds-table-wrapper__content--panel-open" : null]),
|
|
11927
11984
|
style: Qe
|
|
11928
11985
|
}, /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__table-column" }, /* @__PURE__ */ e.createElement("div", {
|
|
11929
|
-
ref:
|
|
11986
|
+
ref: se,
|
|
11930
11987
|
className: "pds-table-wrapper__table-area",
|
|
11931
11988
|
style: $e
|
|
11932
11989
|
}, /* @__PURE__ */ e.createElement("table", {
|
|
11933
11990
|
"aria-busy": E,
|
|
11934
|
-
className: Z([
|
|
11991
|
+
className: Z([ae, t]),
|
|
11935
11992
|
...ie
|
|
11936
11993
|
}, /* @__PURE__ */ e.createElement("thead", null, /* @__PURE__ */ e.createElement("tr", null, we && /* @__PURE__ */ e.createElement("th", { className: "pds-table__checkbox-cell" }, /* @__PURE__ */ e.createElement($r, {
|
|
11937
11994
|
checked: Ge,
|
|
11938
|
-
id:
|
|
11995
|
+
id: Y,
|
|
11939
11996
|
indeterminate: Ke,
|
|
11940
11997
|
label: J,
|
|
11941
11998
|
onChange: Je,
|
|
@@ -11945,21 +12002,21 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11945
12002
|
"aria-sort": t.sortable ? He(t.id) : void 0
|
|
11946
12003
|
}, t.sortable ? /* @__PURE__ */ e.createElement("button", {
|
|
11947
12004
|
"aria-label": w(En(t.header)),
|
|
11948
|
-
className: `${
|
|
12005
|
+
className: `${ae}__sort-button`,
|
|
11949
12006
|
onClick: () => Ve(t.id),
|
|
11950
12007
|
type: "button"
|
|
11951
12008
|
}, t.header, /* @__PURE__ */ e.createElement("span", {
|
|
11952
12009
|
"aria-hidden": "true",
|
|
11953
|
-
className: `${
|
|
11954
|
-
}, /* @__PURE__ */ e.createElement("span", { className: Z([`${
|
|
12010
|
+
className: `${ae}__sort-icons`
|
|
12011
|
+
}, /* @__PURE__ */ e.createElement("span", { className: Z([`${ae}__sort-button-top`, Ue(t.id, "top")]) }, /* @__PURE__ */ e.createElement(Q, {
|
|
11955
12012
|
iconName: "caretUp",
|
|
11956
12013
|
size: "m"
|
|
11957
|
-
})), /* @__PURE__ */ e.createElement("span", { className: Z([`${
|
|
12014
|
+
})), /* @__PURE__ */ e.createElement("span", { className: Z([`${ae}__sort-button-bottom`, Ue(t.id, "bottom")]) }, /* @__PURE__ */ e.createElement(Q, {
|
|
11958
12015
|
iconName: "caretDown",
|
|
11959
12016
|
size: "m"
|
|
11960
12017
|
})))) : /* @__PURE__ */ e.createElement("span", null, t.header))))), /* @__PURE__ */ e.createElement("tbody", null, E ? Array.from({ length: k }, (e, t) => Ye(t)) : Be.length === 0 ? Xe() : Be.map((e, t) => Ze(e, t))))), ue && !E && de && /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination" }, B && B.length > 0 && /* @__PURE__ */ e.createElement(hr, {
|
|
11961
12018
|
autoWidth: !0,
|
|
11962
|
-
id:
|
|
12019
|
+
id: oe,
|
|
11963
12020
|
label: V,
|
|
11964
12021
|
onOptionSelect: (e) => Ce(Number(e.value)),
|
|
11965
12022
|
options: B.map((e) => ({
|
|
@@ -11969,7 +12026,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
11969
12026
|
showLabel: !1,
|
|
11970
12027
|
size: "s",
|
|
11971
12028
|
value: String(Se)
|
|
11972
|
-
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(
|
|
12029
|
+
}), /* @__PURE__ */ e.createElement("div", { className: "pds-table-wrapper__pagination-controls" }, /* @__PURE__ */ e.createElement(Pa, {
|
|
11973
12030
|
currentPage: ce ? i ?? 1 : me,
|
|
11974
12031
|
itemsPerPage: Se,
|
|
11975
12032
|
labelStrings: H,
|
|
@@ -12010,8 +12067,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12010
12067
|
size: "s",
|
|
12011
12068
|
variant: "standard"
|
|
12012
12069
|
}))))));
|
|
12013
|
-
return U ? /* @__PURE__ */ e.createElement(
|
|
12014
|
-
},
|
|
12070
|
+
return U ? /* @__PURE__ */ e.createElement(La, { padding: "none" }, et) : et;
|
|
12071
|
+
}, ko = [
|
|
12015
12072
|
" ",
|
|
12016
12073
|
"/",
|
|
12017
12074
|
".",
|
|
@@ -12029,7 +12086,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12029
12086
|
"=",
|
|
12030
12087
|
"|",
|
|
12031
12088
|
"~"
|
|
12032
|
-
],
|
|
12089
|
+
], Ao = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), jo = (e) => {
|
|
12033
12090
|
let t = [];
|
|
12034
12091
|
return e.forEach((e) => {
|
|
12035
12092
|
let { id: n, innerText: r } = e;
|
|
@@ -12042,18 +12099,18 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12042
12099
|
title: r
|
|
12043
12100
|
});
|
|
12044
12101
|
}), t;
|
|
12045
|
-
},
|
|
12102
|
+
}, Mo = (e, t, n) => {
|
|
12046
12103
|
let [r, i] = g([]);
|
|
12047
12104
|
return u(() => {
|
|
12048
12105
|
let r = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = () => {
|
|
12049
12106
|
let e = Array.from(document.querySelectorAll(r));
|
|
12050
12107
|
e.forEach((e) => {
|
|
12051
|
-
|
|
12052
|
-
e.id.includes(t) && (e.id = e.id.replace(new RegExp(
|
|
12108
|
+
ko.forEach((t) => {
|
|
12109
|
+
e.id.includes(t) && (e.id = e.id.replace(new RegExp(Ao(t), "g"), "-"));
|
|
12053
12110
|
});
|
|
12054
12111
|
}), e.forEach((e, t) => {
|
|
12055
12112
|
e.id || (e.id = `${n}-item-${t}`);
|
|
12056
|
-
}), i(
|
|
12113
|
+
}), i(jo(e));
|
|
12057
12114
|
};
|
|
12058
12115
|
a();
|
|
12059
12116
|
let o = document.getElementById(e);
|
|
@@ -12069,7 +12126,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12069
12126
|
t,
|
|
12070
12127
|
n
|
|
12071
12128
|
]), { nestedHeadings: r };
|
|
12072
|
-
},
|
|
12129
|
+
}, No = (e, t) => {
|
|
12073
12130
|
let [n, r] = g(void 0), i = h({});
|
|
12074
12131
|
return u(() => {
|
|
12075
12132
|
let n = `#${e} h2:not(.${t}), #${e} h3:not(.${t})`, a = Array.from(document.querySelectorAll(n));
|
|
@@ -12088,7 +12145,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12088
12145
|
o.disconnect(), r(void 0);
|
|
12089
12146
|
};
|
|
12090
12147
|
}, [e, t]), n;
|
|
12091
|
-
},
|
|
12148
|
+
}, Po = ({ 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", {
|
|
12092
12149
|
key: r.id,
|
|
12093
12150
|
className: `${n}__list-item`
|
|
12094
12151
|
}, /* @__PURE__ */ e.createElement("a", {
|
|
@@ -12104,8 +12161,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12104
12161
|
className: Z([`${n}__link`, r.id === t ? `${n}__link--active` : null]),
|
|
12105
12162
|
href: `#${r.id}`,
|
|
12106
12163
|
onClick: (e) => i(e, r.id)
|
|
12107
|
-
}, r.title))))))),
|
|
12108
|
-
let u = "pds-toc", { nestedHeadings: f } =
|
|
12164
|
+
}, r.title))))))), Fo = ({ 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 }) => {
|
|
12165
|
+
let u = "pds-toc", { nestedHeadings: f } = Mo(c, o, d()), p = No(c, o), m = (e) => {
|
|
12109
12166
|
typeof window < "u" && window.location.hash !== `#${e}` && window.history.pushState({}, "", `#${e}`);
|
|
12110
12167
|
}, h = (e) => {
|
|
12111
12168
|
document.querySelector(`#${e}`)?.scrollIntoView({
|
|
@@ -12123,13 +12180,13 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12123
12180
|
baseClass: u,
|
|
12124
12181
|
className: `${s ? "" : "visually-hidden"}`,
|
|
12125
12182
|
level: i
|
|
12126
|
-
}, a), /* @__PURE__ */ e.createElement(
|
|
12183
|
+
}, a), /* @__PURE__ */ e.createElement(Po, {
|
|
12127
12184
|
activeID: p,
|
|
12128
12185
|
baseClass: u,
|
|
12129
12186
|
headings: f,
|
|
12130
12187
|
onLinkClick: g
|
|
12131
12188
|
}));
|
|
12132
|
-
},
|
|
12189
|
+
}, Io = ({ ariaLabel: t, className: n, defaultSelected: r = 0, onActiveTabChange: i = () => {}, selectedTab: a, tabs: o, ...s }) => {
|
|
12133
12190
|
let c = "pds-tabs", [l, d] = g(a ?? r);
|
|
12134
12191
|
u(() => {
|
|
12135
12192
|
a !== void 0 && d(a);
|
|
@@ -12243,7 +12300,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12243
12300
|
className: `${c}__panel-content`,
|
|
12244
12301
|
hidden: o !== l
|
|
12245
12302
|
}, r)))));
|
|
12246
|
-
},
|
|
12303
|
+
}, Lo = [
|
|
12247
12304
|
"orange",
|
|
12248
12305
|
"stone",
|
|
12249
12306
|
"gold",
|
|
@@ -12257,7 +12314,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12257
12314
|
"magenta",
|
|
12258
12315
|
"rose",
|
|
12259
12316
|
"red"
|
|
12260
|
-
],
|
|
12317
|
+
], Ro = [
|
|
12261
12318
|
"orange-solid",
|
|
12262
12319
|
"teal-solid",
|
|
12263
12320
|
"indigo-solid",
|
|
@@ -12267,14 +12324,14 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12267
12324
|
"lime-solid",
|
|
12268
12325
|
"sky-solid",
|
|
12269
12326
|
"slate-solid"
|
|
12270
|
-
],
|
|
12327
|
+
], zo = [
|
|
12271
12328
|
"success-solid",
|
|
12272
12329
|
"warning-solid",
|
|
12273
12330
|
"critical-solid",
|
|
12274
12331
|
"info-solid",
|
|
12275
12332
|
"discovery-solid"
|
|
12276
|
-
],
|
|
12277
|
-
let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${
|
|
12333
|
+
], Bo = [...Ro, ...zo], Vo = [...Lo, ...Ro], Ho = (e) => Vo[parseInt(v(e), 16) % Vo.length], Uo = (e, t) => e.length > t ? e.slice(0, t) + " ..." : e, Wo = ({ className: t, isRemovable: n, linkContent: r, onRemove: i, removeLabel: a = "Remove tag", size: o = "s", tagColor: c, tagLabel: l, truncationLength: u = 18, ...d }) => {
|
|
12334
|
+
let [f, p] = g(!0), m = "pds-tag", h = c ? `${m}--${c}` : `${m}--${Ho(l)}`, _ = `${m}--${o}`, v = f ? null : "pds-tag--hide", y = () => {
|
|
12278
12335
|
p((e) => !e);
|
|
12279
12336
|
}, b, x, S;
|
|
12280
12337
|
if (r && !n && s(r)) {
|
|
@@ -12296,7 +12353,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12296
12353
|
}, /* @__PURE__ */ e.createElement("span", {
|
|
12297
12354
|
className: `${m}__label`,
|
|
12298
12355
|
title: l
|
|
12299
|
-
}, u > 0 ?
|
|
12356
|
+
}, u > 0 ? Uo(l, u) : l), n ? /* @__PURE__ */ e.createElement("button", {
|
|
12300
12357
|
"aria-label": `${a}: ${l}`,
|
|
12301
12358
|
className: `${m}__remove`,
|
|
12302
12359
|
onClick: () => {
|
|
@@ -12308,7 +12365,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12308
12365
|
iconName: "xmark",
|
|
12309
12366
|
size: "m"
|
|
12310
12367
|
})) : null);
|
|
12311
|
-
},
|
|
12368
|
+
}, Go = ({ backgroundColor: t = "transparent", children: n, className: r, padding: i = "none", ...a }) => {
|
|
12312
12369
|
let o = "pds-utility-bar", s = t === "transparent" ? null : `${o}--bg-${t}`, c = i === "none" ? null : `${o}--pad-${i}`, l = ft(n), u = l["items-left"], d = l["items-right"] ?? l.__unslotted;
|
|
12313
12370
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12314
12371
|
className: Z([
|
|
@@ -12319,7 +12376,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12319
12376
|
]),
|
|
12320
12377
|
...a
|
|
12321
12378
|
}, /* @__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)));
|
|
12322
|
-
},
|
|
12379
|
+
}, Ko = () => {
|
|
12323
12380
|
let e = typeof window < "u", t = (e) => e >= 1440 ? "xl" : e >= 1280 ? "lg" : e >= 768 ? "md" : "sm", [n, r] = g(e ? t(window.innerWidth) : "lg");
|
|
12324
12381
|
return u(() => {
|
|
12325
12382
|
if (!e) return;
|
|
@@ -12330,7 +12387,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12330
12387
|
window.removeEventListener("resize", n);
|
|
12331
12388
|
};
|
|
12332
12389
|
}, []), n;
|
|
12333
|
-
},
|
|
12390
|
+
}, qo = ({ children: t, className: n, drawerContent: r, drawerProps: i, hasDrawerToggle: o, hasSidebarToggle: s, isDrawerOpen: c = !1, isSidebarCollapsed: l, keyboardShortcuts: d = !0, labels: f, mainBackground: m, mainContentElement: _ = "main", mainContentMaxWidth: v = 1600, mainContentProps: y, onDrawerToggle: b, onSidebarToggle: x, scrollableContent: S, sidebarBackground: C, sidebarCollapsedWidth: w = 4, sidebarExpandedWidth: T = "15%", sidebarExpandedWidthMax: E = 18, sidebarExpandedWidthMin: D = 14.75, sidebarProps: O, topOffset: k, ...A }) => {
|
|
12334
12391
|
let [j, M] = g(l || !1);
|
|
12335
12392
|
u(() => {
|
|
12336
12393
|
M(l || !1);
|
|
@@ -12352,7 +12409,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12352
12409
|
return;
|
|
12353
12410
|
}
|
|
12354
12411
|
M(!j);
|
|
12355
|
-
}, U =
|
|
12412
|
+
}, U = Ko();
|
|
12356
12413
|
u(() => {
|
|
12357
12414
|
U === "sm" && !j ? (V.current = !0, x ? x() : M(!0)) : U !== "sm" && V.current && (V.current = !1, x ? x() : M(!1));
|
|
12358
12415
|
}, [U]);
|
|
@@ -12382,14 +12439,14 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12382
12439
|
r.disconnect(), i?.disconnect(), window.removeEventListener("resize", t);
|
|
12383
12440
|
};
|
|
12384
12441
|
}, [R]);
|
|
12385
|
-
let K = ft(t), q = K.__unslotted, J = K.header, ee = K.footer, te = K.sidebar, ne = K.identity, re = K["content-top"], ie = K.navigation,
|
|
12442
|
+
let K = ft(t), q = K.__unslotted, J = K.header, ee = K.footer, te = K.sidebar, ne = K.identity, re = K["content-top"], ie = K.navigation, ae = K["content-bottom"], oe = ne || re || ie || ae, Y = oe ? /* @__PURE__ */ e.createElement(e.Fragment, null, (ne || o) && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-identity` }, ne, o && !j && /* @__PURE__ */ e.createElement(An, {
|
|
12386
12443
|
hasBorder: !0,
|
|
12387
12444
|
ariaLabel: F.drawerToggle,
|
|
12388
12445
|
className: `${N}__drawer-toggle`,
|
|
12389
12446
|
iconName: "sidebar",
|
|
12390
12447
|
onClick: b,
|
|
12391
12448
|
size: "s"
|
|
12392
|
-
})), re && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, re), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ie),
|
|
12449
|
+
})), re && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-top` }, re), ie && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-navigation` }, ie), ae && /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-content-bottom` }, ae)) : te, se = a(_, {
|
|
12393
12450
|
...y,
|
|
12394
12451
|
className: Z([`${N}__main`, y?.className]),
|
|
12395
12452
|
id: I,
|
|
@@ -12401,13 +12458,13 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12401
12458
|
}, /* @__PURE__ */ e.createElement("div", {
|
|
12402
12459
|
className: `${N}__main-inner`,
|
|
12403
12460
|
style: { maxWidth: L }
|
|
12404
|
-
}, q)),
|
|
12461
|
+
}, q)), X = /* @__PURE__ */ e.createElement("div", {
|
|
12405
12462
|
className: `${N}__content-column`,
|
|
12406
12463
|
style: { backgroundColor: m || void 0 }
|
|
12407
|
-
},
|
|
12464
|
+
}, se, ee && /* @__PURE__ */ e.createElement("div", { className: `${N}__footer` }, /* @__PURE__ */ e.createElement("div", {
|
|
12408
12465
|
className: `${N}__footer-inner`,
|
|
12409
12466
|
style: { maxWidth: L }
|
|
12410
|
-
}, ee))), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, (te ||
|
|
12467
|
+
}, ee))), ce = /* @__PURE__ */ e.createElement(e.Fragment, null, (te || oe) && /* @__PURE__ */ e.createElement("div", {
|
|
12411
12468
|
...O,
|
|
12412
12469
|
className: Z([
|
|
12413
12470
|
`${N}__sidebar`,
|
|
@@ -12434,7 +12491,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12434
12491
|
crossAxis: -96
|
|
12435
12492
|
},
|
|
12436
12493
|
preferredPlacement: "right-end"
|
|
12437
|
-
}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` },
|
|
12494
|
+
}), /* @__PURE__ */ e.createElement("div", { className: `${N}__sidebar-inner` }, Y)), X);
|
|
12438
12495
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", {
|
|
12439
12496
|
ref: G,
|
|
12440
12497
|
className: Z([
|
|
@@ -12444,10 +12501,10 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12444
12501
|
n ?? ""
|
|
12445
12502
|
]),
|
|
12446
12503
|
...A
|
|
12447
|
-
}, /* @__PURE__ */ e.createElement(
|
|
12504
|
+
}, /* @__PURE__ */ e.createElement(Fi, {
|
|
12448
12505
|
destination: I,
|
|
12449
12506
|
text: F.skipToContent
|
|
12450
|
-
}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(
|
|
12507
|
+
}), J ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: `${N}__header` }, J), /* @__PURE__ */ e.createElement("div", { className: `${N}__body` }, ce)) : ce), o && /* @__PURE__ */ e.createElement(Da, {
|
|
12451
12508
|
...i,
|
|
12452
12509
|
isOpen: c,
|
|
12453
12510
|
placement: "left",
|
|
@@ -12455,7 +12512,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12455
12512
|
!e && c && b && b();
|
|
12456
12513
|
}
|
|
12457
12514
|
}, r));
|
|
12458
|
-
},
|
|
12515
|
+
}, Jo = ({ children: t, className: n, sidebarWidth: r = "18%", sidebarWidthMax: i = 20, sidebarWidthMin: a = 15, style: o, ...s }) => {
|
|
12459
12516
|
let c = "pds-docs-layout", l = {
|
|
12460
12517
|
"--docs-sidebar-max-width": `${i}rem`,
|
|
12461
12518
|
"--docs-sidebar-min-width": `${a}rem`,
|
|
@@ -12473,7 +12530,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12473
12530
|
},
|
|
12474
12531
|
...s
|
|
12475
12532
|
}, 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));
|
|
12476
|
-
},
|
|
12533
|
+
}, Yo = ({ children: t, className: n, gridGap: r = "xl", sidebarLocation: i = "right", sidebarMobileLocation: a = "after", sidebarWidth: o = "33%", sidebarWidthMax: s = 25, sidebarWidthMin: c = 15, ...l }) => {
|
|
12477
12534
|
let u = "pds-sidebar-layout", d = r === "none" ? "0" : `var(--pds-spacing-${r})`, f = ft(t);
|
|
12478
12535
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12479
12536
|
className: Z([u, n ?? ""]),
|
|
@@ -12487,8 +12544,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12487
12544
|
},
|
|
12488
12545
|
...l
|
|
12489
12546
|
}, /* @__PURE__ */ e.createElement("div", { className: `${u}__main` }, f.__unslotted || f.content), /* @__PURE__ */ e.createElement("div", { className: `${u}__side` }, f.sidebar));
|
|
12490
|
-
},
|
|
12491
|
-
let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(
|
|
12547
|
+
}, Xo = ({ children: t, className: n, formWidth: r = "standard", hasPanel: i = !1, ...a }) => {
|
|
12548
|
+
let o = ft(t), s = o.stepper, c = o.form, l = "pds-stepper-layout", u = r === "full" ? `${l}--full-width` : null, d = /* @__PURE__ */ e.createElement(Ji, {
|
|
12492
12549
|
className: Z([
|
|
12493
12550
|
l,
|
|
12494
12551
|
u,
|
|
@@ -12497,8 +12554,8 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12497
12554
|
width: "wide",
|
|
12498
12555
|
...a
|
|
12499
12556
|
}, s && /* @__PURE__ */ e.createElement("div", { className: `${l}__stepper-container` }, s), c && /* @__PURE__ */ e.createElement("div", { className: `${l}__form-container` }, c));
|
|
12500
|
-
return i ? /* @__PURE__ */ e.createElement(
|
|
12501
|
-
},
|
|
12557
|
+
return i ? /* @__PURE__ */ e.createElement(La, null, d) : d;
|
|
12558
|
+
}, Zo = ({ children: t, className: n, gridGap: r = "xl", verticalAlign: i = "start", ...a }) => {
|
|
12502
12559
|
let o = "pds-three-item-layout", s = r === "xl" ? "pds-grid" : `pds-grid pds-grid--gap-${r}`, c = `${o}--${i}`, l = ft(t), u = [
|
|
12503
12560
|
l["first-item"],
|
|
12504
12561
|
l["second-item"],
|
|
@@ -12516,7 +12573,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12516
12573
|
key: n,
|
|
12517
12574
|
className: "pds-grid-item pds-grid-item--sm-12 pds-grid-item--md-4 pds-grid-item--lg-4"
|
|
12518
12575
|
}, t)));
|
|
12519
|
-
},
|
|
12576
|
+
}, Qo = ({ children: t, className: n, gridGap: r = "xl", layoutVariant: i = "equal", verticalAlign: a = "start", ...o }) => {
|
|
12520
12577
|
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;
|
|
12521
12578
|
switch (i) {
|
|
12522
12579
|
case "equal":
|
|
@@ -12537,7 +12594,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12537
12594
|
]),
|
|
12538
12595
|
...o
|
|
12539
12596
|
}, /* @__PURE__ */ e.createElement("div", { className: m.join(" ").trim() }, _), /* @__PURE__ */ e.createElement("div", { className: h.join(" ").trim() }, v));
|
|
12540
|
-
},
|
|
12597
|
+
}, $o = ({ alignContent: t = "flex-start", alignItems: n = "stretch", children: r, className: i, flexDirection: a = "row", flexWrap: o = "nowrap", gap: s = "xl", justifyContent: c = "flex-start", mobileAlignContent: l, mobileAlignItems: u, mobileFlexDirection: d = "column", mobileFlexWrap: f, mobileGap: p, mobileJustifyContent: m, style: h, ...g }) => {
|
|
12541
12598
|
let _ = "pds-flex", v = `${_}-container`, y = {
|
|
12542
12599
|
"--pds-flex-align-content": t,
|
|
12543
12600
|
"--pds-flex-align-items": n,
|
|
@@ -12563,7 +12620,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12563
12620
|
},
|
|
12564
12621
|
...g
|
|
12565
12622
|
}, r);
|
|
12566
|
-
},
|
|
12623
|
+
}, es = (e) => {
|
|
12567
12624
|
let t = typeof window < "u", [n, r] = g(((e) => t ? window.matchMedia(e).matches : !1)(e));
|
|
12568
12625
|
return u(() => {
|
|
12569
12626
|
if (!t) return;
|
|
@@ -12572,20 +12629,20 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12572
12629
|
};
|
|
12573
12630
|
return r(n.matches), n.addEventListener ? (n.addEventListener("change", i), () => n.removeEventListener("change", i)) : (n.addListener(i), () => n.removeListener(i));
|
|
12574
12631
|
}, [e]), n;
|
|
12575
|
-
},
|
|
12632
|
+
}, ts = [
|
|
12576
12633
|
"light",
|
|
12577
12634
|
"dark",
|
|
12578
12635
|
"system"
|
|
12579
|
-
],
|
|
12636
|
+
], ns = (e) => typeof e == "string" && ts.includes(e), rs = i(null), is = {
|
|
12580
12637
|
resolvedTheme: "light",
|
|
12581
12638
|
setTheme: () => {},
|
|
12582
12639
|
theme: "light"
|
|
12583
|
-
},
|
|
12584
|
-
let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y =
|
|
12640
|
+
}, as = ({ 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){}})();`, os = ({ children: t, defaultTheme: n = "light", disableInitScript: r = !1, nodeRef: i, onThemeChange: a, persist: o = !0, storageKey: s = "pds-theme", theme: l }) => {
|
|
12641
|
+
let d = l !== void 0, f = !r && !d && o && !i, [p, m] = g(n), [h, _] = g(!1), v = d ? l : p, y = es("(prefers-color-scheme: dark)"), b = v === "system" ? h && y ? "dark" : "light" : v;
|
|
12585
12642
|
u(() => {
|
|
12586
12643
|
if (_(!0), !(d || !o || typeof window > "u")) try {
|
|
12587
12644
|
let e = window.localStorage.getItem(s);
|
|
12588
|
-
|
|
12645
|
+
ns(e) && m(e);
|
|
12589
12646
|
} catch {}
|
|
12590
12647
|
}, []), u(() => {
|
|
12591
12648
|
typeof document > "u" || (i?.current ?? document.documentElement).setAttribute("data-theme", b);
|
|
@@ -12605,20 +12662,20 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12605
12662
|
]),
|
|
12606
12663
|
theme: v
|
|
12607
12664
|
};
|
|
12608
|
-
return /* @__PURE__ */ e.createElement(
|
|
12665
|
+
return /* @__PURE__ */ e.createElement(rs.Provider, { value: x }, f && /* @__PURE__ */ e.createElement("script", { dangerouslySetInnerHTML: { __html: as({
|
|
12609
12666
|
defaultTheme: n,
|
|
12610
12667
|
storageKey: s
|
|
12611
12668
|
}) } }), t);
|
|
12612
|
-
},
|
|
12669
|
+
}, ss = () => l(rs) ?? is, cs = ({ children: t, enableThemeSwitching: n = !1, mobileMaxWidth: r = 767, themeProps: i = {} }) => {
|
|
12613
12670
|
u(() => {
|
|
12614
12671
|
let e = document.documentElement, t = () => {
|
|
12615
12672
|
window.innerWidth <= r ? e.setAttribute("data-pds-mobile", "") : e.removeAttribute("data-pds-mobile");
|
|
12616
12673
|
};
|
|
12617
12674
|
return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
|
|
12618
12675
|
}, [r]);
|
|
12619
|
-
let a = n ? /* @__PURE__ */ e.createElement(
|
|
12676
|
+
let a = n ? /* @__PURE__ */ e.createElement(os, i, t) : t;
|
|
12620
12677
|
return /* @__PURE__ */ e.createElement($t, null, a);
|
|
12621
|
-
},
|
|
12678
|
+
}, ls = ({ asContainer: t = !1, children: n, className: r, dense: i = !1, gap: a = "xl", mobileGap: o, stackBelow: s, ...c }) => {
|
|
12622
12679
|
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}`;
|
|
12623
12680
|
return /* @__PURE__ */ e.createElement("div", {
|
|
12624
12681
|
className: Z([
|
|
@@ -12632,7 +12689,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12632
12689
|
]),
|
|
12633
12690
|
...c
|
|
12634
12691
|
}, n);
|
|
12635
|
-
},
|
|
12692
|
+
}, us = ({ children: t, className: n, rowSpanLg: r, rowSpanMd: i, rowSpanSm: a, rowSpanXl: o, spanLg: s, spanMd: c, spanSm: l, spanXl: u, ...d }) => {
|
|
12636
12693
|
let f = "pds-grid-item", p = [
|
|
12637
12694
|
l ? `${f}--sm-${l}` : null,
|
|
12638
12695
|
c ? `${f}--md-${c}` : null,
|
|
@@ -12651,7 +12708,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12651
12708
|
]),
|
|
12652
12709
|
...d
|
|
12653
12710
|
}, t);
|
|
12654
|
-
},
|
|
12711
|
+
}, ds = (e, t, n) => {
|
|
12655
12712
|
let { altKey: r = !1, ctrlKey: i = !1, enabled: a = !0, metaKey: o = !1, shiftKey: s = !1 } = n ?? {}, [l, d] = g(!1), f = c((e) => e.altKey === r && e.ctrlKey === i && e.metaKey === o && e.shiftKey === s, [
|
|
12656
12713
|
r,
|
|
12657
12714
|
i,
|
|
@@ -12675,7 +12732,7 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12675
12732
|
m,
|
|
12676
12733
|
a
|
|
12677
12734
|
]), l;
|
|
12678
|
-
},
|
|
12735
|
+
}, fs = () => {
|
|
12679
12736
|
let e = typeof window < "u", [t, n] = g(e && window.innerWidth !== void 0 ? window.innerWidth : 1024);
|
|
12680
12737
|
return u(() => {
|
|
12681
12738
|
if (!e) return;
|
|
@@ -12689,6 +12746,6 @@ var vo = ({ children: t, className: n, columns: r, depth: i = 0, hasChildren: a
|
|
|
12689
12746
|
}, []), t;
|
|
12690
12747
|
};
|
|
12691
12748
|
//#endregion
|
|
12692
|
-
export { ur as ActionCard,
|
|
12749
|
+
export { ur as ActionCard, qo as AppLayout, bt as Avatar, xt as Badge, fa as Banner, Nr as BarChart, Cn as BranchDiff, Li as Breadcrumb, Dn as Button, On as ButtonLink, Ki as ButtonNav, Ni as CTALink, lr as Callout, dr as Card, fr as CardSelect, $r as Checkbox, ei as CheckboxFieldset, ti as CheckboxGroup, jn as ClipboardButton, Mn as CloseButton, Ur as CodeBlock, ni as Combobox, ii as ComboboxMultiselect, pr as CompactEmptyState, Gr as ComparisonList, Ji as Container, Ci as Datepicker, Jo as DocsLayout, Da as Drawer, Ln as Dropdown, qi as DropdownMenu, Fa as ExpansionPanel, Ia as ExpansionPanelGroup, Yr as FileDiff, wi as FileUpload, Kn as FilterButton, $o as FlexContainer, Oa as FullScreenOverlay, cs as GlobalWrapper, ls as Grid, us as GridItem, qr as HorizontalEmptyState, Q as Icon, An as IconButton, Qr as IdentityBlock, ma as InlineMessage, Ti as InputGroup, Fr as LineChart, Pi as LinkNewWindow, _a as MIN_AUTO_CLOSE_DURATION, tr as MenuButton, ka as Modal, Yi as Navbar, Ma as Pagination, Na as PaginationChapter, Pa as PaginationCompact, La as Panel, Ra as PanelList, za as PanelRow, Ba as PanelStack, Wa as PantheonLogo, Zr as PaymentIcon, Ii as Picture, Lr as PieChart, ir as PlatformIcon, qa as Popover, Ya as ProgressBar, Za as ProgressRing, zr as ProportionBar, Ei as RadioGroup, eo as ResultCount, or as SSOButton, ga as SectionMessage, nr as SegmentedButton, hr as Select, mr as SelectOptionGroup, Xi as SideNav, Qi as SideNavGlobal, Zi as SideNavGlobalItem, Yo as SidebarLayout, ro as SiteFooter, ea as SiteMenu, io as SiteOptionDisplay, ao as SiteSearch, er as SiteTypeIcon, $n as SiteTypeLabel, kr as Skeleton, Fi as Skiplink, vo as SortableList, fo as SortableListHeader, bo as SortableRow, bn as Spinner, rr as SplitButton, xn as StatusBadge, So as StatusChecker, Co as StatusIndicator, Jn as StatusTypeLabels, wo as StepList, To as Stepper, Xo as StepperLayout, Di as Switch, na as TabMenu, Oo as Table, Fo as TableOfContents, Io as Tabs, Wo as Tag, ki as TagsInput, Sn as Tally, Mi as TextInput, Ai as Textarea, rs as ThemeContext, os as ThemeContextProvider, oa as ThemeSwitcher, Zo as ThreeItemLayout, li as Timepicker, wa as Toast, Ta as ToastType, xa as Toaster, ya as ToasterContext, nn as Tooltip, ia as TreeNav, Qo as TwoItemLayout, sa as UserMenu, Go as UtilityBar, sr as UtilityButton, Jr as VerticalEmptyState, Do as VerticalStepper, Kr as VideoEmbed, ca as WorkspaceSelector, yi as getPresetDateRange, as as getThemeInitScript, _t as iconList, Xn as isHeadingItemType, Zn as isLinkItemType, Qn as isNodeItemType, Yn as isSeparatorItemType, xo as statusCheckerStates, Lo as tagColors, Bo as tagSolidColors, Ro as tagSolidHueColors, zo as tagSolidStatusColors, Ko as useBreakpoint, kn as useClipboard, Pn as useDropdown, Xt as useIsMobile, ds as useKeyPress, tn as useKeyboardShortcut, es as useMediaQuery, ss as useTheme, Ea as useToast, fs as useWindowWidth };
|
|
12693
12750
|
|
|
12694
12751
|
//# sourceMappingURL=index.js.map
|