@spotify/backstage-plugin-soundcheck 0.11.1 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,94 @@
 # @spotify/backstage-plugin-soundcheck
 
+## 0.12.0
+
+### Minor Changes
+
+- Added compatibility for React 18. You do not need to upgrade your Backstage App to use React 18, but this plugin is now built and tested against it.
+- Soundcheck's functionality can now be extended by providing it with custom operators.
+
+### Patch Changes
+
+- Added level badges to level section headers.
+- Performance improvement - Added a limit to the number of options shown at once in the filters dropdowns of Soundcheck's Tech Health page.
+- Adjusted the "Days left" display for campaigns to be accurate once a campaign has gone beyond the target completion date.
+- Added `soundcheck.techHealth.read` RBAC permission to control access to Soundcheck Tech Health page.
+- Added `warning` field to a check definition (both yaml and No Code UI):
+
+  - `warning` [optional] - A boolean flag that indicates whether the check should emit a `warning`
+    check result instead of `failed` if the check fails. Defaults to `false`. Warning check results
+    don't impact the certification progress of an entity and can be used as a temporary indication
+    that the check is not passing and will be failing soon.
+
+  Example:
+
+  ```yaml
+  id: has_pagerduty_integration_key
+  rule:
+    factRef: catalog:default/entity_descriptor
+    path: $.metadata.annotations[pagerduty.com/integration-key]
+    operator: matches
+    value: .+
+  failedMessage: |
+    No PagerDuty Integration Key defined for this entity.
+  warning: true
+  ```
+
+- Added support for overriding the color of level badges.
+- Added in breadcrumb navigation for Soundcheck.
+- Resolved an issue that could cause React state update warnings on several pages.
+- Fixed Tech Health filter chips in Dark Mode.
+- Resolved an issue with Soundcheck routing.
+- Made minor adjustments to margins/padding on the Track Insights page.
+- Frontend validation for descriptions are now more consistent with YAML and backend.
+
+  - Character limits have been removed from track, check and campaign descriptions
+  - Character limits have been removed from pass/fail messages.
+  - Campaign names are now consistent with tracks and checks at 100 characters (from 25).
+
+- Resolved an issue with routing.
+- Disabled automatic re-fetching for Soundcheck Overview graphql queries.
+- A default Entity Owner is now selected for the Soundcheck Tech Health filters.
+- Added possibility to submit check results with state `warning` via `POST /results` API.
+  Example:
+
+  `POST localhost:7007/api/soundcheck/results`
+
+  ```json
+  {
+    "results": [
+      {
+        "entityRef": "component:default/petstore",
+        "checkId": "tests-run",
+        "state": "warning",
+        "details": {
+          "notes": {
+            "data": "The check produced warnings."
+          }
+        }
+      }
+    ]
+  }
+  ```
+
+- Added a name (`SoundcheckGroupSelector`) for the `GroupSelector` component of Soundcheck. This name will allow custom styling to be applied to the `GroupSelector` component.
+- Resolved an issue with links of the Soundcheck overview page.
+- Added basic pagination to the overview page for entities.
+- Level descriptions on the Soundcheck tab of the entity page now render markdown content.
+- Removed the "Library" suffix from Soundcheck's tabs.
+- Updated display of campaign progress on the Campaign Details page.
+- Updated information provided on campaign cards on the Soundcheck Overview page.
+- Fixed an issue where using the search by name feature of the Track library would only search the current page.
+- Updated the Playlist UI
+- Added tooltips to the filter components of the Tech-Health pages in Soundcheck.
+- Upgraded to Backstage `v1.23.0`
+- Updated dependencies
+  - `@spotify/backstage-plugin-core` to `^0.6.0`
+  - `@spotify/backstage-plugin-soundcheck-common` to `^0.12.0`
+  - `framer-motion` to `^11.0.0`.
+  - `@uiw/react-md-editor` to `4.0.3`.
+  - Removed `@backstage/theme` as a dependency
+
 ## 0.11.1
 
 ### Patch Changes

package/README.md

@@ -7,10 +7,10 @@ Soundcheck incentivizes quality, reliability, and alignment of your software eco
 There are 5 fundamental elements that make up Soundcheck:
 
 - **Check**: A standard or best practice a component is graded against.
-- **Check Result**: The result of running a check against a component. Results are either pass or fail.
+- **Check Result**: The result of running a check against a component. Possible results are passed, failed, warning or not applicable.
 - **Track**: A long-term tech health initiative.
 - **Level**: A group of checks that represent a milestone within a track.
-- **Certification**: The outcome of passing all checks within a level.
+- **Certification**: The outcome of passing all applicable checks within a level.
 
 Together, they show you how any given software component is performing against your organization's long-term tech health initiatives.
 
@@ -478,7 +478,7 @@ campaign progression.
 
 ### Campaign Archival
 
-The Soundcheck Campaign Library which lists all active campaigns offers users tools for finalizing and
+The Soundcheck Campaigns page lists all active campaigns offers users tools for finalizing and
 archiving campaigns, ensuring the completion of objectives is clearly documented.
 Admins and authorized users can view archived campaigns, providing a historical perspective on past initiatives.
 

package/alpha/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@spotify/backstage-plugin-soundcheck",
+  "version": "0.12.0",
+  "main": "../dist/alpha.esm.js",
+  "module": "../dist/alpha.esm.js",
+  "types": "../dist/alpha.d.ts"
+}

package/config.d.ts

@@ -10,20 +10,16 @@ export interface Config {
     /**
      * @visibility frontend
      */
-    techHealth?: {
+    overview?: {
       /**
        * @visibility frontend
        */
-      enable?: boolean;
+      defaultSelectedGroupType?: string;
     };
     /**
+     * A list of feature flags that can be enabled for the Soundcheck UI.
      * @visibility frontend
      */
-    overview?: {
-      /**
-       * @visibility frontend
-       */
-      defaultSelectedGroupType?: string;
-    };
+    flags?: string[];
   };
 }

package/dist/alpha.d.ts

@@ -0,0 +1,10 @@
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+/**
+ * @public
+ **
+ * The Soundcheck plugin for use within Backstage´s new frontend system
+ */
+declare const _default: _backstage_frontend_plugin_api.BackstagePlugin<{}, {}>;
+
+export { _default as default };

package/dist/alpha.esm.js

