@progress/kendo-react-charts 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/es/option-types/series-item/outliers.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/series-item/tooltip.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/series-item.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/title.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/tooltip.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/value-axis-item/crosshair.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/value-axis-item/crosshair.tooltip.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/value-axis-item/labels.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/value-axis-item/notes.icon.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/value-axis-item/notes.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/value-axis-item/notes.label.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/value-axis-item/title.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/value-axis-item.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item/crosshair.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item/crosshair.tooltip.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item/labels.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item/notes.icon.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/x-axis-item/notes.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/x-axis-item/notes.label.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item/title.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/x-axis-item.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item/crosshair.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item/crosshair.tooltip.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item/labels.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item/notes.icon.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/y-axis-item/notes.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/option-types/y-axis-item/notes.label.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item/title.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/y-axis-item.interface.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/option-types/zoomable.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-react-charts',
     productName: 'KendoReact',
     productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1653456601,
+    publishDate: 1654690133,
     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,3 +1,12 @@
+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
  */
@@ -37,7 +46,7 @@ var observersReducer = function (currentState, action) {
     if (action.type) {
         switch (action.type) {
             case 'add':
-                return currentState.concat([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/Context.js

@@ -0,0 +1 @@
+export {};

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

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -45,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
         };
@@ -69,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

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -61,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/Point.d.ts

@@ -64,5 +64,5 @@ export declare class TooltipPoint {
      * @hidden
      */
     constructor(point: any, format?: string);
-    readonly formattedValue: string;
+    get formattedValue(): string;
 }

package/dist/es/tooltip/Point.js

@@ -27,7 +27,7 @@ var TooltipPoint = /** @class */ (function () {
         get: function () {
             return this.format ? this.point.formatValue(this.format) : String(this.value);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     return TooltipPoint;

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,12 +18,13 @@ 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);
     render(): JSX.Element;
     componentWillUnmount(): void;
-    onChartMouseLeave: (e: DomEvent<React.MouseEvent<HTMLDivElement, MouseEvent>>) => boolean;
-    onMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onChartMouseLeave: (e: DomEvent<React.MouseEvent<HTMLDivElement>>) => boolean;
+    onMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
 }

package/dist/es/tooltip/Popup.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,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

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -47,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 () {
@@ -64,8 +70,8 @@ var SeriesTooltip = /** @class */ (function (_super) {
         });
     };
     SeriesTooltip.prototype.render = function () {
-        var _this = this;
         var _a;
+        var _this = this;
         var _b = this.state, popupContext = _b.popupContext, shared = _b.shared, className = _b.className, tooltipProps = __rest(_b, ["popupContext", "shared", "className"]);
         var tooltipContent = this.state.popupShown ? function () {
             var render = _this.findRenderFunction();

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,11 +30,11 @@ export declare class BaseChart extends React.Component<BaseChartPrivateProps, {}
     /**
      * @hidden
      */
-    surface: Surface;
+    surface: Surface | null;
     /**
      * @hidden
      */
-    readonly element: HTMLDivElement;
+    get element(): HTMLDivElement;
     protected _element: HTMLDivElement | null;
     protected optionsStore: any;
     protected optionsUnsubscriber: Function;
@@ -105,9 +105,9 @@ export declare class BaseChart extends React.Component<BaseChartPrivateProps, {}
     /**
      * @hidden
      */
-    onChartMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onChartMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
     /**
      * @hidden
      */
-    onChildMouseLeave: (e: DomEvent<React.MouseEvent<HTMLElement, MouseEvent>>) => boolean;
+    onChildMouseLeave: (e: DomEvent<React.MouseEvent<HTMLElement>>) => boolean;
 }