@progress/kendo-react-charts 6.1.1 → 7.0.0-develop.2

package/dist/es/tooltip/SharedTooltipContent.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-var TOOLTIP_MARKER_CLASS = 'k-chart-shared-tooltip-marker';
-/**
- * @hidden
- */
-var SharedTooltipContent = function (props) {
-    var categoryText = props.categoryText, colorMarker = props.colorMarker, colspan = props.colspan, nameColumn = props.nameColumn, points = props.points;
-    var pointsMap = function (point, idx) {
-        return (React.createElement("tr", { key: idx },
-            colorMarker && (React.createElement("td", null,
-                React.createElement("span", { className: TOOLTIP_MARKER_CLASS, style: { backgroundColor: point.series.color } }))),
-            nameColumn && (React.createElement("td", null, point.series.name)),
-            React.createElement("td", { dangerouslySetInnerHTML: { __html: point.formattedValue } })));
-    };
-    return (React.createElement("table", null,
-        React.createElement("thead", null,
-            React.createElement("tr", null,
-                React.createElement("th", { colSpan: colspan }, categoryText))),
-        React.createElement("tbody", null, points.map(pointsMap))));
-};
-export { SharedTooltipContent };

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

@@ -1,3 +0,0 @@
-import { TooltipPoint } from './Point';
-import { TooltipContext, SharedTooltipContext } from './Context';
-export { TooltipPoint, TooltipContext, SharedTooltipContext };

package/dist/es/tooltip/main.js

@@ -1,2 +0,0 @@
-import { TooltipPoint } from './Point';
-export { TooltipPoint };

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

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-/**
- * @hidden
- */
-declare function hasParent(element: any, parent: any): boolean;
-/**
- * @hidden
- */
-declare function validateChildren<P>(props: P, propName: string, componentName: string, childType: React.FunctionComponent): Error | null;
-/**
- * @hidden
- */
-declare const toggle: (flag: any) => boolean;
-export { hasParent, validateChildren, toggle };

package/dist/es/utils/main.js

@@ -1,32 +0,0 @@
-/**
- * @hidden
- */
-function hasParent(element, parent) {
-    var current = element;
-    while (current && current !== parent) {
-        current = current.parentNode;
-    }
-    return current ? true : false;
-}
-/**
- * @hidden
- */
-function validateChildren(props, propName, componentName, childType) {
-    var prop = props[propName];
-    if (prop) {
-        if (Array.isArray(prop)) {
-            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("".concat(componentName, " children should be Array of type ").concat(childType.displayName, "."));
-                }
-            }
-        }
-    }
-    return null;
-}
-/**
- * @hidden
- */
-var toggle = function (flag) { return flag === undefined ? false : !flag; };
-export { hasParent, validateChildren, toggle };

package/dist/npm/BaseChart.d.ts

@@ -1,122 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-import { Surface } from '@progress/kendo-drawing';
-import { InstanceObserver } from '@progress/kendo-charts';
-import { DomEvent } from './events/dom-event';
-import './defaults';
-import { BaseChartPrivateProps } from './BaseChartProps';
-import { ChartContextType } from './ChartContext';
-/**
- * @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 showLicenseWatermark;
-    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
-     */
-    onWindowResize: () => void;
-    /**
-     * @hidden
-     */
-    onChartMouseLeave: (e: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * @hidden
-     */
-    onChildMouseLeave: (e: DomEvent<React.MouseEvent<HTMLElement>>) => boolean;
-}

package/dist/npm/BaseChart.js

