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

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

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

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

@@ -1,131 +0,0 @@
-import { AxisLine, AxisTicks, BaseUnit, GridLines, PlotBand } from '../common/property-types';
-import { YAxisCrosshair } from './y-axis-item/crosshair.interface';
-import { YAxisLabels } from './y-axis-item/labels.interface';
-import { YAxisNotes } from './y-axis-item/notes.interface';
-import { YAxisTitle } from './y-axis-item/title.interface';
-/**
- * @hidden
- */
-export interface YAxis {
-    /**
-     * * (Only for objects) The value at which the Y axis crosses this axis.
-     * * (Only for arrays) The value indices at which the Y axes cross the value axis.
-     * * (Only for dates) The date at which the Y axis crosses this axis.
-     *
-     * To denote the far end of the axis, set a value that is greater than or equal to the axis maximum value.
-     */
-    axisCrossingValue?: any | any[];
-    /**
-     * The background color of the axis.
-     */
-    background?: string;
-    /**
-     * The category names. Applicable for charts with X and Y category axes.
-     */
-    categories?: any[];
-    /**
-     * The base time interval for the axis labels. The default `baseUnit` is automatically determined from the value range.
-     *
-     * The available options are:
-     * - `milliseconds`
-     * - `seconds`
-     * - `minutes`
-     * - `hours`
-     * - `days`
-     * - `weeks`
-     * - `months`
-     * - `years`
-     */
-    baseUnit?: BaseUnit;
-    /**
-     * The color of the axis. Accepts a valid CSS color string, including hex and rgb.
-     */
-    color?: string;
-    /**
-     * The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines.
-     */
-    line?: AxisLine;
-    /**
-     * The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the body of the Chart.
-     */
-    majorGridLines?: GridLines;
-    /**
-     * The configuration of the Scatter Chart Y-axis major ticks.
-     */
-    majorTicks?: AxisTicks;
-    /**
-     * The interval between major divisions. If this is a date axis, the value represents the number of [`yAxis.baseUnits`]({% slug api_charts_chartyaxisitemprops %}#toc-baseunit) between major divisions. If the [`yAxis.type`]({% slug api_charts_chartyaxisitemprops %}#toc-type) is set to `"log"`, the `majorUnit` value is used for the base of the logarithm.
-     */
-    majorUnit?: number;
-    /**
-     * The maximum value of the axis.
-     */
-    max?: any;
-    /**
-     * The minimum value of the axis.
-     */
-    min?: any;
-    /**
-     * The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the body of the Chart.
-     */
-    minorGridLines?: GridLines;
-    /**
-     * The configuration of the Y-axis minor ticks.
-     */
-    minorTicks?: AxisTicks;
-    /**
-     * The interval between minor divisions. It defaults to one-fifth (1/5) of [`yAxis.majorUnit`]({% slug api_charts_chartyaxisitemprops %}#toc-majorunit). If [`yAxis.type`]({% slug api_charts_chartyaxisitemprops %}#toc-type) is set to `"log"`, the `minorUnit` value represents the number of divisions between two major units and defaults to the major unit minus one.
-     */
-    minorUnit?: number;
-    /**
-     * The unique axis name. Used to associate a series with a Y axis by using the [`series.yAxis`]({% slug api_charts_chartseriesitemprops %}#toc-yaxis) option.
-     */
-    name?: string;
-    /**
-     * If set to `true`, the Chart prevents the automatic axis range from snapping to zero. Setting it to `false` forces the automatic axis range to snap to zero.
-     */
-    narrowRange?: boolean;
-    /**
-     * The name of the pane in which the axis has to be rendered. If not set, the axis is rendered in the first (default) pane.
-     */
-    pane?: string;
-    /**
-     * The plot bands of the Y axis.
-     */
-    plotBands?: PlotBand[];
-    /**
-     * If set to `true`, the value axis direction is reversed. By default, the values increase from left to right and from bottom to top.
-     */
-    reverse?: boolean;
-    /**
-     * The axis type.
-     *
-     * The supported values are:
-     * - `"numeric"`—Numeric axis.
-     * - `"date"`—Specialized axis for displaying chronological data.
-     * - `"log"`—Logarithmic axis.
-     *
-     * If the series Y value is of the `date` type, the Chart automatically switches to a date axis. To avoid this behavior, set the `type`.
-     */
-    type?: 'numeric' | 'log' | 'date';
-    /**
-     * If set to `true`, the Chart displays the Y axis. By default, the Y axis is visible.
-     */
-    visible?: boolean;
-    /**
-     * The configuration options of the crosshair. The crosshair is displayed when the [`yAxis.crosshair.visible`]({% slug api_charts_chartyaxiscrosshairprops %}#toc-visible) option is set to `true`.
-     */
-    crosshair?: YAxisCrosshair;
-    /**
-     * The axis labels configuration.
-     */
-    labels?: YAxisLabels;
-    /**
-     * The Y-axis notes configuration.
-     */
-    notes?: YAxisNotes;
-    /**
-     * The title configuration of the Scatter Chart Y axis. To display the title, set the [`yAxis.title.text`]({% slug api_charts_chartyaxistitleprops %}#toc-text) option.
-     */
-    title?: YAxisTitle;
-}

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

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

