@gravity-ui/chartkit 5.21.0 → 6.0.1

package/build/index.d.ts

@@ -1,6 +1,5 @@
 import { ChartKit } from './components/ChartKit';
 import { settings } from './libs';
-export * from './types/widget-data';
 export * from './libs/chartkit-error/chartkit-error';
 export type { ChartKitLang, ChartKitOnLoadData, ChartKitOnRenderData, ChartKitOnChartLoad, ChartKitOnError, ChartKitPlugin, ChartKitProps, ChartKitRef, ChartKitWidgetRef, ChartKitType, ChartKitWidget, } from './types';
 export { settings };

package/build/index.js

@@ -1,6 +1,5 @@
 import { ChartKit } from './components/ChartKit';
 import { settings } from './libs';
-export * from './types/widget-data';
 export * from './libs/chartkit-error/chartkit-error';
 export { settings };
 export default ChartKit;

package/build/plugins/d3/renderer/D3Widget.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ChartKitWidgetRef } from '../../../types';
 declare const D3Widget: React.ForwardRefExoticComponent<{
     type: "d3";
-    data: import("../../../types").ChartKitWidgetData;
+    data: import("@gravity-ui/charts").ChartData<any>;
     id?: string | undefined;
     isMobile?: boolean | undefined;
     onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"d3"> | undefined) => void) | undefined;

package/build/types/index.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { ChartKitError } from '../libs';
 import type { ChartKitWidget } from './widget';
 export type { ChartKitHolidays } from './misc';
