@techdocs/cli 1.11.0-next.1 → 1.11.0

package/dist/embedded-app/static/7203.7203.b03395f8.css

@@ -0,0 +1,2 @@
+@layer tokens,base;@layer components{.v8W8N2dqiE5cGNxm{flex-direction:column;display:flex}.Q3dVWKchqFEGDxNm{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kHZPXvGYPYAGYFhf{caption-side:bottom;border-collapse:collapse;table-layout:fixed;flex:1;width:100%;min-height:0;transition:opacity .2s ease-in-out;position:relative;overflow:auto}.kHZPXvGYPYAGYFhf[data-stale=true]{opacity:.6}.kHZPXvGYPYAGYFhf[data-ispending=true]{opacity:.6}.oifZQr6gC_QyhRzd{border-bottom:1px solid var(--bui-border-2);transition:color .2s ease-in-out}.X8xcDL8E6rIYbeSR{text-align:left;padding:var(--bui-space-3);font-size:var(--bui-font-size-3);color:var(--bui-fg-primary)}.ae9pE72Zc07f8L6W{width:40px}.d_1Lwe7cMab7Y7x8{align-items:center;gap:var(--bui-space-1);flex-direction:row;display:flex}.c2mE5YTadTwCB9Cv{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.U0p16BfATSMI0pZa{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:var(--bui-space-1);opacity:0;color:var(--bui-fg-secondary);transition:opacity .1s ease-in-out;display:inline-flex}.X8xcDL8E6rIYbeSR:hover .U0p16BfATSMI0pZa{opacity:1}[data-sort-direction=ascending] .U0p16BfATSMI0pZa{opacity:1}[data-sort-direction=descending] .U0p16BfATSMI0pZa{opacity:1}.U0p16BfATSMI0pZa svg{transition:transform .1s ease-in-out}[data-sort-direction=descending] .U0p16BfATSMI0pZa svg{transform:rotate(180deg)}.RevIL7d7UeIjyBcV{color:var(--bui-fg-primary)}.kPJhRwYa5RAAhwxF{border-bottom:1px solid var(--bui-border-2);cursor:default;transition:color .2s ease-in-out}.kPJhRwYa5RAAhwxF:hover{background-color:var(--bui-bg-neutral-1-hover)}.kPJhRwYa5RAAhwxF[data-selected]{background-color:var(--bui-bg-neutral-1-pressed)}.kPJhRwYa5RAAhwxF[data-pressed]{background-color:var(--bui-bg-neutral-1-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-1]:hover{background-color:var(--bui-bg-neutral-2-hover)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-1][data-selected]{background-color:var(--bui-bg-neutral-2-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-1][data-pressed]{background-color:var(--bui-bg-neutral-2-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-1][data-disabled]{background-color:var(--bui-bg-neutral-2-disabled)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-2]:hover{background-color:var(--bui-bg-neutral-3-hover)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-2][data-selected]{background-color:var(--bui-bg-neutral-3-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-2][data-pressed]{background-color:var(--bui-bg-neutral-3-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-2][data-disabled]{background-color:var(--bui-bg-neutral-3-disabled)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-3]:hover{background-color:var(--bui-bg-neutral-4-hover)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-3][data-selected]{background-color:var(--bui-bg-neutral-4-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-3][data-pressed]{background-color:var(--bui-bg-neutral-4-pressed)}.kPJhRwYa5RAAhwxF[data-on-bg=neutral-3][data-disabled]{background-color:var(--bui-bg-neutral-4-disabled)}.kPJhRwYa5RAAhwxF[data-href]{cursor:pointer}.kPJhRwYa5RAAhwxF[data-selection-mode]{cursor:pointer}.kPJhRwYa5RAAhwxF[data-react-aria-pressable=true]{cursor:pointer}.kPJhRwYa5RAAhwxF[data-disabled]{background-color:var(--bui-bg-neutral-1-disabled);cursor:not-allowed}.lBJ1evBwz18CSuEb{padding:var(--bui-space-3);font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);font-weight:var(--bui-font-weight-regular);min-width:0;overflow:hidden}.waN8m81er3MmoNwQ{width:40px}.AQrmv2_3dWQm8mkC{align-items:center;gap:var(--bui-space-2);flex-direction:row;width:100%;min-width:0;max-width:100%;display:flex}.pZfxgqebmIQNGPFo,.pZfxgqebmIQNGPFo svg{color:var(--bui-fg-primary);align-items:center;display:inline-flex}.VL_PIHABTKklOpWr{gap:var(--bui-space-0_5);flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;overflow:hidden}.VL_PIHABTKklOpWr>*{min-width:0;max-width:100%}.qco3EFeJwhQRop02{gap:var(--bui-space-2);flex-direction:row;align-items:center;display:flex}.hJtmqCNU8SMp97Lu{align-items:flex-start;gap:var(--bui-space-2);font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);font-weight:var(--bui-font-weight-regular);color:var(--bui-fg-primary);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;flex-direction:row;display:flex}.hJtmqCNU8SMp97Lu[data-disabled]{cursor:not-allowed;opacity:.5}.AsCZ8LTTAs5lRnNR{width:1rem;height:1rem;box-shadow:inset 0 0 0 1px var(--bui-border-2);background-color:var(--bui-bg-neutral-1);color:transparent;border:none;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s ease-in-out;display:flex}.hJtmqCNU8SMp97Lu[data-focus-visible] .AsCZ8LTTAs5lRnNR{outline:2px solid var(--bui-ring);outline-offset:2px;transition:none}.hJtmqCNU8SMp97Lu[data-selected] .AsCZ8LTTAs5lRnNR{background-color:var(--bui-bg-solid);box-shadow:none;color:var(--bui-fg-solid)}.hJtmqCNU8SMp97Lu[data-indeterminate] .AsCZ8LTTAs5lRnNR{background-color:var(--bui-bg-neutral-1);box-shadow:inset 0 0 0 1px var(--bui-border-2);color:var(--bui-fg-primary)}.hJtmqCNU8SMp97Lu[data-invalid] .AsCZ8LTTAs5lRnNR{box-shadow:inset 0 0 0 1px var(--bui-border-danger)}.hJtmqCNU8SMp97Lu[data-invalid][data-selected] .AsCZ8LTTAs5lRnNR{background-color:var(--bui-border-danger);box-shadow:none}.hJtmqCNU8SMp97Lu[data-invalid][data-indeterminate] .AsCZ8LTTAs5lRnNR{box-shadow:inset 0 0 0 1px var(--bui-border-danger)}@media (prefers-reduced-motion:reduce){.AsCZ8LTTAs5lRnNR{transition:none}}.oswl8eimGwGMv65g{--loading-duration:.2s;--bg:transparent;--bg-hover:transparent;--bg-active:transparent;--fg:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;border-radius:var(--bui-radius-2);transition:background-color var(--loading-duration)ease-out,box-shadow var(--loading-duration)ease-out;color:var(--fg);background-color:var(--bg);border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.oswl8eimGwGMv65g:hover{background-color:var(--bg-hover);transition:background-color .15s}.oswl8eimGwGMv65g:active{background-color:var(--bg-active)}.oswl8eimGwGMv65g[data-disabled=true]{cursor:not-allowed}.oswl8eimGwGMv65g[data-ispending=true]{cursor:wait}.oswl8eimGwGMv65g[data-variant=primary]{--bg:var(--bui-bg-solid);--bg-hover:var(--bui-bg-solid-hover);--bg-active:var(--bui-bg-solid-pressed);--fg:var(--bui-fg-solid)}.oswl8eimGwGMv65g[data-variant=primary][data-disabled=true]{--bg:var(--bui-bg-solid-disabled);--bg-hover:var(--bui-bg-solid-disabled);--bg-active:var(--bui-bg-solid-disabled);--fg:var(--bui-fg-solid-disabled)}.oswl8eimGwGMv65g[data-variant=primary][data-ispending=true]{--bg:var(--bui-bg-solid-disabled);--bg-hover:var(--bui-bg-solid-disabled);--bg-active:var(--bui-bg-solid-disabled);--fg:var(--bui-fg-solid-disabled)}.oswl8eimGwGMv65g[data-variant=primary][data-focus-visible]{outline:2px solid var(--bui-ring);outline-offset:2px}.oswl8eimGwGMv65g[data-variant=secondary]{--bg:var(--bui-bg-neutral-1);--bg-hover:var(--bui-bg-neutral-1-hover);--bg-active:var(--bui-bg-neutral-1-pressed);--fg:var(--bui-fg-primary)}.oswl8eimGwGMv65g[data-variant=secondary][data-on-bg=neutral-1]{--bg:var(--bui-bg-neutral-2);--bg-hover:var(--bui-bg-neutral-2-hover);--bg-active:var(--bui-bg-neutral-2-pressed)}.oswl8eimGwGMv65g[data-variant=secondary][data-on-bg=neutral-2]{--bg:var(--bui-bg-neutral-3);--bg-hover:var(--bui-bg-neutral-3-hover);--bg-active:var(--bui-bg-neutral-3-pressed)}.oswl8eimGwGMv65g[data-variant=secondary][data-on-bg=neutral-3]{--bg:var(--bui-bg-neutral-4);--bg-hover:var(--bui-bg-neutral-4-hover);--bg-active:var(--bui-bg-neutral-4-pressed)}.oswl8eimGwGMv65g[data-variant=secondary][data-disabled=true]{--bg-hover:var(--bg);--bg-active:var(--bg);--fg:var(--bui-fg-disabled)}.oswl8eimGwGMv65g[data-variant=secondary][data-ispending=true]{--bg-hover:var(--bg);--bg-active:var(--bg);--fg:var(--bui-fg-disabled)}.oswl8eimGwGMv65g[data-variant=secondary][data-focus-visible]{box-shadow:inset 0 0 0 2px var(--bui-ring);outline:none;transition:none}.oswl8eimGwGMv65g[data-variant=tertiary]{--bg-hover:var(--bui-bg-neutral-1-hover);--bg-active:var(--bui-bg-neutral-1-pressed);--fg:var(--bui-fg-primary)}.oswl8eimGwGMv65g[data-variant=tertiary][data-on-bg=neutral-1]{--bg-hover:var(--bui-bg-neutral-2-hover);--bg-active:var(--bui-bg-neutral-2-pressed)}.oswl8eimGwGMv65g[data-variant=tertiary][data-on-bg=neutral-2]{--bg-hover:var(--bui-bg-neutral-3-hover);--bg-active:var(--bui-bg-neutral-3-pressed)}.oswl8eimGwGMv65g[data-variant=tertiary][data-on-bg=neutral-3]{--bg-hover:var(--bui-bg-neutral-4-hover);--bg-active:var(--bui-bg-neutral-4-pressed)}.oswl8eimGwGMv65g[data-variant=tertiary][data-disabled=true]{--bg-hover:var(--bg);--bg-active:var(--bg);--fg:var(--bui-fg-disabled)}.oswl8eimGwGMv65g[data-variant=tertiary][data-ispending=true]{--bg-hover:var(--bg);--bg-active:var(--bg);--fg:var(--bui-fg-disabled)}.oswl8eimGwGMv65g[data-variant=tertiary][data-focus-visible]{box-shadow:inset 0 0 0 2px var(--bui-ring);outline:none;transition:none}.oswl8eimGwGMv65g[data-size=small]{width:2rem;height:2rem}.oswl8eimGwGMv65g[data-size=small] svg{width:1rem;height:1rem}.oswl8eimGwGMv65g[data-size=medium]{width:2.5rem;height:2.5rem}.oswl8eimGwGMv65g[data-size=medium] svg{width:1.25rem;height:1.25rem}.nupI988ZoWQXN2ow{width:100%;height:100%;transition:opacity var(--loading-duration)ease-out;justify-content:center;align-items:center;display:inline-flex}.oswl8eimGwGMv65g[data-ispending=true] .nupI988ZoWQXN2ow{opacity:0}.S0ip8O7B0EhQCtAt{opacity:0;transition:opacity var(--loading-duration)ease-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.oswl8eimGwGMv65g[data-ispending=true] .S0ip8O7B0EhQCtAt{opacity:1}.S0ip8O7B0EhQCtAt svg{animation:1s linear infinite wvp018_1ftcIUJUQ}@media (prefers-reduced-motion:reduce){.oswl8eimGwGMv65g,.nupI988ZoWQXN2ow,.S0ip8O7B0EhQCtAt{transition-duration:50ms}.S0ip8O7B0EhQCtAt svg{animation:none}}@keyframes wvp018_1ftcIUJUQ{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:is(.fl_o2cRttX8vIo5j,.xRoZ59Ta50wTyFbP)[data-size=small]{--select-item-height:2rem}:is(.fl_o2cRttX8vIo5j,.xRoZ59Ta50wTyFbP)[data-size=medium]{--select-item-height:2.5rem}.fl_o2cRttX8vIo5j{flex-direction:column;flex:1;width:100%;display:flex}.xRoZ59Ta50wTyFbP{min-width:var(--trigger-width)}.f6xSegNfnDAA591f{box-sizing:border-box;border-radius:var(--bui-radius-3);background-color:var(--bui-bg-neutral-1);border:none;outline:none;transition:box-shadow .2s ease-in-out}.f6xSegNfnDAA591f[data-on-bg=neutral-1]{background-color:var(--bui-bg-neutral-2)}.f6xSegNfnDAA591f[data-on-bg=neutral-2]{background-color:var(--bui-bg-neutral-3)}.f6xSegNfnDAA591f[data-on-bg=neutral-3]{background-color:var(--bui-bg-neutral-4)}.fl_o2cRttX8vIo5j[data-focused] .f6xSegNfnDAA591f{box-shadow:inset 0 0 0 1px var(--bui-ring)}.f6xSegNfnDAA591f{cursor:pointer;justify-content:space-between;align-items:center;gap:var(--bui-space-2);width:100%;height:var(--select-item-height);display:flex}.fl_o2cRttX8vIo5j[data-size=small] .f6xSegNfnDAA591f{padding-inline:var(--bui-space-3)0}.fl_o2cRttX8vIo5j[data-size=medium] .f6xSegNfnDAA591f{padding-inline:var(--bui-space-4)0}.f6xSegNfnDAA591f svg{color:var(--bui-fg-secondary);flex-shrink:0}.fl_o2cRttX8vIo5j[data-size=small] :is(.f6xSegNfnDAA591f svg){width:1rem;height:1rem}.fl_o2cRttX8vIo5j[data-size=medium] :is(.f6xSegNfnDAA591f svg){width:1.25rem;height:1.25rem}.f6xSegNfnDAA591f::-webkit-input-placeholder{color:var(--bui-fg-secondary)}.f6xSegNfnDAA591f::-ms-input-placeholder{color:var(--bui-fg-secondary)}.f6xSegNfnDAA591f::placeholder{color:var(--bui-fg-secondary)}.fl_o2cRttX8vIo5j[data-invalid] .f6xSegNfnDAA591f{box-shadow:inset 0 0 0 1px var(--bui-border-danger)}.f6xSegNfnDAA591f[disabled]{cursor:not-allowed;color:var(--bui-fg-disabled)}.hey3g7_Ll4EtTJdE{width:var(--select-item-height);height:var(--select-item-height);flex-grow:0;flex-shrink:0;align-content:center;justify-content:center;display:grid}.EOuke6Cxn9cos7ok{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);font-weight:var(--bui-font-weight-regular);color:var(--bui-fg-primary);text-align:left;overflow:hidden}.EOuke6Cxn9cos7ok .LiF4f9w5zcb_V5q_{display:none}.EOuke6Cxn9cos7ok[disabled]{color:var(--bui-fg-disabled)}.wCPzC0hbf30wVMOp{min-height:0;padding-block:var(--bui-space-1);padding-inline:var(--bui-space-1);overflow:auto}.wCPzC0hbf30wVMOp[data-focus-visible]{outline:none}.Mn7kwp0_L8g4rWcf{box-sizing:border-box;min-height:var(--select-item-height);padding-block:var(--bui-space-1);padding-left:var(--bui-space-3);padding-right:var(--bui-space-4);color:var(--bui-fg-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--bui-font-size-3);align-items:center;gap:var(--bui-space-2);border-radius:var(--bui-radius-2);outline:none;grid-template-columns:1rem 1fr;grid-template-areas:"icon text";display:grid;position:relative}.Mn7kwp0_L8g4rWcf[data-focused]{background-color:var(--bui-bg-neutral-2)}.Mn7kwp0_L8g4rWcf[data-disabled]{cursor:not-allowed;color:var(--bui-fg-disabled)}.Mn7kwp0_L8g4rWcf[data-selected] .LiF4f9w5zcb_V5q_{opacity:1}.LiF4f9w5zcb_V5q_{opacity:0;grid-area:icon;justify-content:center;align-items:center;transition:opacity .2s ease-in-out;display:flex}.sG8NrKzlnq4NyoHP{flex:1;grid-area:text}.af0jN5t2MnkzSKwM{margin-bottom:var(--bui-space-1);padding-inline:var(--bui-space-3)0;border-bottom:1px solid var(--bui-border-2);flex-shrink:0;align-items:center;display:flex}.MAcGzHfmHVw4bkcS{color:var(--bui-fg-primary);font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);height:var(--select-item-height);line-height:var(--select-item-height);background-color:transparent;border:none;outline:none;flex:1;padding:0}.MAcGzHfmHVw4bkcS::-webkit-input-placeholder{color:var(--bui-fg-secondary)}.MAcGzHfmHVw4bkcS::-ms-input-placeholder{color:var(--bui-fg-secondary)}.MAcGzHfmHVw4bkcS::placeholder{color:var(--bui-fg-secondary)}.MAcGzHfmHVw4bkcS::-webkit-search-cancel-button{-webkit-appearance:none}.MAcGzHfmHVw4bkcS::-webkit-search-decoration{-webkit-appearance:none}.Qm0LMYJXqDozSs4J{cursor:pointer;color:var(--bui-fg-secondary);width:var(--select-item-height);height:var(--select-item-height);background-color:transparent;border:none;flex:none;align-content:center;justify-content:center;margin:0;padding:0;transition:color .2s ease-in-out;display:grid}input:placeholder-shown+.Qm0LMYJXqDozSs4J{display:none}.Qm0LMYJXqDozSs4J:hover{color:var(--bui-fg-primary)}.Qm0LMYJXqDozSs4J svg{width:1rem;height:1rem}.sPxu4s2LxhUkjdE5:first-child .FuD_n78xDNQIkQ_A{padding-top:0}.FuD_n78xDNQIkQ_A{height:2rem;padding-top:var(--bui-space-3);padding-left:var(--bui-space-3);color:var(--bui-fg-primary);font-size:var(--bui-font-size-1);letter-spacing:.05rem;text-transform:uppercase;align-items:center;font-weight:700;display:flex}.mai_FHtvkacjqFtg{padding-inline:var(--bui-space-3);padding-block:var(--bui-space-2);color:var(--bui-fg-secondary);font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);font-weight:var(--bui-font-weight-regular)}.c6K43dAXzUIQYTPO{--popover-border-radius:var(--bui-radius-3);box-shadow:var(--bui-shadow);border-radius:var(--popover-border-radius);background:var(--bui-bg-app);border:1px solid var(--bui-border-1);forced-color-adjust:none;max-height:inherit;outline:none;flex-direction:column;transition:transform .2s,opacity .2s;display:flex;transform:translate(0,0)}.c6K43dAXzUIQYTPO[data-entering]{transform:var(--origin);opacity:0}.c6K43dAXzUIQYTPO[data-exiting]{transform:var(--origin);opacity:0}.c6K43dAXzUIQYTPO[data-placement=top]{--origin:translateY(4px)}.c6K43dAXzUIQYTPO[data-placement=top]:has(.nWNOVN9SSAkDCJc4){margin-bottom:var(--bui-space-3)}.c6K43dAXzUIQYTPO[data-placement=right]{--origin:translateX(-4px)}.c6K43dAXzUIQYTPO[data-placement=right]:has(.nWNOVN9SSAkDCJc4){margin-left:var(--bui-space-3)}.c6K43dAXzUIQYTPO[data-placement=bottom]{--origin:translateY(-4px)}.c6K43dAXzUIQYTPO[data-placement=bottom]:has(.nWNOVN9SSAkDCJc4){margin-top:var(--bui-space-3)}.c6K43dAXzUIQYTPO[data-placement=left]{--origin:translateX(4px)}.c6K43dAXzUIQYTPO[data-placement=left]:has(.nWNOVN9SSAkDCJc4){margin-right:var(--bui-space-3)}.ndXnur8atSwrX9tW{padding:var(--bui-space-4);border-radius:var(--popover-border-radius);flex:auto;min-height:0;overflow-x:hidden;overflow-y:auto}.nWNOVN9SSAkDCJc4 svg{display:block}.nWNOVN9SSAkDCJc4 svg use:first-of-type{fill:var(--bui-bg-app)}.nWNOVN9SSAkDCJc4 svg use:nth-of-type(2){fill:var(--bui-bg-neutral-1)}.nWNOVN9SSAkDCJc4 svg path{fill:var(--bui-border-1)}.nWNOVN9SSAkDCJc4 svg{--popover-arrow-overlap:-2px}.nWNOVN9SSAkDCJc4[data-placement=top] svg{margin-top:var(--popover-arrow-overlap)}.nWNOVN9SSAkDCJc4[data-placement=bottom] svg{margin-bottom:var(--popover-arrow-overlap);transform:rotate(180deg)}.nWNOVN9SSAkDCJc4[data-placement=right] svg{margin-right:var(--popover-arrow-overlap);transform:rotate(90deg)}.nWNOVN9SSAkDCJc4[data-placement=left] svg{margin-left:var(--popover-arrow-overlap);transform:rotate(-90deg)}.QCxpyIls6to9Bn5w{margin-bottom:var(--bui-space-3);gap:var(--bui-space-1);flex-direction:column;display:flex}.qjnrgCeKosN0HGNG{color:var(--bui-fg-primary);cursor:pointer;font-weight:var(--bui-font-weight-regular);font-size:var(--bui-font-size-2);margin-right:auto}.VAD8KU3Enrs4kH_k{color:var(--bui-fg-secondary);font-weight:var(--bui-font-weight-regular);margin-left:var(--bui-space-1)}.KsFBKeDCTE86ZANx{font-weight:var(--bui-font-weight-regular);font-size:var(--bui-font-size-2);color:var(--bui-fg-secondary);margin:0}.Ai9iNkHuNwQ8kqsz{color:var(--bui-fg-danger);font-size:var(--bui-font-size-2);font-weight:var(--bui-font-weight-regular);margin-top:var(--bui-space-2);display:inline-block}.Z_Iagacz0F1YYG04{padding-top:var(--bui-space-5);justify-content:space-between;align-items:center;display:flex}.N_pRbW6lVsY4Hdgf{justify-content:space-between;align-items:center;display:flex}.qXYnm03BkEcKl1FA{justify-content:space-between;align-items:center;gap:var(--bui-space-2);display:flex}.plzZlLJyZhc3wn3s{min-width:10.5rem}.dQdXlDCvsLk1w8Z3{animation:var(--bui-animate-pulse);background-color:var(--bui-bg-neutral-2);border-radius:var(--bui-radius-2)}.dQdXlDCvsLk1w8Z3[data-rounded=true]{border-radius:var(--bui-radius-full)}}@layer utilities;
+/*# sourceMappingURL=7203.7203.b03395f8.css.map*/

package/dist/embedded-app/static/7203.7203.b03395f8.css.map

@@ -0,0 +1 @@
+{"version":3,"file":"static/7203.7203.b03395f8.css","sources":["webpack://techdocs-cli-embedded-app/../ui/src/components/Table/Table.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/Checkbox/Checkbox.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/ButtonIcon/ButtonIcon.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/Select/Select.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/Popover/Popover.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/FieldLabel/FieldLabel.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/FieldError/FieldError.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/TablePagination/TablePagination.module.css","webpack://techdocs-cli-embedded-app/../ui/src/components/Skeleton/Skeleton.module.css"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-TableWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .bui-TableResizableContainer {\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    min-height: 0;\n    overflow: hidden;\n  }\n\n  .bui-Table {\n    /* Establishes containing block for react-aria's absolutely positioned hidden checkbox inputs, preventing them from escaping to a distant ancestor and creating phantom scroll height. */\n    position: relative;\n    width: 100%;\n    caption-side: bottom;\n    border-collapse: collapse;\n    table-layout: fixed;\n    transition: opacity 0.2s ease-in-out;\n    overflow: auto;\n    flex: 1;\n    min-height: 0;\n\n    &[data-stale='true'],\n    &[data-ispending='true'] {\n      opacity: 0.6;\n    }\n  }\n\n  .bui-TableHeader {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n  }\n\n  .bui-TableHead {\n    text-align: left;\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    color: var(--bui-fg-primary);\n  }\n\n  .bui-TableHeadSelection {\n    width: 40px;\n  }\n\n  .bui-TableHeadContent {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-1);\n  }\n\n  .bui-TableHeadLabel {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    min-width: 0;\n  }\n\n  .bui-TableHeadSortButton {\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--bui-space-1);\n    opacity: 0;\n    transition: opacity 0.1s ease-in-out;\n    color: var(--bui-fg-secondary);\n\n    .bui-TableHead:hover &,\n    [data-sort-direction='ascending'] &,\n    [data-sort-direction='descending'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      transition: transform 0.1s ease-in-out;\n    }\n    [data-sort-direction='descending'] & svg {\n      transform: rotate(180deg);\n    }\n  }\n\n  .bui-TableBody {\n    color: var(--bui-fg-primary);\n  }\n\n  .bui-TableRow {\n    border-bottom: 1px solid var(--bui-border-2);\n    transition: color 0.2s ease-in-out;\n    cursor: default;\n\n    &:hover {\n      background-color: var(--bui-bg-neutral-1-hover);\n    }\n\n    &[data-selected] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-pressed] {\n      background-color: var(--bui-bg-neutral-1-pressed);\n    }\n\n    &[data-on-bg='neutral-1'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-2-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-2-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-2-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-2'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-3-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-3-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-3-disabled);\n      }\n    }\n\n    &[data-on-bg='neutral-3'] {\n      &:hover {\n        background-color: var(--bui-bg-neutral-4-hover);\n      }\n\n      &[data-selected] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-pressed] {\n        background-color: var(--bui-bg-neutral-4-pressed);\n      }\n\n      &[data-disabled] {\n        background-color: var(--bui-bg-neutral-4-disabled);\n      }\n    }\n\n    &[data-href],\n    &[data-selection-mode],\n    &[data-react-aria-pressable='true'] {\n      cursor: pointer;\n    }\n\n    &[data-disabled] {\n      background-color: var(--bui-bg-neutral-1-disabled);\n      cursor: not-allowed;\n    }\n  }\n\n  .bui-TableCell {\n    padding: var(--bui-space-3);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    min-width: 0;\n    overflow: hidden;\n  }\n\n  .bui-TableCellSelection {\n    width: 40px;\n  }\n\n  .bui-TableCellContentWrapper {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: var(--bui-space-2);\n    min-width: 0;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .bui-TableCellIcon,\n  .bui-TableCellIcon svg {\n    display: inline-flex;\n    align-items: center;\n    color: var(--bui-fg-primary);\n  }\n\n  .bui-TableCellContent {\n    display: flex;\n    flex-direction: column;\n    gap: var(--bui-space-0_5);\n    min-width: 0;\n    flex: 1;\n    overflow: hidden;\n    max-width: 100%;\n  }\n\n  .bui-TableCellContent > * {\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .bui-TableCellProfile {\n    display: flex;\n    flex-direction: row;\n    gap: var(--bui-space-2);\n    align-items: center;\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-Checkbox {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n    gap: var(--bui-space-2);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .bui-Checkbox[data-disabled] {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  .bui-CheckboxIndicator {\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1rem;\n    height: 1rem;\n    box-shadow: inset 0 0 0 1px var(--bui-border-2);\n    border-radius: 2px;\n    transition: background-color 0.2s ease-in-out;\n    background-color: var(--bui-bg-neutral-1);\n    padding: 0;\n    flex-shrink: 0;\n    color: transparent;\n\n    .bui-Checkbox[data-focus-visible] & {\n      transition: none;\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n\n    .bui-Checkbox[data-selected] & {\n      background-color: var(--bui-bg-solid);\n      box-shadow: none;\n      color: var(--bui-fg-solid);\n    }\n\n    .bui-Checkbox[data-indeterminate] & {\n      background-color: var(--bui-bg-neutral-1);\n      box-shadow: inset 0 0 0 1px var(--bui-border-2);\n      color: var(--bui-fg-primary);\n    }\n\n    .bui-Checkbox[data-invalid] & {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    .bui-Checkbox[data-invalid][data-selected] & {\n      background-color: var(--bui-border-danger);\n      box-shadow: none;\n    }\n\n    .bui-Checkbox[data-invalid][data-indeterminate] & {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      & {\n        transition: none;\n      }\n    }\n  }\n}\n","/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-ButtonIcon {\n    --loading-duration: 200ms;\n    --bg: transparent;\n    --bg-hover: transparent;\n    --bg-active: transparent;\n    --fg: inherit;\n\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border: none;\n    user-select: none;\n    padding: 0;\n    cursor: pointer;\n    border-radius: var(--bui-radius-2);\n    flex-shrink: 0;\n    transition: background-color var(--loading-duration) ease-out,\n      box-shadow var(--loading-duration) ease-out;\n\n    /* Apply variables */\n    color: var(--fg);\n    background-color: var(--bg);\n\n    &:hover {\n      background-color: var(--bg-hover);\n      transition: background-color 150ms ease;\n    }\n\n    &:active {\n      background-color: var(--bg-active);\n    }\n\n    &[data-disabled='true'] {\n      cursor: not-allowed;\n    }\n\n    &[data-ispending='true'] {\n      cursor: wait;\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='primary'] {\n    --bg: var(--bui-bg-solid);\n    --bg-hover: var(--bui-bg-solid-hover);\n    --bg-active: var(--bui-bg-solid-pressed);\n    --fg: var(--bui-fg-solid);\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg: var(--bui-bg-solid-disabled);\n      --bg-hover: var(--bui-bg-solid-disabled);\n      --bg-active: var(--bui-bg-solid-disabled);\n      --fg: var(--bui-fg-solid-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: 2px solid var(--bui-ring);\n      outline-offset: 2px;\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='secondary'] {\n    --bg: var(--bui-bg-neutral-1);\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg: var(--bui-bg-neutral-2);\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg: var(--bui-bg-neutral-3);\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg: var(--bui-bg-neutral-4);\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .bui-ButtonIcon[data-variant='tertiary'] {\n    --bg-hover: var(--bui-bg-neutral-1-hover);\n    --bg-active: var(--bui-bg-neutral-1-pressed);\n    --fg: var(--bui-fg-primary);\n\n    &[data-on-bg='neutral-1'] {\n      --bg-hover: var(--bui-bg-neutral-2-hover);\n      --bg-active: var(--bui-bg-neutral-2-pressed);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      --bg-hover: var(--bui-bg-neutral-3-hover);\n      --bg-active: var(--bui-bg-neutral-3-pressed);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      --bg-hover: var(--bui-bg-neutral-4-hover);\n      --bg-active: var(--bui-bg-neutral-4-pressed);\n    }\n\n    &[data-disabled='true'],\n    &[data-ispending='true'] {\n      --bg-hover: var(--bg);\n      --bg-active: var(--bg);\n      --fg: var(--bui-fg-disabled);\n    }\n\n    &[data-focus-visible] {\n      outline: none;\n      transition: none;\n      box-shadow: inset 0 0 0 2px var(--bui-ring);\n    }\n  }\n\n  .bui-ButtonIcon[data-size='small'] {\n    width: 2rem;\n    height: 2rem;\n\n    svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .bui-ButtonIcon[data-size='medium'] {\n    width: 2.5rem;\n    height: 2.5rem;\n\n    svg {\n      width: 1.25rem;\n      height: 1.25rem;\n    }\n  }\n\n  .bui-ButtonIconContent {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    transition: opacity var(--loading-duration) ease-out;\n\n    .bui-ButtonIcon[data-ispending='true'] & {\n      opacity: 0;\n    }\n  }\n\n  .bui-ButtonIconSpinner {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    display: flex;\n    opacity: 0;\n    transition: opacity var(--loading-duration) ease-in;\n\n    .bui-ButtonIcon[data-ispending='true'] & {\n      opacity: 1;\n    }\n\n    & svg {\n      animation: bui-spin 1s linear infinite;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .bui-ButtonIcon {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconContent {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconSpinner {\n      transition-duration: 50ms;\n    }\n\n    .bui-ButtonIconSpinner svg {\n      animation: none;\n    }\n  }\n\n  @keyframes bui-spin {\n    from {\n      transform: rotate(0deg);\n    }\n\n    to {\n      transform: rotate(360deg);\n    }\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-Select,\n  .bui-SelectPopover {\n    &[data-size='small'] {\n      --select-item-height: 2rem;\n    }\n\n    &[data-size='medium'] {\n      --select-item-height: 2.5rem;\n    }\n  }\n\n  .bui-Select {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    flex: 1;\n  }\n\n  .bui-SelectPopover {\n    min-width: var(--trigger-width);\n  }\n\n  .bui-SelectTrigger {\n    box-sizing: border-box;\n    border-radius: var(--bui-radius-3);\n    border: none;\n    outline: none;\n    background-color: var(--bui-bg-neutral-1);\n    transition: box-shadow 0.2s ease-in-out;\n\n    &[data-on-bg='neutral-1'] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-on-bg='neutral-2'] {\n      background-color: var(--bui-bg-neutral-3);\n    }\n\n    &[data-on-bg='neutral-3'] {\n      background-color: var(--bui-bg-neutral-4);\n    }\n\n    .bui-Select[data-focused] & {\n      box-shadow: inset 0 0 0 1px var(--bui-ring);\n    }\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    gap: var(--bui-space-2);\n    width: 100%;\n    height: var(--select-item-height);\n\n    .bui-Select[data-size='small'] & {\n      padding-inline: var(--bui-space-3) 0;\n    }\n\n    .bui-Select[data-size='medium'] & {\n      padding-inline: var(--bui-space-4) 0;\n    }\n\n    & svg {\n      flex-shrink: 0;\n      color: var(--bui-fg-secondary);\n\n      .bui-Select[data-size='small'] & {\n        width: 1rem;\n        height: 1rem;\n      }\n\n      .bui-Select[data-size='medium'] & {\n        width: 1.25rem;\n        height: 1.25rem;\n      }\n    }\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    .bui-Select[data-invalid] & {\n      box-shadow: inset 0 0 0 1px var(--bui-border-danger);\n    }\n\n    &[disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .bui-SelectTriggerChevron {\n    display: grid;\n    place-content: center;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n    flex-shrink: 0;\n    flex-grow: 0;\n  }\n\n  .bui-SelectValue {\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n    color: var(--bui-fg-primary);\n    text-align: left;\n\n    & .bui-SelectItemIndicator {\n      display: none;\n    }\n\n    &[disabled] {\n      color: var(--bui-fg-disabled);\n    }\n  }\n\n  .bui-SelectList {\n    overflow: auto;\n    min-height: 0;\n    padding-block: var(--bui-space-1);\n    padding-inline: var(--bui-space-1);\n\n    &[data-focus-visible] {\n      /* Remove default focus-visible outline because React Aria\n       * triggers it on mouse click open of the list for some reason.\n       * On keyboard use, the top item receives the focus style,\n       * so it's not needed anyway. */\n      outline: none;\n    }\n  }\n\n  .bui-SelectItem {\n    box-sizing: border-box;\n    position: relative;\n    display: grid;\n    grid-template-areas: 'icon text';\n    grid-template-columns: 1rem 1fr;\n    align-items: center;\n    min-height: var(--select-item-height);\n    padding-block: var(--bui-space-1);\n    padding-left: var(--bui-space-3);\n    padding-right: var(--bui-space-4);\n    color: var(--bui-fg-primary);\n    cursor: pointer;\n    user-select: none;\n    font-size: var(--bui-font-size-3);\n    gap: var(--bui-space-2);\n    outline: none;\n    border-radius: var(--bui-radius-2);\n\n    &[data-focused] {\n      background-color: var(--bui-bg-neutral-2);\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n      color: var(--bui-fg-disabled);\n    }\n\n    &[data-selected] .bui-SelectItemIndicator {\n      opacity: 1;\n    }\n  }\n\n  .bui-SelectItemIndicator {\n    grid-area: icon;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0;\n    transition: opacity 0.2s ease-in-out;\n  }\n\n  .bui-SelectItemLabel {\n    flex: 1;\n    grid-area: text;\n  }\n\n  .bui-SelectSearchWrapper {\n    flex-shrink: 0;\n    margin-bottom: var(--bui-space-1);\n    display: flex;\n    align-items: center;\n    padding-inline: var(--bui-space-3) 0;\n    border-bottom: 1px solid var(--bui-border-2);\n  }\n\n  .bui-SelectSearch {\n    border: none;\n    background-color: transparent;\n    padding: 0;\n    color: var(--bui-fg-primary);\n    flex: 1;\n    outline: none;\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    height: var(--select-item-height);\n    line-height: var(--select-item-height);\n\n    &::placeholder {\n      color: var(--bui-fg-secondary);\n    }\n\n    /* Hide native browser clear button */\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n    }\n  }\n\n  .bui-SelectSearchClear {\n    flex: 0 0 auto;\n    display: grid;\n    place-content: center;\n    background-color: transparent;\n    border: none;\n    padding: 0;\n    margin: 0;\n    cursor: pointer;\n    color: var(--bui-fg-secondary);\n    transition: color 0.2s ease-in-out;\n    width: var(--select-item-height);\n    height: var(--select-item-height);\n\n    input:placeholder-shown + & {\n      display: none;\n    }\n\n    &:hover {\n      color: var(--bui-fg-primary);\n    }\n\n    & svg {\n      width: 1rem;\n      height: 1rem;\n    }\n  }\n\n  .bui-SelectSection {\n    &:first-child .bui-SelectSectionHeader {\n      padding-top: 0;\n    }\n  }\n\n  .bui-SelectSectionHeader {\n    height: 2rem;\n    display: flex;\n    align-items: center;\n    padding-top: var(--bui-space-3);\n    padding-left: var(--bui-space-3);\n    color: var(--bui-fg-primary);\n    font-size: var(--bui-font-size-1);\n    font-weight: bold;\n    letter-spacing: 0.05rem;\n    text-transform: uppercase;\n  }\n\n  .bui-SelectNoResults {\n    padding-inline: var(--bui-space-3);\n    padding-block: var(--bui-space-2);\n    color: var(--bui-fg-secondary);\n    font-size: var(--bui-font-size-3);\n    font-family: var(--bui-font-regular);\n    font-weight: var(--bui-font-weight-regular);\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-Popover {\n    --popover-border-radius: var(--bui-radius-3);\n    box-shadow: var(--bui-shadow);\n    border-radius: var(--popover-border-radius);\n    background: var(--bui-bg-app);\n    border: 1px solid var(--bui-border-1);\n    forced-color-adjust: none;\n    outline: none;\n    max-height: inherit;\n    display: flex;\n    flex-direction: column;\n    /* fixes FF gap */\n    transform: translate3d(0, 0, 0);\n    transition: transform 200ms, opacity 200ms;\n\n    &[data-entering],\n    &[data-exiting] {\n      transform: var(--origin);\n      opacity: 0;\n    }\n\n    &[data-placement='top'] {\n      --origin: translateY(4px);\n\n      &:has(.bui-PopoverArrow) {\n        margin-bottom: var(--bui-space-3);\n      }\n    }\n\n    &[data-placement='right'] {\n      --origin: translateX(-4px);\n\n      &:has(.bui-PopoverArrow) {\n        margin-left: var(--bui-space-3);\n      }\n    }\n\n    &[data-placement='bottom'] {\n      --origin: translateY(-4px);\n\n      &:has(.bui-PopoverArrow) {\n        margin-top: var(--bui-space-3);\n      }\n    }\n\n    &[data-placement='left'] {\n      --origin: translateX(4px);\n\n      &:has(.bui-PopoverArrow) {\n        margin-right: var(--bui-space-3);\n      }\n    }\n  }\n\n  .bui-PopoverContent {\n    overflow-x: hidden;\n    overflow-y: auto;\n    padding: var(--bui-space-4);\n    flex: 1 1 auto;\n    min-height: 0;\n    border-radius: var(--popover-border-radius);\n  }\n\n  .bui-PopoverArrow {\n    & svg {\n      display: block;\n\n      /* The popover is rendered overlaying the main\n      popover element by 1px. This causes the borders\n      to overlap, which causes minor visual artifacts\n      with transparent border colors. To mitigate this,\n      we split the stroke and fill across separate\n      elements in order to guarantee that the stroke is\n      always overlaying a consistent color. */\n      use:nth-of-type(1) {\n        fill: var(--bui-bg-app);\n      }\n      use:nth-of-type(2) {\n        fill: var(--bui-bg-neutral-1);\n      }\n\n      path {\n        fill: var(--bui-border-1);\n      }\n\n      /* The arrow svg overlaps the popover by 2px, so we\n      need to adjust the margins accordingly. */\n      --popover-arrow-overlap: -2px;\n    }\n\n    &[data-placement='top'] svg {\n      margin-top: var(--popover-arrow-overlap);\n    }\n\n    &[data-placement='bottom'] svg {\n      margin-bottom: var(--popover-arrow-overlap);\n      transform: rotate(180deg);\n    }\n\n    &[data-placement='right'] svg {\n      margin-right: var(--popover-arrow-overlap);\n      transform: rotate(90deg);\n    }\n\n    &[data-placement='left'] svg {\n      margin-left: var(--popover-arrow-overlap);\n      transform: rotate(-90deg);\n    }\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-FieldLabelWrapper {\n    display: flex;\n    flex-direction: column;\n    margin-bottom: var(--bui-space-3);\n    gap: var(--bui-space-1);\n  }\n\n  .bui-FieldLabel {\n    color: var(--bui-fg-primary);\n    margin-right: auto;\n    cursor: pointer;\n    font-weight: var(--bui-font-weight-regular);\n    font-size: var(--bui-font-size-2);\n  }\n\n  .bui-FieldSecondaryLabel {\n    color: var(--bui-fg-secondary);\n    font-weight: var(--bui-font-weight-regular);\n    margin-left: var(--bui-space-1);\n  }\n\n  .bui-FieldDescription {\n    font-weight: var(--bui-font-weight-regular);\n    font-size: var(--bui-font-size-2);\n    color: var(--bui-fg-secondary);\n    margin: 0;\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-FieldError {\n    display: inline-block;\n    color: var(--bui-fg-danger);\n    font-size: var(--bui-font-size-2);\n    font-weight: var(--bui-font-weight-regular);\n    margin-top: var(--bui-space-2);\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-TablePagination {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: var(--bui-space-5);\n  }\n\n  .bui-TablePaginationLeft {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n\n  .bui-TablePaginationRight {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--bui-space-2);\n  }\n\n  .bui-TablePaginationSelect {\n    min-width: 10.5rem;\n  }\n}\n","/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n@layer tokens, base, components, utilities;\n\n@layer components {\n  .bui-Skeleton {\n    animation: var(--bui-animate-pulse);\n    background-color: var(--bui-bg-neutral-2);\n    border-radius: var(--bui-radius-2);\n  }\n\n  .bui-Skeleton[data-rounded='true'] {\n    border-radius: var(--bui-radius-full);\n  }\n}\n"],"names":[],"mappings":"AAgBA,qCAGE,qDAKA,yFAQA,oLAYE,gGAMF,+FAKA,0HAOA,6BAIA,4FAOA,wFAOA,+PAUE,6KAMA,2DAGA,gFAKF,8CAIA,8GAKE,uEAIA,kFAIA,iFAKE,6FAIA,wGAIA,uGAIA,yGAMA,6FAIA,wGAIA,uGAIA,yGAMA,6FAIA,wGAIA,uGAIA,yGAKF,mKAMA,sGAMF,yLASA,6BAIA,kIAUA,2GAOA,gIAUA,+CAKA,4FCzNA,gVAaA,+DAKA,4SAeE,6HAMA,kIAMA,4KAMA,sGAIA,2HAKA,0HAIA,uCACE,mCCjEJ,kgBAwBE,0FAKA,2DAIA,yDAIA,mDAKF,uKAME,maAQA,iHAMF,uLAME,kLAMA,kLAMA,kLAMA,2QAOA,sIAOF,yJAKE,oJAKA,oJAKA,oJAKA,yQAOA,qIAOF,0DAIE,8DAMF,+DAIE,qEAMF,0JAQE,mEAKF,6JASE,mEAIA,oEAKF,uCACE,+EAYA,sCAKF,gFCzME,oFAIA,uFAKF,uEAOA,iDAIA,kLAQE,iFAIA,iFAIA,iFAIA,6FAGQ,kKAQR,wFAIA,yFAIA,kEAIE,qFAKA,4FAMF,+MAIA,sGAIA,4EAMF,sKASA,mPAWE,iDAIA,yDAKF,gHAME,mDASF,ugBAmBE,yEAIA,iFAKA,6DAKF,qIASA,wCAKA,gLASA,iQAYE,+MAKA,6IAMF,gSAcE,uDAIA,oDAIA,6CAOA,8DAKF,yPAaA,mOCpQA,kWAeE,qIAMA,+DAGE,8FAKF,kEAGE,8FAKF,mEAGE,8FAKF,gEAGE,8FAMJ,iJAUE,oCAUE,+DAGA,sEAIA,oDAMwB,mDAG1B,kFAIA,iHAKA,8GAKA,6GCxGF,6GAOA,2JAQA,0HAMA,qICrBA,4KCAA,+GAOA,gFAMA,uGAOA,oCCpBA,gIAMA,2ERTF"}

package/dist/embedded-app/static/{7226.a6f04b63.chunk.js → 7226.3d17f592.chunk.js}

@@ -1,2 +1,2 @@
-"use strict";(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([["7226"],{68817(e,a,t){t.d(a,{TechDocsCustomHome:()=>Q});var r=t(31085),n=t(14041),i=t(73466),s=t(58837),d=t(60728),l=t(58077),o=t(50509),c=t(48203),p=t(53320),m=t(59378),u=t(76272),g=t(74854),h=t(31314),x=t(90898),f=t(99255),j=t(81219),b=t(19735),k=t(77125),C=t(99703);let v=(0,s.A)(e=>(0,C.A)({root:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(22em, 1fr))",gridAutoRows:"1fr",gridGap:e.spacing(2)}}),{name:"BackstageItemCardGrid"});function y(e){let{children:a,...t}=e,n=v(t);return(0,r.jsx)(k.A,{className:n.root,...t,children:a})}var A=t(72501);let S=(0,s.A)(e=>(0,C.A)({root:{color:e.getPageTheme({themeId:"card"}).fontColor,padding:e.spacing(2,2,3),backgroundImage:e.getPageTheme({themeId:"card"}).backgroundImage,backgroundPosition:0,backgroundSize:"inherit"}}),{name:"BackstageItemCardHeader"});function P(e){let{title:a,subtitle:t,children:n}=e,i=S(e);return(0,r.jsxs)(k.A,{className:i.root,children:[t&&(0,r.jsx)(A.A,{variant:"subtitle2",component:"h3",children:t}),a&&(0,r.jsx)(A.A,{variant:"h6",component:"h4",children:a}),n]})}var T=t(45463),w=t(40703),I=t(59469),B=t(48653),U=t(57369),D=t(55489),N=t(89439),W=t(60603),_=t(87623);let V=(0,s.A)(e=>({linkSpacer:{paddingTop:e.spacing(.2)},readMoreLink:{paddingTop:e.spacing(.2)}}),{name:"BackstageInfoCardGrid"});var G=t(59821),R=t(47677),E=t(15179),H=t(45794),M=t(84391),z=t(87187),L=t(4809),O=t(38605),$=t(74953);let F=(0,s.A)(e=>({tabsWrapper:{gridArea:"pageSubheader",backgroundColor:e.palette.background.paper,paddingLeft:e.spacing(3),minWidth:0},defaultTab:{...e.typography.caption,padding:e.spacing(3,3),textTransform:"uppercase",fontWeight:e.typography.fontWeightBold,color:e.palette.text.secondary},selected:{color:e.palette.text.primary},tabRoot:{"&:hover":{backgroundColor:e.palette.background.default,color:e.palette.text.primary}}}),{name:"BackstageHeaderTabs"});function K(e){let{tabs:a,onChange:t,selectedIndex:i}=e,[s,d]=(0,n.useState)(i??0),l=F(),o=(0,n.useCallback)((e,a)=>{void 0===i&&d(a),t&&t(a)},[i,t]);return(0,n.useEffect)(()=>{void 0!==i&&d(i)},[i]),(0,r.jsx)(k.A,{className:l.tabsWrapper,children:(0,r.jsx)($.A,{indicatorColor:"primary",textColor:"inherit",variant:"scrollable",scrollButtons:"auto","aria-label":"tabs",onChange:o,value:s,children:a.map((e,a)=>(0,r.jsx)(O.A,{"data-testid":`header-tab-${a}`,label:e.label,value:a,className:l.defaultTab,classes:{selected:l.selected,root:l.tabRoot},...e.tabProps},e.id))})})}var Y=t(78931);let q={DocsTable:h.o,DocsCardGrid:e=>{let{entities:a}=e,t=(0,j.S)(x.Oc),n=(0,o.gf)(b.U);return a?(0,r.jsx)(y,{"data-testid":"docs-explore",children:a?.length?a.map((e,a)=>(0,r.jsxs)(w.A,{children:[(0,r.jsx)(U.A,{children:(0,r.jsx)(P,{title:e.metadata.title??e.metadata.name})}),(0,r.jsx)(B.A,{children:e.metadata.description}),(0,r.jsx)(I.A,{children:(0,r.jsx)(T.z,{to:t({namespace:(0,f.V)(e.metadata.namespace??"default",n),kind:(0,f.V)(e.kind,n),name:(0,f.V)(e.metadata.name,n)}),color:"primary","data-testid":"read_docs",children:"Read Docs"})})]},a)):null}):null},TechDocsIndexPage:R.TechDocsIndexPage,InfoCardGrid:e=>{let{entities:a,linkContent:t,linkDestination:n}=e,s=V(),d=(0,j.S)(x.Oc),c=(0,o.gf)(b.U),p=(0,o.gf)(_.n),{value:m,loading:u}=(0,i.A)(async()=>new Map(await Promise.all(a?.map(async e=>{let a=await p.forEntity(e).promise;return[(0,l.U2)(e),a]})||[])));return u?(0,r.jsx)(D.k,{}):a&&a?.length?(0,r.jsx)(y,{"data-testid":"info-card-container",children:a.map(e=>(0,r.jsxs)(N.n,{"data-testid":e?.metadata?.title,title:m?.get((0,l.U2)(e))?.primaryTitle,children:[(0,r.jsx)("div",{children:e?.metadata?.description}),(0,r.jsx)("div",{className:s.linkSpacer}),(0,r.jsx)(W.N_,{to:(e=>{if(n){let a=n(e);if(a)return a}return d({namespace:(0,f.V)(e.metadata.namespace??"default",c),kind:(0,f.V)(e.kind,c),name:(0,f.V)(e.metadata.name,c)})})(e),className:s.readMoreLink,"data-testid":"read-docs-link",children:t||"Read Docs"})]},e.metadata.name))}):null}},J=({config:e,entities:a,index:t})=>{let u=(0,s.A)({panelContainer:{marginBottom:"2rem",...e.panelCSS?e.panelCSS:{}}})(),{loading:g,isOwnedEntity:h}=function(){let e=(0,o.gf)(c.K),{loading:a,value:t}=(0,i.A)(async()=>{let{ownershipEntityRefs:a}=await e.getBackstageIdentity();return a},[]);return{loading:a,isOwnedEntity:(0,n.useMemo)(()=>{let e=new Set(t??[]);return a=>{for(let t of(0,p.t)(a,d.vv).map(l.U2))if(e.has(t))return!0;return!1}},[t])}}(),x=q[e.panelType],f=a.filter(a=>"ownedByUser"===e.filterPredicate?!g&&h(a):"function"==typeof e.filterPredicate&&e.filterPredicate(a)),j=e.panelProps?.CustomHeader||(()=>(0,r.jsx)(E.d,{title:e.title,description:e.description,children:0===t?(0,r.jsx)(H.Y,{children:"Discover documentation in your ecosystem."}):null}));return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j,{}),(0,r.jsx)("div",{className:u.panelContainer,children:(0,r.jsx)(m.B9,{children:(0,r.jsx)(x,{"data-testid":"techdocs-custom-panel",entities:f,...e.panelProps})})})]})},Q=e=>{let{tabsConfig:a,filter:t,CustomPageWrapper:s}=e,[d,l]=(0,n.useState)(0),c=(0,o.gf)(u.v),{value:p,loading:m,error:h}=(0,i.A)(async()=>(await c.getEntities({filter:{...t,[`metadata.annotations.${Y.As}`]:g.c},fields:["apiVersion","kind","metadata","relations","spec.owner","spec.type"]})).items.filter(e=>!!e.metadata.annotations?.[Y.As])),x=a[d];return m?(0,r.jsx)(G.S,{CustomPageWrapper:s,children:(0,r.jsx)(M.U,{children:(0,r.jsx)(D.k,{})})}):h?(0,r.jsx)(G.S,{CustomPageWrapper:s,children:(0,r.jsx)(M.U,{children:(0,r.jsx)(z.B,{severity:"error",title:"Could not load available documentation.",children:(0,r.jsx)(L.z,{language:"text",text:h.toString()})})})}):(0,r.jsxs)(G.S,{CustomPageWrapper:s,children:[(0,r.jsx)(K,{selectedIndex:d,onChange:e=>l(e),tabs:a.map(({label:e},a)=>({id:a.toString(),label:e}))}),(0,r.jsx)(M.U,{"data-testid":"techdocs-content",children:x.panels.map((e,a)=>(0,r.jsx)(J,{config:e,entities:p||[],index:a},a))})]})}}}]);
-//# sourceMappingURL=7226.a6f04b63.chunk.js.map
+"use strict";(self.webpackChunktechdocs_cli_embedded_app=self.webpackChunktechdocs_cli_embedded_app||[]).push([["7226"],{68817(e,a,t){t.d(a,{TechDocsCustomHome:()=>Q});var r=t(31085),n=t(14041),i=t(73466),s=t(58837),d=t(49185),l=t(58077),o=t(50509),c=t(48203),p=t(53320),m=t(59378),u=t(76272),g=t(74854),h=t(31314),x=t(90898),f=t(99255),j=t(81219),b=t(19735),k=t(77125),C=t(99703);let v=(0,s.A)(e=>(0,C.A)({root:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(22em, 1fr))",gridAutoRows:"1fr",gridGap:e.spacing(2)}}),{name:"BackstageItemCardGrid"});function y(e){let{children:a,...t}=e,n=v(t);return(0,r.jsx)(k.A,{className:n.root,...t,children:a})}var A=t(72501);let S=(0,s.A)(e=>(0,C.A)({root:{color:e.getPageTheme({themeId:"card"}).fontColor,padding:e.spacing(2,2,3),backgroundImage:e.getPageTheme({themeId:"card"}).backgroundImage,backgroundPosition:0,backgroundSize:"inherit"}}),{name:"BackstageItemCardHeader"});function P(e){let{title:a,subtitle:t,children:n}=e,i=S(e);return(0,r.jsxs)(k.A,{className:i.root,children:[t&&(0,r.jsx)(A.A,{variant:"subtitle2",component:"h3",children:t}),a&&(0,r.jsx)(A.A,{variant:"h6",component:"h4",children:a}),n]})}var T=t(45463),w=t(40703),I=t(59469),B=t(48653),U=t(57369),D=t(55489),N=t(89439),W=t(60603),_=t(87623);let V=(0,s.A)(e=>({linkSpacer:{paddingTop:e.spacing(.2)},readMoreLink:{paddingTop:e.spacing(.2)}}),{name:"BackstageInfoCardGrid"});var G=t(59821),R=t(47677),E=t(15179),H=t(45794),M=t(84391),z=t(87187),L=t(4809),O=t(38605),$=t(74953);let F=(0,s.A)(e=>({tabsWrapper:{gridArea:"pageSubheader",backgroundColor:e.palette.background.paper,paddingLeft:e.spacing(3),minWidth:0},defaultTab:{...e.typography.caption,padding:e.spacing(3,3),textTransform:"uppercase",fontWeight:e.typography.fontWeightBold,color:e.palette.text.secondary},selected:{color:e.palette.text.primary},tabRoot:{"&:hover":{backgroundColor:e.palette.background.default,color:e.palette.text.primary}}}),{name:"BackstageHeaderTabs"});function K(e){let{tabs:a,onChange:t,selectedIndex:i}=e,[s,d]=(0,n.useState)(i??0),l=F(),o=(0,n.useCallback)((e,a)=>{void 0===i&&d(a),t&&t(a)},[i,t]);return(0,n.useEffect)(()=>{void 0!==i&&d(i)},[i]),(0,r.jsx)(k.A,{className:l.tabsWrapper,children:(0,r.jsx)($.A,{indicatorColor:"primary",textColor:"inherit",variant:"scrollable",scrollButtons:"auto","aria-label":"tabs",onChange:o,value:s,children:a.map((e,a)=>(0,r.jsx)(O.A,{"data-testid":`header-tab-${a}`,label:e.label,value:a,className:l.defaultTab,classes:{selected:l.selected,root:l.tabRoot},...e.tabProps},e.id))})})}var Y=t(78931);let q={DocsTable:h.o,DocsCardGrid:e=>{let{entities:a}=e,t=(0,j.S)(x.Oc),n=(0,o.gf)(b.U);return a?(0,r.jsx)(y,{"data-testid":"docs-explore",children:a?.length?a.map((e,a)=>(0,r.jsxs)(w.A,{children:[(0,r.jsx)(U.A,{children:(0,r.jsx)(P,{title:e.metadata.title??e.metadata.name})}),(0,r.jsx)(B.A,{children:e.metadata.description}),(0,r.jsx)(I.A,{children:(0,r.jsx)(T.z,{to:t({namespace:(0,f.V)(e.metadata.namespace??"default",n),kind:(0,f.V)(e.kind,n),name:(0,f.V)(e.metadata.name,n)}),color:"primary","data-testid":"read_docs",children:"Read Docs"})})]},a)):null}):null},TechDocsIndexPage:R.TechDocsIndexPage,InfoCardGrid:e=>{let{entities:a,linkContent:t,linkDestination:n}=e,s=V(),d=(0,j.S)(x.Oc),c=(0,o.gf)(b.U),p=(0,o.gf)(_.n),{value:m,loading:u}=(0,i.A)(async()=>new Map(await Promise.all(a?.map(async e=>{let a=await p.forEntity(e).promise;return[(0,l.U2)(e),a]})||[])));return u?(0,r.jsx)(D.k,{}):a&&a?.length?(0,r.jsx)(y,{"data-testid":"info-card-container",children:a.map(e=>(0,r.jsxs)(N.n,{"data-testid":e?.metadata?.title,title:m?.get((0,l.U2)(e))?.primaryTitle,children:[(0,r.jsx)("div",{children:e?.metadata?.description}),(0,r.jsx)("div",{className:s.linkSpacer}),(0,r.jsx)(W.N_,{to:(e=>{if(n){let a=n(e);if(a)return a}return d({namespace:(0,f.V)(e.metadata.namespace??"default",c),kind:(0,f.V)(e.kind,c),name:(0,f.V)(e.metadata.name,c)})})(e),className:s.readMoreLink,"data-testid":"read-docs-link",children:t||"Read Docs"})]},e.metadata.name))}):null}},J=({config:e,entities:a,index:t})=>{let u=(0,s.A)({panelContainer:{marginBottom:"2rem",...e.panelCSS?e.panelCSS:{}}})(),{loading:g,isOwnedEntity:h}=function(){let e=(0,o.gf)(c.K),{loading:a,value:t}=(0,i.A)(async()=>{let{ownershipEntityRefs:a}=await e.getBackstageIdentity();return a},[]);return{loading:a,isOwnedEntity:(0,n.useMemo)(()=>{let e=new Set(t??[]);return a=>{for(let t of(0,p.t)(a,d.vv).map(l.U2))if(e.has(t))return!0;return!1}},[t])}}(),x=q[e.panelType],f=a.filter(a=>"ownedByUser"===e.filterPredicate?!g&&h(a):"function"==typeof e.filterPredicate&&e.filterPredicate(a)),j=e.panelProps?.CustomHeader||(()=>(0,r.jsx)(E.d,{title:e.title,description:e.description,children:0===t?(0,r.jsx)(H.Y,{children:"Discover documentation in your ecosystem."}):null}));return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(j,{}),(0,r.jsx)("div",{className:u.panelContainer,children:(0,r.jsx)(m.B9,{children:(0,r.jsx)(x,{"data-testid":"techdocs-custom-panel",entities:f,...e.panelProps})})})]})},Q=e=>{let{tabsConfig:a,filter:t,CustomPageWrapper:s}=e,[d,l]=(0,n.useState)(0),c=(0,o.gf)(u.v),{value:p,loading:m,error:h}=(0,i.A)(async()=>(await c.getEntities({filter:{...t,[`metadata.annotations.${Y.As}`]:g.c},fields:["apiVersion","kind","metadata","relations","spec.owner","spec.type"]})).items.filter(e=>!!e.metadata.annotations?.[Y.As])),x=a[d];return m?(0,r.jsx)(G.S,{CustomPageWrapper:s,children:(0,r.jsx)(M.U,{children:(0,r.jsx)(D.k,{})})}):h?(0,r.jsx)(G.S,{CustomPageWrapper:s,children:(0,r.jsx)(M.U,{children:(0,r.jsx)(z.B,{severity:"error",title:"Could not load available documentation.",children:(0,r.jsx)(L.z,{language:"text",text:h.toString()})})})}):(0,r.jsxs)(G.S,{CustomPageWrapper:s,children:[(0,r.jsx)(K,{selectedIndex:d,onChange:e=>l(e),tabs:a.map(({label:e},a)=>({id:a.toString(),label:e}))}),(0,r.jsx)(M.U,{"data-testid":"techdocs-content",children:x.panels.map((e,a)=>(0,r.jsx)(J,{config:e,entities:p||[],index:a},a))})]})}}}]);
+//# sourceMappingURL=7226.3d17f592.chunk.js.map

package/dist/embedded-app/static/{7226.a6f04b63.chunk.js.map → 7226.3d17f592.chunk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"static/7226.a6f04b63.chunk.js","sources":["webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardHeader.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/Grids/InfoCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/HeaderTabs/HeaderTabs.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/TechDocsCustomHome.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/Grids/DocsCardGrid.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/hooks/useEntityOwnership.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@material-ui/core/Box';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  WithStyles,\n} from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\n\n/** @public */\nexport type ItemCardGridClassKey = 'root';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(auto-fill, minmax(22em, 1fr))',\n      gridAutoRows: '1fr',\n      gridGap: theme.spacing(2),\n    },\n  });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardGrid' });\n\n/** @public */\nexport type ItemCardGridProps = Partial<WithStyles<typeof styles>> & {\n  /**\n   * The Card items of the grid.\n   */\n  children?: ReactNode;\n};\n\n/**\n * A default grid to use when arranging \"item cards\" - cards that let users\n * select among several options.\n *\n * @remarks\n * The immediate children are expected to be Material UI Card components.\n *\n * Styles for the grid can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardGrid title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * This can be useful for e.g. overriding gridTemplateColumns to adapt the\n * minimum size of the cells to fit the content better.\n *\n * @public\n */\nexport function ItemCardGrid(props: ItemCardGridProps) {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(otherProps);\n  return (\n    <Box className={classes.root} {...otherProps}>\n      {children}\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  WithStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { ReactNode } from 'react';\n\n/** @public */\nexport type ItemCardHeaderClassKey = 'root';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      color: theme.getPageTheme({ themeId: 'card' }).fontColor,\n      padding: theme.spacing(2, 2, 3),\n      backgroundImage: theme.getPageTheme({ themeId: 'card' }).backgroundImage,\n      backgroundPosition: 0,\n      backgroundSize: 'inherit',\n    },\n  });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardHeader' });\n\n/** @public */\nexport type ItemCardHeaderProps = Partial<WithStyles<typeof styles>> & {\n  /**\n   * A large title to show in the header, providing the main heading.\n   *\n   * Use this if you want to have the default styling and placement of a title.\n   */\n  title?: ReactNode;\n  /**\n   * A slightly smaller title to show in the header, providing additional\n   * details.\n   *\n   * Use this if you want to have the default styling and placement of a\n   * subtitle.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Custom children to draw in the header.\n   *\n   * If the title and/or subtitle were specified, the children are drawn below\n   * those.\n   */\n  children?: ReactNode;\n};\n\n/**\n * A simple card header, rendering a default look for \"item cards\" - cards that\n * are arranged in a grid for users to select among several options.\n *\n * @remarks\n * This component expects to be placed within a Material UI `<CardMedia>`.\n *\n * Styles for the header can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardHeader title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * @public\n */\nexport function ItemCardHeader(props: ItemCardHeaderProps) {\n  const { title, subtitle, children } = props;\n  const classes = useStyles(props);\n  return (\n    <Box className={classes.root}>\n      {subtitle && (\n        <Typography variant=\"subtitle2\" component=\"h3\">\n          {subtitle}\n        </Typography>\n      )}\n      {title && (\n        <Typography variant=\"h6\" component=\"h4\">\n          {title}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport useAsync from 'react-use/esm/useAsync';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';\nimport {\n  ItemCardGrid,\n  InfoCard,\n  Link,\n  Progress,\n} from '@backstage/core-components';\nimport {\n  EntityRefPresentationSnapshot,\n  entityPresentationApiRef,\n} from '@backstage/plugin-catalog-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { rootDocsRouteRef } from '../../../routes';\nimport { toLowerMaybe } from '../../../helpers';\n\n/** @public */\nexport type InfoCardGridClassKey = 'linkSpacer' | 'readMoreLink';\n\nconst useStyles = makeStyles(\n  theme => ({\n    linkSpacer: {\n      paddingTop: theme.spacing(0.2),\n    },\n    readMoreLink: {\n      paddingTop: theme.spacing(0.2),\n    },\n  }),\n  { name: 'BackstageInfoCardGrid' },\n);\n\n/**\n * Props for {@link InfoCardGrid}\n *\n * @public\n */\nexport type InfoCardGridProps = {\n  entities: Entity[] | undefined;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n};\n\n/**\n * Component which accepts a list of entities and renders a info card for each entity\n *\n * @public\n */\nexport const InfoCardGrid = (props: InfoCardGridProps) => {\n  const { entities, linkContent, linkDestination } = props;\n  const classes = useStyles();\n  const getRouteToReaderPageFor = useRouteRef(rootDocsRouteRef);\n  const config = useApi(configApiRef);\n  const linkRoute = (entity: Entity) => {\n    if (linkDestination) {\n      const destination = linkDestination(entity);\n      if (destination) {\n        return destination;\n      }\n    }\n    return getRouteToReaderPageFor({\n      namespace: toLowerMaybe(entity.metadata.namespace ?? 'default', config),\n      kind: toLowerMaybe(entity.kind, config),\n      name: toLowerMaybe(entity.metadata.name, config),\n    });\n  };\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n  const { value: entityRefToPresentation, loading } = useAsync(async () => {\n    return new Map<string, EntityRefPresentationSnapshot>(\n      await Promise.all(\n        entities?.map(async entity => {\n          const presentation = await entityPresentationApi.forEntity(entity)\n            .promise;\n          return [stringifyEntityRef(entity), presentation] as [\n            string,\n            EntityRefPresentationSnapshot,\n          ];\n        }) || [],\n      ),\n    );\n  });\n  if (loading) return <Progress />;\n  if (!entities || !entities?.length) return null;\n  return (\n    <ItemCardGrid data-testid=\"info-card-container\">\n      {entities.map(entity => (\n        <InfoCard\n          key={entity.metadata.name}\n          data-testid={entity?.metadata?.title}\n          title={\n            entityRefToPresentation?.get(stringifyEntityRef(entity))\n              ?.primaryTitle\n          }\n        >\n          <div>{entity?.metadata?.description}</div>\n          <div className={classes.linkSpacer} />\n          <Link\n            to={linkRoute(entity)}\n            className={classes.readMoreLink}\n            data-testid=\"read-docs-link\"\n          >\n            {linkContent || 'Read Docs'}\n          </Link>\n        </InfoCard>\n      ))}\n    </ItemCardGrid>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@material-ui/core/Box';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TabUI, { TabProps } from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport {\n  ElementType,\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n// TODO(blam): Remove this implementation when the Tabs are ready\n// This is just a temporary solution to implementing tabs for now\n\n/** @public */\nexport type HeaderTabsClassKey =\n  | 'tabsWrapper'\n  | 'defaultTab'\n  | 'selected'\n  | 'tabRoot';\n\nconst useStyles = makeStyles(\n  theme => ({\n    tabsWrapper: {\n      gridArea: 'pageSubheader',\n      backgroundColor: theme.palette.background.paper,\n      paddingLeft: theme.spacing(3),\n      minWidth: 0,\n    },\n    defaultTab: {\n      ...theme.typography.caption,\n      padding: theme.spacing(3, 3),\n      textTransform: 'uppercase',\n      fontWeight: theme.typography.fontWeightBold,\n      color: theme.palette.text.secondary,\n    },\n    selected: {\n      color: theme.palette.text.primary,\n    },\n    tabRoot: {\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n    },\n  }),\n  { name: 'BackstageHeaderTabs' },\n);\n\nexport type Tab = {\n  id: string;\n  label: string;\n  tabProps?: TabProps<ElementType, { component?: ElementType }>;\n};\n\ntype HeaderTabsProps = {\n  tabs: Tab[];\n  onChange?: (index: number) => void;\n  selectedIndex?: number;\n};\n\n/**\n * Horizontal Tabs component\n *\n * @public\n *\n */\nexport function HeaderTabs(props: HeaderTabsProps) {\n  const { tabs, onChange, selectedIndex } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(selectedIndex ?? 0);\n  const styles = useStyles();\n\n  const handleChange = useCallback(\n    (_: ChangeEvent<{}>, index: number) => {\n      if (selectedIndex === undefined) {\n        setSelectedTab(index);\n      }\n      if (onChange) onChange(index);\n    },\n    [selectedIndex, onChange],\n  );\n\n  useEffect(() => {\n    if (selectedIndex !== undefined) {\n      setSelectedTab(selectedIndex);\n    }\n  }, [selectedIndex]);\n\n  return (\n    <Box className={styles.tabsWrapper}>\n      <Tabs\n        indicatorColor=\"primary\"\n        textColor=\"inherit\"\n        variant=\"scrollable\"\n        scrollButtons=\"auto\"\n        aria-label=\"tabs\"\n        onChange={handleChange}\n        value={selectedTab}\n      >\n        {tabs.map((tab, index) => (\n          <TabUI\n            data-testid={`header-tab-${index}`}\n            label={tab.label}\n            key={tab.id}\n            value={index}\n            className={styles.defaultTab}\n            classes={{ selected: styles.selected, root: styles.tabRoot }}\n            {...tab.tabProps}\n          />\n        ))}\n      </Tabs>\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FC, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSProperties } from '@material-ui/styles/withStyles';\nimport {\n  CATALOG_FILTER_EXISTS,\n  catalogApiRef,\n  useEntityOwnership,\n  EntityListProvider,\n} from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { DocsTable, DocsTableRow } from './Tables';\nimport { DocsCardGrid, InfoCardGrid } from './Grids';\nimport { TechDocsPageWrapper } from './TechDocsPageWrapper';\nimport { TechDocsIndexPage } from './TechDocsIndexPage';\n\nimport {\n  CodeSnippet,\n  Content,\n  HeaderTabs,\n  Progress,\n  WarningPanel,\n  SupportButton,\n  ContentHeader,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';\nimport { EntityFilterQuery } from '@backstage/catalog-client';\n\nconst panels = {\n  DocsTable: DocsTable,\n  DocsCardGrid: DocsCardGrid,\n  TechDocsIndexPage: TechDocsIndexPage,\n  InfoCardGrid: InfoCardGrid,\n};\n\n/**\n * Available panel types\n *\n * @public\n */\nexport type PanelType =\n  | 'DocsCardGrid'\n  | 'DocsTable'\n  | 'TechDocsIndexPage'\n  | 'InfoCardGrid';\n\n/**\n * Type representing Panel props\n *\n * @public\n */\nexport interface PanelProps {\n  options?: TableOptions<DocsTableRow>;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n  PageWrapper?: FC;\n  CustomHeader?: FC;\n}\n\n/**\n * Type representing a TechDocsCustomHome panel.\n *\n * @public\n */\nexport interface PanelConfig {\n  title: string;\n  description: string;\n  panelType: PanelType;\n  panelCSS?: CSSProperties;\n  filterPredicate: ((entity: Entity) => boolean) | string;\n  panelProps?: PanelProps;\n}\n\n/**\n * Type representing a TechDocsCustomHome tab.\n *\n * @public\n */\nexport interface TabConfig {\n  label: string;\n  panels: PanelConfig[];\n}\n\n/**\n * Type representing a list of TechDocsCustomHome tabs.\n *\n * @public\n */\nexport type TabsConfig = TabConfig[];\n\n/**\n * Component which can be used to render entities in a custom way.\n *\n * @public\n */\nexport const CustomDocsPanel = ({\n  config,\n  entities,\n  index,\n}: {\n  config: PanelConfig;\n  entities: Entity[];\n  index: number;\n}) => {\n  const useStyles = makeStyles({\n    panelContainer: {\n      marginBottom: '2rem',\n      ...(config.panelCSS ? config.panelCSS : {}),\n    },\n  });\n  const classes = useStyles();\n  const { loading: loadingOwnership, isOwnedEntity } = useEntityOwnership();\n\n  const Panel = panels[config.panelType];\n\n  const shownEntities = entities.filter(entity => {\n    if (config.filterPredicate === 'ownedByUser') {\n      if (loadingOwnership) {\n        return false;\n      }\n      return isOwnedEntity(entity);\n    }\n\n    return (\n      typeof config.filterPredicate === 'function' &&\n      config.filterPredicate(entity)\n    );\n  });\n\n  const Header: FC =\n    config.panelProps?.CustomHeader ||\n    (() => (\n      <ContentHeader title={config.title} description={config.description}>\n        {index === 0 ? (\n          <SupportButton>\n            Discover documentation in your ecosystem.\n          </SupportButton>\n        ) : null}\n      </ContentHeader>\n    ));\n\n  return (\n    <>\n      <Header />\n      <div className={classes.panelContainer}>\n        <EntityListProvider>\n          <Panel\n            data-testid=\"techdocs-custom-panel\"\n            entities={shownEntities}\n            {...config.panelProps}\n          />\n        </EntityListProvider>\n      </div>\n    </>\n  );\n};\n\n/**\n * Props for {@link TechDocsCustomHome}\n *\n * @public\n */\nexport type TechDocsCustomHomeProps = {\n  tabsConfig: TabsConfig;\n  filter?: EntityFilterQuery;\n  CustomPageWrapper?: FC;\n};\n\nexport const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {\n  const { tabsConfig, filter, CustomPageWrapper } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(0);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entities,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const response = await catalogApi.getEntities({\n      filter: {\n        ...filter,\n        [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,\n      },\n      fields: [\n        'apiVersion',\n        'kind',\n        'metadata',\n        'relations',\n        'spec.owner',\n        'spec.type',\n      ],\n    });\n    return response.items.filter((entity: Entity) => {\n      return !!entity.metadata.annotations?.[TECHDOCS_ANNOTATION];\n    });\n  });\n\n  const currentTabConfig = tabsConfig[selectedTab];\n\n  if (loading) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <Progress />\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  if (error) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <WarningPanel\n            severity=\"error\"\n            title=\"Could not load available documentation.\"\n          >\n            <CodeSnippet language=\"text\" text={error.toString()} />\n          </WarningPanel>\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  return (\n    <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n      <HeaderTabs\n        selectedIndex={selectedTab}\n        onChange={index => setSelectedTab(index)}\n        tabs={tabsConfig.map(({ label }, index) => ({\n          id: index.toString(),\n          label,\n        }))}\n      />\n      <Content data-testid=\"techdocs-content\">\n        {currentTabConfig.panels.map((config, index) => (\n          <CustomDocsPanel\n            key={index}\n            config={config}\n            entities={!!entities ? entities : []}\n            index={index}\n          />\n        ))}\n      </Content>\n    </TechDocsPageWrapper>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { rootDocsRouteRef } from '../../../routes';\nimport { toLowerMaybe } from '../../../helpers';\nimport { Entity } from '@backstage/catalog-model';\nimport { useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';\nimport {\n  LinkButton,\n  ItemCardGrid,\n  ItemCardHeader,\n} from '@backstage/core-components';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\n\n/**\n * Props for {@link DocsCardGrid}\n *\n * @public\n */\nexport type DocsCardGridProps = {\n  entities: Entity[] | undefined;\n};\n\n/**\n * Component which accepts a list of entities and renders a item card for each entity\n *\n * @public\n */\nexport const DocsCardGrid = (props: DocsCardGridProps) => {\n  const { entities } = props;\n  const getRouteToReaderPageFor = useRouteRef(rootDocsRouteRef);\n  const config = useApi(configApiRef);\n  if (!entities) return null;\n  return (\n    <ItemCardGrid data-testid=\"docs-explore\">\n      {!entities?.length\n        ? null\n        : entities.map((entity, index: number) => (\n            <Card key={index}>\n              <CardMedia>\n                <ItemCardHeader\n                  title={entity.metadata.title ?? entity.metadata.name}\n                />\n              </CardMedia>\n              <CardContent>{entity.metadata.description}</CardContent>\n              <CardActions>\n                <LinkButton\n                  to={getRouteToReaderPageFor({\n                    namespace: toLowerMaybe(\n                      entity.metadata.namespace ?? 'default',\n                      config,\n                    ),\n                    kind: toLowerMaybe(entity.kind, config),\n                    name: toLowerMaybe(entity.metadata.name, config),\n                  })}\n                  color=\"primary\"\n                  data-testid=\"read_docs\"\n                >\n                  Read Docs\n                </LinkButton>\n              </CardActions>\n            </Card>\n          ))}\n    </ItemCardGrid>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Entity,\n  RELATION_OWNED_BY,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { getEntityRelations } from '../utils/getEntityRelations';\n\n/**\n * Returns a function that checks whether the currently signed-in user is an\n * owner of a given entity. When the hook is initially mounted, the loading\n * flag will be true and the results returned from the function will always be\n * false.\n *\n * @public\n *\n * @returns a function that checks if the signed in user owns an entity\n */\nexport function useEntityOwnership(): {\n  loading: boolean;\n  isOwnedEntity: (entity: Entity) => boolean;\n} {\n  const identityApi = useApi(identityApiRef);\n\n  // Trigger load only on mount\n  const { loading, value: refs } = useAsync(\n    async () => {\n      const { ownershipEntityRefs } = await identityApi.getBackstageIdentity();\n      return ownershipEntityRefs;\n    },\n    // load only on mount\n    [],\n  );\n\n  const isOwnedEntity = useMemo(() => {\n    const myOwnerRefs = new Set(refs ?? []);\n\n    return (entity: Entity) => {\n      const entityOwnerRefs = getEntityRelations(entity, RELATION_OWNED_BY).map(\n        stringifyEntityRef,\n      );\n      for (const ref of entityOwnerRefs) {\n        if (myOwnerRefs.has(ref)) {\n          return true;\n        }\n      }\n      return false;\n    };\n  }, [refs]);\n\n  return { loading, isOwnedEntity };\n}\n"],"names":["useStyles","makeStyles","theme","createStyles","ItemCardGrid","props","children","otherProps","classes","Box","ItemCardHeader","title","subtitle","Typography","HeaderTabs","tabs","onChange","selectedIndex","selectedTab","setSelectedTab","useState","styles","handleChange","useCallback","_","index","undefined","useEffect","Tabs","tab","TabUI","panels","DocsTable","entities","getRouteToReaderPageFor","useRouteRef","rootDocsRouteRef","config","useApi","configApiRef","entity","Card","CardMedia","CardContent","CardActions","LinkButton","toLowerMaybe","TechDocsIndexPage","linkContent","linkDestination","entityPresentationApi","entityPresentationApiRef","entityRefToPresentation","loading","useAsync","Map","Promise","presentation","stringifyEntityRef","Progress","InfoCard","Link","linkRoute","destination","CustomDocsPanel","loadingOwnership","isOwnedEntity","useEntityOwnership","identityApi","identityApiRef","refs","ownershipEntityRefs","useMemo","myOwnerRefs","Set","ref","getEntityRelations","RELATION_OWNED_BY","Panel","shownEntities","Header","ContentHeader","SupportButton","EntityListProvider","TechDocsCustomHome","tabsConfig","filter","CustomPageWrapper","catalogApi","catalogApiRef","error","response","TECHDOCS_ANNOTATION","CATALOG_FILTER_EXISTS","currentTabConfig","TechDocsPageWrapper","Content","WarningPanel","CodeSnippet","label"],"mappings":"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"}
+{"version":3,"file":"static/7226.3d17f592.chunk.js","sources":["webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/ItemCard/ItemCardHeader.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/Grids/InfoCardGrid.tsx","webpack://techdocs-cli-embedded-app/../core-components/src/layout/HeaderTabs/HeaderTabs.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/TechDocsCustomHome.tsx","webpack://techdocs-cli-embedded-app/../../plugins/techdocs/src/home/components/Grids/DocsCardGrid.tsx","webpack://techdocs-cli-embedded-app/../../plugins/catalog-react/src/hooks/useEntityOwnership.ts"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@material-ui/core/Box';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  WithStyles,\n} from '@material-ui/core/styles';\nimport { ReactNode } from 'react';\n\n/** @public */\nexport type ItemCardGridClassKey = 'root';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      display: 'grid',\n      gridTemplateColumns: 'repeat(auto-fill, minmax(22em, 1fr))',\n      gridAutoRows: '1fr',\n      gridGap: theme.spacing(2),\n    },\n  });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardGrid' });\n\n/** @public */\nexport type ItemCardGridProps = Partial<WithStyles<typeof styles>> & {\n  /**\n   * The Card items of the grid.\n   */\n  children?: ReactNode;\n};\n\n/**\n * A default grid to use when arranging \"item cards\" - cards that let users\n * select among several options.\n *\n * @remarks\n * The immediate children are expected to be Material UI Card components.\n *\n * Styles for the grid can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardGrid title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * This can be useful for e.g. overriding gridTemplateColumns to adapt the\n * minimum size of the cells to fit the content better.\n *\n * @public\n */\nexport function ItemCardGrid(props: ItemCardGridProps) {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(otherProps);\n  return (\n    <Box className={classes.root} {...otherProps}>\n      {children}\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport Box from '@material-ui/core/Box';\nimport {\n  createStyles,\n  makeStyles,\n  Theme,\n  WithStyles,\n} from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport { ReactNode } from 'react';\n\n/** @public */\nexport type ItemCardHeaderClassKey = 'root';\n\nconst styles = (theme: Theme) =>\n  createStyles({\n    root: {\n      color: theme.getPageTheme({ themeId: 'card' }).fontColor,\n      padding: theme.spacing(2, 2, 3),\n      backgroundImage: theme.getPageTheme({ themeId: 'card' }).backgroundImage,\n      backgroundPosition: 0,\n      backgroundSize: 'inherit',\n    },\n  });\n\nconst useStyles = makeStyles(styles, { name: 'BackstageItemCardHeader' });\n\n/** @public */\nexport type ItemCardHeaderProps = Partial<WithStyles<typeof styles>> & {\n  /**\n   * A large title to show in the header, providing the main heading.\n   *\n   * Use this if you want to have the default styling and placement of a title.\n   */\n  title?: ReactNode;\n  /**\n   * A slightly smaller title to show in the header, providing additional\n   * details.\n   *\n   * Use this if you want to have the default styling and placement of a\n   * subtitle.\n   */\n  subtitle?: ReactNode;\n  /**\n   * Custom children to draw in the header.\n   *\n   * If the title and/or subtitle were specified, the children are drawn below\n   * those.\n   */\n  children?: ReactNode;\n};\n\n/**\n * A simple card header, rendering a default look for \"item cards\" - cards that\n * are arranged in a grid for users to select among several options.\n *\n * @remarks\n * This component expects to be placed within a Material UI `<CardMedia>`.\n *\n * Styles for the header can be overridden using the `classes` prop, e.g.:\n *\n * `<ItemCardHeader title=\"Hello\" classes={{ root: myClassName }} />`\n *\n * @public\n */\nexport function ItemCardHeader(props: ItemCardHeaderProps) {\n  const { title, subtitle, children } = props;\n  const classes = useStyles(props);\n  return (\n    <Box className={classes.root}>\n      {subtitle && (\n        <Typography variant=\"subtitle2\" component=\"h3\">\n          {subtitle}\n        </Typography>\n      )}\n      {title && (\n        <Typography variant=\"h6\" component=\"h4\">\n          {title}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport useAsync from 'react-use/esm/useAsync';\nimport { Entity, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';\nimport {\n  ItemCardGrid,\n  InfoCard,\n  Link,\n  Progress,\n} from '@backstage/core-components';\nimport {\n  EntityRefPresentationSnapshot,\n  entityPresentationApiRef,\n} from '@backstage/plugin-catalog-react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { rootDocsRouteRef } from '../../../routes';\nimport { toLowerMaybe } from '../../../helpers';\n\n/** @public */\nexport type InfoCardGridClassKey = 'linkSpacer' | 'readMoreLink';\n\nconst useStyles = makeStyles(\n  theme => ({\n    linkSpacer: {\n      paddingTop: theme.spacing(0.2),\n    },\n    readMoreLink: {\n      paddingTop: theme.spacing(0.2),\n    },\n  }),\n  { name: 'BackstageInfoCardGrid' },\n);\n\n/**\n * Props for {@link InfoCardGrid}\n *\n * @public\n */\nexport type InfoCardGridProps = {\n  entities: Entity[] | undefined;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n};\n\n/**\n * Component which accepts a list of entities and renders a info card for each entity\n *\n * @public\n */\nexport const InfoCardGrid = (props: InfoCardGridProps) => {\n  const { entities, linkContent, linkDestination } = props;\n  const classes = useStyles();\n  const getRouteToReaderPageFor = useRouteRef(rootDocsRouteRef);\n  const config = useApi(configApiRef);\n  const linkRoute = (entity: Entity) => {\n    if (linkDestination) {\n      const destination = linkDestination(entity);\n      if (destination) {\n        return destination;\n      }\n    }\n    return getRouteToReaderPageFor({\n      namespace: toLowerMaybe(entity.metadata.namespace ?? 'default', config),\n      kind: toLowerMaybe(entity.kind, config),\n      name: toLowerMaybe(entity.metadata.name, config),\n    });\n  };\n  const entityPresentationApi = useApi(entityPresentationApiRef);\n  const { value: entityRefToPresentation, loading } = useAsync(async () => {\n    return new Map<string, EntityRefPresentationSnapshot>(\n      await Promise.all(\n        entities?.map(async entity => {\n          const presentation = await entityPresentationApi.forEntity(entity)\n            .promise;\n          return [stringifyEntityRef(entity), presentation] as [\n            string,\n            EntityRefPresentationSnapshot,\n          ];\n        }) || [],\n      ),\n    );\n  });\n  if (loading) return <Progress />;\n  if (!entities || !entities?.length) return null;\n  return (\n    <ItemCardGrid data-testid=\"info-card-container\">\n      {entities.map(entity => (\n        <InfoCard\n          key={entity.metadata.name}\n          data-testid={entity?.metadata?.title}\n          title={\n            entityRefToPresentation?.get(stringifyEntityRef(entity))\n              ?.primaryTitle\n          }\n        >\n          <div>{entity?.metadata?.description}</div>\n          <div className={classes.linkSpacer} />\n          <Link\n            to={linkRoute(entity)}\n            className={classes.readMoreLink}\n            data-testid=\"read-docs-link\"\n          >\n            {linkContent || 'Read Docs'}\n          </Link>\n        </InfoCard>\n      ))}\n    </ItemCardGrid>\n  );\n};\n","/*\n * Copyright 2020 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport Box from '@material-ui/core/Box';\nimport { makeStyles } from '@material-ui/core/styles';\nimport TabUI, { TabProps } from '@material-ui/core/Tab';\nimport Tabs from '@material-ui/core/Tabs';\nimport {\n  ElementType,\n  ChangeEvent,\n  useCallback,\n  useEffect,\n  useState,\n} from 'react';\n\n// TODO(blam): Remove this implementation when the Tabs are ready\n// This is just a temporary solution to implementing tabs for now\n\n/** @public */\nexport type HeaderTabsClassKey =\n  | 'tabsWrapper'\n  | 'defaultTab'\n  | 'selected'\n  | 'tabRoot';\n\nconst useStyles = makeStyles(\n  theme => ({\n    tabsWrapper: {\n      gridArea: 'pageSubheader',\n      backgroundColor: theme.palette.background.paper,\n      paddingLeft: theme.spacing(3),\n      minWidth: 0,\n    },\n    defaultTab: {\n      ...theme.typography.caption,\n      padding: theme.spacing(3, 3),\n      textTransform: 'uppercase',\n      fontWeight: theme.typography.fontWeightBold,\n      color: theme.palette.text.secondary,\n    },\n    selected: {\n      color: theme.palette.text.primary,\n    },\n    tabRoot: {\n      '&:hover': {\n        backgroundColor: theme.palette.background.default,\n        color: theme.palette.text.primary,\n      },\n    },\n  }),\n  { name: 'BackstageHeaderTabs' },\n);\n\nexport type Tab = {\n  id: string;\n  label: string;\n  tabProps?: TabProps<ElementType, { component?: ElementType }>;\n};\n\ntype HeaderTabsProps = {\n  tabs: Tab[];\n  onChange?: (index: number) => void;\n  selectedIndex?: number;\n};\n\n/**\n * Horizontal Tabs component\n *\n * @public\n *\n */\nexport function HeaderTabs(props: HeaderTabsProps) {\n  const { tabs, onChange, selectedIndex } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(selectedIndex ?? 0);\n  const styles = useStyles();\n\n  const handleChange = useCallback(\n    (_: ChangeEvent<{}>, index: number) => {\n      if (selectedIndex === undefined) {\n        setSelectedTab(index);\n      }\n      if (onChange) onChange(index);\n    },\n    [selectedIndex, onChange],\n  );\n\n  useEffect(() => {\n    if (selectedIndex !== undefined) {\n      setSelectedTab(selectedIndex);\n    }\n  }, [selectedIndex]);\n\n  return (\n    <Box className={styles.tabsWrapper}>\n      <Tabs\n        indicatorColor=\"primary\"\n        textColor=\"inherit\"\n        variant=\"scrollable\"\n        scrollButtons=\"auto\"\n        aria-label=\"tabs\"\n        onChange={handleChange}\n        value={selectedTab}\n      >\n        {tabs.map((tab, index) => (\n          <TabUI\n            data-testid={`header-tab-${index}`}\n            label={tab.label}\n            key={tab.id}\n            value={index}\n            className={styles.defaultTab}\n            classes={{ selected: styles.selected, root: styles.tabRoot }}\n            {...tab.tabProps}\n          />\n        ))}\n      </Tabs>\n    </Box>\n  );\n}\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FC, useState } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { CSSProperties } from '@material-ui/styles/withStyles';\nimport {\n  CATALOG_FILTER_EXISTS,\n  catalogApiRef,\n  useEntityOwnership,\n  EntityListProvider,\n} from '@backstage/plugin-catalog-react';\nimport { Entity } from '@backstage/catalog-model';\nimport { DocsTable, DocsTableRow } from './Tables';\nimport { DocsCardGrid, InfoCardGrid } from './Grids';\nimport { TechDocsPageWrapper } from './TechDocsPageWrapper';\nimport { TechDocsIndexPage } from './TechDocsIndexPage';\n\nimport {\n  CodeSnippet,\n  Content,\n  HeaderTabs,\n  Progress,\n  WarningPanel,\n  SupportButton,\n  ContentHeader,\n  TableOptions,\n} from '@backstage/core-components';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { TECHDOCS_ANNOTATION } from '@backstage/plugin-techdocs-common';\nimport { EntityFilterQuery } from '@backstage/catalog-client';\n\nconst panels = {\n  DocsTable: DocsTable,\n  DocsCardGrid: DocsCardGrid,\n  TechDocsIndexPage: TechDocsIndexPage,\n  InfoCardGrid: InfoCardGrid,\n};\n\n/**\n * Available panel types\n *\n * @public\n */\nexport type PanelType =\n  | 'DocsCardGrid'\n  | 'DocsTable'\n  | 'TechDocsIndexPage'\n  | 'InfoCardGrid';\n\n/**\n * Type representing Panel props\n *\n * @public\n */\nexport interface PanelProps {\n  options?: TableOptions<DocsTableRow>;\n  linkContent?: string | JSX.Element;\n  linkDestination?: (entity: Entity) => string | undefined;\n  PageWrapper?: FC;\n  CustomHeader?: FC;\n}\n\n/**\n * Type representing a TechDocsCustomHome panel.\n *\n * @public\n */\nexport interface PanelConfig {\n  title: string;\n  description: string;\n  panelType: PanelType;\n  panelCSS?: CSSProperties;\n  filterPredicate: ((entity: Entity) => boolean) | string;\n  panelProps?: PanelProps;\n}\n\n/**\n * Type representing a TechDocsCustomHome tab.\n *\n * @public\n */\nexport interface TabConfig {\n  label: string;\n  panels: PanelConfig[];\n}\n\n/**\n * Type representing a list of TechDocsCustomHome tabs.\n *\n * @public\n */\nexport type TabsConfig = TabConfig[];\n\n/**\n * Component which can be used to render entities in a custom way.\n *\n * @public\n */\nexport const CustomDocsPanel = ({\n  config,\n  entities,\n  index,\n}: {\n  config: PanelConfig;\n  entities: Entity[];\n  index: number;\n}) => {\n  const useStyles = makeStyles({\n    panelContainer: {\n      marginBottom: '2rem',\n      ...(config.panelCSS ? config.panelCSS : {}),\n    },\n  });\n  const classes = useStyles();\n  const { loading: loadingOwnership, isOwnedEntity } = useEntityOwnership();\n\n  const Panel = panels[config.panelType];\n\n  const shownEntities = entities.filter(entity => {\n    if (config.filterPredicate === 'ownedByUser') {\n      if (loadingOwnership) {\n        return false;\n      }\n      return isOwnedEntity(entity);\n    }\n\n    return (\n      typeof config.filterPredicate === 'function' &&\n      config.filterPredicate(entity)\n    );\n  });\n\n  const Header: FC =\n    config.panelProps?.CustomHeader ||\n    (() => (\n      <ContentHeader title={config.title} description={config.description}>\n        {index === 0 ? (\n          <SupportButton>\n            Discover documentation in your ecosystem.\n          </SupportButton>\n        ) : null}\n      </ContentHeader>\n    ));\n\n  return (\n    <>\n      <Header />\n      <div className={classes.panelContainer}>\n        <EntityListProvider>\n          <Panel\n            data-testid=\"techdocs-custom-panel\"\n            entities={shownEntities}\n            {...config.panelProps}\n          />\n        </EntityListProvider>\n      </div>\n    </>\n  );\n};\n\n/**\n * Props for {@link TechDocsCustomHome}\n *\n * @public\n */\nexport type TechDocsCustomHomeProps = {\n  tabsConfig: TabsConfig;\n  filter?: EntityFilterQuery;\n  CustomPageWrapper?: FC;\n};\n\nexport const TechDocsCustomHome = (props: TechDocsCustomHomeProps) => {\n  const { tabsConfig, filter, CustomPageWrapper } = props;\n  const [selectedTab, setSelectedTab] = useState<number>(0);\n  const catalogApi = useApi(catalogApiRef);\n\n  const {\n    value: entities,\n    loading,\n    error,\n  } = useAsync(async () => {\n    const response = await catalogApi.getEntities({\n      filter: {\n        ...filter,\n        [`metadata.annotations.${TECHDOCS_ANNOTATION}`]: CATALOG_FILTER_EXISTS,\n      },\n      fields: [\n        'apiVersion',\n        'kind',\n        'metadata',\n        'relations',\n        'spec.owner',\n        'spec.type',\n      ],\n    });\n    return response.items.filter((entity: Entity) => {\n      return !!entity.metadata.annotations?.[TECHDOCS_ANNOTATION];\n    });\n  });\n\n  const currentTabConfig = tabsConfig[selectedTab];\n\n  if (loading) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <Progress />\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  if (error) {\n    return (\n      <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n        <Content>\n          <WarningPanel\n            severity=\"error\"\n            title=\"Could not load available documentation.\"\n          >\n            <CodeSnippet language=\"text\" text={error.toString()} />\n          </WarningPanel>\n        </Content>\n      </TechDocsPageWrapper>\n    );\n  }\n\n  return (\n    <TechDocsPageWrapper CustomPageWrapper={CustomPageWrapper}>\n      <HeaderTabs\n        selectedIndex={selectedTab}\n        onChange={index => setSelectedTab(index)}\n        tabs={tabsConfig.map(({ label }, index) => ({\n          id: index.toString(),\n          label,\n        }))}\n      />\n      <Content data-testid=\"techdocs-content\">\n        {currentTabConfig.panels.map((config, index) => (\n          <CustomDocsPanel\n            key={index}\n            config={config}\n            entities={!!entities ? entities : []}\n            index={index}\n          />\n        ))}\n      </Content>\n    </TechDocsPageWrapper>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { rootDocsRouteRef } from '../../../routes';\nimport { toLowerMaybe } from '../../../helpers';\nimport { Entity } from '@backstage/catalog-model';\nimport { useApi, useRouteRef, configApiRef } from '@backstage/core-plugin-api';\nimport {\n  LinkButton,\n  ItemCardGrid,\n  ItemCardHeader,\n} from '@backstage/core-components';\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport CardMedia from '@material-ui/core/CardMedia';\n\n/**\n * Props for {@link DocsCardGrid}\n *\n * @public\n */\nexport type DocsCardGridProps = {\n  entities: Entity[] | undefined;\n};\n\n/**\n * Component which accepts a list of entities and renders a item card for each entity\n *\n * @public\n */\nexport const DocsCardGrid = (props: DocsCardGridProps) => {\n  const { entities } = props;\n  const getRouteToReaderPageFor = useRouteRef(rootDocsRouteRef);\n  const config = useApi(configApiRef);\n  if (!entities) return null;\n  return (\n    <ItemCardGrid data-testid=\"docs-explore\">\n      {!entities?.length\n        ? null\n        : entities.map((entity, index: number) => (\n            <Card key={index}>\n              <CardMedia>\n                <ItemCardHeader\n                  title={entity.metadata.title ?? entity.metadata.name}\n                />\n              </CardMedia>\n              <CardContent>{entity.metadata.description}</CardContent>\n              <CardActions>\n                <LinkButton\n                  to={getRouteToReaderPageFor({\n                    namespace: toLowerMaybe(\n                      entity.metadata.namespace ?? 'default',\n                      config,\n                    ),\n                    kind: toLowerMaybe(entity.kind, config),\n                    name: toLowerMaybe(entity.metadata.name, config),\n                  })}\n                  color=\"primary\"\n                  data-testid=\"read_docs\"\n                >\n                  Read Docs\n                </LinkButton>\n              </CardActions>\n            </Card>\n          ))}\n    </ItemCardGrid>\n  );\n};\n","/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Entity,\n  RELATION_OWNED_BY,\n  stringifyEntityRef,\n} from '@backstage/catalog-model';\nimport { identityApiRef, useApi } from '@backstage/core-plugin-api';\nimport { useMemo } from 'react';\nimport useAsync from 'react-use/esm/useAsync';\nimport { getEntityRelations } from '../utils/getEntityRelations';\n\n/**\n * Returns a function that checks whether the currently signed-in user is an\n * owner of a given entity. When the hook is initially mounted, the loading\n * flag will be true and the results returned from the function will always be\n * false.\n *\n * @public\n *\n * @returns a function that checks if the signed in user owns an entity\n */\nexport function useEntityOwnership(): {\n  loading: boolean;\n  isOwnedEntity: (entity: Entity) => boolean;\n} {\n  const identityApi = useApi(identityApiRef);\n\n  // Trigger load only on mount\n  const { loading, value: refs } = useAsync(\n    async () => {\n      const { ownershipEntityRefs } = await identityApi.getBackstageIdentity();\n      return ownershipEntityRefs;\n    },\n    // load only on mount\n    [],\n  );\n\n  const isOwnedEntity = useMemo(() => {\n    const myOwnerRefs = new Set(refs ?? []);\n\n    return (entity: Entity) => {\n      const entityOwnerRefs = getEntityRelations(entity, RELATION_OWNED_BY).map(\n        stringifyEntityRef,\n      );\n      for (const ref of entityOwnerRefs) {\n        if (myOwnerRefs.has(ref)) {\n          return true;\n        }\n      }\n      return false;\n    };\n  }, [refs]);\n\n  return { loading, isOwnedEntity };\n}\n"],"names":["useStyles","makeStyles","theme","createStyles","ItemCardGrid","props","children","otherProps","classes","Box","ItemCardHeader","title","subtitle","Typography","HeaderTabs","tabs","onChange","selectedIndex","selectedTab","setSelectedTab","useState","styles","handleChange","useCallback","_","index","undefined","useEffect","Tabs","tab","TabUI","panels","DocsTable","entities","getRouteToReaderPageFor","useRouteRef","rootDocsRouteRef","config","useApi","configApiRef","entity","Card","CardMedia","CardContent","CardActions","LinkButton","toLowerMaybe","TechDocsIndexPage","linkContent","linkDestination","entityPresentationApi","entityPresentationApiRef","entityRefToPresentation","loading","useAsync","Map","Promise","presentation","stringifyEntityRef","Progress","InfoCard","Link","linkRoute","destination","CustomDocsPanel","loadingOwnership","isOwnedEntity","useEntityOwnership","identityApi","identityApiRef","refs","ownershipEntityRefs","useMemo","myOwnerRefs","Set","ref","getEntityRelations","RELATION_OWNED_BY","Panel","shownEntities","Header","ContentHeader","SupportButton","EntityListProvider","TechDocsCustomHome","tabsConfig","filter","CustomPageWrapper","catalogApi","catalogApiRef","error","response","TECHDOCS_ANNOTATION","CATALOG_FILTER_EXISTS","currentTabConfig","TechDocsPageWrapper","Content","WarningPanel","CodeSnippet","label"],"mappings":"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"}