@progress/kendo-react-charts 13.3.0 → 13.4.0-develop.1

package/BaseChart.d.ts

@@ -0,0 +1,137 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { Surface } from '@progress/kendo-drawing';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { DomEvent } from './events/dom-event.js';
+import { BaseChartPrivateProps } from './BaseChartProps.js';
+import { ChartContextType } from './ChartContext.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare class BaseChart extends React.Component<BaseChartPrivateProps, {}> {
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        dir: PropTypes.Requireable<string>;
+        renderAs: PropTypes.Requireable<string>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        renderAs: string;
+    };
+    /**
+     * @hidden
+     */
+    chartInstance: any | null;
+    /**
+     * @hidden
+     */
+    surface: Surface | null;
+    /**
+     * @hidden
+     */
+    get element(): HTMLDivElement;
+    protected _element: HTMLDivElement | null;
+    protected optionsStore: any;
+    protected optionsUnsubscriber: Function;
+    protected themeStore: any;
+    protected themeUnsubscriber: Function;
+    protected observersStore: any;
+    protected chartObserver: InstanceObserver;
+    protected childrenObserver: InstanceObserver;
+    protected suppressTransitions: boolean;
+    private readonly showLicenseWatermark;
+    private readonly licenseMessage?;
+    readonly state: ChartContextType;
+    constructor(props: BaseChartPrivateProps);
+    /**
+     * @hidden
+     */
+    static getDerivedStateFromProps(props: any, state: any): any;
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentWillUnmount(): void;
+    /**
+     * @hidden
+     */
+    componentDidUpdate(prevProps: BaseChartPrivateProps): void;
+    /**
+     * @hidden
+     */
+    render(): any;
+    /**
+     * @hidden
+     */
+    getDirection(dir?: string): boolean;
+    /**
+     * @hidden
+     */
+    getChartOptions(): any;
+    /**
+     * @hidden
+     */
+    refresh(): void;
+    /**
+     * @hidden
+     */
+    instantiateCoreChart(): void;
+    /**
+     * @hidden
+     */
+    trigger(name: string, e: any): boolean;
+    /**
+     * @hidden
+     */
+    requiresHandlers(names: string[]): boolean;
+    /**
+     * @hidden
+     */
+    triggerDomEvent<T>(name: string, e: DomEvent<T>): boolean;
+    /**
+     * @hidden
+     */
+    onRender: (e: any) => void;
+    /**
+     * @hidden
+     */
+    onDrilldown: (e: any) => boolean;
+    /**
+     * @hidden
+     */
+    onLegendItemClick: (e: any) => void;
+    /**
+     * @hidden
+     */
+    onStyleChanged(): void;
+    /**
+     * @hidden
+     */
+    readTheme(): void;
+    /**
+     * @hidden
+     */
+    onWindowResize: () => void;
+    /**
+     * @hidden
+     */
+    onChartMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * @hidden
+     */
+    onChildMouseLeave: (e: DomEvent<React.MouseEvent<HTMLElement>>) => boolean;
+}

package/BaseChartProps.d.ts