-export * from './widget-data';
 export type ChartKitLang = 'ru' | 'en';
 export type ChartKitType = keyof ChartKitWidget;
 export type ChartKitRef = {

package/build/types/index.js

@@ -1,2 +1 @@
-// TODO: remove in the next major. This types should be consumed directly from '@gravity-ui/charts'
-export * from './widget-data';
+export {};

package/build/types/widget.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
+import type { ChartData } from '@gravity-ui/charts';
 import type { SplitLayoutType } from '../components/SplitPane/types';
 import type { Highcharts, HighchartsWidgetData, StringParams } from '../plugins/highcharts/types';
 import type { IndicatorWidgetData } from '../plugins/indicator/types';
 import type { CustomTooltipProps, Yagr, YagrWidgetData } from '../plugins/yagr/types';
-import type { ChartKitWidgetData } from './widget-data';
 export interface ChartKitWidget {
     yagr: {
         data: YagrWidgetData;
@@ -33,7 +33,7 @@ export interface ChartKitWidget {
         }, callExternalOnChange?: boolean) => void;
     };
     d3: {
-        data: ChartKitWidgetData;
+        data: ChartData;
         widget: never;
         tooltip?: {
             splitted?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "5.21.0",
+  "version": "6.0.1",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -47,7 +47,7 @@
   ],
   "dependencies": {
     "@bem-react/classname": "^1.6.0",
-    "@gravity-ui/charts": "^0.5.0",
+    "@gravity-ui/charts": "^0.7.0",
     "@gravity-ui/date-utils": "^2.1.0",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/yagr": "^4.6.0",
@@ -63,7 +63,7 @@
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^6.35.2",
+    "@gravity-ui/uikit": "^7.4.0",
     "@jest/types": "^29.6.3",
     "@playwright/experimental-ct-react17": "^1.41.1",
     "@storybook/addon-actions": "^7.6.14",
@@ -111,7 +111,7 @@
     "typescript": "^5.3.3"
   },
   "peerDependencies": {
-    "@gravity-ui/uikit": "^6.0.0",
+    "@gravity-ui/uikit": "^7.0.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "scripts": {

package/build/types/widget-data/area.d.ts

@@ -1,75 +0,0 @@
-import { SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-import type { PointMarkerOptions } from './marker';
-export type AreaSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     * - timestamp value (for `datetime` y axis)
-     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
-     */
-    y?: string | number;
-    /** Data label value of the point. If not specified, the y value is used. */
-    label?: string | number;
-    /** Individual marker options for the point. */
-    marker?: {
-        /** States for a single point marker. */
-        states?: {
-            /** The normal state of a single point marker. */
-            normal?: {
-                /**
-                 * Enable or disable the point marker.
-                 *
-                 * @default false
-                 * */
-                enabled: boolean;
-            };
-        };
-    };
-};
-export type AreaMarkerSymbol = 'circle' | 'square';
-export type AreaMarkerOptions = PointMarkerOptions & {
-    symbol?: AreaMarkerSymbol;
-};
-export type AreaSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Area;
-    data: AreaSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc) */
-    name: string;
-    /** Whether to stack the values of each series on top of each other.
-     * Possible values are undefined to disable, "normal" to stack by value or "percent"
-     *
-     * @default undefined
-     * */
-    stacking?: 'normal' | 'percent';
-    /** This option allows grouping series in a stacked chart */
-    stackId?: string;
-    /** The main color of the series (hex, rgba) */
-    color?: string;
-    /** Fill opacity for the area
-     *
-     * @default 0.75
-     * */
-    opacity?: number;
-    /** Pixel width of the graph line.
-     *
-     * @default 1
-     * */
-    lineWidth?: number;
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    /** Options for the point markers of line in area series */
-    marker?: AreaMarkerOptions;
-    /** Y-axis index (when using two axes) */
-    yAxis?: number;
-};

package/build/types/widget-data/area.js

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

package/build/types/widget-data/axis.d.ts

@@ -1,85 +0,0 @@
-import type { FormatNumberOptions } from '../../plugins/shared';
-import type { BaseTextStyle } from './base';
-export type ChartKitWidgetAxisType = 'category' | 'datetime' | 'linear' | 'logarithmic';
-export type ChartKitWidgetAxisTitleAlignment = 'left' | 'center' | 'right';
-export type ChartKitWidgetAxisLabels = {
-    /** Enable or disable the axis labels. */
-    enabled?: boolean;
-    /** The label's pixel distance from the perimeter of the plot area.
-     *
-     * @default: 10
-     */
-    margin?: number;
-    /** The pixel padding for axis labels, to ensure white space between them.
-     *
-     * @defaults: 5
-     * */
-    padding?: number;
-    dateFormat?: string;
-    numberFormat?: FormatNumberOptions;
-    style?: Partial<BaseTextStyle>;
-    /** For horizontal axes, enable label rotation to prevent overlapping labels.
-     * If there is enough space, labels are not rotated.
-     * As the chart gets narrower, it will start rotating the labels -45 degrees. */
-    autoRotation?: boolean;
-    /** Rotation of the labels in degrees.
-     *
-     * @default: 0
-     */
-    rotation?: number;
-};
-export type ChartKitWidgetAxis = {
-    categories?: string[];
-    timestamps?: number[];
-    type?: ChartKitWidgetAxisType;
-    /** The axis labels show the number or category for each tick. */
-    labels?: ChartKitWidgetAxisLabels;
-    /** The color of the line marking the axis itself. */
-    lineColor?: string;
-    title?: {
-        text?: string;
-        /** CSS styles for the title */
-        style?: Partial<BaseTextStyle>;
-        /** The pixel distance between the axis labels or line and the title.
-         *
-         * Defaults to 4 for horizontal axes, 8 for vertical.
-         * */
-        margin?: number;
-        /** Alignment of the title. */
-        align?: ChartKitWidgetAxisTitleAlignment;
-        /** Allows limiting of the contents of a title block to the specified number of lines.
-         *  Defaults to 1. */
-        maxRowCount?: number;
-    };
-    /** The minimum value of the axis. If undefined the min value is automatically calculate. */
-    min?: number;
-    /** The grid lines settings. */
-    grid?: {
-        /** Enable or disable the grid lines.
-         *
-         * Defaults to true.
-         * */
-        enabled?: boolean;
-    };
-    ticks?: {
-        /** Pixel interval of the tick marks. Not applicable to categorized axis.
-         * The specified value is only a hint; the interval between ticks can be greater or less depending on the data. */
-        pixelInterval?: number;
-    };
-    /** Padding of the max value relative to the length of the axis.
-     * A padding of 0.05 will make a 100px axis 5px longer.
-     *
-     * Defaults to 0.05 for Y axis and to 0.01 for X axis.
-     * */
-    maxPadding?: number;
-};
-export type ChartKitWidgetXAxis = ChartKitWidgetAxis;
-export type ChartKitWidgetYAxis = ChartKitWidgetAxis & {
-    /** Axis location.
-     * Possible values - 'left' and 'right'.
-     * */
-    position?: 'left' | 'right';
-    /** Property for splitting charts. Determines which area the axis is located in.
-     * */
-    plotIndex?: number;
-};

package/build/types/widget-data/axis.js

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

package/build/types/widget-data/bar-x.d.ts

@@ -1,66 +0,0 @@
-import { SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-import type { ChartKitWidgetSeriesOptions } from './series';
-export type BarXSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value of the bar. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value of the bar. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     * - timestamp value (for `datetime` y axis)
-     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
-     */
-    y?: string | number;
-    /**
-     * Corresponding value of axis category.
-     *
-     * @deprecated use `x` or `y` instead
-     */
-    category?: string;
-    /** Data label value of the bar-x column. If not specified, the y value is used. */
-    label?: string | number;
-    /** Individual opacity for the bar-x column. */
-    opacity?: number;
-};
-export type BarXSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.BarX;
-    data: BarXSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc) */
-    name: string;
-    /** The main color of the series (hex, rgba) */
-    color?: string;
-    /** Whether to stack the values of each series on top of each other.
-     * Possible values are undefined to disable, "normal" to stack by value or "percent"
-     *
-     * @default undefined
-     * */
-    stacking?: 'normal' | 'percent';
-    /** This option allows grouping series in a stacked chart */
-    stackId?: string;
-    /** Whether to group non-stacked columns or to let them render independent of each other.
-     * When false columns will be laid out individually and overlap each other.
-     *
-     * @default true
-     * */
-    grouping?: boolean;
-    dataLabels?: BaseSeries['dataLabels'] & ChartKitWidgetSeriesOptions['dataLabels'] & {
-        /**
-         * Whether to align the data label inside or outside the box
-         *
-         * @default false
-         * */
-        inside?: boolean;
-    };
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    /** Y-axis index (when using two axes) */
-    yAxis?: number;
-};

