@spotify/backstage-plugin-soundcheck 0.13.0 → 0.14.0

package/dist/utils/formStyles.esm.js

@@ -1,2 +1,2 @@
-import{makeStyles as o}from"@material-ui/core/styles";const e=o(t=>({root:{overflow:"hidden",display:"flex",marginBottom:"53px"},card:{padding:t.spacing(3),display:"flex",gap:t.spacing(2.5)},buttonChoices:{margin:"20px 0","& button":{marginRight:"10px"}},backButton:{color:t.palette.text.primary},filters:{display:"flex",gap:t.spacing(1),flexDirection:"column"},stepLabel:{cursor:"pointer !important"},stepper:{width:"100%"}}));export{e as formStyles};
+import{makeStyles as i}from"@material-ui/core/styles";const a=i(t=>({root:{overflow:"hidden",display:"flex"},card:{padding:t.spacing(3),display:"flex",gap:t.spacing(2.5)},buttonChoices:{margin:"20px 0","& button":{marginRight:"10px"}},backButton:{color:t.palette.text.primary},filters:{display:"flex",gap:t.spacing(1),flexDirection:"column"},stepLabel:{cursor:"pointer !important"},stepper:{width:"100%"},formWrapper:{paddingTop:t.spacing(2),maxWidth:1920}}));export{a as formStyles};
 //# sourceMappingURL=formStyles.esm.js.map

package/dist/utils/validation.esm.js

@@ -1,2 +1,2 @@
-const e="At least one check is required",i="This field is required";export{e as CHECK_IS_REQUIRED_MSG,i as FIELD_IS_REQUIRED_MSG};
+import{z as e}from"zod";import{TimeUnit as n}from"../components/Frequency/types.esm.js";import"../components/Frequency/util.esm.js";import"../components/Frequency/FrequencyComponent.esm.js";import{validateCacheConfig as r}from"./collectors.esm.js";import{validateFrequency as a}from"./frequency.esm.js";const s="At least one check is required",o="This field is required",i=e.nativeEnum(n),c=e.strictObject({enabled:e.boolean(),hasDuration:e.boolean(),unit:i.optional(),value:e.number().min(1,"Value must be greater than 0.").optional()}).refine(t=>r(t)===!0,t=>({message:r(t)})),m=e.strictObject({type:e.enum(["HumanDuration","cron"]),unit:i.optional(),value:e.number().min(1,"Value must be greater than 0.").optional(),cron:e.string().optional()}).refine(t=>a(t)===!0,t=>({message:a(t)})),l=e.strictObject({selectedKinds:e.string().array(),selectedTypes:e.string().array(),selectedLifecycles:e.string().array(),selectedOwners:e.string().array(),selectedSystems:e.string().array(),selectedTags:e.string().array()});export{s as CHECK_IS_REQUIRED_MSG,c as CacheConfigSchema,o as FIELD_IS_REQUIRED_MSG,l as FiltersSchema,m as FrequencySchema};
 //# sourceMappingURL=validation.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.13.0",
+  "version": "0.14.0",
   "license": "SEE LICENSE IN LICENSE.md",
   "homepage": "https://backstage.spotify.com",
   "main": "./dist/index.esm.js",