@@ -0,0 +1,207 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { AxisLabelClickEvent, DragEvent, DragStartEvent, DragEndEvent, DrilldownEvent, LegendItemClickEvent, LegendItemHoverEvent, NoteClickEvent, NoteHoverEvent, PlotAreaClickEvent, PlotAreaHoverEvent, RenderEvent, SeriesClickEvent, SeriesHoverEvent, ZoomEvent, ZoomStartEvent, ZoomEndEvent, SelectEvent, SelectStartEvent, SelectEndEvent } from './common/events.js';
+import { AxisDefaults, DragAction, Pane, PaneDefaults, SeriesDefaults, Zoomable } from './common/property-types.js';
+import { Charts } from './common/charts.js';
+import { ChartDrilldownState } from './common/api-types.js';
+/**
+ * @hidden
+ */
+export interface BaseChartPrivateProps extends BaseChartProps {
+    /**
+     * @hidden
+     */
+    deriveOptionsFromParent?: (options: any) => any;
+    /**
+     * @hidden
+     */
+    chartConstructor: any;
+    /**
+     * @hidden
+     */
+    wrapper: string;
+    /**
+     * @hidden
+     */
+    getTarget: () => Charts;
+    /**
+     * @hidden
+     */
+    data?: any;
+}
+/**
+ * @hidden
+ */
+export interface BaseChartProps {
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * The styles that are applied to the component.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets additional CSS classes to the component.
+     */
+    className?: string;
+    /**
+     * @hidden
+     */
+    children?: any;
+    /**
+     * Gets or sets the current drill-down state for [Drilldown Charts](https://www.telerik.com/kendo-react-ui/components/charts/drill-down).
+     *
+     * To return to a previous level, remove the items from the `steps` array following the desired level.
+     * To return to the root chart, set the `steps` array to `[]`.
+     */
+    drilldownState?: ChartDrilldownState;
+    /**
+     * Sets the preferred rendering engine ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/rendering)). If not supported by the browser, the Chart switches to the first available mode.
+     *
+     * The supported values are:
+     * - `"svg"`—If available, renders the component as an inline `.svg` file.
+     * - `"canvas"`—If available, renders the component as a `canvas` element.
+     */
+    renderAs?: 'svg' | 'canvas';
+    /**
+     * Specifies if the Chart can be panned ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/pan-zoom)).
+     */
+    pannable?: boolean | DragAction;
+    /**
+     * Specifies if the Chart can be zoomed ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/pan-zoom)). Currently is only applicable to linear types, where the range on the X axis can be changed based on the zoom level.
+     */
+    zoomable?: boolean | Zoomable;
+    /**
+     * The default colors for the Chart series. When all colors are used, new colors are pulled from the start again.
+     */
+    seriesColors?: string[];
+    /**
+     * If set to `true`, the Chart plays animations when it displays the series. By default, animations are enabled.
+     */
+    transitions?: boolean;
+    /**
+     * This option allows to override the default pane options.
+     */
+    paneDefaults?: PaneDefaults;
+    /**
+     * The chart panes configuration.
+     */
+    panes?: Pane[];
+    /**
+     * This option allows to override the default series options.
+     */
+    seriesDefaults?: SeriesDefaults;
+    /**
+     * This option allows to override the default axis options.
+     */
+    axisDefaults?: AxisDefaults;
+    /**
+     * @hidden
+     * Defines whether the Chart automatically repaints when its styles are modified through CSS variables.
+     */
+    observeStyles?: boolean;
+    /**
+     * Fires when the user clicks an axis label.
+     */
+    onAxisLabelClick?: (event: AxisLabelClickEvent) => void;
+    /**
+     * Fires as long as the user is dragging the Chart with the mouse or through swipe gestures.
+     */
+    onDrag?: (event: DragEvent) => void;
+    /**
+     * Fires when the user stops dragging the Chart.
+     */
+    onDragEnd?: (event: DragEndEvent) => void;
+    /**
+     * Fires when the user starts dragging the Chart.
+     */
+    onDragStart?: (event: DragStartEvent) => void;
+    /**
+     * Fires when the user when the user wants to drill down on a specific point.
+     */
+    onDrilldown?: (event: DrilldownEvent) => void;
+    /**
+     * Fires when the user hovers over a legend item.
+     */
+    onLegendItemHover?: (event: LegendItemHoverEvent) => void;
+    /**
+     * Fires when the user clicks a legend item ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/legend#toc-clicking-legend-items)).
+     */
+    onLegendItemClick?: (event: LegendItemClickEvent) => void;
+    /**
+     * Fires when the user clicks a note.
+     */
+    onNoteClick?: (event: NoteClickEvent) => void;
+    /**
+     * Fires when the user hovers over a note.
+     */
+    onNoteHover?: (event: NoteHoverEvent) => void;
+    /**
+     * Fires when the user clicks the plot area. The `click` event is triggered by the `tap` and `contextmenu` events. To distinguish between the original events, inspect the `e.originalEvent.type` field.
+     */
+    onPlotAreaClick?: (event: PlotAreaClickEvent) => void;
+    /**
+     * Fires when the user hovers the plot area ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/crosshairs#toc-current-cursor-values)).
+     */
+    onPlotAreaHover?: (event: PlotAreaHoverEvent) => void;
+    /**
+     * Fires when the Chart is ready to render on screen ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/plot-bands#toc-custom-plot-bands)). For example, you can use it to remove loading indicators. Any changes made to the options are ignored.
+     */
+    onRender?: (event: RenderEvent) => void;
+    /**
+     * Fires when the Chart is about to refresh. The event can be used to prevent the refresh of the Chart in specific cases ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/chart-refresh).
+     */
+    onRefresh?: (chartOptions: any, themeOptions: any, chartInstance: any) => void;
+    /**
+     * Fires when the user modifies the selection.
+     *
+     * The range units are:
+     * - Generic axis—Category index (0-based).
+     * - Date axis—Date instance.
+     */
+    onSelect?: (event: SelectEvent) => void;
+    /**
+     * Fires when the user completes the modification of the selection ([see example](https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/selection#toc-using-selection-as-navigator)).
+     *
+     * The range units are:
+     * - Generic axis—Category index (0-based).
+     * - Date axis—Date instance.
+     */
+    onSelectEnd?: (event: SelectEndEvent) => void;
+    /**
+     * Fires when the user starts modifying the axis selection.
+     *
+     * The range units are:
+     * - Generic axis—Category index (0-based).
+     * - Date axis—Date instance.
+     */
+    onSelectStart?: (event: SelectStartEvent) => void;
+    /**
+     * Fires when the user clicks the Chart series.
+     *
+     * The `click` event will be triggered by the `tap` and `contextmenu` events. To distinguish between the original events, inspect the `e.originalEvent.type` field.
+     */
+    onSeriesClick?: (event: SeriesClickEvent) => void;
+    /**
+     * Fires when the user hovers over the Chart series.
+     */
+    onSeriesHover?: (event: SeriesHoverEvent) => void;
+    /**
+     * Fires as long as the user is zooming the Chart by using the mousewheel operation.
+     */
+    onZoom?: (event: ZoomEvent) => void;
+    /**
+     * Fires when the user stops zooming the Chart.
+     */
+    onZoomEnd?: (event: ZoomEndEvent) => void;
+    /**
+     * Fires when the user uses the mousewheel to zoom the Chart.
+     */
+    onZoomStart?: (event: ZoomStartEvent) => void;
+}