package/build/types/widget-data/bar-x.js

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

package/build/types/widget-data/bar-y.d.ts

@@ -1,59 +0,0 @@
-import { SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-import type { ChartKitWidgetSeriesOptions } from './series';
-export type BarYSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value of the bar. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value of the bar. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     * - timestamp value (for `datetime` y axis)
-     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
-     */
-    y?: string | number;
-    /** Data label value of the bar. If not specified, the x value is used. */
-    label?: string | number;
-    /** Individual opacity for the bar. */
-    opacity?: number;
-};
-export type BarYSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.BarY;
-    data: BarYSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc) */
-    name: string;
-    /** The main color of the series (hex, rgba) */
-    color?: string;
-    /** Whether to stack the values of each series on top of each other.
-     * Possible values are undefined to disable, "normal" to stack by value or "percent"
-     *
-     * @default undefined
-     * */
-    stacking?: 'normal' | 'percent';
-    /** This option allows grouping series in a stacked chart */
-    stackId?: string;
-    /** Whether to group non-stacked columns or to let them render independent of each other.
-     * When false columns will be laid out individually and overlap each other.
-     *
-     * @default true
-     * */
-    grouping?: boolean;
-    dataLabels?: ChartKitWidgetSeriesOptions['dataLabels'] & {
-        /**
-         * Whether to align the data label inside or outside the box.
-         * For charts with a percentage stack, it is always true.
-         *
-         * @default false
-         * */
-        inside?: boolean;
-    };
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-};

package/build/types/widget-data/bar-y.js

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

package/build/types/widget-data/base.d.ts

@@ -1,47 +0,0 @@
-export type BaseSeries = {
-    /** Initial visibility of the series */
-    visible?: boolean;
-    /**
-     * Options for the series data labels, appearing next to each data point.
-     * */
-    dataLabels?: {
-        /**
-         * Enable or disable the data labels
-         * @default true
-         */
-        enabled?: boolean;
-        style?: Partial<BaseTextStyle>;
-        /**
-         * @default 5
-         * */
-        padding?: number;
-        /**
-         * @default false
-         * */
-        allowOverlap?: boolean;
-        /**
-         * Allows to use any html-tags to display the content.
-         * The element will be displayed outside the box of the SVG element.
-         *
-         * @default false
-         * */
-        html?: boolean;
-    };
-    /** You can set the cursor to "pointer" if you have click events attached to the series, to signal to the user that the points and lines can be clicked. */
-    cursor?: string;
-};
-export type BaseSeriesData<T = any> = {
-    /**
-     * A reserved subspace to store options and values for customized functionality
-     *
-     * Here you can add additional data for your own event callbacks and formatter callbacks
-     */
-    custom?: T;
-    /** Individual color for the data chunk (point in scatter, segment in pie, bar etc) */
-    color?: string;
-};
-export type BaseTextStyle = {
-    fontSize: string;
-    fontWeight?: string;
-    fontColor?: string;
-};

package/build/types/widget-data/base.js

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

package/build/types/widget-data/chart.d.ts

@@ -1,15 +0,0 @@
-export type ChartMargin = {
-    top: number;
-    right: number;
-    bottom: number;
-    left: number;
-};
-export type ChartKitWidgetChart = {
-    margin?: Partial<ChartMargin>;
-    events?: {
-        click?: (data: {
-            point: unknown;
-            series: unknown;
-        }, event: PointerEvent) => void;
-    };
-};

package/build/types/widget-data/chart.js

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

package/build/types/widget-data/halo.d.ts

@@ -1,9 +0,0 @@
-/** The halo appearing around the hovered part of series(point in line-type series or slice in pie charts) */
-export type Halo = {
-    /** Enable or disable the halo */
-    enabled?: boolean;
-    /** The opacity of halo */
-    opacity?: number;
-    /** The pixel size of the halo. Radius for point markers or width of the outside slice in pie charts. */
-    size?: number;
-};

package/build/types/widget-data/halo.js

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

package/build/types/widget-data/index.d.ts

