@progress/kendo-react-charts/DonutCenter.js

React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package

/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),f=require("@progress/kendo-charts"),b=require("./ChartContext.js");function S(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,r.get?r:{enumerable:!0,get:()=>n[e]})}}return t.default=n,Object.freeze(t)}const c=S(y),i=class i extends c.Component{constructor(t,e){super(t,e),this.context=null,this.state={donutCenterStyles:null},this.chartObserver=new f.InstanceObserver(this,{render:"onRender"}),e.observersStore.dispatch({type:"add",payload:this.chartObserver})}render(){const{render:t}=this.props,{donutCenterStyles:e}=this.state;let r=null;return t&&e&&(r=c.createElement("div",{className:"k-chart-donut-center",style:e},c.createElement(t,null))),r}onRender(t){var d;const e=(d=this.context)==null?void 0:d.optionsStore.getState().series,r=Array.isArray(e)?e[0]:null,l=t.sender._plotArea.charts;if(!r||r.type!=="donut"||l[0].points.length===0)return;const s=l[0].points[0].sector,o=s.innerRadius,h=s.center.y-o,p=s.center.x-o,u=o*2;this.setState({donutCenterStyles:{height:u,left:p,top:h,width:u}})}};i.contextType=b.ChartContext;let a=i;exports.DonutCenter=a;