@@ -0,0 +1,2 @@
+import{createApiExtension as r,createApiFactory as i,discoveryApiRef as u,fetchApiRef as d,createPageExtension as c,createPlugin as p}from"@backstage/frontend-plugin-api";import{s,S as l,e as h,g as m,r as f,o as R}from"./esm/routes-93cd1496.esm.js";import{convertLegacyRouteRef as n,compatWrapper as t}from"@backstage/core-compat-api";import{createEntityContentExtension as a,createEntityCardExtension as g}from"@backstage/plugin-catalog-react/alpha";import o from"react";import"@backstage/core-plugin-api";import"graphql-request";import"graphql-tag";const k=r({factory:i({api:s,deps:{discoveryApi:u,fetchApi:d},factory:e=>new l(e)})}),v=a({defaultPath:"soundcheck",defaultTitle:"Soundcheck",name:"entity",routeRef:n(h),loader:()=>import("./esm/EntitySoundcheckContent-bc7bdbe2.esm.js").then(e=>t(o.createElement(e.EntitySoundcheckContent,null)))}),y=g({name:"card",loader:()=>import("./esm/index-f4bdaf5c.esm.js").then(e=>t(o.createElement(e.EntitySoundcheckCard,null)))}),E=a({defaultPath:"soundcheck",defaultTitle:"Soundcheck",name:"group",routeRef:n(m),attachTo:{id:"page:catalog/group-details",input:"contents"},loader:()=>import("./esm/index-5610fc82.esm.js").then(e=>t(o.createElement(e.FixedGroupOverviewPage,null)))}),P=c({name:"SoundcheckRoutingPage",namespace:"soundcheck",routeRef:n(f),defaultPath:"/soundcheck",loader:()=>import("./esm/index-b2acbf0c.esm.js").then(e=>t(o.createElement(e.RoutingPage,null)))}),S=c({name:"overview",namespace:"soundcheck",routeRef:n(R),defaultPath:"/soundcheck",loader:()=>import("./esm/index-5610fc82.esm.js").then(e=>t(o.createElement(e.OverviewPage,null)))});var A=p({id:"soundcheck",extensions:[P,S,k,v,y,E]});export{A as default};
+//# sourceMappingURL=alpha.esm.js.map

package/dist/esm/Card-2862fdca.esm.js

@@ -0,0 +1,2 @@
+import{Link as g,InfoCard as E}from"@backstage/core-components";import{useRouteRef as y}from"@backstage/core-plugin-api";import{useEntity as k}from"@backstage/plugin-catalog-react";import{Divider as C}from"@material-ui/core";import v from"@material-ui/core/styles/makeStyles";import{SpotifyLicenseBanner as h}from"@spotify/backstage-plugin-core";import e,{Fragment as S}from"react";import{C as c,u as L,a as w}from"./CertificationSidebar-5e4230a7.esm.js";import"@tanstack/react-query";import{c as N}from"./routes-93cd1496.esm.js";import"@backstage/catalog-model";import{A as R,N as b}from"./EmptyState-6a402254.esm.js";import"react-router-dom";import{s as D,i as A}from"./license-e9e73904.esm.js";import"@material-ui/lab";const I=()=>e.createElement(e.Fragment,null,e.createElement(c,{hideDescription:!0}),e.createElement(c,{hideDescription:!0})),s=v(t=>({certificationWrapper:{display:"flex",justifyContent:"space-between",alignItems:"center"},infoCard:{display:"grid",gridRowGap:t.spacing(2)},emptyState:{overflow:"hidden"}})),n=({children:t,title:o})=>{const a=s();return e.createElement(E,{title:o},e.createElement("div",{className:a.infoCard},e.createElement(h,{inline:!0,backend:D,invalidLicenseMessage:A}),t))},x=({title:t="Soundcheck"})=>{const{entity:o}=k(),a=s(),{data:i,isError:p,isLoading:d}=L(o),f=y(N);return p?e.createElement(n,{title:t},e.createElement(R,{severity:"error",title:"Error loading certifications"})):d||!i?e.createElement(n,{title:t},e.createElement(I,null)):i.length?e.createElement(n,{title:t},i.map((r,u)=>{var m,l;return e.createElement(S,{key:r.program.name},e.createElement("div",{className:a.certificationWrapper,"data-testid":"soundcheck-track-row"},e.createElement(w,{key:r.program.id,name:r.program.name,badge:(m=r.highestLevel)==null?void 0:m.badge,isCampaign:((l=r.program)==null?void 0:l.type)==="campaign"}),e.createElement(g,{to:f({trackId:r.program.id})},"View Details")),u<i.length-1?e.createElement(C,null):null)})):e.createElement(n,{title:t},e.createElement("div",{className:a.emptyState},e.createElement(b,null)))};export{x as C};
+//# sourceMappingURL=Card-2862fdca.esm.js.map

package/dist/esm/CertificationSidebar-5e4230a7.esm.js