@@ -1,39 +0,0 @@
-import type { ChartKitWidgetXAxis, ChartKitWidgetYAxis } from './axis';
-import type { ChartKitWidgetChart } from './chart';
-import type { ChartKitWidgetLegend } from './legend';
-import type { ChartKitWidgetSeries, ChartKitWidgetSeriesOptions } from './series';
-import type { ChartKitWidgetSplit } from './split';
-import type { ChartKitWidgetTitle } from './title';
-import type { ChartKitWidgetTooltip } from './tooltip';
-export * from './axis';
-export * from './base';
-export * from './chart';
-export * from './legend';
-export * from './pie';
-export * from './scatter';
-export * from './bar-x';
-export * from './bar-y';
-export * from './area';
-export * from './line';
-export * from './series';
-export * from './split';
-export * from './title';
-export * from './tooltip';
-export * from './halo';
-export * from './treemap';
-export * from './waterfall';
-export type ChartKitWidgetData<T = any> = {
-    chart?: ChartKitWidgetChart;
-    legend?: ChartKitWidgetLegend;
-    series: {
-        data: ChartKitWidgetSeries<T>[];
-        options?: ChartKitWidgetSeriesOptions;
-    };
-    title?: ChartKitWidgetTitle;
-    tooltip?: ChartKitWidgetTooltip<T>;
-    xAxis?: ChartKitWidgetXAxis;
-    yAxis?: ChartKitWidgetYAxis[];
-    /** Setting for displaying charts on different plots.
-     * It can be used to visualize related information on multiple charts. */
-    split?: ChartKitWidgetSplit;
-};

package/build/types/widget-data/index.js

@@ -1,17 +0,0 @@
-export * from './axis';
-export * from './base';
-export * from './chart';
-export * from './legend';
-export * from './pie';
-export * from './scatter';
-export * from './bar-x';
-export * from './bar-y';
-export * from './area';
-export * from './line';
-export * from './series';
-export * from './split';
-export * from './title';
-export * from './tooltip';
-export * from './halo';
-export * from './treemap';
-export * from './waterfall';

package/build/types/widget-data/legend.d.ts

@@ -1,92 +0,0 @@
-import type { BaseTextStyle } from './base';
-export type ChartKitWidgetLegend = {
-    enabled?: boolean;
-    /**
-     * Different types for different color schemes.
-     * If the color scheme is continuous, a gradient legend will be drawn.
-     * Otherwise, samples for different point values
-     *
-     * @default 'discrete'
-     */
-    type?: 'discrete' | 'continuous';
-    /**
-     * The horizontal alignment of the legend box within the chart area.
-     *
-     * @default center
-     * */
-    align?: 'left' | 'center' | 'right';
-    /**
-     * Defines the pixel distance between each legend item
-     *
-     * @default 20
-     * */
-    itemDistance?: number;
-    /** CSS styles for each legend item */
-    itemStyle?: BaseTextStyle;
-    /**
-     * The space between the legend and the axis labels or chart area.
-     *
-     * @default 15
-     */
-    margin?: number;
-    title?: {
-        text?: string;
-        /** CSS styles for the title */
-        style?: Partial<BaseTextStyle>;
-        /** The distance(in pixels) between the main content of the legend and its title
-         *
-         * Defaults to 4 for horizontal axes, 8 for vertical.
-         * */
-        margin?: number;
-    };
-    colorScale?: {
-        stops?: number[];
-        colors: string[];
-        domain?: number[];
-    };
-    width?: number;
-};
-export type BaseLegendSymbol = {
-    /**
-     * The pixel padding between the legend item symbol and the legend item text.
-     *
-     * @default 5
-     * */
-    padding?: number;
-};
-export type RectLegendSymbolOptions = BaseLegendSymbol & {
-    /**
-     * The pixel width of the symbol for series types that use a rectangle in the legend
-     *
-     * @default 10
-     * */
-    width?: number;
-    /**
-     * The pixel width of the symbol for series types that use a rectangle in the legend
-     *
-     * @default 10
-     * */
-    height?: number;
-    /**
-     * The border radius of the symbol for series types that use a rectangle in the legend.
-     *
-     * Defaults to half the symbolHeight, effectively creating a circle.
-     */
-    radius?: number;
-};
-export type PathLegendSymbolOptions = BaseLegendSymbol & {
-    /**
-     * The pixel width of the symbol for series types that use a path in the legend
-     *
-     * @default 16
-     * */
-    width?: number;
-};
-export type SymbolLegendSymbolOptions = BaseLegendSymbol & {
-    /**
-     * The pixel width of the symbol for series types that use a symbol in the legend
-     *
-     * @default 8
-     * */
-    width?: number;
-};

package/build/types/widget-data/legend.js

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

package/build/types/widget-data/line.d.ts

