@spotify/backstage-plugin-soundcheck 0.12.7 → 0.12.8

package/dist/esm/OverviewPageContent-CBL-e1xr.esm.js

@@ -1,2 +0,0 @@
-import{stringifyEntityRef as K,parseEntityRef as G}from"@backstage/catalog-model";import{useApi as x,identityApiRef as te,configApiRef as Ue,useRouteRef as D}from"@backstage/core-plugin-api";import{catalogApiRef as M,EntityRefLink as ae,humanizeEntityRef as Q,entityRouteRef as ne}from"@backstage/plugin-catalog-react";import t,{createContext as _e,useState as $,useEffect as T,useContext as Ke,useMemo as F,useCallback as S,memo as A,useRef as Qe,useLayoutEffect as Je}from"react";import qe from"react-use/lib/useAsync";import{makeStyles as E,alpha as Xe,TextField as Ye,CircularProgress as re,Grid as N,Typography as g,Button as Ze,Menu as et,MenuItem as le,Tabs as tt,Tab as at,TablePagination as oe,withStyles as nt,Tooltip as ie,LinearProgress as rt,Accordion as lt,AccordionSummary as ot,AccordionDetails as it}from"@material-ui/core";import st from"@material-ui/lab/Autocomplete";import{useSearchParams as J,useNavigate as ct}from"react-router-dom";import dt from"react-use/lib/useLocalStorage";import{useQuery as I}from"@tanstack/react-query";import{s as H,h as pt,i as mt,R as L,B as ut,j as gt}from"./routes-DcGwdXHX.esm.js";import{Q as q,C as ft,L as se,N as ce,b as de,A as vt,a as ht,e as yt}from"./EmptyState-C2zsaDrr.esm.js";import{HeaderTabs as Et,MarkdownContent as kt,Link as X}from"@backstage/core-components";import Ct from"@material-ui/icons/ExpandMore";import bt from"@material-ui/icons/ArrowDropDown";import wt from"@material-ui/icons/ArrowDropUp";import{makeStyles as pe}from"@material-ui/core/styles";import{motion as me}from"framer-motion";import{R as Nt}from"./RefetchingIndicator-BrP7yEiB.esm.js";import{VariableSizeGrid as xt}from"react-window";import{Skeleton as j}from"@material-ui/lab";import{countBy as ue}from"lodash";function Rt(e,a,n,r){const l=x(H);return I(["soundcheck/track-overview-for-owner",e,a,n,r],async()=>l.getProgramOverviewForOwner(e,a,n,r),{enabled:!!e&&!!(a!=null&&a.kind),staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})}function ge(){const e=x(M);return I(["soundcheck/all-groups"],async()=>{const{items:a}=await e.getEntities({filter:{kind:"Group"},fields:["spec.profile.displayName","metadata.title","metadata.name","metadata.namespace","kind"]});return a.filter(n=>(n==null?void 0:n.kind)==="Group").map(n=>{var r,l,s,i;return{name:(i=(s=(l=(r=n.spec)==null?void 0:r.profile)==null?void 0:l.displayName)!=null?s:n.metadata.title)!=null?i:n.metadata.name,ref:K(n)}})},{staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})}function Pt(){const e=x(te),a=x(M);return I(["soundcheck/user-groups-claims"],async()=>{const{ownershipEntityRefs:n}=await e.getBackstageIdentity();return(await a.getEntitiesByRefs({entityRefs:n})).items.filter(r=>(r==null?void 0:r.kind)==="Group").map(r=>{var l,s,i,c,o;return{name:(c=(i=(s=(l=r.spec)==null?void 0:l.profile)==null?void 0:s.displayName)!=null?i:r.metadata.title)!=null?c:r.metadata.name,ref:K(r),type:(o=r.spec)==null?void 0:o.type}})})}function fe(e){const a=x(H);return I([q.GetCampaigns,JSON.stringify(e)],async()=>a.getCampaigns(e),{staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})}function $t(e){const a=x(H);return I(["soundcheck/facets-for-owner",e],async()=>a.getFacetsForOwner(e),{enabled:!!e,staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})}const ve=e=>{const a=x(H);return I([q.GetIndividualEntityPassRateSnapshots,{...e,filter:{...e==null?void 0:e.filter,numberOfDays:0}}],async()=>a.getIndividualEntityPassRates({...e,filter:{...e==null?void 0:e.filter,numberOfDays:0}}),{staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})},he={loading:!0},ye=_e(he),Tt=()=>Ke(ye),St=({children:e})=>{const[a,n]=$(he),r=x(M),l=x(te),{value:s,loading:i,error:c}=qe(async()=>{const[{token:o},d]=await Promise.all([l.getCredentials(),l.getBackstageIdentity()]);return o?await r.getEntityByRef(d.userEntityRef):null},[r,l]);return T(()=>{if(s){const o=K(s);n({user:s,userEntityRef:o,loading:i,error:c})}else n({loading:i,error:c})},[s,i,c]),t.createElement(ye.Provider,{value:a},e)},Ee=()=>{const{data:e,isLoading:a,isError:n}=Pt(),{data:r,isLoading:l,isError:s}=ge();return{options:F(()=>{const i=new Map;return e&&e.forEach(({name:c,ref:o,type:d})=>{i.set(`${o}`,{name:c,ref:o,type:d,key:"My Groups"})}),r&&r.forEach(({name:c,ref:o})=>{i.has(`${o}`)||i.set(`${o}`,{name:c,ref:o,key:"All Groups"})}),[...i.values()]},[e,r]),isLoading:a||l,isError:n||s}},It=E(e=>({root:{width:"100%",minWidth:250},textField:{"& $notchedOutline":{borderColor:Xe(e.page.fontColor,.25)},"&:hover $notchedOutline":{borderColor:e.page.fontColor}},input:{backgroundColor:"transparent",color:e.page.fontColor},clearIndicator:{color:e.page.fontColor},popupIndicator:{color:e.page.fontColor},notchedOutline:{}}),{name:"SoundcheckGroupSelector"}),Lt=({setError:e})=>{const{options:a,isLoading:n,isError:r}=Ee(),l=It(),[s,i]=J(),[c,o]=dt("soundcheck.overview.groupRef",null),d=s.get("group"),m=x(Ue).getOptionalString("soundcheck.overview.defaultSelectedGroupType"),f=F(()=>{var u,h;if(!n&&a.length){if(d||c){const y=d!=null?d:c;return(u=a.find(k=>k.ref===y))!=null?u:a[0]}else if(m)return(h=a.find(y=>y.type===m))!=null?h:a[0];return a[0]}return null},[m,n,a,d,c]),p=S((u,h)=>{u&&s.get("group")!==u&&(s.set("group",u),i(s,{replace:h}),o(u))},[s,o,i]),v=S((u,h)=>{p==null||p(h==null?void 0:h.ref)},[p]);return T(()=>{c&&!d&&p(c,!0)},[c,d,p]),T(()=>{p(f==null?void 0:f.ref,!0)},[p,f]),T(()=>{e==null||e(r?new Error("Error loading groups"):void 0)},[r,e]),r?null:t.createElement(st,{"aria-label":"Current group",className:l.root,classes:{clearIndicator:l.clearIndicator,popupIndicator:l.popupIndicator},disableClearable:!0,options:a!=null?a:[],loading:n,groupBy:u=>u.key,value:f,freeSolo:!1,onChange:v,getOptionLabel:u=>u.name,renderInput:u=>t.createElement(Ye,{...u,variant:"outlined",placeholder:n?"Loading":"Select a group",className:l.textField,InputProps:{...u.InputProps,className:l.input,classes:{notchedOutline:l.notchedOutline},endAdornment:t.createElement(t.Fragment,null,n?t.createElement(re,{color:"inherit",size:20}):null,u.InputProps.endAdornment)}})})},Ot=E(e=>({loadingContainer:{marginTop:e.spacing(1),display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}})),ke=({size:e})=>{const a=Ot();return t.createElement(N,{container:!0,className:a.loadingContainer},t.createElement(re,{size:e}))},Ft=pe(e=>({detailRow:{marginBottom:e.spacing(1)},label:{fontWeight:"bold",color:e.palette.text.primary},value:{marginLeft:e.spacing(1)}})),O=({label:e,value:a})=>{const n=Ft();return t.createElement(N,{item:!0,xs:12,container:!0,className:n.detailRow,alignItems:"center"},t.createElement(g,{variant:"subtitle1",className:n.label},e,":"),t.createElement(g,{variant:"body1",display:"inline",className:n.value},a))},At=pe(e=>({innerContainer:{padding:e.spacing(0,1)},sectionLabel:{margin:e.spacing(2,0)},ownerLink:{"& span":{"&:hover":{textDecoration:"underline"}}}})),V=e=>new Date(e).toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),zt=({campaign:e})=>{const a=At(),{name:n,description:r,ownerEntityRef:l,startDate:s,targetCompletionDate:i,supportChannel:c}=e;return t.createElement(t.Fragment,null,t.createElement(g,{color:"textPrimary",variant:"h5",className:a.sectionLabel},"Campaign Details"),t.createElement(N,{container:!0,className:a.innerContainer,spacing:2},t.createElement(N,{item:!0,container:!0,xs:12,spacing:0},t.createElement(O,{label:"Name",value:n}),t.createElement(O,{label:"Description",value:r}),t.createElement(O,{label:"Owner",value:t.createElement(ae,{className:a.ownerLink,entityRef:l})}),c&&t.createElement(O,{label:"Support channel",value:c}),t.createElement(O,{label:"Start date",value:V(s)}),t.createElement(O,{label:"Target completion date",value:V(i)}))))};function Bt({angle:e,arc:a,direction:n,dist:r,emoji:l,delay:s,fontSize:i,speed:c}){return t.createElement(me.div,{style:{position:"absolute",fontSize:i},initial:{top:0,left:"50%",x:"-50%",y:"-100%",rotate:0,originX:`${a*n}px`,originY:`${a}px`},animate:{opacity:[0,1,0,0,0,0],y:`${-r}px`,rotate:e*n},transition:{delay:s,duration:c,ease:[.2,.83,.46,.63],repeat:1/0}},l)}const Dt=["\u{1F4C8}","\u{1F4CA}","\u{1F4C9}","\u{1F680}","\u2B50\uFE0F"],Wt=E(()=>({container:{position:"relative"}}));function Gt({angle:e=125,density:a=20,emojis:n=Dt,fontSizeMin:r=6,fontSizeMax:l=24,size:s=300,speed:i=4}){const c=Wt(),o=F(()=>Array.from({length:a*n.length}).map((d,m)=>({emoji:n[Math.floor(Math.random()*n.length)],arc:Math.random()*s*.5,delay:Math.random()*i,dist:Math.random()*s,direction:m%2?1:-1,fontSize:Math.random()*(l-r)+r,angle:e,speed:i})),[a,n,i,s,e,l,r]);return t.createElement("div",{className:c.container},t.createElement(g,{variant:"h1"},"\u{1F469}\u200D\u{1F4BB}"),o.map((d,m)=>t.createElement(Bt,{key:`${d.emoji}-${m}`,...d})))}const Mt=E(()=>({container:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",flex:1,height:"100%"},textContainer:{position:"relative",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"}}));function Ce({title:e,subtitle:a}){const n=Mt();return t.createElement("div",{className:n.container},t.createElement("div",{className:n.textContainer},t.createElement(Gt,null),t.createElement(me.div,{animate:{y:0,opacity:1},initial:{y:100,opacity:0}},e&&t.createElement(g,{align:"center",variant:"h6"},e),a&&t.createElement(g,{align:"center",variant:"subtitle2"},a))))}const Ht=E(e=>({campaignCards:{display:"flex",flexDirection:"column"},campaignCard:{display:"flex",flexDirection:"column",border:`1px solid ${e.palette.divider}`,padding:e.spacing(2),gap:e.spacing(5),borderRadius:e.shape.borderRadius},actions:{display:"flex",alignItems:"center",gap:e.spacing(1)},actionsText:{textTransform:"lowercase","&:first-letter":{textTransform:"uppercase"}},flexRow:{display:"flex",gap:e.spacing(1)},campaignDescription:{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},progress:{display:"flex",alignItems:"center",gap:e.spacing(1),width:"90%"},flexColumn:{width:"100%",display:"flex",flexDirection:"column",gap:e.spacing(1)},detailSection:{display:"flex",flexDirection:"row",justifyContent:"space-between",gap:e.spacing(.5)},label:{fontWeight:"bold",color:e.palette.text.primary},value:{marginTop:"2px"},description:{maxWidth:"90%"},menuList:{backgroundColor:e.palette.background.paper},ownerLink:{"& span":{"&:hover":{textDecoration:"underline"}}}})),jt=e=>{var a;let n=0;return e==null||e.edges.forEach(({node:r})=>{n+=r.snapshotPassRate}),Math.round(n/((a=e==null?void 0:e.edges.length)!=null?a:1))},Vt=e=>e==null?void 0:e.edges.filter(({node:a})=>a.snapshotPassRate===100).length,Ut=e=>{if(e!=null&&e.edges.length){const a=Vt(e);return t.createElement(g,{variant:"body2"},a,"/",e.edges.length)}return t.createElement(g,{variant:"body2"},"No progress found.")},_t=({campaign:e})=>{var a;const n=Ht(),r=D(pt),l=D(mt),s=ct(),[i,c]=$(null),o=150,d=e.track.levels.flatMap(({checks:_})=>_.map(({id:Ve})=>Ve)),{data:m,isLoading:f,isError:p}=ve({filter:{tracks:[{trackId:e.track.id}],checkIds:{included:d}}}),v=(a=m==null?void 0:m.individualEntityPassRates)!=null?a:{totalCount:0,edges:[],pageInfo:{hasNextPage:!1,hasPreviousPage:!1}},u=_=>{c(_.currentTarget)},h=()=>{c(null)},y=()=>{s(l({campaignId:e.id}))},k=()=>{s(r({campaignId:e.id}))};if(f)return t.createElement("div",{"data-testid":"loading-indicator"},t.createElement(Ce,null));if(p)return t.createElement(g,{color:"error"},"Failed to load campaigns progress.");const R=v.edges.length?jt(v):0,C=Ut(v),{name:b,description:w,ownerEntityRef:z,targetCompletionDate:B,startDate:je,supportChannel:ee}=e;return t.createElement("div",{className:n.campaignCards},t.createElement("div",{className:n.campaignCard},t.createElement("div",{className:n.flexRow,style:{justifyContent:"space-between"}},t.createElement("div",{className:n.flexColumn},t.createElement(g,{variant:"h5"},b),t.createElement(g,{variant:"body1",className:n.description},w.length>o?`${w.substring(0,o)}...`:w)),t.createElement("div",null,t.createElement(Ze,{variant:"text","aria-controls":"menu","aria-haspopup":"true",onClick:u},t.createElement("div",{className:n.actions},t.createElement("div",{className:n.actionsText},"Actions"),t.createElement("div",{className:n.flexRow},i?t.createElement(wt,{fontSize:"small"}):t.createElement(bt,{fontSize:"small"})))),t.createElement(et,{id:"campaign-menu",anchorEl:i,keepMounted:!0,open:!!i,onClose:h,classes:{list:n.menuList}},t.createElement(le,{onClick:k},"View"),t.createElement(le,{onClick:y},"Edit")))),t.createElement("div",{className:n.detailSection},t.createElement("div",{className:n.flexColumn},t.createElement("div",{className:n.flexRow},t.createElement(g,{variant:"subtitle1",className:n.label},"Owner:"),t.createElement(g,{variant:"body1",display:"inline",className:n.value},t.createElement(ae,{className:n.ownerLink,entityRef:z}))),ee&&t.createElement("div",{className:n.flexRow},t.createElement(g,{variant:"subtitle1",className:n.label},"Support Channel:"),t.createElement(g,{variant:"body1",display:"inline",className:n.value},ee))),t.createElement("div",{className:n.flexColumn},t.createElement("div",{className:n.flexRow},t.createElement(g,{variant:"subtitle1",className:n.label},"Start Date:"),t.createElement(g,{variant:"body1",display:"inline",className:n.value},V(je))),t.createElement("div",{className:n.flexRow},t.createElement(g,{variant:"subtitle1",className:n.label},"Target Completion Date:"),t.createElement(g,{variant:"body1",display:"inline",className:n.value},V(B)))),t.createElement("div",{className:n.flexRow,style:{minWidth:"300px"}},t.createElement("div",{className:n.flexColumn},t.createElement(g,{variant:"subtitle1",className:n.label},"Checks Passing"),t.createElement(g,{variant:"body2"},R,"%")),t.createElement("div",{className:n.flexColumn},t.createElement(g,{variant:"subtitle1",className:n.label},"Entities Complete"),C)))))},Kt=E(e=>({root:{borderTop:`1px solid ${e.palette.divider}`,borderBottom:`1px solid ${e.palette.divider}`},tab:{textTransform:"uppercase",paddingTop:e.spacing(2),paddingBottom:e.spacing(2)}})),Qt=({unfilteredFacets:e,onChange:a,kind:n,type:r})=>{var l,s,i;const c=Kt(),o={types:(l=e==null?void 0:e.types.filter(({count:p})=>p>0))!=null?l:[]},d=S((p,v)=>{var u;a((u=o==null?void 0:o.types[v].kind)!=null?u:"",o==null?void 0:o.types[v].type)},[o==null?void 0:o.types,a]);T(()=>{var p,v,u;const h=(o==null?void 0:o.types)&&o.types.length>=0,y=!n&&h,k=n&&h&&!(o!=null&&o.types.find(({kind:R,type:C})=>n===R&&(!r&&!C||r===C)));(y||k)&&a((v=(p=o==null?void 0:o.types[0])==null?void 0:p.kind)!=null?v:"",(u=o==null?void 0:o.types[0])==null?void 0:u.type,!0)},[n,r,o==null?void 0:o.types,a]);const m=(s=o==null?void 0:o.types.map(({kind:p,type:v,count:u})=>{const h=`${p}|${v!=null?v:""}`;return{key:h,label:`${v!=null?v:p} (${u>50?"50+":u})`,id:h,className:c.tab}}))!=null?s:[];if(!m.length)return null;const f=(i=o==null?void 0:o.types.findIndex(p=>p.kind===n&&(!p.type&&!r||p.type===r)))!=null?i:-1;return t.createElement(t.Fragment,null,t.createElement(Nt,null),t.createElement(tt,{onChange:d,indicatorColor:"primary",variant:"scrollable",value:f>-1?f:void 0},m.map(p=>t.createElement(at,{...p}))))},Jt=e=>({key:`skeleton${e}`,label:"",id:`skeleton${e}`}),qt=()=>{const e=Array.from({length:4},(a,n)=>Jt(n));return t.createElement(Et,{tabs:e})};var be=(e=>(e.Alpha="default",e.Owner="all",e.Status="all",e))(be||{});const U=12,Xt=E(e=>({pagination:{width:"-webkit-fill-available",display:"flex",justifyContent:"center",position:"fixed",bottom:"0",backgroundColor:e.palette.background.paper,borderTop:`1px solid ${e.palette.divider}`,marginRight:"40px"}})),Yt=({response:e,listingsPerPage:a,cursor:n,setCursor:r,prevCursors:l,setPrevCursors:s,labelPerPageDropdown:i,urlRoute:c})=>{var o;const d=Xt(),m=e!=null&&e.edges?e==null?void 0:e.edges[(e==null?void 0:e.edges.length)-1]:{cursor:""},[f,p]=$(0),v=()=>{s(k=>[...k,n]),r(m==null?void 0:m.cursor)},u=()=>{r(l[l.length-1]),s(k=>k.slice(0,-1))},h=(k,R)=>{p(C=>(R>C?v():u(),R))},y=k=>{window.open(`/soundcheck/${c!=null?c:"tracks?tracksPerPage="}${k.target.value}`,"_self")};return t.createElement(oe,{className:d.pagination,component:"div",count:(o=e==null?void 0:e.totalCount)!=null?o:-1,rowsPerPage:a!=null?a:10,onPageChange:h,page:f,onRowsPerPageChange:y,labelRowsPerPage:i!=null?i:"Listings per page:",rowsPerPageOptions:[U,U*2,U*4]})},Zt=E(e=>({pagination:{width:"-webkit-fill-available",display:"flex",justifyContent:"center",position:"fixed",bottom:"0",left:"0",backgroundColor:e.palette.background.paper,borderTop:`1px solid ${e.palette.divider}`,zIndex:1e3}})),we=({defaultPageSize:e,label:a})=>{const[n,r]=$(),[l,s]=J(),i=l.get(a),c=i?parseInt(i,10):e,[o,d]=$(0),m=S(f=>{var p;l.set("entitiesPerPage",(p=f.target.value)!=null?p:e),s(l,{replace:!0}),d(0),r(void 0)},[e,l,s]);return{cursor:n,setCursor:r,pageSize:c,currentPage:o,setCurrentPage:d,onRowsPerPageChange:m}},Ne=({totalCount:e,setCursor:a,endCursor:n,prevCursor:r,defaultPageSize:l,currentPage:s,setCurrentPage:i,onRowsPerPageChange:c,pageSize:o,labelRowsPerPage:d,rowsPerPageOptions:m})=>{const f=Zt(),p=S(()=>{n&&a(n)},[n,a]),v=S(()=>{r&&a(r)},[r,a]),u=(h,y)=>{i(k=>(y>k?p():y<k&&v(),y))};return t.createElement(oe,{className:f.pagination,component:"div",count:e,page:s,onPageChange:u,rowsPerPage:o!=null?o:l,onRowsPerPageChange:c,labelRowsPerPage:d,rowsPerPageOptions:m!=null?m:[l,l*2,l*4]})},ea=E(e=>({table:{backgroundColor:e.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap","& th, & td":{border:`1px solid ${e.palette.divider}`,borderCollapse:"collapse"},paddingBottom:e.spacing(2)},programTitle:{padding:e.spacing(2)},checkResult:{padding:e.spacing(1.5)},title:{padding:`${e.spacing(1)}px ${e.spacing(2)}px`},header:{backgroundColor:e.palette.action.hover}})),xe=({entityCount:e=25,levelCount:a=3,checkCount:n=5})=>{const r=ea(),l=new Array(e).fill(void 0),s=new Array(n).fill(void 0),i=new Array(a).fill(void 0);return t.createElement("table",{className:r.table},t.createElement("tbody",null,t.createElement("tr",null,t.createElement("td",{className:r.programTitle},t.createElement(j,{width:180,height:40})),l.map((c,o)=>t.createElement("td",{key:o}))),i.map((c,o)=>t.createElement(t.Fragment,{key:o},t.createElement("tr",{className:r.header},t.createElement("td",{className:r.title},t.createElement(j,{width:180})),l.map((d,m)=>t.createElement("td",{key:m}))),s.map((d,m)=>t.createElement("tr",{key:m},t.createElement("td",{className:r.title},t.createElement(j,{width:240})),l.map((f,p)=>t.createElement("td",{key:p,className:r.checkResult},t.createElement(j,{width:18,height:18,variant:"rect"})))))))))},Re=nt(e=>{const a=e.palette.type==="dark"?e.palette.common.black:e.palette.grey[300];return{tooltip:{backgroundColor:a,color:e.palette.text.primary,maxWidth:"400px"},arrow:{color:a}}})(ie),ta=E(e=>({headerWrapper:{marginTop:e.spacing(.5)},entityRefName:{fontWeight:"bold"},iconWrapper:{padding:e.spacing(1.5,.5),display:"flex",alignItems:"center",justifyContent:"center"}})),aa=({check:{name:e,description:a},icon:n,entityRef:r})=>{const l=ta(),s=G(r);return t.createElement(N,{spacing:1},t.createElement(N,{container:!0,direction:"row",spacing:1,wrap:"nowrap"},t.createElement("div",{className:l.iconWrapper},n),t.createElement(g,{variant:"h6",className:l.headerWrapper,noWrap:!0},e)),t.createElement(N,{item:!0,wrap:"nowrap"},t.createElement(g,{variant:"subtitle2",className:l.entityRefName},Q(s,{defaultKind:s.kind}))),t.createElement(kt,{content:a}))},na=({children:e,check:a,icon:n,entityRef:r})=>t.createElement(Re,{arrow:!0,title:t.createElement(aa,{check:a,icon:n,entityRef:r}),enterDelay:150,placement:"top"},e),ra=E(e=>({root:{padding:0},iconWrapper:{padding:e.spacing(1.5),display:"flex",alignItems:"center",justifyContent:"center"},link:{"&:hover $iconWrapper, &:active $iconWrapper, &:focus $iconWrapper":{backgroundColor:e.palette.action.hover}},icon:{width:"17px",height:"17px"},virtualized:{borderBottom:`1px solid ${e.palette.divider}`,borderRight:`1px solid ${e.palette.divider}`}})),Pe=A(({programId:e,check:a,entityRef:n,result:r,entityRoute:l,isVirtualized:s})=>{const i=ra();if(typeof n!="string"){const m=t.createElement("div",{className:i.iconWrapper},t.createElement("div",{className:i.icon}));return s?t.createElement("div",{className:`${i.root} ${i.virtualized}`,"aria-hidden":!0},m):t.createElement("td",{className:i.root,"aria-hidden":!0},m)}const c=t.createElement(ft,{className:i.icon,result:r!=null?r:L.NotReported}),o=t.createElement("div",{className:i.iconWrapper},c),d=r&&r===L.NotApplicable?o:t.createElement(X,{className:i.link,to:`${l(G(n))}/soundcheck/tracks/${e}/checks/${a.id}`},o);return s?t.createElement("div",{className:`${i.root} ${i.virtualized}`},t.createElement(na,{check:a,icon:c,entityRef:n},d)):t.createElement("td",{className:`${i.root}`},d)}),$e=8,la=16,P={programTitle:70,levelTitle:30,check:42,entityRefFooter:100,paginationControl:50},W={programTitle:350+la*2,checkResult:42},Te=e=>e.reduce((a,n)=>a+n.height,0),oa=e=>e*W.checkResult+W.programTitle,Se=e=>e.filter(a=>a!==void 0).map(a=>{const n=G(a);return Q(n,{defaultKind:n.kind})}).reduce((a,n)=>a.length>n.length?a:n,""),Ie=e=>$e*e+$e,Le="NoLevel",ia=e=>({name:Le,badge:{options:{level:0,color:""},variant:ut.Medal},entityRef:e,ordinal:0}),sa=E(e=>({virtualized:{borderRight:`1px solid ${e.palette.divider}`,height:`${P.programTitle}px`,display:"flex",justifyContent:"center",alignItems:"center"}})),ca=A(({entityRef:e,highestLevels:a,trackType:n})=>{const r=a.find(s=>s.entityRef===e);let l=r!=null&&r.badge?t.createElement(se,{badge:r.badge}):t.createElement(ce,null);return n==="campaign"&&(l=t.createElement(de,null)),l}),da=({highestLevel:e,trackType:a})=>{const n=sa();if(!(e!=null&&e.badge))return t.createElement("div",{className:n.virtualized},"\xA0");let r=e.name!==Le?t.createElement(se,{badge:e.badge}):t.createElement(ce,null);return a==="campaign"&&(r=t.createElement(de,null)),t.createElement("div",{className:n.virtualized},r)},pa=E(e=>({root:{height:"8px",minWidth:"64px",marginLeft:e.spacing(2),borderRadius:"100vh",backgroundColor:e.palette.action.hover},bar:{backgroundColor:e.palette.success.main,transition:"none"}})),Oe=e=>{var a,n;const r=pa(e),l=F(()=>Object.entries(e.progress).reduce((i,[,c])=>i+c,0),[e.progress]);if(l===0)return null;const s=(a=e.progress[L.Passed])!=null?a:0;return t.createElement(ie,{arrow:!0,title:`Check passing for ${s} of ${l} ${l===1?"entity":"entities"}`,enterDelay:0,placement:"top"},t.createElement(rt,{variant:"determinate",value:((n=e.progress[L.Passed])!=null?n:0)/l*100,classes:{root:r.root,bar:r.bar}}))},Fe=E(e=>({checkNameCell:{padding:0,backgroundColor:e.palette.background.paper},checkNameContent:{padding:`0 ${e.spacing(2)}px`,display:"flex",justifyContent:"space-between",alignItems:"center"},checkNameTypography:{overflow:"hidden",textOverflow:"ellipsis",fontWeight:e.typography.body1.fontWeight},checkIndicator:{flexBasis:e.spacing(8)},checkNameCellVirtualized:{height:`${P.check}px`,lineHeight:`${P.check}px`,borderBottom:`1px solid ${e.palette.divider}`,borderRight:`1px solid ${e.palette.divider}`}}));A(({programId:e,programName:a,check:n,entityRefs:r,results:l,entityRoute:s})=>{const i=Fe(),c=F(()=>ue(l.filter(({result:d})=>d!==L.NotApplicable),"result"),[l]),o=new Map(l.map(d=>[d.entityRef,d.result]));return t.createElement("tr",{"data-testid":"track-check-row"},t.createElement("th",{scope:"row",className:i.checkNameCell,"aria-label":`${n.name} check for ${a} track`},t.createElement("div",{className:i.checkNameContent},t.createElement(g,{className:i.checkNameTypography,variant:"subtitle2",component:"p"},n.name),t.createElement(Oe,{className:i.checkIndicator,progress:c}))),r.map((d,m)=>t.createElement(Pe,{key:m,programId:e,check:n,entityRef:d,result:typeof d=="string"?o.get(d):void 0,entityRoute:s})))});const ma=({name:e,progress:a})=>{const n=Fe();return t.createElement("div",{className:n.checkNameCell,"aria-label":`${e} check`},t.createElement("div",{className:`${n.checkNameContent} ${n.checkNameCellVirtualized}`},t.createElement(g,{variant:"subtitle2",component:"p",className:n.checkNameTypography},e),t.createElement(Oe,{className:n.checkIndicator,progress:a})))},Y=E(e=>{const a=e.palette.action.hover;return{root:{color:e.palette.text.primary,backgroundColor:a},levelContent:{padding:`${e.spacing(.5)}px ${e.spacing(2)}px`,backgroundColor:a},levelTypography:{overflow:"hidden",textOverflow:"ellipsis"},levelHeaderCell:{padding:`${e.spacing(.5)}px ${e.spacing(2)}px`,borderRight:`1px solid ${e.palette.divider}`,height:`${P.levelTitle}px`}}});A(({level:e,entityRefs:a,programName:n})=>{const r=Y();return t.createElement("tr",{className:r.root,"data-testid":"track-level-row"},t.createElement("th",{scope:"row",className:r.root},t.createElement("div",{className:r.levelContent},t.createElement(g,{className:r.levelTypography,variant:"subtitle2",component:"p","aria-label":`${e.name} for ${n} track`},e.name))),a.map((l,s)=>t.createElement("td",{key:s,className:r.root,"aria-hidden":!0})))});const ua=({name:e})=>{const a=Y();return t.createElement("div",{className:`${a.levelHeaderCell} ${a.root}`,"aria-label":`${e}`},t.createElement(g,{variant:"subtitle2",component:"p",className:a.levelTypography},e))},ga=()=>{const e=Y();return t.createElement("div",{className:`${e.levelHeaderCell} ${e.root}`},"\xA0")},Ae=E(e=>({programNameCell:{padding:0,position:"sticky",backgroundColor:e.palette.background.paper},programNameContent:{padding:e.spacing(2)},programNameTypography:{overflow:"hidden",textOverflow:"ellipsis"},badgeCellContent:{display:"flex",justifyContent:"center",alignItems:"center"},programNameCellVirtualized:{borderRight:`1px solid ${e.palette.divider}`}}));A(({program:e,entityRefs:a,highestLevels:n})=>{const r=Ae();return t.createElement("tr",{"data-testid":"track-title-row"},t.createElement("th",{scope:"row",className:r.programNameCell},t.createElement("div",{className:r.programNameContent},t.createElement(g,{className:r.programNameTypography,variant:"h5",component:"p"},e.name))),a.map((l,s)=>{var i;return typeof l!="string"?t.createElement("td",{key:s,"aria-hidden":!0}):t.createElement("td",{key:s,"data-testid":"track-certification-cell"},t.createElement("div",{className:r.badgeCellContent},t.createElement(ca,{entityRef:l,highestLevels:n,trackType:(i=e.type)!=null?i:void 0})))}))});const fa=A(({name:e})=>{const a=Ae();return t.createElement("div",{className:`${a.programNameCell} ${a.programNameCellVirtualized}`},t.createElement("div",{className:a.programNameContent},t.createElement(g,{className:a.programNameTypography,variant:"h5",component:"p"},e)))}),ze=e=>{const a=x(M);return I([q.EntityByRef,e],async()=>a.getEntityByRef(e),{onError:()=>{},enabled:!!e})},va=E(e=>({root:{position:"sticky",bottom:"-1px",backgroundColor:e.palette.background.default,boxShadow:`0 -1px ${e.palette.divider}`,"& td$cell, & th$cell":{border:0,padding:e.spacing(1)},"& td$cell":{backgroundColor:e.palette.background.default}},row:{boxShadow:`1px 0 ${e.palette.background.default}, -1px 0 ${e.palette.background.default}`},cell:{verticalAlign:"top"},cellInner:{textOrientation:"mixed",writingMode:"vertical-lr",transform:"rotate(-20deg)",transformOrigin:`100% ${e.spacing(1)}px`,wordBreak:"keep-all",fontWeight:"bold",overflow:"hidden",textOverflow:"ellipsis",maxHeight:"max(15vh, 175px)"}})),ha=({entityRef:e})=>{const{data:a}=ze(e),n=D(ne),r=va(),l=e?G(e):void 0,s=l?t.createElement(X,{to:n(l)},a!=null&&a.metadata.title?a.metadata.title:Q(l,{defaultKind:l.kind})):t.createElement(t.Fragment,null);return t.createElement("div",{className:r.cell},t.createElement("div",{className:r.cellInner},s))},ya=e=>t.createElement(fa,{name:e}),Ea=e=>({type:"ProgramHeader",render:()=>ya(e)}),ka=e=>e?t.createElement(ua,{name:e}):t.createElement(ga,null),Be=e=>({type:"LevelHeader",render:()=>ka(e)}),Ca=(e,a)=>t.createElement(ma,{name:e,progress:a}),De=(e,a)=>({type:"CheckTitle",render:()=>Ca(e,a)}),ba=(e,a,n,r,l)=>t.createElement(Pe,{check:a,entityRef:n,entityRoute:l,programId:e,result:r,isVirtualized:!0}),We=(e,a,n,r,l)=>({type:"CheckResult",render:()=>ba(e,a,n,r,l)}),wa=e=>t.createElement(ha,{entityRef:e}),Z=e=>({type:"EntityHeader",render:()=>wa(e)}),Na=(e,a)=>t.createElement(da,{highestLevel:e,trackType:a}),xa=(e,a)=>({type:"LevelBadge",render:()=>Na(e,a)}),Ge=e=>a=>{const n=e[a.rowIndex].cells[a.columnIndex];return n?t.createElement("div",{style:a.style},n.render()):t.createElement("div",{style:a.style})},Ra=(e,a,n)=>{var r;const l=[];for(const{program:i,levels:c,highestLevels:o}of e){l.push({height:P.programTitle,cells:[Ea(i.name),...a.map(d=>{var m;const f=d?o.find(p=>p.entityRef===d)||ia(d):void 0;return xa(f,(m=i.type)!=null?m:void 0)})]});for(const d of c){l.push({height:P.levelTitle,cells:[Be(d.name),...a.map(m=>Be(""))]});for(const{check:m,results:f}of d.checks)l.push({height:P.check,cells:[De(m.name,ue(f.filter(({result:p})=>p!==L.NotApplicable),"result")),...a.map(p=>{var v,u;return We(i.id,m,p,(u=(v=f.find(h=>h.entityRef===p))==null?void 0:v.result)!=null?u:L.NotApplicable,n)})]})}}const s=Se(a!=null?a:[]);return l.push({height:Ie((r=s.length)!=null?r:1),cells:[Z(""),...a.map(i=>Z(i||""))]}),l},Me=25,Pa=E(e=>({table:{backgroundColor:e.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",textAlign:"left",overflow:"auto"}})),$a=({setError:e,kind:a,type:n,ownerEntityRef:r})=>{const{cursor:l,pageSize:s,...i}=we({defaultPageSize:Me,label:"entitiesPerPage"}),{data:c,isLoading:o,isError:d}=Rt(r,{kind:a,type:n},s,l),m=Pa(),f=D(ne);T(()=>{e==null||e(d?new Error("Error loading program overview"):void 0)},[d,e]);const[p,v]=$(0),u=Qe(null);if(Je(()=>{c&&r&&u!=null&&u.current&&v(u.current.clientWidth)},[u,c,r]),o)return t.createElement(xe,null);if(!c||!r)return null;const{programs:h,entityRefs:y,totalCount:k,endCursor:R,prevCursor:C}=c,b=y.length>=25?y:[...y,...Array.from({length:25-y.length},()=>{})],w=Ra(h,b,f),z=Ge(w);return t.createElement("div",{ref:u},t.createElement(N,{"aria-label":`Check results for ${n!=null?n:a}`,key:`${a}|${n!=null?n:""}`,item:!0,xs:12},p>0&&t.createElement(xt,{className:m.table,columnCount:b.length+1,columnWidth:B=>B===0?W.programTitle:W.checkResult,rowCount:w.length,rowHeight:B=>w[B].height,height:Te(w)+P.paginationControl,width:p},z)),t.createElement(Ne,{...i,totalCount:k,defaultPageSize:Me,endCursor:R,prevCursor:C,pageSize:s,labelRowsPerPage:"Entities per page:"}))},Ta=({facets:e,ownerEntityRef:a,kind:n,type:r,setError:l})=>{const s=F(()=>{const i=new Map;return e.types.forEach(({kind:c,type:o})=>{const d=`${c}|${o!=null?o:""}`;i.set(d,t.createElement($a,{key:d,ownerEntityRef:a,kind:c,type:o,setError:l}))}),i},[e,a,l]);return t.createElement("div",null,s.get(`${n}|${r!=null?r:""}`))},Sa=E(()=>({scrollContainer:{overflow:"auto"}})),Ia=({facets:e,ownerEntityRef:a,hasError:n,kind:r,type:l,setError:s,isFixedGroup:i})=>{var c,o,d;const m=Sa();if(n)return t.createElement(vt,{severity:"error",title:n.message});const f="Use the groups drop-down list at the top-right of the page to select another group.";return e&&((o=(c=e.types)==null?void 0:c.length)!=null?o:0)>0?(d=e.types)!=null&&d.find(p=>p.count>0)?t.createElement("div",{className:m.scrollContainer},t.createElement(Ta,{facets:e,kind:r,type:l,setError:s,ownerEntityRef:a,hasError:n})):t.createElement(ht,{ownerEntityRef:a,selectGroupHint:f}):t.createElement(yt,{ownerEntityRef:a,selectGroupHint:i?void 0:f})},La=E(e=>({tableContainer:{padding:0,backgroundColor:"transparent"},campaignsGrid:{margin:`0 0 ${e.spacing(3)}px`,border:`1px solid ${e.palette.divider}`},campaignsCard:{display:"flex",width:"100%",flexDirection:"column",padding:e.spacing(2),gap:e.spacing(2)},campaignsLink:{textAlign:"center",margin:`${e.spacing(1)}rem 0 ${e.spacing(1)}`},tableLoading:{backgroundColor:e.palette.background.paper,padding:e.spacing(6)},noPadding:{padding:0},accordion:{boxShadow:"none"}})),He=3,Oa=({groupSelectorError:e,isFixedGroup:a=!1})=>{const[n,r]=J(),{group:l,kind:s,type:i}=Object.fromEntries(n.entries()),c=D(gt),[o,d]=$(void 0),[m,f]=$(void 0);T(()=>{((o==null?void 0:o.kind)!==s||(o==null?void 0:o.type)!==i)&&d({kind:s,type:i})},[s,i,o]);const{data:p,isLoading:v}=$t(l),{data:u}=fe({orderAlphabetical:"default",searchByOwner:l,searchByStatus:"active"}),h=u==null?void 0:u.edges.map(b=>b.node),y=h==null?void 0:h.slice(0,He),k=m||e,R=S((b,w,z)=>{b&&(d({kind:b,type:w}),w?(n.set("kind",b),n.set("type",w)):(n.delete("type"),n.set("kind",b)),r(n,{replace:z}))},[n,r]),C=La();return t.createElement(N,{container:!0,spacing:0},h&&h.length>0&&t.createElement(N,{item:!0,xs:12,className:C.campaignsGrid},t.createElement(lt,{style:{boxShadow:"none"}},t.createElement(ot,{expandIcon:t.createElement(Ct,null)},t.createElement(g,{variant:"h6"},"Campaigns")),t.createElement(it,null,t.createElement("div",{className:C.campaignsCard},y==null?void 0:y.map(b=>t.createElement("div",{key:b.id},t.createElement(_t,{campaign:b})))),h.length>He&&t.createElement(X,{to:c(),className:C.campaignsLink},"More Campaigns")))),t.createElement(N,{item:!0,xs:12,className:C.noPadding},v?t.createElement(qt,null):t.createElement(Qt,{unfilteredFacets:p,kind:o==null?void 0:o.kind,type:o==null?void 0:o.type,onChange:R})),t.createElement(N,{item:!0,xs:12,className:C.tableContainer},v?t.createElement("div",{className:C.tableLoading},t.createElement(ke,{size:80})):t.createElement(Ia,{facets:p,kind:o==null?void 0:o.kind,type:o==null?void 0:o.type,setError:f,hasError:k,ownerEntityRef:l,isFixedGroup:a})))};export{O as C,be as F,Lt as G,ke as L,Oa as O,Yt as P,U as R,Re as S,St as U,Tt as a,Ee as b,W as c,Te as d,oa as e,P as f,De as g,We as h,Se as i,Ie as j,Z as k,Ge as l,we as m,xe as n,Ne as o,Ce as p,zt as q,ge as r,ze as s,ve as t,fe as u};
-//# sourceMappingURL=OverviewPageContent-CBL-e1xr.esm.js.map