@@ -44,14 +44,14 @@
     "prepare": "yarn generate"
   },
   "dependencies": {
-    "@backstage/catalog-client": "^1.6.5",
-    "@backstage/catalog-model": "^1.5.0",
-    "@backstage/core-compat-api": "^0.2.7",
-    "@backstage/core-components": "^0.14.9",
+    "@backstage/catalog-client": "^1.6.6",
+    "@backstage/catalog-model": "^1.6.0",
+    "@backstage/core-compat-api": "^0.2.8",
+    "@backstage/core-components": "^0.14.10",
     "@backstage/core-plugin-api": "^1.9.3",
-    "@backstage/frontend-plugin-api": "^0.6.7",
-    "@backstage/plugin-catalog-react": "^1.12.2",
-    "@backstage/plugin-permission-react": "^0.4.24",
+    "@backstage/frontend-plugin-api": "^0.7.0",
+    "@backstage/plugin-catalog-react": "^1.12.3",
+    "@backstage/plugin-permission-react": "^0.4.25",
     "@backstage/types": "^1.1.1",
     "@date-io/luxon": "^1.0.0",
     "@hookform/resolvers": "^3.3.2",
@@ -59,8 +59,9 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
     "@material-ui/pickers": "3.3.11",
-    "@spotify/backstage-plugin-core": "^0.7.3",
-    "@spotify/backstage-plugin-soundcheck-common": "^0.13.4",
+    "@mui/icons-material": "^5.11.16",
+    "@spotify/backstage-plugin-core": "^0.8.0",
+    "@spotify/backstage-plugin-soundcheck-common": "^0.14.0",
     "@tanstack/react-query": "^4.6.1",
     "@types/react-csv": "^1.1.6",
     "@uiw/react-md-editor": "3.20.10",
@@ -88,22 +89,24 @@
   },
   "peerDependencies": {
     "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
     "react-router-dom": "6.0.0-beta.0 || ^6.3.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.26.11",
-    "@backstage/core-app-api": "^1.14.0",
-    "@backstage/dev-utils": "^1.0.35",
+    "@backstage/cli": "^0.27.0",
+    "@backstage/core-app-api": "^1.14.2",
+    "@backstage/dev-utils": "^1.0.37",
     "@backstage/e2e-test-utils": "^0.1.1",
-    "@backstage/frontend-test-utils": "^0.1.10",
-    "@backstage/test-utils": "^1.5.8",
+    "@backstage/frontend-test-utils": "^0.1.12",
+    "@backstage/test-utils": "^1.5.10",
     "@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.5",
-    "@spotify/backstage-plugin-core-common": "^0.5.14",
+    "@sp4b-dev/test-utils": "^0.0.6",
+    "@spotify/backstage-plugin-core-common": "^0.6.0",
+    "@spotify/backstage-plugin-soundcheck-node": "^0.8.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^14.0.0",
     "@testing-library/user-event": "^14.0.0",

package/dist/components/CampaignForm/CampaignFormDescription.esm.js

@@ -1,2 +0,0 @@
-import{useRouteRef as i}from"@backstage/core-plugin-api";import{makeStyles as r,Typography as a,Button as m}from"@material-ui/core";import e from"react";import{useNavigate as s}from"react-router-dom";import{techHealthRouteRef as l}from"../../routes.esm.js";const c=r(t=>({container:{display:"flex",gap:t.spacing(1),flexDirection:"column"},link:{fontWeight:"bold",padding:0,color:t.palette.text.primary,"&:hover":{textDecoration:"underline",transform:"none"}},list:{marginTop:0},listItem:{marginBottom:t.spacing(1)}})),p=()=>{const t=c(),n=i(l),o=s();return e.createElement("div",{className:t.container},e.createElement(a,{variant:"h6"},"Creating campaigns"),e.createElement(a,{variant:"body1"},"A Campaign is a focused short term initiative."),e.createElement(a,{variant:"body1"},"You can create campaigns, assign them to teams that own software components, and track them towards a completion milestone via the"," ",e.createElement(m,{variant:"text",color:"primary",onClick:()=>o(n()),className:t.link},"Tech Health")," ","page."),e.createElement(a,{variant:"body1"},"Some use cases for campaigns include:"),e.createElement("div",null,e.createElement("ul",{className:t.list},e.createElement("li",{className:t.listItem},e.createElement(a,{variant:"body1"},"When your organization wants to upgrade Spring libraries to use a specific version of Spring Boot.")),e.createElement("li",null,e.createElement(a,{variant:"body1"},"When your organization wants to remove unneeded data endpoints to save costs.")))))};export{p as CampaignFormDescription};
-//# sourceMappingURL=CampaignFormDescription.esm.js.map

package/dist/components/CampaignsPage/AddCampaignView.esm.js

@@ -1,2 +0,0 @@
-import m,{useEffect as p}from"react";import"../../contexts/TrackFormContext.esm.js";import"../../contexts/CheckFormContext.esm.js";import{useCampaignFormContext as n}from"../../contexts/CampaignFormContext.esm.js";import"../../contexts/UserProvider.esm.js";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"@backstage/plugin-catalog-react";import{useCreateCampaign as s}from"../../hooks/campaigns/useCreateCampaign.esm.js";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{CampaignForm as c}from"../CampaignForm/CampaignForm.esm.js";import{FullScreenDialog as l}from"../FullScreenDialog/FullScreenDialog.esm.js";const d=()=>{const{hideModal:o,showAddModal:r,setIsLoading:t}=n(),{mutateAsync:i,isLoading:e}=s();return p(()=>{t(e)},[t,e]),m.createElement(l,{title:"Create a Campaign",open:r,handleClose:o},m.createElement(c,{onSave:async a=>{await i(a,{onSuccess:()=>o()})},onCancel:o}))};export{d as AddCampaignView};
-//# sourceMappingURL=AddCampaignView.esm.js.map

package/dist/components/CheckForm/CheckFormDescription.esm.js

@@ -1,2 +0,0 @@
-import{Typography as t,Link as a}from"@material-ui/core";import e from"react";const n=()=>e.createElement("div",{style:{display:"flex",gap:"10px",flexDirection:"column"}},e.createElement(t,{variant:"h6"},"Creating and managing checks"),e.createElement(t,{variant:"body1"},"Checks are entities created from four components: facts, paths, operators and values. These components are then organized via a boolean calculator in the UI."),e.createElement(t,{variant:"body1"},"To create a check, select the components that you want to use, organize them into rules and give your check a meaningful name and a description."),e.createElement(t,{variant:"body1"},"Once created, you will be able to manage and edit your track on its detail page. See our"," ",e.createElement(a,{target:"_blank",href:"https://backstage.spotify.com/docs/plugins/soundcheck/core-concepts/checks#check-fields"},"check documentation")," ","for more details."));export{n as CheckFormDescription};
-//# sourceMappingURL=CheckFormDescription.esm.js.map

package/dist/components/CheckForm/FormFields/RuleInput/Conditions/ControlledAutocomplete.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as x,TextField as C}from"@material-ui/core";import{Autocomplete as I}from"@material-ui/lab";import i from"react";import{Controller as S}from"react-hook-form";const c=x(t=>({clearIndicator:{marginRight:t.spacing(1)},helperText:{marginLeft:0},noMargin:{margin:0}})),T=({name:t,rules:p,label:d,control:g,options:u,getOptionLabel:h,getOptionValue:o,onChange:s,disabled:f,placeholder:b})=>{const n=c();return i.createElement(S,{name:t,control:g,rules:p,render:({field:m,fieldState:l})=>i.createElement(I,{...m,freeSolo:!0,autoSelect:!0,"data-testid":`${t}-autocomplete`,style:{minWidth:250},disabled:f,options:u,getOptionLabel:h,classes:{clearIndicator:n.clearIndicator},renderInput:a=>i.createElement(C,{...a,variant:"outlined",label:d,error:l.invalid,placeholder:b,FormHelperTextProps:{className:n.helperText},margin:"dense",className:n.noMargin,helperText:l.error?l.error.message:null}),onChange:(a,e)=>{const r=o?o(e):e;s?.(r),m.onChange(r)},onInputChange:(a,e)=>{const r=o?o(e):e;s?.(r)}})})};export{T as ControlledAutocomplete,c as useStyles};
-//# sourceMappingURL=ControlledAutocomplete.esm.js.map