@@ -1,56 +0,0 @@
-import { DashStyle, LineCap, SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-import type { PointMarkerOptions } from './marker';
-export type LineSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     * - timestamp value (for `datetime` y axis)
-     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
-     */
-    y?: string | number;
-    /** Data label value of the point. If not specified, the y value is used. */
-    label?: string | number;
-    marker?: {
-        states?: {
-            normal?: {
-                enabled: boolean;
-            };
-        };
-    };
-};
-export type LineSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Line;
-    data: LineSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc) */
-    name: string;
-    /** The main color of the series (hex, rgba) */
-    color?: string;
-    /** Pixel width of the graph line.
-     *
-     * @default 1
-     * */
-    lineWidth?: number;
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    /** Options for the point markers of line series */
-    marker?: PointMarkerOptions;
-    /** Option for line stroke style */
-    dashStyle?: `${DashStyle}`;
-    /** Option for line cap style */
-    linecap?: `${LineCap}`;
-    /** Individual opacity for the line. */
-    opacity?: number;
-    /** Y-axis index (when using two axes) */
-    yAxis?: number;
-};

package/build/types/widget-data/line.js

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

package/build/types/widget-data/marker.d.ts

@@ -1,12 +0,0 @@
-import { SymbolType } from '../../constants';
-export type PointMarkerOptions = {
-    /** Enable or disable the point marker */
-    enabled?: boolean;
-    /** The radius of the point marker */
-    radius?: number;
-    /** The color of the point marker's border */
-    borderColor?: string;
-    /** The width of the point marker's border */
-    borderWidth?: number;
-    symbol?: `${SymbolType}`;
-};

package/build/types/widget-data/marker.js

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

package/build/types/widget-data/pie.d.ts

@@ -1,87 +0,0 @@
-import type { BaseType } from 'd3';
-import { SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-export type PieSeriesData<T = any> = BaseSeriesData<T> & {
-    /** The value of the pie segment. */
-    value: number;
-    /** The name of the pie segment (used in legend, tooltip etc). */
-    name: string;
-    /** Initial visibility of the pie segment. */
-    visible?: boolean;
-    /** Initial data label of the pie segment. If not specified, the value is used. */
-    label?: string;
-    /** Individual opacity for the pie segment. */
-    opacity?: number;
-};
-export type ConnectorShape = 'straight-line' | 'polyline';
-export type ConnectorCurve = 'linear' | 'basic';
-export type PieSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Pie;
-    data: PieSeriesData<T>[];
-    /**
-     * The color of the border surrounding each segment.
-     * @default `--g-color-base-background` from @gravity-ui/uikit.
-     */
-    borderColor?: string;
-    /**
-     * The width of the border surrounding each segment.
-     * @default '1px'
-     */
-    borderWidth?: number;
-    /**
-     * The corner radius of the border surrounding each segment.
-     * @default 0
-     */
-    borderRadius?: number;
-    /** The center of the pie chart relative to the chart area. */
-    center?: [string | number | null, string | number | null];
-    /**
-     * The inner radius of the pie.
-     * @default 0
-     */
-    innerRadius?: string | number;
-    /** The radius of the pie relative to the chart area. The default behaviour is to scale to the chart area. */
-    radius?: string | number;
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    dataLabels?: BaseSeries['dataLabels'] & {
-        /**
-         * The distance of the data label from the pie's edge.
-         *
-         * @default 30
-         * */
-        distance?: number;
-        /**
-         * The distance from the data label to the connector.
-         *
-         * @default 5
-         * */
-        connectorPadding?: number;
-        /**
-         * The method that is used to generate the connector path.
-         *
-         * @default 'polyline'
-         * */
-        connectorShape?: ConnectorShape;
-        /**
-         * How to interpolate between two-dimensional [x, y] points for a connector.
-         * Works only if connectorShape equals to 'polyline'
-         *
-         * @default 'basic'
-         * */
-        connectorCurve?: ConnectorCurve;
-    };
-    /**
-     * Function for adding custom svg nodes for a series
-     *
-     * @return BaseType
-     * */
-    renderCustomShape?: (args: {
-        series: {
-            innerRadius: number;
-        };
-    }) => BaseType;
-};

package/build/types/widget-data/pie.js

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

package/build/types/widget-data/scatter.d.ts

@@ -1,45 +0,0 @@
-import { SeriesType, SymbolType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import type { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-export type ScatterSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value of the point. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     * - timestamp value (for `datetime` y axis)
-     * - y axis category value (for `category` y axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `yAxis[0].categories`
-     */
-    y?: string | number;
-    /**
-     * Corresponding value of axis category.
-     *
-     * @deprecated use `x` or `y` instead
-     */
-    category?: string;
-    /** Individual radius for the point. */
-    radius?: number;
-    /** Individual opacity for the point. */
-    opacity?: number;
-};
-export type ScatterSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Scatter;
-    data: ScatterSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc) */
-    name: string;
-    /** The main color of the series (hex, rgba) */
-    color?: string;
-    /** A predefined shape or symbol for the dot */
-    symbolType?: `${SymbolType}`;
-    /** Individual series legend options. Has higher priority than legend options in widget data */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    /** Y-axis index (when using two axes) */
-    yAxis?: number;
-};