package/dist/esm/RefetchingIndicator-BrP7yEiB.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as m,LinearProgress as a}from"@material-ui/core";import e,{useState as s}from"react";import p from"react-use/lib/useDebounce";import c from"react-use/lib/useUnmount";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import{useIsFetching as d}from"@tanstack/react-query";import"./routes-DcGwdXHX.esm.js";import{F as l}from"./EmptyState-C2zsaDrr.esm.js";import"@backstage/plugin-catalog-react";import"react-router-dom";const f=m(t=>({indicator:{position:"absolute",width:"100%",zIndex:t.zIndex.speedDial}})),u=()=>{const t=d(),r=f(),[i,o]=s(!!t),[I,n]=p(()=>{o(!!t)},250,[t]);return c(n),i?e.createElement(l,null,e.createElement("div",{className:r.indicator},e.createElement(a,{variant:"indeterminate","data-testid":"refetching-indicator"}))):null};export{u as R};
-//# sourceMappingURL=RefetchingIndicator-BrP7yEiB.esm.js.map

package/dist/esm/chartUtils-CD083K30.esm.js

@@ -1,2 +0,0 @@
-const a=["#59A0F6","#95C90D","#FFA42C","#C87DFF","#7358FF","#F036A4"],o=["#59A0F6","#1BB552","#FFA42C","#C87DFF","#7358FF","#F036A4"];var F=(e=>(e.RED="red",e.GREEN="green",e))(F||{});const n={red:"#FF4834",green:"#1BB552"},s={red:"#FF001A",green:"#1CD760"},C=e=>e?e.palette.type:"",t=e=>C(e).toLowerCase()==="dark",g=e=>t(e)?e.palette.grey[200]:e.palette.grey[800],d=e=>t(e)?o:a;function l(e,r){return(r?e.minus({days:r}):e).toFormat("MMM dd")}const A=(e,r)=>t(e)?s[r]:n[r];export{F as T,d as a,A as b,l as f,g,t as i};
-//# sourceMappingURL=chartUtils-CD083K30.esm.js.map