package/Chart.d.ts

@@ -0,0 +1,86 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ChartProps } from './ChartProps.js';
+import { Surface } from '@progress/kendo-drawing';
+import * as React from 'react';
+/**
+ * Represents the [KendoReact Chart component](https://www.telerik.com/kendo-react-ui/components/charts/chart).
+ *
+ * @remarks
+ * Supported children components are: {@link ChartAxisDefaults}, {@link ChartCategoryAxis}, {@link ChartArea},
+ *  {@link ChartLegend}, {@link ChartPane}, {@link ChartPaneDefaults}, {@link ChartPanes}, {@link ChartPlopArea}, {@link ChartPlopArea},
+ *  {@link ChartSeries}, {@link ChartSeriesDefaults}, {@link ChartSubTitle}, {@link ChartTitle}, {@link ChartTooltip},
+ *  {@link ChartValueAxis}, {@link ChartXAxis}, {@link ChartYAxis}, {@link ChartZoomable}.
+ *
+ * @example
+ * ```jsx
+ * import {
+ *     Chart,
+ *     ChartSeries,
+ *     ChartSeriesItem,
+ *     ChartCategoryAxis,
+ *     ChartCategoryAxisItem,
+ *     ChartTitle,
+ *     ChartLegend
+ * } from '@progress/kendo-react-charts';
+ *
+ * const categories = [ 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 ];
+ * const series = [ {
+ *     name: 'India',
+ *     data: [ 3.907, 7.943, 7.848, 9.284, 9.263, 9.801, 3.890, 8.238, 9.552, 6.855 ]
+ * }, {
+ *     name: 'Russian Federation',
+ *     data: [ 4.743, 7.295, 7.175, 6.376, 8.153, 8.535, 5.247, -7.832, 4.3, 4.3 ]
+ * }, {
+ *     name: 'Germany',
+ *     data: [ 0.010, -0.375, 1.161, 0.684, 3.7, 3.269, 1.083, -5.127, 3.690, 2.995 ]
+ * }, {
+ *     name: 'World',
+ *     data: [ 1.988, 2.733, 3.994, 3.464, 4.001, 3.939, 1.333, -2.245, 4.339, 2.727 ]
+ * } ];
+ *
+ * const ChartContainer = () => (
+ *     <Chart>
+ *         <ChartTitle text="Gross domestic product growth GDP annual" />
+ *         <ChartLegend position="top" orientation="horizontal" />
+ *         <ChartCategoryAxis>
+ *             <ChartCategoryAxisItem categories={categories} startAngle={45} />
+ *         </ChartCategoryAxis>
+ *         <ChartSeries>
+ *             {series.map((item, idx) => (
+ *                 <ChartSeriesItem
+ *                     key={idx}
+ *                     type="column"
+ *                     data={item.data}
+ *                     name={item.name}
+ *                 />))}
+ *         </ChartSeries>
+ *     </Chart>
+ * );
+ * ```
+ */
+export declare class Chart extends React.Component<ChartProps, {}> {
+    private _baseChart;
+    /**
+     * @hidden
+     */
+    get chartInstance(): any;
+    /**
+     * The Drawing `Surface` of the Chart.
+     */
+    get surface(): Surface | null;
+    /**
+     * The DOM element of the Chart.
+     */
+    get element(): HTMLDivElement | null;
+    /**
+     * @hidden
+     */
+    render(): any;
+    private getTarget;
+}