@@ -0,0 +1,2 @@
+import{stringifyEntityRef as k}from"@backstage/catalog-model";import{useApi as v,useRouteRef as b}from"@backstage/core-plugin-api";import{useQuery as C}from"@tanstack/react-query";import{s as S,a as U,b as $}from"./routes-93cd1496.esm.js";import{useEntity as D}from"@backstage/plugin-catalog-react";import{makeStyles as m,Tooltip as H,Typography as c,alpha as p,Box as W}from"@material-ui/core";import t from"react";import{C as G,L as N,a as M,b as P,F as g,A as j}from"./EmptyState-6a402254.esm.js";import{Link as O}from"react-router-dom";import Q from"classnames";import _ from"@material-ui/icons/Schedule";import{useAutoUpdatingRelativeTime as q}from"@spotify/backstage-plugin-core";import{DateTime as I}from"luxon";import{MarkdownContent as u,Link as J}from"@backstage/core-components";import{Skeleton as o}from"@material-ui/lab";function K(e){const a=v(S),n=k(e);return C(["soundcheck/certifications",n],async()=>a.getAllCertifications(n))}function T(e,a){const n=v(S),l=k(e);return C(["soundcheck/certifications",l,a],async()=>n.getCertificationDetailsForTrack(l,a),{enabled:!!a})}const V=m(e=>({root:{display:"inline-flex",alignItems:"center",gap:e.spacing(1)}})),x=({timestamp:e,description:a})=>{const n=V(),l=I.fromISO(e).toLocaleString(I.DATETIME_FULL),i=q(e),r=a?`${a}: ${i}`:void 0;return t.createElement("div",{className:n.root},t.createElement(H,{title:l},t.createElement(c,{variant:"caption","aria-label":r},i)),t.createElement(_,null))},L=m(e=>({root:{display:"grid",width:"100%",gridTemplateColumns:"auto 1fr auto",gridColumnGap:e.spacing(1),padding:e.spacing(1),alignItems:"center","&.selected":{backgroundColor:p(e.palette.primary[e.palette.type],.2)},"&:hover, &:active, &:focus":{backgroundColor:p(e.palette.primary[e.palette.type],.3)}}})),X=({className:e,href:a,children:n})=>a?t.createElement(O,{to:a,className:e},n):t.createElement("div",{className:e},n),Y=({result:e,name:a,timestamp:n,selected:l=!1,href:i})=>{const r=L(),d=Q(r.root,{selected:l});return t.createElement(X,{href:i,className:d},t.createElement(G,{result:e}),t.createElement(c,{variant:"body2"},a),n?t.createElement(x,{timestamp:n}):null)},Z=m(e=>({noChecks:{padding:e.spacing(1)},checks:{padding:0,margin:0,flex:1,listStyle:"none"},checkItem:{borderBottom:`1px solid ${e.palette.divider}`,"&:last-of-type":{borderBottom:"0"}}})),ee=({checks:e,playlistId:a,trackId:n,checkId:l})=>{const i=Z(),r=b(U),d=b($);return e.length?t.createElement("ul",{className:i.checks},e.map(s=>t.createElement("li",{key:s.id,className:i.checkItem},t.createElement(Y,{...s,selected:s.id===l,href:a?d({playlistId:a,trackId:n,checkId:s.id}):r({trackId:n,checkId:s.id})})))):t.createElement(c,{variant:"body2",className:i.noChecks},"No applicable checks at this level.")},R=m(e=>{const a=e.palette.type==="dark"?e.palette.grey[700]:e.palette.grey[100];return{wrapper:{backgroundColor:a,color:p(e.palette.getContrastText(a),.8),fontSize:e.typography.caption.fontSize,minHeight:"auto",borderTop:`1px solid ${e.palette.divider}`,borderBottom:`1px solid ${e.palette.divider}`,padding:e.spacing(1),display:"grid",gridTemplateAreas:({badge:n})=>[`"${n?"badge":"title"} title"`,`"${n?".":"description"} description"`].join(" "),gridTemplateColumns:"auto 1fr"},title:{gridArea:"title",textTransform:"uppercase",fontWeight:"bold",color:p(e.palette.getContrastText(a),.8),fontSize:e.typography.body2.fontSize,paddingTop:e.spacing(.5),paddingBottom:e.spacing(.5),lineHeight:1},badge:{gridArea:"badge",marginRight:e.spacing(1)},description:{gridArea:"description",color:p(e.palette.getContrastText(a),.8),fontSize:e.typography.subtitle2.fontSize,"& p":{marginBlockStart:0,marginBlockEnd:0}}}}),te=e=>{const a=R({badge:e.badge});return t.createElement("div",{className:a.wrapper},e.badge?t.createElement(N,{className:a.badge,badge:e.badge}):null,t.createElement(c,{className:a.title},e.title),e.description?t.createElement(u,{className:a.description,content:e.description}):null)},A=({level:e,checkId:a,trackId:n,playlistId:l,isCampaign:i})=>{var r;return t.createElement(t.Fragment,null,!i&&t.createElement(te,{badge:e.badge,title:e.name,description:e.description}),t.createElement(ee,{checks:(r=e.checks)!=null?r:[],playlistId:l,trackId:n,checkId:a}))},z=({badge:e,className:a,size:n="small",isCampaign:l})=>{const i=a||"";let r=t.createElement(M,{className:i,size:n});return l?r=t.createElement(P,{className:i,size:n}):e&&(r=t.createElement(N,{className:i,size:n,badge:e})),r},E=m(e=>({description:{padding:0,margin:0,display:"block","& p":{margin:0}},root:{padding:e.spacing(2),margin:0,display:"grid",gridTemplateColumns:"min-content auto",gridGap:e.spacing(2)},title:{fontSize:e.typography.pxToRem(18),fontWeight:700,lineHeight:1.235,marginBottom:"6px"},level:{textTransform:"uppercase",color:e.palette.text.secondary,fontWeight:700,letterSpacing:"1px"}}));function ae({description:e,documentationUrl:a}){const n=E();return a?t.createElement("div",{className:n.description},t.createElement(u,{content:e}),t.createElement(J,{to:a},"Learn more")):t.createElement("div",{className:n.description},t.createElement(u,{content:e}))}const B=({name:e,badge:a,description:n,documentationUrl:l,isCampaign:i=!1})=>{const r=E();return t.createElement("div",{className:r.root},t.createElement(z,{badge:a,isCampaign:i,size:"large"}),t.createElement("div",null,t.createElement(c,{className:r.title},e),n&&t.createElement(ae,{description:n,documentationUrl:l})))},w=({hideDescription:e=!1})=>{const a=E();return t.createElement(g,null,t.createElement("div",{className:a.root},t.createElement(o,{width:44,height:44}),t.createElement("div",null,t.createElement(c,{variant:"caption",className:a.level},t.createElement(o,{width:100})),t.createElement(c,{variant:"h4",className:a.title},t.createElement(o,{width:300})),!e&&t.createElement(c,{variant:"body2"},t.createElement(o,null)))))},f=()=>{const e=L();return t.createElement(g,null,t.createElement("div",{className:e.root},t.createElement(o,{width:24,height:24}),t.createElement(c,{variant:"body2"},t.createElement(o,null)),t.createElement(o,{width:100,height:24})))},ne=()=>{const e=R({});return t.createElement(g,null,t.createElement("div",{className:e.wrapper},t.createElement(o,{className:e.title}),t.createElement(c,{className:e.description},t.createElement(o,null))))},F=()=>{const e=re();return t.createElement("div",null,t.createElement(w,null),new Array(3).fill(null).map((a,n)=>t.createElement(t.Fragment,{key:`skeleton-level-${n}`},t.createElement(ne,null),t.createElement("ul",{className:e.checks},t.createElement(f,null),t.createElement(f,null),t.createElement(f,null)))))},re=m(()=>({checks:{padding:0,margin:0,flex:1,listStyle:"none"}})),ie=({playlistId:e,trackId:a,checkId:n})=>{var l;const{entity:i}=D(),{data:r,isLoading:d,isError:s}=T(i,a);if(s)return t.createElement("div",null,t.createElement(W,{padding:2},t.createElement(j,{severity:"error",title:"Error loading certification"})));if(d||!a)return t.createElement(F,null);if(!r)return null;const h=r.program.type==="campaign";return t.createElement("div",null,t.createElement(B,{name:r.program.name,badge:(l=r.highestLevel)==null?void 0:l.badge,description:r.program.description,documentationUrl:r.program.documentationURL,isCampaign:h}),r==null?void 0:r.levels.map(y=>t.createElement(A,{key:y.ordinal,level:y,checkId:n,trackId:a,playlistId:e,isCampaign:h})))};export{w as C,x as R,B as a,T as b,z as c,F as d,A as e,ie as f,K as u};
+//# sourceMappingURL=CertificationSidebar-5e4230a7.esm.js.map

