@gravity-ui/chartkit 3.1.2 → 3.2.0-beta.1

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

@@ -0,0 +1,10 @@
+export * from './axis';
+export * from './base';
+export * from './chart';
+export * from './legend';
+export * from './pie';
+export * from './scatter';
+export * from './bar';
+export * from './series';
+export * from './title';
+export * from './tooltip';

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

@@ -0,0 +1,3 @@
+export type ChartKitWidgetLegend = {
+    enabled?: boolean;
+};

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

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

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

@@ -0,0 +1,10 @@
+import type { BaseSeries, BaseSeriesData } from './base';
+export type PieSeriesData<T = any> = BaseSeriesData<T> & {
+    value: number;
+    color: string;
+    name: string;
+};
+export type PieSeries<T = any> = BaseSeries & {
+    type: 'pie';
+    data: PieSeriesData<T>[];
+};

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

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

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

@@ -0,0 +1,20 @@
+import type { BaseSeries, BaseSeriesData } from './base';
+export type ScatterSeriesData<T = any> = BaseSeriesData<T> & {
+    /** The x value of the point */
+    x?: number;
+    /** The y value of the point */
+    y?: number;
+    /** Corresponding value of axis category */
+    category?: string;
+    radius?: number;
+};
+export type ScatterSeries<T = any> = BaseSeries & {
+    type: 'scatter';
+    data: ScatterSeriesData<T>[];
+    /** The name of the series (used in legend) */
+    name: string;
+    /** The main color of the series (hex, rgba) */
+    color?: string;
+    /** A predefined shape or symbol for the dot */
+    symbol?: string;
+};

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

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

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

@@ -0,0 +1,18 @@
+import type { PieSeries, PieSeriesData } from './pie';
+import type { ScatterSeries, ScatterSeriesData } from './scatter';
+import type { BarSeries, BarSeriesData } from './bar';
+import React from 'react';
+export type ChartKitWidgetSeries<T = any> = ScatterSeries<T> | PieSeries<T> | BarSeries<T>;
+export type ChartKitWidgetSeriesData<T = any> = ScatterSeriesData<T> | PieSeriesData<T> | BarSeriesData<T>;
+export type DataLabelRendererData<T = any> = {
+    data: ChartKitWidgetSeriesData<T>;
+};
+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>;
+    };
+};

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { ChartKitWidgetSeries, ChartKitWidgetSeriesData } from './series';
+export type TooltipHoveredData<T = any> = {
+    data: ChartKitWidgetSeriesData<T>;
+    series: ChartKitWidgetSeries;
+};
+export type ChartKitWidgetTooltip<T = any> = {
+    enabled?: boolean;
+    renderer?: (data: {
+        hovered: TooltipHoveredData<T>;
+    }) => React.ReactElement;
+};

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

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

package/build/types/widget.d.ts

@@ -2,6 +2,7 @@
 import type { CustomTooltipProps, Yagr, YagrWidgetData } from '../plugins/yagr/types';
 import type { IndicatorWidgetData } from '../plugins/indicator/types';
 import type { Highcharts, HighchartsWidgetData, StringParams } from '../plugins/highcharts/types';
+import type { ChartKitWidgetData } from './widget-data';
 export interface ChartKitWidget {
     yagr: {
         data: YagrWidgetData;
@@ -28,4 +29,8 @@ export interface ChartKitWidget {
             forceUpdate: boolean;
         }, callExternalOnChange?: boolean) => void;
     };
+    d3: {
+        data: ChartKitWidgetData;
+        widget: never;
+    };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "3.1.2",
+  "version": "3.2.0-beta.1",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -12,10 +12,14 @@
   "publishConfig": {
     "access": "public"
   },
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
     "@gravity-ui/date-utils": "^1.4.1",
-    "@gravity-ui/yagr": "^3.7.6",
+    "@gravity-ui/yagr": "^3.7.8",
     "bem-cn-lite": "^4.1.0",
+    "d3": "^7.8.5",
     "lodash": "^4.17.21",
     "react-split-pane": "^0.1.92"
   },
@@ -35,6 +39,7 @@
     "@storybook/preset-scss": "^1.0.3",
     "@storybook/react": "^7.0.26",
     "@storybook/react-webpack5": "^7.0.26",
+    "@types/d3": "^7.4.0",
     "@types/jest": "^28.1.3",
     "@types/lodash": "^4.14.177",
     "@types/node": "^18.0.0",