@spotify/backstage-plugin-soundcheck 0.16.0 → 0.16.2

package/dist/components/MultiSelectFilter/MultiSelectFilter.esm.js

@@ -1,2 +1,2 @@
-import{withStyles as y,Button as v,makeStyles as k,Popover as w,TextField as C,Checkbox as O}from"@material-ui/core";import P from"@material-ui/icons/ArrowDropDown";import{Autocomplete as S}from"@material-ui/lab";import t,{useState as F}from"react";import{ListboxVirtualized as L}from"../ListboxVirtualized/ListboxVirtualized.esm.js";const p=y(e=>({root:{color:e.palette.text.primary,paddingLeft:e.spacing(1),paddingRight:e.spacing(1),textTransform:"initial",fontSize:e.typography.body1.fontSize}}))(v),z=k(e=>({root:{borderBottom:`1px solid ${e.palette.grey.A100}`,padding:e.spacing(1.5),backgroundColor:e.palette.background.paper},popper:{width:300,height:400,overflow:"hidden"},paper:{boxShadow:"none",margin:0},popperDisablePortal:{width:"100% !important"},listbox:{border:"none",height:400},option:{padding:`${e.spacing(.5)}px !important`,'&[data-selected="true"]':{background:"inherit"}},chips:{display:"flex",flexWrap:"wrap"},chip:{margin:1}})),I=({name:e,options:s,label:n,icon:c,filters:d,setFilters:m,disabled:u,customRenderOption:g})=>{const r=z(),[a,i]=F(null),h=o=>{i(o.currentTarget)},b=()=>{i(null)},f=(o,l)=>{m(l)},x=o=>t.createElement(C,{...o,name:"filter",variant:"outlined",placeholder:"Filter",fullWidth:!0}),E=(o,{selected:l})=>t.createElement(t.Fragment,null,t.createElement(O,{value:o,checked:l,color:"primary"}),o);return t.createElement(t.Fragment,null,t.createElement(p,{startIcon:c,endIcon:t.createElement(P,null),onClick:h,disabled:u},n),t.createElement(w,{id:`${n}-filter-popover`,open:!!a,anchorEl:a,onClose:b,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PaperProps:{elevation:4,className:r.popper}},t.createElement(S,{multiple:!0,disablePortal:!0,classes:{root:r.root,paper:r.paper,popperDisablePortal:r.popperDisablePortal,listbox:r.listbox,option:r.option},ListboxComponent:L,renderOption:g??E,id:`multi-select-filter-${e}--select`,value:d,options:s,limitTags:3,onChange:f,getOptionSelected:(o,l)=>o.toLowerCase()===l.toLowerCase(),renderInput:x,renderTags:()=>null,closeIcon:null,popupIcon:null,handleHomeEndKeys:!0,clearOnEscape:!0,open:!0})))};export{p as QuickFilterButton,I as default};
+import{jsxs as p,Fragment as s,jsx as r}from"react/jsx-runtime";import{withStyles as w,Button as C,makeStyles as S,Popover as P,TextField as O,Checkbox as T}from"@material-ui/core";import z from"@material-ui/icons/ArrowDropDown";import{Autocomplete as F}from"@material-ui/lab";import{useState as I}from"react";import{ListboxVirtualized as L}from"../ListboxVirtualized/ListboxVirtualized.esm.js";const d=w(o=>({root:{color:o.palette.text.primary,paddingLeft:o.spacing(1),paddingRight:o.spacing(1),textTransform:"initial",fontSize:o.typography.body1.fontSize}}))(C),$=S(o=>({root:{borderBottom:`1px solid ${o.palette.grey.A100}`,padding:o.spacing(1.5),backgroundColor:o.palette.background.paper},popper:{width:300,height:400,overflow:"hidden"},paper:{boxShadow:"none",margin:0},popperDisablePortal:{width:"100% !important"},listbox:{border:"none",height:400},option:{padding:`${o.spacing(.5)}px !important`,'&[data-selected="true"]':{background:"inherit"}},chips:{display:"flex",flexWrap:"wrap"},chip:{margin:1}})),B=({name:o,options:c,label:l,icon:m,filters:h,setFilters:u,disabled:g,customRenderOption:f})=>{const t=$(),[n,a]=I(null),b=e=>{a(e.currentTarget)},x=()=>{a(null)},v=(e,i)=>{u(i)},y=e=>r(O,{...e,name:"filter",variant:"outlined",placeholder:"Filter",fullWidth:!0}),k=(e,{selected:i})=>p(s,{children:[r(T,{value:e,checked:i,color:"primary"}),e]});return p(s,{children:[r(d,{startIcon:m,endIcon:r(z,{}),onClick:b,disabled:g,children:l}),r(P,{id:`${l}-filter-popover`,open:!!n,anchorEl:n,onClose:x,anchorOrigin:{vertical:"bottom",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},PaperProps:{elevation:4,className:t.popper},children:r(F,{multiple:!0,disablePortal:!0,classes:{root:t.root,paper:t.paper,popperDisablePortal:t.popperDisablePortal,listbox:t.listbox,option:t.option},ListboxComponent:L,renderOption:f??k,id:`multi-select-filter-${o}--select`,value:h,options:c,limitTags:3,onChange:v,getOptionSelected:(e,i)=>e.toLowerCase()===i.toLowerCase(),renderInput:y,renderTags:()=>null,closeIcon:null,popupIcon:null,handleHomeEndKeys:!0,clearOnEscape:!0,open:!0})})]})};export{d as QuickFilterButton,B as default};
 //# sourceMappingURL=MultiSelectFilter.esm.js.map

package/dist/components/NoBorderButton/NoBorderButton.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as r,Button as a}from"@material-ui/core";import n from"react";const l=r(t=>({button:{fontSize:t.typography.subtitle2.fontSize,color:t.palette.text.primary,textTransform:"none",padding:0}})),i=({label:t,...e})=>{const o=l();return n.createElement(a,{className:o.button,variant:"text",...e,"aria-label":t},t)};export{i as NoBorderButton};
+import{jsx as e}from"react/jsx-runtime";import{makeStyles as n,Button as a}from"@material-ui/core";const i=n(t=>({button:{fontSize:t.typography.subtitle2.fontSize,color:t.palette.text.primary,textTransform:"none",padding:0}})),l=({label:t,...o})=>{const r=i();return e(a,{className:r.button,variant:"text",...o,"aria-label":t,children:t})};export{l as NoBorderButton};
 //# sourceMappingURL=NoBorderButton.esm.js.map

package/dist/components/OrgHealth/OrgHealthPage.esm.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";const e=()=>r("div",{children:r("h1",{children:"Org Health"})});export{e as default};
+//# sourceMappingURL=OrgHealthPage.esm.js.map

package/dist/components/OverviewChartCard/OverviewChartCard.esm.js

@@ -1,2 +1,2 @@
-import{Card as E,Box as a,Typography as m,Tooltip as p,Button as d}from"@material-ui/core";import C from"@material-ui/icons/GetApp";import e from"react";import{CSVLink as h}from"react-csv";import{useOverviewChartCardStyles as N}from"./OverviewChartCardStyles.esm.js";const u=({title:c,subtitle:n,summaryCardContent:r,chartSectionContent:o,disableDataExport:l,csvData:s,csvFilename:i})=>{const t=N();return e.createElement(E,{className:t.card},e.createElement(a,{className:t.headerRow},e.createElement(a,{className:t.headerSection},e.createElement(m,{className:t.title},c),e.createElement(m,{variant:"caption"},n)),e.createElement(a,{className:t.headerExportSection},e.createElement(h,{data:s,filename:i,onClick:()=>!l},e.createElement(p,{title:"Export to CSV"},e.createElement("span",null,e.createElement(d,{disabled:l},e.createElement(C,null))))))),e.createElement(a,{className:t.contentRow},r&&e.createElement(a,{className:t.leftSection},e.createElement(a,{className:t.summaryCard},r)),e.createElement(a,{className:t.chartSection},o)))};export{u as OverviewChartCard};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{Card as h,Box as r,Typography as n,Tooltip as p,Button as C}from"@material-ui/core";import N from"@material-ui/icons/GetApp";import{CSVLink as S}from"react-csv";import{useOverviewChartCardStyles as f}from"./OverviewChartCardStyles.esm.js";const v=({title:l,subtitle:o,summaryCardContent:i,chartSectionContent:s,disableDataExport:c,csvData:d,csvFilename:m})=>{const a=f();return t(h,{className:a.card,children:[t(r,{className:a.headerRow,children:[t(r,{className:a.headerSection,children:[e(n,{className:a.title,children:l}),e(n,{variant:"caption",children:o})]}),e(r,{className:a.headerExportSection,children:e(S,{data:d,filename:m,onClick:()=>!c,children:e(p,{title:"Export to CSV",children:e("span",{children:e(C,{disabled:c,children:e(N,{})})})})})})]}),t(r,{className:a.contentRow,children:[i&&e(r,{className:a.leftSection,children:e(r,{className:a.summaryCard,children:i})}),e(r,{className:a.chartSection,children:s})]})]})};export{v as OverviewChartCard};
 //# sourceMappingURL=OverviewChartCard.esm.js.map

package/dist/components/OverviewPage/FixedGroupOverviewPage.esm.js

