https://www.hyperdx.io/_next/static/chunks/6167-bb47bf137f001344.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6167],{76167:function(e,l,s){s.d(l,{Z:function(){return me}});var a=s(52322),n=s(2784),t=s(39097),i=s.n(t),r=s(76665),d=s(33779),o=s(90809),c=s(13892),u=s(70561),h=s(65747),m=s(81794),v=s(87586),x=s(10602),p=s(82696),y=s(86156),g=s(84431),b=s(96975),j=s(23543),f=s(31642),w=s(82225),C=s(11433),N=s(95018),Z=s(68093),k=s(47396),S=s(39643),P=s(34486);const T=["#e60049","#0bb4ff","#50e991","#e6d800","#9b19f5","#ffa300","#dc0ab4","#b3d4ff","#00bfa0"],F=e=>{let{value:l,onChange:s}=e;const[t,i]=n.useState(!1),r=e=>{null===s||void 0===s||s(e),i(!1)};return(0,a.jsxs)(N.J,{position:"bottom",shadow:"md",opened:t,onChange:i,closeOnClickOutside:!1,children:[(0,a.jsx)(N.J.Target,{children:(0,a.jsx)(c.z,{size:"compact-xs",variant:"light",color:"gray",bg:"gray.8",onClick:()=>i((e=>!e)),children:l?(0,a.jsxs)(p.Z,{gap:"xs",children:[(0,a.jsx)(w.x,{size:"xs",c:"gray.5",children:"Color"}),(0,a.jsx)(Z.b,{color:l,size:14})]}):(0,a.jsx)(w.x,{size:"xs",c:"gray.5",children:"Choose color"})})}),(0,a.jsxs)(N.J.Dropdown,{p:"xs",style:{zIndex:9999},children:[(0,a.jsx)(k.T,{size:"xs",value:l,onChange:e=>null===s||void 0===s?void 0:s(e),placeholder:"#000000",radius:"md",variant:"filled",w:"130",onBlur:()=>i(!1),popoverProps:{zIndex:1e4,closeOnClickOutside:!1}}),(0,a.jsx)(S.M,{cols:4,spacing:0,verticalSpacing:0,my:"xs",children:T.map((e=>(0,a.jsx)(P.A,{size:"md",variant:l===e?"filled":"subtle",color:"gray",onClick:()=>r(e),children:(0,a.jsx)(Z.b,{color:e,size:14})},e)))}),l&&(0,a.jsx)(c.z,{size:"compact-xs",color:"gray",onClick:()=>r(),children:"Clear"})]})]})};var A=s(53472),R=s(31025),V=s(27158),I=s(76914),B=s(26773),z=s(12647),D=s(17620),E=s.n(D),M=s(6157),Q=s(1699);const G=E()(R.cz,"1m"),L=E()(R.cz,"1m","6h","12h","1d");function H(e){let{alert:l,setAlert:s,numberFormat:t,alertCheckerType:i}=e;var d,o,c,u,m,x,p,y,g,b,j,f,w,C,N,Z,k,S,P,T,F,A,V;return(0,n.useMemo)((()=>{var e;if(i!==M.i4.Anomaly||l.checker&&l.checker.type!==M.i4.Threshold||s((0,r.ZP)(l,(e=>{e.checker={type:M.i4.Anomaly,config:{models:[{name:M.Gt.ZScore,enabled:!0,params:{threshold:10}}]}}}))),i===M.i4.Anomaly&&!l.historyWindow){const e=(0,R.ws)(l.interval);s((0,r.ZP)(l,(l=>{l.historyWindow=(0,z.Z)(e[1],e[0])})))}i===M.i4.Threshold&&(null===(e=l.checker)||void 0===e?void 0:e.type)===M.i4.Anomaly&&s((0,r.ZP)(l,(e=>{e.checker={type:M.i4.Threshold},delete e.historyWindow})))}),[l,i,s]),(0,a.jsxs)(a.Fragment,{children:[i===M.i4.Threshold&&(0,a.jsxs)("div",{className:"d-flex align-items-center gap-3 flex-wrap",children:[(0,a.jsxs)("span",{children:["Alert when the value",(0,a.jsx)(v.u,{label:"Raw value before applying number format",children:(0,a.jsx)("i",{className:"bi bi-question-circle ms-1 text-slate-300"})})]}),(0,a.jsxs)(h.Z.Select,{id:"type",size:"sm",style:{width:170},value:null===l||void 0===l?void 0:l.type,onChange:e=>{s((0,r.ZP)(l,(l=>{l.type=e.target.value})))},children:[(0,a.jsx)("option",{value:"presence",children:"is at least (\u2265)"},"presence"),(0,a.jsxs)("option",{value:"absence",children:["falls below (","<",")"]},"absence")]}),(0,a.jsxs)("div",{style:{marginBottom:-20},children:[(0,a.jsx)(h.Z.Control,{style:{width:100},type:"number",required:!0,id:"threshold",size:"sm",defaultValue:1,value:null===l||void 0===l?void 0:l.threshold,onChange:e=>{s((0,r.ZP)(l,(l=>{l.threshold=parseFloat(e.target.value)})))}}),(0,a.jsx)("div",{className:"text-slate-300 fs-8",style:{height:20},children:t&&(null===l||void 0===l?void 0:l.threshold)>0&&(0,a.jsxs)(a.Fragment,{children:[(0,Q.uf)(l.threshold,t),(0,a.jsx)(v.u,{label:"Formatted value",children:(0,a.jsx)("i",{className:"bi bi-question-circle ms-1 text-slate-300"})})]})})]}),"over",(0,a.jsxs)(h.Z.Select,{id:"interval",size:"sm",style:{width:140},value:null===l||void 0===l?void 0:l.interval,onChange:e=>{s((0,r.ZP)(l,(l=>{l.interval=e.target.value})))},children:[(0,a.jsx)("option",{value:"",disabled:!0,children:"Select interval"}),Object.entries(G).map((e=>{let[l,s]=e;return(0,a.jsx)("option",{value:l,children:s},l)}))]}),"window via",(0,a.jsx)(h.Z.Select,{id:"channel",size:"sm",style:{width:200},value:null===l||void 0===l||null===(d=l.channel)||void 0===d?void 0:d.type,onCh

