@progress/kendo-react-charts 5.4.0-dev.202205271059 → 5.4.0-dev.202206061009

package/dist/es/BaseChart.d.ts

@@ -30,7 +30,7 @@ export declare class BaseChart extends React.Component<BaseChartPrivateProps, {}
     /**
      * @hidden
      */
-    surface: Surface;
+    surface: Surface | null;
     /**
      * @hidden
      */

package/dist/es/BaseChart.js

@@ -54,6 +54,10 @@ var BaseChart = /** @class */ (function (_super) {
          * @hidden
          */
         _this.chartInstance = null;
+        /**
+         * @hidden
+         */
+        _this.surface = null;
         _this._element = null;
         _this.optionsStore = {};
         _this.optionsUnsubscriber = Function.prototype;
@@ -99,7 +103,7 @@ var BaseChart = /** @class */ (function (_super) {
                         payload = Object.assign({}, seriesByIndex);
                     }
                     _this.optionsStore.dispatch({
-                        chartCollectionIdxKey: "series_" + seriesIndex,
+                        chartCollectionIdxKey: "series_".concat(seriesIndex),
                         payload: payload
                     });
                     _this.suppressTransitions = true;

package/dist/es/Chart.js

@@ -99,6 +99,7 @@ var Chart = /** @class */ (function (_super) {
     __extends(Chart, _super);
     function Chart() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         _this.getTarget = function () {
             return _this;
         };

package/dist/es/ChartContext.d.ts

@@ -12,4 +12,4 @@ export interface ChartContextType {
 /**
  * @hidden
  */
-export declare const ChartContext: React.Context<ChartContextType>;
+export declare const ChartContext: React.Context<ChartContextType | null>;

package/dist/es/DonutCenter.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { InstanceObserver } from '@progress/kendo-charts';
+import { ChartContext } from './ChartContext';
 /**
  * @hidden
  */
@@ -25,7 +26,8 @@ export interface DonutCenterState {
  * @hidden
  */
 declare class DonutCenter extends React.Component<DonutCenterProps, DonutCenterState> {
-    static contextType: React.Context<import("./ChartContext").ChartContextType>;
+    static contextType: React.Context<import("./ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     readonly state: DonutCenterState;
     chartObserver: InstanceObserver;
     constructor(props: DonutCenterProps, context: any);

package/dist/es/DonutCenter.js

@@ -23,6 +23,7 @@ var DonutCenter = /** @class */ (function (_super) {
     __extends(DonutCenter, _super);
     function DonutCenter(props, context) {
         var _this = _super.call(this, props, context) || this;
+        _this.context = null;
         _this.state = {
             donutCenterStyles: null
         };
@@ -45,7 +46,8 @@ var DonutCenter = /** @class */ (function (_super) {
         return renderer;
     };
     DonutCenter.prototype.onRender = function (event) {
-        var series = this.context.optionsStore.getState().series;
+        var _a;
+        var series = (_a = this.context) === null || _a === void 0 ? void 0 : _a.optionsStore.getState().series;
         var firstSeries = Array.isArray(series) ? series[0] : null;
         var charts = event.sender._plotArea.charts;
         if (!firstSeries || firstSeries.type !== 'donut' || charts[0].points.length === 0) {

package/dist/es/Sparkline.js

@@ -103,6 +103,7 @@ var Sparkline = /** @class */ (function (_super) {
     __extends(Sparkline, _super);
     function Sparkline() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         /**
          * @hidden
          */

package/dist/es/StockChart.js

@@ -58,6 +58,7 @@ var StockChart = /** @class */ (function (_super) {
     __extends(StockChart, _super);
     function StockChart() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         /**
          * @hidden
          */

package/dist/es/components/base/CollectionConfigurationComponent.d.ts

@@ -11,7 +11,7 @@ export interface CollectionConfigurationProps {
  * @hidden
  */
 export declare class CollectionConfigurationComponent extends React.Component<CollectionConfigurationProps> {
-    static contextType: React.Context<import("../../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../../ChartContext").ChartContextType | null>;
     optionsStore: any;
     constructor(props: any, context: any);
     renderChildren(child: any, index: number): React.DetailedReactHTMLElement<any, HTMLElement>;

package/dist/es/components/base/CollectionConfigurationComponent.js

@@ -39,7 +39,7 @@ var CollectionConfigurationComponent = /** @class */ (function (_super) {
     CollectionConfigurationComponent.prototype.renderChildren = function (child, index) {
         var children = child.props.children;
         var _a = this.props, _chartKey = _a._chartKey, _parentStore = _a._parentStore;
-        var collectionItemProps = __assign(__assign({}, child.props), { _chartCollectionIdxKey: _chartKey + "_" + index, _parentStore: _parentStore });
+        var collectionItemProps = __assign(__assign({}, child.props), { _chartCollectionIdxKey: "".concat(_chartKey, "_").concat(index), _parentStore: _parentStore });
         return React.cloneElement(child, collectionItemProps, children);
     };
     CollectionConfigurationComponent.prototype.render = function () {

package/dist/es/components/base/ConfigurationComponent.d.ts

@@ -12,7 +12,7 @@ export interface ConfigurationComponentProps {
  * @hidden
  */
 export declare class ConfigurationComponent extends React.Component<ConfigurationComponentProps> {
-    static contextType: React.Context<import("../../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../../ChartContext").ChartContextType | null>;
     optionsStore: any;
     childStore: any;
     constructor(props: any, context: any);

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-charts',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653648023,
+    publishDate: 1654508921,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
 };

package/dist/es/store/reducer.js

@@ -1,7 +1,11 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from) {
-    for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
-        to[j] = from[i];
-    return to;
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
 };
 /**
  * @hidden
@@ -42,7 +46,7 @@ var observersReducer = function (currentState, action) {
     if (action.type) {
         switch (action.type) {
             case 'add':
-                return __spreadArray(__spreadArray([], currentState), [action.payload]);
+                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
             case 'remove':
                 return currentState.filter(function (element) { return element !== action.payload; });
             default:

package/dist/es/theming/theme-service.js

@@ -1,5 +1,5 @@
 import { chartBaseTheme } from '@progress/kendo-charts';
-var font = function (style) { return style.fontWeight + " " + style.fontSize + " " + style.fontFamily; };
+var font = function (style) { return "".concat(style.fontWeight, " ").concat(style.fontSize, " ").concat(style.fontFamily); };
 var computedBackgroundColor = function (element) { return window.getComputedStyle(element).backgroundColor; };
 var letterPos = function (letter) { return letter.toLowerCase().charCodeAt(0) - 'a'.charCodeAt(0); };
 var seriesPos = function (name) {
@@ -14,11 +14,11 @@ var SERIES_COLORS = 30;
 var seriesTemplate = function () {
     var result = "\n      <div class=\"k-var--series-a\"></div>\n      <div class=\"k-var--series-b\"></div>\n      <div class=\"k-var--series-c\"></div>\n      <div class=\"k-var--series-d\"></div>\n      <div class=\"k-var--series-e\"></div>\n      <div class=\"k-var--series-f\"></div>\n";
     for (var i = 0; i < SERIES_COLORS; i++) {
-        result += "\n      <div class=\"k-var--series-" + (i + 1) + "\"></div>";
+        result += "\n      <div class=\"k-var--series-".concat(i + 1, "\"></div>");
     }
     return result;
 };
-var template = "\n    <div class=\"k-var--accent\"></div>\n    <div class=\"k-var--base\"></div>\n    <div class=\"k-var--background\"></div>\n\n    <div class=\"k-var--normal-background\"></div>\n    <div class=\"k-var--normal-text-color\"></div>\n    <div class=\"k-var--hover-background\"></div>\n    <div class=\"k-var--hover-text-color\"></div>\n    <div class=\"k-var--selected-background\"></div>\n    <div class=\"k-var--selected-text-color\"></div>\n    <div class=\"k-var--chart-error-bars-background\"></div>\n    <div class=\"k-var--chart-notes-background\"></div>\n    <div class=\"k-var--chart-notes-border\"></div>\n    <div class=\"k-var--chart-notes-lines\"></div>\n    <div class=\"k-var--chart-crosshair-background\"></div>\n\n    <div class=\"k-var--chart-inactive\"></div>\n    <div class=\"k-var--chart-major-lines\"></div>\n    <div class=\"k-var--chart-minor-lines\"></div>\n    <div class=\"k-var--chart-area-opacity\"></div>\n    <div class=\"k-var--chart-area-inactive-opacity\"></div>\n    <div class=\"k-var--chart-line-inactive-opacity\"></div>\n\n    <div class=\"k-widget k-chart\">\n        <div class=\"k-var--chart-font\"></div>\n        <div class=\"k-var--chart-title-font\"></div>\n        <div class=\"k-var--chart-pane-title-font\"></div>\n        <div class=\"k-var--chart-label-font\"></div>\n    </div>\n\n    <div class=\"k-var--series-unset\"></div>\n    <div class=\"k-var--series\">\n      " + seriesTemplate() + "\n    </div>\n";
+var template = "\n    <div class=\"k-var--accent\"></div>\n    <div class=\"k-var--base\"></div>\n    <div class=\"k-var--background\"></div>\n\n    <div class=\"k-var--normal-background\"></div>\n    <div class=\"k-var--normal-text-color\"></div>\n    <div class=\"k-var--hover-background\"></div>\n    <div class=\"k-var--hover-text-color\"></div>\n    <div class=\"k-var--selected-background\"></div>\n    <div class=\"k-var--selected-text-color\"></div>\n    <div class=\"k-var--chart-error-bars-background\"></div>\n    <div class=\"k-var--chart-notes-background\"></div>\n    <div class=\"k-var--chart-notes-border\"></div>\n    <div class=\"k-var--chart-notes-lines\"></div>\n    <div class=\"k-var--chart-crosshair-background\"></div>\n\n    <div class=\"k-var--chart-inactive\"></div>\n    <div class=\"k-var--chart-major-lines\"></div>\n    <div class=\"k-var--chart-minor-lines\"></div>\n    <div class=\"k-var--chart-area-opacity\"></div>\n    <div class=\"k-var--chart-area-inactive-opacity\"></div>\n    <div class=\"k-var--chart-line-inactive-opacity\"></div>\n\n    <div class=\"k-widget k-chart\">\n        <div class=\"k-var--chart-font\"></div>\n        <div class=\"k-var--chart-title-font\"></div>\n        <div class=\"k-var--chart-pane-title-font\"></div>\n        <div class=\"k-var--chart-label-font\"></div>\n    </div>\n\n    <div class=\"k-var--series-unset\"></div>\n    <div class=\"k-var--series\">\n      ".concat(seriesTemplate(), "\n    </div>\n");
 /**
  * @hidden
  */
@@ -109,14 +109,14 @@ var ThemeService = /** @class */ (function () {
     };
     ThemeService.prototype.queryStyle = function (varName) {
         var element = this.element;
-        return window.getComputedStyle(element.querySelector(".k-var--" + varName));
+        return window.getComputedStyle(element.querySelector(".k-var--".concat(varName)));
     };
     ThemeService.prototype.setInactiveOpacity = function (seriesTypes, selector) {
         var _this = this;
         var inactiveOpacity = parseFloat(this.queryStyle(selector).opacity);
         if (!isNaN(inactiveOpacity) && inactiveOpacity < 1) {
             seriesTypes.forEach(function (type) {
-                return _this.setStyle("seriesDefaults." + type + ".highlight.inactiveOpacity", inactiveOpacity);
+                return _this.setStyle("seriesDefaults.".concat(type, ".highlight.inactiveOpacity"), inactiveOpacity);
             });
         }
     };

package/dist/es/tooltip/Crosshair.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { InstanceObserver } from '@progress/kendo-charts';
 import { Align, Offset } from '@progress/kendo-react-popup';
+import { ChartContext } from '../ChartContext';
 /**
  * @hidden
  */
@@ -23,7 +24,8 @@ export interface CrosshairTooltipState {
  * @hidden
  */
 export declare class CrosshairTooltip extends React.Component<CrosshairTooltipProps, CrosshairTooltipState> {
-    static contextType: React.Context<import("../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     readonly state: CrosshairTooltipState;
     chartObserver: InstanceObserver;
     constructor(props: any, context: any);

package/dist/es/tooltip/Crosshair.js

@@ -49,6 +49,7 @@ var CrosshairTooltip = /** @class */ (function (_super) {
     __extends(CrosshairTooltip, _super);
     function CrosshairTooltip(props, context) {
         var _this = _super.call(this, props, context) || this;
+        _this.context = null;
         _this.state = {
             popupShown: false
         };
@@ -73,7 +74,8 @@ var CrosshairTooltip = /** @class */ (function (_super) {
         return (React.createElement(TooltipPopup, __assign({}, tooltipProps, { popupContent: tooltipContent, className: popupContainerClassName })));
     };
     CrosshairTooltip.prototype.componentWillUnmount = function () {
-        this.context.observersStore.dispatch({
+        var _a;
+        (_a = this.context) === null || _a === void 0 ? void 0 : _a.observersStore.dispatch({
             type: 'remove',
             payload: this.chartObserver
         });

package/dist/es/tooltip/CrosshairContainer.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { CrosshairTooltipProps } from './Crosshair';
+import { ChartContext } from '../ChartContext';
 /**
  * @hidden
  */
@@ -16,7 +17,8 @@ export interface CrosshairTooltipContainerState {
  * @hidden
  */
 export declare class CrosshairTooltipContainer extends React.Component<{}, CrosshairTooltipContainerState> {
-    static contextType: React.Context<import("../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     readonly state: CrosshairTooltipContainerState;
     private storeUnsubscriber;
     componentDidMount(): void;

package/dist/es/tooltip/CrosshairContainer.js

@@ -63,13 +63,15 @@ var CrosshairTooltipContainer = /** @class */ (function (_super) {
     __extends(CrosshairTooltipContainer, _super);
     function CrosshairTooltipContainer() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.context = null;
         _this.state = {
             tooltips: {}
         };
         _this.storeUnsubscriber = Function.prototype;
         _this.subscriber = function () {
+            var _a;
             _this.setState({
-                tooltips: mapTooltips(_this.context.optionsStore.getState())
+                tooltips: mapTooltips((_a = _this.context) === null || _a === void 0 ? void 0 : _a.optionsStore.getState())
             });
         };
         return _this;

package/dist/es/tooltip/Popup.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { InstanceObserver } from '@progress/kendo-charts';
 import { DomEvent } from './../events/dom-event';
 import { Align, Offset } from '@progress/kendo-react-popup';
+import { ChartContext } from '../ChartContext';
 /**
  * @hidden
  */
@@ -17,7 +18,8 @@ export interface TooltipPopupProps {
  * @hidden
  */
 export declare class TooltipPopup extends React.Component<TooltipPopupProps, {}> {
-    static contextType: React.Context<import("../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     chartObserver: InstanceObserver;
     element: HTMLDivElement | null;
     constructor(props: TooltipPopupProps, context: any);

package/dist/es/tooltip/Popup.js

@@ -29,6 +29,8 @@ var TooltipPopup = /** @class */ (function (_super) {
     __extends(TooltipPopup, _super);
     function TooltipPopup(props, context) {
         var _this = _super.call(this, props, context) || this;
+        _this.context = null;
+        _this.element = null;
         _this.onChartMouseLeave = function (e) {
             var syntheticEvent = e.syntheticEvent;
             if (hasParent(syntheticEvent.relatedTarget, _this.element)) {

package/dist/es/tooltip/Series.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { Align, Offset } from '@progress/kendo-react-popup';
 import { InstanceObserver } from '@progress/kendo-charts';
 import { SharedTooltipContext, TooltipContext } from './Context';
+import { ChartContext } from '../ChartContext';
 /**
  * @hidden
  */
@@ -18,9 +19,10 @@ export interface SeriesTooltipState {
  * @hidden
  */
 export declare class SeriesTooltip extends React.Component<{}, SeriesTooltipState> {
-    static contextType: React.Context<import("../ChartContext").ChartContextType>;
+    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     readonly state: SeriesTooltipState;
-    chartObserver: InstanceObserver;
+    chartObserver: InstanceObserver | null;
     componentDidMount(): void;
     render(): JSX.Element;
     componentWillUnmount(): void;

package/dist/es/tooltip/Series.js

@@ -51,9 +51,11 @@ var SeriesTooltip = /** @class */ (function (_super) {
     __extends(SeriesTooltip, _super);
     function SeriesTooltip() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.context = null;
         _this.state = {
             popupShown: false
         };
+        _this.chartObserver = null;
         return _this;
     }
     SeriesTooltip.prototype.componentDidMount = function () {

package/dist/es/utils/main.d.ts

@@ -6,7 +6,7 @@ declare function hasParent(element: any, parent: any): boolean;
 /**
  * @hidden
  */
-declare function validateChildren<P>(props: P, propName: string, componentName: string, childType: React.StatelessComponent): Error;
+declare function validateChildren<P>(props: P, propName: string, componentName: string, childType: React.FunctionComponent): Error | null;
 /**
  * @hidden
  */

package/dist/es/utils/main.js

@@ -18,7 +18,7 @@ function validateChildren(props, propName, componentName, childType) {
             for (var _i = 0, prop_1 = prop; _i < prop_1.length; _i++) {
                 var value = prop_1[_i];
                 if (!value.type || value.type !== childType) {
-                    return new Error(componentName + " children should be Array of type " + childType.displayName + ".");
+                    return new Error("".concat(componentName, " children should be Array of type ").concat(childType.displayName, "."));
                 }
             }
         }

package/dist/npm/BaseChart.d.ts

@@ -30,7 +30,7 @@ export declare class BaseChart extends React.Component<BaseChartPrivateProps, {}
     /**
      * @hidden
      */
-    surface: Surface;
+    surface: Surface | null;
     /**
      * @hidden
      */

package/dist/npm/BaseChart.js

@@ -57,6 +57,10 @@ var BaseChart = /** @class */ (function (_super) {
          * @hidden
          */
         _this.chartInstance = null;
+        /**
+         * @hidden
+         */
+        _this.surface = null;
         _this._element = null;
         _this.optionsStore = {};
         _this.optionsUnsubscriber = Function.prototype;
@@ -94,15 +98,15 @@ var BaseChart = /** @class */ (function (_super) {
                     var seriesIndex = e.seriesIndex, pointIndex = e.pointIndex;
                     var seriesByIndex = series[seriesIndex];
                     if (pointIndex === undefined) {
-                        payload = Object.assign({}, seriesByIndex, { visible: main_2.toggle(seriesByIndex.visible) });
+                        payload = Object.assign({}, seriesByIndex, { visible: (0, main_2.toggle)(seriesByIndex.visible) });
                     }
                     else {
                         var pv = seriesByIndex.pointVisibility = seriesByIndex.pointVisibility || [];
-                        pv[pointIndex] = main_2.toggle(pv[pointIndex]);
+                        pv[pointIndex] = (0, main_2.toggle)(pv[pointIndex]);
                         payload = Object.assign({}, seriesByIndex);
                     }
                     _this.optionsStore.dispatch({
-                        chartCollectionIdxKey: "series_" + seriesIndex,
+                        chartCollectionIdxKey: "series_".concat(seriesIndex),
                         payload: payload
                     });
                     _this.suppressTransitions = true;
@@ -122,7 +126,7 @@ var BaseChart = /** @class */ (function (_super) {
          * @hidden
          */
         _this.onChartMouseLeave = function (e) {
-            var domEvent = dom_event_1.toDomEvent(_this, e);
+            var domEvent = (0, dom_event_1.toDomEvent)(_this, e);
             var isDefaultPrevented = _this.triggerDomEvent('onMouseLeave', domEvent);
             if (isDefaultPrevented) {
                 e.preventDefault();
@@ -136,21 +140,21 @@ var BaseChart = /** @class */ (function (_super) {
          */
         _this.onChildMouseLeave = function (e) {
             var syntheticEvent = e.syntheticEvent;
-            if (_this.chartInstance && !main_1.hasParent(syntheticEvent.relatedTarget, _this.element)) {
+            if (_this.chartInstance && !(0, main_1.hasParent)(syntheticEvent.relatedTarget, _this.element)) {
                 _this.chartInstance.hideElements();
             }
             return false;
         };
-        kendo_react_common_2.validatePackage(package_metadata_1.packageMetadata);
-        _this.optionsStore = store_1.default(reducer_1.optionsReducer);
-        _this.observersStore = store_1.default(reducer_1.observersReducer);
+        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
+        _this.optionsStore = (0, store_1.default)(reducer_1.optionsReducer);
+        _this.observersStore = (0, store_1.default)(reducer_1.observersReducer);
         _this.childrenObserver = new kendo_charts_1.InstanceObserver(_this, { onMouseLeave: 'onChildMouseLeave' });
         _this.contextValue = {
             optionsStore: _this.optionsStore,
             observersStore: _this.observersStore,
             childrenObserver: _this.childrenObserver
         };
-        _this.themeStore = store_1.default(reducer_1.themeReducer);
+        _this.themeStore = (0, store_1.default)(reducer_1.themeReducer);
         _this.chartObserver = new kendo_charts_1.InstanceObserver(_this, { render: 'onRender', legendItemClick: 'onLegendItemClick' });
         return _this;
     }
@@ -168,7 +172,7 @@ var BaseChart = /** @class */ (function (_super) {
      * @hidden
      */
     BaseChart.prototype.componentDidMount = function () {
-        theme_service_1.loadTheme(this.themeStore, this.instantiateCoreChart.bind(this));
+        (0, theme_service_1.loadTheme)(this.themeStore, this.instantiateCoreChart.bind(this));
         this.optionsUnsubscriber = this.optionsStore.subscribe(this.refresh.bind(this));
         this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
         window.addEventListener('resize', this.onWindowResize);
@@ -191,7 +195,7 @@ var BaseChart = /** @class */ (function (_super) {
     BaseChart.prototype.componentDidUpdate = function (prevProps) {
         var _a = this.props, dir = _a.dir, children = _a.children, spreadProps = __rest(_a, ["dir", "children"]);
         if (this.chartInstance !== null) {
-            var currentIntlService = kendo_react_intl_1.provideIntlService(this);
+            var currentIntlService = (0, kendo_react_intl_1.provideIntlService)(this);
             var chartService = this.chartInstance.chartService;
             var localeChanged = currentIntlService.locale !== chartService._intlService.locale;
             var shouldUpdate = Object.entries(prevProps)
@@ -312,7 +316,7 @@ var BaseChart = /** @class */ (function (_super) {
         var chartOptions = this.getChartOptions();
         this.chartInstance = new chartConstructor(this.element, chartOptions, this.themeStore.getState(), {
             rtl: this.getDirection(dir),
-            intlService: kendo_react_intl_1.provideIntlService(this),
+            intlService: (0, kendo_react_intl_1.provideIntlService)(this),
             observer: this.chartObserver,
             sender: this
         });
@@ -323,7 +327,7 @@ var BaseChart = /** @class */ (function (_super) {
      */
     BaseChart.prototype.trigger = function (name, e) {
         var target = this.props.getTarget();
-        var eventObject = chart_event_builder_1.create(name, e, target);
+        var eventObject = (0, chart_event_builder_1.create)(name, e, target);
         var handler = 'on' + name.charAt(0).toUpperCase() + name.slice(1);
         var observers = this.observersStore.getState();
         var isDefaultPrevented = false;
@@ -385,5 +389,5 @@ var BaseChart = /** @class */ (function (_super) {
     return BaseChart;
 }(React.Component));
 exports.BaseChart = BaseChart;
-kendo_react_intl_1.registerForIntl(BaseChart);
+(0, kendo_react_intl_1.registerForIntl)(BaseChart);
 kendo_charts_1.DomEventsBuilder.register(dom_events_builder_1.DomEventsBuilder);

package/dist/npm/Chart.js

@@ -102,6 +102,7 @@ var Chart = /** @class */ (function (_super) {
     __extends(Chart, _super);
     function Chart() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         _this.getTarget = function () {
             return _this;
         };
@@ -152,7 +153,7 @@ var Chart = /** @class */ (function (_super) {
     Chart.prototype.render = function () {
         var _this = this;
         var _a = this.props, donutCenterRender = _a.donutCenterRender, children = _a.children, className = _a.className, baseChartProps = __rest(_a, ["donutCenterRender", "children", "className"]);
-        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.Chart, getTarget: this.getTarget, wrapper: "div", className: kendo_react_common_1.classNames('k-chart k-widget', className) }),
+        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.Chart, getTarget: this.getTarget, wrapper: "div", className: (0, kendo_react_common_1.classNames)('k-chart k-widget', className) }),
             children,
             React.createElement(DonutCenter_1.DonutCenter, { render: donutCenterRender })));
     };

package/dist/npm/ChartContext.d.ts

@@ -12,4 +12,4 @@ export interface ChartContextType {
 /**
  * @hidden
  */
-export declare const ChartContext: React.Context<ChartContextType>;
+export declare const ChartContext: React.Context<ChartContextType | null>;

package/dist/npm/DonutCenter.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import { InstanceObserver } from '@progress/kendo-charts';
+import { ChartContext } from './ChartContext';
 /**
  * @hidden
  */
@@ -25,7 +26,8 @@ export interface DonutCenterState {
  * @hidden
  */
 declare class DonutCenter extends React.Component<DonutCenterProps, DonutCenterState> {
-    static contextType: React.Context<import("./ChartContext").ChartContextType>;
+    static contextType: React.Context<import("./ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
     readonly state: DonutCenterState;
     chartObserver: InstanceObserver;
     constructor(props: DonutCenterProps, context: any);

package/dist/npm/DonutCenter.js

@@ -26,6 +26,7 @@ var DonutCenter = /** @class */ (function (_super) {
     __extends(DonutCenter, _super);
     function DonutCenter(props, context) {
         var _this = _super.call(this, props, context) || this;
+        _this.context = null;
         _this.state = {
             donutCenterStyles: null
         };
@@ -48,7 +49,8 @@ var DonutCenter = /** @class */ (function (_super) {
         return renderer;
     };
     DonutCenter.prototype.onRender = function (event) {
-        var series = this.context.optionsStore.getState().series;
+        var _a;
+        var series = (_a = this.context) === null || _a === void 0 ? void 0 : _a.optionsStore.getState().series;
         var firstSeries = Array.isArray(series) ? series[0] : null;
         var charts = event.sender._plotArea.charts;
         if (!firstSeries || firstSeries.type !== 'donut' || charts[0].points.length === 0) {

package/dist/npm/Sparkline.js

@@ -106,6 +106,7 @@ var Sparkline = /** @class */ (function (_super) {
     __extends(Sparkline, _super);
     function Sparkline() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         /**
          * @hidden
          */
@@ -164,7 +165,7 @@ var Sparkline = /** @class */ (function (_super) {
     Sparkline.prototype.render = function () {
         var _this = this;
         var _a = this.props, children = _a.children, type = _a.type, className = _a.className, baseChartProps = __rest(_a, ["children", "type", "className"]);
-        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.Sparkline, getTarget: this.getTarget, wrapper: "span", deriveOptionsFromParent: this.deriveOptionsFromParent, className: kendo_react_common_1.classNames('k-sparkline k-widget', className) }), children));
+        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.Sparkline, getTarget: this.getTarget, wrapper: "span", deriveOptionsFromParent: this.deriveOptionsFromParent, className: (0, kendo_react_common_1.classNames)('k-sparkline k-widget', className) }), children));
     };
     return Sparkline;
 }(React.Component));

package/dist/npm/StockChart.js

@@ -61,6 +61,7 @@ var StockChart = /** @class */ (function (_super) {
     __extends(StockChart, _super);
     function StockChart() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._baseChart = null;
         /**
          * @hidden
          */
@@ -131,7 +132,7 @@ var StockChart = /** @class */ (function (_super) {
     StockChart.prototype.render = function () {
         var _this = this;
         var _a = this.props, children = _a.children, className = _a.className, baseChartProps = __rest(_a, ["children", "className"]);
-        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.StockChart, getTarget: this.getTarget, wrapper: "div", deriveOptionsFromParent: this.deriveOptionsFromParent, onRefresh: this.onRefresh, className: kendo_react_common_1.classNames('k-stockchart k-widget', className) }), children));
+        return (React.createElement(BaseChart_1.BaseChart, __assign({}, baseChartProps, { ref: function (baseChart) { return _this._baseChart = baseChart; }, chartConstructor: kendo_charts_1.StockChart, getTarget: this.getTarget, wrapper: "div", deriveOptionsFromParent: this.deriveOptionsFromParent, onRefresh: this.onRefresh, className: (0, kendo_react_common_1.classNames)('k-stockchart k-widget', className) }), children));
     };
     return StockChart;
 }(React.Component));

package/dist/npm/components/CategoryAxis.js

@@ -22,6 +22,6 @@ var ChartCategoryAxis = function (props) {
 exports.ChartCategoryAxis = ChartCategoryAxis;
 ChartCategoryAxis.propTypes = {
     children: function (props, propName, componentName) {
-        return main_1.validateChildren(props, propName, componentName, CategoryAxisItem_1.ChartCategoryAxisItem);
+        return (0, main_1.validateChildren)(props, propName, componentName, CategoryAxisItem_1.ChartCategoryAxisItem);
     }
 };

package/dist/npm/components/Panes.js

@@ -22,6 +22,6 @@ var ChartPanes = function (props) {
 exports.ChartPanes = ChartPanes;
 ChartPanes.propTypes = {
     children: function (props, propName, componentName) {
-        return main_1.validateChildren(props, propName, componentName, Pane_1.ChartPane);
+        return (0, main_1.validateChildren)(props, propName, componentName, Pane_1.ChartPane);
     }
 };

package/dist/npm/components/Series.js

@@ -22,6 +22,6 @@ var ChartSeries = function (props) {
 exports.ChartSeries = ChartSeries;
 ChartSeries.propTypes = {
     children: function (props, propName, componentName) {
-        return main_1.validateChildren(props, propName, componentName, SeriesItem_1.ChartSeriesItem);
+        return (0, main_1.validateChildren)(props, propName, componentName, SeriesItem_1.ChartSeriesItem);
     }
 };

package/dist/npm/components/ValueAxis.js

@@ -22,6 +22,6 @@ var ChartValueAxis = function (props) {
 exports.ChartValueAxis = ChartValueAxis;
 ChartValueAxis.propTypes = {
     children: function (props, propName, componentName) {
-        return main_1.validateChildren(props, propName, componentName, ValueAxisItem_1.ChartValueAxisItem);
+        return (0, main_1.validateChildren)(props, propName, componentName, ValueAxisItem_1.ChartValueAxisItem);
     }
 };