package/dist/esm/index-1faKkIS7.esm.js

@@ -1,2 +0,0 @@
-import{Page as s,Header as u}from"@backstage/core-components";import{makeStyles as E}from"@material-ui/core";import{SpotifyLicenseBanner as i}from"@spotify/backstage-plugin-core";import e,{useState as d,useEffect as v}from"react";import{U as f,G as g,O as m}from"./OverviewPageContent-CBL-e1xr.esm.js";import{S as n,w as S}from"./EmptyState-C2zsaDrr.esm.js";import{s as a,i as p}from"./license-CQErZDIh.esm.js";import{stringifyEntityRef as k}from"@backstage/catalog-model";import{useEntity as w}from"@backstage/plugin-catalog-react";import{useSearchParams as y,Routes as P,Route as h}from"react-router-dom";import"@backstage/core-plugin-api";import"react-use/lib/useAsync";import"@material-ui/lab/Autocomplete";import"react-use/lib/useLocalStorage";import"@tanstack/react-query";import"./routes-DcGwdXHX.esm.js";import"graphql-request";import"graphql-tag";import"@backstage/core-compat-api";import"@material-ui/icons/ExpandMore";import"@material-ui/icons/ArrowDropDown";import"@material-ui/icons/ArrowDropUp";import"@material-ui/core/styles";import"framer-motion";import"./RefetchingIndicator-BrP7yEiB.esm.js";import"react-use/lib/useDebounce";import"react-use/lib/useUnmount";import"react-window";import"@material-ui/lab";import"lodash";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/HelpOutline";import"@material-ui/icons/RemoveCircleOutline";import"@material-ui/icons/ReportProblemOutlined";import"classnames";import"../images/empty-state.svg";const C=E(t=>({overviewContainer:{padding:t.spacing(1,3)}})),G=t=>{const{title:r="Soundcheck"}=t,o=C(),[c,l]=d(void 0);return e.createElement(n,null,e.createElement(f,null,e.createElement(S,null,e.createElement(s,{themeId:"website"},e.createElement(i,{backend:a,invalidLicenseMessage:p}),e.createElement(u,{title:r},e.createElement(g,{setError:l})),e.createElement("div",{className:o.overviewContainer},e.createElement(m,{groupSelectorError:c}))))))},L=()=>{const{entity:t}=w(),[r,o]=y();return v(()=>{!r.get("group")&&t&&(r.set("group",k(t)),o(r,{replace:!0}))},[r,o,t]),e.createElement(n,null,e.createElement(P,null,e.createElement(h,{path:"/*",element:e.createElement(e.Fragment,null,e.createElement(i,{backend:a,invalidLicenseMessage:p,inline:!0}),e.createElement(m,{isFixedGroup:!0}))})))};export{L as FixedGroupOverviewPage,G as OverviewPage};
-//# sourceMappingURL=index-1faKkIS7.esm.js.map

package/dist/esm/index-B3L_axCg.esm.js

@@ -1,2 +0,0 @@
-import t from"react";import{S as o}from"./EmptyState-C2zsaDrr.esm.js";import{C as i}from"./Card-BU6-9YfF.esm.js";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"lodash";import"@material-ui/core";import"@material-ui/lab";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/HelpOutline";import"@material-ui/icons/RemoveCircleOutline";import"@material-ui/icons/ReportProblemOutlined";import"./routes-DcGwdXHX.esm.js";import"graphql-request";import"graphql-tag";import"@backstage/core-compat-api";import"classnames";import"@backstage/catalog-model";import"@backstage/plugin-catalog-react";import"../images/empty-state.svg";import"@backstage/core-components";import"@material-ui/core/styles/makeStyles";import"@spotify/backstage-plugin-core";import"./CertificationSidebar-DB4UqW7X.esm.js";import"react-router-dom";import"@material-ui/icons/Schedule";import"luxon";import"./license-CQErZDIh.esm.js";const m=({title:r})=>t.createElement(o,null,t.createElement(i,{title:r}));export{m as EntitySoundcheckCard};
-//# sourceMappingURL=index-B3L_axCg.esm.js.map