@spotify/backstage-plugin-soundcheck 0.16.0 → 0.16.2

package/dist/components/LevelCard/LevelCard.esm.js

@@ -1,2 +0,0 @@
-import{LinearGauge as k}from"@backstage/core-components";import{useTheme as C,Paper as S,Grid as c,Typography as p,Box as N}from"@material-ui/core";import{makeStyles as b}from"@material-ui/core/styles";import r from"react";import{useCheckStatuses as I}from"../../hooks/aggregations/useCheckStatuses.esm.js";import{useCheckStatusHistories as L}from"../../hooks/aggregations/useCheckStatusHistories.esm.js";import{LevelBadge as x}from"../Badges/LevelBadge.esm.js";import"../Badges/NoLevelBadge.esm.js";import"../Badges/CampaignBadge.esm.js";import{generateBadge as B}from"../Badges/badge.esm.js";import{getChartColors as w}from"../Charts/chartUtils.esm.js";import{CheckCard as O}from"../CheckCard/CheckCard.esm.js";import{LevelTooltip as P}from"./LevelTooltip.esm.js";const f=(e,t)=>{if(!e?.certificationStatus?.numberOfEntities||t===void 0)return;const s=e.certificationStatus.statusByLevel.findIndex(a=>a.ordinal===t);if(s===-1)return;const n=e.certificationStatus.numberOfEntities,i=[];for(const a of e.certificationStatus.statusByLevel){const d=a.cumulativelyPassed;i.push(n?Math.round(d/n*100):0)}return i[s]},g=(e,t)=>{if(!e?.certificationStatus?.numberOfEntities||t===void 0)return;const s=e.certificationStatus.statusByLevel.findIndex(i=>i.ordinal===t);if(s===-1)return 0;const n=[];for(const i of e.certificationStatus.statusByLevel){const a=i.cumulativelyPassed;n.push(a)}for(let i=n.length-2;i>=0;i--)n[i]=Math.min(n[i]+n[i+1],100);return n[s]},R=b(e=>({card:{border:`1px solid ${e.palette.divider}`},title:{fontWeight:"bold",fontSize:"1.1rem",cursor:"default"},header:{borderBottom:`1px solid ${e.palette.divider}`,width:"100%",padding:e.spacing(1,2),margin:0},levelNameContainer:{gridGap:e.spacing(1),width:"fit-content",padding:0},passRate:{fontWeight:"bold",fontSize:e.typography.overline.fontSize,cursor:"default"},gaugeContainer:{width:200,paddingLeft:e.spacing(.75),paddingRight:e.spacing(.75),paddingTop:2},content:{padding:e.spacing(2.5,2),display:"flex",gap:e.spacing(2)},description:{padding:0},gridItem:{padding:0}})),T=({track:e,level:t,index:s,data:n,filter:i})=>{const a=R(),d=w(C()),l=f(n,t.ordinal),v=g(n,t.ordinal),h=l!==void 0?`${l}%`:"",{data:E}=I({trackId:e.id,checkIds:t.checks.map(o=>o.id),filter:i}),{data:y}=L({trackId:e.id,checkIds:t.checks.map(o=>o.id),numberOfDays:30,filter:i}),u=n?.certificationStatus?.numberOfEntities??0;return r.createElement(S,{elevation:1,className:a.card},r.createElement(c,{container:!0,alignItems:"center",justifyContent:"space-between",direction:"row",className:a.header},r.createElement(c,{item:!0,container:!0,alignItems:"center",direction:"row",className:a.levelNameContainer},r.createElement(x,{badge:t.badge??B(t.ordinal,e)}),r.createElement(P,{level:t,numerator:v??0,denominator:u},r.createElement(p,{className:a.title},t.name??`Level ${t.ordinal}`))),r.createElement(c,{item:!0,className:a.gridItem},r.createElement(c,{container:!0,item:!0,className:a.gridItem},r.createElement(p,{variant:"overline",className:a.passRate},h),r.createElement("div",{className:a.gaugeContainer},u>0&&r.createElement(k,{value:(l??0)/100,getColor:o=>d[s]}))))),r.createElement(N,{className:a.content},r.createElement(c,{container:!0,spacing:1},t.checks.map(o=>r.createElement(c,{item:!0,xs:12,sm:6,md:4,className:a.gridItem,key:o.id},r.createElement(O,{track:e,check:o,status:E?.find(m=>m.id===o.id),history:y?.find(m=>m.id===o.id)}))))))};export{T as LevelCard,f as calculateCumulativePassRate,g as calculateCumulativePassRateNumerator};
-//# sourceMappingURL=LevelCard.esm.js.map