package/ChartBreadcrumb.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BreadcrumbProps, DataModel } from '@progress/kendo-react-layout';
+import { ChartDrilldownState } from './api-types/chart-drilldown-state.interface.js';
+import { DrilldownStateChangeEvent } from './events/drilldown-state-change-event.js';
+import * as React from 'react';
+/**
+ * Represents the properties of [Chart Breadcrumb](https://www.telerik.com/kendo-react-ui/components/charts/api/chartbreadcrumb) component.
+ */
+export interface ChartBreadcrumbProps extends Omit<BreadcrumbProps, 'data'> {
+    /**
+     * The definition of the breadcrumb root item.
+     *
+     * The default value is `{ text: 'Home', icon: <SvgIcon icon={homeIcon} /> }`.
+     * Where `homeIcon` is imported from `@progress/kendo-svg-icons`.
+     */
+    rootItem?: DataModel;
+    /**
+     * Fires when the user when the user has selected a different drilldown level.
+     */
+    onDrilldownStateChange?: (event: DrilldownStateChangeEvent) => void;
+    /**
+     * The current drilldown state of the Chart.
+     */
+    drilldownState?: ChartDrilldownState;
+}
+/**
+ * Represents the Object which is passed to the
+ * [`ref`](https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom) callback of the ChartBreadcrumb component.
+ */
+export interface ChartBreadcrumbHandle {
+    /**
+     * The current element or `null` if there is none.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props values of the ChartBreadcrumb.
+     */
+    props: ChartBreadcrumbProps;
+}
+/**
+ * Represents the Chart Breadcrumb component.
+ */
+export declare const ChartBreadcrumb: React.ForwardRefExoticComponent<ChartBreadcrumbProps & React.RefAttributes<ChartBreadcrumbHandle | null>>;

package/ChartBreadcrumb.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),e=require("prop-types"),F=require("@progress/kendo-react-layout"),I=require("@progress/kendo-react-common"),w=require("@progress/kendo-svg-icons"),C=require("./events/drilldown-state-change-event.js");function h(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=h(v),s=n.forwardRef((t,l)=>{const r=n.useRef(null),i=n.useRef(null),u={valueField:c.valueField,textField:c.textField,iconField:c.iconField,iconClassField:c.iconClassField,...t};n.useImperativeHandle(r,()=>({element:i.current,props:u})),n.useImperativeHandle(l,()=>r.current);let o=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(I.SvgIcon,{icon:w.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((d,a)=>({id:(a+1).toString(),text:d.drilldownValue}))]);const b={...u,data:o},g=d=>{var m;const a="onDrilldownStateChange";if(t.hasOwnProperty(a)){const f=o.findIndex(y=>y.id===d.id),p={steps:(((m=t.drilldownState)==null?void 0:m.steps)||[]).slice(0,f)},S=new C.DrilldownStateChangeEvent({currentState:t.drilldownState,nextState:p});t[a].call(void 0,S)}};return n.createElement("div",null,n.createElement(F.Breadcrumb,{...b,onItemSelect:g}))}),x={id:e.string,style:e.object,className:e.string,breadcrumbOrderedList:e.elementType,breadcrumbListItem:e.elementType,breadcrumbDelimiter:e.elementType,breadcrumbLink:e.elementType,dir:e.oneOf(["ltr","rtl"]),disabled:e.bool,valueField:e.string,textField:e.string,iconField:e.string,iconClassField:e.string,onItemSelect:e.func,ariaLabel:e.string,onDrilldownStateChange:e.func,drilldownState:e.shape({steps:e.array}),rootItem:e.object},c={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass",data:[]};s.displayName="KendoReactChartBreadcrumb";s.propTypes=x;exports.ChartBreadcrumb=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react"),e=require("prop-types"),F=require("@progress/kendo-react-layout"),I=require("@progress/kendo-react-common"),w=require("@progress/kendo-svg-icons"),C=require("./events/drilldown-state-change-event.js");function h(t){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>t[r]})}}return l.default=t,Object.freeze(l)}const n=h(v),s=n.forwardRef((t,l)=>{const r=n.useRef(null),i=n.useRef(null),u={valueField:c.valueField,textField:c.textField,iconField:c.iconField,iconClassField:c.iconClassField,...t};n.useImperativeHandle(r,()=>({element:i.current,props:u})),n.useImperativeHandle(l,()=>r.current);let o=[{id:"0",...t.rootItem||{text:"Home",icon:n.createElement(I.SvgIcon,{icon:w.homeIcon,style:{marginInlineEnd:"4px"}})}}];t.drilldownState&&(o=[...o,...t.drilldownState.steps.map((d,a)=>({id:(a+1).toString(),text:d.drilldownValue}))]);const b={...u,data:o},g=d=>{var m;const a="onDrilldownStateChange";if(t.hasOwnProperty(a)){const f=o.findIndex(y=>y.id===d.id),p={steps:(((m=t.drilldownState)==null?void 0:m.steps)||[]).slice(0,f)},S=new C.DrilldownStateChangeEvent({currentState:t.drilldownState,nextState:p});t[a].call(void 0,S)}};return n.createElement("div",null,n.createElement(F.Breadcrumb,{...b,onItemSelect:g}))}),x={id:e.string,style:e.object,className:e.string,breadcrumbOrderedList:e.elementType,breadcrumbListItem:e.elementType,breadcrumbDelimiter:e.elementType,breadcrumbLink:e.elementType,dir:e.oneOf(["ltr","rtl"]),disabled:e.bool,valueField:e.string,textField:e.string,iconField:e.string,iconClassField:e.string,onItemSelect:e.func,ariaLabel:e.string,onDrilldownStateChange:e.func,drilldownState:e.shape({steps:e.array}),rootItem:e.object},c={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};s.displayName="KendoReactChartBreadcrumb";s.propTypes=x;exports.ChartBreadcrumb=s;