package/build/types/widget-data/scatter.js

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

package/build/types/widget-data/series.d.ts

@@ -1,225 +0,0 @@
-import React from 'react';
-import { DashStyle, LineCap } from '../../constants';
-import type { AreaSeries, AreaSeriesData } from './area';
-import type { BarXSeries, BarXSeriesData } from './bar-x';
-import type { BarYSeries, BarYSeriesData } from './bar-y';
-import type { Halo } from './halo';
-import type { LineSeries, LineSeriesData } from './line';
-import type { PointMarkerOptions } from './marker';
-import type { PieSeries, PieSeriesData } from './pie';
-import type { ScatterSeries, ScatterSeriesData } from './scatter';
-import type { TreemapSeries, TreemapSeriesData } from './treemap';
-import type { WaterfallSeries, WaterfallSeriesData } from './waterfall';
-export type ChartKitWidgetSeries<T = any> = ScatterSeries<T> | PieSeries<T> | BarXSeries<T> | BarYSeries<T> | LineSeries<T> | AreaSeries<T> | TreemapSeries<T> | WaterfallSeries<T>;
-export type ChartKitWidgetSeriesData<T = any> = ScatterSeriesData<T> | PieSeriesData<T> | BarXSeriesData<T> | BarYSeriesData<T> | LineSeriesData<T> | AreaSeriesData<T> | TreemapSeriesData<T> | WaterfallSeriesData<T>;
-export type DataLabelRendererData<T = any> = {
-    data: ChartKitWidgetSeriesData<T>;
-};
-type BasicHoverState = {
-    /**
-     * Enable separate styles for the hovered series.
-     *
-     * @default true
-     * */
-    enabled?: boolean;
-    /**
-     * How much to brighten/darken the point on hover. Use positive to brighten, negative to darken.
-     * The behavior of this property is dependent on the implementing color space ([more details](https://d3js.org/d3-color#color_brighter)).
-     * For example in case of using rgb color you can use floating point number from `-5.0` to `5.0`.
-     * Rgb color space is used by default.
-     *
-     * @default 0.3
-     */
-    brightness?: number;
-};
-export type BasicInactiveState = {
-    /**
-     * Enable separate styles for the inactive series.
-     *
-     * @default true
-     * */
-    enabled?: boolean;
-    /**
-     * Opacity of series elements (bars, data labels)
-     *
-     * @default 0.5
-     * */
-    opacity?: number;
-};
-export type ChartKitWidgetSeriesOptions = {
-    /** Individual data label for each point. */
-    dataLabels?: {
-        /** Enable or disable the data labels */
-        enabled?: boolean;
-        /** Callback function to render the data label */
-        renderer?: (args: DataLabelRendererData) => React.SVGTextElementAttributes<SVGTextElement>;
-    };
-    'bar-x'?: {
-        /** The maximum allowed pixel width for a column.
-         * This prevents the columns from becoming too wide when there is a small number of points in the chart.
-         *
-         * @default 50
-         */
-        barMaxWidth?: number;
-        /** Padding between each column or bar, in x axis units.
-         *
-         * @default 0.1
-         * */
-        barPadding?: number;
-        /** Padding between each value groups, in x axis units
-         *
-         * @default 0.2
-         */
-        groupPadding?: number;
-        dataSorting?: {
-            /** Determines what data value should be used to sort by.
-             * Possible values are undefined to disable, "name" to sort by series name or "y"
-             *
-             * @default undefined
-             * */
-            key?: 'name' | 'y' | undefined;
-            /** Sorting direction.
-             *
-             * @default 'asc'
-             * */
-            direction?: 'asc' | 'desc';
-        };
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState;
-            inactive?: BasicInactiveState;
-        };
-    };
-    'bar-y'?: {
-        /** The maximum allowed pixel width for a column.
-         * This prevents the columns from becoming too wide when there is a small number of points in the chart.
-         *
-         * @default 50
-         */
-        barMaxWidth?: number;
-        /** Padding between each column or bar, in x axis units.
-         *
-         * @default 0.1
-         * */
-        barPadding?: number;
-        /** Padding between each value groups, in x axis units
-         *
-         * @default 0.2
-         */
-        groupPadding?: number;
-        dataSorting?: {
-            /** Determines what data value should be used to sort by.
-             * Possible values are undefined to disable, "name" to sort by series name or "x"
-             *
-             * @default undefined
-             * */
-            key?: 'name' | 'x' | undefined;
-            /** Sorting direction.
-             *
-             * @default 'asc'
-             * */
-            direction?: 'asc' | 'desc';
-        };
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState;
-            inactive?: BasicInactiveState;
-        };
-    };
-    pie?: {
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState & {
-                /** Options for the halo appearing outside the hovered slice */
-                halo?: Halo;
-            };
-            inactive?: BasicInactiveState;
-        };
-    };
-    scatter?: {
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState & {
-                marker?: PointMarkerOptions & {
-                    /** Options for the halo appearing around the hovered point */
-                    halo?: Halo;
-                };
-            };
-            inactive?: BasicInactiveState;
-        };
-    };
-    line?: {
-        /** Pixel width of the graph line.
-         *
-         * @default 1
-         * */
-        lineWidth?: number;
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState & {
-                marker?: PointMarkerOptions & {
-                    /** Options for the halo appearing around the hovered point */
-                    halo?: Halo;
-                };
-            };
-            inactive?: BasicInactiveState;
-        };
-        /** Options for the point markers of line series */
-        marker?: PointMarkerOptions;
-        /** Options for line style
-         *
-         * @default 'Solid'
-         * */
-        dashStyle?: `${DashStyle}`;
-        /** Options for line cap style
-         *
-         * @default 'round' when dashStyle is not 'solid', 'none' when dashStyle is not 'solid'
-         * */
-        linecap?: `${LineCap}`;
-    };
-    area?: {
-        /** Pixel width of the graph line.
-         *
-         * @default 1
-         * */
-        lineWidth?: number;
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState & {
-                marker?: PointMarkerOptions & {
-                    /** Options for the halo appearing around the hovered point */
-                    halo?: Halo;
-                };
-            };
-            inactive?: BasicInactiveState;
-        };
-        /** Options for the point markers of line series */
-        marker?: PointMarkerOptions;
-    };
-    treemap?: {
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState;
-            inactive?: BasicInactiveState;
-        };
-    };
-    waterfall?: {
-        /** The maximum allowed pixel width for a column.
-         * This prevents the columns from becoming too wide when there is a small number of points in the chart.
-         *
-         * @default 50
-         */
-        barMaxWidth?: number;
-        /** Padding between each column or bar, in x axis units.
-         *
-         * @default 0.1
-         * */
-        barPadding?: number;
-        /** Options for the series states that provide additional styling information to the series. */
-        states?: {
-            hover?: BasicHoverState;
-            inactive?: BasicInactiveState;
-        };
-    };
-};
-export {};