@@ -1,451 +0,0 @@
-"use strict";
-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 (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 __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-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.BaseChart = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_charts_1 = require("@progress/kendo-charts");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var main_1 = require("./utils/main");
-var dom_events_builder_1 = require("./events/dom-events-builder");
-var chart_event_builder_1 = require("./events/chart-event-builder");
-var dom_event_1 = require("./events/dom-event");
-var theme_service_1 = require("./theming/theme-service");
-var store_1 = require("./store/store");
-var reducer_1 = require("./store/reducer");
-var main_2 = require("./utils/main");
-require("./defaults");
-var Series_1 = require("./tooltip/Series");
-var CrosshairContainer_1 = require("./tooltip/CrosshairContainer");
-var ChartContext_1 = require("./ChartContext");
-var kendo_react_common_2 = require("@progress/kendo-react-common");
-var package_metadata_1 = require("./package-metadata");
-var main_3 = require("./main");
-/**
- * @hidden
- */
-var BaseChart = /** @class */ (function (_super) {
-    __extends(BaseChart, _super);
-    function BaseChart(props) {
-        var _this = _super.call(this, props) || this;
-        /**
-         * @hidden
-         */
-        _this.chartInstance = null;
-        /**
-         * @hidden
-         */
-        _this.surface = null;
-        _this._element = null;
-        _this.optionsStore = {};
-        _this.optionsUnsubscriber = Function.prototype;
-        _this.themeStore = {};
-        _this.themeUnsubscriber = Function.prototype;
-        _this.observersStore = {};
-        _this.suppressTransitions = false;
-        _this.showLicenseWatermark = false;
-        /* Chart handlers */
-        /**
-         * @hidden
-         */
-        _this.onRender = function (e) {
-            if (_this.chartInstance !== null) {
-                _this.surface = e.sender.surface;
-                _this.trigger('render', e);
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onDrilldown = function (e) {
-            var _a;
-            var allSeries = _this.optionsStore.getState().series;
-            var series = allSeries.find(function (s) { return s.name === e.series.name; });
-            if (!series.drilldownSeriesFactory) {
-                return true;
-            }
-            var handler = 'onDrilldown';
-            if (_this.props.hasOwnProperty(handler)) {
-                var step = { seriesName: series.name, drilldownValue: e.value };
-                var nextSteps = __spreadArray(__spreadArray([], (((_a = _this.props.drilldownState) === null || _a === void 0 ? void 0 : _a.steps) || []), true), [step], false);
-                var target = _this.props.getTarget();
-                var args = __assign(__assign({}, e), { currentState: _this.props.drilldownState, nextState: { steps: nextSteps } });
-                var eventObject = new main_3.DrilldownEvent(args, target);
-                _this.props[handler].call(undefined, eventObject);
-            }
-            // Prevent triggering onDrilldown again, it's already triggered above
-            return true;
-        };
-        /**
-         * @hidden
-         */
-        _this.onLegendItemClick = function (e) {
-            if (_this.chartInstance !== null) {
-                /**
-                 * In "controlled" state the user should toggle the series data visibility
-                 */
-                if (_this.props.onLegendItemClick) {
-                    _this.trigger('legendItemClick', e);
-                }
-                else {
-                    var series = _this.optionsStore.getState().series;
-                    if (!series) {
-                        return;
-                    }
-                    var payload = {};
-                    var seriesIndex = e.seriesIndex, pointIndex = e.pointIndex;
-                    var seriesByIndex = series[seriesIndex];
-                    if (pointIndex === undefined) {
-                        payload = Object.assign({}, seriesByIndex, { visible: (0, main_2.toggle)(seriesByIndex.visible) });
-                    }
-                    else {
-                        var pv = seriesByIndex.pointVisibility = seriesByIndex.pointVisibility || [];
-                        pv[pointIndex] = (0, main_2.toggle)(pv[pointIndex]);
-                        payload = Object.assign({}, seriesByIndex);
-                    }
-                    _this.optionsStore.dispatch({
-                        chartCollectionIdxKey: "series_".concat(seriesIndex),
-                        payload: payload
-                    });
-                    _this.suppressTransitions = true;
-                }
-            }
-        };
-        /* Dom event handlers */
-        /**
-         * @hidden
-         */
-        _this.onWindowResize = function () {
-            if (_this.chartInstance !== null) {
-                _this.chartInstance.resize();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onChartMouseLeave = function (e) {
-            var domEvent = (0, dom_event_1.toDomEvent)(_this, e);
-            var isDefaultPrevented = _this.triggerDomEvent('onMouseLeave', domEvent);
-            if (isDefaultPrevented) {
-                e.preventDefault();
-            }
-            else if (_this.chartInstance !== null) {
-                _this.chartInstance.hideElements();
-            }
-        };
-        /**
-         * @hidden
-         */
-        _this.onChildMouseLeave = function (e) {
-            var syntheticEvent = e.syntheticEvent;
-            if (_this.chartInstance && !(0, main_1.hasParent)(syntheticEvent.relatedTarget, _this.element)) {
-                _this.chartInstance.hideElements();
-            }
-            return false;
-        };
-        (0, kendo_react_common_2.validatePackage)(package_metadata_1.packageMetadata);
-        _this.showLicenseWatermark = (0, kendo_react_common_2.shouldShowValidationUI)(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.state = {
-            optionsStore: _this.optionsStore,
-            observersStore: _this.observersStore,
-            childrenObserver: _this.childrenObserver,
-            drilldownState: { steps: [] }
-        };
-        _this.themeStore = (0, store_1.default)(reducer_1.themeReducer);
-        _this.chartObserver = new kendo_charts_1.InstanceObserver(_this, {
-            render: 'onRender',
-            legendItemClick: 'onLegendItemClick',
-            drilldown: 'onDrilldown'
-        });
-        return _this;
-    }
-    Object.defineProperty(BaseChart.prototype, "element", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    BaseChart.getDerivedStateFromProps = function (props, state) {
-        return __assign(__assign({}, state), { drilldownState: props.drilldownState || [] });
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.componentDidMount = function () {
-        var _a;
-        var doc = ((_a = this._element) === null || _a === void 0 ? void 0 : _a.ownerDocument) || document;
-        (0, theme_service_1.loadTheme)(this.themeStore, this.instantiateCoreChart.bind(this), doc);
-        this.optionsUnsubscriber = this.optionsStore.subscribe(this.refresh.bind(this));
-        this.themeUnsubscriber = this.themeStore.subscribe(this.refresh.bind(this));
-        window.addEventListener('resize', this.onWindowResize);
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.componentWillUnmount = function () {
-        this.optionsUnsubscriber();
-        this.themeUnsubscriber();
-        if (this.chartInstance !== null) {
-            this.chartInstance.destroy();
-            this.chartInstance = null;
-        }
-        window.removeEventListener('resize', this.onWindowResize);
-    };
-    /**
-     * @hidden
-     */
-    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 = (0, kendo_react_intl_1.provideIntlService)(this);
-            var chartService = this.chartInstance.chartService;
-            var localeChanged = currentIntlService.locale !== chartService._intlService.locale;
-            var shouldUpdate = Object.entries(prevProps)
-                .filter(function (keyValue) { return (keyValue[0] !== 'dir' && keyValue[0] !== 'children'); })
-                .some(function (keyValue) {
-                var key = keyValue[0], value = keyValue[1];
-                return !(spreadProps.hasOwnProperty(key) && spreadProps[key] === value);
-            });
-            if (localeChanged) {
-                this.chartInstance.chartService._intlService = currentIntlService;
-                this.chartInstance.chartService.format._intlService = currentIntlService;
-                if (!shouldUpdate) {
-                    this.chartInstance.noTransitionsRedraw();
-                }
-            }
-            if (shouldUpdate) {
-                this.refresh();
-            }
-            if (prevProps.dir !== dir) {
-                this.chartInstance.setDirection(this.getDirection(dir));
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.render = function () {
-        var _this = this;
-        var _a = this.props, _b = _a.style, style = _b === void 0 ? {} : _b, className = _a.className, wrapper = _a.wrapper, children = _a.children;
-        var chartStyles = Object.assign({}, style, { position: 'relative' });
-        var content = React.createElement(wrapper, {
-            className: className,
-            style: chartStyles,
-            key: 'chartElement'
-        }, (React.createElement("div", { onMouseLeave: this.onChartMouseLeave, ref: function (el) { return _this._element = el; }, className: "k-chart-surface" }, children)), (React.createElement(React.Fragment, null, this.showLicenseWatermark && React.createElement(kendo_react_common_2.WatermarkOverlay, null))));
-        return (React.createElement(ChartContext_1.ChartContext.Provider, { value: this.state },
-            React.createElement(Series_1.SeriesTooltip, { key: "seriesTooltip" }),
-            React.createElement(CrosshairContainer_1.CrosshairTooltipContainer, { key: "crosshairTooltips" }),
-            content));
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.getDirection = function (dir) {
-        var _this = this;
-        var directionFromWindow = function () { return kendo_react_common_1.canUseDOM && window.getComputedStyle(_this.element).direction; };
-        var direction = dir !== undefined ? dir : (directionFromWindow() || 'ltr');
-        return direction === 'rtl';
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.getChartOptions = function () {
-        var _a = this.props, renderAs = _a.renderAs, pannable = _a.pannable, zoomable = _a.zoomable, paneDefaults = _a.paneDefaults, panes = _a.panes, transitions = _a.transitions, seriesColors = _a.seriesColors, seriesDefaults = _a.seriesDefaults, axisDefaults = _a.axisDefaults, deriveOptionsFromParent = _a.deriveOptionsFromParent;
-        var chartOptions = {};
-        // undefined clears chart defaults which leads to several issues
-        if (renderAs !== undefined) {
-            chartOptions.renderAs = renderAs;
-        }
-        if (pannable !== undefined) {
-            chartOptions.pannable = pannable;
-        }
-        if (zoomable !== undefined) {
-            chartOptions.zoomable = zoomable;
-        }
-        if (paneDefaults !== undefined) {
-            chartOptions.paneDefaults = paneDefaults;
-        }
-        if (panes !== undefined) {
-            chartOptions.panes = panes;
-        }
-        if (transitions !== undefined) {
-            chartOptions.transitions = transitions;
-        }
-        if (seriesColors !== undefined) {
-            chartOptions.seriesColors = seriesColors;
-        }
-        if (seriesDefaults !== undefined) {
-            chartOptions.seriesDefaults = seriesDefaults;
-        }
-        if (axisDefaults !== undefined) {
-            chartOptions.axisDefaults = axisDefaults;
-        }
-        chartOptions = Object.assign(chartOptions, this.optionsStore.getState());
-        if (deriveOptionsFromParent) {
-            chartOptions = deriveOptionsFromParent(chartOptions);
-        }
-        return chartOptions;
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.refresh = function () {
-        if (this.chartInstance !== null) {
-            var themeOptions = this.themeStore.getState();
-            var chartOptions = this.getChartOptions();
-            var transitions = chartOptions.transitions;
-            if (this.suppressTransitions) {
-                chartOptions.transitions = false;
-            }
-            if (this.props.onRefresh) {
-                this.props.onRefresh.call(undefined, chartOptions, themeOptions, this.chartInstance);
-            }
-            else {
-                this.chartInstance.setOptions(chartOptions, themeOptions);
-            }
-            if (this.suppressTransitions) {
-                chartOptions.transitions = transitions;
-                this.suppressTransitions = false;
-            }
-        }
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.instantiateCoreChart = function () {
-        var _a = this.props, dir = _a.dir, chartConstructor = _a.chartConstructor;
-        var chartOptions = this.getChartOptions();
-        this.chartInstance = new chartConstructor(this.element, chartOptions, this.themeStore.getState(), {
-            rtl: this.getDirection(dir),
-            intlService: (0, kendo_react_intl_1.provideIntlService)(this),
-            observer: this.chartObserver,
-            sender: this
-        });
-    };
-    /* Triggers public dom event handlers */
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.trigger = function (name, e) {
-        var target = this.props.getTarget();
-        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;
-        for (var idx = 0; idx < observers.length; idx++) {
-            if (observers[idx].trigger(name, e)) {
-                isDefaultPrevented = true;
-            }
-        }
-        /* We have not prevented the event internally, now pass it to the user */
-        if (isDefaultPrevented === false
-            && eventObject
-            && this.props.hasOwnProperty(handler)) {
-            this.props[handler].call(undefined, eventObject);
-            return eventObject.isDefaultPrevented && eventObject.isDefaultPrevented();
-        }
-        return isDefaultPrevented;
-    };
-    /* Used by (event)InstanceObserver to check the wrapper for supported events */
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.requiresHandlers = function (names) {
-        for (var idx = 0; idx < names.length; idx++) {
-            var name_1 = names[idx];
-            var handler = 'on' + name_1.charAt(0).toUpperCase() + name_1.slice(1);
-            if (this.props.hasOwnProperty(handler)) {
-                return true;
-            }
-        }
-        return false;
-    };
-    /* Triggers private dom event handlers */
-    /**
-     * @hidden
-     */
-    BaseChart.prototype.triggerDomEvent = function (name, e) {
-        var observers = this.observersStore.getState();
-        var isDefaultPrevented = false;
-        for (var idx = 0; idx < observers.length; idx++) {
-            if (observers[idx].trigger(name, e)) {
-                isDefaultPrevented = true;
-            }
-        }
-        return isDefaultPrevented;
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.propTypes = {
-        dir: PropTypes.string,
-        renderAs: PropTypes.oneOf(['svg', 'canvas'])
-    };
-    /**
-     * @hidden
-     */
-    BaseChart.defaultProps = {
-        renderAs: 'svg'
-    };
-    return BaseChart;
-}(React.Component));
-exports.BaseChart = BaseChart;
-(0, kendo_react_intl_1.registerForIntl)(BaseChart);
-kendo_charts_1.DomEventsBuilder.register(dom_events_builder_1.DomEventsBuilder);