package/dist/components/LevelCard/LevelTooltip.esm.js

@@ -1,2 +0,0 @@
-import{MarkdownContent as d}from"@backstage/core-components";import{makeStyles as p,Typography as i}from"@material-ui/core";import e from"react";import{StyledTooltip as s}from"../StyledTooltip/StyledTooltip.esm.js";const m=p(()=>({root:{display:"flex"},boldCaption:{fontWeight:"bold"}})),v=({ordinal:o,name:a,description:r,numerator:l,denominator:t})=>{const n=m();return e.createElement("div",{className:n.root},e.createElement("div",null,a?e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement(i,{variant:"caption",className:n.boldCaption},a)),e.createElement("div",null,e.createElement(i,{variant:"caption"},`Level ${o}`))):e.createElement(i,{variant:"caption",className:n.boldCaption},`Level ${o}`),r&&e.createElement(d,{content:r}),t&&t>0?`${l} of ${t} entities passing`:"No Applicable Entities"))},E=({children:o,level:a,numerator:r,denominator:l})=>{const{ordinal:t,name:n,description:c}=a;return e.createElement(s,{arrow:!0,title:e.createElement(v,{ordinal:t,name:n??void 0,description:c??void 0,numerator:r,denominator:l}),enterDelay:500,placement:"bottom"},o)};export{E as LevelTooltip,m as useStyles};
-//# sourceMappingURL=LevelTooltip.esm.js.map

package/dist/components/TrackForm/Steps/LevelsStep/ChecksSection/ChecksSection.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as g,Grid as i,Typography as m}from"@material-ui/core";import e,{useState as x}from"react";import{DraggableChip as b}from"../../../../DraggableChip/DraggableChip.esm.js";import{LoadingIndicator as C}from"../../../../LoadingIndicator/LoadingIndicator.esm.js";import{SearchBar as f}from"../../../../SearchBar/SearchBar.esm.js";const E=g(t=>({columnHeader:{display:"flex",justifyContent:"space-between",alignItems:"center",paddingTop:0},subtitle:{color:t.palette.text.primary},chipContainer:{display:"flex",flexDirection:"column",alignItems:"flex-start",padding:t.spacing(1),gap:t.spacing(.75)}})),y=({chips:t,disabled:l,onContextMenuAdd:a})=>e.createElement(e.Fragment,null,t.map(n=>e.createElement(b,{disabled:l,key:n.id,chip:n,onContextMenuAdd:a?()=>a(n):void 0}))),S=()=>e.createElement(m,{variant:"body1",color:"textSecondary"},"There are no matches."),T=({isLoading:t,chips:l=[],disabled:a,label:n,onContextMenuAdd:d})=>{const o=E(),[c,p]=x(""),s=l.filter(u=>u.name.toLowerCase().includes(c.toLowerCase())),h=l.length>0||c;let r=null;return t?r=e.createElement(C,null):s.length>0?r=e.createElement(y,{disabled:a??!1,chips:s,onContextMenuAdd:d}):h&&(r=e.createElement(S,null)),e.createElement(i,{container:!0},e.createElement(i,{item:!0,xs:12,className:o.columnHeader},e.createElement(m,{variant:"subtitle1",className:o.subtitle},n??"Checks")),e.createElement(i,{item:!0,xs:12},e.createElement(f,{searchTerm:c,disabled:t||a,setSearchTerm:p,placeholder:"Search for Available Checks",variant:"outlined",size:"small"})),e.createElement(i,{item:!0,className:o.chipContainer,xs:12},r))};export{T as ChecksSection};
-//# sourceMappingURL=ChecksSection.esm.js.map