package/dist/components/ChecksPage/AddCheckView.esm.js

@@ -1,2 +0,0 @@
-import c,{useEffect as s}from"react";import"../../contexts/TrackFormContext.esm.js";import{useCheckFormContext as a}from"../../contexts/CheckFormContext.esm.js";import"../../contexts/CampaignFormContext.esm.js";import"../../contexts/UserProvider.esm.js";import{useCreateCheck as n}from"../../hooks/checks/useCreateCheck.esm.js";import{CheckForm as p}from"../CheckForm/CheckForm.esm.js";import"@material-ui/core";import"../CheckForm/Steps/CheckDetailsStep.esm.js";import"../CheckForm/Steps/CheckRulesStep.esm.js";const d=()=>{const{hideModal:e,showAddModal:r,setIsLoading:o}=a(),{mutateAsync:m,isLoading:t}=n();return s(()=>{o(t)},[o,t]),c.createElement(p,{title:"Create a Check",open:r,onSave:async i=>{await m(i,{onSuccess:()=>e()})},onClose:()=>e()})};export{d as AddCheckView};
-//# sourceMappingURL=AddCheckView.esm.js.map

package/dist/components/CollectorPage/Configurators/Github/FactCollectionConfig.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as b,FormControlLabel as h,Switch as f,Box as E,Typography as s,Tabs as y,Tab as i}from"@material-ui/core";import e,{useState as x}from"react";import{useWatch as F,Controller as o}from"react-hook-form";import{validateCacheConfig as k}from"../../../../utils/collectors.esm.js";import{validateFrequency as N}from"../../../../utils/frequency.esm.js";import"lodash";import"../../../Frequency/types.esm.js";import"../../../Frequency/util.esm.js";import{FrequencyComponent as T}from"../../../Frequency/FrequencyComponent.esm.js";import{CacheConfigComponent as q}from"../../../CacheConfig/CacheConfigComponent.esm.js";import{FilterComponent as w}from"../../../Filter/FilterComponent.esm.js";const S=b(a=>({root:{padding:a.spacing(1)},tabsContainer:{marginRight:16},tab:{height:"64px",textAlign:"left"},contentContainer:{width:"100%",padding:a.spacing(1)},divider:{marginTop:a.spacing(8),marginBottom:a.spacing(8)},switchTrack:{backgroundColor:`${a.palette.primary.main} !important`}})),$=({name:a,label:d,description:p,control:l,disabled:c,errors:m})=>{const[r,g]=x(0),C=F({control:l,name:`${a}.enabled`}),u=(t,v)=>{g(v)},n=S();return e.createElement("div",{className:n.root},e.createElement(o,{name:`${a}.enabled`,control:l,render:({field:t})=>e.createElement(h,{control:e.createElement(f,{...t,checked:t.value,"data-testid":`${a}-switch`,classes:{track:t.value?n.switchTrack:void 0}}),label:e.createElement(E,{display:"flex",flexDirection:"column"},e.createElement(s,{variant:"body1",component:"span"},e.createElement("b",null,`${d}`)),e.createElement(s,{variant:"caption",color:"textSecondary",component:"p"},`${p}`))})}),C&&e.createElement("div",null,e.createElement(y,{orientation:"horizontal",variant:"scrollable",value:r,onChange:u,className:n.tabsContainer},e.createElement(i,{label:"Frequency",className:n.tab}),e.createElement(i,{label:"Filters",className:n.tab}),e.createElement(i,{label:"Caching",className:n.tab})),e.createElement("div",{className:n.contentContainer},r===0&&e.createElement("div",null,e.createElement(o,{name:`${a}.frequency`,control:l,rules:{validate:N},render:({field:t})=>e.createElement(T,{disabled:c,value:t.value,onChange:t.onChange,errors:m?.frequency})})),r===1&&e.createElement("div",null,e.createElement(o,{name:`${a}.filters`,control:l,render:({field:t})=>e.createElement(w,{disabled:c,value:t.value,onChange:t.onChange})})),r===2&&e.createElement("div",null,e.createElement(o,{name:`${a}.cacheConfig`,control:l,rules:{validate:k},render:({field:t})=>e.createElement(q,{disabled:c,value:t.value,onChange:t.onChange,errors:m?.cacheConfig})})))))};export{$ as FactCollectionConfig};
-//# sourceMappingURL=FactCollectionConfig.esm.js.map