package/dist/es/option-types/zoomable.interface.d.ts

@@ -1,14 +0,0 @@
-import { DragAction, MousewheelZoom } from '../common/property-types';
-/**
- * @hidden
- */
-export interface Zoomable {
-    /**
-     * Specifies if the Chart can be zoomed by using the mousewheel.
-     */
-    mousewheel?: boolean | MousewheelZoom;
-    /**
-     * Specifies if the Chart can be zoomed by using selection.
-     */
-    selection?: boolean | DragAction;
-}

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

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

package/dist/es/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/es/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-react-charts',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700063664,
-    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.d.ts

@@ -1,14 +0,0 @@
-import { StoreAction } from './store';
-/**
- * @hidden
- */
-declare const optionsReducer: (currentState: any, action: StoreAction) => object;
-/**
- * @hidden
- */
-declare const themeReducer: (currentState: any, action: StoreAction) => any;
-/**
- * @hidden
- */
-declare const observersReducer: (currentState: any, action: StoreAction) => any;
-export { optionsReducer, themeReducer, observersReducer };

package/dist/es/store/reducer.js

@@ -1,102 +0,0 @@
-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
- */
-var optionsReducer = function (currentState, action) {
-    if (action.chartCollectionIdxKey) {
-        return reducers.collectionConfigurationItem(currentState, action);
-    }
-    else if (action.chartKey) {
-        return reducers.configurationItem(currentState, action);
-    }
-    else {
-        return {};
-    }
-};
-/**
- * @hidden
- */
-var themeReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'set':
-                return reducers.themeItem(currentState, action);
-            case 'push':
-                return Object.assign(currentState, action.payload);
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return {};
-    }
-};
-/**
- * @hidden
- */
-var observersReducer = function (currentState, action) {
-    if (action.type) {
-        switch (action.type) {
-            case 'add':
-                return __spreadArray(__spreadArray([], currentState, true), [action.payload], false);
-            case 'remove':
-                return currentState.filter(function (element) { return element !== action.payload; });
-            default:
-                return currentState;
-        }
-    }
-    else {
-        return [];
-    }
-};
-/**
- * @hidden
- */
-var reducers = {
-    configurationItem: function (currentState, action) {
-        var _a;
-        return Object.assign(currentState, (_a = {},
-            _a[action.chartKey] = action.payload,
-            _a));
-    },
-    collectionConfigurationItem: function (currentState, action) {
-        var _a;
-        var inCollection = false;
-        var _b = action.chartCollectionIdxKey.split('_'), collectionName = _b[0], collectionIdx = _b[1];
-        var collection = currentState[collectionName].map(function (item, index) {
-            if (parseInt(collectionIdx, 10) === index) {
-                inCollection = true;
-                return action.payload;
-            }
-            return item;
-        });
-        if (inCollection === false) {
-            collection.splice(parseInt(collectionIdx, 10), 0, action.payload);
-        }
-        return Object.assign(currentState, (_a = {},
-            _a[collectionName] = collection,
-            _a));
-    },
-    themeItem: function (currentState, action) {
-        var store = {};
-        var nextStore = Object.assign(store, currentState);
-        var _a = action.payload, field = _a.field, value = _a.value;
-        var parts = field.split('.');
-        var key = parts.shift();
-        while (parts.length > 0) {
-            store = store[key] = store[key] || {};
-            key = parts.shift();
-        }
-        store[key] = value;
-        return nextStore;
-    }
-};
-export { optionsReducer, themeReducer, observersReducer };

