@gravity-ui/chartkit 3.0.0-beta.0 → 3.0.0-beta.10

package/build/types/index.d.ts

@@ -2,56 +2,56 @@ import React from 'react';
 import type { ChartKitWidget } from './widget';
 import { ChartKitError } from '../libs';
 export type { ChartKitHolidays } from './misc';
-export declare type ChartKitLang = 'ru' | 'en';
-export declare type ChartKitType = keyof ChartKitWidget;
-export declare type ChartKitRef = {
+export type ChartKitLang = 'ru' | 'en';
+export type ChartKitType = keyof ChartKitWidget;
+export type ChartKitRef = {
     reflow: (details?: unknown) => void;
 };
-export declare type ChartKitWidgetRef = {
+export type ChartKitWidgetRef = {
     reflow?: ChartKitRef['reflow'];
 };
-export declare type ChartKitOnLoadData<T extends ChartKitType> = {
+export type ChartKitOnLoadData<T extends ChartKitType> = {
     widget?: ChartKitWidget[T]['widget'];
     widgetRendering?: number;
 };
-export declare type ChartKitOnRenderData = {
+export type ChartKitOnRenderData = {
     renderTime?: number;
 };
-export declare type ChartKitOnChartLoad<T extends ChartKitType> = {
+export type ChartKitOnChartLoad<T extends ChartKitType> = {
     widget?: ChartKitWidget[T]['widget'] | null;
 };
-export declare type ChartKitOnError = (data: {
+export type ChartKitOnError = (data: {
     error: any;
 }) => void;
-export declare type ChartKitProps<T extends ChartKitType> = {
+export type ChartKitProps<T extends ChartKitType> = {
     type: T;
     data: ChartKitWidget[T]['data'];
+    /** Plugin component's react ref */
+    pluginRef?: ChartKitWidget[T]['pluginRef'];
     id?: string;
     isMobile?: boolean;
     onLoad?: (data?: ChartKitOnLoadData<T>) => void;
-    /**
-     * called on each render
-     * @param data
-     */
+    /** Fires on each chartkit plugin's component render */
     onRender?: (data: ChartKitOnRenderData) => void;
-    /**
-     * called on chart mount
-     * @param data
-     */
+    /** Fires on chartkit plugin's component mount */
     onChartLoad?: (data: ChartKitOnChartLoad<T>) => void;
-    renderError?: RenderError;
+    /** Fires in case of unhandled plugin's exception */
     onError?: ChartKitOnError;
+    /** Used to render user's error component */
+    renderError?: RenderError;
+    /** Used to render user's plugin loader component */
+    renderPluginLoader?: () => React.ReactNode;
 } & {
-    [key in keyof Omit<ChartKitWidget[T], 'data' | 'widget'>]: ChartKitWidget[T][key];
+    [key in keyof Omit<ChartKitWidget[T], 'data' | 'widget' | 'pluginRef'>]: ChartKitWidget[T][key];
 };
-export declare type ChartKitPlugin = {
+export type ChartKitPlugin = {
     type: ChartKitType;
     renderer: React.LazyExoticComponent<any>;
 };
-export declare type RenderErrorOpts = {
+export type RenderErrorOpts = {
     message: string;
     error: ChartKitError | Error;
     resetError: () => void;
 };
-export declare type RenderError = (opts: RenderErrorOpts) => React.ReactNode;
+export type RenderError = (opts: RenderErrorOpts) => React.ReactNode;
 export type { ChartKitWidget };

package/build/types/misc.d.ts

@@ -1,4 +1,4 @@
-export declare type ChartKitHolidays = {
+export type ChartKitHolidays = {
     holiday: Record<string, Record<string, string>>;
     weekend: Record<string, Record<string, string>>;
 };

package/build/types/widget.d.ts

@@ -1,19 +1,23 @@
-import type { Yagr, YagrWidgetData } from '../plugins/yagr/types';
+/// <reference types="react" />
+import type { Yagr, YagrReactRef, YagrWidgetData } from '../plugins/yagr/types';
 import type { IndicatorWidgetData } from '../plugins/indicator/types';
 import type { Highcharts, HighchartsWidgetData, StringParams } from '../plugins/highcharts/types';
 export interface ChartKitWidget {
     yagr: {
         data: YagrWidgetData;
         widget: Yagr;
+        pluginRef: React.MutableRefObject<YagrReactRef | null>;
     };
     indicator: {
         data: IndicatorWidgetData;
         widget: never;
+        pluginRef: never;
         formatNumber?: <T = any>(value: number, options?: T) => string;
     };
     highcharts: {
         data: HighchartsWidgetData;
         widget: Highcharts.Chart | null;
+        pluginRef: never;
         hoistConfigError?: boolean;
         nonBodyScroll?: boolean;
         splitTooltip?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.10",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",
@@ -13,7 +13,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@gravity-ui/yagr": "^3.1.0",
+    "@gravity-ui/date-utils": "^1.4.1",
+    "@gravity-ui/yagr": "^3.4.0",
     "bem-cn-lite": "^4.1.0",
     "highcharts": "^8.2.2",
     "highcharts-react-official": "^3.0.0",
@@ -21,16 +22,21 @@
     "react-split-pane": "^0.1.92"
   },
   "devDependencies": {
+    "@babel/preset-env": "^7.22.6",
+    "@babel/preset-react": "^7.22.5",
+    "@babel/preset-typescript": "^7.22.5",
     "@gravity-ui/eslint-config": "^1.0.2",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^4.2.0",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-knobs": "^6.4.0",
+    "@storybook/addon-essentials": "^7.0.26",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/cli": "^7.0.26",
     "@storybook/preset-scss": "^1.0.3",
-    "@storybook/react": "^6.5.9",
+    "@storybook/react": "^7.0.26",
+    "@storybook/react-webpack5": "^7.0.26",
     "@types/jest": "^28.1.3",
     "@types/lodash": "^4.14.177",
     "@types/node": "^18.0.0",
@@ -49,7 +55,6 @@
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^28.1.2",
     "lint-staged": "^10.2.7",
-    "moment": "^2.29.4",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.6.0",
     "react": "^17.0.2",
@@ -58,22 +63,22 @@
     "rimraf": "^3.0.2",
     "sass": "^1.56.2",
     "sass-loader": "^10.2.1",
+    "storybook": "^7.0.26",
     "style-loader": "^2.0.0",
     "stylelint": "^14.6.0",
     "ts-jest": "^28.0.5",
     "ts-node": "^10.2.1",
-    "typescript": "^4.2.3"
+    "typescript": "^4.9.5"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^4.0.0",
-    "moment": "^2.19.3",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "scripts": {
     "test": "jest",
     "test:watch": "jest --watchAll",
     "clean": "gulp clean",
-    "start": "cross-env TS_NODE_PROJECT=.storybook/tsconfig.json start-storybook -p 7007",
+    "start": "storybook dev -p 7007",
     "build": "gulp",
     "lint:js": "eslint --quiet --ext .js,.jsx,.ts,.tsx .",
     "lint:styles": "stylelint '{styles,src}/**/*.scss' --quiet",