package/dist/components/EditTrackPage/EditTrackView.esm.js

@@ -1,2 +0,0 @@
-import u,{useEffect as i,useCallback as f}from"react";import{useTrackFormContext as k}from"../../contexts/TrackFormContext.esm.js";import"../../contexts/CheckFormContext.esm.js";import"../../contexts/CampaignFormContext.esm.js";import"../../contexts/UserProvider.esm.js";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"@backstage/plugin-catalog-react";import"../../hooks/useSoundcheckAlert.esm.js";import"../../hooks/useConfirmationModal.esm.js";import{useNavigateBack as E}from"../../hooks/useNavigateBack.esm.js";import{useUpdateTrack as T}from"../../hooks/tracks/useUpdateTrack.esm.js";import{tracksPageRouteRef as g}from"../../routes.esm.js";import{TrackForm as w}from"../TrackForm/TrackForm.esm.js";const S=({track:t,canEdit:p})=>{const{setSelectedItem:m,setIsLoading:a,selectedItem:n,showReadOnlyModal:e}=k(),{mutateAsync:c,isLoading:s}=T();i(()=>a(s),[a,s]);const o=!p||!t.isEditable;i(()=>{o?e(t):m(t)},[t,m,o,e]);const[y,r]=E(g),l=f(async d=>{await c(d,{onSuccess:r})},[r,c]);return i(()=>{},[t,e,o]),n?u.createElement(w,{handleClose:r,title:`${o?"View":"Edit"} Track`,open:!0,onSave:l}):null};export{S as EditTrackView};
-//# sourceMappingURL=EditTrackView.esm.js.map