package/dist/components/TrackForm/Steps/LevelsStep/LevelsSection/LevelChipsSection.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as x}from"@material-ui/core";import{findIndex as C}from"lodash";import s,{useCallback as m,useEffect as D}from"react";import{useFormContext as E,useFieldArray as S}from"react-hook-form";import{ChecksErrors as b}from"../../../../ChecksErrors/ChecksErrors.esm.js";import{DroppableInput as y}from"../../../../DroppableInput/DroppableInput.esm.js";const F=x(()=>({container:{display:"flex",flexDirection:"column"}})),I=({index:c,disabled:a,addedCheck:o,onRemoveCheck:n})=>{const d=F(),{control:p,formState:{errors:f}}=E(),{fields:t,remove:i,append:e}=S({control:p,name:`levelsStep.levels.${c}.checks`,rules:{required:!0}}),h=m(r=>{e(r)},[e]),u=m(r=>{const k=C(t,v=>v.id===r.id);i(k),n(r)},[i,n,t]);D(()=>{o&&e(o)},[o,e]);const l=f?.levelsStep?.levels?.[c]?.checks;return s.createElement("div",{className:d.container},s.createElement(y,{chips:t,onDelete:u,onDrop:h,error:!!l,placeholder:"Drag and drop checks here to include them in this level",disabled:a}),l&&s.createElement(b,{checksErrors:l}))};export{I as LevelChipsSection};
-//# sourceMappingURL=LevelChipsSection.esm.js.map

package/dist/components/TrackForm/Steps/LevelsStep/LevelsSection/LevelsSection.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as h,Grid as n,Typography as f,FormHelperText as E}from"@material-ui/core";import e from"react";import{useFormContext as b,useFieldArray as x}from"react-hook-form";import{FormTextInput as m}from"../../../../FormTextInput/FormTextInput.esm.js";import{NoBorderButton as c}from"../../../../NoBorderButton/NoBorderButton.esm.js";import{LevelChipsSection as S}from"./LevelChipsSection.esm.js";const y=h(t=>({columnHeader:{display:"flex",justifyContent:"space-between",alignItems:"center"},subtitle:{color:t.palette.text.primary},levelHeader:{display:"flex",alignItems:"center"},removeButton:{minWidth:120,display:"flex",alignItems:"center",marginLeft:t.spacing(1)},inputNameBase:{fontSize:t.typography.subtitle1.fontSize,fontWeight:700},inputDescriptionBase:{fontSize:t.typography.fontSize,fontWeight:"normal"},errorText:{color:t.palette.error.main},buttonContainer:{marginRight:t.spacing(2)}})),k=({disabled:t,addedCheck:p,onRemoveCheck:d})=>{const a=y(),{control:r,formState:{errors:s},getValues:o}=b(),{fields:i,remove:v,append:u}=x({control:r,name:"levelsStep.levels"});return e.createElement(n,{container:!0},e.createElement(n,{item:!0,xs:12,className:a.columnHeader},e.createElement(f,{variant:"subtitle1",className:a.subtitle},"Levels"),e.createElement("div",{className:a.buttonContainer},!t&&e.createElement(c,{label:"Add Level",onClick:()=>u({name:`Level ${i.length+1}`,description:"",checks:[]})}))),e.createElement(n,{container:!0,item:!0,spacing:5},i.map((g,l)=>e.createElement(n,{container:!0,item:!0,xs:12,spacing:2,key:g.id},e.createElement(n,{item:!0,xs:12,className:a.levelHeader},e.createElement(n,{container:!0,spacing:1},e.createElement(n,{item:!0,xs:!0},e.createElement(m,{name:`levelsStep.levels.${l}.name`,placeholder:"Level Name",control:r,disabled:t,variant:"outlined",size:"small",inputProps:{classes:{input:a.inputNameBase}},margin:"none",error:s?.levelsStep?.levels?.[l]?.name})),!t&&i.length>1&&e.createElement(n,{item:!0,className:a.removeButton},e.createElement(c,{label:"Remove Level",onClick:()=>v(l),disabled:t})))),e.createElement(n,{item:!0,xs:12},e.createElement(S,{index:l,disabled:t,addedCheck:p,onRemoveCheck:d}),s?.levelsStep?.levels?.[l]?.checks?.message&&e.createElement(E,{className:a.errorText},s?.levelsStep?.levels?.[l]?.checks?.message)),e.createElement(n,{item:!0,xs:12},e.createElement(m,{name:`levelsStep.levels.${l}.description`,placeholder:"Enter description here",control:r,disabled:t,label:`${o(`levelsStep.levels.${l}.name`)}'s description`,variant:"outlined",size:"small",inputProps:{classes:{input:a.inputDescriptionBase},"aria-label":`${o(`levelsStep.levels.${l}.name`)} description`},margin:"none"}))))))};export{k as LevelsSection};
-//# sourceMappingURL=LevelsSection.esm.js.map

