1492 lines
46 KiB
JavaScript
1492 lines
46 KiB
JavaScript
try {
|
|
(() => {
|
|
var n = __REACT__,
|
|
{
|
|
Children: Lt,
|
|
Component: Ut,
|
|
Fragment: jt,
|
|
Profiler: Mt,
|
|
PureComponent: Nt,
|
|
StrictMode: Ht,
|
|
Suspense: Ft,
|
|
__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: Gt,
|
|
act: $t,
|
|
cloneElement: zt,
|
|
createContext: Wt,
|
|
createElement: Kt,
|
|
createFactory: Yt,
|
|
createRef: Vt,
|
|
forwardRef: Zt,
|
|
isValidElement: qt,
|
|
lazy: Jt,
|
|
memo: Qt,
|
|
startTransition: Xt,
|
|
unstable_act: en,
|
|
useCallback: L,
|
|
useContext: V,
|
|
useDebugValue: tn,
|
|
useDeferredValue: nn,
|
|
useEffect: U,
|
|
useId: on,
|
|
useImperativeHandle: rn,
|
|
useInsertionEffect: an,
|
|
useLayoutEffect: ln,
|
|
useMemo: Z,
|
|
useReducer: cn,
|
|
useRef: q,
|
|
useState: R,
|
|
useSyncExternalStore: sn,
|
|
useTransition: un,
|
|
version: dn,
|
|
} = __REACT__;
|
|
var hn = __STORYBOOK_TYPES__,
|
|
{ Addon_TypesEnum: J } = __STORYBOOK_TYPES__;
|
|
var Tn = __STORYBOOK_API__,
|
|
{
|
|
ActiveTabs: bn,
|
|
Consumer: yn,
|
|
ManagerContext: Cn,
|
|
Provider: _n,
|
|
RequestResponseError: An,
|
|
addons: x,
|
|
combineParameters: wn,
|
|
controlOrMetaKey: On,
|
|
controlOrMetaSymbol: Rn,
|
|
eventMatchesShortcut: xn,
|
|
eventToShortcut: Pn,
|
|
experimental_MockUniversalStore: kn,
|
|
experimental_UniversalStore: Q,
|
|
experimental_getStatusStore: j,
|
|
experimental_getTestProviderStore: X,
|
|
experimental_requestResponse: Bn,
|
|
experimental_useStatusStore: M,
|
|
experimental_useTestProviderStore: ee,
|
|
experimental_useUniversalStore: te,
|
|
internal_fullStatusStore: Dn,
|
|
internal_fullTestProviderStore: Ln,
|
|
internal_universalStatusStore: Un,
|
|
internal_universalTestProviderStore: jn,
|
|
isMacLike: Mn,
|
|
isShortcutTaken: Nn,
|
|
keyToSymbol: Hn,
|
|
merge: Fn,
|
|
mockChannel: Gn,
|
|
optionOrAltSymbol: $n,
|
|
shortcutMatchesShortcut: zn,
|
|
shortcutToHumanString: Wn,
|
|
types: Kn,
|
|
useAddonState: Yn,
|
|
useArgTypes: Vn,
|
|
useArgs: Zn,
|
|
useChannel: qn,
|
|
useGlobalTypes: Jn,
|
|
useGlobals: Qn,
|
|
useParameter: Xn,
|
|
useSharedState: eo,
|
|
useStoryPrepared: to,
|
|
useStorybookApi: ne,
|
|
useStorybookState: no,
|
|
} = __STORYBOOK_API__;
|
|
var co = __STORYBOOK_COMPONENTS__,
|
|
{
|
|
A: so,
|
|
ActionBar: io,
|
|
AddonPanel: uo,
|
|
Badge: mo,
|
|
Bar: go,
|
|
Blockquote: Io,
|
|
Button: N,
|
|
ClipboardCode: po,
|
|
Code: ho,
|
|
DL: fo,
|
|
Div: vo,
|
|
DocumentWrapper: So,
|
|
EmptyTabContent: Eo,
|
|
ErrorFormatter: To,
|
|
FlexBar: bo,
|
|
Form: P,
|
|
H1: yo,
|
|
H2: Co,
|
|
H3: _o,
|
|
H4: Ao,
|
|
H5: wo,
|
|
H6: Oo,
|
|
HR: Ro,
|
|
IconButton: f,
|
|
Img: xo,
|
|
LI: Po,
|
|
Link: H,
|
|
ListItem: k,
|
|
Loader: ko,
|
|
Modal: F,
|
|
OL: Bo,
|
|
P: Do,
|
|
Placeholder: Lo,
|
|
Pre: Uo,
|
|
ProgressSpinner: oe,
|
|
ResetWrapper: jo,
|
|
ScrollArea: Mo,
|
|
Separator: No,
|
|
Spaced: Ho,
|
|
Span: Fo,
|
|
StorybookIcon: Go,
|
|
StorybookLogo: $o,
|
|
SyntaxHighlighter: zo,
|
|
TT: Wo,
|
|
TabBar: Ko,
|
|
TabButton: Yo,
|
|
TabWrapper: Vo,
|
|
Table: Zo,
|
|
Tabs: qo,
|
|
TabsState: Jo,
|
|
TooltipLinkList: Qo,
|
|
TooltipMessage: Xo,
|
|
TooltipNote: b,
|
|
UL: er,
|
|
WithTooltip: y,
|
|
WithTooltipPure: tr,
|
|
Zoom: nr,
|
|
codeCommon: or,
|
|
components: rr,
|
|
createCopyToClipboardFunction: ar,
|
|
getStoryHref: lr,
|
|
interleaveSeparators: cr,
|
|
nameSpaceClassNames: sr,
|
|
resetComponents: ir,
|
|
withReset: ur,
|
|
} = __STORYBOOK_COMPONENTS__;
|
|
var pr = __STORYBOOK_ICONS__,
|
|
{
|
|
AccessibilityAltIcon: hr,
|
|
AccessibilityIcon: fr,
|
|
AccessibilityIgnoredIcon: vr,
|
|
AddIcon: Sr,
|
|
AdminIcon: Er,
|
|
AlertAltIcon: Tr,
|
|
AlertIcon: br,
|
|
AlignLeftIcon: yr,
|
|
AlignRightIcon: Cr,
|
|
AppleIcon: _r,
|
|
ArrowBottomLeftIcon: Ar,
|
|
ArrowBottomRightIcon: wr,
|
|
ArrowDownIcon: Or,
|
|
ArrowLeftIcon: Rr,
|
|
ArrowRightIcon: xr,
|
|
ArrowSolidDownIcon: Pr,
|
|
ArrowSolidLeftIcon: kr,
|
|
ArrowSolidRightIcon: Br,
|
|
ArrowSolidUpIcon: Dr,
|
|
ArrowTopLeftIcon: Lr,
|
|
ArrowTopRightIcon: Ur,
|
|
ArrowUpIcon: jr,
|
|
AzureDevOpsIcon: Mr,
|
|
BackIcon: Nr,
|
|
BasketIcon: Hr,
|
|
BatchAcceptIcon: Fr,
|
|
BatchDenyIcon: Gr,
|
|
BeakerIcon: $r,
|
|
BellIcon: zr,
|
|
BitbucketIcon: Wr,
|
|
BoldIcon: Kr,
|
|
BookIcon: Yr,
|
|
BookmarkHollowIcon: Vr,
|
|
BookmarkIcon: Zr,
|
|
BottomBarIcon: qr,
|
|
BottomBarToggleIcon: Jr,
|
|
BoxIcon: Qr,
|
|
BranchIcon: Xr,
|
|
BrowserIcon: ea,
|
|
ButtonIcon: ta,
|
|
CPUIcon: na,
|
|
CalendarIcon: oa,
|
|
CameraIcon: ra,
|
|
CameraStabilizeIcon: aa,
|
|
CategoryIcon: la,
|
|
CertificateIcon: ca,
|
|
ChangedIcon: sa,
|
|
ChatIcon: ia,
|
|
CheckIcon: ua,
|
|
ChevronDownIcon: da,
|
|
ChevronLeftIcon: ma,
|
|
ChevronRightIcon: ga,
|
|
ChevronSmallDownIcon: Ia,
|
|
ChevronSmallLeftIcon: pa,
|
|
ChevronSmallRightIcon: ha,
|
|
ChevronSmallUpIcon: fa,
|
|
ChevronUpIcon: va,
|
|
ChromaticIcon: Sa,
|
|
ChromeIcon: Ea,
|
|
CircleHollowIcon: Ta,
|
|
CircleIcon: ba,
|
|
ClearIcon: ya,
|
|
CloseAltIcon: Ca,
|
|
CloseIcon: re,
|
|
CloudHollowIcon: _a,
|
|
CloudIcon: Aa,
|
|
CogIcon: wa,
|
|
CollapseIcon: Oa,
|
|
CommandIcon: Ra,
|
|
CommentAddIcon: xa,
|
|
CommentIcon: Pa,
|
|
CommentsIcon: ka,
|
|
CommitIcon: Ba,
|
|
CompassIcon: Da,
|
|
ComponentDrivenIcon: La,
|
|
ComponentIcon: Ua,
|
|
ContrastIcon: ja,
|
|
ContrastIgnoredIcon: Ma,
|
|
ControlsIcon: Na,
|
|
CopyIcon: Ha,
|
|
CreditIcon: Fa,
|
|
CrossIcon: Ga,
|
|
DashboardIcon: $a,
|
|
DatabaseIcon: za,
|
|
DeleteIcon: Wa,
|
|
DiamondIcon: Ka,
|
|
DirectionIcon: Ya,
|
|
DiscordIcon: Va,
|
|
DocChartIcon: Za,
|
|
DocListIcon: qa,
|
|
DocumentIcon: Ja,
|
|
DownloadIcon: Qa,
|
|
DragIcon: Xa,
|
|
EditIcon: el,
|
|
EllipsisIcon: tl,
|
|
EmailIcon: nl,
|
|
ExpandAltIcon: ol,
|
|
ExpandIcon: rl,
|
|
EyeCloseIcon: al,
|
|
EyeIcon: ae,
|
|
FaceHappyIcon: ll,
|
|
FaceNeutralIcon: cl,
|
|
FaceSadIcon: sl,
|
|
FacebookIcon: il,
|
|
FailedIcon: ul,
|
|
FastForwardIcon: dl,
|
|
FigmaIcon: ml,
|
|
FilterIcon: gl,
|
|
FlagIcon: Il,
|
|
FolderIcon: pl,
|
|
FormIcon: hl,
|
|
GDriveIcon: fl,
|
|
GithubIcon: vl,
|
|
GitlabIcon: Sl,
|
|
GlobeIcon: El,
|
|
GoogleIcon: Tl,
|
|
GraphBarIcon: bl,
|
|
GraphLineIcon: yl,
|
|
GraphqlIcon: Cl,
|
|
GridAltIcon: _l,
|
|
GridIcon: Al,
|
|
GrowIcon: wl,
|
|
HeartHollowIcon: Ol,
|
|
HeartIcon: Rl,
|
|
HomeIcon: xl,
|
|
HourglassIcon: Pl,
|
|
InfoIcon: le,
|
|
ItalicIcon: kl,
|
|
JumpToIcon: Bl,
|
|
KeyIcon: Dl,
|
|
LightningIcon: Ll,
|
|
LightningOffIcon: Ul,
|
|
LinkBrokenIcon: jl,
|
|
LinkIcon: Ml,
|
|
LinkedinIcon: Nl,
|
|
LinuxIcon: Hl,
|
|
ListOrderedIcon: Fl,
|
|
ListUnorderedIcon: Gl,
|
|
LocationIcon: $l,
|
|
LockIcon: zl,
|
|
MarkdownIcon: Wl,
|
|
MarkupIcon: Kl,
|
|
MediumIcon: Yl,
|
|
MemoryIcon: Vl,
|
|
MenuIcon: Zl,
|
|
MergeIcon: ql,
|
|
MirrorIcon: Jl,
|
|
MobileIcon: Ql,
|
|
MoonIcon: Xl,
|
|
NutIcon: ec,
|
|
OutboxIcon: tc,
|
|
OutlineIcon: nc,
|
|
PaintBrushIcon: oc,
|
|
PaperClipIcon: rc,
|
|
ParagraphIcon: ac,
|
|
PassedIcon: lc,
|
|
PhoneIcon: cc,
|
|
PhotoDragIcon: sc,
|
|
PhotoIcon: ic,
|
|
PhotoStabilizeIcon: uc,
|
|
PinAltIcon: dc,
|
|
PinIcon: mc,
|
|
PlayAllHollowIcon: gc,
|
|
PlayBackIcon: Ic,
|
|
PlayHollowIcon: ce,
|
|
PlayIcon: pc,
|
|
PlayNextIcon: hc,
|
|
PlusIcon: fc,
|
|
PointerDefaultIcon: vc,
|
|
PointerHandIcon: Sc,
|
|
PowerIcon: Ec,
|
|
PrintIcon: Tc,
|
|
ProceedIcon: bc,
|
|
ProfileIcon: yc,
|
|
PullRequestIcon: Cc,
|
|
QuestionIcon: _c,
|
|
RSSIcon: Ac,
|
|
RedirectIcon: wc,
|
|
ReduxIcon: Oc,
|
|
RefreshIcon: Rc,
|
|
ReplyIcon: xc,
|
|
RepoIcon: Pc,
|
|
RequestChangeIcon: kc,
|
|
RewindIcon: Bc,
|
|
RulerIcon: Dc,
|
|
SaveIcon: Lc,
|
|
SearchIcon: Uc,
|
|
ShareAltIcon: jc,
|
|
ShareIcon: Mc,
|
|
ShieldIcon: Nc,
|
|
SideBySideIcon: Hc,
|
|
SidebarAltIcon: Fc,
|
|
SidebarAltToggleIcon: Gc,
|
|
SidebarIcon: $c,
|
|
SidebarToggleIcon: zc,
|
|
SpeakerIcon: Wc,
|
|
StackedIcon: Kc,
|
|
StarHollowIcon: Yc,
|
|
StarIcon: Vc,
|
|
StatusFailIcon: Zc,
|
|
StatusIcon: qc,
|
|
StatusPassIcon: Jc,
|
|
StatusWarnIcon: Qc,
|
|
StickerIcon: Xc,
|
|
StopAltHollowIcon: es,
|
|
StopAltIcon: se,
|
|
StopIcon: ts,
|
|
StorybookIcon: ns,
|
|
StructureIcon: os,
|
|
SubtractIcon: rs,
|
|
SunIcon: as,
|
|
SupportIcon: ls,
|
|
SweepIcon: cs,
|
|
SwitchAltIcon: ss,
|
|
SyncIcon: ie,
|
|
TabletIcon: is,
|
|
ThumbsUpIcon: us,
|
|
TimeIcon: ds,
|
|
TimerIcon: ms,
|
|
TransferIcon: gs,
|
|
TrashIcon: Is,
|
|
TwitterIcon: ps,
|
|
TypeIcon: hs,
|
|
UbuntuIcon: fs,
|
|
UndoIcon: vs,
|
|
UnfoldIcon: Ss,
|
|
UnlockIcon: Es,
|
|
UnpinIcon: Ts,
|
|
UploadIcon: bs,
|
|
UserAddIcon: ys,
|
|
UserAltIcon: Cs,
|
|
UserIcon: _s,
|
|
UsersIcon: As,
|
|
VSCodeIcon: ws,
|
|
VerifiedIcon: Os,
|
|
VideoIcon: Rs,
|
|
WandIcon: xs,
|
|
WatchIcon: Ps,
|
|
WindowsIcon: ks,
|
|
WrenchIcon: Bs,
|
|
XIcon: Ds,
|
|
YoutubeIcon: Ls,
|
|
ZoomIcon: Us,
|
|
ZoomOutIcon: js,
|
|
ZoomResetIcon: Ms,
|
|
iconList: Ns,
|
|
} = __STORYBOOK_ICONS__;
|
|
var zs = __STORYBOOK_THEMING__,
|
|
{
|
|
CacheProvider: Ws,
|
|
ClassNames: Ks,
|
|
Global: Ys,
|
|
ThemeProvider: Vs,
|
|
background: Zs,
|
|
color: qs,
|
|
convert: Js,
|
|
create: Qs,
|
|
createCache: Xs,
|
|
createGlobal: ei,
|
|
createReset: ti,
|
|
css: ni,
|
|
darken: oi,
|
|
ensure: ri,
|
|
ignoreSsrWarning: ai,
|
|
isPropValid: li,
|
|
jsx: ci,
|
|
keyframes: si,
|
|
lighten: ii,
|
|
styled: I,
|
|
themes: ui,
|
|
typography: di,
|
|
useTheme: mi,
|
|
withTheme: gi,
|
|
} = __STORYBOOK_THEMING__;
|
|
var Re = "storybook/interactions",
|
|
ve = `${Re}/panel`,
|
|
Se = "storybook/a11y",
|
|
Ee = `${Se}/panel`,
|
|
O = "storybook/test",
|
|
xe = `${O}/test-provider`,
|
|
Pe = "writing-tests/integrations/vitest-addon",
|
|
ke = `${Pe}#what-happens-if-vitest-itself-has-an-error`,
|
|
Be = {
|
|
id: O,
|
|
initialState: {
|
|
config: { coverage: !1, a11y: !1 },
|
|
watching: !1,
|
|
cancelling: !1,
|
|
fatalError: void 0,
|
|
indexUrl: void 0,
|
|
previewAnnotations: [],
|
|
currentRun: {
|
|
triggeredBy: void 0,
|
|
config: { coverage: !1, a11y: !1 },
|
|
componentTestCount: { success: 0, error: 0 },
|
|
a11yCount: { success: 0, warning: 0, error: 0 },
|
|
storyIds: void 0,
|
|
totalTestCount: void 0,
|
|
startedAt: void 0,
|
|
finishedAt: void 0,
|
|
unhandledErrors: [],
|
|
coverageSummary: void 0,
|
|
},
|
|
},
|
|
},
|
|
ue = ["global", "run-all"],
|
|
Te = "storybook/component-test",
|
|
be = "storybook/a11y",
|
|
v = Q.create({ ...Be, leader: globalThis.CONFIG_TYPE === "PRODUCTION" }),
|
|
De = j(Te),
|
|
Le = j(be),
|
|
ye = X(O),
|
|
Ue = I.div({
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
padding: "6px 6px 6px 20px",
|
|
}),
|
|
je = I.div({
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
}),
|
|
Me = I(F.Title)(({ theme: { typography: e } }) => ({
|
|
fontSize: e.size.s2,
|
|
fontWeight: e.weight.bold,
|
|
})),
|
|
Ne = I.pre(({ theme: e }) => ({
|
|
whiteSpace: "pre-wrap",
|
|
wordWrap: "break-word",
|
|
overflow: "auto",
|
|
maxHeight: "60vh",
|
|
margin: 0,
|
|
padding: "20px",
|
|
fontFamily: e.typography.fonts.mono,
|
|
fontSize: "12px",
|
|
borderTop: `1px solid ${e.appBorderColor}`,
|
|
borderRadius: 0,
|
|
})),
|
|
He = I.a(({ theme: e }) => ({ color: e.color.defaultText })),
|
|
W = n.createContext({ isModalOpen: !1, setModalOpen: void 0 });
|
|
function z({ error: e }) {
|
|
return e
|
|
? n.createElement(
|
|
"div",
|
|
null,
|
|
n.createElement(
|
|
"h4",
|
|
null,
|
|
"Caused by: ",
|
|
e.name || "Error",
|
|
": ",
|
|
e.message,
|
|
),
|
|
e.stack && n.createElement("pre", null, e.stack),
|
|
e.cause && n.createElement(z, { error: e.cause }),
|
|
)
|
|
: null;
|
|
}
|
|
function Fe({ onRerun: e, storeState: t }) {
|
|
let o = ne(),
|
|
{ isModalOpen: c, setModalOpen: u } = V(W),
|
|
r = () => u?.(!1),
|
|
l = o.getDocsUrl({ subpath: ke, versioned: !0, renderer: !0 }),
|
|
{
|
|
fatalError: i,
|
|
currentRun: { unhandledErrors: s },
|
|
} = t,
|
|
g = i
|
|
? n.createElement(
|
|
n.Fragment,
|
|
null,
|
|
n.createElement("p", null, i.error.name || "Error"),
|
|
i.message && n.createElement("p", null, i.message),
|
|
i.error.message && n.createElement("p", null, i.error.message),
|
|
i.error.stack && n.createElement("p", null, i.error.stack),
|
|
i.error.cause && n.createElement(z, { error: i.error.cause }),
|
|
)
|
|
: s.length > 0
|
|
? n.createElement(
|
|
"ol",
|
|
null,
|
|
s.map((a) =>
|
|
n.createElement(
|
|
"li",
|
|
{ key: a.name + a.message },
|
|
n.createElement("p", null, a.name, ": ", a.message),
|
|
a.VITEST_TEST_PATH &&
|
|
n.createElement(
|
|
"p",
|
|
null,
|
|
'This error originated in "',
|
|
n.createElement("b", null, a.VITEST_TEST_PATH),
|
|
`". It doesn't mean the error was thrown inside the file itself, but while it was running.`,
|
|
),
|
|
a.VITEST_TEST_NAME &&
|
|
n.createElement(
|
|
n.Fragment,
|
|
null,
|
|
n.createElement(
|
|
"p",
|
|
null,
|
|
`The latest test that might've caused the error is "`,
|
|
n.createElement("b", null, a.VITEST_TEST_NAME),
|
|
'". It might mean one of the following:',
|
|
),
|
|
n.createElement(
|
|
"ul",
|
|
null,
|
|
n.createElement(
|
|
"li",
|
|
null,
|
|
"The error was thrown, while Vitest was running this test.",
|
|
),
|
|
n.createElement(
|
|
"li",
|
|
null,
|
|
"If the error occurred after the test had been completed, this was the last documented test before it was thrown.",
|
|
),
|
|
),
|
|
),
|
|
a.stacks &&
|
|
n.createElement(
|
|
n.Fragment,
|
|
null,
|
|
n.createElement(
|
|
"p",
|
|
null,
|
|
n.createElement("b", null, "Stacks:"),
|
|
),
|
|
n.createElement(
|
|
"ul",
|
|
null,
|
|
a.stacks.map((d) =>
|
|
n.createElement(
|
|
"li",
|
|
{ key: d.file + d.line + d.column },
|
|
d.file,
|
|
":",
|
|
d.line,
|
|
":",
|
|
d.column,
|
|
" - ",
|
|
d.method || "unknown method",
|
|
),
|
|
),
|
|
),
|
|
),
|
|
a.stack && n.createElement("p", null, a.stack),
|
|
a.cause ? n.createElement(z, { error: a.cause }) : null,
|
|
),
|
|
),
|
|
)
|
|
: null;
|
|
return n.createElement(
|
|
F,
|
|
{ onEscapeKeyDown: r, onInteractOutside: r, open: c },
|
|
n.createElement(
|
|
Ue,
|
|
null,
|
|
n.createElement(Me, null, "Storybook Tests error details"),
|
|
n.createElement(
|
|
je,
|
|
null,
|
|
n.createElement(
|
|
N,
|
|
{ onClick: e, variant: "ghost" },
|
|
n.createElement(ie, null),
|
|
"Rerun",
|
|
),
|
|
n.createElement(
|
|
N,
|
|
{ variant: "ghost", asChild: !0 },
|
|
n.createElement(
|
|
"a",
|
|
{ target: "_blank", href: l, rel: "noreferrer" },
|
|
"Troubleshoot",
|
|
),
|
|
),
|
|
n.createElement(
|
|
f,
|
|
{ onClick: r, "aria-label": "Close modal" },
|
|
n.createElement(re, null),
|
|
),
|
|
),
|
|
),
|
|
n.createElement(
|
|
Ne,
|
|
null,
|
|
g,
|
|
n.createElement("br", null),
|
|
n.createElement("br", null),
|
|
"Troubleshoot:",
|
|
" ",
|
|
n.createElement(He, { target: "_blank", href: l }, l),
|
|
),
|
|
);
|
|
}
|
|
function Ge() {}
|
|
function de(e) {
|
|
return Object.getOwnPropertySymbols(e).filter((t) =>
|
|
Object.prototype.propertyIsEnumerable.call(e, t),
|
|
);
|
|
}
|
|
function me(e) {
|
|
return e == null
|
|
? e === void 0
|
|
? "[object Undefined]"
|
|
: "[object Null]"
|
|
: Object.prototype.toString.call(e);
|
|
}
|
|
var $e = "[object RegExp]",
|
|
ze = "[object String]",
|
|
We = "[object Number]",
|
|
Ke = "[object Boolean]",
|
|
ge = "[object Arguments]",
|
|
Ye = "[object Symbol]",
|
|
Ve = "[object Date]",
|
|
Ze = "[object Map]",
|
|
qe = "[object Set]",
|
|
Je = "[object Array]",
|
|
Qe = "[object Function]",
|
|
Xe = "[object ArrayBuffer]",
|
|
G = "[object Object]",
|
|
et = "[object Error]",
|
|
tt = "[object DataView]",
|
|
nt = "[object Uint8Array]",
|
|
ot = "[object Uint8ClampedArray]",
|
|
rt = "[object Uint16Array]",
|
|
at = "[object Uint32Array]",
|
|
lt = "[object BigUint64Array]",
|
|
ct = "[object Int8Array]",
|
|
st = "[object Int16Array]",
|
|
it = "[object Int32Array]",
|
|
ut = "[object BigInt64Array]",
|
|
dt = "[object Float32Array]",
|
|
mt = "[object Float64Array]";
|
|
function Ie(e) {
|
|
if (!e || typeof e != "object") return !1;
|
|
let t = Object.getPrototypeOf(e);
|
|
return t === null ||
|
|
t === Object.prototype ||
|
|
Object.getPrototypeOf(t) === null
|
|
? Object.prototype.toString.call(e) === "[object Object]"
|
|
: !1;
|
|
}
|
|
function gt(e, t) {
|
|
return e === t || (Number.isNaN(e) && Number.isNaN(t));
|
|
}
|
|
function It(e, t, o) {
|
|
return A(e, t, void 0, void 0, void 0, void 0, o);
|
|
}
|
|
function A(e, t, o, c, u, r, l) {
|
|
let i = l(e, t, o, c, u, r);
|
|
if (i !== void 0) return i;
|
|
if (typeof e == typeof t)
|
|
switch (typeof e) {
|
|
case "bigint":
|
|
case "string":
|
|
case "boolean":
|
|
case "symbol":
|
|
case "undefined":
|
|
return e === t;
|
|
case "number":
|
|
return e === t || Object.is(e, t);
|
|
case "function":
|
|
return e === t;
|
|
case "object":
|
|
return w(e, t, r, l);
|
|
}
|
|
return w(e, t, r, l);
|
|
}
|
|
function w(e, t, o, c) {
|
|
if (Object.is(e, t)) return !0;
|
|
let u = me(e),
|
|
r = me(t);
|
|
if ((u === ge && (u = G), r === ge && (r = G), u !== r)) return !1;
|
|
switch (u) {
|
|
case ze:
|
|
return e.toString() === t.toString();
|
|
case We: {
|
|
let s = e.valueOf(),
|
|
g = t.valueOf();
|
|
return gt(s, g);
|
|
}
|
|
case Ke:
|
|
case Ve:
|
|
case Ye:
|
|
return Object.is(e.valueOf(), t.valueOf());
|
|
case $e:
|
|
return e.source === t.source && e.flags === t.flags;
|
|
case Qe:
|
|
return e === t;
|
|
}
|
|
o = o ?? new Map();
|
|
let l = o.get(e),
|
|
i = o.get(t);
|
|
if (l != null && i != null) return l === t;
|
|
(o.set(e, t), o.set(t, e));
|
|
try {
|
|
switch (u) {
|
|
case Ze: {
|
|
if (e.size !== t.size) return !1;
|
|
for (let [s, g] of e.entries())
|
|
if (!t.has(s) || !A(g, t.get(s), s, e, t, o, c)) return !1;
|
|
return !0;
|
|
}
|
|
case qe: {
|
|
if (e.size !== t.size) return !1;
|
|
let s = Array.from(e.values()),
|
|
g = Array.from(t.values());
|
|
for (let a = 0; a < s.length; a++) {
|
|
let d = s[a],
|
|
m = g.findIndex((p) => A(d, p, void 0, e, t, o, c));
|
|
if (m === -1) return !1;
|
|
g.splice(m, 1);
|
|
}
|
|
return !0;
|
|
}
|
|
case Je:
|
|
case nt:
|
|
case ot:
|
|
case rt:
|
|
case at:
|
|
case lt:
|
|
case ct:
|
|
case st:
|
|
case it:
|
|
case ut:
|
|
case dt:
|
|
case mt: {
|
|
if (
|
|
(typeof Buffer < "u" &&
|
|
Buffer.isBuffer(e) !== Buffer.isBuffer(t)) ||
|
|
e.length !== t.length
|
|
)
|
|
return !1;
|
|
for (let s = 0; s < e.length; s++)
|
|
if (!A(e[s], t[s], s, e, t, o, c)) return !1;
|
|
return !0;
|
|
}
|
|
case Xe:
|
|
return e.byteLength !== t.byteLength
|
|
? !1
|
|
: w(new Uint8Array(e), new Uint8Array(t), o, c);
|
|
case tt:
|
|
return e.byteLength !== t.byteLength ||
|
|
e.byteOffset !== t.byteOffset
|
|
? !1
|
|
: w(new Uint8Array(e), new Uint8Array(t), o, c);
|
|
case et:
|
|
return e.name === t.name && e.message === t.message;
|
|
case G: {
|
|
if (!(w(e.constructor, t.constructor, o, c) || (Ie(e) && Ie(t))))
|
|
return !1;
|
|
let s = [...Object.keys(e), ...de(e)],
|
|
g = [...Object.keys(t), ...de(t)];
|
|
if (s.length !== g.length) return !1;
|
|
for (let a = 0; a < s.length; a++) {
|
|
let d = s[a],
|
|
m = e[d];
|
|
if (!Object.hasOwn(t, d)) return !1;
|
|
let p = t[d];
|
|
if (!A(m, p, d, e, t, o, c)) return !1;
|
|
}
|
|
return !0;
|
|
}
|
|
default:
|
|
return !1;
|
|
}
|
|
} finally {
|
|
(o.delete(e), o.delete(t));
|
|
}
|
|
}
|
|
function pt(e, t) {
|
|
return It(e, t, Ge);
|
|
}
|
|
var pe = (e, t, o) => {
|
|
let c = {
|
|
"status-value:pending": [],
|
|
"status-value:success": [],
|
|
"status-value:error": [],
|
|
"status-value:warning": [],
|
|
"status-value:unknown": [],
|
|
};
|
|
return (
|
|
(o ? o.map((u) => e[u]).filter(Boolean) : Object.values(e)).forEach(
|
|
(u) => {
|
|
let r = u[t];
|
|
r && c[r.value].push(r.storyId);
|
|
},
|
|
),
|
|
c
|
|
);
|
|
},
|
|
Ce = (e, t) => {
|
|
let o = ee((p) => p[O]),
|
|
[c, u] = te(v),
|
|
[r, l] = R(!1),
|
|
i = q();
|
|
U(() => {
|
|
let p = v.onStateChange((C, D) => {
|
|
pt(C.config, D.config) ||
|
|
(ye.settingsChanged(),
|
|
l(!0),
|
|
clearTimeout(i.current),
|
|
(i.current = setTimeout(() => {
|
|
l(!1);
|
|
}, 1e3)));
|
|
});
|
|
return () => {
|
|
(p(), clearTimeout(i.current));
|
|
};
|
|
}, []);
|
|
let s = Z(() => (t ? e.findAllLeafStoryIds(t) : void 0), [t, e]),
|
|
g = L((p) => pe(p, Te, s), [s]),
|
|
a = M(g),
|
|
d = L((p) => pe(p, be, s), [s]),
|
|
m = M(d);
|
|
return {
|
|
storeState: c,
|
|
setStoreState: u,
|
|
testProviderState: o,
|
|
componentTestStatusValueToStoryIds: a,
|
|
a11yStatusValueToStoryIds: m,
|
|
isSettingsUpdated: r,
|
|
};
|
|
},
|
|
ht = ({ timestamp: e }) => {
|
|
let [t, o] = R(null);
|
|
if (
|
|
(U(() => {
|
|
if (e) {
|
|
o(Date.now() - e);
|
|
let i = setInterval(() => o(Date.now() - e), 1e4);
|
|
return () => clearInterval(i);
|
|
}
|
|
}, [e]),
|
|
t === null)
|
|
)
|
|
return null;
|
|
let c = Math.round(t / 1e3);
|
|
if (c < 60) return "just now";
|
|
let u = Math.floor(c / 60);
|
|
if (u < 60) return u === 1 ? "a minute ago" : `${u} minutes ago`;
|
|
let r = Math.floor(u / 60);
|
|
if (r < 24) return r === 1 ? "an hour ago" : `${r} hours ago`;
|
|
let l = Math.floor(r / 24);
|
|
return l === 1 ? "yesterday" : `${l} days ago`;
|
|
},
|
|
ft = I.div(({ theme: e }) => ({
|
|
overflow: "hidden",
|
|
whiteSpace: "nowrap",
|
|
textOverflow: "ellipsis",
|
|
fontSize: e.typography.size.s1,
|
|
color: e.textMutedColor,
|
|
})),
|
|
vt = I.span(({ theme: e }) => ({ color: e.color.positiveText }));
|
|
function St({
|
|
entryId: e,
|
|
storeState: t,
|
|
testProviderState: o,
|
|
isSettingsUpdated: c,
|
|
...u
|
|
}) {
|
|
let { setModalOpen: r } = n.useContext(W),
|
|
{
|
|
componentTestCount: l,
|
|
totalTestCount: i,
|
|
unhandledErrors: s,
|
|
finishedAt: g,
|
|
} = t.currentRun,
|
|
a = l.success + l.error,
|
|
d = "Not run";
|
|
if (!e && c) d = n.createElement(vt, null, "Settings updated");
|
|
else if (o === "test-provider-state:running")
|
|
d = (a ?? 0) === 0 ? "Starting..." : `Testing... ${a}/${i}`;
|
|
else if (!e && o === "test-provider-state:crashed")
|
|
d = r
|
|
? n.createElement(
|
|
H,
|
|
{ isButton: !0, onClick: () => r(!0) },
|
|
"View full error",
|
|
)
|
|
: "Crashed";
|
|
else if (!e && s.length > 0) {
|
|
let m = `View ${s.length} unhandled error${s?.length > 1 ? "s" : ""}`;
|
|
d = r
|
|
? n.createElement(H, { isButton: !0, onClick: () => r(!0) }, m)
|
|
: m;
|
|
} else
|
|
e && i
|
|
? (d = `Ran ${i} ${i === 1 ? "test" : "tests"}`)
|
|
: g
|
|
? (d = n.createElement(
|
|
n.Fragment,
|
|
null,
|
|
"Ran ",
|
|
i,
|
|
" ",
|
|
i === 1 ? "test" : "tests",
|
|
" ",
|
|
n.createElement(ht, { timestamp: g }),
|
|
))
|
|
: t.watching && (d = "Watching for file changes");
|
|
return n.createElement(ft, { ...u }, d);
|
|
}
|
|
var B = I.div(
|
|
({ percentage: e }) => ({
|
|
width: e ? 12 : 6,
|
|
height: e ? 12 : 6,
|
|
margin: e ? 1 : 4,
|
|
background: e
|
|
? `conic-gradient(var(--status-color) ${e}%, var(--status-background) ${e + 1}%)`
|
|
: "var(--status-color)",
|
|
borderRadius: "50%",
|
|
}),
|
|
({ isRunning: e, theme: t }) =>
|
|
e && { animation: `${t.animation.glow} 1.5s ease-in-out infinite` },
|
|
({ status: e, theme: t }) =>
|
|
e === "positive" && {
|
|
"--status-color": t.color.positive,
|
|
"--status-background": `${t.color.positive}66`,
|
|
},
|
|
({ status: e, theme: t }) =>
|
|
e === "warning" && {
|
|
"--status-color": t.color.gold,
|
|
"--status-background": `${t.color.gold}66`,
|
|
},
|
|
({ status: e, theme: t }) =>
|
|
e === "negative" && {
|
|
"--status-color": t.color.negative,
|
|
"--status-background": `${t.color.negative}66`,
|
|
},
|
|
({ status: e, theme: t }) =>
|
|
e === "critical" && {
|
|
"--status-color": t.color.defaultText,
|
|
"--status-background": `${t.color.defaultText}66`,
|
|
},
|
|
({ status: e, theme: t }) =>
|
|
e === "unknown" && {
|
|
"--status-color": t.color.mediumdark,
|
|
"--status-background": `${t.color.mediumdark}66`,
|
|
},
|
|
),
|
|
Et = I.div({ display: "flex", flexDirection: "column" }),
|
|
Tt = I.div({
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
padding: "8px 0",
|
|
gap: 12,
|
|
}),
|
|
bt = I.div({
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
marginLeft: 8,
|
|
minWidth: 0,
|
|
}),
|
|
he = I.div(({ crashed: e, theme: t }) => ({
|
|
fontSize: t.typography.size.s1,
|
|
fontWeight: e ? "bold" : "normal",
|
|
color: e ? t.color.negativeText : t.color.defaultText,
|
|
})),
|
|
yt = I.div({ display: "flex", gap: 4 }),
|
|
Ct = I.div({ marginBottom: 2 }),
|
|
_t = I.span(({ theme: e }) => ({ color: e.textMutedColor })),
|
|
At = I(oe)({ margin: 4 }),
|
|
$ = I.div({ display: "flex", gap: 4 }),
|
|
wt = I(se)({ width: 10 }),
|
|
fe = ({ api: e, panelId: t, entryId: o }) => {
|
|
let c = o ? e.findAllLeafStoryIds(o)[0] : void 0;
|
|
(c && e.selectStory(c), e.setSelectedPanel(t), e.togglePanel(!0));
|
|
},
|
|
_e = ({
|
|
api: e,
|
|
entry: t,
|
|
testProviderState: o,
|
|
storeState: c,
|
|
setStoreState: u,
|
|
componentTestStatusValueToStoryIds: r,
|
|
a11yStatusValueToStoryIds: l,
|
|
isSettingsUpdated: i,
|
|
...s
|
|
}) => {
|
|
let {
|
|
config: g,
|
|
watching: a,
|
|
cancelling: d,
|
|
currentRun: m,
|
|
fatalError: p,
|
|
} = c,
|
|
C = m.componentTestCount.success + m.componentTestCount.error,
|
|
D = x.experimental_getRegisteredAddons().includes(Se),
|
|
h = o === "test-provider-state:running",
|
|
Ae = h && C === 0,
|
|
[we, K] = p
|
|
? ["critical", "Component tests crashed"]
|
|
: r["status-value:error"].length > 0
|
|
? ["negative", "Component tests failed"]
|
|
: h
|
|
? ["unknown", "Testing in progress"]
|
|
: r["status-value:success"].length > 0
|
|
? ["positive", "Component tests passed"]
|
|
: ["unknown", "Run tests to see results"],
|
|
[Oe, Y] = p
|
|
? ["critical", "Component tests crashed"]
|
|
: l["status-value:error"].length > 0
|
|
? ["negative", "Accessibility tests failed"]
|
|
: l["status-value:warning"].length > 0
|
|
? ["warning", "Accessibility tests failed"]
|
|
: h
|
|
? ["unknown", "Testing in progress"]
|
|
: l["status-value:success"].length > 0
|
|
? ["positive", "Accessibility tests passed"]
|
|
: ["unknown", "Run tests to see accessibility results"];
|
|
return n.createElement(
|
|
Et,
|
|
{ ...s },
|
|
n.createElement(
|
|
Tt,
|
|
null,
|
|
n.createElement(
|
|
bt,
|
|
null,
|
|
t
|
|
? n.createElement(
|
|
he,
|
|
{ id: "testing-module-title" },
|
|
"Run component tests",
|
|
)
|
|
: n.createElement(
|
|
he,
|
|
{
|
|
id: "testing-module-title",
|
|
crashed:
|
|
o === "test-provider-state:crashed" ||
|
|
p !== void 0 ||
|
|
m.unhandledErrors.length > 0,
|
|
},
|
|
m.unhandledErrors.length === 1
|
|
? "Component tests completed with an error"
|
|
: m.unhandledErrors.length > 1
|
|
? "Component tests completed with errors"
|
|
: p
|
|
? "Component tests didn\u2019t complete"
|
|
: "Run component tests",
|
|
),
|
|
n.createElement(St, {
|
|
id: "testing-module-description",
|
|
storeState: c,
|
|
testProviderState: o,
|
|
entryId: t?.id,
|
|
isSettingsUpdated: i,
|
|
}),
|
|
),
|
|
n.createElement(
|
|
yt,
|
|
null,
|
|
!t &&
|
|
n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, {
|
|
note: `${a ? "Disable" : "Enable"} watch mode`,
|
|
}),
|
|
},
|
|
n.createElement(
|
|
f,
|
|
{
|
|
"aria-label": `${a ? "Disable" : "Enable"} watch mode`,
|
|
size: "medium",
|
|
active: a,
|
|
onClick: () =>
|
|
v.send({
|
|
type: "TOGGLE_WATCHING",
|
|
payload: { to: !a },
|
|
}),
|
|
disabled: h,
|
|
},
|
|
n.createElement(ae, null),
|
|
),
|
|
),
|
|
h
|
|
? n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, {
|
|
note: d ? "Stopping..." : "Stop test run",
|
|
}),
|
|
},
|
|
n.createElement(
|
|
f,
|
|
{
|
|
"aria-label": d ? "Stopping..." : "Stop test run",
|
|
padding: "none",
|
|
size: "medium",
|
|
onClick: () => v.send({ type: "CANCEL_RUN" }),
|
|
disabled: d || Ae,
|
|
},
|
|
n.createElement(
|
|
At,
|
|
{
|
|
percentage:
|
|
C && c.currentRun.totalTestCount
|
|
? (C / c.currentRun.totalTestCount) * 100
|
|
: void 0,
|
|
},
|
|
n.createElement(wt, null),
|
|
),
|
|
),
|
|
)
|
|
: n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, { note: "Start test run" }),
|
|
},
|
|
n.createElement(
|
|
f,
|
|
{
|
|
"aria-label": "Start test run",
|
|
size: "medium",
|
|
onClick: () =>
|
|
v.send({
|
|
type: "TRIGGER_RUN",
|
|
payload: {
|
|
storyIds: t
|
|
? e.findAllLeafStoryIds(t.id)
|
|
: void 0,
|
|
triggeredBy: t ? t.type : "global",
|
|
},
|
|
}),
|
|
},
|
|
n.createElement(ce, null),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
n.createElement(
|
|
Ct,
|
|
null,
|
|
n.createElement(
|
|
$,
|
|
null,
|
|
n.createElement(k, {
|
|
as: "label",
|
|
title: "Interactions",
|
|
icon: t
|
|
? null
|
|
: n.createElement(P.Checkbox, { checked: !0, disabled: !0 }),
|
|
}),
|
|
n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, { note: K }),
|
|
},
|
|
n.createElement(
|
|
f,
|
|
{
|
|
size: "medium",
|
|
disabled:
|
|
r["status-value:error"].length === 0 &&
|
|
r["status-value:warning"].length === 0 &&
|
|
r["status-value:success"].length === 0,
|
|
onClick: () => {
|
|
fe({
|
|
api: e,
|
|
panelId: ve,
|
|
entryId:
|
|
r["status-value:error"][0] ??
|
|
r["status-value:warning"][0] ??
|
|
r["status-value:success"][0] ??
|
|
t?.id,
|
|
});
|
|
},
|
|
},
|
|
n.createElement(B, {
|
|
status: we,
|
|
"aria-label": K,
|
|
isRunning: h,
|
|
}),
|
|
r["status-value:error"].length +
|
|
r["status-value:warning"].length || null,
|
|
),
|
|
),
|
|
),
|
|
!t &&
|
|
n.createElement(
|
|
$,
|
|
null,
|
|
n.createElement(k, {
|
|
as: "label",
|
|
title: a
|
|
? n.createElement(_t, null, "Coverage (unavailable)")
|
|
: "Coverage",
|
|
icon: n.createElement(P.Checkbox, {
|
|
checked: g.coverage,
|
|
disabled: h,
|
|
onChange: () =>
|
|
u((_) => ({
|
|
..._,
|
|
config: { ..._.config, coverage: !g.coverage },
|
|
})),
|
|
}),
|
|
}),
|
|
n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, {
|
|
note: a
|
|
? "Unavailable in watch mode"
|
|
: m.triggeredBy && !ue.includes(m.triggeredBy)
|
|
? "Unavailable when running focused tests"
|
|
: h
|
|
? "Testing in progress"
|
|
: m.coverageSummary
|
|
? "View coverage report"
|
|
: p
|
|
? "Component tests crashed"
|
|
: "Run tests to calculate coverage",
|
|
}),
|
|
},
|
|
a || (m.triggeredBy && !ue.includes(m.triggeredBy))
|
|
? n.createElement(
|
|
f,
|
|
{ size: "medium", disabled: !0 },
|
|
n.createElement(le, {
|
|
"aria-label": a
|
|
? "Coverage is unavailable in watch mode"
|
|
: "Coverage is unavailable when running focused tests",
|
|
}),
|
|
)
|
|
: m.coverageSummary
|
|
? n.createElement(
|
|
f,
|
|
{ asChild: !0, size: "medium" },
|
|
n.createElement(
|
|
"a",
|
|
{
|
|
href: "/coverage/index.html",
|
|
target: "_blank",
|
|
"aria-label": "Open coverage report",
|
|
},
|
|
n.createElement(B, {
|
|
isRunning: h,
|
|
percentage: m.coverageSummary.percentage,
|
|
status: m.coverageSummary.status,
|
|
"aria-label": `Coverage status: ${m.coverageSummary.status}`,
|
|
}),
|
|
n.createElement(
|
|
"span",
|
|
{
|
|
"aria-label": `${m.coverageSummary.percentage} percent coverage`,
|
|
},
|
|
m.coverageSummary.percentage,
|
|
"%",
|
|
),
|
|
),
|
|
)
|
|
: n.createElement(
|
|
f,
|
|
{ size: "medium", disabled: !0 },
|
|
n.createElement(B, {
|
|
isRunning: h,
|
|
status: p ? "critical" : "unknown",
|
|
"aria-label": "Coverage status: unknown",
|
|
}),
|
|
),
|
|
),
|
|
),
|
|
D &&
|
|
n.createElement(
|
|
$,
|
|
null,
|
|
n.createElement(k, {
|
|
as: "label",
|
|
title: "Accessibility",
|
|
icon: t
|
|
? null
|
|
: n.createElement(P.Checkbox, {
|
|
checked: g.a11y,
|
|
disabled: h,
|
|
onChange: () =>
|
|
u((_) => ({
|
|
..._,
|
|
config: { ..._.config, a11y: !g.a11y },
|
|
})),
|
|
}),
|
|
}),
|
|
n.createElement(
|
|
y,
|
|
{
|
|
hasChrome: !1,
|
|
trigger: "hover",
|
|
tooltip: n.createElement(b, { note: Y }),
|
|
},
|
|
n.createElement(
|
|
f,
|
|
{
|
|
size: "medium",
|
|
disabled:
|
|
l["status-value:error"].length === 0 &&
|
|
l["status-value:warning"].length === 0 &&
|
|
l["status-value:success"].length === 0,
|
|
onClick: () => {
|
|
fe({
|
|
api: e,
|
|
entryId:
|
|
l["status-value:error"][0] ??
|
|
l["status-value:warning"][0] ??
|
|
l["status-value:success"][0] ??
|
|
t?.id,
|
|
panelId: Ee,
|
|
});
|
|
},
|
|
},
|
|
n.createElement(B, {
|
|
status: Oe,
|
|
"aria-label": Y,
|
|
isRunning: h,
|
|
}),
|
|
l["status-value:error"].length +
|
|
l["status-value:warning"].length || null,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
},
|
|
Ot = ({ context: e, api: t }) => {
|
|
let {
|
|
testProviderState: o,
|
|
componentTestStatusValueToStoryIds: c,
|
|
a11yStatusValueToStoryIds: u,
|
|
storeState: r,
|
|
setStoreState: l,
|
|
} = Ce(t, e.id);
|
|
return n.createElement(_e, {
|
|
api: t,
|
|
entry: e,
|
|
style: { minWidth: 240 },
|
|
testProviderState: o,
|
|
componentTestStatusValueToStoryIds: c,
|
|
a11yStatusValueToStoryIds: u,
|
|
storeState: r,
|
|
setStoreState: l,
|
|
isSettingsUpdated: !1,
|
|
});
|
|
};
|
|
x.register(O, (e) => {
|
|
if ((globalThis.STORYBOOK_BUILDER || "").includes("vite")) {
|
|
let t = (o) => {
|
|
(e.setSelectedPanel(o), e.togglePanel(!0));
|
|
};
|
|
(De.onSelect(() => {
|
|
t(ve);
|
|
}),
|
|
Le.onSelect(() => {
|
|
t(Ee);
|
|
}),
|
|
ye.onRunAll(() => {
|
|
v.send({
|
|
type: "TRIGGER_RUN",
|
|
payload: { triggeredBy: "run-all" },
|
|
});
|
|
}),
|
|
v.untilReady().then(() => {
|
|
v.setState((o) => ({
|
|
...o,
|
|
indexUrl: new URL("index.json", window.location.href).toString(),
|
|
}));
|
|
}),
|
|
x.add(xe, {
|
|
type: J.experimental_TEST_PROVIDER,
|
|
render: () => {
|
|
let [o, c] = R(!1),
|
|
{
|
|
storeState: u,
|
|
setStoreState: r,
|
|
testProviderState: l,
|
|
componentTestStatusValueToStoryIds: i,
|
|
a11yStatusValueToStoryIds: s,
|
|
isSettingsUpdated: g,
|
|
} = Ce(e);
|
|
return n.createElement(
|
|
W.Provider,
|
|
{ value: { isModalOpen: o, setModalOpen: c } },
|
|
n.createElement(_e, {
|
|
api: e,
|
|
storeState: u,
|
|
setStoreState: r,
|
|
isSettingsUpdated: g,
|
|
testProviderState: l,
|
|
componentTestStatusValueToStoryIds: i,
|
|
a11yStatusValueToStoryIds: s,
|
|
}),
|
|
n.createElement(Fe, {
|
|
storeState: u,
|
|
onRerun: () => {
|
|
(c(!1),
|
|
v.send({
|
|
type: "TRIGGER_RUN",
|
|
payload: { triggeredBy: "global" },
|
|
}));
|
|
},
|
|
}),
|
|
);
|
|
},
|
|
sidebarContextMenu: ({ context: o }) =>
|
|
o.type === "docs" ||
|
|
(o.type === "story" && !o.tags.includes("test"))
|
|
? null
|
|
: n.createElement(Ot, { context: o, api: e }),
|
|
}));
|
|
}
|
|
});
|
|
})();
|
|
} catch (e) {
|
|
console.error(
|
|
"[Storybook] One of your manager-entries failed: " + import.meta.url,
|
|
e,
|
|
);
|
|
}
|