package/build/types/widget-data/series.js

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

package/build/types/widget-data/split.d.ts

@@ -1,13 +0,0 @@
-import type { BaseTextStyle } from './base';
-export type SplitPlotOptions = {
-    title?: {
-        text: string;
-        style?: Partial<BaseTextStyle>;
-    };
-};
-export type ChartKitWidgetSplit = {
-    enable: boolean;
-    layout?: 'vertical';
-    gap?: string | number;
-    plots?: SplitPlotOptions[];
-};

package/build/types/widget-data/split.js

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

package/build/types/widget-data/title.d.ts

@@ -1,5 +0,0 @@
-import type { BaseTextStyle } from './base';
-export type ChartKitWidgetTitle = {
-    text: string;
-    style?: Partial<BaseTextStyle>;
-};

package/build/types/widget-data/title.js

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

package/build/types/widget-data/tooltip.d.ts

@@ -1,67 +0,0 @@
-/// <reference types="react" />
-import type { AreaSeries, AreaSeriesData } from './area';
-import type { BarXSeries, BarXSeriesData } from './bar-x';
-import type { BarYSeries, BarYSeriesData } from './bar-y';
-import type { LineSeries, LineSeriesData } from './line';
-import type { PieSeries, PieSeriesData } from './pie';
-import type { ScatterSeries, ScatterSeriesData } from './scatter';
-import type { TreemapSeries, TreemapSeriesData } from './treemap';
-import type { WaterfallSeries, WaterfallSeriesData } from './waterfall';
-export type TooltipDataChunkBarX<T = any> = {
-    data: BarXSeriesData<T>;
-    series: BarXSeries<T>;
-};
-export type TooltipDataChunkBarY<T = any> = {
-    data: BarYSeriesData<T>;
-    series: BarYSeries<T>;
-};
-export type TooltipDataChunkPie<T = any> = {
-    data: PieSeriesData<T>;
-    series: {
-        type: PieSeries['type'];
-        id: string;
-        name: string;
-    };
-};
-export type TooltipDataChunkScatter<T = any> = {
-    data: ScatterSeriesData<T>;
-    series: {
-        type: ScatterSeries['type'];
-        id: string;
-        name: string;
-    };
-};
-export type TooltipDataChunkLine<T = any> = {
-    data: LineSeriesData<T>;
-    series: {
-        type: LineSeries['type'];
-        id: string;
-        name: string;
-    };
-};
-export type TooltipDataChunkArea<T = any> = {
-    data: AreaSeriesData<T>;
-    series: {
-        type: AreaSeries['type'];
-        id: string;
-        name: string;
-    };
-};
-export type TooltipDataChunkTreemap<T = any> = {
-    data: TreemapSeriesData<T>;
-    series: TreemapSeries<T>;
-};
-export type TooltipDataChunkWaterfall<T = any> = {
-    data: WaterfallSeriesData<T>;
-    series: WaterfallSeries<T>;
-};
-export type TooltipDataChunk<T = any> = (TooltipDataChunkBarX<T> | TooltipDataChunkBarY<T> | TooltipDataChunkPie<T> | TooltipDataChunkScatter<T> | TooltipDataChunkLine<T> | TooltipDataChunkArea<T> | TooltipDataChunkTreemap<T> | TooltipDataChunkWaterfall<T>) & {
-    closest?: boolean;
-};
-export type ChartKitWidgetTooltip<T = any> = {
-    enabled?: boolean;
-    /** Specifies the renderer for the tooltip. If returned null default tooltip renderer will be used. */
-    renderer?: (args: {
-        hovered: TooltipDataChunk<T>[];
-    }) => React.ReactElement | null;
-};