package/dist/components/FormControlledSelect/FormControlledSelect.esm.js

@@ -1,2 +0,0 @@
-import{makeStyles as v,FormControl as E,InputLabel as f,Select as k,MenuItem as c,FormHelperText as y}from"@material-ui/core";import e from"react";import{Controller as h}from"react-hook-form";const x=v(l=>({helperText:{marginLeft:0},selectField:{width:"100%",display:"flex",alignItems:"center"},menuBackground:{backgroundColor:l.palette.background.paper}})),F=({name:l,control:d,selectLabel:r,options:i,disabled:p,rules:u,style:b,helperText:n,placeholder:o})=>{const a=x();return e.createElement(h,{name:l,control:d,rules:u,render:({field:s,fieldState:t})=>e.createElement(E,{variant:"outlined",style:b??{minWidth:200},error:t.invalid},r&&e.createElement(f,{id:`${l}-select-label`},r),e.createElement(k,{...s,className:a.selectField,disabled:p,error:t.invalid,"data-testid":`${l}-select`,labelId:`${l}-select-label`,label:r,displayEmpty:!0,value:s.value??"",MenuProps:{classes:{paper:a.menuBackground}},margin:"dense"},o&&e.createElement(c,{value:"",disabled:!0},o),i?.map(({value:m,label:g})=>e.createElement(c,{key:m,value:m},g))),(n||t.error)&&e.createElement(y,{className:a.helperText},t.error?t.error.message:n))})};export{F as FormControlledSelect};
-//# sourceMappingURL=FormControlledSelect.esm.js.map

package/dist/components/FullScreenDialog/FullScreenDialog.esm.js

@@ -1,2 +0,0 @@
-import{withStyles as n,Dialog as c,Slide as i,AppBar as p,Toolbar as d,Typography as m,IconButton as s,Box as f}from"@material-ui/core";import{makeStyles as u}from"@material-ui/core/styles";import g from"@material-ui/icons/Close";import t from"react";const h=u(e=>({appBar:{position:"relative",color:`${e.palette.text.primary} !important`,backgroundColor:`${e.palette.background.default} !important`},title:{flex:1,fontSize:e.typography.h6.fontSize},closeIcon:{marginRight:e.spacing(2)},content:{flex:"1 0 auto",padding:e.spacing(2),margin:"0 0 5rem",overflowX:"hidden",overflowY:"hidden","& .wmde-markdown-var":{"--color-canvas-default":e.palette.background.paper,"--color-border-default":e.palette.border},"& .wmde-markdown":{"--color-canvas-default":e.palette.background.paper}}})),b=n({paperFullScreen:{padding:0}})(c),S=t.forwardRef(function(e,r){return t.createElement(i,{direction:"up",ref:r,...e})}),k=({open:e,handleClose:r,title:o,children:l})=>{const a=h();return t.createElement(b,{fullScreen:!0,open:e,onClose:r,TransitionComponent:S,className:a.title},t.createElement(p,{className:a.appBar},t.createElement(d,null,t.createElement(m,{className:a.title,"data-testid":`dialog-${o}`},o),t.createElement(s,{"data-testid":"close-dialog",edge:"end",color:"inherit",onClick:r,"aria-label":"close",className:a.closeIcon},t.createElement(g,null)))),t.createElement(f,{className:a.content},l))};export{k as FullScreenDialog};
-//# sourceMappingURL=FullScreenDialog.esm.js.map

