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

package/option-types/y-axis-item/notes.icon.interface.d.ts

@@ -0,0 +1,36 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Border, MarkerType } from '../../common/property-types';
+/**
+ * @hidden
+ */
+export interface YAxisNotesIcon {
+    /**
+     * The background color of the notes icon.
+     */
+    background?: string;
+    /**
+     * The border of the notes icon.
+     */
+    border?: Border;
+    /**
+     * The size of the notes icon.
+     */
+    size?: number;
+    /**
+     * The shape of the notes icon.
+     *
+     * The supported values are:
+     * * `"circle"`—The marker shape is a circle.
+     * * `"square"`—The marker shape is a square.
+     * * `"triangle"`—The marker shape is a triangle.
+     * * `"cross"`—The marker shape is a cross.
+     */
+    type?: MarkerType;
+    /**
+     * The visibility of the notes icon.
+     */
+    visible?: boolean;
+}

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

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { drawing } from '@progress/kendo-drawing';
+import { AxisNoteVisualArgs, NoteLine, NotePosition } from '../../common/property-types';
+import { YAxisNotesIcon } from './notes.icon.interface';
+import { YAxisNotesLabel } from './notes.label.interface';
+/**
+ * @hidden
+ */
+export interface YAxisNotes {
+    /**
+     * The items of the notes.
+     */
+    data?: any[];
+    /**
+     * The line of the notes.
+     */
+    line?: NoteLine;
+    /**
+     * The position of the Y-axis notes.
+     *
+     * The supported values are:
+     * - `"top"`—The note is positioned on the top.
+     * - `"bottom"`—The note is positioned on the bottom.
+     * - `"left"`—The note is positioned on the left.
+     * - `"right"`—The note is positioned on the right.
+     */
+    position?: NotePosition;
+    /**
+     * A function for creating custom visuals for the notes.
+     *
+     * The available argument fields are:
+     * - `rect`—The geometry [`Rect`]({% slug api_kendo-drawing_geometry_rect %}) that defines the note target rect.
+     * - `options`—The note options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     * - `value`—The note value.
+     */
+    visual?: (e: AxisNoteVisualArgs) => drawing.Element;
+    /**
+     * The icon of the notes.
+     */
+    icon?: YAxisNotesIcon;
+    /**
+     * The label of the notes.
+     */
+    label?: YAxisNotesLabel;
+}

package/option-types/y-axis-item/notes.label.interface.d.ts

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Border, NoteLabelPosition } from '../../common/property-types';
+/**
+ * @hidden
+ */
+export interface YAxisNotesLabel {
+    /**
+     * The background color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the label.
+     */
+    border?: Border;
+    /**
+     * The text color of the label. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The function which returns the label content. The function argument contains a `value` field. It defines the axis value. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     */
+    content?: (e: any) => string;
+    /**
+     * The font style of the label.
+     */
+    font?: string;
+    /**
+     * The format for displaying the notes label. Uses the [`format`]({% slug api_intl_intlservice %}#toc-format) method of IntlService. Contains one placeholder (`"{0}"`) which represents the axis value.
+     */
+    format?: string;
+    /**
+     * The position of the labels.
+     *
+     * The available options are:
+     * - `"inside"`—The label is positioned inside the icon.
+     * - `"outside"`—The label is positioned outside the icon.
+     */
+    position?: NoteLabelPosition;
+    /**
+     * The rotation angle of the label. By default, the label is not rotated.
+     */
+    rotation?: number;
+    /**
+     * If set to `true`, the Chart displays the Y-axis notes label. By default, the Y-axis notes label is visible.
+     */
+    visible?: boolean;
+}

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

@@ -0,0 +1,70 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { drawing } from '@progress/kendo-drawing';
+import { AxisTitlePosition, Border, Margin, Padding, TitleVisualArgs } from '../../common/property-types';
+/**
+ * @hidden
+ */
+export interface YAxisTitle {
+    /**
+     * The background color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    background?: string;
+    /**
+     * The border of the title.
+     */
+    border?: Border;
+    /**
+     * The text color of the title. Accepts a valid CSS color string, including hex and rgb.
+     */
+    color?: string;
+    /**
+     * The font style of the title.
+     */
+    font?: string;
+    /**
+     * The margin of the title. A numeric value sets all margins.
+     */
+    margin?: Margin | number;
+    /**
+     * The padding of the title. A numeric value sets all paddings.
+     */
+    padding?: Padding | number;
+    /**
+     * The position of the title.
+     *
+     * The supported values are:
+     * - `"top"`—The axis title is positioned on the top (applicable to the vertical axis).
+     * - `"bottom"`—The axis title is positioned on the bottom (applicable to the vertical axis).
+     * - `"left"`—The axis title is positioned on the left (applicable to the horizontal axis).
+     * - `"right"`—The axis title is positioned on the right (applicable to the horizontal axis).
+     * - `"center"`—The axis title is positioned in the center.
+     */
+    position?: AxisTitlePosition;
+    /**
+     * The rotation angle of the title. By default, the title is not rotated.
+     */
+    rotation?: number;
+    /**
+     * The text of the title. You can split the text into multiple lines by using the line feed characters (`"\n"`).
+     */
+    text?: string;
+    /**
+     * If set to `true`, the Chart displays the Scatter Chart Y-axis title. By default, the Scatter Chart Y-axis title is visible.
+     */
+    visible?: boolean;
+    /**
+     * A function for creating custom visuals for the title.
+     *
+     * The available argument fields are:
+     * - `text`—The label text.
+     * - `rect`—The geometry [`Rect`]({% slug api_kendo-drawing_geometry_rect %})
+     * that defines where the visual has to be rendered.
+     * - `sender`—The Chart instance (can be `undefined`).
+     * - `options`—The label options.
+     * - `createVisual`—A function that can be used to get the default visual.
+     */
+    visual?: (e: TitleVisualArgs) => drawing.Element;
+}

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