package/build/types/widget-data/tooltip.js

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

package/build/types/widget-data/treemap.d.ts

@@ -1,45 +0,0 @@
-import { LayoutAlgorithm, SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-export type TreemapSeriesData<T = any> = BaseSeriesData<T> & {
-    /** The name of the node (used in legend, tooltip etc). */
-    name: string | string[];
-    /** The value of the node. All nodes should have this property except nodes that have children. */
-    value?: number;
-    /** An id for the node. Used to group children. */
-    id?: string;
-    /**
-     * Parent id. Used to build a tree structure. The value should be the id of the node which is the parent.
-     * If no nodes has a matching id, or this option is undefined, then the parent will be set to the root.
-     */
-    parentId?: string;
-};
-export type TreemapSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Treemap;
-    data: TreemapSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc). */
-    name: string;
-    /** The main color of the series (hex, rgba). */
-    color?: string;
-    /** Individual series legend options. Has higher priority than legend options in widget data. */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-    /** Set options on specific levels. Takes precedence over series options, but not point options. */
-    levels?: {
-        /** Decides which level takes effect from the options set in the levels object. */
-        index: number;
-        /** Can set the padding between all points which lies on the same level. */
-        padding?: number;
-        /** Can set a color on all points which lies on the same level. */
-        color?: string;
-    }[];
-    layoutAlgorithm?: `${LayoutAlgorithm}`;
-    /**
-     * Options for the series data labels, appearing next to each data point.
-     * */
-    dataLabels?: BaseSeries['dataLabels'] & {
-        /** Horizontal alignment of the data label inside the tile. */
-        align?: 'left' | 'center' | 'right';
-    };
-};

package/build/types/widget-data/treemap.js

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

package/build/types/widget-data/waterfall.d.ts

@@ -1,39 +0,0 @@
-import { SeriesType } from '../../constants';
-import type { BaseSeries, BaseSeriesData } from './base';
-import { ChartKitWidgetLegend, RectLegendSymbolOptions } from './legend';
-export type WaterfallSeriesData<T = any> = BaseSeriesData<T> & {
-    /**
-     * The `x` value. Depending on the context , it may represents:
-     * - numeric value (for `linear` x axis)
-     * - timestamp value (for `datetime` x axis)
-     * - x axis category value (for `category` x axis). If the type is a string, then it is a category value itself. If the type is a number, then it is the index of an element in the array of categories described in `xAxis.categories`
-     */
-    x?: string | number;
-    /**
-     * The `y` value. Depending on the context , it may represents:
-     * - numeric value (for `linear` y axis)
-     */
-    y?: number;
-    /** Data label value of the point. If not specified, the y value is used. */
-    label?: string | number;
-    /** Individual opacity for the point. */
-    opacity?: number;
-    /** When this property is true, the point display the total sum across the entire series. */
-    total?: boolean;
-};
-export type WaterfallSeries<T = any> = BaseSeries & {
-    type: typeof SeriesType.Waterfall;
-    data: WaterfallSeriesData<T>[];
-    /** The name of the series (used in legend, tooltip etc). */
-    name: string;
-    /** The main color of the series (hex, rgba). */
-    color?: string;
-    /** The color used for positive values. If it is not specified, the general color of the series is used. */
-    positiveColor?: string;
-    /** The color used for negative values. If it is not specified, the general color of the series is used. */
-    negativeColor?: string;
-    /** Individual series legend options. Has higher priority than legend options in widget data. */
-    legend?: ChartKitWidgetLegend & {
-        symbol?: RectLegendSymbolOptions;
-    };
-};

package/build/types/widget-data/waterfall.js

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