package/dist/components/RoutingPage/Breadcrumbs.esm.js

@@ -1,2 +0,0 @@
-import{Breadcrumbs as s,Link as n}from"@backstage/core-components";import{useRouteRef as i}from"@backstage/core-plugin-api";import{makeStyles as p,Typography as f}from"@material-ui/core";import o from"react";import{useLocation as u}from"react-router-dom";import{rootRouteRef as b}from"../../routes.esm.js";const g=p(e=>({breadcrumbs:{marginTop:e.spacing(2),color:e.page.fontColor},link:{color:e.page.fontColor,textDecoration:"none",fontStyle:"normal",fontWeight:"bold"},text:{fontStyle:"normal",fontWeight:"normal"}})),y=({pages:e})=>{const a=i(b),t=g(),l=u().pathname===a();return o.createElement(s,{className:t.breadcrumbs},!l&&o.createElement(n,{className:t.link,to:a()},"Home"),e.map(({title:m,path:r},c)=>r?o.createElement(n,{className:t.link,to:r,key:r,relative:"path"},m):o.createElement(f,{className:t.text,key:`${c}`},m)))};export{y as Breadcrumbs};
-//# sourceMappingURL=Breadcrumbs.esm.js.map

package/dist/components/RoutingPage/utils.esm.js

@@ -1,2 +0,0 @@
-const a=e=>{const c={"^/soundcheck/campaigns$":"Campaigns","^/soundcheck/tracks$":"Tracks","^/soundcheck/tracks/[^/]+$":"Track Details","^/soundcheck/checks$":"Checks","^/soundcheck/collectors$":"Collectors","^/soundcheck/tech-health$":"Tech Health","^/soundcheck/tech-health/campaigns":"Campaigns","^/soundcheck/tech-health/checks":"Checks","^/soundcheck/tech-health/tracks":"Tracks","^/soundcheck/tech-health/entities":"Entities","^/soundcheck/tech-health/teams":"Teams"};for(const[t,s]of Object.entries(c))if(new RegExp(t).test(e))return s;return null},o=e=>e.split("/").filter(c=>c).map((c,t,s)=>{const h=`/${s.slice(0,t+1).join("/")}`,n=a(h);if(n)return h===e?{title:n}:{path:h,title:n}}).filter(c=>!!c);export{o as generateBreadcrumbs};
-//# sourceMappingURL=utils.esm.js.map

package/dist/components/TracksPage/AddTrackView.esm.js

@@ -1,2 +0,0 @@
-import a,{useEffect as p}from"react";import{useTrackFormContext as s}from"../../contexts/TrackFormContext.esm.js";import"../../contexts/CheckFormContext.esm.js";import"../../contexts/CampaignFormContext.esm.js";import"../../contexts/UserProvider.esm.js";import"@backstage/catalog-model";import"@backstage/core-plugin-api";import"@tanstack/react-query";import"../../api.esm.js";import"../../hooks/graphqlKeys.esm.js";import"@backstage/plugin-catalog-react";import"../../hooks/useSoundcheckAlert.esm.js";import{useCreateTrack as c}from"../../hooks/tracks/useCreateTrack.esm.js";import"../../hooks/useConfirmationModal.esm.js";import"react-router-dom";import{TrackForm as n}from"../TrackForm/TrackForm.esm.js";const d=()=>{const{setIsLoading:o,setShowAddModal:t,showAddModal:e}=s(),{mutateAsync:m,isLoading:r}=c();return p(()=>{o(r)},[o,r]),a.createElement(n,{handleClose:()=>t(!1),title:"Create Track",open:e,onSave:async i=>{await m(i,{onSuccess:()=>t(!1)})}})};export{d as AddTrackView};
-//# sourceMappingURL=AddTrackView.esm.js.map