@perses-dev/scatter-chart-plugin 0.12.0-beta.1 → 0.12.0-beta.2

package/__mf/js/async/__federation_expose_ScatterChart.300d82d0.js

@@ -1,2 +0,0 @@
-/*! For license information please see __federation_expose_ScatterChart.300d82d0.js.LICENSE.txt */
-"use strict";(self.chunk_ScatterChart_0_12_0_beta_1=self.chunk_ScatterChart_0_12_0_beta_1||[]).push([["211"],{2192(e,t,r){var a=r(70451),n=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function u(e,t,r){var a,o={},u=null,m=null;for(a in void 0!==r&&(u=""+r),void 0!==t.key&&(u=""+t.key),void 0!==t.ref&&(m=t.ref),t)i.call(t,a)&&!l.hasOwnProperty(a)&&(o[a]=t[a]);if(e&&e.defaultProps)for(a in t=e.defaultProps)void 0===o[a]&&(o[a]=t[a]);return{$$typeof:n,type:e,key:u,ref:m,props:o,_owner:s.current}}t.Fragment=o,t.jsx=u,t.jsxs=u},62540(e,t,r){e.exports=r(2192)},24310(e,t,r){r.r(t),r.d(t,{ScatterChart:()=>v});var a=r(62540),n=r(56875),o=r(70451),i=r(9222),s=r(32741),l=r(90652),u=r(9940),m=r(50944),c=r(59738),d=r(72106),f=r(55875),h=r(74653),p=r(37573);(0,h.Y)([l.a,u.a,m.a,s.a,c.a,d.a,f.a,p.a]);let y={year:"numeric",month:"long",day:"numeric",hour:"numeric",minute:"numeric",second:"numeric",fractionalSecondDigits:3};function b(e){let{width:t,height:r,options:s,link:l}=e,u=(0,n.useChartsTheme)(),{absoluteTimeRange:m}=(0,i.useTimeRange)(),{timeZone:c,dateFormatOptionsWithUserTimeZone:d}=(0,n.useTimeZone)(),f=(0,o.useMemo)(()=>{let e=d(y);return new Intl.DateTimeFormat(void 0,e).format},[d]),h=(0,i.useAllVariableValues)(),{navigate:p}=(0,i.useRouterContext)(),b=m.end.valueOf()-m.start.valueOf(),_=(0,o.useCallback)(()=>function(e){let t=new Date(Number(e));return b>15768e7?(0,n.formatWithTimeZone)(t,"yyyy",c):b>15552e6?(0,n.formatWithTimeZone)(t,"MMM yyyy",c):b>864e6?(0,n.formatWithTimeZone)(t,"dd.MM",c):b>1728e5?(0,n.formatWithTimeZone)(t,"dd.MM HH:mm",c):(0,n.formatWithTimeZone)(t,"HH:mm",c)},[b,c]),v={dataset:s.dataset,series:s.series,dataZoom:s.dataZoom,grid:{top:45,bottom:20,left:30,right:20},xAxis:{type:"time",min:m.start,max:m.end,axisLabel:{hideOverlap:!0,formatter:_()}},yAxis:{scale:!0,type:"value",name:"Duration",splitNumber:4,axisLabel:{formatter:e=>(0,n.formatValue)(e,{unit:"milliseconds"})}},animation:!1,tooltip:{padding:5,borderWidth:1,trigger:"axis",axisPointer:{type:"cross"},formatter:function(e){let t=e[0].data;return`<b>Service name</b>: ${t.rootServiceName}<br/><b>Span name</b>: ${t.rootTraceName}<br/><b>Time</b>: ${f(t.startTime)}<br/><b>Duration</b>: ${(0,n.formatValue)(t.durationMs,{unit:"milliseconds"})}<br/><b>Span count</b>: ${t.spanCount} (${t.errorCount} errors)<br/>`}},legend:{show:!0,type:"scroll",orient:"horizontal",bottom:0}},T=(0,o.useMemo)(()=>{let e={};return p&&l&&(e.click=e=>{let t=e.data.linkVariables;p((0,i.replaceVariablesInString)(l,h,t))}),e},[l,p,h]);return(0,a.jsx)(n.EChart,{style:{width:t,height:r},option:v,theme:u.echartsTheme,onEvents:T})}let _=[6,20],v={PanelComponent:function(e){let{spec:t,contentDimensions:r,queryResults:i}=e,s=(0,n.useChartsTheme)().thresholds.defaultColor||"blue",l=t.sizeRange||_,{dataset:u,minSpanCount:m,maxSpanCount:c}=(0,o.useMemo)(()=>{let e,t,r=[];for(let a of i){if(void 0===a.data.searchResult)continue;let n=a.data.searchResult.map(r=>{var n;let o=0,i=0;for(let e of Object.values(r.serviceStats))o+=e.spanCount,i+=e.errorCount??0;(void 0===e||o<e)&&(e=o),(void 0===t||o>t)&&(t=o);let s=a.definition.spec.plugin.spec;return{...r,linkVariables:{datasourceName:(null==s||null==(n=s.datasource)?void 0:n.name)??"",traceId:r.traceId},name:`${r.rootServiceName}: ${r.rootTraceName}`,startTime:new Date(r.startTimeUnixMs),spanCount:o,errorCount:i}});r.push({source:n})}return{dataset:r,minSpanCount:e??0,maxSpanCount:t??0}},[i]),d=(0,o.useMemo)(()=>{let e={type:"scatter",encode:{x:"startTime",y:"durationMs"},symbolSize:function(e){return function(e,t,r){let[a,n]=r,[o,i]=t;return i-o==0?n:a+(e-o)/(i-o)*(n-a)}(e.spanCount,[m,c],l)},itemStyle:{color:function(e){return e.data.errorCount>0?"red":s}}},t=[];for(let r=0;r<u.length;r++)t.push({...e,datasetIndex:r});return t},[u,s,m,c,l]);return i.some(e=>{var t;return((null==(t=e.data)?void 0:t.searchResult)??[]).length>0})?void 0===r?null:(0,a.jsx)("div",{"data-testid":"ScatterChartPanel_ScatterPlot",children:(0,a.jsx)(b,{width:r.width,height:r.height,options:{dataset:u,series:d},link:t.link})}):(0,a.jsx)(n.NoDataOverlay,{resource:"traces"})},supportedQueryTypes:["TraceQuery"],createInitialOptions:function(){return{}}}}}]);