package/ChartBreadcrumb.mjs

@@ -77,8 +77,7 @@ const s = n.forwardRef((t, m) => {
   valueField: "id",
   textField: "text",
   iconField: "icon",
-  iconClassField: "iconClass",
-  data: []
+  iconClassField: "iconClass"
 };
 s.displayName = "KendoReactChartBreadcrumb";
 s.propTypes = x;

package/ChartContext.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Store } from './store/store.js';
+import { InstanceObserver } from '@progress/kendo-charts';
+import { ChartDrilldownState } from './api-types/chart-drilldown-state.interface.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ChartContextType {
+    optionsStore: Store;
+    observersStore: Store;
+    childrenObserver: InstanceObserver;
+    drilldownState: ChartDrilldownState;
+}
+/**
+ * @hidden
+ */
+export declare const ChartContext: React.Context<ChartContextType | null>;

package/ChartNoDataOverlay.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * The props of the `ChartNoDataOverlay` component.
+ */
+export interface ChartNoDataOverlayProps {
+    /**
+     * The styles that are applied to the component.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Sets additional CSS classes to the component.
+     */
+    className?: string;
+    /**
+     * The content of the overlay. If not set, the default message will be displayed.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * The KendoReact `ChartNoDataOverlay` component. The component is used to display an overlay with a message when the Chart has no data, no series, or all series are empty.
+ * The overlay will be automatically cleared if the series receive data.
+ */
+export declare const ChartNoDataOverlay: React.FunctionComponent<any>;

package/ChartProps.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseChartProps } from './BaseChartProps.js';
+/**
+ * Represents the props of the KendoReact Chart component.
+ */
+export interface ChartProps extends BaseChartProps {
+    /**
+     * When set, the prop is used to render the Donut Center template.
+     */
+    donutCenterRender?: () => React.ReactElement<any>;
+}

package/Container.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+declare const Container: React.FunctionComponent<any>;
+/**
+ * To provide support for React versions which do not support `React.Fragment`, the following component acts as its replacement. Returning an array is not an option as it blocks unit testing until [https://github.com/airbnb/enzyme/pull/1498#issuecomment-378413134](https://github.com/airbnb/enzyme/pull/1498#issuecomment-378413134) is released.
+ */
+export { Container };

package/DonutCenter.d.ts

@@ -0,0 +1,45 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { InstanceObserver } from '@progress/kendo-charts';
+import { ChartContext } from './ChartContext.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface DonutCenterStyle {
+    height: number;
+    left: number;
+    top: number;
+    width: number;
+}
+/**
+ * @hidden
+ */
+export interface DonutCenterProps {
+    render?: () => React.ReactElement<any, any>;
+}
+/**
+ * @hidden
+ */
+export interface DonutCenterState {
+    donutCenterStyles: DonutCenterStyle | null;
+}
+/**
+ * @hidden
+ */
+declare class DonutCenter extends React.Component<DonutCenterProps, DonutCenterState> {
+    static contextType: React.Context<import('./ChartContext').ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
+    readonly state: DonutCenterState;
+    chartObserver: InstanceObserver;
+    constructor(props: DonutCenterProps);
+    componentDidMount(): void;
+    render(): any;
+    onRender(event: any): void;
+}
+export { DonutCenter };