1ange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:e.target.value},"pagerduty"===l.channel.type&&(l.channel.severity="error")})))},children:Object.entries(R.E8).map((e=>{let[l,s]=e;return(0,a.jsx)("option",{value:l,children:s},l)}))})]}),i===M.i4.Anomaly&&(0,a.jsxs)("div",{className:"d-flex align-items-center gap-3 flex-wrap",children:[(0,a.jsx)("span",{children:"Alert when the value exceeds"}),(0,a.jsxs)("div",{style:{marginBottom:-20},children:[(0,a.jsx)(h.Z.Control,{style:{width:80},type:"number",required:!0,id:"threshold",size:"sm",min:0,defaultValue:10,value:null!==(V=null===(x=l.checker)||void 0===x||null===(m=x.config)||void 0===m||null===(u=m.models)||void 0===u||null===(c=u.find((e=>e.name===M.Gt.ZScore)))||void 0===c||null===(o=c.params)||void 0===o?void 0:o.threshold)&&void 0!==V?V:10,onChange:e=>{s((0,r.ZP)(l,(l=>{var s,a;if(null===(a=l.checker)||void 0===a||null===(s=a.config)||void 0===s?void 0:s.models){const s=l.checker.config.models.find((e=>e.name===M.Gt.ZScore));s&&(s.params.threshold=parseFloat(e.target.value))}})))}}),(0,a.jsx)("div",{className:"text-slate-300 fs-8",style:{height:20},children:t&&(null===l||void 0===l?void 0:l.threshold)>0&&(0,a.jsxs)(a.Fragment,{children:[(0,Q.uf)(l.threshold,t),(0,a.jsx)(v.u,{label:"Formatted value",children:(0,a.jsx)("i",{className:"bi bi-question-circle ms-1 text-slate-300"})})]})})]}),"Stdvs from the last",(0,a.jsxs)(h.Z.Select,{id:"interval",size:"sm",style:{width:140},value:null===l||void 0===l?void 0:l.interval,onChange:e=>{const a=(0,R.ws)(e.target.value);s((0,r.ZP)(l,(l=>{l.interval=e.target.value,l.historyWindow=(0,z.Z)(a[1],a[0])})))},children:[(0,a.jsx)("option",{value:"",disabled:!0,children:"Select interval"}),Object.entries(L).map((e=>{let[l,s]=e;return(0,a.jsx)("option",{value:l,children:s},l)}))]}),"window average via",(0,a.jsx)(h.Z.Select,{id:"channel",size:"sm",style:{width:200},value:null===l||void 0===l||null===(p=l.channel)||void 0===p?void 0:p.type,onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:e.target.value},"pagerduty"===l.channel.type&&(l.channel.severity="error")})))},children:Object.entries(R.E8).map((e=>{let[l,s]=e;return(0,a.jsx)("option",{value:l,children:s},l)}))})]}),(0,a.jsxs)("div",{className:"mt-3",children:["webhook"===(null===l||void 0===l||null===(y=l.channel)||void 0===y?void 0:y.type)&&(0,a.jsx)(R.WU,{webhookSelectProps:{value:(null===l||void 0===l||null===(g=l.channel)||void 0===g?void 0:g.webhookId)||"",onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:"webhook",webhookId:e.target.value}})))}}}),"incidentio"===(null===l||void 0===l||null===(b=l.channel)||void 0===b?void 0:b.type)&&(0,a.jsx)(R.Jw,{webhookSelectProps:{value:(null===l||void 0===l||null===(j=l.channel)||void 0===j?void 0:j.webhookId)||"",onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:"incidentio",webhookId:e.target.value}})))}}}),"email"===(null===l||void 0===l||null===(f=l.channel)||void 0===f?void 0:f.type)&&(0,a.jsx)(R.eO,{value:null===l||void 0===l||null===(w=l.channel)||void 0===w?void 0:w.recipients,onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:"email",recipients:e}})))},error:(null===l||void 0===l||null===(N=l.channel)||void 0===N||null===(C=N.recipients)||void 0===C?void 0:C.some((e=>!e.includes("@"))))?"Some emails are invalid":null}),"pagerduty"===(null===l||void 0===l||null===(Z=l.channel)||void 0===Z?void 0:Z.type)&&(0,a.jsx)(R.WM,{severitySelectProps:{defaultValue:(null===l||void 0===l||null===(k=l.channel)||void 0===k?void 0:k.severity)||"error",onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:"pagerduty",severity:e.target.value||"error"}})))}}}),"opsgenie"===(null===l||void 0===l||null===(S=l.channel)||void 0===S?void 0:S.type)&&(0,a.jsx)(R.h0,{webhookSelectProps:{value:(null===l||void 0===l||null===(P=l.channel)||void 0===P?void 0:P.webhookId)||"",onChange:e=>{s((0,r.ZP)(l,(s=>{var a;s.channel={type:"opsgenie",webhookId:e.target.value,priority:(null===l||void 0===l||null===(a=l.channel)||void 0===a?void 0:a.priority)||"P3"}})))}},prioritySelectProps:{defaultValue:(null===l||void 0===l||null===(T=l.channel)||void 0===T?void 0:T.priority)||"P3",onChange:e=>{s((0,r.ZP)(l,(s=>{var a;s.channel={type:"opsgenie",webhookId:(null===l||void 0===l||null===(a=l.channel)||void 0===a?void 0:a.webhookId)||"",priority:e.target.value}})))}}}),"slack"===(null===l||void 0===l||null===(F=l.channel)||void 0===F?void 0:F.type)&&(0,a.jsx)(R.Eo,{channelSelectProps:{value:(null===l||void 0===l||null===(A=l.channel)||void 0===A?void 0:A.channelId)||"",onChange:e=>{s((0,r.ZP)(l,(l=>{l.channel={type:"slack",channelId:e.target.value}})))}}})]})]})}var O=s(28722),W=s(62317),_=s(93507),q=s(1303),J=s(77669),X=s(32040),Y=s(4267),K=s(94772),U=s(23920);const $={channel:{type:"webhook"},threshold:1,interval:"5m",type:"presence",source:"CHART"},ee=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"",l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return e||l?e?l?"".concat(e," (").concat(l,")"):e:l:""},le=(e,l)=>e?{...e,where:ee(l,null===e||void 0===e?void 0:e.where),series:(null===e||void 0===e?void 0:e.series)?e.series.map((e=>({...e,where:ee(l,"number"===e.type||"time"===e.type||"table"===e.type?e.where:"")}))):void 0}:null,se=e=>{let{dashboardQuery:l}=e;return(0,a.jsx)(v.u,{label:"Dashboard filter is applied",color:"gray",children:(0,a.jsxs)("span",{className:"d-inline-block",children:[(0,a.jsx)("i",{className:"bi bi-funnel-fill ms-2 me-1 text-success fs-8.5"}),(0,a.jsx)("span",{className:"d-inline-block lh-1 text-slate-400 fs-8.5 me-2 text-truncate",style:{maxWidth:340},children:l})]})})},ae=e=>{let{chart:l,onClose:s,onSave:t}=e;

1const[i,d]=(0,n.useState)(l),o=(0,n.useMemo)((()=>null!=i&&"markdown"===i.series[0].type?{content:i.series[0].content}:null),[i]),c=o;if(null==o||null==i||null==c||"markdown"!==i.series[0].type)return null;return(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),null===t||void 0===t||t(i)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Markdown"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>d((0,r.ZP)(i,(l=>{l.name=e.target.value}))),defaultValue:i.name,placeholder:"Title"})}),(0,a.jsxs)("div",{className:"d-flex mt-3 align-items-center",children:[(0,a.jsx)("div",{style:{width:320},className:"text-muted fw-500 ps-2",children:"Content"}),(0,a.jsx)("div",{className:"ms-3 flex-grow-1",children:(0,a.jsx)(m.Z,{children:(0,a.jsx)(h.Z.Control,{as:"textarea",type:"text",placeholder:"Markdown content",className:"border-0 fs-7",value:i.series[0].content,onChange:e=>d((0,r.ZP)(i,(l=>{"markdown"===l.series[0].type&&(l.series[0].content=e.target.value)})))})})})]}),(null!=t||null!=s)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3 ps-2",children:[null!=t&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=s&&(0,a.jsx)(u.Z,{onClick:s,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsx)("div",{className:"mb-3 text-muted ps-2 fs-7",children:"Markdown Preview"}),(0,a.jsx)("div",{style:{height:400},className:"bg-hdx-dark",children:(0,a.jsx)(q.Z,{config:c})})]})]})},ne=e=>{let{chart:l,onClose:s,onSave:t,dateRange:i,dashboardQuery:d}=e;const[o,c]=(0,n.useState)(l),v=(0,n.useMemo)((()=>null!=o&&"search"===o.series[0].type?{where:o.series[0].where,dateRange:i}:null),[o,i]),x=(0,Q.Nr)(le(v,d),500);if(null==v||null==o||null==x||"search"!==o.series[0].type)return null;return(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),null===t||void 0===t||t(o)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Search Builder"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>c((0,r.ZP)(o,(l=>{l.name=e.target.value}))),defaultValue:o.name,placeholder:"Chart Name"})}),(0,a.jsxs)("div",{className:"d-flex mt-3 align-items-center",children:[(0,a.jsx)("div",{style:{width:320},className:"text-muted fw-500 ps-2",children:"Search Query"}),(0,a.jsx)("div",{className:"ms-3 flex-grow-1",children:(0,a.jsx)(m.Z,{children:(0,a.jsx)(h.Z.Control,{type:"text",placeholder:"Filter results by a search query",className:"border-0 fs-7",value:o.series[0].where,onChange:e=>c((0,r.ZP)(o,(l=>{"search"===l.series[0].type&&(l.series[0].where=e.target.value)})))})})})]}),(null!=t||null!=s)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3 ps-2",children:[null!=t&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=s&&(0,a.jsx)(u.Z,{onClick:s,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsxs)("div",{className:"mb-3 text-muted ps-2 fs-7",children:["Search Preview",!!d&&(0,a.jsx)(se,{dashboardQuery:d})]}),(0,a.jsx)("div",{style:{height:400},className:"bg-hdx-dark",children:(0,a.jsx)(K.A,{config:{...x,where:x.where},isLive:!1})})]})]})},te=e=>{let{chart:l,onClose:s,onSave:t,dateRange:i,editedChart:o,setEditedChart:c,displayedTimeInputValue:m,setDisplayedTimeInputValue:v,onTimeRangeSearch:x,dashboardQuery:p}=e;const[y,g]=(0,n.useState)(l),[b,j]=null!=o&&null!=c?[o,c]:[y,g],f=(0,n.useMemo)((()=>{var e;return null!=b&&"number"===b.series[0].type?{field:null!==(e=b.series[0].field)&&void 0!==e?e:"",dateRange:i,numberFormat:b.series[0].numberFormat,series:b.series,granularity:(0,I.t5)(i,60)}:null}),[b,i]),w=(0,Q.Nr)(le(f,p),500);return null==f||null==b||null==w||"number"!==b.series[0].type?null:(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),null===t||void 0===t||t(b)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Number Tile Builder"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>j((0,r.ZP)(b,(l=>{l.name=e.target.value}))),defaultValue:b.name,placeholder:"Chart Name"})}),(0,a.jsx)(oe,{editedChart:b,setEditedChart:j,chartType:"number"}),(null!=t||null!=s)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3 ps-2",children:[null!=t&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=s&&(0,a.jsx)(u.Z,{onClick:s,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsxs)(d.k,{justify:"space-between",align:"center",mb:"sm",children:[(0,a.jsxs)("div",{className:"text-muted ps-2 fs-7",style:{flexGrow:1},children:["Chart Preview",!!p&&(0,a.jsx)(se,{dashboardQuery:p})]}),null!=v&&null!=m&&null!=x&&(0,a.jsx)("div",{className:"ms-3 flex-grow-1",style:{maxWidth:360},children:(0,a.jsx)(C.j,{inputValue:m,setInputValue:v,onSearch:e=>{x(e)},onSubmit:e=>{x(e)}})})]}),(0,a.jsx)("div",{style:{height:400},children:(0,a.jsx)(Y.Z,{config:w})})]}),"logs"===b.series[0].table?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"ps-2 mt-2 border-top border-dark",children:[(0,a.jsx)("div",{className:"my-3 fs-7 fw-bold",children:"Sample Matched Events"}),(0,a.jsx)("div",{style:{height:150},className:"bg-hdx-dark",children:(0,a.jsx)(K.A,{config:{...w,where:"".concat(w.where," ").concat(""!=w.field?"".concat(w.field,":*"):"")},isLive:!1})})]})}):null]})},ie=e=>{let{chart:l,onClose:s,onSave:t,dateRange:i,displayedTimeInputValue:o,setDisplayedTimeInputValue:c,onTimeRangeSearch:m,editedChart:v,setEditedChart:x,dashboardQuery:p}=e;

1const y="table",[g,b]=(0,n.useState)(l),[j,f]=null!=v&&null!=x?[v,x]:[g,b],w=(0,n.useMemo)((()=>{var e,l,s,a,n;return null!=j&&(null===(l=j.series)||void 0===l||null===(e=l[0])||void 0===e?void 0:e.type)===y?{table:null!==(s=j.series[0].table)&&void 0!==s?s:"logs",aggFn:j.series[0].aggFn,field:null!==(a=j.series[0].field)&&void 0!==a?a:"",groupBy:j.series[0].groupBy[0],where:j.series[0].where,sortOrder:null!==(n=j.series[0].sortOrder)&&void 0!==n?n:"desc",granularity:(0,I.t5)(i,60),dateRange:i,numberFormat:j.series[0].numberFormat,series:j.series,seriesReturnType:j.seriesReturnType}:null}),[j,i]),N=(0,Q.Nr)(le(w,p),500);return null==w||null==N||null==j||j.series[0].type!==y?null:(0,a.jsxs)("form",{className:"flex-grow-1 d-flex flex-column",onSubmit:e=>{e.preventDefault(),null===t||void 0===t||t(j)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Table Builder"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>f((0,r.ZP)(j,(l=>{l.name=e.target.value}))),defaultValue:j.name,placeholder:"Chart Name"})}),(0,a.jsx)(oe,{editedChart:j,setEditedChart:f,chartType:y}),(null!=t||null!=s)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3 ps-2",children:[null!=t&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=s&&(0,a.jsx)(u.Z,{onClick:s,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)(d.k,{justify:"space-between",align:"center",mb:"sm",children:[(0,a.jsxs)("div",{className:"text-muted ps-2 fs-7",style:{flexGrow:1},children:["Chart Preview",!!p&&(0,a.jsx)(se,{dashboardQuery:p})]}),null!=c&&null!=o&&null!=m&&(0,a.jsx)("div",{className:"ms-3 flex-grow-1",style:{maxWidth:360},children:(0,a.jsx)(C.j,{inputValue:o,setInputValue:c,onSearch:e=>{m(e)},onSubmit:e=>{m(e)}})})]}),(0,a.jsx)("div",{style:{height:400},className:"d-flex flex-column flex-grow-1 overflow-hidden",children:(0,a.jsx)(J.Z,{config:N,onSortClick:e=>{f((0,r.ZP)(j,(l=>{for(let a=0;a<l.series.length;a++)if(a!==e){const e=l.series[a];e.type===y&&(e.sortOrder=void 0)}const s=l.series[e];s.type===y&&(s.sortOrder=null==s.sortOrder||"asc"===s.sortOrder?"desc":"asc")})))}})}),"logs"===j.series[0].table?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"ps-2 mt-2 border-top border-dark",children:[(0,a.jsx)("div",{className:"my-3 fs-7 fw-bold",children:"Sample Matched Events"}),(0,a.jsx)("div",{style:{height:150},className:"bg-hdx-dark",children:(0,a.jsx)(K.A,{config:{...N,where:"".concat(N.where," ").concat("count"!=N.aggFn&&""!=N.field?"".concat(N.field,":*"):""," ").concat(""!=N.groupBy&&null!=N.groupBy?"".concat(N.groupBy,":*"):"")},isLive:!1})})]})}):null]})},re=e=>{let{chart:l,onClose:s,onSave:t,dateRange:i,displayedTimeInputValue:o,setDisplayedTimeInputValue:c,onTimeRangeSearch:v,editedChart:x,setEditedChart:p,dashboardQuery:y}=e;const[g,b]=(0,n.useState)(l),[j,f]=null!=x&&null!=p?[x,p]:[g,b],w=(0,n.useMemo)((()=>{var e,l;return null!=j&&"histogram"===j.series[0].type?{table:null!==(e=j.series[0].table)&&void 0!==e?e:"logs",field:null!==(l=j.series[0].field)&&void 0!==l?l:"",where:j.series[0].where,dateRange:i}:null}),[j,i]),N=(0,Q.Nr)(le(w,y),500);if(null==w||null==j||null==N||"histogram"!==j.series[0].type)return null;var Z;return(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),null===t||void 0===t||t(j)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Histogram Builder"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>f((0,r.ZP)(j,(l=>{l.name=e.target.value}))),defaultValue:j.name,placeholder:"Chart Name"})}),(0,a.jsxs)("div",{className:"d-flex mt-3 align-items-center",children:[(0,a.jsx)("div",{style:{width:320},className:"text-muted fw-500 ps-2",children:"Field"}),(0,a.jsx)("div",{className:"ms-3 flex-grow-1",children:(0,a.jsx)(I.Wy,{value:null!==(Z=j.series[0].field)&&void 0!==Z?Z:"",setValue:e=>f((0,r.ZP)(j,(l=>{"histogram"===l.series[0].type&&(l.series[0].field=e)}))),types:["number"]})})]}),(0,a.jsxs)("div",{className:"d-flex mt-3 align-items-center",children:[(0,a.jsx)("div",{style:{width:320},className:"text-muted fw-500 ps-2",children:"Where"}),(0,a.jsx)("div",{className:"ms-3 flex-grow-1",children:(0,a.jsx)(m.Z,{children:(0,a.jsx)(h.Z.Control,{type:"text",placeholder:"Filter results by a search query",className:"border-0 fs-7",value:j.series[0].where,onChange:e=>f((0,r.ZP)(j,(l=>{"histogram"===l.series[0].type&&(l.series[0].where=e.target.value)})))})})})]}),(null!=t||null!=s)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3 ps-2",children:[null!=t&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=s&&(0,a.jsx)(u.Z,{onClick:s,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)("div",{className:"mt-4",children:[(0,a.jsxs)(d.k,{justify:"space-between",align:"center",mb:"sm",children:[(0,a.jsxs)("div",{className:"text-muted ps-2 fs-7",style:{flexGrow:1},children:["Chart Preview",!!y&&(0,a.jsx)(se,{dashboardQuery:y})]}),null!=c&&null!=o&&null!=v&&(0,a.jsx)("div",{className:"ms-3 flex-grow-1",style:{maxWidth:360},children:(0,a.jsx)(C.j,{inputValue:o,setInputValue:c,onSearch:e=>{v(e)},onSubmit:e=>{v(e)}})})]}),(0,a.jsx)("div",{style:{height:400},children:(0,a.jsx)(_.Z,{config:N})})]}),"logs"===j.series[0].table?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"ps-2 mt-2 border-top border-dark",children:[(0,a.jsx)("div",{className:"my-3 fs-7 fw-bold",children:"Sample Matched Events"}),(0,a.jsx)("div",{style:{height:150},className:"bg-hdx-dark",children:(0,a.jsx)(K.A,{config:{...N,where:"".concat(N.where," ").concat(""!=N.field?"".concat(N.field,":*"):"")},isLive:!1})})]})}):null]})};function de(e){const l=e.series[0],{table:s,type:a,groupBy:n,numberFormat:t}=l;e.series.push({table:s,type:a,aggFn:"logs"===s?"count":"avg",field:"",where:"",groupBy:n,numberFormat:t})}const oe=e=>{let{editedChart:l,setEditedChart:s,chartType:n}=e;var t,i,o,u;const h=(0,U.Y)(U.V.METRICS_READ),{data:m}=V.ZP.useMe();if(l.series[0].type!==n)return null;const v="time"===n&&("65c4797c8721a2f9cfcc3201"===(null===m||void 0===m||null===(t=m.team)||void 0===t?void 0:t._id)||"651ba2db9ee4931196530344"===(null===m||void 0===m||null===(i=m.team)||void 0===i?void 0:i._id)||"6405465a8a40875287617ec4"===(null===m||void 0===m||null===(o=m.team)||void 0===o?void 0:o._id)||"65ac9c406461808c369cbb8e"===(null===m||void 0===m||null===(u=m.team)||void 0===u?void 0:u._id)||"6405465a8a40875287617ec6"===(null===m||void 0===m?void 0:m.id)||"640547608a4087

15287617ed5"===(null===m||void 0===m?void 0:m.id)),j=null!=l.series[0].promQL&&"metrics"===l.series[0].table&&v;var f,w;return(0,a.jsxs)(a.Fragment,{children:[(l.series.length>1||j)&&h&&(0,a.jsxs)(d.k,{align:"center",gap:"md",mb:"sm",children:[(0,a.jsxs)("div",{className:"text-muted",children:[(0,a.jsx)("i",{className:"bi bi-database me-2"}),"Data Source"]}),(0,a.jsx)("div",{className:"flex-grow-1",children:(0,a.jsx)(I.B7,{table:null!==(f=l.series[0].table)&&void 0!==f?f:"logs",setTableAndAggFn:(e,a)=>{s((0,r.ZP)(l,(l=>{l.series.forEach(((l,s)=>{l.type===n&&(l.table=e,l.aggFn=a)}))})))}})})]}),l.series.map(((e,t)=>{return e.type!==n?null:(0,a.jsxs)("div",{className:"mb-2",children:[(0,a.jsx)(x.i,{label:(0,a.jsxs)(p.Z,{gap:"xs",children:["table"in l.series[0]&&"metrics"===l.series[0].table&&1===l.series.length&&v?j?(0,a.jsx)(c.z,{variant:"subtle",color:"gray",size:"xs",onClick:()=>{s((0,r.ZP)(l,(e=>{const l=e.series[0];"number"!==l.type&&"table"!==l.type&&"time"!==l.type||(l.promQL=void 0)})))},children:"Switch to Query Builder"}):(0,a.jsx)(c.z,{variant:"subtle",color:"gray",size:"xs",onClick:()=>{s((0,r.ZP)(l,(e=>{const l=e.series[0];"number"!==l.type&&"table"!==l.type&&"time"!==l.type||(l.promQL="",l.field="")})))},children:"Switch to PromQL"}):null,("table"===e.type||"time"===e.type)&&(0,a.jsx)(a.Fragment,{children:(0,a.jsx)(y.o,{leftSection:(0,a.jsx)("i",{className:"bi bi-chat-left-quote-fill fs-8.5"}),title:"Table header name",size:"xs",w:200,value:e.displayName,onChange:e=>{s((0,r.ZP)(l,(l=>{const s=l.series[t];"table"!==s.type&&"time"!==s.type||(s.displayName=e.currentTarget.value)})))},placeholder:"".concat(e.aggFn,"(").concat(e.field||"",")")})}),"column"===l.seriesReturnType&&"time"===n&&(0,a.jsx)(F,{value:e.color,onChange:e=>{s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.color=e)})))}}),l.series.length>1&&(0,a.jsxs)(c.z,{variant:"subtle",color:"gray",size:"xs",onClick:()=>{s((0,r.ZP)(l,(e=>{e.series.splice(t,1),2!=e.series.length&&(e.seriesReturnType="column")})))},children:[(0,a.jsx)("i",{className:"bi bi-trash me-2"}),"Remove ","number"===e.type?"Ratio":"Series"]})]}),c:"dark.2",labelPosition:"right",mb:8}),j&&v&&"promQL"in l.series[0]?(0,a.jsx)(g.I,{variant:"filled",placeholder:"PromQL Query",onChange:e=>{s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.promQL=e.target.value)})))},value:null!==(i=l.series[0].promQL)&&void 0!==i?i:""}):(0,a.jsx)(I.Eb,{table:null!==(d=e.table)&&void 0!==d?d:"logs",aggFn:e.aggFn,where:e.where,groupBy:"number"!==e.type?e.groupBy:void 0,field:null!==(o=e.field)&&void 0!==o?o:"",numberFormat:e.numberFormat,setAggFn:e=>s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.aggFn=e)}))),setWhere:e=>s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.where=e)}))),setGroupBy:1===l.series.length&&"number"!==e.type?e=>s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&"number"!==s.type&&(s.groupBy=void 0!=e?e:[])}))):void 0,setField:e=>s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.field=e)}))),setTableAndAggFn:1===l.series.length&&h?(e,a)=>{s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.table=e,s.aggFn=a)})))}:void 0,setFieldAndAggFn:(e,a)=>{s((0,r.ZP)(l,(l=>{const s=l.series[t];s.type===n&&(s.field=e,s.aggFn=a)})))}})]},t);var i,d,o})),(0,a.jsx)(x.i,{my:"md"}),l.series.length>1&&"number"!==l.series[0].type&&(0,a.jsxs)(d.k,{align:"center",gap:"md",mb:"sm",children:[(0,a.jsx)("div",{className:"text-muted",children:"Group By"}),(0,a.jsx)("div",{className:"flex-grow-1",children:"logs"===l.series[0].table?(0,a.jsx)(O.Z,{types:["number","bool","string"],values:l.series[0].groupBy,setValues:e=>{s((0,r.ZP)(l,(l=>{l.series.forEach(((l,s)=>{l.type===n&&"number"!==l.type&&(l.groupBy=void 0!=e?e:[])}))})))}}):(0,a.jsx)(I.J4,{table:null!==(w=l.series[0].table)&&void 0!==w?w:"logs",groupBy:l.series[0].groupBy[0],fields:l.series.map((e=>e.field)).filter((e=>null!=e)),setGroupBy:e=>{s((0,r.ZP)(l,(l=>{l.series.forEach(((l,s)=>{l.type===n&&"number"!==l.type&&(void 0!=e?l.groupBy[0]=e:l.groupBy=[])}))})))}})})]}),(0,a.jsxs)(d.k,{justify:"space-between",children:[(0,a.jsxs)(d.k,{gap:"md",align:"center",children:[1===l.series.length&&!j&&(0,a.jsxs)(c.z,{mt:4,variant:"subtle",size:"sm",color:"gray",onClick:()=>{s((0,r.ZP)(l,(e=>{de(e),e.seriesReturnType="ratio"})))},children:[(0,a.jsx)("i",{className:"bi bi-plus-circle me-2"}),"Add Ratio"]}),!j&&"number"!==n&&(0,a.jsxs)(c.z,{mt:4,variant:"subtle",size:"sm",color:"gray",onClick:()=>{s((0,r.ZP)(l,(e=>{de(e),e.seriesReturnType="column"})))},children:[(0,a.jsx)("i",{className:"bi bi-plus-circle me-2"}),"Add Series"]}),!j&&2==l.series.length&&"number"!==n&&(0,a.jsx)(b.r,{label:"As Ratio",checked:"ratio"===l.seriesReturnType,onCh

1ange:e=>s((0,r.ZP)(l,(l=>{l.seriesReturnType=e.currentTarget.checked?"ratio":"column"})))})]}),(0,a.jsx)(A.v,{value:l.series[0].numberFormat,onChange:e=>{s((0,r.ZP)(l,(l=>{l.series.forEach(((l,s)=>{l.type===n&&(l.numberFormat=e)}))})))}})]})]})},ce=e=>{let{isLocalDashboard:l,isAddingAlert:s,chart:t,alerts:i,onClose:o,onSave:c,dateRange:m,editedChart:v,setEditedChart:p,granularity:y,setGranularity:g,setDisplayedTimeInputValue:b,displayedTimeInputValue:N,onTimeRangeSearch:Z,dashboardQuery:k}=e;var S,P,T,F,A,V;const z="time",[D]=null!==i&&void 0!==i?i:[],[E,G]=(0,n.useState)(t),[L,O]=(0,n.useState)(D),[_,q]=(0,n.useState)(!0),[J,Y]=(0,n.useState)(null!=L||!!s),[U,ee]=(0,n.useState)(D&&(null===(S=D.checker)||void 0===S?void 0:S.type)===M.i4.Anomaly?M.i4.Anomaly:M.i4.Threshold),[ae,ne]=null!=v&&null!=p?[v,p]:[E,G],te=(0,n.useMemo)((()=>{var e,l,s,a;return null!=ae&&(null===(l=ae.series)||void 0===l||null===(e=l[0])||void 0===e?void 0:e.type)===z?{table:null!==(s=ae.series[0].table)&&void 0!==s?s:"logs",aggFn:ae.series[0].aggFn,field:null!==(a=ae.series[0].field)&&void 0!==a?a:"",groupBy:ae.series[0].groupBy[0],where:ae.series[0].where,granularity:J&&(null===L||void 0===L?void 0:L.interval)?(0,R.wA)(null===L||void 0===L?void 0:L.interval):null!==y&&void 0!==y?y:(0,I.t5)(m,60),dateRange:J&&U===M.i4.Anomaly&&(null===L||void 0===L?void 0:L.interval)?(0,R.nT)((0,R.ws)(L.interval)):m,numberFormat:ae.series[0].numberFormat,series:ae.series,seriesReturnType:ae.seriesReturnType,displayType:ae.series[0].displayType}:null}),[ae,J,null===L||void 0===L?void 0:L.interval,y,m,U]),ie=(0,n.useMemo)((()=>le(te,k)),[te,k]),re=(0,Q.Nr)(ie,500);if((0,n.useEffect)((()=>{(null===te||void 0===te?void 0:te.groupBy)||(null===te||void 0===te?void 0:te.series)&&(null===te||void 0===te?void 0:te.series.length)>1?(q(!1),ee(M.i4.Threshold)):q(!0)}),[te,J]),null==te||null==re||null==ae||"time"!==ae.series[0].type)return null;var de;const ce=null!=i&&("logs"===(null!==(de=ae.series[0].table)&&void 0!==de?de:"logs")||"metrics"===ae.series[0].table);return(0,a.jsxs)("form",{className:"d-flex flex-column flex-grow-1",onSubmit:e=>{e.preventDefault(),null===c||void 0===c||c(ae,J?[null!==L&&void 0!==L?L:$]:void 0)},children:[(0,a.jsx)("div",{className:"fs-5 mb-4",children:"Line Chart Builder"}),(0,a.jsx)("div",{className:"d-flex align-items-center mb-4",children:(0,a.jsx)(h.Z.Control,{type:"text",id:"name",onChange:e=>ne((0,r.ZP)(ae,(l=>{l.name=e.target.value}))),defaultValue:ae.name,placeholder:"Chart Name"})}),(0,a.jsx)(oe,{editedChart:ae,setEditedChart:ne,chartType:z}),ce&&(0,a.jsx)(j.X,{bg:"dark.7",p:"md",py:"xs",mt:"md",withBorder:!0,style:s?{borderWidth:3}:void 0,children:l?(0,a.jsx)("span",{className:"text-gray-600 fs-8",children:"Alerts are not available in unsaved dashboards."}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"d-flex align-items-center justify-content-between gap-3 flex-wrap my-2",children:[(0,a.jsx)(B.Z,{id:"check",label:"Enable alerts",checked:J,onChange:()=>Y(!J)}),J&&(0,a.jsx)("div",{className:"d-flex align-items-center gap-3 flex-wrap my-2",children:(0,a.jsx)(f.s,{value:U,onChange:e=>{ee(e)},data:[{label:"Threshold",value:M.i4.Threshold},{label:"Anomaly",value:M.i4.Anomaly,disabled:!_}]})})]}),J&&(0,a.jsxs)("div",{className:"mt-2",children:[!_&&(0,a.jsxs)(w.x,{className:"text-slate-300 fs-8",size:"xs",mb:10,children:[(0,a.jsx)("i",{className:"bi bi-info-circle me-2"}),(0,a.jsx)("b",{children:"Anomaly Alerts"})," are only available for"," ",(0,a.jsx)("b",{children:"Single Series"})," queries without ",(0,a.jsx)("b",{children:"GroupBys"})]}),(0,a.jsx)(x.i,{mb:"sm"}),(0,a.jsx)(H,{alert:null!==L&&void 0!==L?L:$,setAlert:O,numberFormat:ae.series[0].numberFormat,alertCheckerType:U})]})]})}),(null!=c||null!=o)&&(0,a.jsxs)("div",{className:"d-flex justify-content-between my-3",children:[null!=c&&(0,a.jsx)(u.Z,{variant:"outline-success",className:"fs-7 text-muted-hover-black",type:"submit",children:"Save"}),null!=o&&(0,a.jsx)(u.Z,{onClick:o,variant:"dark",children:"Cancel"})]}),(0,a.jsxs)(d.k,{justify:"space-between",align:"center",my:"sm",children:[(0,a.jsxs)("div",{className:"text-muted ps-2 fs-7",style:{flexGrow:1},children:["Chart Preview",!!k&&(0,a.jsx)(se,{dashboardQuery:k})]}),(0,a.jsxs)(d.k,{align:"center",style:{marginLeft:"auto",width:600},children:[null!=b&&null!=N&&null!=Z&&(0,a.jsx)("div",{className:"ms-3 flex-grow-1",style:{maxWidth:420},children:(0,a.jsx)(C.j,{inputValue:N,setInputValue:b,onSearch:e=>{Z(e)},onSubmit:e=>{Z(e)}})}),null!=g&&(0,a.jsx)("div",{className:"ms-3",style:{maxWidth:360},children:(0,a.jsx)(W.Z,{value:y,onChange:g})})]})]}),(0,a.jsx)("div",{className:"flex-grow-1 d-flex flex-column",style:{minHeight:400},children:(0,a.jsx)(X.ZP,{config:re,setDisplayType:e=>ne((0,r.ZP)(ae,(l=>{if("time"!==l.series[0].type)return l;l.series[0].displayType=e}))),...J&&{alertThreshold:U===M.i4.Anomaly?null===L||void 0===L||null===(V=L.checker)||void 0===V||null===(A=V.config)||void 0===A||null===(F=A.models)||void 0===F||null===(T=F.find((e=>e.name===M.Gt.ZScore)))||void 0===T||null===(P=T.params)||void 0===P?void 0:P.threshold:null===L||void 0===L?void 0:L.threshold,alertThresholdType:U===M.i4.Anomaly?M.ml.ZScore:"presence"===(null===L||void 0===L?void 0:L.type)?M.ml.Above:M.ml.Below}})}),"logs"===ae.series[0].table?(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)("div",{className:"ps-2 mt-2 border-top border-dark",children:[(0,a.jsx)("div",{className:"my-3 fs-7 fw-bold",children:"Sample Matched Events"}),(0,a.jsx)("div",{style:{height:150},className:"bg-hdx-dark",children:(0,a.jsx)(K.A,{config:{...re,where:"".concat((0,I.YK)({series:re.series}))},isLive:!1})})]})}):null]})};var ue=s(92139),he=s(45061);var me=e=>{let{isLocalDashboard:l,isAddingAlert:s,chart:t,alerts:u,dateRange:h,onSave:m,onClose:v,editedChart:x,setEditedChart:p,displayedTimeInputValue:y,setDisplayedTimeInputValue:g,granularity:b,setGranularity:j,onTimeRangeSearch:f,hideMarkdown:w,hideSearch:C,createDashboardHref:N,dashboardQuery:Z}=e;var k,S;

1const[P,T]=(0,n.useState)(void 0);var F;const A=null!==(F=null!==P&&void 0!==P?P:null===t||void 0===t||null===(S=t.series)||void 0===S||null===(k=S[0])||void 0===k?void 0:k.type)&&void 0!==F?F:"time",R=(0,n.useCallback)((e=>{T(e),null!=p&&null!=x&&p((0,r.ZP)(x,(l=>{for(const s of l.series)s.type=null!==e&&void 0!==e?e:"time"})))}),[T,p,x]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(d.k,{justify:"content-between",align:"center",mb:"sm",children:[(0,a.jsx)(he.Z,{className:"fs-8 flex-grow-1",items:[{text:(0,a.jsxs)("span",{children:[(0,a.jsx)("i",{className:"bi bi-graph-up"})," Line Chart"]}),value:"time"},...!0===C?[]:[{text:(0,a.jsxs)("span",{children:[(0,a.jsx)("i",{className:"bi bi-card-list"})," Search Results"]}),value:"search"}],{text:(0,a.jsxs)("span",{children:[(0,a.jsx)("i",{className:"bi bi-table"})," Table"]}),value:"table"},{text:(0,a.jsxs)("span",{children:[(0,a.jsx)(ue.b5,{width:12,color:"#fff"})," Histogram"]}),value:"histogram"},{text:(0,a.jsxs)("span",{children:[(0,a.jsx)("i",{className:"bi bi-123"})," Number"]}),value:"number"},...!0===w?[]:[{text:(0,a.jsxs)("span",{children:[(0,a.jsx)("i",{className:"bi bi-markdown"})," Markdown"]}),value:"markdown"}]],activeItem:A,onClick:R}),null!=N&&(0,a.jsx)(o.x,{ml:"md",children:(0,a.jsx)(i(),{href:N,passHref:!0,legacyBehavior:!0,children:(0,a.jsx)(c.z,{variant:"outline",size:"xs",component:"a",children:"Create Dashboard"})})})]}),"time"===A&&null!=t&&(0,a.jsx)(ce,{isLocalDashboard:l,isAddingAlert:s,chart:(0,r.ZP)(t,(e=>{for(const l of e.series)l.type="time"})),alerts:u,onSave:m,onClose:v,dateRange:h,editedChart:x,setEditedChart:p,setDisplayedTimeInputValue:g,displayedTimeInputValue:y,onTimeRangeSearch:f,granularity:b,setGranularity:j,dashboardQuery:Z}),"table"===A&&null!=t&&(0,a.jsx)(ie,{chart:(0,r.ZP)(t,(e=>{for(const l of e.series)l.type="table"})),onSave:m,onClose:v,dateRange:h,editedChart:x,setEditedChart:p,setDisplayedTimeInputValue:g,displayedTimeInputValue:y,onTimeRangeSearch:f,dashboardQuery:Z}),"histogram"===A&&null!=t&&(0,a.jsx)(re,{chart:(0,r.ZP)(t,(e=>{e.series[0].type="histogram"})),onSave:m,onClose:v,dateRange:h,editedChart:x,setEditedChart:p,setDisplayedTimeInputValue:g,displayedTimeInputValue:y,onTimeRangeSearch:f,dashboardQuery:Z}),"search"===A&&null!=t&&(0,a.jsx)(ne,{chart:(0,r.ZP)(t,(e=>{e.series[0].type="search"})),onSave:m,onClose:v,dateRange:h,dashboardQuery:Z}),"number"===A&&null!=t&&(0,a.jsx)(te,{chart:(0,r.ZP)(t,(e=>{e.series[0].type="number"})),onSave:m,onClose:v,editedChart:x,setEditedChart:p,dateRange:h,setDisplayedTimeInputValue:g,displayedTimeInputValue:y,onTimeRangeSearch:f,dashboardQuery:Z}),"markdown"===A&&null!=t&&(0,a.jsx)(ae,{chart:(0,r.ZP)(t,(e=>{e.series[0].type="markdown"})),onSave:m,onClose:v})]})}},62317:function(e,l,s){s.d(l,{Z:function(){return r}});var a=s(52322),n=s(76914),t=s(31776);function i(e){let{options:l,value:s,onChange:n,disabled:i}=e;return(0,a.jsx)(t.ZP,{isDisabled:i,options:l,className:"ds-select",value:l.find((e=>e.value===s)),onChange:e=>n(null===e||void 0===e?void 0:e.value),classNamePrefix:"ds-react-select"})}function r(e){let{value:l,onChange:s,disabled:t}=e;return(0,a.jsx)(i,{disabled:t,options:[{value:void 0,label:"Auto Granularity"},{value:n.He.ThirtySecond,label:"30 Seconds Granularity"},{value:n.He.OneMinute,label:"1 Minute Granularity"},{value:n.He.FiveMinute,label:"5 Minutes Granularity"},{value:n.He.TenMinute,label:"10 Minutes Granularity"},{value:n.He.ThirtyMinute,label:"30 Minutes Granularity"},{value:n.He.OneHour,label:"1 Hour Granularity"},{value:n.He.TwelveHour,label:"12 Hours Granularity"},{value:n.He.OneDay,label:"1 Day Granularity"},{value:n.He.SevenDay,label:"7 Day Granularity"}],onChange:s,value:l})}},1303:function(e,l,s){var a=s(52322),n=s(2784),t=s(56860);const i=(0,n.memo)((e=>{let{config:{content:l}}=e;return(0,a.jsx)("div",{className:"HDXMarkdownChart",children:(0,a.jsx)(t.D,{children:l})})}));l.Z=i},4267:function(e,l,s){var a=s(52322),n=s(2784),t=s(27158),i=s(1699);const r=(0,n.memo)((e=>{let{config:{series:l,dateRange:s,numberFormat:n},onSettled:r}=e;var d,o,c;const{data:u,isError:h,isLoading:m}=t.ZP.useMultiSeriesChart({series:l,startDate:s[0],endDate:s[1],seriesReturnType:l.length>1?"ratio":"column"},{onSettled:r}),v=null===u||void 0===u||null===(d=u.data)||void 0===d?void 0:d.sort(((e,l)=>(null===l||void 0===l?void 0:l.ts_bucket)-(null===e||void 0===e?void 0:e.ts_bucket))),x=(0,i.uf)(null===v||void 0===v||null===(o=v[0])||void 0===o?void 0:o["series_0.data"],n);return m?(0,a.jsx)("div",{className:"d-flex h-100 w-100 align-items-center justify-content-center text-muted",children:"Loading Chart Data..."}):h?(0,a.jsx)("div",{className:"d-flex h-100 w-100 align-items-center justify-content-center text-muted",children:"Error loading chart, please try again or c

1ontact support."}):0===(null===u||void 0===u||null===(c=u.data)||void 0===c?void 0:c.length)?(0,a.jsx)("div",{className:"d-flex h-100 w-100 align-items-center justify-content-center text-muted",children:"No data found within time range."}):(0,a.jsx)("div",{className:"d-flex align-items-center justify-content-center fs-2 h-100",children:x})}));l.Z=r}}]);
2//#