One Hat Cyber Team

Edit File: 3541.8d063e3d43d55745d89b.js

"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[3541],{74400:(we,Z,a)=>{a.d(Z,{R:()=>Fe,I:()=>re});var i=a(32196),e=a(96540),n=a(49785),x=a(40845),N=a(67061),ie=a(29158),C=a(88575),M=a(60029),T=a(10354),J=a(94753),B=a(16504),k=a(15292),ue=a(56034),ce=a(14578),de=a(25027),me=a(9518),q=a(61410),L=a(57220),_=a(25968),ge=a(64047),ee=a(46479),P=a(2543),ve=a(26272),w=a(55852),pe=a(88323),be=a(90613),V=a(37390),O=a(28138),Ge=a(16233),te=a(11230),j=a(80348),Re=a(23770),fe=a(63066),Ae=a(23662),Ee=a(48205),d=a(85242);const g=()=>{const t=(0,x.of)(z),r=()=>window.open("https://github.com/grafana/grafana/issues/42947","_blank");return e.createElement(N.B,{gap:.5},e.createElement("div",{className:t.slashNotAllowed},"Folders with '/' character are not allowed."),e.createElement(ue.m,{placement:"top",content:"Link to the Github issue",theme:"info"},e.createElement(ce.I,{name:"info-circle",size:"xs",className:t.infoIcon,onClick:r})))},v=t=>t.indexOf("/")!==-1;function I(t){const{value:r}=t,l={warningCondition:p=>v(p),warningComponent:g},s={disallowValues:!0,isAllowedValue:p=>!v(p)};return e.createElement(d.sR,{showRoot:!1,rootName:"",allowEmpty:!0,initialFolderUid:r?.uid,searchQueryType:j.SearchQueryType.AlertFolder,...t,permissionLevel:j.PermissionLevelString.Edit,customAdd:s,folderWarning:l})}const z=t=>({slashNotAllowed:(0,i.css)`
    color: ${t.colors.warning.main};
    font-size: 12px;
    margin-bottom: 2px;
  `,infoIcon:(0,i.css)`
    color: ${t.colors.warning.main};
    font-size: 12px;
    margin-bottom: 2px;
    cursor: pointer;
  `});var H=a(7921);const W=1e3,h=(t,r)=>{const o=(0,j.useDispatch)();(0,e.useEffect)(()=>{o((0,Re.eB)({rulesSourceName:L.hY}))},[o]);const s=(0,q.$)(u=>u.rulerRules)[L.hY];return{groupOptions:((0,me.dy)(L.hY).find(u=>u.uid===t)?.groups??[]).map(u=>{const E=b(u);return{label:u.name,value:u.name,description:u.interval??fe.pY,isDisabled:r?!1:E,isProvisioned:E}}).sort(he),loading:s?.loading}},b=t=>t.rules.some(r=>(0,Ae.lT)(r.rulerRule)&&!!r.rulerRule.grafana_alert.provenance),he=(t,r)=>t.label?.localeCompare(r.label??"")||0,ye=(t,r)=>t.label?.toLowerCase().includes(r.toLowerCase());function Be({groupfoldersForGrafana:t,enableProvisionedGroups:r}){const{formState:{errors:o},watch:l,setValue:s,control:p}=(0,n.xW)(),y=(0,x.of)(G),f=l("folder"),u=l("group"),{groupOptions:E,loading:m}=h(f?.uid??"",r),[F,S]=(0,e.useState)(!1),[R,A]=(0,e.useState)(!1),K=()=>S(!0),Q=()=>A(!0),Y=c=>{Se(),s("folder",c),S(!1)},Te=(c,$)=>{s("group",c),s("evaluateEvery",$),A(!1)},Se=(0,e.useCallback)(()=>{s("group","")},[s]),xe=(0,e.useCallback)(async c=>{const $=c?E.filter(se=>ye(se,c)):E;return(0,P.take)($,W)},[E]),Le=(0,e.useMemo)(()=>(0,P.debounce)(xe,300,{leading:!0}),[xe]),Pe=u?{value:u,label:u}:void 0;return e.createElement("div",{className:y.container},e.createElement(N.B,{alignItems:"center"},e.createElement(C.D,{label:e.createElement(M.J,{htmlFor:"folder",description:"Select a folder to store your rule."},"Folder"),className:y.formInput,error:o.folder?.message,"data-testid":"folder-picker"},e.createElement(N.B,{direction:"row",alignItems:"center"},!F&&e.createElement(e.Fragment,null,e.createElement(B.e,{render:({field:{ref:c,...$}})=>e.createElement("div",{style:{width:420}},e.createElement(I,{inputId:"folder",invalid:!!o.folder?.message,...$,enableReset:!0,onChange:({title:se,uid:X})=>{$.onChange({title:se,uid:X}),Se()}})),name:"folder",rules:{required:{value:!0,message:"Select a folder"},validate:{pathSeparator:c=>(0,H.G0)(c.uid)}}}),e.createElement(J.E,{color:"secondary"},"or"),e.createElement(w.$n,{onClick:K,type:"button",icon:"plus",fill:"outline",variant:"secondary",disabled:!Ge.TP.hasPermission(j.AccessControlAction.FoldersCreate)},"New folder"))||e.createElement("div",null,"Creating new folder..."))),F&&e.createElement(ae,{onCreate:Y,onClose:()=>S(!1)})),F&&e.createElement(ae,{onCreate:Y,onClose:()=>S(!1)}),e.createElement(N.B,{alignItems:"center"},e.createElement("div",{style:{width:420}},e.createElement(C.D,{label:"Evaluation group","data-testid":"group-picker",description:"Rules within the same group are evaluated concurrently over the same time interval.",className:y.formInput,error:o.group?.message,invalid:!!o.group?.message},e.createElement(B.e,{render:({field:{ref:c,...$},fieldState:se})=>e.createElement(pe.DW,{disabled:!f||m,inputId:"group",key:(0,P.uniqueId)(),...$,onChange:X=>{$.onChange(X.label??"")},isLoading:m,invalid:!!f&&!u&&!!se.error,loadOptions:Le,cacheOptions:!0,loadingMessage:"Loading groups...",defaultValue:Pe,defaultOptions:E,getOptionLabel:X=>e.createElement("div",null,e.createElement("span",null,X.label),X.isProvisioned&&e.createElement(e.Fragment,null," ",e.createElement(Ee.rS,null))),placeholder:"Select an evaluation group..."}),name:"group",control:p,rules:{required:{value:!0,message:"Must enter a group name"},validate:{pathSeparator:c=>(0,H.G0)(c)}}}))),e.createElement(be.a,{marginTop:4,gap:1,display:"flex",alignItems:"center"},e.createElement(J.E,{color:"secondary"},"or"),e.createElement(w.$n,{onClick:Q,type:"button",icon:"plus",fill:"outline",variant:"secondary",disabled:!f},"New evaluation group")),R&&e.createElement(Ne,{onCreate:Te,onClose:()=>A(!1),groupfoldersForGrafana:t})))}function ae({onClose:t,onCreate:r}){const o=(0,x.of)(G),[l,s]=(0,e.useState)(""),p=async()=>{const f=await(0,te.vV)({title:l});if(!f.uid){O.A.emit(ve.r1.alertError,["Folder could not be created"]);return}const u={title:f.title,uid:f.uid};r(u),O.A.emit(ve.r1.alertSuccess,["Folder Created","OK"])},y=v(l);return e.createElement(V.a,{className:o.modal,isOpen:!0,title:"New folder",onDismiss:t,onClickBackdrop:t},e.createElement("div",{className:o.modalTitle},"Create a new folder to store your rule"),e.createElement("form",{onSubmit:p},e.createElement(C.D,{label:e.createElement(M.J,{htmlFor:"folder"},"Folder name"),error:"The folder name can't contain slashes",invalid:y},e.createElement(T.p,{autoFocus:!0,id:"folderName",placeholder:"Enter a name",value:l,onChange:f=>s(f.currentTarget.value),className:o.formInput})),e.createElement(V.a.ButtonRow,null,e.createElement(w.$n,{variant:"secondary",type:"button",onClick:t},"Cancel"),e.createElement(w.$n,{type:"submit",disabled:!l||y},"Create"))))}function Ne({onClose:t,onCreate:r,groupfoldersForGrafana:o}){const l=(0,x.of)(G),s=()=>{r(K("group"),K("evaluateEvery"))},{watch:p}=(0,n.xW)(),y="eval-every-input",[f,u]=p(["group","folder.title"]),E=(o&&o[u]?.find(Q=>Q.name===f)?.rules)??[],m=()=>{t()},F=(0,n.mN)({defaultValues:{group:"",evaluateEvery:""},mode:"onChange",shouldFocusError:!0}),{register:S,handleSubmit:R,formState:A,getValues:K}=F;return e.createElement(V.a,{className:l.modal,isOpen:!0,title:"New evaluation group",onDismiss:m,onClickBackdrop:m},e.createElement("div",{className:l.modalTitle},"Create a new evaluation group to use for this alert rule."),e.createElement(n.Op,{...F},e.createElement("form",{onSubmit:R(()=>s())},e.createElement(C.D,{label:e.createElement(M.J,{htmlFor:"group"},"Evaluation group name"),error:A.errors.group?.message,invalid:!!A.errors.group},e.createElement(T.p,{className:l.formInput,autoFocus:!0,id:"group",placeholder:"Enter a name",...S("group",{required:{value:!0,message:"Required."}})})),e.createElement(C.D,{error:A.errors.evaluateEvery?.message,invalid:!!A.errors.evaluateEvery,label:e.createElement(M.J,{htmlFor:y,description:"How often is the rule evaluated. Applies to every rule within the group."},"Evaluation interval")},e.createElement(T.p,{className:l.formInput,id:y,placeholder:"e.g. 5m",...S("evaluateEvery",(0,ee.iS)(E))})),e.createElement(V.a.ButtonRow,null,e.createElement(w.$n,{variant:"secondary",type:"button",onClick:m},"Cancel"),e.createElement(w.$n,{type:"submit",disabled:!A.isValid},"Create")))))}const G=t=>({container:(0,i.css)`
    display: flex;
    flex-direction: column;
    align-items: baseline;
    max-width: ${t.breakpoints.values.lg}px;
    justify-content: space-between;
  `,formInput:(0,i.css)`
    flex-grow: 1;
  `,modal:(0,i.css)`
    width: ${t.breakpoints.values.sm}px;
  `,modalTitle:(0,i.css)`
    color: ${t.colors.text.secondary};
    margin-bottom: ${t.spacing(2)};
  `});var D=a(94822);const ne=[{value:D.Q8.Alerting,label:"Alerting"},{value:D.Q8.NoData,label:"No Data"},{value:D.Q8.OK,label:"OK"},{value:D.Q8.Error,label:"Error"},{value:D.Q8.KeepLast,label:"Keep Last State"}],Ce=({includeNoData:t,includeError:r,...o})=>{const l=(0,e.useMemo)(()=>t?r?ne:ne.filter(s=>s.value!==D.Q8.Error):ne.filter(s=>s.value!==D.Q8.NoData),[t,r]);return e.createElement(pe.l6,{options:l,...o})};var Ie=a(64100),Oe=a(271);const re=10,De=t=>({required:{value:!0,message:"Required."},validate:r=>{if(r==="0")return!0;try{const o=(0,_.M9)(r);if(o===0)return!0;try{const l=(0,_.M9)(t);return o>=l?!0:"Pending period must be greater than or equal to the evaluation interval."}catch{return!0}}catch(o){return o instanceof Error?o.message:"Failed to parse duration"}}}),$e=(t,r)=>{const{groupOptions:o}=h(t,!1);return!(0,e.useCallback)(s=>o.some(p=>p.label===s),[o])(r)};function U({evaluateEvery:t,setEvaluateEvery:r,enableProvisionedGroups:o}){const l=(0,x.of)(le),{watch:s,setValue:p,getValues:y}=(0,n.xW)(),[f,u]=(0,e.useState)(!1),[E,m,F]=s(["group","folder.uid","folder.title"]),R=(0,q.$)(c=>c.rulerRules)[L.hY],K=(0,me.dy)(L.hY).find(c=>c.uid===m),Q=K?.groups.find(c=>c.name===E),Y=$e(m??"",E);(0,e.useEffect)(()=>{!Y&&Q?.interval&&r(Q.interval)},[r,Y,p,Q]);const Te=(c=!1)=>{c||(0,de.fH)(de.le.leavingRuleGroupEdit),u(!1)},Se=()=>u(!0),xe=R?.loading||Y||!m||!E,Le={name:F,rulesSource:L.hY,groups:[]},Pe={name:E,interval:t,rules:[],totals:{}};return e.createElement("div",null,e.createElement(Be,{groupfoldersForGrafana:R?.result,enableProvisionedGroups:o}),F&&f&&e.createElement(ee.u5,{namespace:K??Le,group:Q??Pe,folderUid:m,onClose:()=>Te(),intervalEditOnly:!0,hideFolder:!0}),F&&E&&e.createElement("div",{className:l.evaluationContainer},e.createElement(N.B,{direction:"column",gap:0},e.createElement("div",{className:l.marginTop},e.createElement(N.B,{direction:"column",gap:1},y("group")&&y("evaluateEvery")&&e.createElement("span",null,"All rules in the selected group are evaluated every ",t,"."," ",!Y&&e.createElement(ie.K,{name:"pen","aria-label":"Edit",disabled:xe,onClick:Se})))))))}function Me({evaluateEvery:t}){const r=(0,x.of)(le),{register:o,formState:{errors:l}}=(0,n.xW)(),s="eval-for-input";return e.createElement(N.B,{direction:"row","justify-content":"flex-start","align-items":"flex-start"},e.createElement(C.D,{label:e.createElement(M.J,{htmlFor:"evaluateFor",description:"Period in which an alert rule can be in breach of the condition until the alert rule fires."},"Pending period"),className:r.inlineField,error:l.evaluateFor?.message,invalid:!!l.evaluateFor?.message,validationMessageHorizontalOverflow:!0},e.createElement(T.p,{id:s,width:8,...o("evaluateFor",De(t))})))}function oe(){const t="https://grafana.com/docs/grafana/latest/alerting/fundamentals/alert-rules/rule-evaluation/";return e.createElement(N.B,{direction:"row",gap:.5,alignItems:"baseline"},e.createElement(J.E,{variant:"bodySmall",color:"secondary"},"Define how the alert rule is evaluated."),e.createElement(Ie.G,{contentText:"Evaluation groups are containers for evaluating alert and recording rules. An evaluation group defines an evaluation interval - how often a rule is checked. Alert rules within the same evaluation group are evaluated sequentially",externalLink:t,linkText:"Read about evaluation",title:"Evaluation"}))}function Fe({evaluateEvery:t,setEvaluateEvery:r,existing:o,enableProvisionedGroups:l}){const s=(0,x.of)(le),[p,y]=(0,e.useState)(!1),{watch:f,setValue:u}=(0,n.xW)(),E=f("isPaused");return e.createElement(Oe.P,{stepNo:3,title:"Set evaluation behavior",description:oe()},e.createElement(N.B,{direction:"column","justify-content":"flex-start","align-items":"flex-start"},e.createElement(U,{setEvaluateEvery:r,evaluateEvery:t,enableProvisionedGroups:l}),e.createElement(Me,{evaluateEvery:t}),o&&e.createElement(C.D,{htmlFor:"pause-alert-switch"},e.createElement(B.e,{render:()=>e.createElement(N.B,{gap:1,direction:"row",alignItems:"center"},e.createElement(k.d,{id:"pause-alert",onChange:m=>{u("isPaused",m.currentTarget.checked)},value:!!E}),e.createElement("label",{htmlFor:"pause-alert",className:s.switchLabel},"Pause evaluation",e.createElement(ue.m,{placement:"top",content:"Turn on to pause evaluation for this alert rule.",theme:"info"},e.createElement(ce.I,{tabIndex:0,name:"info-circle",size:"sm",className:s.infoIcon})))),name:"isPaused"}))),e.createElement(ge.e,{isCollapsed:!p,onToggle:m=>y(!m),text:"Configure no data and error handling"}),p&&e.createElement(e.Fragment,null,e.createElement(C.D,{htmlFor:"no-data-state-input",label:"Alert state if no data or all values are null"},e.createElement(B.e,{render:({field:{onChange:m,ref:F,...S}})=>e.createElement(Ce,{...S,inputId:"no-data-state-input",width:42,includeNoData:!0,includeError:!1,onChange:R=>m(R?.value)}),name:"noDataState"})),e.createElement(C.D,{htmlFor:"exec-err-state-input",label:"Alert state if execution error or timeout"},e.createElement(B.e,{render:({field:{onChange:m,ref:F,...S}})=>e.createElement(Ce,{...S,inputId:"exec-err-state-input",width:42,includeNoData:!1,includeError:!0,onChange:R=>m(R?.value)}),name:"execErrState"}))))}const le=t=>({inlineField:(0,i.css)`
    margin-bottom: 0;
  `,evaluateLabel:(0,i.css)`
    margin-right: ${t.spacing(1)};
  `,evaluationContainer:(0,i.css)`
    color: ${t.colors.text.secondary};
    max-width: ${t.breakpoints.values.sm}px;
    font-size: ${t.typography.size.sm};
  `,intervalChangedLabel:(0,i.css)`
    margin-bottom: ${t.spacing(1)};
  `,warningIcon:(0,i.css)`
    justify-self: center;
    margin-right: ${t.spacing(1)};
    color: ${t.colors.warning.text};
  `,infoIcon:(0,i.css)`
    margin-left: 10px;
  `,warningMessage:(0,i.css)`
    color: ${t.colors.warning.text};
  `,bold:(0,i.css)`
    font-weight: bold;
  `,alignInterval:(0,i.css)`
    margin-top: ${t.spacing(1)};
    margin-left: -${t.spacing(1)};
  `,marginTop:(0,i.css)`
    margin-top: ${t.spacing(1)};
  `,switchLabel:(0,i.css)(`
    color: ${t.colors.text.primary},
    cursor: 'pointer',
    fontSize: ${t.typography.bodySmall.fontSize},
  `)})},46479:(we,Z,a)=>{a.d(Z,{u5:()=>Ae,iS:()=>fe});var i=a(32196),e=a(2543),n=a(96540),x=a(49785),N=a(39938),ie=a(40845),C=a(37390),M=a(67061),T=a(88575),J=a(60029),B=a(10354),k=a(55852),ue=a(3169),ce=a(40715),de=a(80348),me=a(61410),q=a(23770),L=a(82775),_=a(57220),ge=a(88467),ee=a(23662),P=a(25968),ve=a(75591),w=a(32264),pe=a(42418);const be=()=>n.createElement(pe.F,{severity:"warning",title:"Global evalutation interval limit exceeded"},"A minimum evaluation interval of ",n.createElement("strong",null,w.$.unifiedAlerting.minInterval)," has been configured in Grafana.",n.createElement("br",null),"Please contact the administrator to configure a lower interval.");var V=a(99106),O=a(74400);const Ge=10;function te({message:d,error:g}){return g?n.createElement(N.E,{color:"red",icon:"exclamation-circle",text:"Error",tooltip:d}):n.createElement(N.E,{color:"orange",icon:"exclamation-triangle",text:"Unknown",tooltip:d})}const j=d=>{try{const g=(0,P.M9)(d);return!(g<O.I*1e3||g%(O.I*1e3)!==0)}catch{return!1}},Re=({rulesWithoutRecordingRules:d})=>{const g=(0,ie.of)(Ee),{watch:v}=(0,x.xW)(),I=v("groupInterval"),z=!I,H=d.slice().map((h,b)=>({id:b,data:(0,ee.jg)(h,I)})).sort((h,b)=>(0,P.ge)(h.data.forDuration)-(0,P.ge)(b.data.forDuration)),W=(0,n.useMemo)(()=>[{id:"alertName",label:"Alert",renderCell:({data:{alertName:h}})=>n.createElement(n.Fragment,null,h),size:"330px"},{id:"for",label:"Pending period",renderCell:({data:{forDuration:h}})=>n.createElement(n.Fragment,null,h),size:.5},{id:"numberEvaluations",label:"#Eval",renderCell:({data:{evaluationsToFire:h}})=>z?n.createElement(te,{message:"#Evaluations not available."}):j(I)?h===0?n.createElement(te,{message:"Invalid 'For' value: it should be greater or equal to evaluation interval.",error:!0}):n.createElement(n.Fragment,null,h):n.createElement(te,{message:"Invalid evaluation interval format",error:!0}),size:.4}],[I,z]);return n.createElement("div",{className:g.tableWrapper},n.createElement(ve.E,{items:H,cols:W,pagination:{itemsPerPage:Ge}}))},fe=d=>({required:{value:!0,message:"Required."},validate:g=>{try{const v=(0,P.M9)(g);return v<O.I*1e3?`Cannot be less than ${O.I} seconds.`:v%(O.I*1e3)!==0?`Must be a multiple of ${O.I} seconds.`:(0,q.uQ)(d,g).length===0?!0:"Invalid evaluation interval. Evaluation interval should be smaller or equal to 'For' values for existing rules in this group."}catch(v){return v instanceof Error?v.message:"Failed to parse duration"}}});function Ae(d){const{namespace:g,group:v,onClose:I,intervalEditOnly:z,folderUid:H}=d,W=(0,ie.of)(Ee),h=(0,de.useDispatch)(),{loading:b,error:he,dispatched:ye}=(0,me.$)(t=>t.updateLotexNamespaceAndGroup)??ge.jA,Be=(0,ue._2)(),ae=(0,n.useMemo)(()=>({namespaceName:(0,V.EL)(g).name,groupName:v.name,groupInterval:v.interval??""}),[g,v]),Ne=(0,_.EV)(g.rulesSource),G=Ne===_.hY,D=(0,V.EL)(g).parents,ne=G?"Folder":"Namespace";(0,n.useEffect)(()=>{ye&&!b&&!he&&I(!0)},[ye,b,I,he]),(0,ce.o)(t=>t.unifiedAlerting.updateLotexNamespaceAndGroup=ge.jA);const Ce=t=>{const r=G?(0,V.wf)(t.namespaceName,D):t.namespaceName;h((0,q.LU)({rulesSourceName:Ne,groupName:v.name,newGroupName:t.groupName,namespaceName:g.name,newNamespaceName:r,groupInterval:t.groupInterval||void 0,folderUid:H}))},Ie=(0,x.mN)({mode:"onBlur",defaultValues:ae,shouldFocusError:!0}),{handleSubmit:Oe,register:re,watch:De,formState:{isDirty:$e,errors:U}}=Ie,Me=()=>{Be.error("There are errors in the form. Correct the errors and retry.")},oe=(0,e.compact)(v.rules.map(t=>t.rulerRule).filter(t=>!(0,ee.i7)(t))),Fe=oe.length>0,le=z||G?"Edit evaluation group":"Edit namespace or evaluation group";return n.createElement(C.a,{className:W.modal,isOpen:!0,title:le,onDismiss:I,onClickBackdrop:I},n.createElement(x.Op,{...Ie},n.createElement("form",{onSubmit:t=>t.preventDefault(),key:JSON.stringify(ae)},n.createElement(n.Fragment,null,!d.hideFolder&&n.createElement(M.B,{gap:1,alignItems:"center"},n.createElement(T.D,{className:W.formInput,label:n.createElement(J.J,{htmlFor:"namespaceName",description:!G&&"Change the current namespace name. Moving groups between namespaces is not supported"},ne),invalid:!!U.namespaceName,error:U.namespaceName?.message},n.createElement(B.p,{id:"namespaceName",readOnly:z||G,...re("namespaceName",{required:"Namespace name is required."})})),G&&d.folderUrl&&n.createElement(k.z9,{href:d.folderUrl,title:"Go to folder",variant:"secondary",icon:"folder-open",target:"_blank"})),n.createElement(T.D,{label:n.createElement(J.J,{htmlFor:"groupName"},"Evaluation group name"),invalid:!!U.groupName,error:U.groupName?.message},n.createElement(B.p,{autoFocus:!0,id:"groupName",readOnly:z,...re("groupName",{required:"Evaluation group name is required."})})),n.createElement(T.D,{label:n.createElement(J.J,{htmlFor:"groupInterval",description:"How often is the rule evaluated. Applies to every rule within the group."},n.createElement(M.B,{gap:.5},"Evaluation interval")),invalid:!!U.groupInterval,error:U.groupInterval?.message},n.createElement(B.p,{id:"groupInterval",placeholder:"1m",...re("groupInterval",fe(oe))})),(0,L.q)(De("groupInterval")).exceedsLimit&&n.createElement(be,null),!Fe&&n.createElement("div",null,"This group does not contain alert rules."),Fe&&n.createElement(n.Fragment,null,n.createElement("div",null,"List of rules that belong to this group"),n.createElement("div",{className:W.evalRequiredLabel},"#Eval column represents the number of evaluations needed before alert starts firing."),n.createElement(Re,{rulesWithoutRecordingRules:oe})),n.createElement("div",{className:W.modalButtons},n.createElement(C.a.ButtonRow,null,n.createElement(k.$n,{variant:"secondary",type:"button",disabled:b,onClick:()=>I(!1),fill:"outline"},"Cancel"),n.createElement(k.$n,{type:"button",disabled:!$e||b,onClick:Oe(t=>Ce(t),Me)},b?"Saving...":"Save")))))))}const Ee=d=>({modal:(0,i.css)`
    max-width: 560px;
  `,modalButtons:(0,i.css)`
    top: -24px;
    position: relative;
  `,formInput:(0,i.css)`
    flex: 1;
  `,tableWrapper:(0,i.css)`
    margin-top: ${d.spacing(2)};
    margin-bottom: ${d.spacing(2)};
    height: 100%;
  `,evalRequiredLabel:(0,i.css)`
    font-size: ${d.typography.bodySmall.fontSize};
  `})},41520:(we,Z,a)=>{a.d(Z,{V:()=>n});var i=a(96540),e=a(75471);function n(){return(0,i.useMemo)(()=>(0,e.Q9)(),[])}}}]);

//# sourceMappingURL=3541.8d063e3d43d55745d89b.js.map