@@ -0,0 +1,135 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+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/option-types/zoomable.interface.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+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/package-metadata.d.ts

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package.json

@@ -1,20 +1,35 @@
 {
   "name": "@progress/kendo-react-charts",
+  "version": "7.0.0-develop.2",
   "description": "React Chart renders a wide range of high-quality data visualizations. KendoReact Charts package",
-  "version": "6.1.1",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-react.git"
+  "author": "Progress",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "homepage": "https://www.telerik.com/kendo-react-ui",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "main": "dist/npm/main.js",
-  "types": "dist/npm/main.d.ts",
-  "module": "dist/es/main.js",
-  "jsnext:main": "dist/es/main.js",
-  "scripts": {
-    "test": "cd ../../ && npm run test -- --testPathPattern=/packages/charts/.*",
-    "build-package": "gulp build-package"
+  "sideEffects": false,
+  "peerDependencies": {
+    "@progress/kendo-drawing": "^1.17.2",
+    "@progress/kendo-licensing": "^1.3.0",
+    "@progress/kendo-react-common": "7.0.0-develop.2",
+    "@progress/kendo-react-intl": "7.0.0-develop.2",
+    "@progress/kendo-react-layout": "7.0.0-develop.2",
+    "@progress/kendo-react-popup": "7.0.0-develop.2",
+    "@progress/kendo-svg-icons": "^2.0.0",
+    "hammerjs": "^2.0.0",
+    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "@progress/kendo-charts": "^1.32.0",
+    "prop-types": "^15.6.0"
   },
-  "homepage": "https://www.telerik.com/kendo-react-ui",
   "keywords": [
     "Kendo UI",
     "React",
@@ -28,48 +43,15 @@
     "React component",
     "Telerik"
   ],
-  "peerDependencies": {
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-intl": "^6.0.0",
-    "@progress/kendo-react-layout": "^6.0.0",
-    "@progress/kendo-react-progressbars": "^6.0.0",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "hammerjs": "^2.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
-  },
-  "dependencies": {
-    "@progress/kendo-charts": "^1.32.0",
-    "@progress/kendo-react-common": "6.1.1",
-    "@progress/kendo-react-popup": "6.1.1",
-    "prop-types": "^15.6.0"
-  },
-  "devDependencies": {
-    "@progress/kendo-data-query": "^1.0.0",
-    "@progress/kendo-drawing": "^1.17.2",
-    "@progress/kendo-file-saver": "^1.0.1",
-    "@progress/kendo-licensing": "^1.3.0",
-    "@progress/kendo-react-dropdowns": "6.1.1",
-    "@progress/kendo-react-inputs": "6.1.1",
-    "@progress/kendo-react-intl": "6.1.1",
-    "@progress/kendo-react-layout": "6.1.1",
-    "@progress/kendo-react-progressbars": "6.1.1",
-    "@progress/kendo-svg-icons": "^2.0.0",
-    "cldr-core": "^41.0.0",
-    "cldr-dates-full": "^41.0.0",
-    "cldr-numbers-full": "^41.0.0",
-    "d3-scale-chromatic": "^3.0.0",
-    "hammerjs": "^2.0.0"
-  },
   "@progress": {
     "friendlyName": "Charts",
     "framework": "KendoReact"
   },
-  "author": "Progress",
-  "license": "SEE LICENSE IN LICENSE.md",
   "publishConfig": {
     "access": "public"
   },
-  "sideEffects": false
-}
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/telerik/kendo-react.git"
+  }
+}

package/store/reducer.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+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/store/store.d.ts

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @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/theming/theme-service.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Store } from './../store/store';
+/**
+ * @hidden
+ */
+declare const loadTheme: (store: Store, done: any, doc: Document) => void;
+export { loadTheme };

package/tooltip/Context.d.ts

@@ -0,0 +1,15 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TooltipPoint } from './Point';
+export interface SharedTooltipContext {
+    categoryText?: string;
+    colorMarker?: boolean;
+    colspan: number;
+    nameColumn?: boolean;
+    points: Array<TooltipPoint>;
+}
+export interface TooltipContext {
+    point: TooltipPoint;
+}

package/tooltip/Crosshair.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+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(): import("react/jsx-runtime").JSX.Element;
+    componentWillUnmount(): void;
+    onShowTooltip(e: any): void;
+    onHideTooltip(): void;
+}

package/tooltip/CrosshairContainer.d.ts

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the package root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as React from 'react';
+import { CrosshairTooltipProps } from './Crosshair';
+import { ChartContext } from '../ChartContext';
+/**
+ * @hidden
+ */
+export interface Tooltips {
+    [key: string]: CrosshairTooltipProps;
+}
+/**
+ * @hidden
+ */
+export interface CrosshairTooltipContainerState {
+    tooltips: Tooltips;
+}
+/**
+ * @hidden
+ */
+export declare class CrosshairTooltipContainer extends React.Component<{}, CrosshairTooltipContainerState> {
+    static contextType: React.Context<import("../ChartContext").ChartContextType | null>;
+    context: React.ContextType<typeof ChartContext>;
+    readonly state: CrosshairTooltipContainerState;
+    private storeUnsubscriber;
+    componentDidMount(): void;
+    render(): import("react/jsx-runtime").JSX.Element;
+    componentWillUnmount(): void;
+    subscriber: () => void;
+}