@spotify/backstage-plugin-soundcheck 0.14.2 → 0.14.4

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.14.2",
+  "version": "0.14.4",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://backstage.spotify.com",
   "main": "./dist/index.esm.js",
@@ -32,6 +32,16 @@
     },
     "./package.json": "./package.json"
   },
+  "typesVersions": {
+    "*": {
+      "index": [
+        "dist/index.d.ts"
+      ],
+      "alpha": [
+        "dist/alpha.d.ts"
+      ]
+    }
+  },
   "scripts": {
     "start": "backstage-cli package start",
     "build": "backstage-cli package build --minify",
@@ -45,16 +55,16 @@
     "prepare": "yarn generate"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.7.1",
-    "@backstage/catalog-model": "^1.7.0",
-    "@backstage/core-compat-api": "^0.3.1",
-    "@backstage/core-components": "^0.15.1",
-    "@backstage/core-plugin-api": "^1.10.0",
-    "@backstage/frontend-plugin-api": "^0.9.0",
-    "@backstage/plugin-catalog-react": "^1.14.0",
-    "@backstage/plugin-permission-react": "^0.4.27",
-    "@backstage/plugin-scaffolder-react": "^1.13.0",
-    "@backstage/types": "^1.1.1",
+    "@backstage/catalog-client": "^1.8.0",
+    "@backstage/catalog-model": "^1.7.1",
+    "@backstage/core-compat-api": "^0.3.3",
+    "@backstage/core-components": "^0.16.1",
+    "@backstage/core-plugin-api": "^1.10.1",
+    "@backstage/frontend-plugin-api": "^0.9.2",
+    "@backstage/plugin-catalog-react": "^1.14.2",
+    "@backstage/plugin-permission-react": "^0.4.28",
+    "@backstage/plugin-scaffolder-react": "^1.14.1",
+    "@backstage/types": "^1.2.0",
     "@date-io/luxon": "^1.0.0",
     "@hookform/resolvers": "^3.3.2",
     "@material-ui/core": "^4.12.2",
@@ -62,16 +72,17 @@
     "@material-ui/lab": "4.0.0-alpha.61",
     "@material-ui/pickers": "3.3.11",
     "@mui/styles": "^5.14.7",
-    "@spotify/backstage-plugin-core": "^0.8.2",
-    "@spotify/backstage-plugin-soundcheck-common": "^0.14.2",
+    "@spotify/backstage-plugin-core": "^0.8.3",
+    "@spotify/backstage-plugin-soundcheck-common": "^0.14.4",
     "@tanstack/react-query": "^4.6.1",
     "@types/react-csv": "^1.1.6",
     "@uiw/react-md-editor": "3.20.10",
     "classnames": "^2.3.2",
     "cron-validate": "^1.4.5",
     "cronstrue": "^2.28.0",
+    "d3-scale-chromatic": "^3.0.0",
     "framer-motion": "^6.0.0",
-    "git-url-parse": "^15.0.0",
+    "git-url-parse": "^16.0.0",
     "graphql-request": "6.1.0",
     "js-yaml": "^4.1.0",
     "lodash": "^4.17.21",
@@ -87,7 +98,7 @@
     "react-window": "^1.8.8",
     "recharts": "^2.8.0",
     "rehype-sanitize": "^6.0.0",
-    "uuid": "^10.0.0",
+    "uuid": "^11.0.0",
     "zod": "^3.20.0"
   },
   "peerDependencies": {
@@ -96,27 +107,28 @@
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.28.0",
-    "@backstage/core-app-api": "^1.15.1",
-    "@backstage/dev-utils": "^1.1.2",
+    "@backstage/cli": "^0.29.2",
+    "@backstage/core-app-api": "^1.15.2",
+    "@backstage/dev-utils": "^1.1.4",
     "@backstage/e2e-test-utils": "^0.1.1",
-    "@backstage/frontend-test-utils": "^0.2.1",
-    "@backstage/test-utils": "^1.7.0",
+    "@backstage/frontend-test-utils": "^0.2.3",
+    "@backstage/test-utils": "^1.7.2",
     "@graphql-codegen/cli": "^5.0.0",
     "@graphql-codegen/typescript": "^4.0.0",
     "@graphql-codegen/typescript-graphql-request": "^6.0.0",
     "@graphql-codegen/typescript-operations": "^4.0.0",
     "@playwright/test": "^1.32.3",
-    "@sp4b-dev/test-utils": "^0.0.8",
-    "@spotify/backstage-plugin-core-common": "^0.6.2",
-    "@spotify/backstage-plugin-soundcheck-node": "^0.8.3",
+    "@sp4b-dev/test-utils": "^0.0.9",
+    "@spotify/backstage-plugin-core-common": "^0.6.3",
+    "@spotify/backstage-plugin-soundcheck-node": "^0.8.5",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",
+    "@types/d3-scale-chromatic": "^3.0.0",
     "@types/git-url-parse": "^9.0.0",
     "@types/jest": "^29.4.0",
     "@types/luxon": "^3.0.1",
-    "@types/node": "^20.0.0",
+    "@types/node": "^22.0.0",
     "@types/react-window": "^1.8.5",
     "cross-fetch": "^4.0.0",
     "msw": "^1.0.0"
@@ -124,8 +136,7 @@
   "files": [
     "dist",
     "!dist/**/*.map",
-    "config.d.ts",
-    "alpha"
+    "config.d.ts"
   ],
   "configSchema": "config.d.ts",
   "module": "./dist/index.esm.js"

package/alpha/package.json

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

package/dist/components/CampaignDetailsPage/CampaignChecks.esm.js

@@ -1,2 +0,0 @@
-import{Typography as i}from"@material-ui/core";import{makeStyles as n}from"@material-ui/core/styles";import e from"react";import{DraggableChip as c}from"../DraggableChip/DraggableChip.esm.js";const l=n(t=>({sectionLabel:{marginBottom:t.spacing(2)},chipContainer:{display:"flex",flexDirection:"column",fontWeight:"bold",fontSize:t.typography.pxToRem(16),color:t.palette.grey[600],"& .Mui-disabled":{opacity:1}}})),m=({campaign:t})=>{const a=l(),o=t.track?.levels?.[0].checks??[];return e.createElement(e.Fragment,null,e.createElement(i,{color:"textPrimary",variant:"h5",className:a.sectionLabel},"Campaign Checks"),e.createElement("div",{className:a.chipContainer},o.length?o.map(r=>e.createElement(c,{key:r.id,chip:r,disabled:!0})):e.createElement(i,{variant:"body1",color:"textSecondary",style:{alignSelf:"center"}},"There are no checks for this campaign.")))};export{m as CampaignChecks};
-//# sourceMappingURL=CampaignChecks.esm.js.map

package/dist/components/CampaignDetailsPage/CampaignDetailsPage.esm.js

@@ -1,2 +0,0 @@
-import{Grid as n,Paper as m}from"@material-ui/core";import{makeStyles as c}from"@material-ui/core/styles";import e from"react";import{DndProvider as p}from"react-dnd";import{HTML5Backend as s}from"react-dnd-html5-backend";import{useParams as l}from"react-router-dom";import{useGetCampaign as g}from"../../hooks/campaigns/useGetCampaign.esm.js";import{EmptyCampaignState as d}from"../CampaignsPage/CampaignEmptyState.esm.js";import"../SoundcheckHeader/SoundcheckHeader.esm.js";import"../SoundcheckHeader/SoundcheckHeaderContext.esm.js";import{useHeader as E}from"../SoundcheckHeader/useHeader.esm.js";import{Loading as f}from"../TechHealth/Loading/Loading.esm.js";import{CampaignChecks as S}from"./CampaignChecks.esm.js";import{CampaignDetails as u}from"./CampaignDetails.esm.js";import{CampaignMilestones as C}from"./CampaignMilestones.esm.js";import{CampaignProgress as x}from"./CampaignProgress.esm.js";const N=c(t=>({root:{flexGrow:1,padding:t.spacing(2)},progressSection:{minHeight:350,fontSize:t.typography.body1.fontSize},contentSection:{overflow:"auto",padding:t.spacing(2)}})),v=()=>{const t=N(),{campaignId:r}=l(),{data:i,isLoading:o}=g(r??""),a=i?.edges?.[0]?.node;return E({title:a?.name??"View Campaign",description:a?.description}),o?e.createElement("div",{"data-testid":"loading-indicator"},e.createElement(f,null)):a?e.createElement("div",null,e.createElement(p,{backend:s},e.createElement(n,{container:!0,className:t.root,spacing:2,direction:"column"},e.createElement(n,{item:!0,xs:12},e.createElement(m,{className:t.contentSection},e.createElement(u,{campaign:a}))),e.createElement(n,{item:!0,xs:6},e.createElement(m,{className:t.contentSection},e.createElement(S,{campaign:a}))),e.createElement(n,{item:!0,xs:12,className:t.progressSection},e.createElement(m,{className:t.contentSection},e.createElement(x,{campaign:a}))),e.createElement(n,{item:!0,xs:12},e.createElement(m,{className:t.contentSection},e.createElement(C,{campaign:a})))))):e.createElement(d,null)};export{v as CampaignDetailsPage};
-//# sourceMappingURL=CampaignDetailsPage.esm.js.map

package/dist/components/CampaignDetailsPage/CampaignMilestones.esm.js

@@ -1,2 +0,0 @@
-import{Typography as o,Grid as i,Divider as s}from"@material-ui/core";import{makeStyles as c}from"@material-ui/core/styles";import e from"react";import{CampaignDetailRow as l}from"./CampaignDetailRow.esm.js";const p=c(t=>({milestones:{flexGrow:1,padding:t.spacing(0,1)},sectionLabel:{marginBottom:t.spacing(2)},divider:{margin:`${t.spacing(2)}px 0`}})),g=({campaign:t})=>{const a=p(),n=t.milestones;return e.createElement(e.Fragment,null,e.createElement(o,{variant:"h5",className:a.sectionLabel,color:"textPrimary"},"Campaign Milestones"),e.createElement(i,{container:!0,className:a.milestones,spacing:2},n.length?n.map((r,m)=>e.createElement(i,{item:!0,container:!0,xs:12,key:m,spacing:2},e.createElement(i,{item:!0,xs:12},e.createElement(l,{label:"Name",value:r.name}),e.createElement(l,{label:"Description",value:r.description}),e.createElement(l,{label:"Goal pass rate",value:`${r.targetPercent}%`}),m<n.length-1&&e.createElement(s,{className:a.divider})))):e.createElement(o,{variant:"body1",color:"textSecondary"},"There are no milestones for this campaign.")))};export{g as CampaignMilestones};
-//# sourceMappingURL=CampaignMilestones.esm.js.map

package/dist/components/CampaignDetailsPage/CampaignProgress.esm.js

@@ -1,2 +0,0 @@
-import{Typography as n}from"@material-ui/core";import{makeStyles as C}from"@material-ui/core/styles";import e from"react";import{useGetCampaignProgress as P}from"../../hooks/campaigns/useGetCampaignProgress.esm.js";import{OverviewTableSkeleton as f}from"../OverviewTable/OverviewTableSkeleton.esm.js";import"../Pagination/Pagination.esm.js";import{useCursorPagination as v,CursorPagination as b}from"../Pagination/CursorPagination.esm.js";import{CampaignResultsTable as S}from"./CampaignResultsTable.esm.js";const i=C(r=>({sectionLabel:{marginBottom:r.spacing(2)},paginationContainer:{margin:r.spacing(0,0,0,-4)}})),o=25,t=()=>{const r=i();return e.createElement(n,{variant:"h5",className:r.sectionLabel,color:"textPrimary"},"Campaign Progress")},k=({campaign:r})=>{const m=i(),{cursor:s,pageSize:l,...c}=v({defaultPageSize:o,label:"entitiesPerPage"}),{data:a,isLoading:g,isError:p}=P(r.id,l,s);if(g)return e.createElement(e.Fragment,null,e.createElement(t,null),e.createElement("div",{"data-testid":"progress-indicator"},e.createElement(f,{checkCount:1,levelCount:1})));if(p)return e.createElement(e.Fragment,null,e.createElement(t,null),e.createElement(n,{color:"error"},"Failed to load campaign progress."));if(!a)return e.createElement(e.Fragment,null,e.createElement(t,null),e.createElement(n,null,"No campaign progress available."));const{totalCount:u,endCursor:E,prevCursor:d}=a;return e.createElement(e.Fragment,null,e.createElement(t,null),e.createElement(S,{results:a,campaignTrackId:r.track.id}),e.createElement("div",{className:m.paginationContainer},e.createElement(b,{...c,totalCount:u,defaultPageSize:o,endCursor:E,prevCursor:d,pageSize:l,rowsPerPageOptions:[o],labelRowsPerPage:"Entities per page:"})))};export{k as CampaignProgress};
-//# sourceMappingURL=CampaignProgress.esm.js.map

package/dist/components/CampaignDetailsPage/CampaignResultsTable.esm.js

@@ -1,2 +0,0 @@
-import{useRouteRef as R}from"@backstage/core-plugin-api";import{entityRouteRef as k}from"@backstage/plugin-catalog-react";import{makeStyles as b,Grid as C}from"@material-ui/core";import m from"react";import{VariableSizeGrid as T}from"react-window";import{ResultState as w}from"../../graphql/generated/index.esm.js";import{cellRenderer as y,entityHeaderCell as u,checkTitleCell as S,checkResultCell as A}from"../OverviewTable/Cell/cellRenderer.esm.js";import{CellWidths as p,calculateTableHeight as H,calculateTableWidth as x,findLongestRefTitle as E,calculateHeightForRefTitle as N,RowHeights as W}from"../OverviewTable/resultsTableUtils.esm.js";const f=25,v=(o,r,n,c)=>{const a=[],t=E(r??[]);a.push({height:Math.min(N(t.length??1),125),cells:[u(""),...r.map(e=>u(e||""))]});for(const{check:e,results:l,totalCount:i,totalPassing:h}of o)a.push({height:W.check,cells:[S(e.name,{PASSED:h,FAILED:i-h}),...r.flatMap(s=>{if(s===void 0)return[];const g=l.find(({entityRef:d})=>d===s)?.result??w.NotApplicable;return[A(c,e,s,g,n)]})]});return a},D=b(o=>({table:{backgroundColor:o.palette.background.paper,borderCollapse:"collapse",whiteSpace:"nowrap",textAlign:"left"}})),F=({results:o,campaignTrackId:r})=>{const n=D(),c=R(k),{checks:a,entityRefs:t}=o,e=t.length>=f?t:[...t,...Array.from({length:f-t.length},()=>{})],l=v(a,e,c,r);return m.createElement(C,{item:!0,xs:12},m.createElement(T,{style:{overflow:"auto hidden"},className:n.table,columnCount:e.length+1,columnWidth:i=>i===0?p.trackTitle:p.checkResult,rowCount:l.length,rowHeight:i=>l[i].height,height:H(l)+25,width:x(e.length+25)},y(l)))};export{F as CampaignResultsTable};
-//# sourceMappingURL=CampaignResultsTable.esm.js.map

package/dist/hooks/campaigns/useGetCampaignProgress.esm.js

@@ -1,2 +0,0 @@
-import{useApi as s}from"@backstage/core-plugin-api";import{useQuery as i}from"@tanstack/react-query";import{soundcheckApiRef as m}from"../../api.esm.js";import{QueryKeys as n}from"../graphqlKeys.esm.js";function p(e,r,o){const t=s(m);return i([n.GetCampaignProgress,e,r,o],async()=>t.getCampaignProgress(e,r,o),{staleTime:5*60*1e3,refetchInterval:!1,refetchOnWindowFocus:!1})}export{p as useGetCampaignProgress};
-//# sourceMappingURL=useGetCampaignProgress.esm.js.map