@@ -1,2 +1,2 @@
-import{stringifyEntityRef as i}from"@backstage/catalog-model";import{useEntity as o}from"@backstage/plugin-catalog-react";import{SpotifyLicenseBanner as m}from"@spotify/backstage-plugin-core";import e,{useEffect as a}from"react";import{useSearchParams as c,Routes as l,Route as s}from"react-router-dom";import{soundcheckBackend as p,invalidLicenseMessage as u}from"../../utils/license.esm.js";import{SoundcheckQueryClientProvider as f}from"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContent as d}from"./OverviewPageContent.esm.js";const g=()=>{const{entity:r}=o(),[t,n]=c();return a(()=>{!t.get("group")&&r&&(t.set("group",i(r)),n(t,{replace:!0}))},[t,n,r]),e.createElement(f,null,e.createElement(l,null,e.createElement(s,{path:"/*",element:e.createElement(e.Fragment,null,e.createElement(m,{backend:p,invalidLicenseMessage:u,inline:!0}),e.createElement(d,{isFixedGroup:!0}))})))};export{g as FixedGroupOverviewPage};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{stringifyEntityRef as m}from"@backstage/catalog-model";import{useEntity as s}from"@backstage/plugin-catalog-react";import{SpotifyLicenseBanner as c}from"@spotify/backstage-plugin-core";import{useEffect as p}from"react";import{useSearchParams as a,Routes as f,Route as u}from"react-router-dom";import{soundcheckBackend as d,invalidLicenseMessage as g}from"../../utils/license.esm.js";import{SoundcheckQueryClientProvider as l}from"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContent as h}from"./OverviewPageContent.esm.js";const v=()=>{const{entity:i}=s(),[r,o]=a();return p(()=>{!r.get("group")&&i&&(r.set("group",m(i)),o(r,{replace:!0}))},[r,o,i]),e(l,{children:e(f,{children:e(u,{path:"/*",element:t(n,{children:[e(c,{backend:d,invalidLicenseMessage:g,inline:!0}),e(h,{isFixedGroup:!0})]})})})})};export{v as FixedGroupOverviewPage};
 //# sourceMappingURL=FixedGroupOverviewPage.esm.js.map

package/dist/components/OverviewPage/OverviewPage.esm.js

@@ -1,2 +1,2 @@
-import{Page as o,Header as i}from"@backstage/core-components";import{makeStyles as m}from"@material-ui/core";import{SpotifyLicenseBanner as a}from"@spotify/backstage-plugin-core";import e from"react";import{UserProvider as c}from"../../contexts/UserProvider.esm.js";import l from"../../hooks/useConfirmationModal.esm.js";import{soundcheckBackend as s,invalidLicenseMessage as d}from"../../utils/license.esm.js";import{SoundcheckQueryClientProvider as p}from"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContent as v}from"./OverviewPageContent.esm.js";const f=m(r=>({overviewContainer:{padding:r.spacing(1,3)}})),u=r=>{const{title:t="Soundcheck"}=r,n=f();return e.createElement(p,null,e.createElement(c,null,e.createElement(l,null,e.createElement(o,{themeId:"website"},e.createElement(a,{backend:s,invalidLicenseMessage:d}),e.createElement(i,{title:t}),e.createElement("div",{className:n.overviewContainer},e.createElement(v,null))))))};export{u as OverviewPage};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import{Page as t,Header as c}from"@backstage/core-components";import{makeStyles as m}from"@material-ui/core";import{SpotifyLicenseBanner as s}from"@spotify/backstage-plugin-core";import{UserProvider as d}from"../../contexts/UserProvider.esm.js";import a from"../../hooks/useConfirmationModal.esm.js";import{soundcheckBackend as l,invalidLicenseMessage as p}from"../../utils/license.esm.js";import{SoundcheckQueryClientProvider as v}from"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContent as f}from"./OverviewPageContent.esm.js";const h=m(r=>({overviewContainer:{padding:r.spacing(1,3)}})),g=r=>{const{title:i="Soundcheck"}=r,o=h();return e(v,{children:e(d,{children:e(a,{children:n(t,{themeId:"website",children:[e(s,{backend:l,invalidLicenseMessage:p}),e(c,{title:i}),e("div",{className:o.overviewContainer,children:e(f,{})})]})})})})};export{g as OverviewPage};
 //# sourceMappingURL=OverviewPage.esm.js.map

package/dist/components/OverviewPage/OverviewPageContent.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as L,Grid as m}from"@material-ui/core";import a,{createContext as G,useState as i,useEffect as D,useCallback as H}from"react";import{useSearchParams as N}from"react-router-dom";import $ from"react-use/lib/useDebounce";import{useFacetsForOwner as B}from"../../hooks/facets/useFacetsForOwner.esm.js";import{LoadingIndicator as R}from"../LoadingIndicator/LoadingIndicator.esm.js";import{OverviewTable as j}from"../OverviewTable/OverviewTable.esm.js";import{RowHeights as z}from"../OverviewTable/resultsTableUtils.esm.js";import"../SoundcheckHeader/SoundcheckHeader.esm.js";import"../SoundcheckHeader/SoundcheckHeaderContext.esm.js";import{useSetHeaderDefault as A}from"../SoundcheckHeader/useHeader.esm.js";import{OverviewPageHeader as I}from"./OverviewPageHeader.esm.js";const T=L(e=>({tableContainer:{padding:0,backgroundColor:"transparent",paddingBottom:z.paginationControl},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"}})),k=G({searchValue:"",updateSearchValue:e=>{},debouncedSearchValue:"",updateDebouncedSearchValue:e=>{},pivot:!1,updatePivot:e=>{}}),Y=({isFixedGroup:e=!1})=>{const[t,l]=N(),{group:g,kind:o,type:d}=Object.fromEntries(t.entries());A();const[r,u]=i(void 0),[h,x]=i(void 0),[E,y]=i(),[p,C]=i(""),[S,f]=i(""),[w,P]=i(!1);$(()=>{f(p)},800,[p]),D(()=>{(r?.kind!==o||r?.type!==d)&&u({kind:o,type:d})},[o,d,r]);const{data:v,isLoading:b}=B(g),V=h||E,O=H((n,s,F)=>{n&&(u({kind:n,type:s}),s?(t.set("kind",n),t.set("type",s)):(t.delete("type"),t.set("kind",n)),l(t,{replace:F}))},[t,l]),c=T();return a.createElement(k.Provider,{value:{searchValue:p,updateSearchValue:C,debouncedSearchValue:S,updateDebouncedSearchValue:f,pivot:w,updatePivot:P}},a.createElement(m,{container:!0,spacing:0},a.createElement(m,{item:!0,xs:12,className:c.noPadding},a.createElement(I,{unfilteredFacets:v,kind:r?.kind,type:r?.type,onChange:O,setError:y,isLoading:b,isFixedGroup:e})),a.createElement(m,{item:!0,xs:12,className:c.tableContainer},b?a.createElement("div",{className:c.tableLoading},a.createElement(R,{size:80})):a.createElement(j,{facets:v,kind:r?.kind,type:r?.type,setError:x,hasError:V,ownerEntityRef:g,isFixedGroup:e}))))};export{Y as OverviewPageContent,k as OverviewPageContext};
+import{jsx as r,jsxs as L}from"react/jsx-runtime";import{makeStyles as G,Grid as m}from"@material-ui/core";import{createContext as D,useState as t,useEffect as $,useCallback as j}from"react";import{useSearchParams as H}from"react-router-dom";import N from"react-use/lib/useDebounce";import{useFacetsForOwner as B}from"../../hooks/facets/useFacetsForOwner.esm.js";import{LoadingIndicator as R}from"../LoadingIndicator/LoadingIndicator.esm.js";import{OverviewTable as z}from"../OverviewTable/OverviewTable.esm.js";import{RowHeights as A}from"../OverviewTable/resultsTableUtils.esm.js";import"../SoundcheckHeader/SoundcheckHeader.esm.js";import"../SoundcheckHeader/SoundcheckHeaderContext.esm.js";import{useSetHeaderDefault as I}from"../SoundcheckHeader/useHeader.esm.js";import{OverviewPageHeader as T}from"./OverviewPageHeader.esm.js";const Z=G(e=>({tableContainer:{padding:0,backgroundColor:"transparent",paddingBottom:A.paginationControl},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"}})),b=D({searchValue:"",updateSearchValue:e=>{},debouncedSearchValue:"",updateDebouncedSearchValue:e=>{},pivot:!1,updatePivot:e=>{}}),q=({isFixedGroup:e=!1})=>{const[a,l]=H(),{group:g,kind:n,type:d}=Object.fromEntries(a.entries());I();const[i,u]=t(void 0),[k,x]=t(void 0),[y,C]=t(),[p,S]=t(""),[w,f]=t(""),[P,V]=t(!1);N(()=>{f(p)},800,[p]),$(()=>{(i?.kind!==n||i?.type!==d)&&u({kind:n,type:d})},[n,d,i]);const{data:h,isLoading:v}=B(g),E=k||y,O=j((o,c,F)=>{o&&(u({kind:o,type:c}),c?(a.set("kind",o),a.set("type",c)):(a.delete("type"),a.set("kind",o)),l(a,{replace:F}))},[a,l]),s=Z();return r(b.Provider,{value:{searchValue:p,updateSearchValue:S,debouncedSearchValue:w,updateDebouncedSearchValue:f,pivot:P,updatePivot:V},children:L(m,{container:!0,spacing:0,children:[r(m,{item:!0,xs:12,className:s.noPadding,children:r(T,{unfilteredFacets:h,kind:i?.kind,type:i?.type,onChange:O,setError:C,isLoading:v,isFixedGroup:e})}),r(m,{item:!0,xs:12,className:s.tableContainer,children:v?r("div",{className:s.tableLoading,children:r(R,{size:80})}):r(z,{facets:h,kind:i?.kind,type:i?.type,setError:x,hasError:E,ownerEntityRef:g,isFixedGroup:e})})]})})};export{q as OverviewPageContent,b as OverviewPageContext};
 //# sourceMappingURL=OverviewPageContent.esm.js.map

package/dist/components/OverviewPage/OverviewPageHeader.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as T,Typography as m,TextField as h,CircularProgress as F,Switch as L}from"@material-ui/core";import i from"@material-ui/core/Box";import W from"@material-ui/icons/Search";import{Autocomplete as A}from"@material-ui/lab";import t,{useContext as B,useEffect as v}from"react";import G from"react-use/lib/useLocalStorage";import{GroupSelector as K}from"../GroupSelector/GroupSelector.esm.js";import{OverviewPageContext as O}from"./OverviewPageContent.esm.js";const H=T(a=>({wrapper:{background:a.palette.background.default,paddingTop:a.spacing(0),paddingBottom:a.spacing(2),paddingRight:a.spacing(3),display:"flex",gap:a.spacing(3)},switchLabel:{marginLeft:a.spacing(1.5)}})),R=({setError:a,unfilteredFacets:E,kind:l,type:o,onChange:d,isLoading:x,isFixedGroup:b})=>{const k=H(),r={types:E?.types.filter(({count:e})=>e>0)??[]},[u,C]=G("soundcheck-overview-pivot-status",!1),{searchValue:P,updateSearchValue:S,pivot:p,updatePivot:g}=B(O);v(()=>{u!==p&&g(!!u)},[]),v(()=>{const e=r?.types&&r.types.length>=0,n=!l&&e,c=l&&e&&!r?.types.find(({kind:s,type:f})=>l===s&&(!o&&!f||o===f));(n||c)&&d(r?.types[0]?.kind??"",r?.types[0]?.type,!0)},[l,o,r?.types,d]);const y=r?.types.map(({kind:e,type:n,count:c})=>{const s=`${e}|${n??""}`;return{facetKind:e,facetType:n,key:s,label:`${n??e} (${c>50?"50+":c})`,id:s}}).sort((e,n)=>e.key.localeCompare(n.key))??[],w=y.find(e=>e.key===`${l}|${o??""}`)??null,I=r&&(r.types?.length??0)>0;return t.createElement(i,{className:k.wrapper},!b&&t.createElement(i,{flex:1,maxWidth:364},t.createElement(m,{variant:"subtitle2",component:"div"},"Group"),t.createElement(K,{baseClass:!0,margin:"dense",setError:a})),I&&t.createElement(t.Fragment,null,t.createElement(i,{flex:1,maxWidth:500},t.createElement(m,{variant:"subtitle2",component:"div"},"Entity Type"),t.createElement(A,{"aria-label":"Entity Type Selection",disableClearable:!0,options:y??[],freeSolo:!1,groupBy:e=>e.facetKind,getOptionLabel:e=>e.label,value:w,onChange:(e,n)=>d(n.facetKind,n.facetType,!0),renderInput:e=>t.createElement(h,{...e,variant:"outlined",placeholder:"Select entity type",margin:"dense",fullWidth:!0,InputProps:{...e.InputProps,endAdornment:t.createElement(t.Fragment,null,x?t.createElement(F,{color:"inherit",size:20}):null,e.InputProps.endAdornment)}})})),t.createElement(i,{maxWidth:580,flex:1},t.createElement(m,{variant:"subtitle2",component:"div"},"Search Entities"),t.createElement(h,{margin:"dense",placeholder:"Search entities",variant:"outlined",fullWidth:!0,value:P,onChange:e=>S(e.currentTarget.value),InputProps:{startAdornment:t.createElement(i,{marginRight:.75,display:"flex",alignItems:"center"},t.createElement(W,{color:"inherit"}))}})),t.createElement(i,{display:"flex",flexDirection:"column"},t.createElement(m,{style:{marginLeft:10},variant:"subtitle2",component:"div"},"Pivot"),t.createElement(i,{flex:1,display:"flex",alignItems:"center"},t.createElement(L,{checked:p,onChange:()=>{C(!p),g(!p)},inputProps:{"aria-label":"pivot overview table"}})))))};export{R as OverviewPageHeader};
+import{jsxs as a,jsx as t,Fragment as v}from"react/jsx-runtime";import{makeStyles as A,Typography as m,TextField as x,CircularProgress as L,Switch as W}from"@material-ui/core";import o from"@material-ui/core/Box";import F from"@material-ui/icons/Search";import{Autocomplete as B}from"@material-ui/lab";import{useContext as G,useEffect as b}from"react";import K from"react-use/lib/useLocalStorage";import{GroupSelector as O}from"../GroupSelector/GroupSelector.esm.js";import{OverviewPageContext as j}from"./OverviewPageContent.esm.js";const N=A(r=>({wrapper:{background:r.palette.background.default,paddingTop:r.spacing(0),paddingBottom:r.spacing(2),paddingRight:r.spacing(3),display:"flex",gap:r.spacing(3)},switchLabel:{marginLeft:r.spacing(1.5)}})),R=({setError:r,unfilteredFacets:k,kind:l,type:p,onChange:u,isLoading:C,isFixedGroup:P})=>{const w=N(),n={types:k?.types.filter(({count:e})=>e>0)??[]},[h,S]=K("soundcheck-overview-pivot-status",!1),{searchValue:T,updateSearchValue:I,pivot:s,updatePivot:f}=G(j);b(()=>{h!==s&&f(!!h)},[]),b(()=>{const e=n?.types&&n.types.length>=0,i=!l&&e,d=l&&e&&!n?.types.find(({kind:c,type:g})=>l===c&&(!p&&!g||p===g));(i||d)&&u(n?.types[0]?.kind??"",n?.types[0]?.type,!0)},[l,p,n?.types,u]);const y=n?.types.map(({kind:e,type:i,count:d})=>{const c=`${e}|${i??""}`;return{facetKind:e,facetType:i,key:c,label:`${i??e} (${d>50?"50+":d})`,id:c}}).sort((e,i)=>e.key.localeCompare(i.key))??[],E=y.find(e=>e.key===`${l}|${p??""}`)??null,$=n&&(n.types?.length??0)>0;return a(o,{className:w.wrapper,children:[!P&&a(o,{flex:1,maxWidth:364,children:[t(m,{variant:"subtitle2",component:"div",children:"Group"}),t(O,{baseClass:!0,margin:"dense",setError:r})]}),$&&a(v,{children:[a(o,{flex:1,maxWidth:500,children:[t(m,{variant:"subtitle2",component:"div",children:"Entity Type"}),t(B,{"aria-label":"Entity Type Selection",disableClearable:!0,options:y??[],freeSolo:!1,groupBy:e=>e.facetKind,getOptionLabel:e=>e.label,value:E,onChange:(e,i)=>u(i.facetKind,i.facetType,!0),renderInput:e=>t(x,{...e,variant:"outlined",placeholder:"Select entity type",margin:"dense",fullWidth:!0,InputProps:{...e.InputProps,endAdornment:a(v,{children:[C?t(L,{color:"inherit",size:20}):null,e.InputProps.endAdornment]})}})})]}),a(o,{maxWidth:580,flex:1,children:[t(m,{variant:"subtitle2",component:"div",children:"Search Entities"}),t(x,{margin:"dense",placeholder:"Search entities",variant:"outlined",fullWidth:!0,value:T,onChange:e=>I(e.currentTarget.value),InputProps:{startAdornment:t(o,{marginRight:.75,display:"flex",alignItems:"center",children:t(F,{color:"inherit"})})}})]}),a(o,{display:"flex",flexDirection:"column",children:[t(m,{style:{marginLeft:10},variant:"subtitle2",component:"div",children:"Pivot"}),t(o,{flex:1,display:"flex",alignItems:"center",children:t(W,{checked:s,onChange:()=>{S(!s),f(!s)},inputProps:{"aria-label":"pivot overview table"}})})]})]})]})};export{R as OverviewPageHeader};
 //# sourceMappingURL=OverviewPageHeader.esm.js.map

package/dist/components/OverviewTable/Cell/CheckCell.esm.js

@@ -1,2 +1,2 @@
-import{parseEntityRef as f}from"@backstage/catalog-model";import{Link as h}from"@backstage/core-components";import{makeStyles as k}from"@material-ui/core";import t,{memo as u}from"react";import{ResultState as p}from"../../../graphql/generated/index.esm.js";import{CheckIcon as v}from"../../CheckIcon/CheckIcon.esm.js";import{CheckCellTooltip as $}from"./CheckCellTooltip.esm.js";const E=k(r=>({root:{padding:0},iconWrapper:{padding:r.spacing(1.5),display:"flex",alignItems:"center",justifyContent:"center"},link:{"&:hover $iconWrapper, &:active $iconWrapper, &:focus $iconWrapper":{backgroundColor:r.palette.action.hover}},icon:{width:"17px",height:"17px"},virtualized:{borderBottom:`1px solid ${r.palette.divider}`,borderRight:`1px solid ${r.palette.divider}`}})),N=u(({trackId:r,check:a,entityRef:o,result:i,entityRoute:d,isVirtualized:c})=>{const e=E();if(typeof o!="string"){const m=t.createElement("div",{className:e.iconWrapper},t.createElement("div",{className:e.icon}));return c?t.createElement("div",{className:`${e.root} ${e.virtualized}`,"aria-hidden":!0},m):t.createElement("td",{className:e.root,"aria-hidden":!0},m)}const n=t.createElement(v,{className:e.icon,result:i??p.NotReported}),l=t.createElement("div",{className:e.iconWrapper},n),s=i&&i===p.NotApplicable?l:t.createElement(h,{className:e.link,to:`${d(f(o))}/soundcheck/tracks/${r}/checks/${a.id}`},l);return c?t.createElement("div",{className:`${e.root} ${e.virtualized}`},t.createElement($,{check:a,icon:n,entityRef:o},s)):t.createElement("td",{className:`${e.root}`},s)});export{N as CheckCell};
+import{jsx as i}from"react/jsx-runtime";import{parseEntityRef as h}from"@backstage/catalog-model";import{Link as f}from"@backstage/core-components";import{makeStyles as k}from"@material-ui/core";import{memo as u}from"react";import{ResultState as p}from"../../../graphql/generated/index.esm.js";import{CheckIcon as v}from"../../CheckIcon/CheckIcon.esm.js";import{CheckCellTooltip as $}from"./CheckCellTooltip.esm.js";const N=k(r=>({root:{padding:0},iconWrapper:{padding:r.spacing(1.5),display:"flex",alignItems:"center",justifyContent:"center"},link:{"&:hover $iconWrapper, &:active $iconWrapper, &:focus $iconWrapper":{backgroundColor:r.palette.action.hover}},icon:{width:"17px",height:"17px"},virtualized:{borderBottom:`1px solid ${r.palette.divider}`,borderRight:`1px solid ${r.palette.divider}`}})),g=u(({trackId:r,check:c,entityRef:o,result:t,entityRoute:m,isVirtualized:a})=>{const e=N();if(typeof o!="string"){const s=i("div",{className:e.iconWrapper,children:i("div",{className:e.icon})});return a?i("div",{className:`${e.root} ${e.virtualized}`,"aria-hidden":!0,children:s}):i("td",{className:e.root,"aria-hidden":!0,children:s})}const n=i(v,{className:e.icon,result:t??p.NotReported}),l=i("div",{className:e.iconWrapper,children:n}),d=t&&t===p.NotApplicable?l:i(f,{className:e.link,to:`${m(h(o))}/soundcheck/tracks/${r}/checks/${c.id}`,children:l});return a?i("div",{className:`${e.root} ${e.virtualized}`,children:i($,{check:c,icon:n,entityRef:o,children:d})}):i("td",{className:`${e.root}`,children:d})});export{g as CheckCell};
 //# sourceMappingURL=CheckCell.esm.js.map

package/dist/components/OverviewTable/Cell/CheckCellTooltip.esm.js

@@ -1,2 +1,2 @@
-import{parseEntityRef as p}from"@backstage/catalog-model";import{MarkdownContent as s}from"@backstage/core-components";import{humanizeEntityRef as f}from"@backstage/plugin-catalog-react";import{makeStyles as d,Grid as o,Typography as m}from"@material-ui/core";import e from"react";import{StyledTooltip as y}from"../../StyledTooltip/StyledTooltip.esm.js";const l=d(t=>({headerWrapper:{marginTop:t.spacing(.5)},entityRefName:{fontWeight:"bold"},iconWrapper:{padding:t.spacing(1,.5),display:"flex",alignItems:"center",justifyContent:"center"}})),h=({check:{name:t,description:n},icon:r,entityRef:a})=>{const i=l(),c=p(a);return e.createElement(o,null,e.createElement(o,{container:!0,direction:"row",spacing:1,wrap:"nowrap"},e.createElement("div",{className:i.iconWrapper},r),e.createElement(m,{variant:"h6",className:i.headerWrapper,noWrap:!0},t)),e.createElement(o,{item:!0},e.createElement(m,{variant:"subtitle2",className:i.entityRefName},f(c,{defaultKind:c.kind}))),e.createElement(s,{content:n}))},E=({children:t,check:n,icon:r,entityRef:a})=>e.createElement(y,{arrow:!0,title:e.createElement(h,{check:n,icon:r,entityRef:a}),enterDelay:150,placement:"top"},t);export{E as CheckCellTooltip,l as useStyles};
+import{jsx as e,jsxs as p}from"react/jsx-runtime";import{parseEntityRef as s}from"@backstage/catalog-model";import{humanizeEntityRef as d}from"@backstage/plugin-catalog-react";import{makeStyles as h,Grid as c,Typography as m}from"@material-ui/core";import{SoundcheckMarkdownContent as f}from"../../SoundcheckMarkdownContent/SoundcheckMarkdownContent.esm.js";import"@backstage/core-components";import"react";import"react-markdown";import"rehype-raw";import"remark-gfm";import{StyledTooltip as y}from"../../StyledTooltip/StyledTooltip.esm.js";const l=h(t=>({headerWrapper:{marginTop:t.spacing(.5)},entityRefName:{fontWeight:"bold"},iconWrapper:{padding:t.spacing(1,.5),display:"flex",alignItems:"center",justifyContent:"center"}})),g=({check:{name:t,description:i},icon:r,entityRef:n})=>{const o=l(),a=s(n);return p(c,{children:[p(c,{container:!0,direction:"row",spacing:1,wrap:"nowrap",children:[e("div",{className:o.iconWrapper,children:r}),e(m,{variant:"h6",className:o.headerWrapper,noWrap:!0,children:t})]}),e(c,{item:!0,children:e(m,{variant:"subtitle2",className:o.entityRefName,children:d(a,{defaultKind:a.kind})})}),e(f,{content:i})]})},k=({children:t,check:i,icon:r,entityRef:n})=>e(y,{arrow:!0,title:e(g,{check:i,icon:r,entityRef:n}),enterDelay:150,placement:"top",children:t});export{k as CheckCellTooltip,l as useStyles};
 //# sourceMappingURL=CheckCellTooltip.esm.js.map

package/dist/components/OverviewTable/Cell/CheckLabelCell.esm.js

@@ -1,2 +1,2 @@
-import{MarkdownContent as i}from"@backstage/core-components";import{makeStyles as m,Typography as p}from"@material-ui/core";import l from"react";import{StyledTooltip as s}from"../../StyledTooltip/StyledTooltip.esm.js";import{CellWidths as k}from"../resultsTableUtils.esm.js";const d=m(e=>({cellWrapper:{display:"flex",alignItems:"flex-end",height:"100%"},cellText:{textOrientation:"mixed",transform:`translateX(${k.checkResult*.4}px) rotate(-55deg)`,transformOrigin:"center left",wordBreak:"keep-all",fontWeight:"bold","&:hover":{cursor:"default"}},cellLink:{overflow:"hidden",textOverflow:"ellipsis",width:"125px",display:"inline-block"},trackCell:{fontSize:e.typography.subtitle1.fontSize},levelCell:{fontSize:e.typography.subtitle2.fontSize},checkCell:{fontWeight:"normal"}}));var n=(e=>(e.track="track",e.level="level",e.check="check",e))(n||{});const f=({label:e,description:r,cellType:a})=>{const t=d(),c={track:t.trackCell,level:t.levelCell,check:t.checkCell},o=e?l.createElement(s,{title:l.createElement(l.Fragment,null,l.createElement(p,{variant:"subtitle1",component:"div"},e),r&&l.createElement(i,{content:r})),arrow:!0,placement:"left-end"},l.createElement("div",{className:`${t.cellLink} ${a?c[a]:""}`},e)):l.createElement(l.Fragment,null);return l.createElement("div",{className:t.cellWrapper},l.createElement("div",{className:t.cellText},o))};export{f as CheckLabelCell,n as CheckLabelCellType};
+import{jsx as l,jsxs as p,Fragment as o}from"react/jsx-runtime";import{makeStyles as s,Typography as d}from"@material-ui/core";import{SoundcheckMarkdownContent as h}from"../../SoundcheckMarkdownContent/SoundcheckMarkdownContent.esm.js";import"@backstage/core-components";import"react";import"react-markdown";import"rehype-raw";import"remark-gfm";import{StyledTooltip as m}from"../../StyledTooltip/StyledTooltip.esm.js";import{CellWidths as k}from"../resultsTableUtils.esm.js";const f=s(e=>({cellWrapper:{display:"flex",alignItems:"flex-end",height:"100%"},cellText:{textOrientation:"mixed",transform:`translateX(${k.checkResult*.4}px) rotate(-55deg)`,transformOrigin:"center left",wordBreak:"keep-all",fontWeight:"bold","&:hover":{cursor:"default"}},cellLink:{overflow:"hidden",textOverflow:"ellipsis",width:"125px",display:"inline-block"},trackCell:{fontSize:e.typography.subtitle1.fontSize},levelCell:{fontSize:e.typography.subtitle2.fontSize},checkCell:{fontWeight:"normal"}}));var c=(e=>(e.track="track",e.level="level",e.check="check",e))(c||{});const v=({label:e,description:r,cellType:i})=>{const t=f(),n={track:t.trackCell,level:t.levelCell,check:t.checkCell},a=e?l(m,{title:p(o,{children:[l(d,{variant:"subtitle1",component:"div",children:e}),r&&l(h,{content:r})]}),arrow:!0,placement:"left-end",children:l("div",{className:`${t.cellLink} ${i?n[i]:""}`,children:e})}):l(o,{});return l("div",{className:t.cellWrapper,children:l("div",{className:t.cellText,children:a})})};export{v as CheckLabelCell,c as CheckLabelCellType};
 //# sourceMappingURL=CheckLabelCell.esm.js.map

package/dist/components/OverviewTable/Cell/CheckNameCell.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as o,Typography as i}from"@material-ui/core";import a from"react";import{RowHeights as c}from"../resultsTableUtils.esm.js";import{TrackCheckIndicator as l}from"./TrackCheckIndicator.esm.js";const n=o(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:`${c.check}px`,lineHeight:`${c.check}px`,borderBottom:`1px solid ${e.palette.divider}`,borderRight:`1px solid ${e.palette.divider}`}})),p=({name:e,progress:r})=>{const t=n();return a.createElement("div",{className:t.checkNameCell,"aria-label":`${e} check`},a.createElement("div",{className:`${t.checkNameContent} ${t.checkNameCellVirtualized}`},a.createElement(i,{variant:"subtitle2",component:"p",className:t.checkNameTypography},e),a.createElement(l,{className:t.checkIndicator,progress:r})))};export{p as CheckNameCell};
+import{jsx as c,jsxs as o}from"react/jsx-runtime";import{makeStyles as r,Typography as l}from"@material-ui/core";import{RowHeights as t}from"../resultsTableUtils.esm.js";import{TrackCheckIndicator as p}from"./TrackCheckIndicator.esm.js";const s=r(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:`${t.check}px`,lineHeight:`${t.check}px`,borderBottom:`1px solid ${e.palette.divider}`,borderRight:`1px solid ${e.palette.divider}`}})),n=({name:e,progress:i})=>{const a=s();return c("div",{className:a.checkNameCell,"aria-label":`${e} check`,children:o("div",{className:`${a.checkNameContent} ${a.checkNameCellVirtualized}`,children:[c(l,{variant:"subtitle2",component:"p",className:a.checkNameTypography,children:e}),c(p,{className:a.checkIndicator,progress:i})]})})};export{n as CheckNameCell};
 //# sourceMappingURL=CheckNameCell.esm.js.map

package/dist/components/OverviewTable/Cell/EntityRefCell.esm.js

@@ -1,2 +1,2 @@
-import{parseEntityRef as p}from"@backstage/catalog-model";import{Link as m}from"@backstage/core-components";import{useRouteRef as k}from"@backstage/core-plugin-api";import{entityRouteRef as h,humanizeEntityRef as r}from"@backstage/plugin-catalog-react";import{makeStyles as x,Box as n}from"@material-ui/core";import t from"react";import{useEntityByRef as y}from"../../../hooks/catalog/useEntityByRef.esm.js";import{StyledTooltip as d}from"../../StyledTooltip/StyledTooltip.esm.js";import{CellWidths as f,RowHeights as E}from"../resultsTableUtils.esm.js";const u=x(a=>({cellWrapper:{display:"flex",alignItems:"flex-end",height:"100%"},cellText:{textOrientation:"mixed",transform:`translateX(${f.checkResult*.4}px) rotate(-55deg)`,transformOrigin:"center left",wordBreak:"keep-all",fontWeight:"bold"},cellLink:{overflow:"hidden",textOverflow:"ellipsis",width:"125px",display:"inline-block"},cellNotTransformed:{display:"flex",alignItems:"center",border:`1px solid ${a.palette.divider}`,borderTop:"none"}})),g=({entityRef:a,noTransform:c})=>{const{data:l}=y(a),o=k(h),i=u(),e=a?p(a):void 0,s=e?t.createElement(d,{title:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind}),arrow:!0,placement:"left-end"},t.createElement(m,{className:i.cellLink,"aria-label":`entity link to ${e.name}`,to:o(e)},l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind}))):t.createElement(t.Fragment,null);return c&&e?t.createElement(n,{className:i.cellNotTransformed,height:E.check},t.createElement(n,{paddingLeft:2},t.createElement(d,{title:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind}),arrow:!0,placement:"top-start"},t.createElement(n,{textOverflow:"ellipsis",width:f.trackTitle-50,overflow:"hidden"},t.createElement(m,{"aria-label":`entity link to ${e.name}`,to:o(e)},l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind})))))):t.createElement("div",{className:i.cellWrapper},t.createElement("div",{className:i.cellText},s))};export{g as EntityRefCell};
+import{jsx as t,Fragment as p}from"react/jsx-runtime";import{parseEntityRef as h}from"@backstage/catalog-model";import{Link as d}from"@backstage/core-components";import{useRouteRef as k}from"@backstage/core-plugin-api";import{entityRouteRef as x,humanizeEntityRef as r}from"@backstage/plugin-catalog-react";import{makeStyles as y,Box as n}from"@material-ui/core";import{useEntityByRef as R}from"../../../hooks/catalog/useEntityByRef.esm.js";import{StyledTooltip as m}from"../../StyledTooltip/StyledTooltip.esm.js";import{CellWidths as f,RowHeights as u}from"../resultsTableUtils.esm.js";const g=y(i=>({cellWrapper:{display:"flex",alignItems:"flex-end",height:"100%"},cellText:{textOrientation:"mixed",transform:`translateX(${f.checkResult*.4}px) rotate(-55deg)`,transformOrigin:"center left",wordBreak:"keep-all",fontWeight:"bold"},cellLink:{overflow:"hidden",textOverflow:"ellipsis",width:"125px",display:"inline-block"},cellNotTransformed:{display:"flex",alignItems:"center",border:`1px solid ${i.palette.divider}`,borderTop:"none"}})),w=({entityRef:i,noTransform:s})=>{const{data:l}=R(i),o=k(x),a=g(),e=i?h(i):void 0,c=e?t(m,{title:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind}),arrow:!0,placement:"left-end",children:t(d,{className:a.cellLink,"aria-label":`entity link to ${e.name}`,to:o(e),children:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind})})}):t(p,{});return s&&e?t(n,{className:a.cellNotTransformed,height:u.check,children:t(n,{paddingLeft:2,children:t(m,{title:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind}),arrow:!0,placement:"top-start",children:t(n,{textOverflow:"ellipsis",width:f.trackTitle-50,overflow:"hidden",children:t(d,{"aria-label":`entity link to ${e.name}`,to:o(e),children:l?.metadata.title?l.metadata.title:r(e,{defaultKind:e.kind})})})})})}):t("div",{className:a.cellWrapper,children:t("div",{className:a.cellText,children:c})})};export{w as EntityRefCell};
 //# sourceMappingURL=EntityRefCell.esm.js.map

package/dist/components/OverviewTable/Cell/TrackBadgeCell.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as i}from"@material-ui/core";import t from"react";import{LevelBadge as d}from"../../Badges/LevelBadge.esm.js";import{NoLevelBadge as c}from"../../Badges/NoLevelBadge.esm.js";import{CampaignBadge as p}from"../../Badges/CampaignBadge.esm.js";import{RowHeights as r}from"../resultsTableUtils.esm.js";const s=i(e=>({badgeCell:{borderRight:`1px solid ${e.palette.divider}`,height:`${r.trackTitle}px`,display:"flex",justifyContent:"center",alignItems:"center"},small:{height:`${r.check}px`,borderBottom:`1px solid ${e.palette.divider}`}})),n=({trackStatus:e,trackType:o,small:m})=>{const a=s();if(!e)return t.createElement("div",{className:a.badgeCell},"\xA0");let l=e.badge?t.createElement(d,{badge:e.badge}):t.createElement(c,{showTooltip:!0});return o==="campaign"&&(l=t.createElement(p,null)),t.createElement("div",{className:`${a.badgeCell} ${m?a.small:""}`},l)};export{n as TrackBadgeCell};
+import{jsx as t}from"react/jsx-runtime";import{makeStyles as d}from"@material-ui/core";import{LevelBadge as m}from"../../Badges/LevelBadge.esm.js";import{NoLevelBadge as s}from"../../Badges/NoLevelBadge.esm.js";import{CampaignBadge as p}from"../../Badges/CampaignBadge.esm.js";import{RowHeights as r}from"../resultsTableUtils.esm.js";const g=d(e=>({badgeCell:{borderRight:`1px solid ${e.palette.divider}`,height:`${r.trackTitle}px`,display:"flex",justifyContent:"center",alignItems:"center"},small:{height:`${r.check}px`,borderBottom:`1px solid ${e.palette.divider}`}})),c=({trackStatus:e,trackType:i,small:o})=>{const l=g();if(!e)return t("div",{className:l.badgeCell,children:"\xA0"});let a=e.badge?t(m,{badge:e.badge}):t(s,{showTooltip:!0});return i==="campaign"&&(a=t(p,{})),t("div",{className:`${l.badgeCell} ${o?l.small:""}`,children:a})};export{c as TrackBadgeCell};
 //# sourceMappingURL=TrackBadgeCell.esm.js.map

package/dist/components/OverviewTable/Cell/TrackCheckIndicator.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as p,Tooltip as l,LinearProgress as m}from"@material-ui/core";import s,{useMemo as u}from"react";import{ResultState as a}from"../../../graphql/generated/index.esm.js";const g=p(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"}})),d=e=>{const t=g(e),r=u(()=>Object.entries(e.progress).reduce((i,[,c])=>i+c,0),[e.progress]);if(r===0)return null;const o=e.progress[a.Passed]??0,n=Math.round(o/r*100);return s.createElement(l,{arrow:!0,title:`Check passing at ${n}%, ${o} of ${r} ${r===1?"entity":"entities"} passing.`,enterDelay:0,placement:"top"},s.createElement(m,{variant:"determinate",value:(e.progress[a.Passed]??0)/r*100,classes:{root:t.root,bar:t.bar}}))};export{d as TrackCheckIndicator};
+import{jsx as s}from"react/jsx-runtime";import{makeStyles as p,Tooltip as l,LinearProgress as m}from"@material-ui/core";import{useMemo as u}from"react";import{ResultState as a}from"../../../graphql/generated/index.esm.js";const d=p(r=>({root:{height:"8px",minWidth:"64px",marginLeft:r.spacing(2),borderRadius:"100vh",backgroundColor:r.palette.action.hover},bar:{backgroundColor:r.palette.success.main,transition:"none"}})),g=r=>{const e=d(r),t=u(()=>Object.entries(r.progress).reduce((i,[,c])=>i+c,0),[r.progress]);if(t===0)return null;const o=r.progress[a.Passed]??0,n=Math.round(o/t*100);return s(l,{arrow:!0,title:`Check passing at ${n}%, ${o} of ${t} ${t===1?"entity":"entities"} passing.`,enterDelay:0,placement:"top",children:s(m,{variant:"determinate",value:(r.progress[a.Passed]??0)/t*100,classes:{root:e.root,bar:e.bar}})})};export{g as TrackCheckIndicator};
 //# sourceMappingURL=TrackCheckIndicator.esm.js.map

package/dist/components/OverviewTable/Cell/TrackLevelHeaderCell.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as a,Typography as i}from"@material-ui/core";import t from"react";import{RowHeights as r}from"../resultsTableUtils.esm.js";const o=a(e=>{const l=e.palette.action.hover;return{root:{color:e.palette.text.primary,backgroundColor:l},levelTypography:{overflow:"hidden",textOverflow:"ellipsis"},levelHeaderCell:{padding:`${e.spacing(.5)}px ${e.spacing(2)}px`,borderRight:`1px solid ${e.palette.divider}`,height:`${r.levelTitle}px`},pivot:{height:r.check}}}),p=({name:e})=>{const l=o();return t.createElement("div",{className:`${l.levelHeaderCell} ${l.root}`,"aria-label":`${e}`},t.createElement(i,{variant:"subtitle2",component:"p",className:l.levelTypography},e))},c=({pivot:e})=>{const l=o();return t.createElement("div",{className:`${l.levelHeaderCell} ${l.root} ${e?l.pivot:""}`},"\xA0")};export{p as TrackLevelHeaderCell,c as TrackLevelHeaderFill};
+import{jsx as r}from"react/jsx-runtime";import{makeStyles as a,Typography as i}from"@material-ui/core";import{RowHeights as t}from"../resultsTableUtils.esm.js";const o=a(e=>{const l=e.palette.action.hover;return{root:{color:e.palette.text.primary,backgroundColor:l},levelTypography:{overflow:"hidden",textOverflow:"ellipsis"},levelHeaderCell:{padding:`${e.spacing(.5)}px ${e.spacing(2)}px`,borderRight:`1px solid ${e.palette.divider}`,height:`${t.levelTitle}px`},pivot:{height:t.check}}}),p=({name:e})=>{const l=o();return r("div",{className:`${l.levelHeaderCell} ${l.root}`,"aria-label":`${e}`,children:r(i,{variant:"subtitle2",component:"p",className:l.levelTypography,children:e})})},c=({pivot:e})=>{const l=o();return r("div",{className:`${l.levelHeaderCell} ${l.root} ${e?l.pivot:""}`,children:"\xA0"})};export{p as TrackLevelHeaderCell,c as TrackLevelHeaderFill};
 //# sourceMappingURL=TrackLevelHeaderCell.esm.js.map

package/dist/components/OverviewTable/Cell/TrackTitleCell.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as r,Typography as o}from"@material-ui/core";import a,{memo as l}from"react";const n=r(e=>({trackNameCell:{padding:0,position:"sticky",backgroundColor:e.palette.background.paper,borderRight:`1px solid ${e.palette.divider}`},trackNameContent:{padding:e.spacing(2)},trackNameTypography:{overflow:"hidden",textOverflow:"ellipsis"}})),c=l(({name:e})=>{const t=n();return a.createElement("div",{className:t.trackNameCell},a.createElement("div",{className:t.trackNameContent},a.createElement(o,{className:t.trackNameTypography,variant:"h5",component:"p"},e)))});export{c as TrackTitleCell};
+import{jsx as r}from"react/jsx-runtime";import{makeStyles as t,Typography as o}from"@material-ui/core";import{memo as i}from"react";const l=t(e=>({trackNameCell:{padding:0,position:"sticky",backgroundColor:e.palette.background.paper,borderRight:`1px solid ${e.palette.divider}`},trackNameContent:{padding:e.spacing(2)},trackNameTypography:{overflow:"hidden",textOverflow:"ellipsis"}})),n=i(({name:e})=>{const a=l();return r("div",{className:a.trackNameCell,children:r("div",{className:a.trackNameContent,children:r(o,{className:a.trackNameTypography,variant:"h5",component:"p",children:e})})})});export{n as TrackTitleCell};
 //# sourceMappingURL=TrackTitleCell.esm.js.map

package/dist/components/OverviewTable/Cell/cellRenderer.esm.js

@@ -1,2 +1,2 @@
-import r from"react";import{CheckCell as a}from"./CheckCell.esm.js";import{CheckNameCell as m}from"./CheckNameCell.esm.js";import{EntityRefCell as o}from"./EntityRefCell.esm.js";import{TrackBadgeCell as d}from"./TrackBadgeCell.esm.js";import{TrackLevelHeaderCell as i,TrackLevelHeaderFill as s}from"./TrackLevelHeaderCell.esm.js";import{TrackTitleCell as y}from"./TrackTitleCell.esm.js";const k=e=>({type:"TrackHeader",render:()=>r.createElement(y,{name:e})}),C=e=>({type:"LevelHeader",render:()=>e?r.createElement(i,{name:e}):r.createElement(s,null)}),p=(e,t)=>r.createElement(m,{name:e,progress:t}),f=(e,t)=>({type:"CheckTitle",render:()=>p(e,t)}),u=({trackId:e,check:t,entityRef:l,result:c,entityRoute:n})=>r.createElement(a,{check:t,entityRef:l,entityRoute:n,trackId:e,result:c,isVirtualized:!0}),E=(e,t,l,c,n)=>({type:"CheckResult",render:()=>r.createElement(u,{trackId:e,check:t,entityRef:l,result:c,entityRoute:n})}),R=(e,t)=>r.createElement(o,{entityRef:e,noTransform:t}),T=(e,t)=>({type:"EntityHeader",render:()=>R(e,t)}),h=(e,t,l)=>({type:"LevelBadge",render:()=>r.createElement(d,{small:l,trackStatus:e,trackType:t})}),H=e=>t=>{const l=e[t.rowIndex].cells[t.columnIndex];return l?r.createElement("div",{style:t.style},l.render()):r.createElement("div",{style:t.style})};export{H as cellRenderer,E as checkResultCell,f as checkTitleCell,T as entityHeaderCell,C as levelHeaderCell,h as trackBadgeCell,k as trackHeaderCell};
+import{jsx as r}from"react/jsx-runtime";import{CheckCell as a}from"./CheckCell.esm.js";import{CheckNameCell as o}from"./CheckNameCell.esm.js";import{EntityRefCell as d}from"./EntityRefCell.esm.js";import{TrackBadgeCell as i}from"./TrackBadgeCell.esm.js";import{TrackLevelHeaderCell as s,TrackLevelHeaderFill as y}from"./TrackLevelHeaderCell.esm.js";import{TrackTitleCell as k}from"./TrackTitleCell.esm.js";const m=e=>({type:"TrackHeader",render:()=>r(k,{name:e})}),C=e=>({type:"LevelHeader",render:()=>e?r(s,{name:e}):r(y,{})}),p=(e,t)=>r(o,{name:e,progress:t}),f=(e,t)=>({type:"CheckTitle",render:()=>p(e,t)}),u=({trackId:e,check:t,entityRef:l,result:c,entityRoute:n})=>r(a,{check:t,entityRef:l,entityRoute:n,trackId:e,result:c,isVirtualized:!0}),R=(e,t,l,c,n)=>({type:"CheckResult",render:()=>r(u,{trackId:e,check:t,entityRef:l,result:c,entityRoute:n})}),h=(e,t)=>r(d,{entityRef:e,noTransform:t}),T=(e,t)=>({type:"EntityHeader",render:()=>h(e,t)}),H=(e,t,l)=>({type:"LevelBadge",render:()=>r(i,{small:l,trackStatus:e,trackType:t})}),v=e=>t=>{const l=e[t.rowIndex].cells[t.columnIndex];return l?r("div",{style:t.style,children:l.render()}):r("div",{style:t.style})};export{v as cellRenderer,R as checkResultCell,f as checkTitleCell,T as entityHeaderCell,C as levelHeaderCell,H as trackBadgeCell,m as trackHeaderCell};
 //# sourceMappingURL=cellRenderer.esm.js.map

package/dist/components/OverviewTable/OverviewTable.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as p}from"@material-ui/core";import e from"react";import{AlertPanel as f}from"../AlertPanel/AlertPanel.esm.js";import{NoCertifications as E,NoEntities as d}from"../EmptyState/EmptyState.esm.js";import{OverviewTableContent as y}from"./OverviewTableContent.esm.js";const u=p(()=>({scrollContainer:{overflow:"auto",paddingBottom:0,width:"100%"}})),w=({facets:t,ownerEntityRef:r,hasError:o,kind:i,type:s,setError:a,isFixedGroup:l})=>{const c=u();if(o)return e.createElement(f,{severity:"error",title:o.message});const n="Use the groups drop-down list to select another group.";return t&&(t.types?.length??0)>0?t.types?.find(m=>m.count>0)?e.createElement("div",{className:c.scrollContainer},e.createElement(y,{facets:t,kind:i,type:s,setError:a,ownerEntityRef:r,hasError:o})):e.createElement(E,{ownerEntityRef:r,selectGroupHint:n}):e.createElement(d,{ownerEntityRef:r,selectGroupHint:l?void 0:n})};export{w as OverviewTable};
+import{jsx as e}from"react/jsx-runtime";import{makeStyles as f}from"@material-ui/core";import{AlertPanel as m}from"../AlertPanel/AlertPanel.esm.js";import{NoCertifications as d,NoEntities as y}from"../EmptyState/EmptyState.esm.js";import{OverviewTableContent as u}from"./OverviewTableContent.esm.js";const w=f(()=>({scrollContainer:{overflow:"auto",paddingBottom:0,width:"100%"}})),E=({facets:t,ownerEntityRef:r,hasError:o,kind:n,type:s,setError:l,isFixedGroup:a})=>{const p=w();if(o)return e(m,{severity:"error",title:o.message});const i="Use the groups drop-down list to select another group.";return t&&(t.types?.length??0)>0?t.types?.find(c=>c.count>0)?e("div",{className:p.scrollContainer,children:e(u,{facets:t,kind:n,type:s,setError:l,ownerEntityRef:r,hasError:o})}):e(d,{ownerEntityRef:r,selectGroupHint:i}):e(y,{ownerEntityRef:r,selectGroupHint:a?void 0:i})};export{E as OverviewTable};
 //# sourceMappingURL=OverviewTable.esm.js.map

package/dist/components/OverviewTable/OverviewTableContent.esm.js

@@ -1,2 +1,2 @@
-import i,{useMemo as m}from"react";import{ResultsTable as y}from"./ResultsTable.esm.js";const E=({facets:e,ownerEntityRef:t,kind:l,type:p,setError:r})=>{const a=m(()=>{const n=new Map;return e.types.forEach(({kind:o,type:s})=>{const c=`${o}|${s??""}`;n.set(c,i.createElement(y,{key:c,ownerEntityRef:t,kind:o,type:s,setError:r}))}),n},[e,t,r]);return i.createElement("div",null,a.get(`${l}|${p??""}`))};export{E as OverviewTableContent};
+import{jsx as p}from"react/jsx-runtime";import{useMemo as y}from"react";import{ResultsTable as a}from"./ResultsTable.esm.js";const d=({facets:e,ownerEntityRef:t,kind:c,type:f,setError:r})=>{const m=y(()=>{const o=new Map;return e.types.forEach(({kind:n,type:s})=>{const i=`${n}|${s??""}`;o.set(i,p(a,{ownerEntityRef:t,kind:n,type:s,setError:r},i))}),o},[e,t,r]);return p("div",{children:m.get(`${c}|${f??""}`)})};export{d as OverviewTableContent};
 //# sourceMappingURL=OverviewTableContent.esm.js.map

package/dist/components/OverviewTable/OverviewTableSkeleton.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as k}from"@material-ui/core";import{Skeleton as l}from"@material-ui/lab";import e from"react";const E=k(t=>({table:{backgroundColor:t.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap","& th, & td":{border:`1px solid ${t.palette.divider}`,borderCollapse:"collapse"},paddingBottom:t.spacing(2)},trackTitle:{padding:t.spacing(2)},checkResult:{padding:t.spacing(1.5)},title:{padding:`${t.spacing(1)}px ${t.spacing(2)}px`},header:{backgroundColor:t.palette.action.hover},entityHeader:{padding:t.spacing(1.5)}})),g=({entityCount:t=25,levelCount:d=3,checkCount:m=5})=>{const a=E(),c=new Array(t).fill(void 0),o=new Array(m).fill(void 0),p=new Array(d).fill(void 0);return e.createElement("table",{"aria-label":"table loading",className:a.table},e.createElement("tbody",null,e.createElement("tr",null,e.createElement("td",{className:a.trackTitle}),c.map((i,r)=>e.createElement("td",{className:a.entityHeader,key:r},e.createElement(l,{width:20,height:60,variant:"rect"})))),e.createElement("tr",null,e.createElement("td",{className:a.trackTitle},e.createElement(l,{width:180,height:40})),c.map((i,r)=>e.createElement("td",{className:a.checkResult,key:r},e.createElement(l,{width:20,height:20,variant:"circle"})))),p.map((i,r)=>e.createElement(e.Fragment,{key:r},e.createElement("tr",{className:a.header},e.createElement("td",{className:a.title},e.createElement(l,{width:180})),c.map((s,n)=>e.createElement("td",{key:n}))),o.map((s,n)=>e.createElement("tr",{key:n},e.createElement("td",{className:a.title},e.createElement(l,{width:240})),c.map((y,h)=>e.createElement("td",{key:h,className:a.checkResult},e.createElement(l,{width:18,height:18,variant:"rect"})))))))))};export{g as OverviewTableSkeleton};
+import{jsx as e,jsxs as i}from"react/jsx-runtime";import{makeStyles as k}from"@material-ui/core";import{Skeleton as l}from"@material-ui/lab";import{Fragment as b}from"react";const w=k(t=>({table:{backgroundColor:t.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap","& th, & td":{border:`1px solid ${t.palette.divider}`,borderCollapse:"collapse"},paddingBottom:t.spacing(2)},trackTitle:{padding:t.spacing(2)},checkResult:{padding:t.spacing(1.5)},title:{padding:`${t.spacing(1)}px ${t.spacing(2)}px`},header:{backgroundColor:t.palette.action.hover},entityHeader:{padding:t.spacing(1.5)}})),u=({entityCount:t=25,levelCount:o=3,checkCount:s=5})=>{const a=w(),d=new Array(t).fill(void 0),h=new Array(s).fill(void 0),p=new Array(o).fill(void 0);return e("table",{"aria-label":"table loading",className:a.table,children:i("tbody",{children:[i("tr",{children:[e("td",{className:a.trackTitle}),d.map((n,r)=>e("td",{className:a.entityHeader,children:e(l,{width:20,height:60,variant:"rect"})},r))]}),i("tr",{children:[e("td",{className:a.trackTitle,children:e(l,{width:180,height:40})}),d.map((n,r)=>e("td",{className:a.checkResult,children:e(l,{width:20,height:20,variant:"circle"})},r))]}),p.map((n,r)=>i(b,{children:[i("tr",{className:a.header,children:[e("td",{className:a.title,children:e(l,{width:180})}),d.map((m,c)=>e("td",{},c))]}),h.map((m,c)=>i("tr",{children:[e("td",{className:a.title,children:e(l,{width:240})}),d.map((v,g)=>e("td",{className:a.checkResult,children:e(l,{width:18,height:18,variant:"rect"})},g))]},c))]},r))]})})};export{u as OverviewTableSkeleton};
 //# sourceMappingURL=OverviewTableSkeleton.esm.js.map

package/dist/components/OverviewTable/ResultsTable.esm.js

@@ -1,2 +1,2 @@
-import{useRouteRef as j}from"@backstage/core-plugin-api";import{entityRouteRef as q}from"@backstage/plugin-catalog-react";import{makeStyles as B,Grid as D}from"@material-ui/core";import e,{useContext as I,useEffect as v,useState as J,useRef as K,useLayoutEffect as Q,useMemo as U}from"react";import{VariableSizeGrid as X}from"react-window";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import{useTrackOverviewForOwner as Y}from"../../hooks/certifications/useTrackOverviewForOwner.esm.js";import"@spotify/backstage-plugin-soundcheck-common";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{EmptyState as Z}from"../EmptyState/EmptyState.esm.js";import"../OverviewPage/OverviewPage.esm.js";import"@spotify/backstage-plugin-core";import"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContext as _}from"../OverviewPage/OverviewPageContent.esm.js";import"../Pagination/Pagination.esm.js";import{useCursorPagination as $,CursorPagination as ee}from"../Pagination/CursorPagination.esm.js";import{cellRenderer as te}from"./Cell/cellRenderer.esm.js";import{OverviewTableSkeleton as re}from"./OverviewTableSkeleton.esm.js";import{ResultsTableHeader as oe}from"./ResultsTableHeader.esm.js";import{generateRowsPivoted as ie,generateRows as ne,generateHeaderRowPivoted as ae,generateHeaderRow as le}from"./ResultsTableRow.esm.js";import{RowHeights as y,CellWidths as P,calculateTableWidth as me}from"./resultsTableUtils.esm.js";import se from"./useWindowDimensions.esm.js";const S=25,ue=B(i=>({table:{backgroundColor:i.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",textAlign:"left",overflow:"auto"},tableContainer:{backgroundColor:i.palette.background.paper}})),ce=({setError:i,kind:u,type:c,ownerEntityRef:r})=>{const{cursor:W,pageSize:R,...p}=$({defaultPageSize:S,label:"entitiesPerPage"}),{debouncedSearchValue:l,pivot:m}=I(_),{data:t,isLoading:g,isError:b}=Y(r,{kind:u,type:c},R,W,l);v(()=>{p.setCursor(""),p.setCurrentPage(0)},[l]);const k=ue(),d=j(q);v(()=>{i?.(b?new Error("Error loading track overview"):void 0)},[b,i]);const[H,x]=J(0),{height:z}=se(),n=K(null);Q(()=>{t&&r&&n?.current&&x(n.current.clientWidth?n.current.clientWidth-16:100)},[n,t,r]);const{rows:h,headerRow:f,tableWidth:w,entityRefsWithPadding:T,getRowHeight:N,columnCount:O}=U(()=>{if(g||!t||!r)return{};const{tracks:a,entityRefs:o}=t;if(!o)return{};const s=o.length>=25?o:[...o,...Array.from({length:25-o.length},()=>{})],C=m?ie(a,o,d):ne(a,s,d),E=C[0]?.cells?.length??s.length+1,G=m?ae(a):le(s),L=me(E-1)+60;return{rows:C,headerRow:G,tableWidth:L,entityRefsWithPadding:s,getRowHeight:M=>C[M]?.height??y.check,columnCount:E}},[t,d,g,r,m]);if(g)return e.createElement(re,null);if(!t||!r)return null;const{totalCount:V,endCursor:A,prevCursor:F}=t;return!f||!w||!T||!h?.length?l?e.createElement(Z,{title:"No Entities Found",description:`No entities found with name containing: '${l}'`}):null:e.createElement("div",{ref:n},e.createElement(D,{"aria-label":`Check results for ${c??u}`,key:`${u}|${c??""}`,item:!0,xs:12,className:k.tableContainer},H>0&&e.createElement(e.Fragment,null,e.createElement(oe,{headerRow:f,gridWidth:w}),e.createElement(X,{className:k.table,columnCount:O,columnWidth:a=>a===0?P.trackTitle:P.checkResult,rowCount:h.length,rowHeight:N,height:z*.7-y.paginationControl-f.height,width:w,key:m?"entityView":"checkView"},te(h)))),e.createElement(ee,{...p,totalCount:V,defaultPageSize:S,endCursor:A,prevCursor:F,pageSize:R,labelRowsPerPage:"Entities per page:"}))};export{ce as ResultsTable};
+import{jsx as o,jsxs as P,Fragment as D}from"react/jsx-runtime";import{useRouteRef as M}from"@backstage/core-plugin-api";import{entityRouteRef as q}from"@backstage/plugin-catalog-react";import{makeStyles as B,Grid as I}from"@material-ui/core";import{useContext as J,useEffect as y,useState as K,useRef as Q,useLayoutEffect as U,useMemo as X}from"react";import{VariableSizeGrid as Y}from"react-window";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import{useTrackOverviewForOwner as Z}from"../../hooks/certifications/useTrackOverviewForOwner.esm.js";import"@spotify/backstage-plugin-soundcheck-common";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{EmptyState as _}from"../EmptyState/EmptyState.esm.js";import"../OverviewPage/OverviewPage.esm.js";import"@spotify/backstage-plugin-core";import"../SoundcheckQueryClientProvider/SoundcheckQueryClientProvider.esm.js";import{OverviewPageContext as ee}from"../OverviewPage/OverviewPageContent.esm.js";import"../Pagination/Pagination.esm.js";import{useCursorPagination as te,CursorPagination as re}from"../Pagination/CursorPagination.esm.js";import{cellRenderer as oe}from"./Cell/cellRenderer.esm.js";import{OverviewTableSkeleton as ie}from"./OverviewTableSkeleton.esm.js";import{ResultsTableHeader as ne}from"./ResultsTableHeader.esm.js";import{generateRowsPivoted as ae,generateRows as le,generateHeaderRowPivoted as se,generateHeaderRow as ue}from"./ResultsTableRow.esm.js";import{RowHeights as E,CellWidths as S,calculateTableWidth as me}from"./resultsTableUtils.esm.js";import pe from"./useWindowDimensions.esm.js";const W=25,ce=B(i=>({table:{backgroundColor:i.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",textAlign:"left",overflow:"auto"},tableContainer:{backgroundColor:i.palette.background.paper}})),de=({setError:i,kind:m,type:p,ownerEntityRef:t})=>{const{cursor:x,pageSize:R,...c}=te({defaultPageSize:W,label:"entitiesPerPage"}),{debouncedSearchValue:l,pivot:s}=J(ee),{data:e,isLoading:d,isError:b}=Z(t,{kind:m,type:p},R,x,l);y(()=>{c.setCursor(""),c.setCurrentPage(0)},[l]);const k=ce(),g=M(q);y(()=>{i?.(b?new Error("Error loading track overview"):void 0)},[b,i]);const[H,z]=K(0),{height:T}=pe(),n=Q(null);U(()=>{e&&t&&n?.current&&z(n.current.clientWidth?n.current.clientWidth-16:100)},[n,e,t]);const{rows:h,headerRow:f,tableWidth:w,entityRefsWithPadding:N,getRowHeight:O,columnCount:V}=X(()=>{if(d||!e||!t)return{};const{tracks:a,entityRefs:r}=e;if(!r)return{};const u=r.length>=25?r:[...r,...Array.from({length:25-r.length},()=>{})],C=s?ae(a,r,g):le(a,u,g),v=C[0]?.cells?.length??u.length+1,G=s?se(a):ue(u),L=me(v-1)+60;return{rows:C,headerRow:G,tableWidth:L,entityRefsWithPadding:u,getRowHeight:j=>C[j]?.height??E.check,columnCount:v}},[e,g,d,t,s]);if(d)return o(ie,{});if(!e||!t)return null;const{totalCount:$,endCursor:A,prevCursor:F}=e;return!f||!w||!N||!h?.length?l?o(_,{title:"No Entities Found",description:`No entities found with name containing: '${l}'`}):null:P("div",{ref:n,children:[o(I,{"aria-label":`Check results for ${p??m}`,item:!0,xs:12,className:k.tableContainer,children:H>0&&P(D,{children:[o(ne,{headerRow:f,gridWidth:w}),o(Y,{className:k.table,columnCount:V,columnWidth:a=>a===0?S.trackTitle:S.checkResult,rowCount:h.length,rowHeight:O,height:T*.7-E.paginationControl-f.height,width:w,children:oe(h)},s?"entityView":"checkView")]})},`${m}|${p??""}`),o(re,{...c,totalCount:$,defaultPageSize:W,endCursor:A,prevCursor:F,pageSize:R,labelRowsPerPage:"Entities per page:"})]})};export{de as ResultsTable};
 //# sourceMappingURL=ResultsTable.esm.js.map

package/dist/components/OverviewTable/ResultsTableHeader.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core";import d from"react";import{CellWidths as l}from"./resultsTableUtils.esm.js";const s=o(e=>({tableHeader:{backgroundColor:e.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",border:`1px solid ${e.palette.divider}`,width:({gridWidth:t})=>t??300},headerRow:{display:"inline-block"}})),c=({headerRow:e,gridWidth:t})=>{const r=s({gridWidth:t});return d.createElement("div",{className:r.tableHeader},e.cells.map((i,a)=>d.createElement("div",{key:a,className:r.headerRow,style:{height:e.height,width:a===0?l.trackTitle:l.checkResult}},i.render())))};export{c as ResultsTableHeader};
+import{jsx as t}from"react/jsx-runtime";import{makeStyles as o}from"@material-ui/core";import{CellWidths as a}from"./resultsTableUtils.esm.js";const s=o(e=>({tableHeader:{backgroundColor:e.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",border:`1px solid ${e.palette.divider}`,width:({gridWidth:r})=>r??300},headerRow:{display:"inline-block"}})),h=({headerRow:e,gridWidth:r})=>{const d=s({gridWidth:r});return t("div",{className:d.tableHeader,children:e.cells.map((i,l)=>t("div",{className:d.headerRow,style:{height:e.height,width:l===0?a.trackTitle:a.checkResult},children:i.render()},l))})};export{h as ResultsTableHeader};
 //# sourceMappingURL=ResultsTableHeader.esm.js.map

package/dist/components/OverviewTable/ResultsTableRow.esm.js

@@ -1,2 +1,2 @@
-import u from"react";import{ResultState as y}from"../../graphql/generated/index.esm.js";import{entityHeaderCell as g,trackHeaderCell as b,trackBadgeCell as C,levelHeaderCell as R,checkTitleCell as w,checkResultCell as H}from"./Cell/cellRenderer.esm.js";import{CheckLabelCellType as v,CheckLabelCell as T}from"./Cell/CheckLabelCell.esm.js";import{TrackLevelHeaderFill as L}from"./Cell/TrackLevelHeaderCell.esm.js";import{findLongestRefTitle as M,calculateHeightForRefTitle as S,RowHeights as d}from"./resultsTableUtils.esm.js";const A=n=>{const l=M(n??[]);return{height:Math.min(S(l.length??1)-10,125),cells:[g(""),...n.map(t=>g(t||""))]}},F=(n,l,t)=>{const e=[];return n.forEach(({track:o,levels:p,trackStatuses:i})=>{e.push({height:d.trackTitle,cells:[b(o.name),...l.map(r=>{const a=r?i.find(c=>c.entityRef===r):void 0;return C(a,o.type??void 0)})]}),p.forEach(r=>{e.push({height:d.levelTitle,cells:[R(r.name),...l.map(a=>R(""))]}),r.checks.forEach(({check:a,results:c,totalCount:m,totalPassing:s})=>{const k={PASSED:s,FAILED:m-s};e.push({height:d.check,cells:[w(a.name,k),...l.map(h=>H(o.id,a,h,c.find(f=>f.entityRef===h)?.result??y.NotApplicable,t))]})})})}),e},P=n=>{const l=n.flatMap(({track:t,levels:e})=>{const o={label:t.name??t.id,description:t.description??"",cellType:v.track},p=e.flatMap(i=>{const r={label:i.name??`level ${i.ordinal}`,cellType:v.level},a=i.checks.map(({check:c})=>({label:c.name??c.id,description:c.description??"",cellType:v.check}));return[r,...a]});return[o,...p]});return{height:125,cells:[{type:"CheckHeader",render:()=>u.createElement(T,null)},...l.map(t=>({render:()=>u.createElement(T,{...t}),type:"CheckHeader"}))]}},D=(n,l,t)=>l.map(e=>{const o=g(e,!0),p=n.flatMap(({track:i,levels:r,trackStatuses:a})=>{const c=e?a.find(s=>s.entityRef===e):void 0,m=r.flatMap(s=>{const k=s.checks.map(({check:h,results:f})=>H(i.id,h,e,f.find(E=>E.entityRef===e)?.result??y.NotApplicable,t));return[{type:"Filler",render:()=>u.createElement(L,{pivot:!0})},...k]});return[C(c,i.type??void 0,!0),...m]});return[o,...p]}).map(e=>({height:d.check,cells:e}));export{A as generateHeaderRow,P as generateHeaderRowPivoted,F as generateRows,D as generateRowsPivoted};
+import{jsx as u}from"react/jsx-runtime";import{ResultState as y}from"../../graphql/generated/index.esm.js";import{entityHeaderCell as g,trackHeaderCell as w,trackBadgeCell as C,levelHeaderCell as R,checkTitleCell as E,checkResultCell as H}from"./Cell/cellRenderer.esm.js";import{CheckLabelCellType as v,CheckLabelCell as T}from"./Cell/CheckLabelCell.esm.js";import{TrackLevelHeaderFill as L}from"./Cell/TrackLevelHeaderCell.esm.js";import{findLongestRefTitle as M,calculateHeightForRefTitle as S,RowHeights as d}from"./resultsTableUtils.esm.js";const A=i=>{const l=M(i??[]);return{height:Math.min(S(l.length??1)-10,125),cells:[g(""),...i.map(t=>g(t||""))]}},F=(i,l,t)=>{const e=[];return i.forEach(({track:o,levels:p,trackStatuses:n})=>{e.push({height:d.trackTitle,cells:[w(o.name),...l.map(r=>{const a=r?n.find(c=>c.entityRef===r):void 0;return C(a,o.type??void 0)})]}),p.forEach(r=>{e.push({height:d.levelTitle,cells:[R(r.name),...l.map(a=>R(""))]}),r.checks.forEach(({check:a,results:c,totalCount:m,totalPassing:s})=>{const k={PASSED:s,FAILED:m-s};e.push({height:d.check,cells:[E(a.name,k),...l.map(h=>H(o.id,a,h,c.find(f=>f.entityRef===h)?.result??y.NotApplicable,t))]})})})}),e},P=i=>{const l=i.flatMap(({track:t,levels:e})=>{const o={label:t.name??t.id,description:t.description??"",cellType:v.track},p=e.flatMap(n=>{const r={label:n.name??`level ${n.ordinal}`,cellType:v.level},a=n.checks.map(({check:c})=>({label:c.name??c.id,description:c.description??"",cellType:v.check}));return[r,...a]});return[o,...p]});return{height:125,cells:[{type:"CheckHeader",render:()=>u(T,{})},...l.map(t=>({render:()=>u(T,{...t}),type:"CheckHeader"}))]}},x=(i,l,t)=>l.map(e=>{const o=g(e,!0),p=i.flatMap(({track:n,levels:r,trackStatuses:a})=>{const c=e?a.find(s=>s.entityRef===e):void 0,m=r.flatMap(s=>{const k=s.checks.map(({check:h,results:f})=>H(n.id,h,e,f.find(b=>b.entityRef===e)?.result??y.NotApplicable,t));return[{type:"Filler",render:()=>u(L,{pivot:!0})},...k]});return[C(c,n.type??void 0,!0),...m]});return[o,...p]}).map(e=>({height:d.check,cells:e}));export{A as generateHeaderRow,P as generateHeaderRowPivoted,F as generateRows,x as generateRowsPivoted};
 //# sourceMappingURL=ResultsTableRow.esm.js.map

package/dist/components/PageWarningMessage/PageWarningMessage.esm.js

@@ -1,2 +1,2 @@
-import{WarningPanel as i}from"@backstage/core-components";import{makeStyles as m}from"@material-ui/core";import{capitalize as l}from"lodash";import e from"react";const d=m({warningPanel:{padding:"24px 24px 0 24px"}}),c=({entityName:t,entityId:n,showNotFound:o=!1,showCannotView:r=!1,showCannotEdit:s=!1})=>{const{warningPanel:a}=d();return e.createElement(e.Fragment,null,o&&e.createElement("div",{className:a},e.createElement(i,{title:`${l(t)} not found`,message:`There is no ${t} with the requested id: ${n}.`})),r&&e.createElement("div",{className:a},e.createElement(i,{title:`Cannot view ${t}`,message:`User does not have permission to view ${t} id: ${n}.`})),s&&e.createElement("div",{className:a},e.createElement(i,{title:`Cannot edit ${t}`,message:`Cannot edit ${t} id: ${n}.`})))};export{c as PageWarningMessage};
+import{jsxs as d,Fragment as m,jsx as n}from"react/jsx-runtime";import{WarningPanel as a}from"@backstage/core-components";import{makeStyles as l}from"@material-ui/core";import{capitalize as c}from"lodash";const g=l({warningPanel:{padding:"24px 24px 0 24px"}}),h=({entityName:e,entityId:t,showNotFound:s=!1,showCannotView:o=!1,showCannotEdit:r=!1})=>{const{warningPanel:i}=g();return d(m,{children:[s&&n("div",{className:i,children:n(a,{title:`${c(e)} not found`,message:`There is no ${e} with the requested id: ${t}.`})}),o&&n("div",{className:i,children:n(a,{title:`Cannot view ${e}`,message:`User does not have permission to view ${e} id: ${t}.`})}),r&&n("div",{className:i,children:n(a,{title:`Cannot edit ${e}`,message:`Cannot edit ${e} id: ${t}.`})})]})};export{h as PageWarningMessage};
 //# sourceMappingURL=PageWarningMessage.esm.js.map

package/dist/components/Pagination/CursorPagination.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as f,TablePagination as h}from"@material-ui/core";import S,{useState as d,useCallback as c}from"react";import{useSearchParams as v}from"react-router-dom";const k=f(a=>({pagination:{width:"-webkit-fill-available",display:"flex",justifyContent:"center",position:"fixed",bottom:"0",left:"0",backgroundColor:a.palette.background.paper,borderTop:`1px solid ${a.palette.divider}`,zIndex:1e3}})),x=({defaultPageSize:a,label:r})=>{const[t,o]=d(),[e,n]=v(),s=e.get(r),g=s?parseInt(s,10):a,[l,i]=d(0),P=c(u=>{e.set("entitiesPerPage",u.target.value??a),n(e,{replace:!0}),i(0),o(void 0)},[a,e,n]);return{cursor:t,setCursor:o,pageSize:g,currentPage:l,setCurrentPage:i,onRowsPerPageChange:P}},z=({totalCount:a,setCursor:r,endCursor:t,prevCursor:o,defaultPageSize:e,currentPage:n,setCurrentPage:s,onRowsPerPageChange:g,pageSize:l,labelRowsPerPage:i,rowsPerPageOptions:P})=>{const u=k(),b=c(()=>{t&&r(t)},[t,r]),m=c(()=>{o&&r(o)},[o,r]),w=(R,p)=>{s(C=>(p>C?b():p<C&&m(),p))};return S.createElement(h,{className:u.pagination,component:"div",count:a,page:n,onPageChange:w,rowsPerPage:l??e,onRowsPerPageChange:g,labelRowsPerPage:i,rowsPerPageOptions:P??[e,e*2,e*4]})};export{z as CursorPagination,x as useCursorPagination};
+import{jsx as w}from"react/jsx-runtime";import{makeStyles as h,TablePagination as S}from"@material-ui/core";import{useState as d,useCallback as c}from"react";import{useSearchParams as v}from"react-router-dom";const x=h(a=>({pagination:{width:"-webkit-fill-available",display:"flex",justifyContent:"center",position:"fixed",bottom:"0",left:"0",backgroundColor:a.palette.background.paper,borderTop:`1px solid ${a.palette.divider}`,zIndex:1e3}})),k=({defaultPageSize:a,label:r})=>{const[t,o]=d(),[e,s]=v(),n=e.get(r),g=n?parseInt(n,10):a,[P,i]=d(0),l=c(u=>{e.set("entitiesPerPage",u.target.value??a),s(e,{replace:!0}),i(0),o(void 0)},[a,e,s]);return{cursor:t,setCursor:o,pageSize:g,currentPage:P,setCurrentPage:i,onRowsPerPageChange:l}},z=({totalCount:a,setCursor:r,endCursor:t,prevCursor:o,defaultPageSize:e,currentPage:s,setCurrentPage:n,onRowsPerPageChange:g,pageSize:P,labelRowsPerPage:i,rowsPerPageOptions:l})=>{const u=x(),m=c(()=>{t&&r(t)},[t,r]),b=c(()=>{o&&r(o)},[o,r]),f=(R,p)=>{n(C=>(p>C?m():p<C&&b(),p))};return w(S,{className:u.pagination,component:"div",count:a,page:s,onPageChange:f,rowsPerPage:P??e,onRowsPerPageChange:g,labelRowsPerPage:i,rowsPerPageOptions:l??[e,e*2,e*4]})};export{z as CursorPagination,k as useCursorPagination};
 //# sourceMappingURL=CursorPagination.esm.js.map

package/dist/components/Pagination/Pagination.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as k,TablePagination as C}from"@material-ui/core";import v,{useState as R}from"react";import{RESULTS_PER_PAGE as t}from"../../utils/filters.esm.js";const x=k(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"}})),E=({response:e,listingsPerPage:i,cursor:g,setCursor:r,prevCursors:a,setPrevCursors:s,labelPerPageDropdown:l,urlRoute:p})=>{const P=x(),c=e?.edges?e?.edges[e?.edges.length-1]:{cursor:""},[u,d]=R(0),m=()=>{s(o=>[...o,g]),r(c?.cursor)},b=()=>{r(a[a.length-1]),s(o=>o.slice(0,-1))},f=(o,n)=>{d(h=>(n>h?m():b(),n))},w=o=>{window.open(`/soundcheck/${p??"tracks?tracksPerPage="}${o.target.value}`,"_self")};return v.createElement(C,{className:P.pagination,component:"div",count:e?.totalCount??-1,rowsPerPage:i??10,onPageChange:f,page:u,onRowsPerPageChange:w,labelRowsPerPage:l??"Listings per page:",rowsPerPageOptions:[t,t*2,t*4]})};export{E as Pagination};
+import{jsx as C}from"react/jsx-runtime";import{makeStyles as k,TablePagination as v}from"@material-ui/core";import{useState as x}from"react";import{RESULTS_PER_PAGE as r}from"../../utils/filters.esm.js";const R=k(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"}})),E=({response:e,listingsPerPage:i,cursor:g,setCursor:t,prevCursors:a,setPrevCursors:s,labelPerPageDropdown:p,urlRoute:l})=>{const P=R(),u=e?.edges?e?.edges[e?.edges.length-1]:{cursor:""},[c,d]=x(0),m=()=>{s(o=>[...o,g]),t(u?.cursor)},b=()=>{t(a[a.length-1]),s(o=>o.slice(0,-1))},f=(o,n)=>{d(h=>(n>h?m():b(),n))},w=o=>{window.open(`/soundcheck/${l??"tracks?tracksPerPage="}${o.target.value}`,"_self")};return C(v,{className:P.pagination,component:"div",count:e?.totalCount??-1,rowsPerPage:i??10,onPageChange:f,page:c,onRowsPerPageChange:w,labelRowsPerPage:p??"Listings per page:",rowsPerPageOptions:[r,r*2,r*4]})};export{E as Pagination};
 //# sourceMappingURL=Pagination.esm.js.map

package/dist/components/PassRateGrid/PassRateGrid.esm.js

@@ -1,2 +1,2 @@
-import{Box as r,Grid as n,TablePagination as P}from"@material-ui/core";import{makeStyles as f}from"@material-ui/core/styles";import t from"react";import{useNavigate as h}from"react-router-dom";import"recharts";import"../Charts/ChartTypes.esm.js";import{LineChart as C}from"../Charts/LineChart/LineChart.esm.js";import"../Charts/chartUtils.esm.js";import"luxon";import"../TechHealthSummary/SummaryAggregationsProvider.esm.js";import"@backstage/catalog-model";import"../Charts/BarChart/BarChart.esm.js";import{SummaryCard as w}from"../SummaryCard/SummaryCard.esm.js";import{PassRateMetadata as x}from"./PassRateMetadata.esm.js";const u=f(a=>({root:{display:"flex",flexDirection:"column",width:"100%"},gridContainer:{flexGrow:1},cardContent:{display:"flex",flexDirection:"column",gap:a.spacing(1),height:"100%"},footer:{display:"flex",flexDirection:"column",gap:a.spacing(1),justifyContent:"end",marginTop:"auto"}})),E=({data:a,totalCount:i,rowsPerPage:s,page:m,onPageChange:l,onRowsPerPageChange:p})=>{const o=u(),c=h(),g=[{dataKey:"passRate",name:"Pass rate"}];return t.createElement(r,{className:o.root},t.createElement(n,{container:!0,spacing:2,className:o.gridContainer},a.map((e,d)=>t.createElement(n,{item:!0,key:d,xs:12,sm:12,md:6,lg:4,xl:3},t.createElement(w,{title:e.name??e.id,description:e.description,children:t.createElement(r,{className:o.cardContent},t.createElement(r,{className:o.footer},t.createElement(x,{ownerEntityRef:e.owner,passRates:e.lineChart.snapshotPassRates}),t.createElement(C,{data:e.lineChart.trendPassRates,lines:e.lineChart.lineConfigs??g,height:150}))),handleView:()=>e.navigateTo?c(e.navigateTo):void 0})))),t.createElement(P,{rowsPerPageOptions:[10,25,50],component:"div",count:i,rowsPerPage:s,page:m,onPageChange:l,onRowsPerPageChange:p,labelRowsPerPage:"Items per page:"}))};export{E as PassRateGrid};
+import{jsxs as i,jsx as e}from"react/jsx-runtime";import{Box as r,Grid as n,TablePagination as P}from"@material-ui/core";import{makeStyles as f}from"@material-ui/core/styles";import{useNavigate as C}from"react-router-dom";import"recharts";import"../Charts/ChartTypes.esm.js";import{LineChart as x}from"../Charts/LineChart/LineChart.esm.js";import"../Charts/chartUtils.esm.js";import"luxon";import"../TechHealthSummary/SummaryAggregationsProvider.esm.js";import"@backstage/catalog-model";import"../Charts/BarChart/BarChart.esm.js";import{SummaryCard as w}from"../SummaryCard/SummaryCard.esm.js";import{PassRateMetadata as u}from"./PassRateMetadata.esm.js";const R=f(t=>({root:{display:"flex",flexDirection:"column",width:"100%"},gridContainer:{flexGrow:1},cardContent:{display:"flex",flexDirection:"column",gap:t.spacing(1),height:"100%"},footer:{display:"flex",flexDirection:"column",gap:t.spacing(1),justifyContent:"end",marginTop:"auto"}})),y=({data:t,totalCount:s,rowsPerPage:m,page:l,onPageChange:p,onRowsPerPageChange:d})=>{const o=R(),g=C(),c=[{dataKey:"passRate",name:"Pass rate"}];return i(r,{className:o.root,children:[e(n,{container:!0,spacing:2,className:o.gridContainer,children:t.map((a,h)=>e(n,{item:!0,xs:12,sm:12,md:6,lg:4,xl:3,children:e(w,{title:a.name??a.id,description:a.description,children:e(r,{className:o.cardContent,children:i(r,{className:o.footer,children:[e(u,{ownerEntityRef:a.owner,passRates:a.lineChart.snapshotPassRates}),e(x,{data:a.lineChart.trendPassRates,lines:a.lineChart.lineConfigs??c,height:150})]})}),handleView:()=>a.navigateTo?g(a.navigateTo):void 0})},h))}),e(P,{rowsPerPageOptions:[10,25,50],component:"div",count:s,rowsPerPage:m,page:l,onPageChange:p,onRowsPerPageChange:d,labelRowsPerPage:"Items per page:"})]})};export{y as PassRateGrid};
 //# sourceMappingURL=PassRateGrid.esm.js.map

package/dist/components/PassRateGrid/PassRateMetadata.esm.js

@@ -1,2 +1,2 @@
-import{EntityRefLink as I}from"@backstage/plugin-catalog-react";import{makeStyles as f,List as y,Typography as m,ListItem as i,Tooltip as l,ListItemIcon as o,ListItemText as s}from"@material-ui/core";import h from"@material-ui/icons/Group";import N from"@material-ui/icons/TrendingDown";import g from"@material-ui/icons/TrendingFlat";import L from"@material-ui/icons/TrendingUp";import e from"react";import{Trend as n}from"./types.esm.js";const T=f(a=>({cardSection:{marginBottom:a.spacing(2)},listItem:{padding:0},listItemText:{margin:0},listItemIcon:{marginRight:a.spacing(1),minWidth:0},ownerLink:{"& span":{"&:hover":{textDecoration:"underline"}}}})),x=({ownerEntityRef:a,passRates:c})=>{const t=T();return e.createElement(y,{dense:!0,disablePadding:!0,className:t.cardSection},e.createElement(m,{variant:"overline",color:"textSecondary"},"Details"),a&&e.createElement(i,{disableGutters:!0,className:t.listItem},e.createElement(l,{title:"Owner"},e.createElement(o,{className:t.listItemIcon},e.createElement(h,{color:"inherit",fontSize:"small"}))),e.createElement(s,{className:t.listItemText,primary:e.createElement(I,{className:t.ownerLink,entityRef:a??"No Owner",hideIcon:!0})})),c.map(({name:p,value:d,trend:r},E)=>e.createElement(i,{disableGutters:!0,className:t.listItem,key:E},e.createElement(l,{title:"The most recent pass rate."},e.createElement(o,{className:t.listItemIcon},r===n.UP&&e.createElement(L,{color:"inherit",fontSize:"small"}),r===n.DOWN&&e.createElement(N,{color:"inherit",fontSize:"small"}),r===n.FLAT&&e.createElement(g,{color:"inherit",fontSize:"small"}))),e.createElement(s,{className:t.listItemText,primary:e.createElement(m,{variant:"body2",color:"textPrimary"},p??"Latest Pass Rate",": ",e.createElement("b",null,Math.round(d),"%"))}))))};export{x as PassRateMetadata};
+import{jsxs as i,jsx as t}from"react/jsx-runtime";import{EntityRefLink as f}from"@backstage/plugin-catalog-react";import{makeStyles as y,List as N,Typography as o,ListItem as a,Tooltip as l,ListItemIcon as m,ListItemText as c}from"@material-ui/core";import x from"@material-ui/icons/Group";import g from"@material-ui/icons/TrendingDown";import L from"@material-ui/icons/TrendingFlat";import T from"@material-ui/icons/TrendingUp";import{Trend as s}from"./types.esm.js";const R=y(r=>({cardSection:{marginBottom:r.spacing(2)},listItem:{padding:0},listItemText:{margin:0},listItemIcon:{marginRight:r.spacing(1),minWidth:0},ownerLink:{"& span":{"&:hover":{textDecoration:"underline"}}}})),S=({ownerEntityRef:r,passRates:d})=>{const e=R();return i(N,{dense:!0,disablePadding:!0,className:e.cardSection,children:[t(o,{variant:"overline",color:"textSecondary",children:"Details"}),r&&i(a,{disableGutters:!0,className:e.listItem,children:[t(l,{title:"Owner",children:t(m,{className:e.listItemIcon,children:t(x,{color:"inherit",fontSize:"small"})})}),t(c,{className:e.listItemText,primary:t(f,{className:e.ownerLink,entityRef:r??"No Owner",hideIcon:!0})})]}),d.map(({name:h,value:p,trend:n},I)=>i(a,{disableGutters:!0,className:e.listItem,children:[t(l,{title:"The most recent pass rate.",children:i(m,{className:e.listItemIcon,children:[n===s.UP&&t(T,{color:"inherit",fontSize:"small"}),n===s.DOWN&&t(g,{color:"inherit",fontSize:"small"}),n===s.FLAT&&t(L,{color:"inherit",fontSize:"small"})]})}),t(c,{className:e.listItemText,primary:i(o,{variant:"body2",color:"textPrimary",children:[h??"Latest Pass Rate",": ",i("b",{children:[Math.round(p),"%"]})]})})]},I))]})};export{S as PassRateMetadata};
 //# sourceMappingURL=PassRateMetadata.esm.js.map

package/dist/components/PassRateTable/NewPassRateTable.esm.js

@@ -1,2 +1,2 @@
-import{Paper as b,Table as g,TableHead as P,TableRow as o,TableCell as d,TableBody as w,TablePagination as C}from"@material-ui/core";import{makeStyles as h}from"@material-ui/core/styles";import e from"react";const u=h(l=>({paper:{width:"100%",boxShadow:"none",border:`1px solid ${l.palette.divider}`,borderRadius:l.shape.borderRadius},tableHeaderCell:{fontWeight:"bold"}})),E=({data:l,totalCount:m,columns:t,rowsPerPage:s,page:i,onPageChange:p,onRowsPerPageChange:c})=>{const n=u();return e.createElement(b,{className:n.paper},e.createElement(g,{size:"small"},e.createElement(P,null,e.createElement(o,null,t.map(a=>e.createElement(d,{key:`header-${a.id}`,className:n.tableHeaderCell},a.label)))),e.createElement(w,null,l.map(a=>e.createElement(o,{key:a.id},t.map(r=>e.createElement(d,{key:`cell-${r.id}`},r.renderCell?r.renderCell(a):a[r.id])))))),e.createElement(C,{rowsPerPageOptions:[10,25,50],count:m,component:"div",rowsPerPage:s,page:i,onPageChange:p,onRowsPerPageChange:c}))};export{E as NewPassRateTable};
+import{jsxs as d,jsx as e}from"react/jsx-runtime";import{Paper as g,Table as m,TableHead as P,TableRow as i,TableCell as s,TableBody as C,TablePagination as w}from"@material-ui/core";import{makeStyles as T}from"@material-ui/core/styles";const u=T(r=>({paper:{width:"100%",boxShadow:"none",border:`1px solid ${r.palette.divider}`,borderRadius:r.shape.borderRadius},tableHeaderCell:{fontWeight:"bold"}})),R=({data:r,totalCount:t,columns:o,rowsPerPage:p,page:c,onPageChange:h,onRowsPerPageChange:b})=>{const n=u();return d(g,{className:n.paper,children:[d(m,{size:"small",children:[e(P,{children:e(i,{children:o.map(a=>e(s,{className:n.tableHeaderCell,children:a.label},`header-${a.id}`))})}),e(C,{children:r.map(a=>e(i,{children:o.map(l=>e(s,{children:l.renderCell?l.renderCell(a):a[l.id]},`cell-${l.id}`))},a.id))})]}),e(w,{rowsPerPageOptions:[10,25,50],count:t,component:"div",rowsPerPage:p,page:c,onPageChange:h,onRowsPerPageChange:b})]})};export{R as NewPassRateTable};
 //# sourceMappingURL=NewPassRateTable.esm.js.map

package/dist/components/PassRateTable/PassRateTable.esm.js

@@ -1,4 +1,4 @@
-import{Paper as T,Table as v,TableHead as R,TableRow as p,TableCell as h,TableBody as x,TablePagination as S}from"@material-ui/core";import{makeStyles as H}from"@material-ui/core/styles";import a,{useState as u,useEffect as B}from"react";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"@backstage/plugin-catalog-react";import"@spotify/backstage-plugin-soundcheck-common";import{useGetChecks as L}from"../../hooks/checks/useGetChecks.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{Loading as N}from"../TechHealth/Loading/Loading.esm.js";const $=H(r=>({paper:{width:"100%",boxShadow:"none",border:`1px solid ${r.palette.divider}`,borderRadius:r.shape.borderRadius},tableHeaderCell:{fontWeight:"bold"}})),z=({data:r,columns:l,showsCheckData:n})=>{const d=$(),[s,o]=u(0),[i,b]=u(10),{data:g,isLoading:f}=L({ids:n?r.map(e=>e.id):[]});if(B(()=>{o(0)},[r.length]),f)return a.createElement(N,null);const C=(e,t)=>{o(t)},E=e=>{b(+e.target.value),o(0)},m=s*i,P=m+i,k=e=>`Cannot view detail: Check exists in results data only. That is, a check
+import{jsx as r,jsxs as p}from"react/jsx-runtime";import{Paper as y,Table as R,TableHead as S,TableRow as h,TableCell as u,TableBody as $,TablePagination as H}from"@material-ui/core";import{makeStyles as N}from"@material-ui/core/styles";import{useState as b,useEffect as j}from"react";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"@backstage/plugin-catalog-react";import"@spotify/backstage-plugin-soundcheck-common";import{useGetChecks as L}from"../../hooks/checks/useGetChecks.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{Loading as z}from"../TechHealth/Loading/Loading.esm.js";const B=N(o=>({paper:{width:"100%",boxShadow:"none",border:`1px solid ${o.palette.divider}`,borderRadius:o.shape.borderRadius},tableHeaderCell:{fontWeight:"bold"}})),D=({data:o,columns:d,showsCheckData:n})=>{const l=B(),[s,a]=b(0),[t,f]=b(10),{data:g,isLoading:C}=L({ids:n?o.map(e=>e.id):[]});if(j(()=>{a(0)},[o.length]),C)return r(z,{});const w=(e,i)=>{a(i)},P=e=>{f(+e.target.value),a(0)},m=s*t,T=m+t,k=e=>`Cannot view detail: Check exists in results data only. That is, a check
         with the id '${e}' is not defined in any yaml files nor was such a
-        check created through Soundcheck's UI.`,w=(e,t)=>{if(!e.renderCell)return t[e.id];if(e.id==="action"&&n){const c=g?.edges.find(y=>y.node.id===t.id)!==void 0;return e.renderCell(t,!c,c?void 0:k(t.id))}return e.renderCell(t)};return a.createElement(T,{className:d.paper},a.createElement(v,{size:"small"},a.createElement(R,null,a.createElement(p,null,l.map(e=>a.createElement(h,{key:`header-${e.id}`,className:d.tableHeaderCell},e.label)))),a.createElement(x,null,r.slice(m,P).map(e=>a.createElement(p,{key:e.id},l.map(t=>a.createElement(h,{key:`cell-${t.id}`},w(t,e))))))),a.createElement(S,{rowsPerPageOptions:[10,25,50],component:"div",count:r.length,rowsPerPage:i,page:s,onPageChange:C,onRowsPerPageChange:E}))};export{z as PassRateTable};
+        check created through Soundcheck's UI.`,v=(e,i)=>{if(!e.renderCell)return i[e.id];if(e.id==="action"&&n){const c=g?.edges.find(x=>x.node.id===i.id)!==void 0;return e.renderCell(i,!c,c?void 0:k(i.id))}return e.renderCell(i)};return p(y,{className:l.paper,children:[p(R,{size:"small",children:[r(S,{children:r(h,{children:d.map(e=>r(u,{className:l.tableHeaderCell,children:e.label},`header-${e.id}`))})}),r($,{children:o.slice(m,T).map(e=>r(h,{children:d.map(i=>r(u,{children:v(i,e)},`cell-${i.id}`))},e.id))})]}),r(H,{rowsPerPageOptions:[10,25,50],component:"div",count:o.length,rowsPerPage:t,page:s,onPageChange:w,onRowsPerPageChange:P})]})};export{D as PassRateTable};
 //# sourceMappingURL=PassRateTable.esm.js.map

package/dist/components/QuickstartPage/HowDoIListItem.esm.js

@@ -1,2 +1,2 @@
-import{Grid as t,Typography as n,Button as c}from"@material-ui/core";import e from"react";import{useQuickstartStyles as l}from"./styles.esm.js";const s=({title:r,description:o,onClick:a,className:i})=>{const m=l();return e.createElement(t,{container:!0,direction:"row",alignItems:"center",className:i},e.createElement(t,{item:!0,xs:3},e.createElement(n,{variant:"h6"},r)),e.createElement(t,{item:!0,xs:!0,style:{flexGrow:1}},e.createElement(n,{variant:"body1"},o)),e.createElement(t,{item:!0,xs:1,container:!0,justifyContent:"flex-end"},e.createElement(c,{onClick:a,className:m.dontYellAtMeButton},"Go")))};export{s as HowDoIListItem};
+import{jsxs as l,jsx as t}from"react/jsx-runtime";import{Grid as e,Typography as i,Button as a}from"@material-ui/core";import{useQuickstartStyles as m}from"./styles.esm.js";const d=({title:n,description:r,onClick:o,className:s})=>{const c=m();return l(e,{container:!0,direction:"row",alignItems:"center",className:s,children:[t(e,{item:!0,xs:3,children:t(i,{variant:"h6",children:n})}),t(e,{item:!0,xs:!0,style:{flexGrow:1},children:t(i,{variant:"body1",children:r})}),t(e,{item:!0,xs:1,container:!0,justifyContent:"flex-end",children:t(a,{onClick:o,className:c.dontYellAtMeButton,children:"Go"})})]})};export{d as HowDoIListItem};
 //# sourceMappingURL=HowDoIListItem.esm.js.map

package/dist/components/QuickstartPage/QuickStartChecksCard.esm.js

@@ -1,2 +1,2 @@
-import{useRouteRef as o}from"@backstage/core-plugin-api";import{Typography as t,Link as c}from"@material-ui/core";import e from"react";import{checksPageRouteRef as n}from"../../routes.esm.js";import{QuickstartCardBase as s}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as i}from"./styles.esm.js";const m=()=>{const r=i(),a=o(n);return e.createElement(s,{header:"Checks",routeRef:a},e.createElement(t,{variant:"body1",component:"div",className:r.mainPoint},"Checks are comparisons between defined acceptable fact values and the actual fact values of given collected facts."),e.createElement(t,{variant:"body1",component:"div",paragraph:!0},"We've pre-populated your instance with two sets of checks which are used in the provided tracks."),e.createElement(t,null,"Need Help? Check out the"," ",e.createElement(c,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/checks",className:r.link,target:"_blank",rel:"noopener noreferrer"},"documentation"),"."))};export{m as QuickstartChecksCard};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRouteRef as a}from"@backstage/core-plugin-api";import{Typography as t,Link as s}from"@material-ui/core";import{checksPageRouteRef as n}from"../../routes.esm.js";import{QuickstartCardBase as i}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as p}from"./styles.esm.js";const d=()=>{const o=p(),c=a(n);return r(i,{header:"Checks",routeRef:c,children:[e(t,{variant:"body1",component:"div",className:o.mainPoint,children:"Checks are comparisons between defined acceptable fact values and the actual fact values of given collected facts."}),e(t,{variant:"body1",component:"div",paragraph:!0,children:"We've pre-populated your instance with two sets of checks which are used in the provided tracks."}),r(t,{children:["Need Help? Check out the"," ",e(s,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/checks",className:o.link,target:"_blank",rel:"noopener noreferrer",children:"documentation"}),"."]})]})};export{d as QuickstartChecksCard};
 //# sourceMappingURL=QuickStartChecksCard.esm.js.map

package/dist/components/QuickstartPage/QuickstartCardBase.esm.js

@@ -1,2 +1,2 @@
-import{Typography as s,Divider as a,Box as i,Button as n}from"@material-ui/core";import e from"react";import{useNavigate as c}from"react-router-dom";import{Card as d}from"../SummaryCard/SummaryCard.esm.js";import{useQuickstartStyles as p}from"./styles.esm.js";const u=({header:r,routeRef:o,children:m})=>{const t=p(),l=c();return e.createElement(d,null,e.createElement(s,{variant:"h5",className:t.headers},r),e.createElement(a,{className:t.divider}),m,e.createElement(i,{className:t.buttonBox},e.createElement(a,{className:t.divider,style:{marginBottom:"3px"}}),e.createElement(n,{className:t.dontYellAtMeButton,onClick:()=>l(o())},"Explore ",r)))};export{u as QuickstartCardBase};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Typography as l,Divider as a,Box as n,Button as c}from"@material-ui/core";import{useNavigate as d}from"react-router-dom";import{Card as p}from"../SummaryCard/SummaryCard.esm.js";import{useQuickstartStyles as h}from"./styles.esm.js";const u=({header:o,routeRef:s,children:i})=>{const r=h(),m=d();return e(p,{children:[t(l,{variant:"h5",className:r.headers,children:o}),t(a,{className:r.divider}),i,e(n,{className:r.buttonBox,children:[t(a,{className:r.divider,style:{marginBottom:"3px"}}),e(c,{className:r.dontYellAtMeButton,onClick:()=>m(s()),children:["Explore ",o]})]})]})};export{u as QuickstartCardBase};
 //# sourceMappingURL=QuickstartCardBase.esm.js.map

package/dist/components/QuickstartPage/QuickstartCollectorConfigurationsCard.esm.js

@@ -1,2 +1,2 @@
-import{useRouteRef as c}from"@backstage/core-plugin-api";import{Typography as t,Link as n,Grid as o}from"@material-ui/core";import e from"react";import{integrationsPageRouteRef as m,integrationDetailsRouteRef as f}from"../../routes.esm.js";import{QuickstartCardBase as d}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as u}from"./styles.esm.js";const h=()=>{const r=u(),i=c(m),a=c(f),s=a({integrationId:"scm"}),l=a({integrationId:"github"});return e.createElement(d,{header:"Integrations",routeRef:i},e.createElement(t,{variant:"body1",component:"div",className:r.mainPoint},"One of the foundational elements of Soundcheck,"," ",e.createElement(n,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/fact-collectors",className:r.link,target:"_blank",rel:"noopener noreferrer"},"Integrations")," ","collect raw data about your components. These facts are then used by checks to determine the health of your components."),e.createElement(t,{variant:"body1",component:"div"},"Soundcheck comes with a variety of integrations, two of which we've enabled and configured for your starting instance:"),e.createElement(o,{container:!0,direction:"row",className:r.grid},e.createElement(o,{item:!0,xs:4},e.createElement(t,{variant:"body1"},e.createElement(n,{href:s,className:r.link,target:"_blank",rel:"noopener noreferrer"},"SCM Integration"))),e.createElement(o,{item:!0,xs:8},e.createElement(t,{variant:"body1"},"Checks for recommended settings in your GitHub repositories.")),e.createElement(o,{item:!0,xs:4},e.createElement(t,{variant:"body1"},e.createElement(n,{href:l,className:r.link,target:"_blank",rel:"noopener noreferrer"},"GitHub Integration"))),e.createElement(o,{item:!0,xs:8},e.createElement(t,{variant:"body1"},"Pulls information from Github."))),e.createElement(t,null,"Need Help? Check out the"," ",e.createElement(n,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/fact-collectors",className:r.link,target:"_blank",rel:"noopener noreferrer"},"documentation"),"."))};export{h as QuickstartCollectorConfigurationsCard};
+import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useRouteRef as c}from"@backstage/core-plugin-api";import{Typography as r,Link as i,Grid as o}from"@material-ui/core";import{integrationsPageRouteRef as h,integrationDetailsRouteRef as m}from"../../routes.esm.js";import{QuickstartCardBase as f}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as u}from"./styles.esm.js";const p=()=>{const t=u(),s=c(h),a=c(m),l=a({integrationId:"scm"}),d=a({integrationId:"github"});return n(f,{header:"Integrations",routeRef:s,children:[n(r,{variant:"body1",component:"div",className:t.mainPoint,children:["One of the foundational elements of Soundcheck,"," ",e(i,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/fact-collectors",className:t.link,target:"_blank",rel:"noopener noreferrer",children:"Integrations"})," ","collect raw data about your components. These facts are then used by checks to determine the health of your components."]}),e(r,{variant:"body1",component:"div",children:"Soundcheck comes with a variety of integrations, two of which we've enabled and configured for your starting instance:"}),n(o,{container:!0,direction:"row",className:t.grid,children:[e(o,{item:!0,xs:4,children:e(r,{variant:"body1",children:e(i,{href:l,className:t.link,target:"_blank",rel:"noopener noreferrer",children:"SCM Integration"})})}),e(o,{item:!0,xs:8,children:e(r,{variant:"body1",children:"Checks for recommended settings in your GitHub repositories."})}),e(o,{item:!0,xs:4,children:e(r,{variant:"body1",children:e(i,{href:d,className:t.link,target:"_blank",rel:"noopener noreferrer",children:"GitHub Integration"})})}),e(o,{item:!0,xs:8,children:e(r,{variant:"body1",children:"Pulls information from Github."})})]}),n(r,{children:["Need Help? Check out the"," ",e(i,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/fact-collectors",className:t.link,target:"_blank",rel:"noopener noreferrer",children:"documentation"}),"."]})]})};export{p as QuickstartCollectorConfigurationsCard};
 //# sourceMappingURL=QuickstartCollectorConfigurationsCard.esm.js.map

package/dist/components/QuickstartPage/QuickstartPage.esm.js

@@ -1,2 +1,2 @@
-import{Content as i}from"@backstage/core-components";import{useRouteRef as m}from"@backstage/core-plugin-api";import{Button as c,Grid as r}from"@material-ui/core";import e from"react";import{useNavigate as n}from"react-router-dom";import{rootRouteRef as s}from"../../routes.esm.js";import"../SoundcheckHeader/SoundcheckHeader.esm.js";import"../SoundcheckHeader/SoundcheckHeaderContext.esm.js";import{useHeader as l}from"../SoundcheckHeader/useHeader.esm.js";import{QuickstartChecksCard as u}from"./QuickStartChecksCard.esm.js";import{QuickstartCollectorConfigurationsCard as d}from"./QuickstartCollectorConfigurationsCard.esm.js";import{QuickstartTracksCard as p}from"./QuickstartTracksCard.esm.js";import{useQuickstartStyles as f}from"./styles.esm.js";import{WelcomeHelpSection as k}from"./WelcomeHelpSection.esm.js";import{WelcomeModal as g}from"./WelcomeModal.esm.js";const h=()=>{const t=f(),o=n(),a=m(s);return l({title:"Getting Started with Soundcheck",description:"Soundcheck comes with tracks, checks, and integrations pre-installed to get you up and running right away.",sectionRight:e.createElement(c,{className:t.headerButton,onClick:()=>o(a()),color:"inherit"},"Take me to Soundcheck!")}),e.createElement(i,{className:t.introTitle},e.createElement(g,null),e.createElement(r,{container:!0,direction:"row","aria-label":"getting-started-items",className:t.grid,spacing:2},e.createElement(r,{item:!0,xs:4,className:t.cards},e.createElement(p,null)),e.createElement(r,{item:!0,xs:4,className:t.cards},e.createElement(u,null)),e.createElement(r,{item:!0,xs:4,className:t.cards},e.createElement(d,null))),e.createElement(k,null))};export{h as QuickstartPage};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{Content as a}from"@backstage/core-components";import{useRouteRef as c}from"@backstage/core-plugin-api";import{Button as m,Grid as e}from"@material-ui/core";import{useNavigate as n}from"react-router-dom";import{rootRouteRef as d}from"../../routes.esm.js";import"../SoundcheckHeader/SoundcheckHeader.esm.js";import"../SoundcheckHeader/SoundcheckHeaderContext.esm.js";import{useHeader as l}from"../SoundcheckHeader/useHeader.esm.js";import{QuickstartChecksCard as p}from"./QuickStartChecksCard.esm.js";import{QuickstartCollectorConfigurationsCard as u}from"./QuickstartCollectorConfigurationsCard.esm.js";import{QuickstartTracksCard as h}from"./QuickstartTracksCard.esm.js";import{useQuickstartStyles as f}from"./styles.esm.js";import{WelcomeHelpSection as k}from"./WelcomeHelpSection.esm.js";import{WelcomeModal as g}from"./WelcomeModal.esm.js";const C=()=>{const r=f(),i=n(),s=c(d);return l({title:"Getting Started with Soundcheck",description:"Soundcheck comes with tracks, checks, and integrations pre-installed to get you up and running right away.",sectionRight:t(m,{className:r.headerButton,onClick:()=>i(s()),color:"inherit",children:"Take me to Soundcheck!"})}),o(a,{className:r.introTitle,children:[t(g,{}),o(e,{container:!0,direction:"row","aria-label":"getting-started-items",className:r.grid,spacing:2,children:[t(e,{item:!0,xs:4,className:r.cards,children:t(h,{})}),t(e,{item:!0,xs:4,className:r.cards,children:t(p,{})}),t(e,{item:!0,xs:4,className:r.cards,children:t(u,{})})]}),t(k,{})]})};export{C as QuickstartPage};
 //# sourceMappingURL=QuickstartPage.esm.js.map

package/dist/components/QuickstartPage/QuickstartTracksCard.esm.js

@@ -1,2 +1,2 @@
-import{useRouteRef as c}from"@backstage/core-plugin-api";import{Typography as t,Grid as a,Link as n}from"@material-ui/core";import e from"react";import{tracksPageRouteRef as l,trackDetailsRouteRef as d}from"../../routes.esm.js";import{QuickstartCardBase as u}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as k}from"./styles.esm.js";const p=()=>{const r=k(),i=c(l),o=c(d),s=o({trackId:"993a9b69-3445-4d42-a950-2a847d618825"}),m=o({trackId:"140ea084-d918-4d41-9035-95d72516ec4b"});return e.createElement(u,{header:"Tracks",routeRef:i},e.createElement(t,{variant:"body1",component:"div",className:r.mainPoint},"Tracks encourage alignment to architectural best practices and standards and are analogous to an organization\u2019s long-term tech health initiatives."),e.createElement(t,{variant:"body1",component:"div"},"We have provided two tracks to start you off:"),e.createElement(a,{container:!0,direction:"row",className:r.grid},e.createElement(a,{item:!0,xs:5},e.createElement(t,{variant:"body1"},e.createElement(n,{href:s,className:r.link,target:"_blank",rel:"noopener noreferrer"},"Basic SCM Compliance"))),e.createElement(a,{item:!0,xs:6},e.createElement(t,{variant:"body1"},"Ensures your source control management is configured correctly.")),e.createElement(a,{item:!0,xs:5},e.createElement(t,{variant:"body1"},e.createElement(n,{href:m,className:r.link,target:"_blank",rel:"noopener noreferrer"},"Recommended GitHub Settings"))),e.createElement(a,{item:!0,xs:6},e.createElement(t,{variant:"body1"},"Checks for recommended settings in your GitHub repositories."))),e.createElement(t,null,"Need Help? Check out the"," ",e.createElement(n,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/tracks",className:r.link,target:"_blank",rel:"noopener noreferrer"},"documentation"),"."))};export{p as QuickstartTracksCard};
+import{jsxs as n,jsx as e}from"react/jsx-runtime";import{useRouteRef as c}from"@backstage/core-plugin-api";import{Typography as r,Grid as a,Link as o}from"@material-ui/core";import{tracksPageRouteRef as m,trackDetailsRouteRef as h}from"../../routes.esm.js";import{QuickstartCardBase as u}from"./QuickstartCardBase.esm.js";import{useQuickstartStyles as p}from"./styles.esm.js";const k=()=>{const t=p(),s=c(m),i=c(h),d=i({trackId:"993a9b69-3445-4d42-a950-2a847d618825"}),l=i({trackId:"140ea084-d918-4d41-9035-95d72516ec4b"});return n(u,{header:"Tracks",routeRef:s,children:[e(r,{variant:"body1",component:"div",className:t.mainPoint,children:"Tracks encourage alignment to architectural best practices and standards and are analogous to an organization\u2019s long-term tech health initiatives."}),e(r,{variant:"body1",component:"div",children:"We have provided two tracks to start you off:"}),n(a,{container:!0,direction:"row",className:t.grid,children:[e(a,{item:!0,xs:5,children:e(r,{variant:"body1",children:e(o,{href:d,className:t.link,target:"_blank",rel:"noopener noreferrer",children:"Basic SCM Compliance"})})}),e(a,{item:!0,xs:6,children:e(r,{variant:"body1",children:"Ensures your source control management is configured correctly."})}),e(a,{item:!0,xs:5,children:e(r,{variant:"body1",children:e(o,{href:l,className:t.link,target:"_blank",rel:"noopener noreferrer",children:"Recommended GitHub Settings"})})}),e(a,{item:!0,xs:6,children:e(r,{variant:"body1",children:"Checks for recommended settings in your GitHub repositories."})})]}),n(r,{children:["Need Help? Check out the"," ",e(o,{href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/tracks",className:t.link,target:"_blank",rel:"noopener noreferrer",children:"documentation"}),"."]})]})};export{k as QuickstartTracksCard};
 //# sourceMappingURL=QuickstartTracksCard.esm.js.map

package/dist/components/QuickstartPage/WelcomeHelpSection.esm.js

@@ -1,7 +1,7 @@
-import{useRouteRef as a}from"@backstage/core-plugin-api";import{Paper as u,Typography as d,Grid as i}from"@material-ui/core";import e from"react";import{useNavigate as C}from"react-router-dom";import{checkCreateRouteRef as f,checkTemplatesRouteRef as w,trackCreateRouteRef as b,integrationsPageRouteRef as R,rootRouteRef as E,checksPageRouteRef as N,tracksPageRouteRef as y}from"../../routes.esm.js";import{HowDoIListItem as c}from"./HowDoIListItem.esm.js";import{useQuickstartStyles as G}from"./styles.esm.js";const T=()=>{const r=G(),t=C(),n=a(f),s=a(w),l=a(b),h=a(R),m=a(E),p=a(N),k=a(y),o=g=>g%2===0?r.bgColorEven:r.bgColorOdd;return e.createElement(u,{className:r.howDoIList},e.createElement(d,{variant:"h5",className:r.headers},"How Do I...?"),e.createElement(i,{container:!0,direction:"column","aria-label":"getting-started-items",className:r.grid},e.createElement(i,{item:!0},e.createElement(c,{className:o(0),title:"Create a new check from scratch?",description:"Go to the Checks page and click the 'Create Check' button, then select 'Custom Check'.",onClick:()=>t(n())}),e.createElement(c,{className:o(1),title:"Add a new check from a template?",description:`Go to the Checks page and click the 'Create Check' button. There,
-                          you'll be presented with a list of templates from which to choose.`,onClick:()=>t(s())}),e.createElement(c,{className:o(0),title:"Add a new track?",description:"Go to the Tracks page and click the 'Create Track' button.",onClick:()=>t(l())}),e.createElement(c,{className:o(1),title:"Configure an Integration?",description:`Go to the Integrations page and click the 'Configure' button below
-                          the collector you wish to configure.`,onClick:()=>t(h())}),e.createElement(c,{className:o(0),title:"Check my team's components?",description:`Go to the Overview page and select your team from the drop-down in the top-right corner.
-            Your team's components will appear in the table along with their check statuses.`,onClick:()=>t(m())}),e.createElement(c,{className:o(1),title:"See which components are passing a Check?",description:`Go to the insights page for the Check by clicking the 'View' button on the Checks page. Scroll
-            down and look at the 'Entities' table.`,onClick:()=>t(p())}),e.createElement(c,{className:o(0),title:"See which components are passing a Track?",description:`Go to the insights page for the Track by clicking the 'View' button on the Tracks page. Select
-            the 'Entities' tab.`,onClick:()=>t(k())}))))};export{T as WelcomeHelpSection};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRouteRef as a}from"@backstage/core-plugin-api";import{Paper as u,Typography as C,Grid as n}from"@material-ui/core";import{useNavigate as f}from"react-router-dom";import{checkCreateRouteRef as w,checkTemplatesRouteRef as b,trackCreateRouteRef as R,integrationsPageRouteRef as N,rootRouteRef as y,checksPageRouteRef as G,tracksPageRouteRef as T}from"../../routes.esm.js";import{HowDoIListItem as c}from"./HowDoIListItem.esm.js";import{useQuickstartStyles as I}from"./styles.esm.js";const S=()=>{const i=I(),t=f(),s=a(w),h=a(b),l=a(R),m=a(N),p=a(y),k=a(G),g=a(T),o=d=>d%2===0?i.bgColorEven:i.bgColorOdd;return r(u,{className:i.howDoIList,children:[e(C,{variant:"h5",className:i.headers,children:"How Do I...?"}),e(n,{container:!0,direction:"column","aria-label":"getting-started-items",className:i.grid,children:r(n,{item:!0,children:[e(c,{className:o(0),title:"Create a new check from scratch?",description:"Go to the Checks page and click the 'Create Check' button, then select 'Custom Check'.",onClick:()=>t(s())}),e(c,{className:o(1),title:"Add a new check from a template?",description:`Go to the Checks page and click the 'Create Check' button. There,
+                          you'll be presented with a list of templates from which to choose.`,onClick:()=>t(h())}),e(c,{className:o(0),title:"Add a new track?",description:"Go to the Tracks page and click the 'Create Track' button.",onClick:()=>t(l())}),e(c,{className:o(1),title:"Configure an Integration?",description:`Go to the Integrations page and click the 'Configure' button below
+                          the collector you wish to configure.`,onClick:()=>t(m())}),e(c,{className:o(0),title:"Check my team's components?",description:`Go to the Overview page and select your team from the drop-down in the top-right corner.
+            Your team's components will appear in the table along with their check statuses.`,onClick:()=>t(p())}),e(c,{className:o(1),title:"See which components are passing a Check?",description:`Go to the insights page for the Check by clicking the 'View' button on the Checks page. Scroll
+            down and look at the 'Entities' table.`,onClick:()=>t(k())}),e(c,{className:o(0),title:"See which components are passing a Track?",description:`Go to the insights page for the Track by clicking the 'View' button on the Tracks page. Select
+            the 'Entities' tab.`,onClick:()=>t(g())})]})})]})};export{S as WelcomeHelpSection};
 //# sourceMappingURL=WelcomeHelpSection.esm.js.map