package/dist/components/TrackForm/Steps/LevelsStep/LevelsStep.esm.js

@@ -1,2 +0,0 @@
-import{Typography as h}from"@material-ui/core";import{makeStyles as v}from"@material-ui/core/styles";import e,{useState as S}from"react";import{useTrackFormContext as g}from"../../../../contexts/TrackFormContext.esm.js";import"../../../../contexts/CheckFormContext.esm.js";import"../../../../contexts/CampaignFormContext.esm.js";import"../../../../contexts/UserProvider.esm.js";import"../../utils/validation.esm.js";import{TRACK_FIELDS as E}from"../../utils/trackFormUtils.esm.js";import{ChecksSection as k}from"./ChecksSection/ChecksSection.esm.js";import{LevelsSection as y}from"./LevelsSection/LevelsSection.esm.js";const u=v(i=>({container:{display:"flex",flexDirection:"column",gap:i.spacing(2)},inner:{display:"flex",flexDirection:"row",gap:i.spacing(2)},checksSection:{width:"40%"},levelsSection:{width:"60%"},description:{fontWeight:"normal",fontSize:i.typography.fontSize}})),x=({selectableChips:i,checksLoading:s})=>{const{selectedItem:r,isLoading:l,isReadOnly:m}=g(),o=u(),{levels:d}=E,n=m||!!r&&!r.isEditable,[c,a]=S(void 0),p=t=>a(t),f=t=>{c&&t.name===c.name&&a(void 0)};return e.createElement("div",{className:o.container},e.createElement("div",null,!n&&e.createElement(h,{className:o.description},d.description)),e.createElement("div",{className:o.inner},!n&&e.createElement("div",{className:o.checksSection},e.createElement(k,{chips:i,isLoading:s||l,disabled:n,onContextMenuAdd:t=>p(t)})),e.createElement("div",{className:o.levelsSection},e.createElement(y,{disabled:n,addedCheck:c,onRemoveCheck:t=>f(t)}))))};export{x as LevelsStep};
-//# sourceMappingURL=LevelsStep.esm.js.map

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

@@ -1,2 +0,0 @@
-import{useTheme as l}from"@material-ui/core";import r from"react";import{ChartWrapper as s}from"../Charts/ChartWrapper/ChartWrapper.esm.js";import"../Charts/LineChart/LineChart.esm.js";import"recharts";import"../Charts/ChartTypes.esm.js";import{getChartColors as p}from"../Charts/chartUtils.esm.js";import"luxon";import"../TechHealthSummary/SummaryAggregationsProvider.esm.js";import"@backstage/catalog-model";import{BarChart as u,BarChartLayout as c}from"../Charts/BarChart/BarChart.esm.js";const f=(e,t)=>{if(!t)return[];const a=[],m=t.numberOfEntities;for(const n of t.statusByLevel){const o=n.cumulativelyPassed;a.push(m?Math.round(o/m*100):0)}const i=p(e);return t.statusByLevel.map(({ordinal:n},o)=>({name:`Level ${n}`,passRate:a[o],fill:i[o%i.length]}))??[]},h=({data:e,isLoading:t})=>{const a=l();return r.createElement(r.Fragment,null,!t&&e&&r.createElement("div",null,r.createElement(s,null,r.createElement(u,{data:f(a,e.certificationStatus),layout:c.Horizontal}))))};export{h as TrackLevelsChart};
-//# sourceMappingURL=TrackLevelsChart.esm.js.map

package/dist/hooks/useContextMenu.esm.js

@@ -1,2 +0,0 @@
-import{useState as l}from"react";const o={mouseX:null,mouseY:null},c=()=>{const[u,n]=l(o),s=e=>{e.preventDefault(),n({mouseX:e.clientX-2,mouseY:e.clientY-4})},t=()=>{n(o)};return{contextMenu:u,onContextMenu:s,onContextMenuClick:()=>{t()},onContextMenuClose:t}};export{c as useContextMenu};
-//# sourceMappingURL=useContextMenu.esm.js.map