@perses-dev/pie-chart-plugin 0.14.0-beta.2 → 0.14.0-rc.0

package/__mf/js/async/{__federation_expose_PieChart.bf83dd91.js → __federation_expose_PieChart.b0600ced.js}

@@ -1,4 +1,4 @@
-"use strict";(self.chunk_PieChart=self.chunk_PieChart||[]).push([["44"],{18063(e,t,l){l.r(t),l.d(t,{PieChart:()=>z});var r=l(57085);let n={unit:"decimal",shortValues:!0},o="desc";var a=l(62540),i=l(25632),s=l.n(i),u=l(24319),d=l.n(u),c=l(38662),h=l(4239),m=l(68003),f=l(315),g=l(67987),p=l(54227),v=l(76795),b=l(97653),x=l(88091),C=l(7013),j=l(70451),y=l(74628),A=l(7376);class M{mapToLegendItems(e){return e.map(e=>{let{id:t,name:l,itemStyle:r}=e;return{id:t,label:l,color:r.color,data:{}}})}mapToLegendColumns(){return[]}}class L{mapToLegendItems(e,t){var l;let r,n=(r=(l=e).reduce((e,t)=>{let{value:l}=t;return e+(l??0)},0),l.map(e=>{let t=(e.value??0)/r*100;return{...e,value:Number(t.toFixed(4))}})),o=null==t?void 0:t.includes("abs"),a=null==t?void 0:t.includes("relative");return e.map(e=>{let{id:t,name:l,itemStyle:r,value:i}=e,s={};if(o&&"number"==typeof i&&(s.abs=i),a){var u;let e=null==(u=n.find(e=>e.id===t))?void 0:u.value;"number"==typeof e&&(s.relative=e)}return{id:t,label:l,color:r.color,data:s}})}mapToLegendColumns(e,t){let l={unit:"percent",decimalPlaces:null==t?void 0:t.decimalPlaces};return(null==e?void 0:e.toSorted().map(e=>{var n;let o="string"==typeof(n=e)&&w.includes(n);return{accessorKey:`data.${e}`,header:o?r.comparisonLegends[e].label:e,headerDescription:o?r.comparisonLegends[e].description:void 0,width:90,align:"right",cellDescription:!0,enableSorting:!0,cell:r=>{let{getValue:n}=r,o=n();return"number"==typeof o&&t?(0,h.formatValue)(o,"relative"===e?l:t):o}}}))??[]}}let w=Object.keys(r.comparisonLegends);var S=l(92959);let $=new S.A({hue:{min:20,max:360}}),P=new S.A({hue:{min:0,max:20}});function T(e){let t=e.toString(16);return 1===t.length?"0"+t:t}function O(e){let t=0;for(let l=0;l<e.length;l++)t=(t<<5)-t+e.charCodeAt(l),t&=t;return Math.abs(t)/0x7fffffff}function E(e,t){let l,{r,g:n,b:o}={r:parseInt((l=e.replace("#","")).substring(0,2),16),g:parseInt(l.substring(2,4),16),b:parseInt(l.substring(4,6),16)},a=Math.round(r*t),i=Math.round(n*t),s=Math.round(o*t);return`#${T(a)}${T(i)}${T(s)}`}let I={};var k=l(74653),_=l(76545),V=l(59738),D=l(90652),F=l(72106),G=l(55875),H=l(50944),N=l(37573),U=l(56599);function W(e){var t;let l,r,n,{width:o,height:i,data:s,mode:u,formatOptions:d,showLabels:c}=e,m=(0,h.useChartsTheme)(),f=(0,U.A)(),g={tooltip:{trigger:"item",formatter:(n={unit:"percent",decimalPlaces:null==d?void 0:d.decimalPlaces},e=>{let{name:t,value:l,percent:r}=e;return"number"==typeof l?`${A.format.encodeHTML(t)}: ${(0,h.formatValue)(l,d)} (${(0,h.formatValue)(r,n)})`:`${A.format.encodeHTML(t)}: ${A.format.encodeHTML(l.toString())}`}),appendTo:document.body,confine:!1},series:[{type:"pie",radius:"90%",label:{show:!!c,position:"inner",fontSize:14,formatter:"percentage"===u?(l={unit:"percent",decimalPlaces:null==(t=d)?void 0:t.decimalPlaces},e=>{let{name:t,percent:r}=e;return`${t}:
+"use strict";(self.chunk_PieChart=self.chunk_PieChart||[]).push([["44"],{18063(e,t,l){l.r(t),l.d(t,{PieChart:()=>z});var r=l(39420);let n={unit:"decimal",shortValues:!0},o="desc";var a=l(62540),i=l(25632),s=l.n(i),u=l(24319),d=l.n(u),c=l(38662),h=l(3862),m=l(68003),f=l(315),g=l(67987),p=l(54227),v=l(76795),b=l(97653),x=l(88091),C=l(7013),j=l(70451),y=l(74628),A=l(7376);class M{mapToLegendItems(e){return e.map(e=>{let{id:t,name:l,itemStyle:r}=e;return{id:t,label:l,color:r.color,data:{}}})}mapToLegendColumns(){return[]}}class L{mapToLegendItems(e,t){var l;let r,n=(r=(l=e).reduce((e,t)=>{let{value:l}=t;return e+(l??0)},0),l.map(e=>{let t=(e.value??0)/r*100;return{...e,value:Number(t.toFixed(4))}})),o=null==t?void 0:t.includes("abs"),a=null==t?void 0:t.includes("relative");return e.map(e=>{let{id:t,name:l,itemStyle:r,value:i}=e,s={};if(o&&"number"==typeof i&&(s.abs=i),a){var u;let e=null==(u=n.find(e=>e.id===t))?void 0:u.value;"number"==typeof e&&(s.relative=e)}return{id:t,label:l,color:r.color,data:s}})}mapToLegendColumns(e,t){let l={unit:"percent",decimalPlaces:null==t?void 0:t.decimalPlaces};return(null==e?void 0:e.toSorted().map(e=>{var n;let o="string"==typeof(n=e)&&w.includes(n);return{accessorKey:`data.${e}`,header:o?r.comparisonLegends[e].label:e,headerDescription:o?r.comparisonLegends[e].description:void 0,width:90,align:"right",cellDescription:!0,enableSorting:!0,cell:r=>{let{getValue:n}=r,o=n();return"number"==typeof o&&t?(0,h.formatValue)(o,"relative"===e?l:t):o}}}))??[]}}let w=Object.keys(r.comparisonLegends);var S=l(92959);let $=new S.A({hue:{min:20,max:360}}),P=new S.A({hue:{min:0,max:20}});function T(e){let t=e.toString(16);return 1===t.length?"0"+t:t}function O(e){let t=0;for(let l=0;l<e.length;l++)t=(t<<5)-t+e.charCodeAt(l),t&=t;return Math.abs(t)/0x7fffffff}function E(e,t){let l,{r,g:n,b:o}={r:parseInt((l=e.replace("#","")).substring(0,2),16),g:parseInt(l.substring(2,4),16),b:parseInt(l.substring(4,6),16)},a=Math.round(r*t),i=Math.round(n*t),s=Math.round(o*t);return`#${T(a)}${T(i)}${T(s)}`}let I={};var k=l(74653),_=l(76545),V=l(59738),D=l(90652),F=l(72106),G=l(55875),H=l(50944),N=l(37573),U=l(56599);function W(e){var t;let l,r,n,{width:o,height:i,data:s,mode:u,formatOptions:d,showLabels:c}=e,m=(0,h.useChartsTheme)(),f=(0,U.A)(),g={tooltip:{trigger:"item",formatter:(n={unit:"percent",decimalPlaces:null==d?void 0:d.decimalPlaces},e=>{let{name:t,value:l,percent:r}=e;return"number"==typeof l?`${A.format.encodeHTML(t)}: ${(0,h.formatValue)(l,d)} (${(0,h.formatValue)(r,n)})`:`${A.format.encodeHTML(t)}: ${A.format.encodeHTML(l.toString())}`}),appendTo:document.body,confine:!1},series:[{type:"pie",radius:"90%",label:{show:!!c,position:"inner",fontSize:14,formatter:"percentage"===u?(l={unit:"percent",decimalPlaces:null==(t=d)?void 0:t.decimalPlaces},e=>{let{name:t,percent:r}=e;return`${t}:
 ${(0,h.formatValue)(r,l)}`}):(r=d,e=>{let{name:t,value:l}=e;return"number"==typeof l?`${t}:
 ${(0,h.formatValue)(l,r)}`:`${t}:
 ${A.format.encodeHTML(l.toString())}`}),overflow:"truncate",fontWeight:"bold"},center:["50%","50%"],data:s,emphasis:{itemStyle:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"}},itemStyle:{borderRadius:5,borderColor:f.palette.background.default,borderWidth:2}}]};return(0,a.jsx)(y.A,{style:{width:o,height:i},sx:{overflow:"auto"},children:(0,a.jsx)(h.EChart,{sx:{width:"100%",height:"100%"},option:g,theme:m.echartsTheme})})}(0,k.Y)([_.a,V.a,D.a,F.a,G.a,H.a,N.a]);let z={PanelComponent:function(e){let{spec:{calculation:t,sort:l,mode:n,format:i,legend:u,colorPalette:d},contentDimensions:c,queryResults:m}=e,f=(0,h.useChartsTheme)(),g=(0,h.useId)("time-series-panel"),p=m.flatMap(e=>{var t;return(null==e||null==(t=e.data.series)?void 0:t.map(e=>e.name))||[]}),v=(0,j.useMemo)(()=>(function(e,t){let l=e.length;if(l<=0)return[];let r=[];if(void 0===t){for(let t=0;t<e.length;t++){let l=function(e){let{categoricalPalette:t,muiPrimaryColor:l,seriesName:r}=e;return function(e,t){var l;let r,n;return l=e.toLowerCase().includes("error"),(n=I[r=`${e}_____${l}`])||(n=function(e,t){let[l,r,n]=t?P.hsl(e):$.hsl(e),o=`${(100*r).toFixed(0)}%`,a=`${(100*n).toFixed(0)}%`;return`hsla(${l.toFixed(2)},${o},${a},0.9)`}(e,l),I[r]=n),n??t}(r,Array.isArray(t)&&t[0]?t[0]:l)}({categoricalPalette:["#ff0000"],muiPrimaryColor:"#ff0000",seriesName:e[t]||""});r.push(l)}return r}if(1===t.length){let n=t[0]??"#ff0000";for(let e=0;e<l;e++)if(0===e)r.push(n);else{let t=(l-e)/l*1;r.push(E(n,t))}return r.sort((t,l)=>O(e[r.indexOf(t)]||"fallback")-O(e[r.indexOf(l)]||"fallback"))}for(let e=0;e<l;e++){let l=function(e,t){if(!e||0===e.length)return"#ff0000";let l=e.length,r=e[t%l]??"#ff0000";return t<l?r:E(r,Math.min(1-.2*Math.floor(t/l),1))}(t,e);r.push(l)}return l>t.length?r.sort((t,l)=>O(e[r.indexOf(t)]||"fallback")-O(e[r.indexOf(l)]||"fallback")):r})(p,d),[d,p]),b=(0,j.useMemo)(()=>{let e=r.CalculationsMap[t],n=[];return m.forEach((t,l)=>{let r=(null==t?void 0:t.data.series)??[];r.forEach((t,o)=>{let a=`${g}${t.name}${o}${l}`,i=v[l*r.length+o]??"#ff0000",s={id:a,value:e(t.values)??null,name:t.formattedName??"",itemStyle:{color:i}};n.push(s)})}),function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:o;return e.sort((e,l)=>{if(null===e.value&&null===l.value)return 0;if(null===e.value)return 1;if(null===l.value)return -1;let r=(e.value??0)-(l.value??0);return"asc"===t?r:-r})}(n,l)},[t,g,v,m,l]),{legendItems:x,legendColumns:C}=(0,j.useMemo)(()=>{let e=(null==u?void 0:u.mode)==="table"?new L:new M,t=null==u?void 0:u.values;return{legendItems:e.mapToLegendItems(b,t),legendColumns:e.mapToLegendColumns(t,i)}},[i,b,null==u?void 0:u.mode,null==u?void 0:u.values]),A=f.container.padding.default,w=c?{width:c.width-2*A,height:c.height-2*A}:void 0,S=(0,j.useMemo)(()=>e.spec.legend&&(0,r.validateLegendSpec)(e.spec.legend)?s()({},h.DEFAULT_LEGEND,e.spec.legend):void 0,[e.spec.legend]),[T,k]=(0,j.useState)("ALL"),[_,V]=(0,j.useState)(),D=(0,j.useRef)(null);return c?(0,a.jsx)(y.A,{sx:{padding:`${A}px`},children:(0,a.jsx)(h.ContentWithLegend,{width:(null==w?void 0:w.width)??400,height:(null==w?void 0:w.height)??1e3,minChildrenHeight:50,legendSize:null==S?void 0:S.size,legendProps:S&&{options:S,data:x,selectedItems:T,onSelectedItemsChange:k,tableProps:{columns:C,sorting:_,onSortingChange:V},onItemMouseOver:(e,t)=>{var l;let{id:r}=t;null==(l=D.current)||l.highlightSeries({name:r})},onItemMouseOut:()=>{var e;null==(e=D.current)||e.clearHighlightedSeries()}},children:t=>{let{height:l,width:r}=t;return(0,a.jsx)(y.A,{style:{height:l,width:r},children:(0,a.jsx)(W,{data:b,width:r,height:l,mode:n,formatOptions:i,showLabels:!!e.spec.showLabels})})}})}):null},panelOptionsEditorComponents:[{label:"Settings",content:function(e){let{onChange:t,value:l}=e,o=(0,h.useChartsTheme)().echartsTheme.color,i=(0,j.useMemo)(()=>l.colorPalette||void 0,[l.colorPalette]),u=e=>{t((0,c.jM)(l,t=>{Array.isArray(e)?t.colorPalette=e:"string"==typeof e?t.colorPalette=[e]:t.colorPalette=void 0}))},y=s()({},!l.format||(0,h.isUnitWithShortValues)(l.format)?n:d()(n,["shortValues"]),l.format),A=(0,j.useMemo)(()=>Array.isArray(i)?1===i.length?"gradient":"theme":"default",[i]),M=(0,j.useMemo)(()=>void 0===i?"Colors will be automatically assigned using metrics name hash.":Array.isArray(i)&&i.length>1?"Colors will be automatically assigned using the current theme color palette.":Array.isArray(i)&&1===i.length?"All series will use a gradient based on the selected color.":void 0,[i]);return(0,a.jsxs)(h.OptionsEditorGrid,{children:[(0,a.jsxs)(h.OptionsEditorColumn,{children:[(0,a.jsx)(r.LegendOptionsEditor,{calculation:"comparison",value:l.legend,onChange:e=>{t((0,c.jM)(l,t=>{t.legend=e}))}}),(0,a.jsxs)(h.OptionsEditorGroup,{title:"Misc",children:[(0,a.jsx)(h.OptionsEditorControl,{label:"Show Labels",control:(0,a.jsx)(m.A,{checked:!!l.showLabels,onChange:(e,r)=>{t((0,c.jM)(l,e=>{e.showLabels=r}))}})}),(0,a.jsx)(h.FormatControls,{value:y,onChange:e=>{t((0,c.jM)(l,t=>{t.format=e}))},disabled:"percentage"===l.mode}),(0,a.jsx)(r.CalculationSelector,{value:l.calculation,onChange:e=>{t((0,c.jM)(l,t=>{t.calculation=e}))}}),(0,a.jsx)(h.SortSelector,{value:l.sort,onChange:e=>{t((0,c.jM)(l,t=>{t.sort=e}))}}),(0,a.jsx)(h.ModeSelector,{value:l.mode,onChange:e=>{t((0,c.jM)(l,t=>{t.mode=e}))},disablePercentageMode:(0,h.isPercentUnit)(y)})]})]}),(0,a.jsxs)(h.OptionsEditorColumn,{children:[(0,a.jsx)(h.OptionsEditorGroup,{title:"Colors",children:(0,a.jsxs)(f.A,{spacing:2,children:[(0,a.jsxs)(f.A,{direction:"row",spacing:2,alignItems:"center",children:[(0,a.jsxs)(g.A,{size:"small",sx:{minWidth:150},children:[(0,a.jsx)(p.A,{children:"Color Scheme"}),(0,a.jsxs)(v.A,{value:A,label:"Color Scheme",onChange:e=>(e=>{if("theme"===e)u(o);else if("default"===e)u();else{if(Array.isArray(i)&&1===i.length)return;u(["#ff0000"])}})(e.target.value),children:[(0,a.jsx)(b.A,{value:"default",children:"Default"}),(0,a.jsx)(b.A,{value:"theme",children:"Theme"}),(0,a.jsx)(b.A,{value:"gradient",children:"Gradient"})]})]}),Array.isArray(i)&&1===i.length&&(0,a.jsx)(h.OptionsColorPicker,{label:"Color",color:(null==i?void 0:i[0])??o[0]??"#ff0000",onColorChange:e=>u([e])})]}),M&&(0,a.jsx)(x.A,{variant:"body2",color:"text.secondary",children:M})]})}),(0,a.jsx)(h.OptionsEditorGroup,{title:"Reset Settings",children:(0,a.jsx)(C.A,{variant:"outlined",color:"secondary",onClick:()=>{t((0,c.jM)(l,e=>{e.legend=void 0,e.colorPalette=void 0}))},children:"Reset To Defaults"})})]})]})}}],supportedQueryTypes:["TimeSeriesQuery"],createInitialOptions:function(){return{calculation:r.DEFAULT_CALCULATION,format:n,mode:"value",radius:50,showLabels:!1,sort:o}}}}}]);