@perses-dev/timeseries-chart-plugin 0.12.0 → 0.12.1

package/__mf/js/async/__federation_expose_TimeSeriesChart.8cacec73.js

@@ -1,3 +0,0 @@
-"use strict";(self.chunk_TimeSeriesChart=self.chunk_TimeSeriesChart||[]).push([["53"],{3233:function(e,t,l){l.r(t),l.d(t,{TimeSeriesChart:()=>eR});let n={unit:"decimal",shortValues:!0},i={show:!0,label:"",format:n,min:void 0,max:void 0,logBase:void 0},a="Label",o="Min",r="Max",s="Log Base",d={display:"line",lineWidth:1.25,lineStyle:"solid",areaOpacity:0,pointRadius:2.75,connectNulls:!1},u="Line Width",c="slider-line-width",h=.25,p=3,m=.25,v="Line Style",g="Area Opacity",x="slider-area-opacity",f=0,y=1,b=.05,j="Stack Series",C="Connect Nulls",A={none:{label:"None"},all:{label:"All"}},S=Object.entries(A).map(e=>{let[t,l]=e;return{id:t,...l}}),M={solid:{label:"Solid"},dashed:{label:"Dashes"},dotted:{label:"Dots"}},w={none:{label:"None",log:void 0},2:{label:"2",log:2},10:{label:"10",log:10}},O=Object.entries(w).map(e=>{let[t,l]=e;return{id:t,...l}});var E=l(62540),T=l(7013),L=l(38662),k=l(43349),I=l(36603),D=l(61375),R=l(31729),_=l(40704),N=l(68003);function $(e){let{value:t,onChange:l}=e,n=t.stack??"none",i=A[n];return(0,E.jsxs)(k.OptionsEditorGroup,{title:"Visual",children:[(0,E.jsx)(k.OptionsEditorControl,{label:j,control:(0,E.jsx)(k.SettingsAutocomplete,{value:{...i,id:n},options:S,onChange:(e,n)=>{let i={...t,stack:"none"===n.id?void 0:n.id};"all"!==n.id||t.areaOpacity||(i.areaOpacity=.3),l(i)},disabled:void 0===t,disableClearable:!0})}),(0,E.jsx)(k.OptionsEditorControl,{label:"Display",control:(0,E.jsxs)(D.A,{color:"primary",exclusive:!0,value:t.display??"line",onChange:(e,n)=>{l({...t,display:n})},children:[(0,E.jsx)(R.A,{value:"line",selected:void 0===t.display||"line"===t.display,"aria-label":"display line series",children:"Line"}),(0,E.jsx)(R.A,{value:"bar","aria-label":"display bar series",children:"Bar"})]})}),"line"===t.display&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(k.OptionsEditorControl,{label:u,control:(0,E.jsx)(_.Ay,{"data-testid":c,value:t.lineWidth??1.25,valueLabelDisplay:"auto",step:m,marks:!0,min:h,max:p,onChange:(e,n)=>{let i=Array.isArray(n)?n[0]:n,a=void 0!==i?i+1.5:2.75;l((0,L.jM)(t,e=>{e.lineWidth=i,e.pointRadius=a}))}})}),(0,E.jsx)(k.OptionsEditorControl,{label:v,control:(0,E.jsx)(D.A,{color:"primary",exclusive:!0,value:t.lineStyle??"solid",onChange:(e,n)=>{l({...t,lineStyle:n})},children:Object.entries(M).map(e=>{let[t,l]=e;return(0,E.jsx)(R.A,{value:t,"aria-label":`${t} line style`,children:l.label},t)})})}),(0,E.jsx)(k.OptionsEditorControl,{label:g,control:(0,E.jsx)(_.Ay,{"data-testid":x,value:t.areaOpacity??0,valueLabelDisplay:"auto",step:b,marks:!0,min:f,max:y,onChange:(e,n)=>{let i=Array.isArray(n)?n[0]:n;l((0,L.jM)(t,e=>{e.areaOpacity=i}))}})}),(0,E.jsx)(k.OptionsEditorControl,{label:C,control:(0,E.jsx)(N.A,{checked:t.connectNulls??!1,onChange:e=>{l({...t,connectNulls:e.target.checked})}})})]})]})}var F=l(93648);function V(e){let{value:t,onChange:l}=e,d=t.logBase?w[t.logBase]:void 0;return(0,E.jsxs)(k.OptionsEditorGroup,{title:"Y Axis",children:[(0,E.jsx)(k.OptionsEditorControl,{label:"Show",control:(0,E.jsx)(N.A,{checked:t.show??i.show,onChange:e=>{l({...t,show:e.target.checked})}})}),(0,E.jsx)(k.FormatControls,{value:t.format??n,onChange:e=>l({...t,format:e})}),(0,E.jsx)(k.OptionsEditorControl,{label:s,control:(0,E.jsx)(k.SettingsAutocomplete,{value:{...d,id:(null==d?void 0:d.label)??"None"},options:O,onChange:(e,n)=>{l({...t,logBase:n.log??void 0})},disabled:void 0===t,disableClearable:!0})}),(0,E.jsx)(k.OptionsEditorControl,{label:a,control:(0,E.jsx)(F.A,{value:t.label??"",inputProps:{"aria-label":"enter y axis label"},onChange:e=>l({...t,label:e.target.value}),placeholder:"Default"})}),(0,E.jsx)(k.OptionsEditorControl,{label:o,control:(0,E.jsx)(F.A,{type:"number",value:t.min??"",onChange:e=>{let n=e.target.value?Number(e.target.value):void 0;l({...t,min:n})},placeholder:"Default"})}),(0,E.jsx)(k.OptionsEditorControl,{label:r,control:(0,E.jsx)(F.A,{type:"number",value:t.max??"",onChange:e=>{let n=e.target.value?Number(e.target.value):void 0;l({...t,max:n})},placeholder:"Default"})})]})}var P=l(315),B=l(88091),G=l(97653),U=l(74628),q=l(47095),z=l(30145),W=l(56599),H=l(70451),Y=l(86067),Q=l(86742),Z=l(7800);let X="#555";function K(e){let{querySettings:{queryIndex:t,colorMode:l,colorValue:n,lineStyle:i,areaOpacity:a,format:o},availableQueryIndexes:r,onQueryIndexChange:s,onColorModeChange:d,onColorValueChange:u,onLineStyleChange:c,onAreaOpacityChange:h,onDelete:p,inputRef:m,onAddColor:v,onRemoveColor:g,onAddLineStyle:x,onRemoveLineStyle:f,onAddAreaOpacity:y,onRemoveAreaOpacity:b,onAddUnit:j,onRemoveUnit:C,onUnitChange:A}=e,S=r.concat(t).sort((e,t)=>e-t),[w,O]=(0,H.useState)(null),T=(0,H.useMemo)(()=>{let e=[];return l||e.push({key:"color",label:"Color",action:v}),i||e.push({key:"lineStyle",label:"Line Style",action:x}),void 0===a&&e.push({key:"opacity",label:"Opacity",action:y}),void 0===o&&e.push({key:"unit",label:"Unit",action:j}),e},[l,i,a,o,v,x,y,j]),L=()=>{O(null)};return(0,E.jsx)(P.A,{sx:{borderBottom:"1px solid",borderColor:"divider",borderRadius:1,p:2},children:(0,E.jsxs)(P.A,{direction:"row",alignItems:"center",sx:{flexWrap:"wrap",gap:2},children:[(0,E.jsx)(F.A,{select:!0,inputRef:m,value:t,label:"Query",onChange:s,sx:{minWidth:"75px"},children:S.map(e=>(0,E.jsxs)(G.A,{value:e,children:["#",e+1]},`query-${e}`))}),l&&(0,E.jsxs)(J,{label:"Color",onRemove:g,children:[(0,E.jsxs)(F.A,{select:!0,value:l,onChange:d,size:"small",sx:{flexGrow:1},children:[(0,E.jsx)(G.A,{value:"fixed-single",children:"Fixed (single)"}),(0,E.jsx)(G.A,{value:"fixed",children:"Fixed"})]}),(0,E.jsx)(k.OptionsColorPicker,{label:`Query n\xb0${t+1}`,color:n||X,onColorChange:u})]}),i&&(0,E.jsxs)(J,{label:"Line Style",onRemove:f,children:[(0,E.jsx)(D.A,{color:"primary",exclusive:!0,value:i,onChange:(e,t)=>{null!==t&&c(t)},size:"small",children:Object.entries(M).map(e=>{let[t,l]=e;return(0,E.jsx)(R.A,{value:t,"aria-label":`${t} line style`,children:l.label},t)})}),(0,E.jsx)(U.A,{sx:{flexGrow:1}})]}),void 0!==a&&(0,E.jsxs)(J,{label:"Opacity",onRemove:b,children:[(0,E.jsx)(U.A,{}),(0,E.jsx)(_.Ay,{value:a,valueLabelDisplay:"auto",step:.05,marks:!0,min:0,max:1,onChange:h,sx:{flexGrow:1}})]}),void 0!==o&&(0,E.jsx)(J,{label:"Unit",onRemove:C,children:(0,E.jsx)(U.A,{sx:{minWidth:"180px"},children:(0,E.jsx)(k.UnitSelector,{value:o,onChange:A})})}),T.length>0&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(q.A,{onClick:e=>{1===T.length&&T[0]?T[0].action():O(e.currentTarget)},"aria-label":"Add option",children:(0,E.jsx)(Q.default,{})}),(0,E.jsx)(z.A,{anchorEl:w,open:!!w,onClose:L,anchorOrigin:{vertical:"bottom",horizontal:"left"},children:T.map(e=>(0,E.jsxs)(G.A,{onClick:()=>{(0,e.action)(),L()},sx:{minWidth:"120px"},children:[(0,E.jsx)(Q.default,{sx:{mr:1,fontSize:"1rem"}}),e.label]},e.key))})]}),(0,E.jsx)(U.A,{sx:{flexGrow:1}}),(0,E.jsx)(q.A,{"aria-label":`delete settings for query n\xb0${t+1}`,onClick:p,children:(0,E.jsx)(Y.default,{})})]})})}function J(e){let{label:t,children:l,onRemove:n}=e,i=(0,W.A)();return(0,E.jsxs)(U.A,{sx:{position:"relative",minWidth:"250px"},children:[(0,E.jsx)(B.A,{variant:"caption",sx:{position:"absolute",top:-8,left:12,backgroundColor:i.palette.background.code,px:.5,color:"text.secondary",zIndex:1},children:t}),(0,E.jsxs)(P.A,{direction:"row",alignItems:"center",spacing:1,sx:{border:"1px solid",borderColor:"divider",borderRadius:1,p:1},children:[l,(0,E.jsx)(q.A,{size:"small",onClick:n,"aria-label":`Remove ${t}`,children:(0,E.jsx)(Z.default,{})})]})]})}var ee=l(25632),et=l.n(ee),el=l(3967),en=l(87680),ei=l(99415),ea=l(12826);function eo(e){let t=Math.floor(Math.log10(Math.abs(e)));return Math.floor(e/Math.pow(10,t))*Math.pow(10,t)}var er=l(92959);let es=new er.A({hue:{min:20,max:360}}),ed=new er.A({hue:{min:0,max:20}}),eu={};var ec=l(18264),eh=l.n(ec),ep=l(63682),em=l(74653),ev=l(62707),eg=l(31373),ex=l(59738),ef=l(90652),ey=l(61305),eb=l(64404),ej=l(28502),eC=l(48683),eA=l(72106),eS=l(40988),eM=l(55875),ew=l(37573);(0,em.Y)([ev.a,eg.a,ex.a,ef.a,ey.a,eb.a,ej.a,eC.a,eA.a,eS.a,eM.a,ew.a]);let eO=(0,H.forwardRef)(function(e,t){var l;let n,{height:i,data:a,seriesMapping:o,timeScale:r,yAxis:s,format:d,seriesFormatMap:u,grid:c,isStackedBar:h=!1,tooltipConfig:p=k.DEFAULT_TOOLTIP_CONFIG,noDataVariant:m="message",syncGroup:v,onDataZoom:g,onDoubleClick:x,__experimentalEChartsOptionsOverride:f}=e,{chartsTheme:y,enablePinning:b,enableSyncGrouping:j,lastTooltipPinnedCoords:C,setLastTooltipPinnedCoords:A}=(0,k.useChartsContext)(),S=p.enablePinning&&b,M=(0,H.useRef)(),[w,O]=(0,H.useState)(!0),[T,L]=(0,H.useState)(null),[I,D]=(0,H.useState)(null),[R,_]=(0,H.useState)(!1),[N,$]=(0,H.useState)(0),{timeZone:F}=(0,k.useTimeZone)();if(void 0===r){let e=(0,ei.l$)(a);if(void 0===e){let e=new Date,t=new Date(e);t.setFullYear(e.getFullYear()-5);let l=e.getTime(),i=t.getTime();n={startMs:i,endMs:l,stepMs:1,rangeMs:l-i}}else n=e}else n=r;(0,H.useImperativeHandle)(t,()=>({highlightSeries(e){let{name:t}=e;M.current&&M.current.dispatchAction({type:"highlight",seriesId:t})},clearHighlightedSeries:()=>{M.current&&(0,k.clearHighlightedSeries)(M.current)}}),[]);let V=(0,H.useMemo)(()=>({datazoom:e=>{if(void 0===g&&setTimeout(()=>{L(null)},10),void 0===g||void 0===e.batch[0])return;let t=e.batch[0].startValue,l=e.batch[0].endValue;void 0!==t&&void 0!==l&&g({start:t,end:l})},finished:()=>{void 0!==M.current&&(0,k.enableDataZoom)(M.current)}}),[g,L]),{noDataOption:P}=y,B=(0,H.useMemo)(()=>{if(null===a||0===a.length&&"message"===m)return P;let e=[],t="local"===F;a.map((l,n)=>{let i=l.values.map(e=>{let[l,n]=e;return[t?l:(0,ep.toZonedTime)(l,F),null===n?"-":n]});e.push({id:n,source:[...i],dimensions:["time","value"]})});let l={dataset:e,series:b&&null!==I?[...o,I]:o,xAxis:{type:"time",min:t?n.startMs:(0,ep.toZonedTime)(n.startMs,F),max:t?n.endMs:(0,ep.toZonedTime)(n.endMs,F),axisLabel:{hideOverlap:!0,formatter:(0,k.getFormattedAxisLabel)(n.rangeMs??0)},axisPointer:{snap:!1}},yAxis:Array.isArray(s)?s:(0,k.getFormattedAxis)(s,d),animation:!1,tooltip:{show:!0,showContent:h,trigger:h?"item":"axis",appendToBody:h},axisPointer:{type:"line",z:0,triggerEmphasis:!1,triggerTooltip:!1,snap:!1},toolbox:{feature:{dataZoom:{icon:null,yAxisIndex:"none"}}},grid:c};return f?f(l):l},[a,o,n,s,d,c,P,f,m,F,h,b,I]);return(0,H.useEffect)(()=>{null===T||null===C||eh()(C,T)||(L(null),null!==T&&null!==I&&D(null))},[C,o]),(0,E.jsxs)(U.A,{style:{height:i},onClick:e=>{let t=e.ctrlKey||e.metaKey;t&&e.preventDefault();let l=(0,k.getPointInGrid)(e.nativeEvent.offsetX,e.nativeEvent.offsetY,M.current);if(null!==l&&S&&e.target instanceof HTMLCanvasElement){let n={page:{x:e.pageX,y:e.pageY},client:{x:e.clientX,y:e.clientY},plotCanvas:{x:e.nativeEvent.offsetX,y:e.nativeEvent.offsetY},target:e.target};L(e=>null===e?n:(D(null),null)),D(e=>{if(null!==e)return null;{var t;let e=l[0],n=null==(t=a[0])?void 0:t.values,i=(0,k.getClosestTimestamp)(n,e);return et()({},k.DEFAULT_PINNED_CROSSHAIR,{markLine:{data:[{xAxis:i}]}})}}),t||A(n)}},onMouseDown:e=>{let{clientX:t}=e;_(!0),$(t)},onMouseMove:e=>{if(!(e.target instanceof HTMLCanvasElement))return;let{clientX:t}=e;R&&t-N>0&&O(!1)},onMouseUp:()=>{_(!1),$(0),O(!0)},onMouseLeave:()=>{null===T&&O(!1),void 0!==M.current&&(0,k.clearHighlightedSeries)(M.current)},onMouseEnter:()=>{O(!0),void 0!==M.current&&(0,k.enableDataZoom)(M.current)},onDoubleClick:e=>{L(null),void 0===x?void 0!==M.current&&(0,k.restoreChart)(M.current):x(e)},children:[!0===w&&(null==(l=B.tooltip)?void 0:l.showContent)===!1&&!0!==p.hidden&&(0,E.jsx)(k.TimeChartTooltip,{containerId:y.tooltipPortalContainerId,chartRef:M,data:a,seriesMapping:o,wrapLabels:p.wrapLabels,enablePinning:S,pinnedPos:T,format:d,seriesFormatMap:u,onUnpinClick:()=>{L(null),D(null)}}),(0,E.jsx)(k.EChart,{sx:{width:"100%",height:"100%"},option:B,theme:y.echartsTheme,onEvents:V,_instance:M,syncGroup:j?v:void 0})]})});var eE=l(54042);let eT=e=>!!(e&&"object"==typeof e&&"series"in e&&Array.isArray(e.series)&&e.series.length>0),eL=(e,t)=>{let l=e.formattedName||e.name;if(l&&l!==`Series ${t+1}`||(l=e.legendName||e.displayName||e.legend||e.name||""),(!l||l===e.name)&&e.labels){let n=e.labels,i={...n},a=i.__name__;delete i.__name__;let o=Object.entries(i).filter(e=>{let[t]=e;return null!=t&&""!==t}).map(e=>{let[t,l]=e;return`${t}="${l}"`}).join(", ");l=a&&o?`${a}{${o}}`:a||(o?`{${o}}`:n.job||n.instance||n.metric||`Series ${t+1}`)}return l&&""!==l.trim()||(l=`Series ${t+1}`),l},ek=e=>e.replace(/[,"\n\r]/g,"_").replace(/\s+/g,"_").replace(/_+/g,"_").replace(/^_|_$/g,"").substring(0,255),eI=e=>{let t;if("string"==typeof e){let l=new Date(e);if(isNaN(l.getTime()))return e;t=l.getTime()}else t=e>1e10?e:1e3*e;let l=new Date(t);return isNaN(l.getTime())?new Date(t).toISOString():l.toISOString()},eD=e=>{if(null==e)return"";let t=String(e);return t.includes(",")||t.includes('"')||t.includes("\n")||t.includes("\r")?`"${t.replace(/"/g,'""')}"`:t},eR={PanelComponent:function(e){var t;let{spec:{thresholds:l,yAxis:a,tooltip:o,querySettings:r},contentDimensions:s,queryResults:u}=e,c=(0,k.useChartsTheme)(),h=(0,W.A)(),p=(0,k.useId)("time-series-panel"),m=(0,H.useRef)(null),v=c.echartsTheme.color,g=c.container.padding.default,x=s?{width:s.width-2*g,height:s.height-2*g}:void 0,f=(0,H.useMemo)(()=>e.spec.legend&&(0,I.validateLegendSpec)(e.spec.legend)?et()({},el.yf,e.spec.legend):void 0,[e.spec.legend]),y=(null==(t=e.spec.yAxis)?void 0:t.format)??n,b=(0,H.useMemo)(()=>et()({},d,e.spec.visual),[e.spec.visual]),j=(0,H.useMemo)(()=>(function(){let e,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e=void 0!==t.logBase?void 0:(null==t?void 0:t.min)!==void 0?t.min:e=>e.min>=0&&e.min<=1?0:e.min>0?eo(.8*e.min):eo(1.2*e.min);let l={show:(null==t?void 0:t.show)??i.show,min:e,max:null==t?void 0:t.max};return void 0!==t.logBase?{...l,type:"log",logBase:t.logBase}:l})(a),[a]),{additionalFormats:C,formatToYAxisIndex:A,seriesFormatMap:S}=(0,H.useMemo)(()=>{let e=(null==y?void 0:y.unit)??"decimal",t=[],l=new Map,n=new Map;for(let n of(l.set(e,0),r??[])){var i;if((null==(i=n.format)?void 0:i.unit)&&n.format.unit!==e){let e=n.format.unit;l.has(e)||(l.set(e,1+t.length),t.push(n.format))}}return{additionalFormats:t,formatToYAxisIndex:l,seriesFormatMap:n}},[y,r]),[M,w]=(0,H.useState)("ALL"),[O,T]=(0,H.useState)(),{setTimeRange:L}=(0,I.useTimeRange)(),{timeScale:D,timeChartData:R,timeSeriesMapping:_,legendItems:N,seriesFormatMap:$,maxValuesByFormat:F}=(0,H.useMemo)(()=>{let e,t=(e=u.map(e=>e.data),(0,ei.l$)(e));if(void 0===t)return{timeChartData:[],timeSeriesMapping:[],seriesFormatMap:new Map,maxValuesByFormat:new Map};let n=[],i=[],o=[],s=new Map,d=0;for(let e=0;e<u.length;e++){let l,a=u[e];for(let t of r??[])t.queryIndex===e&&(l=t);if(a)for(let r=0;r<a.data.series.length;r++){var m,g,x;let c=a.data.series[r];if(void 0===c)return{timeChartData:[],timeSeriesMapping:[],legendItems:[]};let y=c.formattedName??c.name,j=function(e){var t,l,n;let{categoricalPalette:i,visual:a,muiPrimaryColor:o,seriesName:r,seriesIndex:s,querySettings:d,queryHasMultipleResults:u}=e;if(d){if("fixed"===d.colorMode&&d.colorValue)return d.colorValue;else if("fixed-single"===d.colorMode&&!u&&d.colorValue)return d.colorValue}let c=Array.isArray(i)&&i[0]?i[0]:o;return(null==(t=a.palette)?void 0:t.mode)==="categorical"?function(e,t,l){if(void 0===e)return l;let n=e.length??1;return e[t%n]??l}(i,s,c):(l=r,n=c,function(e){var t;let l,n;return t=e.toLowerCase().includes("error"),(n=eu[l=`${e}_____${t}`])||(n=function(e,t){let[l,n,i]=t?ed.hsl(e):es.hsl(e),a=`${(100*n).toFixed(0)}%`,o=`${(100*i).toFixed(0)}%`;return`hsla(${l.toFixed(2)},${a},${o},0.9)`}(e,t),eu[l]=n),n}(l)??n)}({categoricalPalette:v,visual:b,muiPrimaryColor:h.palette.primary.main,seriesName:y,seriesIndex:d,querySettings:l,queryHasMultipleResults:((null==(x=u[e])||null==(g=x.data)||null==(m=g.series)?void 0:m.length)??0)>1}),C=p+c.name+d,w=(null==f?void 0:f.values)?(0,en.pG)(c.values,f.values):void 0,O="ALL"===M;if(!O&&M[C]||O){let e=i.length,n=null==l?void 0:l.format,a=(null==n?void 0:n.unit)?A.get(n.unit)??0:0;if(o.push(function(e,t,l,n,i,a,o,r){let s=n.lineWidth??1.25,d=n.pointRadius??2.75,u=i.rangeMs<=9e5;return("always"===n.showPoints&&(u=!0),"bar"===n.display)?{type:"bar",id:e,datasetIndex:t,name:l,color:a,stack:"all"===n.stack?n.stack:void 0,yAxisIndex:r,label:{show:!1}}:{type:"line",id:e,datasetIndex:t,name:l,connectNulls:n.connectNulls??!1,color:a,stack:"all"===n.stack?n.stack:void 0,yAxisIndex:r,sampling:"lttb",progressiveThreshold:k.OPTIMIZED_MODE_SERIES_LIMIT,showSymbol:u,showAllSymbol:!0,symbolSize:d,lineStyle:{width:s,type:(null==o?void 0:o.lineStyle)??n.lineStyle},areaStyle:{opacity:(null==o?void 0:o.areaOpacity)??n.areaOpacity??0},emphasis:{focus:"series",disabled:void 0!==n.areaOpacity&&n.areaOpacity>0,lineStyle:{width:s+1,opacity:1,type:n.lineStyle}},selectedMode:"single",select:{itemStyle:{borderColor:a,borderWidth:d+.5}},blur:{lineStyle:{width:s,opacity:.5,type:n.lineStyle}}}}(C,e,y,b,t,j,l,a)),n){S.set(C,n);let e=n.unit;if(e){let t=Math.max(...c.values.map(e=>Math.abs(e[1]??0)));t>(s.get(e)??0)&&s.set(e,t)}}i.push({name:y,values:(0,ei.rT)(c,t)})}f&&n&&n.push({id:C,label:y,color:j,data:w}),d++}}if(l&&l.steps){let e=c.thresholds,n=l.defaultColor??e.defaultColor;l.steps.forEach((r,s)=>{var u,c,h,p,m;let v,g,x,f=e.palette[s]??n,y={color:r.color??f,value:"percent"===l.mode?(u=r.value,c=null==a?void 0:a.max,h=null==a?void 0:a.min,g=c??(v=0,(p=i).length&&void 0!==p[0]&&(null==(m=p[0])?void 0:m.values)?p.forEach(e=>{e.values.forEach(e=>{let[t,l]=e;"number"==typeof l&&l>v&&(v=l)})}):p.forEach(e=>{void 0!==e.data&&e.data.forEach(e=>{"number"==typeof e&&e>v&&(v=e)})}),v),u/100*(g-(x=h??0))+x):r.value},b=r.name??`Threshold ${s+1}`,j=[],C=t.startMs;for(;C<=t.endMs;)j.push([C,y.value]),C+=15e3;i.push({name:b,values:j}),o.push({type:"line",name:b,id:b,datasetId:b,datasetIndex:d,color:y.color,label:{show:!1},lineStyle:{type:"dashed",width:2},emphasis:{focus:"series",lineStyle:{width:2.5}},blur:{lineStyle:{opacity:.5}}}),d++})}return{timeScale:t,timeChartData:i,timeSeriesMapping:o,legendItems:n,seriesFormatMap:S,maxValuesByFormat:s}},[u,l,M,f,b,r,null==a?void 0:a.max,null==a?void 0:a.min,v,p,c.thresholds,h.palette.primary.main,A,S]),V=(0,H.useMemo)(()=>{if(0===C.length)return;let e=C.map(e=>{let t=e.unit;return t?(null==F?void 0:F.get(t))??1e3:1e3});return(0,k.getFormattedMultipleYAxes)(j,y,C,e)},[j,y,C,F]),P=(0,H.useMemo)(()=>(null==f?void 0:f.values)?I.legendValues.reduce((e,t)=>{var l;let n=I.LEGEND_VALUE_CONFIG[t];return n&&(null==f||null==(l=f.values)?void 0:l.includes(t))&&e.push({accessorKey:`data.${t}`,header:n.label,headerDescription:n.description,width:72,align:"right",cell:e=>{let{getValue:t}=e,l=t();return"number"==typeof l&&y?(0,ea.Fl)(l,y):l},cellDescription:!0,enableSorting:!0}),e},[]):[],[null==f?void 0:f.values,y]),B=(0,H.useMemo)(()=>!1===j.show?{left:0,right:0,bottom:30,containLabel:!1}:{left:a&&a.label?30:20,right:C.length>0?10:20,bottom:0,containLabel:!0},[j.show,a,C.length]);if(void 0===x)return null;let G=e=>{L({start:new Date(e.start),end:new Date(e.end)})},q="bar"===b.display&&"all"===b.stack,z=!0;q?z=!1:(null==o?void 0:o.enablePinning)!==void 0&&(z=o.enablePinning);let Y={...k.DEFAULT_TOOLTIP_CONFIG,enablePinning:z};return(0,E.jsx)(U.A,{sx:{padding:`${g}px`},children:(0,E.jsx)(k.ContentWithLegend,{width:x.width,height:x.height,minChildrenHeight:50,legendSize:null==f?void 0:f.size,legendProps:f&&{options:f,data:N||[],selectedItems:M,onSelectedItemsChange:w,tableProps:{columns:P,sorting:O,onSortingChange:T},onItemMouseOver:(e,t)=>{var l;let{id:n}=t;null==(l=m.current)||l.highlightSeries({name:n})},onItemMouseOut:()=>{var e;null==(e=m.current)||e.clearHighlightedSeries()}},children:e=>{let{height:t,width:l}=e;return(0,E.jsxs)(U.A,{style:{height:t,width:l},children:[a&&a.show&&a.label&&(0,E.jsx)(k.YAxisLabel,{name:a.label,height:t}),(0,E.jsx)(eO,{ref:m,height:t,data:R,seriesMapping:_,timeScale:D,yAxis:V??j,format:y,seriesFormatMap:$,grid:B,isStackedBar:q,tooltipConfig:Y,syncGroup:"default-panel-group",onDataZoom:G,noDataVariant:!R.length&&N&&N.length>0?"chart":"message"})]})}})})},supportedQueryTypes:["TimeSeriesQuery"],panelOptionsEditorComponents:[{label:"General Settings",content:function(e){let{onChange:t,value:l}=e;return(0,E.jsxs)(k.OptionsEditorGrid,{children:[(0,E.jsxs)(k.OptionsEditorColumn,{children:[(0,E.jsx)(I.LegendOptionsEditor,{calculation:"aggregation",value:l.legend,onChange:e=>{t((0,L.jM)(l,t=>{t.legend=e}))}}),(0,E.jsx)($,{value:l.visual??d,onChange:e=>{t((0,L.jM)(l,t=>{t.visual=e}))}})]}),(0,E.jsx)(k.OptionsEditorColumn,{children:(0,E.jsx)(V,{value:l.yAxis??i,onChange:e=>{t((0,L.jM)(l,t=>{t.yAxis=e}))}})}),(0,E.jsxs)(k.OptionsEditorColumn,{children:[(0,E.jsx)(k.ThresholdsEditor,{hideDefault:!0,thresholds:l.thresholds,onChange:e=>{t((0,L.jM)(l,t=>{t.thresholds=e}))}}),(0,E.jsx)(k.OptionsEditorGroup,{title:"Reset Settings",children:(0,E.jsx)(T.A,{variant:"outlined",color:"secondary",onClick:()=>{t((0,L.jM)(l,e=>{e.yAxis=void 0,e.legend=void 0,e.visual=void 0,e.thresholds=void 0}))},children:"Reset To Defaults"})})]})]})}},{label:"Query Settings",content:function(e){let{onChange:t,value:l}=e,n=l.querySettings,i=e=>{t((0,L.jM)(l,t=>{t.querySettings=e}))},a=(0,H.useRef)(null),o=(0,H.useRef)(!1);(0,H.useEffect)(()=>{var e;a.current&&o.current&&(null==(e=a.current)||e.focus(),o.current=!1)},[null==n?void 0:n.length]);let r=(e,t)=>{void 0!==n&&i((0,L.jM)(n,l=>{let n=l[e];n&&t(n)}))},s=(0,I.useQueryCountContext)(),d=(0,H.useMemo)(()=>{let e=(null==n?void 0:n.map(e=>e.queryIndex))??[];return Array.from({length:s},(e,t)=>t).filter((t,l)=>!e.includes(l))},[n,s]),u=(0,H.useMemo)(()=>d[0]??-1,[d]),c={queryIndex:u};return(0,E.jsxs)(P.A,{children:[0===s?(0,E.jsx)(B.A,{mb:2,fontStyle:"italic",children:"No query defined"}):(null==n?void 0:n.length)&&n.map((e,t)=>(0,E.jsx)(K,{inputRef:t===n.length-1?a:void 0,querySettings:e,availableQueryIndexes:d,onQueryIndexChange:e=>{void 0!==n&&i((0,L.jM)(n,l=>{let n=null==l?void 0:l[t];n&&(n.queryIndex=parseInt(e.target.value))}))},onColorModeChange:e=>{void 0!==n&&i((0,L.jM)(n,l=>{if(void 0!==l){let n=l[t];if(n){let t=e.target.value;t?n.colorMode=t:(n.colorMode=void 0,n.colorValue=void 0)}}}))},onColorValueChange:e=>{void 0!==n&&i((0,L.jM)(n,l=>{if(void 0!==l){let n=l[t];n&&(n.colorValue=e)}}))},onLineStyleChange:e=>{void 0!==n&&i((0,L.jM)(n,l=>{if(void 0!==l){let n=l[t];n&&(n.lineStyle=e)}}))},onAreaOpacityChange:(e,l)=>{let a;return a=Array.isArray(l)?l[0]:l,void(void 0!==n&&i((0,L.jM)(n,e=>{if(void 0!==e){let l=e[t];l&&(l.areaOpacity=a)}})))},onDelete:()=>{void 0!==n&&i((0,L.jM)(n,e=>{e.splice(t,1)}))},onAddColor:()=>{r(t,e=>{e.colorMode="fixed-single",e.colorValue=X})},onRemoveColor:()=>{r(t,e=>{e.colorMode=void 0,e.colorValue=void 0})},onAddLineStyle:()=>{r(t,e=>{e.lineStyle="solid"})},onRemoveLineStyle:()=>{r(t,e=>{e.lineStyle=void 0})},onAddAreaOpacity:()=>{r(t,e=>{e.areaOpacity=0})},onRemoveAreaOpacity:()=>{r(t,e=>{e.areaOpacity=void 0})},onAddUnit:()=>{r(t,e=>{e.format={unit:"decimal"}})},onRemoveUnit:()=>{r(t,e=>{e.format=void 0})},onUnitChange:e=>{r(t,t=>{t.format=e})}},t)),s>0&&-1!==u&&(0,E.jsx)(T.A,{variant:"contained",startIcon:(0,E.jsx)(Q.default,{}),sx:{marginTop:1},onClick:()=>{o.current=!0,void 0===n?i([c]):i((0,L.jM)(n,e=>{e.push(c)}))},children:"Add Query Settings"})]})}}],createInitialOptions:function(){return{}},actions:[{component:e=>{let{queryResults:t,definition:l}=e,n=(0,H.useMemo)(()=>(e=>{let t,l,n;if(!e||0===e.length)return;let i=[];if(e.forEach(e=>{if((null==e?void 0:e.data)&&"object"==typeof e.data&&"series"in e.data){let a=e.data;a.series&&Array.isArray(a.series)&&a.series.length>0&&(i.push(...a.series),!t&&a.timeRange&&(t=a.timeRange),!l&&a.stepMs&&(l=a.stepMs),!n&&a.metadata&&(n=a.metadata))}}),i.length>0)return{series:i,timeRange:t,stepMs:l,metadata:n}})(t),[t]),i=(0,H.useMemo)(()=>eT(n),[n]),a=(0,H.useCallback)(()=>{if(n&&i)try{var e,t;let i=(null==l||null==(t=l.spec)||null==(e=t.display)?void 0:e.name)||"Time Series Data",a=(e=>{let{data:t}=e;if(!eT(t))return console.warn("No valid data found to export to CSV."),new Blob([""],{type:"text/csv;charset=utf-8"});let l="",n={},i=[],a=0;for(let e=0;e<t.series.length;e++){let l=t.series[e];if(!l||!Array.isArray(l.values)||0===l.values.length)continue;let o=eL(l,e),r=ek(o),s={legendName:o,columnName:r||`Series_${e+1}`,originalName:l.name||""};i.push(s),a++;for(let e=0;e<l.values.length;e++){let t,i,a=l.values[e];if(Array.isArray(a)&&a.length>=2)t=a[0],i=a[1];else{if("object"!=typeof a||null===a||!("timestamp"in a)||!("value"in a))continue;t=a.timestamp,i=a.value}if(null==i)continue;let o=eI(t);n[o]||(n[o]={}),n[o][s.columnName]=i}}if(0===a||0===i.length)return console.warn("No valid data found to export to CSV."),new Blob([""],{type:"text/csv;charset=utf-8"});if(0===Object.keys(n).length)return console.warn("No valid timestamp data found to export to CSV."),new Blob([""],{type:"text/csv;charset=utf-8"});let o=i.map(e=>e.columnName);for(let e of(l+=`DateTime,${o.join(",")}
-`,Object.keys(n).sort((e,t)=>new Date(e).getTime()-new Date(t).getTime()))){let t=n[e],i=[];if(t){for(let e of o){let l=t[e];i.push(eD(l))}l+=`${eD(e)},${i.join(",")}
-`}}return new Blob([l],{type:"text/csv;charset=utf-8"})})({data:n}),o=i.replace(/[<>:"/\\|?*]/g," ").trim().split(/\s+/).filter(e=>e.length>0).map((e,t)=>0===t?e.toLowerCase():e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).join(""),r=`${o}_data.csv`,s=document.createElement("a");s.href=URL.createObjectURL(a),s.download=r,document.body.appendChild(s),s.click(),document.body.removeChild(s),URL.revokeObjectURL(s.href)}catch(e){console.error("Time series export failed:",e)}},[n,i,l]);return i?(0,E.jsx)(k.InfoTooltip,{description:"Export as CSV",children:(0,E.jsx)(q.A,{size:"small",onClick:a,"aria-label":"Export time series data as CSV",children:(0,E.jsx)(eE.default,{fontSize:"inherit"})})}):null},location:"header"}]}}}]);

package/lib/CSVExportUtils.d.ts

@@ -1,39 +0,0 @@
-export interface SeriesDataPoint {
-    timestamp: number | string;
-    value: unknown;
-}
-export interface DataSeries {
-    name?: string;
-    formattedName?: string;
-    legendName?: string;
-    displayName?: string;
-    legend?: string;
-    labels?: Record<string, string>;
-    values: Array<[number | string, unknown]> | SeriesDataPoint[];
-}
-export interface ExportableData {
-    series: DataSeries[];
-    timeRange?: {
-        start: string | number;
-        end: string | number;
-    };
-    stepMs?: number;
-    metadata?: Record<string, unknown>;
-}
-export declare const isExportableData: (data: unknown) => data is ExportableData;
-export interface QueryDataInput {
-    data?: unknown;
-    error?: unknown;
-    isFetching?: boolean;
-}
-export declare const extractExportableData: (queryResults: QueryDataInput[]) => ExportableData | undefined;
-export declare const formatLegendName: (series: DataSeries, seriesIndex: number) => string;
-export declare const sanitizeColumnName: (name: string) => string;
-export declare const sanitizeFilename: (filename: string) => string;
-export declare const formatTimestampISO: (timestamp: number | string) => string;
-export declare const escapeCsvValue: (value: unknown) => string;
-export interface ExportDataOptions {
-    data: ExportableData;
-}
-export declare const exportDataAsCSV: ({ data }: ExportDataOptions) => Blob;
-//# sourceMappingURL=CSVExportUtils.d.ts.map

package/lib/CSVExportUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CSVExportUtils.d.ts","sourceRoot":"","sources":["../../src/CSVExportUtils.ts"],"names":[],"mappings":"AAaA,MAAM,WAAW,eAAe;IAC9B,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,CAAC,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,eAAe,EAAE,CAAC;CAC/D;AAED,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE;QACV,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACtB,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,eAAO,MAAM,gBAAgB,GAAI,MAAM,OAAO,KAAG,IAAI,IAAI,cAQxD,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,cAAc,cAAc,EAAE,KAAG,cAAc,GAAG,SAoCvF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,UAAU,EAAE,aAAa,MAAM,KAAG,MA0C1E,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,MAAM,MAAM,KAAG,MAOjD,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,MAAM,KAAG,MAanD,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,WAAW,MAAM,GAAG,MAAM,KAAG,MAmB/D,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,OAAO,KAAG,MAiB/C,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,cAAc,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,UAAU,iBAAiB,KAAG,IAoG7D,CAAC"}

package/lib/CSVExportUtils.js

@@ -1,212 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-export const isExportableData = (data)=>{
-    return !!(data && typeof data === 'object' && 'series' in data && Array.isArray(data.series) && data.series.length > 0);
-};
-export const extractExportableData = (queryResults)=>{
-    if (!queryResults || queryResults.length === 0) return undefined;
-    const allSeries = [];
-    let timeRange = undefined;
-    let stepMs = undefined;
-    let metadata = undefined;
-    queryResults.forEach((query)=>{
-        if (query?.data && typeof query.data === 'object' && 'series' in query.data) {
-            const data = query.data;
-            if (data.series && Array.isArray(data.series) && data.series.length > 0) {
-                allSeries.push(...data.series);
-                if (!timeRange && data.timeRange) {
-                    timeRange = data.timeRange;
-                }
-                if (!stepMs && data.stepMs) {
-                    stepMs = data.stepMs;
-                }
-                if (!metadata && data.metadata) {
-                    metadata = data.metadata;
-                }
-            }
-        }
-    });
-    if (allSeries.length > 0) {
-        return {
-            series: allSeries,
-            timeRange,
-            stepMs,
-            metadata
-        };
-    }
-    return undefined;
-};
-export const formatLegendName = (series, seriesIndex)=>{
-    const seriesAny = series;
-    let legendName = series.formattedName || series.name;
-    if (!legendName || legendName === `Series ${seriesIndex + 1}`) {
-        legendName = seriesAny.legendName || seriesAny.displayName || seriesAny.legend || series.name || '';
-    }
-    if ((!legendName || legendName === series.name) && series.labels) {
-        const labels = series.labels;
-        const displayLabels = {
-            ...labels
-        };
-        const metricName = displayLabels.__name__;
-        delete displayLabels.__name__;
-        const labelPairs = Object.entries(displayLabels).filter(([value])=>value !== undefined && value !== null && value !== '').map(([key, value])=>`${key}="${value}"`).join(', ');
-        if (metricName && labelPairs) {
-            legendName = `${metricName}{${labelPairs}}`;
-        } else if (metricName) {
-            legendName = metricName;
-        } else if (labelPairs) {
-            legendName = `{${labelPairs}}`;
-        } else {
-            legendName = labels.job || labels.instance || labels.metric || `Series ${seriesIndex + 1}`;
-        }
-    }
-    if (!legendName || legendName.trim() === '') {
-        legendName = `Series ${seriesIndex + 1}`;
-    }
-    return legendName;
-};
-export const sanitizeColumnName = (name)=>{
-    return name.replace(/[,"\n\r]/g, '_').replace(/\s+/g, '_').replace(/_+/g, '_').replace(/^_|_$/g, '').substring(0, 255);
-};
-export const sanitizeFilename = (filename)=>{
-    return filename.replace(/[<>:"/\\|?*]/g, ' ').trim().split(/\s+/).filter((word)=>word.length > 0).map((word, index)=>{
-        if (index === 0) {
-            return word.toLowerCase();
-        }
-        return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-    }).join('');
-};
-export const formatTimestampISO = (timestamp)=>{
-    let timestampMs;
-    if (typeof timestamp === 'string') {
-        const date = new Date(timestamp);
-        if (isNaN(date.getTime())) {
-            return timestamp;
-        }
-        timestampMs = date.getTime();
-    } else {
-        timestampMs = timestamp > 1e10 ? timestamp : timestamp * 1000;
-    }
-    const date = new Date(timestampMs);
-    if (isNaN(date.getTime())) {
-        return new Date(timestampMs).toISOString();
-    }
-    return date.toISOString();
-};
-export const escapeCsvValue = (value)=>{
-    if (value === null || value === undefined) {
-        return '';
-    }
-    const stringValue = String(value);
-    if (stringValue.includes(',') || stringValue.includes('"') || stringValue.includes('\n') || stringValue.includes('\r')) {
-        return `"${stringValue.replace(/"/g, '""')}"`;
-    }
-    return stringValue;
-};
-export const exportDataAsCSV = ({ data })=>{
-    if (!isExportableData(data)) {
-        console.warn('No valid data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    let csvString = '';
-    const result = {};
-    const seriesInfo = [];
-    let validSeriesCount = 0;
-    for(let i = 0; i < data.series.length; i++){
-        const series = data.series[i];
-        if (!series) {
-            continue;
-        }
-        if (!Array.isArray(series.values) || series.values.length === 0) {
-            continue;
-        }
-        const legendName = formatLegendName(series, i);
-        const columnName = sanitizeColumnName(legendName);
-        const currentSeriesInfo = {
-            legendName,
-            columnName: columnName || `Series_${i + 1}`,
-            originalName: series.name || ''
-        };
-        seriesInfo.push(currentSeriesInfo);
-        validSeriesCount++;
-        for(let j = 0; j < series.values.length; j++){
-            const entry = series.values[j];
-            let timestamp;
-            let value;
-            if (Array.isArray(entry) && entry.length >= 2) {
-                timestamp = entry[0];
-                value = entry[1];
-            } else if (typeof entry === 'object' && entry !== null && 'timestamp' in entry && 'value' in entry) {
-                const dataPoint = entry;
-                timestamp = dataPoint.timestamp;
-                value = dataPoint.value;
-            } else {
-                continue;
-            }
-            if (value === null || value === undefined) {
-                continue;
-            }
-            const dateTime = formatTimestampISO(timestamp);
-            if (!result[dateTime]) {
-                result[dateTime] = {};
-            }
-            result[dateTime][currentSeriesInfo.columnName] = value;
-        }
-    }
-    if (validSeriesCount === 0 || seriesInfo.length === 0) {
-        console.warn('No valid data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    const timestampCount = Object.keys(result).length;
-    if (timestampCount === 0) {
-        console.warn('No valid timestamp data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    const columnNames = seriesInfo.map((info)=>info.columnName);
-    csvString += `DateTime,${columnNames.join(',')}\n`;
-    const sortedDateTimes = Object.keys(result).sort((a, b)=>{
-        const dateA = new Date(a).getTime();
-        const dateB = new Date(b).getTime();
-        return dateA - dateB;
-    });
-    for (const dateTime of sortedDateTimes){
-        const rowData = result[dateTime];
-        const values = [];
-        if (rowData) {
-            for (const columnName of columnNames){
-                const value = rowData[columnName];
-                values.push(escapeCsvValue(value));
-            }
-            csvString += `${escapeCsvValue(dateTime)},${values.join(',')}\n`;
-        }
-    }
-    return new Blob([
-        csvString
-    ], {
-        type: 'text/csv;charset=utf-8'
-    });
-};
-
-//# sourceMappingURL=CSVExportUtils.js.map

package/lib/CSVExportUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/CSVExportUtils.ts"],"sourcesContent":["// Copyright The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport interface SeriesDataPoint {\n  timestamp: number | string;\n  value: unknown;\n}\n\nexport interface DataSeries {\n  name?: string;\n  formattedName?: string;\n  legendName?: string;\n  displayName?: string;\n  legend?: string;\n  labels?: Record<string, string>;\n  values: Array<[number | string, unknown]> | SeriesDataPoint[];\n}\n\nexport interface ExportableData {\n  series: DataSeries[];\n  timeRange?: {\n    start: string | number;\n    end: string | number;\n  };\n  stepMs?: number;\n  metadata?: Record<string, unknown>;\n}\n\nexport const isExportableData = (data: unknown): data is ExportableData => {\n  return !!(\n    data &&\n    typeof data === 'object' &&\n    'series' in data &&\n    Array.isArray((data as ExportableData).series) &&\n    (data as ExportableData).series.length > 0\n  );\n};\n\nexport interface QueryDataInput {\n  data?: unknown;\n  error?: unknown;\n  isFetching?: boolean;\n}\n\nexport const extractExportableData = (queryResults: QueryDataInput[]): ExportableData | undefined => {\n  if (!queryResults || queryResults.length === 0) return undefined;\n\n  const allSeries: DataSeries[] = [];\n  let timeRange: ExportableData['timeRange'] = undefined;\n  let stepMs: number | undefined = undefined;\n  let metadata: ExportableData['metadata'] = undefined;\n\n  queryResults.forEach((query) => {\n    if (query?.data && typeof query.data === 'object' && 'series' in query.data) {\n      const data = query.data as ExportableData;\n      if (data.series && Array.isArray(data.series) && data.series.length > 0) {\n        allSeries.push(...data.series);\n        if (!timeRange && data.timeRange) {\n          timeRange = data.timeRange;\n        }\n        if (!stepMs && data.stepMs) {\n          stepMs = data.stepMs;\n        }\n        if (!metadata && data.metadata) {\n          metadata = data.metadata;\n        }\n      }\n    }\n  });\n\n  if (allSeries.length > 0) {\n    return {\n      series: allSeries,\n      timeRange,\n      stepMs,\n      metadata,\n    };\n  }\n\n  return undefined;\n};\n\nexport const formatLegendName = (series: DataSeries, seriesIndex: number): string => {\n  const seriesAny = series as DataSeries & {\n    formattedName?: string;\n    legendName?: string;\n    displayName?: string;\n    legend?: string;\n    labels?: Record<string, string>;\n  };\n\n  let legendName = series.formattedName || series.name;\n\n  if (!legendName || legendName === `Series ${seriesIndex + 1}`) {\n    legendName = seriesAny.legendName || seriesAny.displayName || seriesAny.legend || series.name || '';\n  }\n\n  if ((!legendName || legendName === series.name) && series.labels) {\n    const labels = series.labels;\n    const displayLabels = { ...labels };\n    const metricName = displayLabels.__name__;\n    delete displayLabels.__name__;\n\n    const labelPairs = Object.entries(displayLabels)\n      .filter(([value]) => value !== undefined && value !== null && value !== '')\n      .map(([key, value]) => `${key}=\"${value}\"`)\n      .join(', ');\n\n    if (metricName && labelPairs) {\n      legendName = `${metricName}{${labelPairs}}`;\n    } else if (metricName) {\n      legendName = metricName;\n    } else if (labelPairs) {\n      legendName = `{${labelPairs}}`;\n    } else {\n      legendName = labels.job || labels.instance || labels.metric || `Series ${seriesIndex + 1}`;\n    }\n  }\n\n  if (!legendName || legendName.trim() === '') {\n    legendName = `Series ${seriesIndex + 1}`;\n  }\n\n  return legendName;\n};\n\nexport const sanitizeColumnName = (name: string): string => {\n  return name\n    .replace(/[,\"\\n\\r]/g, '_')\n    .replace(/\\s+/g, '_')\n    .replace(/_+/g, '_')\n    .replace(/^_|_$/g, '')\n    .substring(0, 255);\n};\n\nexport const sanitizeFilename = (filename: string): string => {\n  return filename\n    .replace(/[<>:\"/\\\\|?*]/g, ' ')\n    .trim()\n    .split(/\\s+/)\n    .filter((word) => word.length > 0)\n    .map((word, index) => {\n      if (index === 0) {\n        return word.toLowerCase();\n      }\n      return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();\n    })\n    .join('');\n};\n\nexport const formatTimestampISO = (timestamp: number | string): string => {\n  let timestampMs: number;\n\n  if (typeof timestamp === 'string') {\n    const date = new Date(timestamp);\n    if (isNaN(date.getTime())) {\n      return timestamp;\n    }\n    timestampMs = date.getTime();\n  } else {\n    timestampMs = timestamp > 1e10 ? timestamp : timestamp * 1000;\n  }\n\n  const date = new Date(timestampMs);\n  if (isNaN(date.getTime())) {\n    return new Date(timestampMs).toISOString();\n  }\n\n  return date.toISOString();\n};\n\nexport const escapeCsvValue = (value: unknown): string => {\n  if (value === null || value === undefined) {\n    return '';\n  }\n\n  const stringValue = String(value);\n\n  if (\n    stringValue.includes(',') ||\n    stringValue.includes('\"') ||\n    stringValue.includes('\\n') ||\n    stringValue.includes('\\r')\n  ) {\n    return `\"${stringValue.replace(/\"/g, '\"\"')}\"`;\n  }\n\n  return stringValue;\n};\n\nexport interface ExportDataOptions {\n  data: ExportableData;\n}\n\nexport const exportDataAsCSV = ({ data }: ExportDataOptions): Blob => {\n  if (!isExportableData(data)) {\n    console.warn('No valid data found to export to CSV.');\n    return new Blob([''], { type: 'text/csv;charset=utf-8' });\n  }\n\n  let csvString = '';\n  const result: Record<string, Record<string, unknown>> = {};\n  const seriesInfo: Array<{ legendName: string; columnName: string; originalName: string }> = [];\n  let validSeriesCount = 0;\n\n  for (let i = 0; i < data.series.length; i++) {\n    const series = data.series[i];\n\n    if (!series) {\n      continue;\n    }\n\n    if (!Array.isArray(series.values) || series.values.length === 0) {\n      continue;\n    }\n\n    const legendName = formatLegendName(series, i);\n    const columnName = sanitizeColumnName(legendName);\n\n    const currentSeriesInfo = {\n      legendName,\n      columnName: columnName || `Series_${i + 1}`,\n      originalName: series.name || '',\n    };\n\n    seriesInfo.push(currentSeriesInfo);\n    validSeriesCount++;\n\n    for (let j = 0; j < series.values.length; j++) {\n      const entry = series.values[j];\n\n      let timestamp: number | string;\n      let value: unknown;\n\n      if (Array.isArray(entry) && entry.length >= 2) {\n        timestamp = entry[0];\n        value = entry[1];\n      } else if (typeof entry === 'object' && entry !== null && 'timestamp' in entry && 'value' in entry) {\n        const dataPoint = entry as SeriesDataPoint;\n        timestamp = dataPoint.timestamp;\n        value = dataPoint.value;\n      } else {\n        continue;\n      }\n\n      if (value === null || value === undefined) {\n        continue;\n      }\n\n      const dateTime = formatTimestampISO(timestamp);\n\n      if (!result[dateTime]) {\n        result[dateTime] = {};\n      }\n\n      result[dateTime][currentSeriesInfo.columnName] = value;\n    }\n  }\n\n  if (validSeriesCount === 0 || seriesInfo.length === 0) {\n    console.warn('No valid data found to export to CSV.');\n    return new Blob([''], { type: 'text/csv;charset=utf-8' });\n  }\n\n  const timestampCount = Object.keys(result).length;\n  if (timestampCount === 0) {\n    console.warn('No valid timestamp data found to export to CSV.');\n    return new Blob([''], { type: 'text/csv;charset=utf-8' });\n  }\n\n  const columnNames = seriesInfo.map((info) => info.columnName);\n  csvString += `DateTime,${columnNames.join(',')}\\n`;\n\n  const sortedDateTimes = Object.keys(result).sort((a, b) => {\n    const dateA = new Date(a).getTime();\n    const dateB = new Date(b).getTime();\n    return dateA - dateB;\n  });\n\n  for (const dateTime of sortedDateTimes) {\n    const rowData = result[dateTime];\n    const values: string[] = [];\n\n    if (rowData) {\n      for (const columnName of columnNames) {\n        const value = rowData[columnName];\n        values.push(escapeCsvValue(value));\n      }\n\n      csvString += `${escapeCsvValue(dateTime)},${values.join(',')}\\n`;\n    }\n  }\n\n  return new Blob([csvString], { type: 'text/csv;charset=utf-8' });\n};\n"],"names":["isExportableData","data","Array","isArray","series","length","extractExportableData","queryResults","undefined","allSeries","timeRange","stepMs","metadata","forEach","query","push","formatLegendName","seriesIndex","seriesAny","legendName","formattedName","name","displayName","legend","labels","displayLabels","metricName","__name__","labelPairs","Object","entries","filter","value","map","key","join","job","instance","metric","trim","sanitizeColumnName","replace","substring","sanitizeFilename","filename","split","word","index","toLowerCase","charAt","toUpperCase","slice","formatTimestampISO","timestamp","timestampMs","date","Date","isNaN","getTime","toISOString","escapeCsvValue","stringValue","String","includes","exportDataAsCSV","console","warn","Blob","type","csvString","result","seriesInfo","validSeriesCount","i","values","columnName","currentSeriesInfo","originalName","j","entry","dataPoint","dateTime","timestampCount","keys","columnNames","info","sortedDateTimes","sort","a","b","dateA","dateB","rowData"],"mappings":"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"}

package/lib/cjs/CSVExportUtils.js

@@ -1,246 +0,0 @@
-// Copyright The Perses Authors
-// Licensed under the Apache License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License.
-// You may obtain a copy of the License at
-//
-// http://www.apache.org/licenses/LICENSE-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// See the License for the specific language governing permissions and
-// limitations under the License.
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: Object.getOwnPropertyDescriptor(all, name).get
-    });
-}
-_export(exports, {
-    get escapeCsvValue () {
-        return escapeCsvValue;
-    },
-    get exportDataAsCSV () {
-        return exportDataAsCSV;
-    },
-    get extractExportableData () {
-        return extractExportableData;
-    },
-    get formatLegendName () {
-        return formatLegendName;
-    },
-    get formatTimestampISO () {
-        return formatTimestampISO;
-    },
-    get isExportableData () {
-        return isExportableData;
-    },
-    get sanitizeColumnName () {
-        return sanitizeColumnName;
-    },
-    get sanitizeFilename () {
-        return sanitizeFilename;
-    }
-});
-const isExportableData = (data)=>{
-    return !!(data && typeof data === 'object' && 'series' in data && Array.isArray(data.series) && data.series.length > 0);
-};
-const extractExportableData = (queryResults)=>{
-    if (!queryResults || queryResults.length === 0) return undefined;
-    const allSeries = [];
-    let timeRange = undefined;
-    let stepMs = undefined;
-    let metadata = undefined;
-    queryResults.forEach((query)=>{
-        if (query?.data && typeof query.data === 'object' && 'series' in query.data) {
-            const data = query.data;
-            if (data.series && Array.isArray(data.series) && data.series.length > 0) {
-                allSeries.push(...data.series);
-                if (!timeRange && data.timeRange) {
-                    timeRange = data.timeRange;
-                }
-                if (!stepMs && data.stepMs) {
-                    stepMs = data.stepMs;
-                }
-                if (!metadata && data.metadata) {
-                    metadata = data.metadata;
-                }
-            }
-        }
-    });
-    if (allSeries.length > 0) {
-        return {
-            series: allSeries,
-            timeRange,
-            stepMs,
-            metadata
-        };
-    }
-    return undefined;
-};
-const formatLegendName = (series, seriesIndex)=>{
-    const seriesAny = series;
-    let legendName = series.formattedName || series.name;
-    if (!legendName || legendName === `Series ${seriesIndex + 1}`) {
-        legendName = seriesAny.legendName || seriesAny.displayName || seriesAny.legend || series.name || '';
-    }
-    if ((!legendName || legendName === series.name) && series.labels) {
-        const labels = series.labels;
-        const displayLabels = {
-            ...labels
-        };
-        const metricName = displayLabels.__name__;
-        delete displayLabels.__name__;
-        const labelPairs = Object.entries(displayLabels).filter(([value])=>value !== undefined && value !== null && value !== '').map(([key, value])=>`${key}="${value}"`).join(', ');
-        if (metricName && labelPairs) {
-            legendName = `${metricName}{${labelPairs}}`;
-        } else if (metricName) {
-            legendName = metricName;
-        } else if (labelPairs) {
-            legendName = `{${labelPairs}}`;
-        } else {
-            legendName = labels.job || labels.instance || labels.metric || `Series ${seriesIndex + 1}`;
-        }
-    }
-    if (!legendName || legendName.trim() === '') {
-        legendName = `Series ${seriesIndex + 1}`;
-    }
-    return legendName;
-};
-const sanitizeColumnName = (name)=>{
-    return name.replace(/[,"\n\r]/g, '_').replace(/\s+/g, '_').replace(/_+/g, '_').replace(/^_|_$/g, '').substring(0, 255);
-};
-const sanitizeFilename = (filename)=>{
-    return filename.replace(/[<>:"/\\|?*]/g, ' ').trim().split(/\s+/).filter((word)=>word.length > 0).map((word, index)=>{
-        if (index === 0) {
-            return word.toLowerCase();
-        }
-        return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
-    }).join('');
-};
-const formatTimestampISO = (timestamp)=>{
-    let timestampMs;
-    if (typeof timestamp === 'string') {
-        const date = new Date(timestamp);
-        if (isNaN(date.getTime())) {
-            return timestamp;
-        }
-        timestampMs = date.getTime();
-    } else {
-        timestampMs = timestamp > 1e10 ? timestamp : timestamp * 1000;
-    }
-    const date = new Date(timestampMs);
-    if (isNaN(date.getTime())) {
-        return new Date(timestampMs).toISOString();
-    }
-    return date.toISOString();
-};
-const escapeCsvValue = (value)=>{
-    if (value === null || value === undefined) {
-        return '';
-    }
-    const stringValue = String(value);
-    if (stringValue.includes(',') || stringValue.includes('"') || stringValue.includes('\n') || stringValue.includes('\r')) {
-        return `"${stringValue.replace(/"/g, '""')}"`;
-    }
-    return stringValue;
-};
-const exportDataAsCSV = ({ data })=>{
-    if (!isExportableData(data)) {
-        console.warn('No valid data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    let csvString = '';
-    const result = {};
-    const seriesInfo = [];
-    let validSeriesCount = 0;
-    for(let i = 0; i < data.series.length; i++){
-        const series = data.series[i];
-        if (!series) {
-            continue;
-        }
-        if (!Array.isArray(series.values) || series.values.length === 0) {
-            continue;
-        }
-        const legendName = formatLegendName(series, i);
-        const columnName = sanitizeColumnName(legendName);
-        const currentSeriesInfo = {
-            legendName,
-            columnName: columnName || `Series_${i + 1}`,
-            originalName: series.name || ''
-        };
-        seriesInfo.push(currentSeriesInfo);
-        validSeriesCount++;
-        for(let j = 0; j < series.values.length; j++){
-            const entry = series.values[j];
-            let timestamp;
-            let value;
-            if (Array.isArray(entry) && entry.length >= 2) {
-                timestamp = entry[0];
-                value = entry[1];
-            } else if (typeof entry === 'object' && entry !== null && 'timestamp' in entry && 'value' in entry) {
-                const dataPoint = entry;
-                timestamp = dataPoint.timestamp;
-                value = dataPoint.value;
-            } else {
-                continue;
-            }
-            if (value === null || value === undefined) {
-                continue;
-            }
-            const dateTime = formatTimestampISO(timestamp);
-            if (!result[dateTime]) {
-                result[dateTime] = {};
-            }
-            result[dateTime][currentSeriesInfo.columnName] = value;
-        }
-    }
-    if (validSeriesCount === 0 || seriesInfo.length === 0) {
-        console.warn('No valid data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    const timestampCount = Object.keys(result).length;
-    if (timestampCount === 0) {
-        console.warn('No valid timestamp data found to export to CSV.');
-        return new Blob([
-            ''
-        ], {
-            type: 'text/csv;charset=utf-8'
-        });
-    }
-    const columnNames = seriesInfo.map((info)=>info.columnName);
-    csvString += `DateTime,${columnNames.join(',')}\n`;
-    const sortedDateTimes = Object.keys(result).sort((a, b)=>{
-        const dateA = new Date(a).getTime();
-        const dateB = new Date(b).getTime();
-        return dateA - dateB;
-    });
-    for (const dateTime of sortedDateTimes){
-        const rowData = result[dateTime];
-        const values = [];
-        if (rowData) {
-            for (const columnName of columnNames){
-                const value = rowData[columnName];
-                values.push(escapeCsvValue(value));
-            }
-            csvString += `${escapeCsvValue(dateTime)},${values.join(',')}\n`;
-        }
-    }
-    return new Blob([
-        csvString
-    ], {
-        type: 'text/csv;charset=utf-8'
-    });
-};