package/dist/esm/EmptyState-6a402254.esm.js

@@ -0,0 +1,2 @@
+import{useApi as F,errorApiRef as M}from"@backstage/core-plugin-api";import{QueryClient as O,QueryClientProvider as W}from"@tanstack/react-query";import{memoize as D}from"lodash";import r,{createContext as y,useState as p,useCallback as l,useContext as v,useRef as L,useEffect as U}from"react";import{makeStyles as c,Typography as d,Modal as Q,Box as H,Button as E,withStyles as m,Fade as K}from"@material-ui/core";import{Alert as j}from"@material-ui/lab";import q from"@material-ui/icons/Check";import J from"@material-ui/icons/Close";import V from"@material-ui/icons/HelpOutline";import X from"@material-ui/icons/RemoveCircleOutline";import Y from"@material-ui/icons/ReportProblemOutlined";import{R as n}from"./routes-93cd1496.esm.js";import u from"classnames";import{parseEntityRef as b}from"@backstage/catalog-model";import{humanizeEntityRef as R}from"@backstage/plugin-catalog-react";import Z from"../images/empty-state.svg";const _=D(e=>new O({defaultOptions:{queries:{refetchInterval:6e4,refetchIntervalInBackground:!1,refetchOnWindowFocus:"always",retry:2,retryDelay:t=>{const a=450+Math.ceil(Math.random()*100);return Math.min(a*2**t,3e4)},onError:t=>e.post(t)}}})),ee=e=>{const t=F(M),a=_(t);return r.createElement(W,{client:a},e.children)};var P=(e=>(e.GetAllPrograms="soundcheck/programs",e.GetChecks="soundcheck/checks",e.GetCollectors="soundcheck/collectors",e.GetFactSchema="soundcheck/collectors/schema",e.GetEntityFacets="soundcheck/catalog/facets",e.GetSoftwareEntityRefsForUser="soundcheck/entities/softwareEntityRefsForUser",e.GetCampaigns="soundcheck/campaigns",e.GetCampaignProgress="soundcheck/campaigns/getCampaignProgress",e.GetOverallCheckPassRateSnapshots="soundcheck/charts/overallCheckPassRateSnapshots",e.GetOverallCheckPassRateTrends="soundcheck/charts/overallCheckPassRateTrends",e.GetIndividualCheckPassRateSnapshots="soundcheck/charts/getIndividualCheckPassRateSnapshots",e.GetIndividualCheckPassRateTrends="soundcheck/charts/getIndividualCheckPassRateTrends",e.GetOverallTrackPassRateSnapshots="soundcheck/charts/overallTrackPassRateSnapshots",e.GetOverallTrackPassRateTrends="soundcheck/charts/overallTrackPassRateTrends",e.GetIndividualTrackPassRateSnapshots="soundcheck/charts/individualTrackPassRateSnapshots",e.GetIndividualTrackPassRateTrends="soundcheck/charts/individualTrackPassRateTrends",e.GetOverallEntityPassRateTrends="soundcheck/charts/overallEntityPassRateTrends",e.GetIndividualEntityPassRateSnapshots="soundcheck/charts/individualEntityPassRateSnapshots",e.GetIndividualEntityPassRateTrends="soundcheck/charts/individualEntityPassRateTrends",e.GetOverallGroupPassRateTrends="soundcheck/charts/overallGroupPassRateTrends",e.GetIndividualGroupPassRateSnapshots="soundcheck/charts/individualGroupPassRateSnapshots",e.GetIndividualGroupPassRateTrends="soundcheck/charts/individualGroupPassRateTrends",e.EntityByRef="soundcheck/catalog/entityByRef",e.EntitiesByRefs="soundcheck/catalog/entitiesByRef",e.TrackEntities="soundcheck/tracks/entities",e))(P||{}),T=(e=>(e.DeleteCheck="soundcheck/deleteCheck",e.CreateCheck="soundcheck/createCheck",e.UpdateCheck="soundcheck/updateCheck",e.DeleteProgram="soundcheck/deleteProgram",e.CreateProgram="soundcheck/createProgram",e.UpdateProgram="soundcheck/updateProgram",e.UpdateCollectorConfig="soundcheck/updateCollectorConfig",e.CreateCampaign="soundcheck/createCampaign",e.UpdateCampaign="soundcheck/updateCampaign",e.DeleteCampaign="soundcheck/deleteCampaign",e.ArchiveCampaign="soundcheck/archiveCampaign",e))(T||{});const te=c(e=>({root:{padding:e.spacing(3)},icon:{display:"none"},message:{padding:0},type:{fontWeight:700,lineHeight:1.75}})),x=e=>{const{type:t,...a}=te();return r.createElement(j,{severity:e.severity,elevation:1,classes:a,onClose:e.onClose},r.createElement(d,{classes:{root:t}},e.title),e.children)},G=y({}),ae=e=>{const[t,a]=p(),o=l(h=>{a(h)},[]),s=l(()=>{a(null)},[]);return r.createElement(G.Provider,{value:{showAlert:o,clearAlert:s}},t&&r.createElement(x,{severity:t.severity,title:t.title,onClose:s},t.message),e.children)},re=()=>v(G),se=c(e=>({modalContent:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",padding:"25px",backgroundColor:e.palette.type==="dark"?e.palette.grey[800]:e.palette.grey[200]},modalButtons:{display:"flex",justifyContent:"space-evenly","& button":{width:"40%",maxWidth:"185px"}},modalMessage:{margin:"15px 0 35px"}})),N=y({}),oe=e=>{const t=se(),[a,o]=p(!1),[s,h]=p(),i=L(),w=l(({title:$,message:z,error:B})=>(h({title:$,message:z,error:B}),o(!0),new Promise(A=>{i.current=A})),[]),I=l(()=>{i.current&&i.current(!0),o(!1)},[]),C=l(()=>{i.current&&i.current(!1),o(!1)},[]);return r.createElement(N.Provider,{value:{showModal:w}},e.children,s&&r.createElement(Q,{open:a,onClose:C,"aria-labelledby":"confirmation-modal-title","aria-describedby":"confirmation-modal-description"},r.createElement(H,{className:t.modalContent},r.createElement(d,{id:"confirmation-modal-title",variant:"h6"},s.title),r.createElement(d,{className:t.modalMessage,id:"confirmation-modal-description",variant:"body1"},s.message),r.createElement("div",{className:t.modalButtons},!s.error&&r.createElement(E,{onClick:C,variant:"contained","aria-label":"cancel"},"Cancel"),r.createElement(E,{color:"primary",onClick:I,variant:"contained","aria-label":"confirm"},s.error?"Ok":"Confirm")))))},ne=()=>v(N),ce=e=>({[n.Passed]:"Check passed",[n.NotReported]:"Check not reported",[n.Failed]:"Check failed",[n.Warning]:"Check produced warning(s)",[n.NotApplicable]:"Check not applicable"})[e],ie=m(e=>({root:{color:e.palette.success.main}}))(q),le=m(e=>({root:{color:e.palette.error.main}}))(J),de=m(e=>({root:{color:e.palette.warning.main}}))(Y),me=m(e=>({root:{color:e.palette.info.main}}))(V),pe=m(e=>({root:{color:e.palette.text.disabled}}))(X),ue=({result:e,className:t})=>{const a={className:t,"aria-label":ce(e),"aria-hidden":!1};return e===n.Passed?r.createElement(ie,{...a}):e===n.NotReported?r.createElement(me,{...a}):e===n.Failed?r.createElement(le,{...a}):e===n.Warning?r.createElement(de,{...a}):e===n.NotApplicable?r.createElement(pe,{...a}):null},S=24,he=11,g=e=>e==="small"?1:2,ge=c({root:{position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",borderWidth:"2px",fontWeight:700,width:({size:e})=>`${S*g(e)}px`,height:({size:e})=>`${S*g(e)}px`,fontSize:({size:e})=>`${he*g(e)}px`}}),k=({className:e,label:t,size:a="small"})=>{const o=ge({size:a});return r.createElement("span",{className:u(e,o.root),role:"img","aria-label":`${t} badge`},t)},ke=c(e=>({root:{background:({color:t})=>t,color:e.palette.common.black,borderColor:e.palette.common.black,borderStyle:"solid","&::after":{position:"absolute",display:"block",content:'""',top:0,left:0,width:"100%",height:"100%",borderRadius:"50%",boxShadow:["inset 0 -0.18em 0 0 rgba(0, 0, 0, 0.25)","inset 0px 0.18em 0px 0px rgba(255, 255, 255, 0.5)","inset 0px 1.3em 0px -0.5em rgba(255, 255, 255, 0.2)"].join(",")}}})),fe=({className:e,badge:t,size:a="small"})=>{const o=ke({color:t.options.color,size:a});return r.createElement(k,{className:u(e,o.root),size:a,label:`L${t.options.level}`})},Ce=c({root:{borderColor:"currentColor",borderStyle:"dashed"}}),ye=({className:e,size:t="small"})=>{const a=Ce();return r.createElement(k,{className:u(e,a.root),size:t,label:"NL"})},ve=c({root:{borderColor:"currentColor",borderStyle:"solid"}}),Ee=({className:e,size:t="small"})=>{const a=ve();return r.createElement(k,{className:u(e,a.root),size:t,label:"C"})},be=({children:e})=>{const[t,a]=p(!1);return U(()=>{const o=setTimeout(()=>{a(!0)},250);return()=>clearTimeout(o)},[]),r.createElement(K,{in:t,timeout:250},e)},Re=c(e=>({card:{backgroundColor:e.palette.background.paper,border:`1px solid ${e.palette.border}`,borderRadius:e.shape.borderRadius,display:"flex",padding:e.spacing(5)},container:{margin:"0 auto",display:"flex",flexDirection:"row",alignItems:"center",gap:e.spacing(5)},content:{width:"20rem",display:"flex",flexDirection:"column",gap:e.spacing(2)},header:{display:"flex",flexDirection:"column",gap:e.spacing(2)},description:{color:e.palette.grey[600],fontWeight:500},action:{display:"inline-block"},img:{maxHeight:400}})),f=({title:e,description:t,imgSrc:a,action:o})=>{const s=Re();return r.createElement("div",{className:s.card},r.createElement("div",{className:s.container},r.createElement("div",{className:s.content},r.createElement("header",{className:s.header},r.createElement(d,{variant:"h5"},e),r.createElement(d,{variant:"body1",className:s.description},t)),o&&r.createElement("div",{className:s.action},o)),r.createElement("div",null,r.createElement("img",{src:a!=null?a:Z,className:s.img,alt:e}))))},Pe="No certifications available",Te=({ownerEntityRef:e,selectGroupHint:t})=>{let a="There are no tracks configured that apply to this entity.";return e&&(a=`Looks like the group '${R(b(e),{defaultKind:"Group"})}' doesn't own any entities that have any applicable tracks configured. ${t}`),r.createElement(f,{title:Pe,description:a})},xe="Missing entities",Ge=({ownerEntityRef:e,selectGroupHint:t})=>{if(!e)return null;const a=R(b(e),{defaultKind:"Group"});return r.createElement(f,{title:xe,description:`The group '${a}' doesn't own any entities. ${t!=null?t:""}`})};export{x as A,oe as B,ue as C,f as E,be as F,fe as L,T as M,Te as N,P as Q,ee as S,ye as a,Ee as b,Ge as c,ne as d,ae as e,re as u};
+//# sourceMappingURL=EmptyState-6a402254.esm.js.map

