@spotify/backstage-plugin-soundcheck 0.19.7 → 0.19.8

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @spotify/backstage-plugin-soundcheck
 
+## 0.19.8
+
+### Patch Changes
+
+- Fixed search on Tech Insights Explorer BUI pages.
+
 ## 0.19.7
 
 ### Patch Changes

package/dist/components/CampaignPage/CampaignTechInsightsExplorerPage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as c,Fragment as J}from"react/jsx-runtime";import{useRouteRef as S,useApi as K}from"@backstage/core-plugin-api";import{entityPresentationApiRef as Q}from"@backstage/plugin-catalog-react";import{usePermission as W}from"@backstage/plugin-permission-react";import{Container as l,HeaderPage as X,Box as w,Flex as Y,SearchField as Z}from"@backstage/ui";import{makeStyles as _}from"@material-ui/core";import{soundcheckCampaignReadPermission as ee}from"@spotify/backstage-plugin-soundcheck-common";import{useState as F,useMemo as I,useEffect as ie}from"react";import{useParams as re,useSearchParams as te}from"react-router-dom";import ae from"react-use/lib/useDebounce";import{useGroupHierarchy as oe}from"../../hooks/heirarchy/useGroupHierarchy.esm.js";import{useHierarchicalTrackStatus as ne}from"../../hooks/heirarchy/useHierarchicalTrackStatus.esm.js";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import{useGetCampaigns as me}from"../../hooks/campaigns/useGetCampaigns.esm.js";import{useGetAllTracks as se}from"../../hooks/tracks/useGetAllTracks.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-use/lib/useLocalStorage";import{useLCPReporting as pe}from"../../hooks/useLCPReporting.esm.js";import{useLoadTimeReporting as ce}from"../../hooks/useLoadTimeReporting.esm.js";import{campaignsPageRouteRef as le,campaignOverviewRouteRef as de,campaignExplorerRouteRef as ge}from"../../routes.esm.js";import{EmptyStateBUI as E}from"../EmptyState/EmptyStateBUI.esm.js";import"../FilterSidebar/FilterSidebar.esm.js";import"../FilterSidebar/StateFilter.esm.js";import{useTrackFilterSidebar as fe}from"../FilterSidebar/useTrackFilterSidebar.esm.js";import"../FilterSidebar/util.esm.js";import{hierarchyToNivo as he}from"../HierarchicalTechInsightsPage/visualizations/hierarchyToNivo.esm.js";import{LoadingTableSkeleton as ue}from"../LoadingTableSkeleton/LoadingTableSkeleton.esm.js";import{SimpleMenu as be}from"../Menus/SimpleMenu.esm.js";import{useCampaignActions as ve}from"../Menus/useCampaignActions.esm.js";import{SendCampaignNotificationDialogBUI as Ce}from"../SendCampaignNotificationDialog/SendCampaignNotificationDialogBUI.esm.js";import{TechInsightsExplorerTable as Se}from"../TechInsightsExplorerTable/TechInsightsExplorerTable.esm.js";import{TechInsightsGroupSelector as we}from"../TechInsightsGroupSelector/TechInsightsGroupSelector.esm.js";import{TopAndBottomPerformingTeams as Ie}from"../TopAndBottomPerformingTeams/TopAndBottomPerformingTeams.esm.js";const Re=_(()=>({container:{marginBottom:"var(--bui-space-12)"},teams:{margin:"0 0 var(--bui-space-12)"},tableContent:{margin:"var(--bui-space-3) 0 0"},filters:{width:"25rem",marginLeft:"auto"}})),Te=()=>{const t=Re(),{owners:d,lifecycles:g,types:f,systems:h}=fe(),{campaignId:i}=re(),[u,j]=te(),[n,B]=F(u.get("search")||""),a=u.get("group"),[R,G]=F(""),D=S(le);ae(()=>{G(n);const r=new URLSearchParams(u.toString());n?r.set("search",n):r.delete("search"),j(r,{replace:!0})},300,[n]);const T=I(()=>({routeName:"soundcheck-campaign-insights",additionalAttributes:{campaignId:i||"",filtersApplied:d.length+g.length+f.length+h.length,ownersFilter:d?.join(",")||"",lifecyclesFilter:g?.join(",")||"",typesFilter:f?.join(",")||"",systemsFilter:h?.join(",")||"",campaignsSearch:R||""}}),[i,d,g,f,h,R]),{reportContentLoaded:y}=ce(T),{reporter:H}=pe(T),{data:O,isLoading:s}=me({ids:[i],first:1}),o=O?.edges?.[0]?.node,{actions:N,showNotificationDialog:k,setShowNotificationDialog:U}=ve(o??void 0),m=o?.track,L=K(Q),{data:P}=se({}),b=I(()=>P?.edges.find(r=>r.node.id===m?.id)?.node,[P?.edges,m?.id]),{data:x,isLoading:v}=oe(a||void 0,{enabled:!!a&&!!m?.id&&!!b,ownedEntitiesFilter:b?.filter??void 0}),{loading:q,allowed:M}=W({permission:ee,resourceRef:i}),{data:C,isLoading:p}=ne({trackId:m?.id??"",groupRef:a??"",skip:!m?.id}),$=I(()=>{if(!a)return;const r=x?.[a];return r?he(r,C||null,()=>"var(--bui-fg-primary)",L,void 0):void 0},[x,L,a,C]),A=H?.getLCPValue();ie(()=>{!s&&!v&&!p&&y({lcp:A})},[s,v,p,y,A]);const V=S(de),z=S(ge);return s?e(l,{className:t.container,children:e(ue,{})}):!s&&!o?e(l,{className:t.container,children:e(E,{title:"Campaign not found",body:`There is no campaign with the requested id: ${i}.`})}):!q&&!M?e(l,{className:t.container,children:e(E,{title:"Cannot view campaign",body:`No permission to view campaign with the requested id: ${i}.`})}):c(J,{children:[e(X,{title:o?.name,customActions:e(be,{disabled:!N.length,placement:"left top",menuActions:N,label:"Campaign Actions"}),breadcrumbs:[{label:"Campaigns",href:D()}],tabs:[{id:"overview",label:"Campaign Overview",href:i?V({campaignId:i}):""},{id:"explorer",label:"Tech Insights Explorer",href:i?z({campaignId:i}):""}]}),c(l,{className:t.container,children:[e(w,{className:t.teams,children:e(Ie,{trackStatus:C??void 0,isLoading:p,campaignId:i})}),c(w,{children:[c(Y,{align:"center",gap:"3",className:t.filters,children:[e(we,{}),e(Z,{value:n,onChange:B,"aria-label":"Search",placeholder:"Search"})]}),e(w,{className:t.tableContent,children:e(Se,{tableData:$,isLoading:v||p,selectedGroup:a??void 0,trackId:b?.id,campaignId:i})})]}),o&&k&&e(Ce,{campaign:o,isOpen:k,handleClose:()=>U(!1)})]})]})};export{Te as CampaignTechInsightsExplorerPage};
+import{jsx as e,jsxs as p,Fragment as j}from"react/jsx-runtime";import{useRouteRef as b,useApi as M}from"@backstage/core-plugin-api";import{entityPresentationApiRef as $}from"@backstage/plugin-catalog-react";import{usePermission as z}from"@backstage/plugin-permission-react";import{Container as d,HeaderPage as J,Box as v,Flex as K,SearchField as Q}from"@backstage/ui";import{makeStyles as W}from"@material-ui/core";import{soundcheckCampaignReadPermission as X}from"@spotify/backstage-plugin-soundcheck-common";import{useState as k,useMemo as C,useEffect as Y}from"react";import{useParams as Z,useSearchParams as _}from"react-router-dom";import ee from"react-use/lib/useDebounce";import{useGroupHierarchy as ie}from"../../hooks/heirarchy/useGroupHierarchy.esm.js";import{useHierarchicalTrackStatus as re}from"../../hooks/heirarchy/useHierarchicalTrackStatus.esm.js";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import{useGetCampaigns as ae}from"../../hooks/campaigns/useGetCampaigns.esm.js";import{useGetAllTracks as oe}from"../../hooks/tracks/useGetAllTracks.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-use/lib/useLocalStorage";import{useLCPReporting as te}from"../../hooks/useLCPReporting.esm.js";import{useLoadTimeReporting as ne}from"../../hooks/useLoadTimeReporting.esm.js";import{campaignsPageRouteRef as me,campaignOverviewRouteRef as se,campaignExplorerRouteRef as ce}from"../../routes.esm.js";import{EmptyStateBUI as x}from"../EmptyState/EmptyStateBUI.esm.js";import{hierarchyToNivo as pe}from"../HierarchicalTechInsightsPage/visualizations/hierarchyToNivo.esm.js";import{LoadingTableSkeleton as de}from"../LoadingTableSkeleton/LoadingTableSkeleton.esm.js";import{SimpleMenu as le}from"../Menus/SimpleMenu.esm.js";import{useCampaignActions as ge}from"../Menus/useCampaignActions.esm.js";import{SendCampaignNotificationDialogBUI as fe}from"../SendCampaignNotificationDialog/SendCampaignNotificationDialogBUI.esm.js";import{TechInsightsExplorerTable as ue}from"../TechInsightsExplorerTable/TechInsightsExplorerTable.esm.js";import{TechInsightsGroupSelector as he}from"../TechInsightsGroupSelector/TechInsightsGroupSelector.esm.js";import{TopAndBottomPerformingTeams as be}from"../TopAndBottomPerformingTeams/TopAndBottomPerformingTeams.esm.js";const ve=W(()=>({container:{marginBottom:"var(--bui-space-12)"},teams:{margin:"0 0 var(--bui-space-12)"},tableContent:{margin:"var(--bui-space-3) 0 0"},filters:{width:"25rem",marginLeft:"auto"}})),Ce=()=>{const o=ve(),{campaignId:i}=Z(),[l,A]=_(),[n,y]=k(l.get("search")||""),r=l.get("group"),[g,E]=k(""),B=b(me);ee(()=>{E(n);const a=new URLSearchParams(l.toString());n?a.set("search",n):a.delete("search"),A(a,{replace:!0})},300,[n]);const S=C(()=>({routeName:"soundcheck-tech-insights-explorer",additionalAttributes:{campaignId:i||"",group:r||"",groupsSearch:g||""}}),[i,r,g]),{reportContentLoaded:R}=ne(S),{reporter:G}=te(S),{data:D,isLoading:s}=ae({ids:[i],first:1}),t=D?.edges?.[0]?.node,{actions:w,showNotificationDialog:I,setShowNotificationDialog:F}=ge(t??void 0),m=t?.track,N=M($),{data:T}=oe({}),f=C(()=>T?.edges.find(a=>a.node.id===m?.id)?.node,[T?.edges,m?.id]),{data:L,isLoading:u}=ie(r||void 0,{enabled:!!r&&!!m?.id&&!!f,ownedEntitiesFilter:f?.filter??void 0}),{loading:H,allowed:O}=z({permission:X,resourceRef:i}),{data:h,isLoading:c}=re({trackId:m?.id??"",groupRef:r??"",skip:!m?.id}),U=C(()=>{if(!r)return;const a=L?.[r];return a?pe(a,h||null,()=>"var(--bui-fg-primary)",N,void 0):void 0},[L,N,r,h]),P=G?.getLCPValue();Y(()=>{!s&&!u&&!c&&R({lcp:P})},[s,u,c,R,P]);const q=b(se),V=b(ce);return s?e(d,{className:o.container,children:e(de,{})}):!s&&!t?e(d,{className:o.container,children:e(x,{title:"Campaign not found",body:`There is no campaign with the requested id: ${i}.`})}):!H&&!O?e(d,{className:o.container,children:e(x,{title:"Cannot view campaign",body:`No permission to view campaign with the requested id: ${i}.`})}):p(j,{children:[e(J,{title:t?.name,customActions:e(le,{disabled:!w.length,placement:"left top",menuActions:w,label:"Campaign Actions"}),breadcrumbs:[{label:"Campaigns",href:B()}],tabs:[{id:"overview",label:"Campaign Overview",href:i?q({campaignId:i}):""},{id:"explorer",label:"Tech Insights Explorer",href:i?V({campaignId:i}):""}]}),p(d,{className:o.container,children:[e(v,{className:o.teams,children:e(be,{trackStatus:h??void 0,isLoading:c,campaignId:i})}),p(v,{children:[p(K,{align:"center",gap:"3",className:o.filters,children:[e(he,{}),e(Q,{value:n,onChange:y,"aria-label":"Search",placeholder:"Search"})]}),e(v,{className:o.tableContent,children:e(ue,{tableData:U,isLoading:u||c,selectedGroup:r??void 0,searchValue:g,trackId:f?.id,campaignId:i})})]}),t&&I&&e(fe,{campaign:t,isOpen:I,handleClose:()=>F(!1)})]})]})};export{Ce as CampaignTechInsightsExplorerPage};
 //# sourceMappingURL=CampaignTechInsightsExplorerPage.esm.js.map