package/dist/es/store/store.d.ts

@@ -1,26 +0,0 @@
-/**
- * @hidden
- */
-export declare const THROTTLE_MS: number;
-/**
- * @hidden
- */
-export interface StoreAction {
-    chartKey?: string;
-    chartCollectionIdxKey?: string;
-    type?: string;
-    payload: any;
-}
-/**
- * @hidden
- */
-export interface Store {
-    getState(): any;
-    dispatch(action: StoreAction | object): void;
-    subscribe(f: Function): Function;
-}
-/**
- * @hidden
- */
-declare const createStore: (reducer: any) => Store;
-export default createStore;

package/dist/es/store/store.js

@@ -1,28 +0,0 @@
-import { canUseDOM } from '@progress/kendo-react-common';
-/**
- * @hidden
- */
-export var THROTTLE_MS = 1000 / 60;
-/**
- * @hidden
- */
-var createStore = function (reducer) {
-    var state;
-    var timerId;
-    var listeners = [];
-    var getState = function () { return state; };
-    var dispatch = function (action) {
-        state = reducer(state, action);
-        if (canUseDOM) {
-            window.clearTimeout(timerId);
-            timerId = window.setTimeout(function () { return listeners.forEach(function (l) { return l(); }); }, THROTTLE_MS);
-        }
-    };
-    var subscribe = function (listener) {
-        listeners.push(listener);
-        return function () { return listeners = listeners.filter(function (l) { return l !== listener; }); };
-    };
-    dispatch({});
-    return { getState: getState, dispatch: dispatch, subscribe: subscribe };
-};
-export default createStore;

package/dist/es/theming/theme-service.d.ts

@@ -1,6 +0,0 @@
-import { Store } from './../store/store';
-/**
- * @hidden
- */
-declare const loadTheme: (store: Store, done: any, doc: Document) => void;
-export { loadTheme };

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