package/dist/esm/EntitySoundcheckContent-bc7bdbe2.esm.js

@@ -0,0 +1,2 @@
+import e,{useState as te,useEffect as ae,useRef as ne,createContext as re,useContext as ie,useMemo as le}from"react";import{useApi as S,useRouteRef as y,useRouteRefParams as L}from"@backstage/core-plugin-api";import{useEntity as f}from"@backstage/plugin-catalog-react";import{Link as O,useParams as j,Routes as oe,Route as v,Navigate as I}from"react-router-dom";import{R as ce,b as C,c as se,u as $,d as de,a as me,e as pe,f as ue}from"./CertificationSidebar-5e4230a7.esm.js";import{useQuery as B}from"@tanstack/react-query";import{s as F,R as u,d as w,c as x,b as G,f as A,a as Q}from"./routes-93cd1496.esm.js";import{stringifyEntityRef as D}from"@backstage/catalog-model";import{A as R,F as H,N as ge,S as fe}from"./EmptyState-6a402254.esm.js";import{makeStyles as g,Typography as k,Box as V,Tab as W,Tabs as Y,styled as M,Accordion as Ee,AccordionSummary as he,AccordionDetails as ye,useTheme as ve,Paper as ke,Divider as be}from"@material-ui/core";import{SpotifyLicenseBanner as Ce}from"@spotify/backstage-plugin-core";import{s as Re,i as Ie}from"./license-e9e73904.esm.js";import{Skeleton as E}from"@material-ui/lab";import{MarkdownContent as N,LinearGauge as we,Link as xe}from"@backstage/core-components";import Ne from"react-confetti";import Te from"react-use/lib/useMeasure";import q from"react-use/lib/usePrevious";import{R as Pe}from"./RefetchingIndicator-b4961e02.esm.js";import Se from"@material-ui/icons/ExpandMore";import{i as Le}from"./chartUtils-080232d7.esm.js";import T from"lodash";import"classnames";import"@material-ui/icons/Schedule";import"luxon";import"graphql-request";import"graphql-tag";import"@backstage/core-compat-api";import"@material-ui/icons/Check";import"@material-ui/icons/Close";import"@material-ui/icons/HelpOutline";import"@material-ui/icons/RemoveCircleOutline";import"@material-ui/icons/ReportProblemOutlined";import"../images/empty-state.svg";import"react-use/lib/useDebounce";import"react-use/lib/useUnmount";function $e(t){const a=S(F);return B(["soundcheck/certifications",t],async()=>a.getCertificationDetails(t))}function Be(t,a,n){const i=S(F),r=D(t);return B(["soundcheck/check-details",r,a,n],async()=>i.getCheckResultDetails(r,a,n),{enabled:!!a&&!!n})}function P(t){const a=S(F),n=D(t);return B(["soundcheck/playlists",n],async()=>a.getPlaylists(n))}const Fe=g({markdownContent:{"& :last-child":{marginBottom:0}}}),Ae=({state:t,notes:a})=>{const n=Fe(),i={[u.Passed]:"success",[u.Failed]:"error",[u.Warning]:"warning",[u.NotReported]:"info",[u.NotApplicable]:"info"}[t],r={[u.Passed]:"Check passed",[u.Failed]:"Check did not pass",[u.Warning]:"Check produced warning(s)",[u.NotReported]:"Check not reported",[u.NotApplicable]:"Check not applicable"}[t];return e.createElement(R,{severity:i,title:r},a?e.createElement(N,{className:n.markdownContent,content:a}):null)},De=()=>{const t=J();return e.createElement(H,null,e.createElement("div",{className:t.root,"data-testid":"check-details-view"},e.createElement("div",{className:t.topBar},e.createElement(k,{variant:"h2",className:t.title},e.createElement(E,{width:300,height:32})),e.createElement(E,{width:100,height:32})),e.createElement(E,{variant:"rect",height:120}),e.createElement("div",{"data-testid":"soundcheck-check-details-description"},e.createElement(k,{variant:"h3"},e.createElement(E,null)),e.createElement(E,null),e.createElement(E,null),e.createElement(E,null))))},J=g(t=>({root:{padding:`${t.spacing(3)}px ${t.spacing(5)}px`},title:{fontWeight:"normal",fontSize:t.typography.h5.fontSize},description:{padding:`${t.spacing(3)}px 0`},subtitle:{fontWeight:"normal",fontSize:t.typography.h6.fontSize},topBar:{display:"flex",justifyContent:"space-between",marginBottom:t.spacing(2)}})),K=({programId:t,checkId:a})=>{const n=J(),{entity:i}=f(),{data:r,isLoading:l,isError:o}=Be(i,t,a);if(o)return e.createElement(V,{padding:2},e.createElement(R,{severity:"error",title:"Error loading check details"}));if(l||!t||!a)return e.createElement(De,null);if(!r)return null;const{name:s,description:p,result:d,timestamp:c,notes:m}=r;return e.createElement("div",{className:n.root,"data-testid":"check-details-view"},e.createElement("div",{className:n.topBar},e.createElement(k,{variant:"h2",className:n.title},s),c?e.createElement(ce,{timestamp:c,description:"Last updated"}):null),e.createElement(Ae,{state:d,notes:m}),e.createElement("div",{className:n.description,"data-testid":"soundcheck-check-details-description"},e.createElement(k,{variant:"h3",className:n.subtitle},"Description"),e.createElement(N,{content:p})))},We=g(()=>({root:{position:"absolute",width:"100%",height:"100%"}})),Me=({programId:t})=>{var a,n;const i=We(),{entity:r}=f(),{data:l,isLoading:o}=C(r,t),[s,{width:p,height:d}]=Te(),c=o?void 0:(n=(a=l==null?void 0:l.highestLevel)==null?void 0:a.ordinal)!=null?n:-1,m=q(c),h=q(t),[ee,U]=te(!1);return ae(()=>{typeof m!="undefined"&&typeof c!="undefined"&&t===h&&c>m&&U(!0)},[c,m,t,h]),ee?e.createElement("div",{ref:s,className:i.root},e.createElement(Ne,{width:p,height:d,numberOfPieces:1e3,gravity:1,initialVelocityY:20,recycle:!1,onConfettiComplete:()=>U(!1)})):null},X=g(t=>({root:{maxWidth:"80ch",textTransform:"uppercase",paddingTop:t.spacing(2),paddingBottom:t.spacing(2)},wrapper:{display:"inline-block",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},badge:{marginRight:t.spacing(1)}})),ze=({id:t,name:a,badge:n,href:i,selected:r=!1})=>{const l=X(),{entity:o}=f(),{data:s}=C(o,t);return e.createElement(W,{className:l.root,classes:{wrapper:l.wrapper},value:t,label:e.createElement(e.Fragment,null,e.createElement(se,{badge:n,isCampaign:(s==null?void 0:s.program.type)==="campaign",className:l.badge}),a),component:O,to:i,selected:r})},Ue=g(t=>({root:{maxWidth:"80ch",textTransform:"uppercase",paddingTop:t.spacing(2),paddingBottom:t.spacing(2)},wrapper:{display:"inline-block",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"},badge:{marginRight:t.spacing(1)}})),Oe=({id:t,name:a,href:n,selected:i=!1})=>{const r=Ue();return e.createElement(W,{className:r.root,classes:{wrapper:r.wrapper},value:t,label:a,component:O,to:n,selected:i})},z=()=>{const t=X();return e.createElement(W,{className:t.root,classes:{wrapper:t.wrapper},label:e.createElement(E,{width:180})})},je=()=>e.createElement(H,null,e.createElement(Y,{value:!1,indicatorColor:"primary"},e.createElement(z,null),e.createElement(z,null),e.createElement(z,null)));function Ge(t=[],a=[],n,i){if(n){const l=t.findIndex(o=>o.id===n);return l<0?!1:l}const r=a.findIndex(l=>l.program.id===i);return r<0?!1:r+t.length}const Qe=({playlistId:t,trackId:a})=>{const{entity:n}=f(),{isLoading:i,data:r}=$(n),{isLoading:l,data:o}=P(n),s=y(w),p=y(x);if(l||i||!a)return e.createElement(je,null);const d=Ge(o,r,t,a);return e.createElement(Y,{value:d,indicatorColor:"primary","aria-label":"Certifications",variant:"scrollable"},(o==null?void 0:o.length)&&o.map(({id:c,name:m})=>e.createElement(Oe,{key:c,id:c,name:m,selected:c===a,href:s({playlistId:c})})),r&&r.filter(({program:{type:c}})=>c!=="playlist").map(({program:{id:c,name:m},highestLevel:h})=>e.createElement(ze,{key:c,id:c,name:m,badge:h==null?void 0:h.badge,selected:c===a,href:p({trackId:c})})))},He=M(Ee)(({theme:t})=>({margin:"0 !important",borderRadius:0,"&.Mui-expanded":{borderRadius:0},"&:first-child":{borderTopLeftRadius:0,borderTopRightRadius:0},"&:last-child":{borderBottomLeftRadius:0,borderBottomRightRadius:0},"&:not(:first-child)":{borderTop:`1px solid ${t.palette.divider}`}})),Ve=M(({...t})=>e.createElement(he,{classes:{content:"content",expanded:"expanded"},...t}))(({theme:t})=>({borderRadius:0,paddingTop:0,paddingLeft:0,paddingRight:t.spacing(1),"& > .content":{margin:"0 !important",padding:"0 !important"},"& > .content.expanded":{margin:"0 !important",padding:"0 !important"}})),Ye=M(ye)(()=>({margin:"0 !important",borderRadius:0,padding:0})),qe=g(()=>({sidebar:{width:"100%"}})),Je=({playlistId:t,trackId:a,checkId:n})=>{var i;const r=qe(),{entity:l}=f(),o=ne(null),{data:s,isLoading:p,isError:d}=C(l,a);if(d)return e.createElement("div",null,e.createElement(V,{padding:2},e.createElement(R,{severity:"error",title:"Error loading certification"})));if(p||!a)return e.createElement(de,null);if(!s)return null;const c=s.program.type==="campaign";return e.createElement(He,{ref:o,defaultExpanded:!0,elevation:0},e.createElement(Ve,{expandIcon:e.createElement(Se,null),"aria-controls":"certification-content",id:"certification-summary"},e.createElement(me,{name:s.program.name,badge:(i=s.highestLevel)==null?void 0:i.badge,description:s.program.description,documentationUrl:s.program.documentationURL,isCampaign:c})),e.createElement(Ye,null,e.createElement("div",{className:r.sidebar},s==null?void 0:s.levels.map(m=>e.createElement(pe,{key:m.ordinal,level:m,checkId:n,trackId:a,playlistId:t,isCampaign:c})))))},Z=re(void 0),Ke=()=>{const t=ie(Z);if(!t)throw new Error("useAPlaylistCertificationContext must be used within an PlaylistCertificationProvider");return t},Xe=t=>{const{children:a,entityRef:n}=t,i=$e(n);return e.createElement(Z.Provider,{value:i},a)},Ze=(t,a)=>{if(a)return a.filter(n=>t.trackIds.includes(n.program.id)).map(n=>{const i=T.sumBy(n.levels,o=>T.filter(o.checks,{result:u.Passed}).length),r=T.sumBy(n.levels,o=>T.reject(o.checks,{result:u.NotApplicable}).length),l=r===0?0:i/r;return{id:n.program.id,name:n.program.name,checkPassRate:l}})},_e=g(()=>({root:{margin:0,width:"250px"},trackItem:{display:"flex",flexDirection:"column",alignItems:"flex-start"},trackName:{margin:0,padding:0}})),et=({playlist:t})=>{const a=_e(),{data:n}=Ke(),i=ve(),r=le(()=>Ze(t,n),[n,t]);return e.createElement("div",{className:a.root},r&&r.map(l=>e.createElement("div",{className:a.trackItem,key:l.id},e.createElement(k,{variant:"caption",color:"textSecondary"},l.name),e.createElement("div",{style:{width:"100%",margin:0,padding:0}},e.createElement(we,{value:l.checkPassRate,getColor:()=>i.palette.status.ok})))))},_=g(t=>({description:{padding:0,margin:0,display:"block","& p":{margin:0}},root:{padding:t.spacing(2),margin:0,display:"grid",gridTemplateColumns:"min-content auto",gridGap:t.spacing(2)},title:{fontSize:t.typography.pxToRem(18),fontWeight:700,lineHeight:1.235,marginBottom:"6px"},level:{textTransform:"uppercase",color:t.palette.text.secondary,fontWeight:700,letterSpacing:"1px"}}));function tt({description:t,documentationUrl:a}){const n=_();return a?e.createElement("div",{className:n.description},e.createElement(N,{content:t}),e.createElement(xe,{to:a},"Learn more")):e.createElement("div",{className:n.description},e.createElement(N,{content:t}))}const at=({playlist:t})=>{const a=_(),{name:n,description:i}=t;return e.createElement("div",{className:a.root},e.createElement(et,{playlist:t}),e.createElement("div",null,e.createElement(k,{className:a.title},n),i&&e.createElement(tt,{description:i,documentationUrl:void 0})))},nt=g(t=>({root:{margin:0,display:"grid",gridTemplateColumns:"1fr",backgroundColor:Le(t)?t.palette.background.paper:t.palette.background.default},section:{backgroundColor:t.palette.background.paper,borderBottom:`1px solid ${t.palette.divider}`,padding:0},twoColumns:{display:"grid",gridTemplateColumns:"1fr 2fr"},sidebar:{display:"grid",gridTemplateColumns:"1fr",borderRight:`1px solid ${t.palette.divider}`}})),rt=({playlist:t,entityRef:a})=>{const n=nt(),{trackId:i,checkId:r}=j();return e.createElement("div",{className:n.root},e.createElement(Xe,{entityRef:a},e.createElement("div",{className:n.section},e.createElement(at,{playlist:t,entityRef:a})),e.createElement("div",{className:n.twoColumns},e.createElement("div",{className:n.sidebar},t.trackIds.map(l=>e.createElement(Je,{key:l,playlistId:t.id,trackId:l,checkId:r}))),e.createElement("div",{className:n.section},e.createElement(K,{programId:i,checkId:r})))))},it=g(t=>({paper:{overflow:"hidden",position:"relative"},view:{display:"grid",gridTemplateColumns:"1fr 2fr"},sidebar:{borderRight:`1px solid ${t.palette.divider}`}})),lt=()=>{const{playlistId:t,trackId:a,checkId:n}=j(),i=it(),{entity:r}=f(),{isError:l,isFetched:o,data:s}=$(r),{isError:p,data:d}=P(r);if(l||p)return e.createElement(R,{severity:"error",title:"Error loading certifications"});const c=t&&(d==null?void 0:d.find(h=>h.id===t));if(t&&!c)return e.createElement(R,{severity:"error",title:"Playlist ${playlistId} not found."});if(o&&!(s!=null&&s.length))return e.createElement(ge,null);const m=r?D(r):void 0;return e.createElement(ke,{className:i.paper},e.createElement(Pe,null),e.createElement(Qe,{playlistId:t,trackId:a}),e.createElement(be,null),c&&e.createElement(rt,{playlist:c,entityRef:m}),!c&&a&&e.createElement("div",{"data-testid":"soundcheck-certification-view",className:i.view},e.createElement("div",{className:i.sidebar},e.createElement(ue,{trackId:a,checkId:n})),e.createElement(K,{programId:a,checkId:n}),e.createElement(Me,{programId:a})))},ot=g(t=>({root:{"&:not(:first-child)":{marginTop:t.spacing(2)}}})),b=()=>{const t=ot();return e.createElement(e.Fragment,null,e.createElement(Ce,{backend:Re,invalidLicenseMessage:Ie,inline:!0}),e.createElement("div",{className:t.root},e.createElement(lt,null)))},ct=()=>{var t,a;const{entity:n}=f(),i=y(w),r=y(x),{isLoading:l,data:o}=P(n),{isLoading:s,data:p}=$(n);if(l||s)return null;const d=(t=o==null?void 0:o[0])==null?void 0:t.id,c=(a=p==null?void 0:p[0])==null?void 0:a.program.id;return!d&&!c?null:e.createElement(I,{to:d?i({playlistId:d}):r({trackId:c}),replace:!0})},st=()=>{var t;const{entity:a}=f(),{playlistId:n}=L(w),i=y(A),{data:r}=P(a),l=(t=r==null?void 0:r.find(o=>o.id===n))==null?void 0:t.trackIds[0];return l?e.createElement(I,{to:i({playlistId:n,trackId:l}),replace:!0}):null},dt=()=>{var t,a;const{entity:n}=f(),{playlistId:i,trackId:r}=L(A),{data:l}=C(n,r),o=y(G),s=(a=(t=l==null?void 0:l.levels[0])==null?void 0:t.checks[0])==null?void 0:a.id;return s?e.createElement(I,{to:o({playlistId:i,trackId:r,checkId:s}),replace:!0}):null},mt=()=>{var t,a;const{entity:n}=f(),{trackId:i}=L(x),r=y(Q),{data:l}=C(n,i),o=(a=(t=l==null?void 0:l.levels[0])==null?void 0:t.checks[0])==null?void 0:a.id;return o?e.createElement(I,{to:r({trackId:i,checkId:o}),replace:!0}):null},pt=()=>e.createElement(oe,null,e.createElement(v,{path:G.path,element:e.createElement(b,null)}),e.createElement(v,{path:A.path,element:e.createElement(e.Fragment,null,e.createElement(b,null),e.createElement(dt,null))}),e.createElement(v,{path:w.path,element:e.createElement(e.Fragment,null,e.createElement(b,null),e.createElement(st,null))}),e.createElement(v,{path:x.path,element:e.createElement(e.Fragment,null,e.createElement(b,null),e.createElement(mt,null))}),e.createElement(v,{path:Q.path,element:e.createElement(b,null)}),e.createElement(v,{path:"/",element:e.createElement(e.Fragment,null,e.createElement(b,null),e.createElement(ct,null))})),ut=()=>e.createElement(fe,null,e.createElement(pt,null));export{ut as EntitySoundcheckContent};
+//# sourceMappingURL=EntitySoundcheckContent-bc7bdbe2.esm.js.map

package/dist/esm/OverviewPageContent-d5467d2c.esm.js

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

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

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

package/dist/esm/index-5610fc82.esm.js

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