1#@!#!123s

: / usr / share / grafana / public / build /
Filename : 5305.dfd8f172ee28b639a1d2.js
back
"use strict";(self.webpackChunkgrafana=self.webpackChunkgrafana||[]).push([[5305],{63250:(U,P,a)=>{a.d(P,{K:()=>y});var n=a(42844),t=a(27702),f=a(66310);const y=({children:E})=>{const d=(0,f.wW)(C);return t.createElement("div",{className:d.root},E)},C=E=>({root:(0,n.css)({display:"flex",flexWrap:"wrap",alignItems:"center",gap:E.spacing(3),minHeight:E.spacing(4)})})},29473:(U,P,a)=>{a.d(P,{B:()=>t});var n=a(27702);const t=({grow:f,shrink:y})=>n.createElement("div",{style:{display:"block",flexGrow:f,flexShrink:y}})},3664:(U,P,a)=>{a.d(P,{P:()=>de});var n=a(42844),t=a(27702),f=a(85532),y=a(93562),C=a(24077),E=a(23852),d=a(66310),S=a(97560),p=a(66670),u=a(80011),R=a(73453),I=a(48024),i=a(55701),A=a(4737),K=a(29473),N=a(28580),H=a(66609),_=a(18112),W=a(52995);const w=t.memo(({def:e,operation:r})=>{const s=(0,d.wW)(F),[o,c]=(0,t.useState)(!1),{getTooltipProps:x,setTooltipRef:M,setTriggerRef:D,visible:O}=(0,H.O)({placement:"top",visible:o,offset:[0,16],onVisibleChange:c,interactive:!0,trigger:["click"]});return t.createElement(t.Fragment,null,t.createElement(p.zx,{title:"Click to show description",ref:D,icon:"info-circle",size:"sm",variant:"secondary",fill:"text"}),O&&t.createElement(W.h_,null,t.createElement("div",{ref:M,...x(),className:s.docBox},t.createElement("div",{className:s.docBoxHeader},t.createElement("span",null,e.renderer(r,e,"<expr>")),t.createElement(K.B,{grow:1}),t.createElement(p.zx,{icon:"times",onClick:()=>c(!1),fill:"text",variant:"secondary",title:"Remove operation"})),t.createElement("div",{className:s.docBoxBody,dangerouslySetInnerHTML:{__html:V(e,r)}}))))});w.displayName="OperationDocs";const F=e=>({docBox:(0,n.css)({overflow:"hidden",background:e.colors.background.primary,border:`1px solid ${e.colors.border.strong}`,boxShadow:e.shadows.z3,maxWidth:"600px",padding:e.spacing(1),borderRadius:e.shape.borderRadius(),zIndex:e.zIndex.tooltip}),docBoxHeader:(0,n.css)({fontSize:e.typography.h5.fontSize,fontFamily:e.typography.fontFamilyMonospace,paddingBottom:e.spacing(1),display:"flex",alignItems:"center"}),docBoxBody:(0,n.css)({marginBottom:e.spacing(-1),color:e.colors.text.secondary}),signature:(0,n.css)({fontSize:e.typography.bodySmall.fontSize,fontFamily:e.typography.fontFamilyMonospace}),dropdown:(0,n.css)({opacity:0,color:e.colors.text.secondary})});function V(e,r){return(0,_.a)(e.explainHandler?e.explainHandler(r,e):e.documentation??"no docs")}const X=t.memo(({operation:e,def:r,index:s,onChange:o,onRemove:c,queryModeller:x,dragHandleProps:M})=>{const D=(0,d.wW)(Y),[O,$]=(0,t.useState)({}),h=()=>{if(O.isOpen)$({...O,isOpen:!1});else{const z=x.getAlternativeOperations(r.alternativesKey).map(L=>({label:L.name,value:L}));$({isOpen:!0,alternatives:z})}};return t.createElement("div",{className:D.header},!O.isOpen&&t.createElement(t.Fragment,null,t.createElement("div",{...M},r.name??r.id),t.createElement(K.B,{grow:1}),t.createElement("div",{className:`${D.operationHeaderButtons} operation-header-show-on-hover`},t.createElement(p.zx,{icon:"angle-down",size:"sm",onClick:h,fill:"text",variant:"secondary",title:"Click to view alternative operations"}),t.createElement(w,{def:r,operation:e}),t.createElement(p.zx,{icon:"times",size:"sm",onClick:()=>c(s),fill:"text",variant:"secondary",title:"Remove operation"}))),O.isOpen&&t.createElement("div",{className:D.selectWrapper},t.createElement(N.Ph,{autoFocus:!0,openMenuOnFocus:!0,placeholder:"Replace with",options:O.alternatives,isOpen:!0,onCloseMenu:h,onChange:z=>{if(z.value){const L=x.getOperationDef(z.value.id),Q=[...L.defaultParams];for(let b=0;b<Math.min(e.params.length,Q.length);b++)L.params[b].type===r.params[b].type&&(Q[b]=e.params[b]);const v={...e,params:Q,id:z.value.id};o(s,r.changeTypeHandler?r.changeTypeHandler(v,L):v)}}})))});X.displayName="OperationHeader";const Y=e=>({header:(0,n.css)({borderBottom:`1px solid ${e.colors.border.medium}`,padding:e.spacing(.5,.5,.5,1),display:"flex",alignItems:"center"}),operationHeaderButtons:(0,n.css)({opacity:1}),selectWrapper:(0,n.css)({paddingRight:e.spacing(2)})});var k=a(81078),q=a(31465),ee=a(83967),Z=a(42994);function te(e){if(e.editor)return e.editor;if(e.options)return re;switch(e.type){case"boolean":return ne;case"number":case"string":default:return ae}}function ae(e){return t.createElement(q.H,{id:(0,Z.i1)(e.operationIndex,e.index),defaultValue:e.value?.toString(),minWidth:e.paramDef.minWidth,placeholder:e.paramDef.placeholder,title:e.paramDef.description,maxWidth:(e.paramDef.minWidth||20)*3,onCommitChange:r=>{e.onChange(e.index,r.currentTarget.value),e.paramDef.runQueryOnEnter&&r.type==="keydown"&&e.onRunQuery()}})}function ne(e){return t.createElement(ee.X,{id:(0,Z.i1)(e.operationIndex,e.index),value:e.value,onChange:r=>e.onChange(e.index,r.currentTarget.checked)})}function re({paramDef:e,value:r,index:s,operationIndex:o,onChange:c}){const x=(0,d.wW)(se);let M=e.options;M[0]?.label||(M=e.options.map(O=>({label:O.toString(),value:O})));let D=M.find(O=>O.value===r)??(0,k.E)(r);return!r&&e.optional?t.createElement("div",{className:x.optionalParam},t.createElement(p.zx,{size:"sm",variant:"secondary",title:`Add ${e.name}`,icon:"plus",onClick:()=>c(s,M[0].value)},e.name)):t.createElement(E.K,{gap:.5,direction:"row",alignItems:"center",wrap:!1},t.createElement(N.Ph,{id:(0,Z.i1)(o,s),value:D,options:M,placeholder:e.placeholder,allowCustomValue:!0,onChange:O=>c(s,O.value),width:e.minWidth||"auto"}),e.optional&&t.createElement(p.zx,{"data-testid":`operations.${s}.remove-param`,size:"sm",fill:"text",icon:"times",variant:"secondary",title:`Remove ${e.name}`,onClick:()=>c(s,"")}))}const se=e=>({optionalParam:(0,n.css)({marginTop:e.spacing(1)})});function oe({operation:e,index:r,onRemove:s,onChange:o,onRunQuery:c,queryModeller:x,query:M,datasource:D,flash:O,highlight:$}){const h=x.getOperationDef(e.id),z=le(O),L=e.id===A.B5.LabelFilter&&(0,i.ZO)(e,M.operations),Q=(0,d.l4)(),v=ce(Q,L);if(!h)return t.createElement("span",null,"Operation ",e.id," not found");const b=(l,B)=>{const G={...e,params:[...e.params]};G.params[l]=B,J(h,G,r,l,o)},j=()=>{const l={...e,params:[...e.params,""]};J(h,l,r,e.params.length,o)},g=l=>{const B={...e,params:[...e.params.slice(0,l),...e.params.slice(l+1)]};J(h,B,r,l,o)},m=[];for(let l=0;l<e.params.length;l++){const B=h.params[Math.min(h.params.length-1,l)],G=te(B);m.push(t.createElement("div",{className:v.paramRow,key:`${l}-1`},!B.hideName&&t.createElement("div",{className:v.paramName},t.createElement("label",{htmlFor:(0,Z.i1)(r,l)},B.name),B.description&&t.createElement(u.u,{placement:"top",content:B.description,theme:"info"},t.createElement(R.J,{name:"info-circle",size:"sm",className:v.infoIcon}))),t.createElement("div",{className:v.paramValue},t.createElement(E.K,{gap:.5,direction:"row",alignItems:"center",wrap:!1},t.createElement(G,{index:l,paramDef:B,value:e.params[l],operation:e,operationIndex:r,onChange:b,onRunQuery:c,query:M,datasource:D}),B.restParam&&(e.params.length>h.params.length||B.optional)&&t.createElement(p.zx,{"data-testid":`operations.${r}.remove-rest-param`,size:"sm",fill:"text",icon:"times",variant:"secondary",title:`Remove ${B.name}`,onClick:()=>g(l)})))))}let T;if(h.params.length>0){const l=h.params[h.params.length-1];l.restParam&&(T=ie(l,j,r,e.params.length,v))}const ge=l=>{if(!l)return L?!0:void 0};return t.createElement(f._l,{draggableId:`operation-${r}`,index:r},(l,B)=>t.createElement(I._,{error:"You have conflicting label filters",invalid:ge(B.isDragging),className:(0,n.cx)(v.error,v.cardWrapper)},t.createElement("div",{className:(0,n.cx)(v.card,(z||$)&&v.cardHighlight,L&&v.cardError),ref:l.innerRef,...l.draggableProps,"data-testid":`operations.${r}.wrapper`},t.createElement(X,{operation:e,dragHandleProps:l.dragHandleProps,def:h,index:r,onChange:o,onRemove:s,queryModeller:x}),t.createElement("div",{className:v.body},m),T,r<M.operations.length-1&&t.createElement("div",{className:v.arrow},t.createElement("div",{className:v.arrowLine}),t.createElement("div",{className:v.arrowArrow})))))}function le(e){const[r,s]=(0,t.useState)(!0);return(0,t.useEffect)(()=>{let o;return e?o=setTimeout(()=>{s(!1)},1e3):s(!0),()=>clearTimeout(o)},[e]),r&&e}function ie(e,r,s,o,c){return t.createElement("div",{className:c.restParam,key:`${o}-2`},t.createElement(p.zx,{size:"sm",icon:"plus",title:`Add ${e.name}`,variant:"secondary",onClick:r,"data-testid":`operations.${s}.add-rest-param`},e.name))}function J(e,r,s,o,c){e.paramChangedHandler?c(s,e.paramChangedHandler(o,r,e)):c(s,r)}const ce=(e,r)=>({cardWrapper:(0,n.css)({alignItems:"stretch"}),error:(0,n.css)({marginBottom:e.spacing(1)}),card:(0,n.css)({background:e.colors.background.primary,border:`1px solid ${e.colors.border.medium}`,cursor:"grab",borderRadius:e.shape.borderRadius(1),position:"relative",transition:"all 0.5s ease-in 0s",height:r?"auto":"100%"}),cardError:(0,n.css)({boxShadow:`0px 0px 4px 0px ${e.colors.warning.main}`,border:`1px solid ${e.colors.warning.main}`}),cardHighlight:(0,n.css)({boxShadow:`0px 0px 4px 0px ${e.colors.primary.border}`,border:`1px solid ${e.colors.primary.border}`}),infoIcon:(0,n.css)({marginLeft:e.spacing(.5),color:e.colors.text.secondary,":hover":{color:e.colors.text.primary}}),body:(0,n.css)({margin:e.spacing(1,1,.5,1),display:"table"}),paramRow:(0,n.css)({label:"paramRow",display:"table-row",verticalAlign:"middle"}),paramName:(0,n.css)({display:"table-cell",padding:e.spacing(0,1,0,0),fontSize:e.typography.bodySmall.fontSize,fontWeight:e.typography.fontWeightMedium,verticalAlign:"middle",height:"32px"}),paramValue:(0,n.css)({label:"paramValue",display:"table-cell",verticalAlign:"middle"}),restParam:(0,n.css)({padding:e.spacing(0,1,1,1)}),arrow:(0,n.css)({position:"absolute",top:"0",right:"-18px",display:"flex"}),arrowLine:(0,n.css)({height:"2px",width:"8px",backgroundColor:e.colors.border.strong,position:"relative",top:"14px"}),arrowArrow:(0,n.css)({width:0,height:0,borderTop:"5px solid transparent",borderBottom:"5px solid transparent",borderLeft:`7px solid ${e.colors.border.strong}`,position:"relative",top:"10px"})});function de({query:e,datasource:r,queryModeller:s,onChange:o,onRunQuery:c,highlightedOp:x}){const M=(0,d.wW)(ue),{operations:D}=e,O=me(D),[$,h]=(0,t.useState)(!1),z=(g,m)=>{const T=[...D];T.splice(g,1,m),o({...e,operations:T})},L=g=>{const m=[...D.slice(0,g),...D.slice(g+1)];o({...e,operations:m})},Q=s.getCategories().map(g=>({value:g,label:g,items:s.getOperationsForCategory(g).map(m=>({value:m.id,label:m.name,isLeaf:!0}))})),v=g=>{const m=s.getOperationDef(g);m&&(o(m.addOperationHandler(m,e,s)),h(!1))},b=g=>{if(!g.destination)return;const m=[...D],T=m[g.source.index];m.splice(g.source.index,1),m.splice(g.destination.index,0,T),o({...e,operations:m})},j=()=>{h(!1)};return t.createElement(E.K,{gap:1,direction:"column"},t.createElement(E.K,{gap:1},D.length>0&&t.createElement(f.Z5,{onDragEnd:b},t.createElement(f.bK,{droppableId:"sortable-field-mappings",direction:"horizontal"},g=>t.createElement("div",{className:M.operationList,ref:g.innerRef,...g.droppableProps},D.map((m,T)=>t.createElement(oe,{key:m.id+JSON.stringify(m.params)+T,queryModeller:s,index:T,operation:m,query:e,datasource:r,onChange:z,onRemove:L,onRunQuery:c,flash:O[T],highlight:x===m})),g.placeholder))),t.createElement("div",{className:M.addButton},$?t.createElement(S.v,{options:Q,onSelect:v,onBlur:j,autoFocus:!0,alwaysOpen:!0,hideActiveLevelLabel:!0,placeholder:"Search"}):t.createElement(p.zx,{icon:"plus",variant:"secondary",onClick:()=>h(!0),title:"Add operation"},"Operations"))))}function me(e){const r=(0,y.Z)(),s=(0,C.Z)(e);if(!r())return e.map(()=>!1);if(!s)return e.map(()=>!0);let o=[];if(s.length-1===e.length&&e.every(c=>s.includes(c)))return e.map(()=>!1);if(s.length+1===e.length&&s.every(c=>e.includes(c))){const c=e.find(x=>!s.includes(x));o=e.map(x=>x===c)}else o=e.map((c,x)=>!pe(c.id,s[x]?.id));return o}function pe(e,r){return e===r||`__${e}_by`===r||e===`__${r}_by`}const ue=e=>({heading:(0,n.css)({label:"heading",fontSize:12,fontWeight:e.typography.fontWeightMedium,marginBottom:0}),operationList:(0,n.css)({label:"operationList",display:"flex",flexWrap:"wrap",gap:e.spacing(2)}),addButton:(0,n.css)({label:"addButton",width:126,paddingBottom:e.spacing(1)})})},63971:(U,P,a)=>{a.d(P,{B:()=>C});var n=a(42844),t=a(27702),f=a(23852),y=a(66310);function C({children:d}){const S=(0,y.wW)(E);return t.createElement("div",{className:S.root},t.createElement(f.K,{gap:1},d))}const E=d=>({root:(0,n.css)({padding:d.spacing(1,1,0,1),backgroundColor:d.colors.background.secondary,borderRadius:d.shape.borderRadius(1)})})},70161:(U,P,a)=>{a.d(P,{L:()=>d});var n=a(42844),t=a(27702),f=a(86312),y=a(66310),C=a(80011),E=a(66670);const d=({datasource:p,query:u,onChange:R,data:I,queryModeller:i,buildVisualQueryFromString:A})=>{const[K,N]=(0,t.useState)([]),H=(0,y.wW)(S);return(0,t.useEffect)(()=>{const _={expr:i.renderQuery(u),refId:""},W=p.getQueryHints(_,I?.series||[]).filter(w=>w.fix?.action);N(W)},[p,u,I,i]),t.createElement(t.Fragment,null,K.length>0&&t.createElement("div",{className:H.container},K.map(_=>t.createElement(C.u,{content:`${_.label} ${_.fix?.label}`,key:_.type},t.createElement(E.zx,{onClick:()=>{if((0,f.ff)("grafana_query_builder_hints_clicked",{hint:_.type,datasourceType:p.type}),_?.fix?.action){const W={expr:i.renderQuery(u),refId:""},w=p.modifyQuery(W,_.fix.action),F=A(w.expr);return R(F.query)}},fill:"outline",size:"sm",className:H.hint},"hint: ",_.fix?.title||_.fix?.action?.type.toLowerCase().replace("_"," "))))))};d.displayName="QueryBuilderHints";const S=p=>({container:(0,n.css)`
      display: flex;
      align-items: start;
    `,hint:(0,n.css)`
      margin-right: ${p.spacing(1)};
    `})},87295:(U,P,a)=>{a.d(P,{k:()=>C});var n=a(27702),t=a(40705),f=a(39568);const y=[{label:"Builder",value:f.c.Builder},{label:"Code",value:f.c.Code}];function C({mode:E,onChange:d}){return n.createElement("div",{"data-testid":"QueryEditorModeToggle"},n.createElement(t.S,{options:y,size:"sm",value:E,onChange:d}))}},5481:(U,P,a)=>{a.d(P,{n:()=>S});var n=a(42844),t=a(89949),f=a.n(t),y=a(27702),C=a(23852),E=a(66310),d=a(42074);function S({label:u,...R}){const I=u.replace(" ","-"),i=(0,y.useRef)((0,t.uniqueId)(`switch-${I}`)),A=(0,E.wW)(p);return y.createElement(C.K,{gap:1},y.createElement("label",{htmlFor:i.current,className:A.switchLabel},u),y.createElement(d.r,{...R,id:i.current}))}const p=u=>({switchLabel:(0,n.css)({color:u.colors.text.secondary,cursor:"pointer",fontSize:u.typography.bodySmall.fontSize,"&:hover":{color:u.colors.text.primary}})})},85187:(U,P,a)=>{a.d(P,{d:()=>R});var n=a(42844),t=a(27702),f=a(73195),y=a(21609),C=a(23852),E=a(34667),d=a(66310),S=a(41640),p=a(80011),u=a(73453);function R({title:i,children:A,collapsedInfo:K,queryStats:N}){const[H,_]=(0,f.Z)(!1),W=(0,d.wW)(I),w=()=>{const{text:F,suffix:V}=(0,y.Cf)("bytes")(N.bytes,1);return F+V};return t.createElement("div",{className:W.wrapper},t.createElement(S.U,{className:W.collapse,collapsible:!0,isOpen:H,onToggle:_,label:t.createElement(C.K,{gap:0,wrap:!1},t.createElement("h6",{className:W.title},i),!H&&t.createElement("div",{className:W.description},K.map((F,V)=>t.createElement("span",{key:V},F))))},t.createElement("div",{className:W.body},A)),N&&E.config.featureToggles.lokiQuerySplitting&&t.createElement(p.u,{content:"Note: the query will be split into multiple parts and executed in sequence. Query limits will only apply each individual part."},t.createElement(u.J,{tabIndex:0,name:"info-circle",className:W.tooltip,size:"sm"})),N&&t.createElement("p",{className:W.stats},"This query will process approximately ",w(),"."))}const I=i=>({collapse:(0,n.css)({backgroundColor:"unset",border:"unset",marginBottom:0,["> button"]:{padding:i.spacing(0,1)}}),wrapper:(0,n.css)({width:"100%",display:"flex",justifyContent:"space-between",alignItems:"baseline"}),title:(0,n.css)({flexGrow:1,overflow:"hidden",fontSize:i.typography.bodySmall.fontSize,fontWeight:i.typography.fontWeightMedium,margin:0}),description:(0,n.css)({color:i.colors.text.secondary,fontSize:i.typography.bodySmall.fontSize,fontWeight:i.typography.bodySmall.fontWeight,paddingLeft:i.spacing(2),gap:i.spacing(2),display:"flex"}),body:(0,n.css)({display:"flex",gap:i.spacing(2),flexWrap:"wrap"}),stats:(0,n.css)({margin:"0px",color:i.colors.text.secondary,fontSize:i.typography.bodySmall.fontSize}),tooltip:(0,n.css)({marginRight:i.spacing(.25)})})},18585:(U,P,a)=>{a.d(P,{P5:()=>p,ar:()=>f,iS:()=>C});var n=a(27702),t=a(56812);const f="PrometheusQueryEditorExplainDefault",y="PrometheusQueryEditorRawQueryDefault",C="LokiQueryEditorExplainDefault",E="LokiQueryEditorRawQueryDefault";function d(u,R=!1){const I=t.Z.get(u);return I===void 0?R:!!parseInt(I,10)}function S(u,R){t.Z.set(u,R?"1":"0")}function p(u,R=!1){const[I,i]=(0,n.useState)(d(u,R)),A=(0,n.useCallback)(K=>{S(u,K),i(K)},[u]);return{flag:I,setFlag:A}}}}]);

//# sourceMappingURL=5305.dfd8f172ee28b639a1d2.js.map