package/dist/components/TrackPage/TrackTechInsightsExplorerPage.esm.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as l,Fragment as $}from"react/jsx-runtime";import{useRouteRef as y,useApi as z}from"@backstage/core-plugin-api";import{entityPresentationApiRef as J}from"@backstage/plugin-catalog-react";import{usePermission as K}from"@backstage/plugin-permission-react";import{Container as d,HeaderPage as Q,Box as S,Flex as W,SearchField as X}from"@backstage/ui";import{makeStyles as Y}from"@material-ui/core";import{soundcheckTrackReadPermission as Z}from"@spotify/backstage-plugin-soundcheck-common";import{useState as C,useMemo as f,useEffect as _}from"react";import{useSearchParams as ee,useParams as re}from"react-router-dom";import te from"react-use/lib/useDebounce";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import{useGetAllTracks as oe}from"../../hooks/tracks/useGetAllTracks.esm.js";import{useTrack as ie}from"../../hooks/tracks/useTrack.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-use/lib/useLocalStorage";import{useHierarchicalTrackStatus as ae}from"../../hooks/heirarchy/useHierarchicalTrackStatus.esm.js";import{useGroupHierarchy as me}from"../../hooks/heirarchy/useGroupHierarchy.esm.js";import{useLCPReporting as se}from"../../hooks/useLCPReporting.esm.js";import{useLoadTimeReporting as ne}from"../../hooks/useLoadTimeReporting.esm.js";import{tracksPageRouteRef as ce,trackOverviewRouteRef as pe,trackExplorerRouteRef as le}from"../../routes.esm.js";import{getAllOwnedEntityCount as de}from"../../utils/getAllOwnedEntityCount.esm.js";import{getEntitiesBucket as fe,getTracksBucket as ue}from"../../utils/helpers.esm.js";import"../EmptyState/EmptyState.esm.js";import{EmptyStateBUI as F}from"../EmptyState/EmptyStateBUI.esm.js";import"@remixicon/react";import"../FilterSidebar/FilterSidebar.esm.js";import"../FilterSidebar/StateFilter.esm.js";import{useTrackFilterSidebar as he}from"../FilterSidebar/useTrackFilterSidebar.esm.js";import"../FilterSidebar/util.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoCirclePacking.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoHeatmap.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoIcicle.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoSunburst.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoTreemap.esm.js";import"../HierarchicalTechInsightsPage/visualizations/VisualizationBreadcrumb.esm.js";import{hierarchyToNivo as ge}from"../HierarchicalTechInsightsPage/visualizations/hierarchyToNivo.esm.js";import{LoadingTableSkeleton as ke}from"../LoadingTableSkeleton/LoadingTableSkeleton.esm.js";import{SimpleMenu as be}from"../Menus/SimpleMenu.esm.js";import"js-yaml";import"lodash";import{useTrackActions as Te}from"../Menus/useTrackActions.esm.js";import"uuid";import"../CampaignsPage/CampaignListPage/useArchiveConfirmationModal.esm.js";import"../TechHealth/Filters/types.esm.js";import"../TechHealth/Filters/FacetFilter.esm.js";import"../TechHealth/Filters/FilterProvider.esm.js";import"../TechHealth/Filters/Filters.esm.js";import"../TechHealth/Filters/FiltersHeader.esm.js";import"../TechHealth/Filters/FiltersSection.esm.js";import"../../contexts/TrackFormContext.esm.js";import"../../contexts/CheckFormContext.esm.js";import"../../contexts/CampaignFormContext.esm.js";import"../../contexts/UserProvider.esm.js";import{parseNumberOfDays as ve}from"../TechHealth/Filters/utils.esm.js";import{TechInsightsExplorerTable as ye}from"../TechInsightsExplorerTable/TechInsightsExplorerTable.esm.js";import{TechInsightsGroupSelector as Se}from"../TechInsightsGroupSelector/TechInsightsGroupSelector.esm.js";import{TopAndBottomPerformingTeams as we}from"../TopAndBottomPerformingTeams/TopAndBottomPerformingTeams.esm.js";const Re=Y(()=>({container:{marginBottom:"var(--bui-space-12)"},teams:{margin:"0 0 var(--bui-space-12)"},tableContent:{margin:"var(--bui-space-3) 0 0"},filters:{width:"25rem",marginLeft:"auto"}})),Le=()=>{const i=Re(),[a,O]=ee(),[m,B]=C(a.get("search")||""),o=a.get("group"),[w,j]=C(""),{trackId:e}=re(),{data:u,isLoading:n}=ie(e),R=Te(u??void 0),{owners:h,lifecycles:g,types:k,systems:b}=he(),D=y(ce),L=f(()=>ve(a.get("numberOfDays")),[a]);te(()=>{j(m);const t=new URLSearchParams(a.toString());m?t.set("search",m):t.delete("search"),O(t,{replace:!0})},300,[m]);const P=f(()=>({routeName:"soundcheck-track-insights",additionalAttributes:{trackId:e||"",filtersApplied:h.length+g.length+k.length+b.length,ownersFilter:h.join(",")||"",lifecyclesFilter:g.join(",")||"",typesFilter:k.join(",")||"",systemsFilter:b.join(",")||"",numberOfDays:L,tracksSearch:w||""}}),[e,h,g,k,b,L,w]),{reportContentLoaded:I}=ne(P),{reporter:G}=se(P),{loading:H,allowed:q}=K({permission:Z,resourceRef:e}),{data:T,isLoading:c}=ae({trackId:e??"",groupRef:o??"",skip:!e}),{data:N}=oe({}),s=f(()=>N?.edges.find(t=>t.node.id===e)?.node,[N?.edges,e]),{data:p,isLoading:v}=me(o||void 0,{enabled:!!o&&!!e&&!!s,ownedEntitiesFilter:s?.filter??void 0}),x=z(J),M=f(()=>{if(!o)return;const t=p?.[o];return t?ge(t,T||null,()=>"var(--bui-fg-primary)",x,void 0):void 0},[p,x,o,T]),A=G?.getLCPValue();_(()=>{if(!n&&!v&&!c){const t=o?de(p?.[o]):0,E=s?1:0;I({lcp:A,numberOfEntities:t,entitiesBucket:fe(t),numberOfTracks:E,tracksBucket:ue(E)})}},[n,I,v,c,p,o,s,A]);const U=y(pe),V=y(le);return n?r(d,{className:i.container,children:r(ke,{})}):!n&&!u?r(d,{className:i.container,children:r(F,{title:"Track not found",body:`There is no track with the requested id: ${e}.`})}):!H&&!q?r(d,{className:i.container,children:r(F,{title:"Cannot view track",body:`No permission to view track with the requested id: ${e}.`})}):l($,{children:[r(Q,{title:u?.name,customActions:r(be,{label:"Track Actions",disabled:!R.length,placement:"left top",menuActions:R}),breadcrumbs:[{label:"Tracks",href:D()}],tabs:[{id:"overview",label:"Track Overview",href:e?U({trackId:e}):""},{id:"explorer",label:"Tech Insights Explorer",href:e?V({trackId:e}):""}]}),l(d,{className:i.container,children:[r(S,{className:i.teams,children:r(we,{trackStatus:T??void 0,isLoading:c})}),l(S,{children:[l(W,{align:"center",gap:"3",className:i.filters,children:[r(Se,{}),r(X,{value:m,onChange:B,"aria-label":"Search",placeholder:"Search"})]}),r(S,{className:i.tableContent,children:r(ye,{tableData:M,isLoading:v||c,selectedGroup:o??void 0,trackId:s?.id})})]})]})]})};export{Le as TrackTechInsightsExplorerPage};
+import{jsx as r,jsxs as p,Fragment as j}from"react/jsx-runtime";import{useRouteRef as k,useApi as q}from"@backstage/core-plugin-api";import{entityPresentationApiRef as D}from"@backstage/plugin-catalog-react";import{usePermission as M}from"@backstage/plugin-permission-react";import{Container as l,HeaderPage as U,Box as b,Flex as $,SearchField as z}from"@backstage/ui";import{makeStyles as J}from"@material-ui/core";import{soundcheckTrackReadPermission as K}from"@spotify/backstage-plugin-soundcheck-common";import{useState as I,useMemo as T,useEffect as Q}from"react";import{useSearchParams as W,useParams as X}from"react-router-dom";import Y from"react-use/lib/useDebounce";import"@backstage/catalog-model";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import{useGetAllTracks as Z}from"../../hooks/tracks/useGetAllTracks.esm.js";import{useTrack as _}from"../../hooks/tracks/useTrack.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-use/lib/useLocalStorage";import{useHierarchicalTrackStatus as ee}from"../../hooks/heirarchy/useHierarchicalTrackStatus.esm.js";import{useGroupHierarchy as re}from"../../hooks/heirarchy/useGroupHierarchy.esm.js";import{useLCPReporting as te}from"../../hooks/useLCPReporting.esm.js";import{useLoadTimeReporting as oe}from"../../hooks/useLoadTimeReporting.esm.js";import{tracksPageRouteRef as ie,trackOverviewRouteRef as ae,trackExplorerRouteRef as me}from"../../routes.esm.js";import{getAllOwnedEntityCount as se}from"../../utils/getAllOwnedEntityCount.esm.js";import{getEntitiesBucket as ne,getTracksBucket as ce}from"../../utils/helpers.esm.js";import"../EmptyState/EmptyState.esm.js";import{EmptyStateBUI as A}from"../EmptyState/EmptyStateBUI.esm.js";import"@remixicon/react";import"../HierarchicalTechInsightsPage/visualizations/NivoCirclePacking.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoHeatmap.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoIcicle.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoSunburst.esm.js";import"../HierarchicalTechInsightsPage/visualizations/NivoTreemap.esm.js";import"../HierarchicalTechInsightsPage/visualizations/VisualizationBreadcrumb.esm.js";import{hierarchyToNivo as pe}from"../HierarchicalTechInsightsPage/visualizations/hierarchyToNivo.esm.js";import{LoadingTableSkeleton as le}from"../LoadingTableSkeleton/LoadingTableSkeleton.esm.js";import{SimpleMenu as de}from"../Menus/SimpleMenu.esm.js";import"js-yaml";import"lodash";import{useTrackActions as ue}from"../Menus/useTrackActions.esm.js";import"uuid";import"../CampaignsPage/CampaignListPage/useArchiveConfirmationModal.esm.js";import{TechInsightsExplorerTable as fe}from"../TechInsightsExplorerTable/TechInsightsExplorerTable.esm.js";import{TechInsightsGroupSelector as he}from"../TechInsightsGroupSelector/TechInsightsGroupSelector.esm.js";import{TopAndBottomPerformingTeams as ge}from"../TopAndBottomPerformingTeams/TopAndBottomPerformingTeams.esm.js";const ke=J(()=>({container:{marginBottom:"var(--bui-space-12)"},teams:{margin:"0 0 var(--bui-space-12)"},tableContent:{margin:"var(--bui-space-3) 0 0"},filters:{width:"25rem",marginLeft:"auto"}})),be=()=>{const i=ke(),[d,N]=W(),[a,y]=I(d.get("search")||""),t=d.get("group"),[u,C]=I(""),{trackId:e}=X(),{data:f,isLoading:s}=_(e),v=ue(f??void 0),E=k(ie);Y(()=>{C(a);const o=new URLSearchParams(d.toString());a?o.set("search",a):o.delete("search"),N(o,{replace:!0})},300,[a]);const R=T(()=>({routeName:"soundcheck-tech-insights-explorer",additionalAttributes:{trackId:e||"",group:t||"",groupsSearch:u||""}}),[e,t,u]),{reportContentLoaded:S}=oe(R),{reporter:B}=te(R),{loading:O,allowed:F}=M({permission:K,resourceRef:e}),{data:h,isLoading:n}=ee({trackId:e??"",groupRef:t??"",skip:!e}),{data:L}=Z({}),m=T(()=>L?.edges.find(o=>o.node.id===e)?.node,[L?.edges,e]),{data:c,isLoading:g}=re(t||void 0,{enabled:!!t&&!!e&&!!m,ownedEntitiesFilter:m?.filter??void 0}),P=q(D),G=T(()=>{if(!t)return;const o=c?.[t];return o?pe(o,h||null,()=>"var(--bui-fg-primary)",P,void 0):void 0},[c,P,t,h]),w=B?.getLCPValue();Q(()=>{if(!s&&!g&&!n){const o=t?se(c?.[t]):0,x=m?1:0;S({lcp:w,numberOfEntities:o,entitiesBucket:ne(o),numberOfTracks:x,tracksBucket:ce(x)})}},[s,S,g,n,c,t,m,w]);const H=k(ae),V=k(me);return s?r(l,{className:i.container,children:r(le,{})}):!s&&!f?r(l,{className:i.container,children:r(A,{title:"Track not found",body:`There is no track with the requested id: ${e}.`})}):!O&&!F?r(l,{className:i.container,children:r(A,{title:"Cannot view track",body:`No permission to view track with the requested id: ${e}.`})}):p(j,{children:[r(U,{title:f?.name,customActions:r(de,{label:"Track Actions",disabled:!v.length,placement:"left top",menuActions:v}),breadcrumbs:[{label:"Tracks",href:E()}],tabs:[{id:"overview",label:"Track Overview",href:e?H({trackId:e}):""},{id:"explorer",label:"Tech Insights Explorer",href:e?V({trackId:e}):""}]}),p(l,{className:i.container,children:[r(b,{className:i.teams,children:r(ge,{trackStatus:h??void 0,isLoading:n})}),p(b,{children:[p($,{align:"center",gap:"3",className:i.filters,children:[r(he,{}),r(z,{value:a,onChange:y,"aria-label":"Search",placeholder:"Search"})]}),r(b,{className:i.tableContent,children:r(fe,{tableData:G,isLoading:g||n,selectedGroup:t??void 0,searchValue:u,trackId:m?.id})})]})]})]})};export{be as TrackTechInsightsExplorerPage};
 //# sourceMappingURL=TrackTechInsightsExplorerPage.esm.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spotify/backstage-plugin-soundcheck",
   "description": "Ensure quality, reliability and alignment of software development with codified checks and guidance.",
-  "version": "0.19.7",
+  "version": "0.19.8",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://backstage.spotify.com",
   "main": "./dist/index.esm.js",