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

package/dist/npm/components/XAxis.js

@@ -22,6 +22,6 @@ var ChartXAxis = function (props) {
 exports.ChartXAxis = ChartXAxis;
 ChartXAxis.prototype = {
     children: function (props, propName, componentName) {
-        return main_1.validateChildren(props, propName, componentName, XAxisItem_1.ChartXAxisItem);
+        return (0, main_1.validateChildren)(props, propName, componentName, XAxisItem_1.ChartXAxisItem);
     }
 };

package/dist/npm/components/YAxis.js

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

package/dist/npm/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/npm/components/base/CollectionConfigurationComponent.js

@@ -42,7 +42,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/npm/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/npm/components/base/ConfigurationComponent.js

@@ -50,7 +50,7 @@ var ConfigurationComponent = /** @class */ (function (_super) {
     function ConfigurationComponent(props, context) {
         var _this = _super.call(this, props, context) || this;
         _this.optionsStore = context.optionsStore;
-        _this.childStore = store_1.default(reducer_1.optionsReducer);
+        _this.childStore = (0, store_1.default)(reducer_1.optionsReducer);
         return _this;
     }
     ConfigurationComponent.prototype.render = function () {

package/dist/npm/components/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/npm/components/navigator/Series.js

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

package/dist/npm/components/navigator/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/npm/main.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.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/npm/store/reducer.js

@@ -1,8 +1,12 @@
 "use strict";
-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));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.observersReducer = exports.themeReducer = exports.optionsReducer = void 0;
@@ -47,7 +51,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/npm/theming/theme-service.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadTheme = void 0;
 var kendo_charts_1 = require("@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) {
@@ -17,11 +17,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
  */
@@ -112,14 +112,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);
             });
         }
     };
@@ -128,7 +128,7 @@ var ThemeService = /** @class */ (function () {
 var loadTheme = function (store, done) {
     var service = new ThemeService(store);
     if (typeof document === 'undefined') {
-        store.dispatch({ type: 'push', payload: kendo_charts_1.chartBaseTheme() });
+        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
         return;
     }
     var container = service.element = document.createElement('div');
@@ -136,7 +136,7 @@ var loadTheme = function (store, done) {
     container.innerHTML = template;
     document.body.appendChild(container);
     try {
-        store.dispatch({ type: 'push', payload: kendo_charts_1.chartBaseTheme() });
+        store.dispatch({ type: 'push', payload: (0, kendo_charts_1.chartBaseTheme)() });
         service.setColors();
         service.setFonts();
         service.setSeriesColors();

package/dist/npm/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/npm/tooltip/Crosshair.js

@@ -52,6 +52,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,14 +70,15 @@ var CrosshairTooltip = /** @class */ (function (_super) {
         var _a;
         var _b = this.state, popupContend = _b.popupContend, className = _b.className, tooltipProps = __rest(_b, ["popupContend", "className"]);
         var tooltipContent = this.state.popupShown ? function () { return popupContend; } : Function.prototype;
-        var popupContainerClassName = kendo_react_common_1.classNames((_a = {},
+        var popupContainerClassName = (0, kendo_react_common_1.classNames)((_a = {},
             _a[CROSSHAIR_TOOLTIP_CLASS] = true,
             _a[INVERSE_TOOLTIP_CLASS] = !!className,
             _a));
         return (React.createElement(Popup_1.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/npm/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/npm/tooltip/CrosshairContainer.js

@@ -66,13 +66,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/npm/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/npm/tooltip/Popup.js

@@ -32,16 +32,18 @@ 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 (main_1.hasParent(syntheticEvent.relatedTarget, _this.element)) {
+            if ((0, main_1.hasParent)(syntheticEvent.relatedTarget, _this.element)) {
                 /* prevent default behavior so that the tooltip won't be hidden */
                 return true;
             }
             return false;
         };
         _this.onMouseLeave = function (e) {
-            var domEvent = dom_event_1.toDomEvent(_this, e);
+            var domEvent = (0, dom_event_1.toDomEvent)(_this, e);
             var isDefaultPrevented = _this.context.childrenObserver.trigger('onMouseLeave', domEvent);
             if (isDefaultPrevented) {
                 e.preventDefault();

package/dist/npm/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/npm/tooltip/Series.js

@@ -54,9 +54,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 () {
@@ -94,7 +96,7 @@ var SeriesTooltip = /** @class */ (function (_super) {
                 }
             }
         } : Function.prototype;
-        var popupContainerClassName = kendo_react_common_1.classNames((_a = {},
+        var popupContainerClassName = (0, kendo_react_common_1.classNames)((_a = {},
             _a[SHARED_TOOLTIP_CLASS] = shared,
             _a[INVERSE_TOOLTIP_CLASS] = !!className,
             _a));

package/dist/npm/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/npm/utils/main.js

@@ -22,7 +22,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, "."));
                 }
             }
         }