@@ -1,152 +0,0 @@
-import { chartBaseTheme } from '@progress/kendo-charts';
-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) {
-    var alpha = name.match(/series-([a-z])$/);
-    if (alpha !== null) {
-        return letterPos(alpha[1]);
-    }
-    var num = name.split('--series-')[1];
-    return parseInt(num, 10) - 1;
-};
-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-".concat(i + 1, "\"></div>");
-    }
-    return result;
-};
-var template = "\n    <div class=\"k-var--primary\"></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
- */
-var ThemeService = /** @class */ (function () {
-    function ThemeService(store) {
-        this.store = store;
-    }
-    ThemeService.prototype.setStyle = function (field, value) {
-        this.store.dispatch({ type: 'set', payload: { field: field, value: value } });
-    };
-    ThemeService.prototype.setColors = function () {
-        this.mapColor('axisDefaults.crosshair.color', 'chart-crosshair-background');
-        this.mapColor('axisDefaults.labels.color', 'normal-text-color');
-        this.mapColor('axisDefaults.line.color', 'chart-major-lines');
-        this.mapColor('axisDefaults.majorGridLines.color', 'chart-major-lines');
-        this.mapColor('axisDefaults.minorGridLines.color', 'chart-minor-lines');
-        this.mapColor('axisDefaults.notes.icon.background', 'chart-notes-background');
-        this.mapColor('axisDefaults.notes.icon.border.color', 'chart-notes-border');
-        this.mapColor('axisDefaults.notes.line.color', 'chart-notes-lines');
-        this.mapColor('axisDefaults.title.color', 'normal-text-color');
-        this.mapColor('chartArea.background', 'background');
-        this.mapColor('legend.inactiveItems.labels.color', 'chart-inactive');
-        this.mapColor('legend.inactiveItems.markers.color', 'chart-inactive');
-        this.mapColor('legend.labels.color', 'normal-text-color');
-        this.mapColor('seriesDefaults.boxPlot.downColor', 'chart-major-lines');
-        this.mapColor('seriesDefaults.boxPlot.mean.color', 'base');
-        this.mapColor('seriesDefaults.boxPlot.median.color', 'base');
-        this.mapColor('seriesDefaults.boxPlot.whiskers.color', 'primary');
-        this.mapColor('seriesDefaults.bullet.target.color', 'normal-text-color');
-        this.mapColor('seriesDefaults.candlestick.downColor', 'normal-text-color');
-        this.mapColor('seriesDefaults.candlestick.line.color', 'normal-text-color');
-        this.mapColor('seriesDefaults.errorBars.color', 'chart-error-bars-background');
-        this.mapColor('seriesDefaults.horizontalWaterfall.line.color', 'chart-major-lines');
-        this.mapColor('seriesDefaults.icon.border.color', 'chart-major-lines');
-        this.mapColor('seriesDefaults.labels.background', 'background');
-        this.mapColor('seriesDefaults.labels.color', 'normal-text-color');
-        this.mapColor('seriesDefaults.notes.icon.background', 'chart-notes-background');
-        this.mapColor('seriesDefaults.notes.icon.border.color', 'chart-notes-border');
-        this.mapColor('seriesDefaults.notes.line.color', 'chart-notes-lines');
-        this.mapColor('seriesDefaults.verticalBoxPlot.downColor', 'chart-major-lines');
-        this.mapColor('seriesDefaults.verticalBoxPlot.mean.color', 'base');
-        this.mapColor('seriesDefaults.verticalBoxPlot.median.color', 'base');
-        this.mapColor('seriesDefaults.verticalBoxPlot.whiskers.color', 'primary');
-        this.mapColor('seriesDefaults.verticalBullet.target.color', 'normal-text-color');
-        this.mapColor('seriesDefaults.waterfall.line.color', 'chart-major-lines');
-        this.mapColor('title.color', 'normal-text-color');
-        this.mapColor('subtitle.color', 'normal-text-color');
-        var opacity = parseFloat(this.queryStyle('chart-area-opacity').opacity);
-        if (!isNaN(opacity)) {
-            this.setStyle('seriesDefaults.area.opacity', opacity);
-            this.setStyle('seriesDefaults.radarArea.opacity', opacity);
-            this.setStyle('seriesDefaults.verticalArea.opacity', opacity);
-            this.setStyle('seriesDefaults.labels.opacity', opacity);
-        }
-        this.setInactiveOpacity(['area', 'verticalArea'], 'chart-area-inactive-opacity');
-        this.setInactiveOpacity(['line', 'verticalLine'], 'chart-line-inactive-opacity');
-    };
-    ThemeService.prototype.setFonts = function () {
-        var defaultFont = font(this.queryStyle('chart-font'));
-        var titleFont = font(this.queryStyle('chart-title-font'));
-        var paneTitleFont = font(this.queryStyle('chart-pane-title-font'));
-        var labelFont = font(this.queryStyle('chart-label-font'));
-        this.setStyle('axisDefaults.labels.font', labelFont);
-        this.setStyle('axisDefaults.notes.label.font', defaultFont);
-        this.setStyle('axisDefaults.title.font', defaultFont);
-        this.setStyle('legend.labels.font', defaultFont);
-        this.setStyle('seriesDefaults.labels.font', labelFont);
-        this.setStyle('seriesDefaults.notes.label.font', defaultFont);
-        this.setStyle('title.font', titleFont);
-        this.setStyle('subtitle.font', paneTitleFont);
-        this.setStyle('paneDefaults.title.font', paneTitleFont);
-    };
-    ThemeService.prototype.setSeriesColors = function () {
-        var element = this.element;
-        var series = [].slice.call(element.querySelectorAll('.k-var--series div'));
-        var unsetColor = computedBackgroundColor(element.querySelector('.k-var--series-unset'));
-        var seriesColors = series.reduce(function (arr, el) {
-            var pos = seriesPos(el.className);
-            var color = computedBackgroundColor(el);
-            if (color !== unsetColor) {
-                arr[pos] = color;
-            }
-            return arr;
-        }, [] // Will populate the series colors in this array
-        );
-        this.setStyle('seriesColors', seriesColors);
-    };
-    ThemeService.prototype.mapColor = function (key, varName) {
-        this.setStyle(key, this.queryStyle(varName).backgroundColor);
-    };
-    ThemeService.prototype.queryStyle = function (varName) {
-        var element = this.element;
-        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.".concat(type, ".highlight.inactiveOpacity"), inactiveOpacity);
-            });
-        }
-    };
-    return ThemeService;
-}());
-/**
- * @hidden
- */
-var loadTheme = function (store, done, doc) {
-    var service = new ThemeService(store);
-    if (typeof doc === 'undefined') {
-        store.dispatch({ type: 'push', payload: chartBaseTheme() });
-        return;
-    }
-    var container = service.element = doc.createElement('div');
-    container.style.display = 'none';
-    container.innerHTML = template;
-    doc.body.appendChild(container);
-    try {
-        store.dispatch({ type: 'push', payload: chartBaseTheme() });
-        service.setColors();
-        service.setFonts();
-        service.setSeriesColors();
-    }
-    finally {
-        doc.body.removeChild(service.element);
-        delete service.element;
-        done();
-    }
-};
-export { loadTheme };

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

@@ -1,11 +0,0 @@
-import { TooltipPoint } from './Point';
-export interface SharedTooltipContext {
-    categoryText?: string;
-    colorMarker?: boolean;
-    colspan: number;
-    nameColumn?: boolean;
-    points: Array<TooltipPoint>;
-}
-export interface TooltipContext {
-    point: TooltipPoint;
-}

package/dist/es/tooltip/Context.js

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

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

@@ -1,36 +0,0 @@
-import * as React from 'react';
-import { InstanceObserver } from '@progress/kendo-charts';
-import { Align, Offset } from '@progress/kendo-react-popup';
-import { ChartContext } from '../ChartContext';
-/**
- * @hidden
- */
-export interface CrosshairTooltipProps {
-    index: number;
-    name: string;
-}
-/**
- * @hidden
- */
-export interface CrosshairTooltipState {
-    className?: string | undefined;
-    popupShown: boolean;
-    popupAlign?: Align;
-    popupOffset?: Offset;
-    popupStyles?: any;
-    popupContend?: any;
-}
-/**
- * @hidden
- */
-export declare class CrosshairTooltip extends React.Component<CrosshairTooltipProps, CrosshairTooltipState> {
-    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
-    context: React.ContextType<typeof ChartContext>;
-    readonly state: CrosshairTooltipState;
-    chartObserver: InstanceObserver;
-    constructor(props: any, context: any);
-    render(): JSX.Element;
-    componentWillUnmount(): void;
-    onShowTooltip(e: any): void;
-    onHideTooltip(): void;
-}