@gravity-ui/chartkit 7.41.1 → 7.41.2

package/build/components/ChartKit.d.ts

@@ -4,22 +4,8 @@ import './ChartKit.css';
 type ChartKitComponentProps<T extends ChartKitType> = Omit<ChartKitProps<T>, 'onError'> & {
     instanceRef?: React.ForwardedRef<ChartKitRef | undefined>;
 };
-declare const ChartKitComponent: <T extends keyof import("../types").ChartKitWidget>(props: ChartKitComponentProps<T>) => React.JSX.Element;
-export declare const ChartKit: <T extends keyof import("../types").ChartKitWidget>(props: {
-    type: T;
-    data: import("../types").ChartKitWidget[T]["data"];
-    id?: string | undefined;
-    isMobile?: boolean | undefined;
-    onLoad?: ((data?: import("../types").ChartKitOnLoadData<T> | undefined) => void) | undefined;
-    onRender?: ((data: import("../types").ChartKitOnRenderData) => void) | undefined;
-    onChartLoad?: ((data: import("../types").ChartKitOnChartLoad<T>) => void) | undefined;
-    onError?: import("../types").ChartKitOnError | undefined;
-    renderError?: import("../types").RenderError | undefined;
-    renderPluginLoader?: import("../types").ChartKitRenderPluginLoader | undefined;
-    validation?: {
-        seriesCountLimit?: number | undefined;
-    } | undefined;
-} & { [key in keyof Omit<import("../types").ChartKitWidget[T], "data" | "widget">]: import("../types").ChartKitWidget[T][key]; } & {
-    ref?: React.ForwardedRef<ChartKitRef | undefined> | undefined;
+declare const ChartKitComponent: <T extends ChartKitType>(props: ChartKitComponentProps<T>) => React.JSX.Element;
+export declare const ChartKit: <T extends ChartKitType>(props: ChartKitProps<T> & {
+    ref?: React.ForwardedRef<ChartKitRef | undefined>;
 }) => ReturnType<typeof ChartKitComponent>;
 export {};

package/build/plugins/gravity-charts/renderer/GravityChartsWidget.d.ts

@@ -3,20 +3,20 @@ import type { ChartKitWidgetRef } from '../../../types';
 export declare const GravityChartsWidget: React.ForwardRefExoticComponent<{
     type: "gravity-charts";
     data: import("@gravity-ui/charts").ChartData<any>;
-    id?: string | undefined;
-    isMobile?: boolean | undefined;
-    onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"gravity-charts"> | undefined) => void) | undefined;
-    onRender?: ((data: import("../../../types").ChartKitOnRenderData) => void) | undefined;
-    onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"gravity-charts">) => void) | undefined;
-    onError?: import("../../../types").ChartKitOnError | undefined;
-    renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
+    id?: string;
+    isMobile?: boolean;
+    onLoad?: ((data?: import("../../..").ChartKitOnLoadData<"gravity-charts"> | undefined) => void) | undefined;
+    onRender?: (data: import("../../..").ChartKitOnRenderData) => void;
+    onChartLoad?: ((data: import("../../..").ChartKitOnChartLoad<"gravity-charts">) => void) | undefined;
+    onError?: import("../../..").ChartKitOnError;
+    renderError?: import("../../../types").RenderError;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader;
     validation?: {
-        seriesCountLimit?: number | undefined;
-    } | undefined;
+        seriesCountLimit?: number;
+    };
 } & {
     tooltip?: {
-        splitted?: boolean | undefined;
+        splitted?: boolean;
     } | undefined;
 } & React.RefAttributes<ChartKitWidgetRef | undefined>>;
 export default GravityChartsWidget;

package/build/plugins/highcharts/renderer/HighchartsWidget.d.ts

@@ -3,17 +3,17 @@ import type { ChartKitWidgetRef } from '../../../types';
 declare const HighchartsWidget: React.ForwardRefExoticComponent<{
     type: "highcharts";
     data: import("..").HighchartsWidgetData;
-    id?: string | undefined;
-    isMobile?: boolean | undefined;
-    onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"highcharts"> | undefined) => void) | undefined;
-    onRender?: ((data: import("../../../types").ChartKitOnRenderData) => void) | undefined;
-    onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"highcharts">) => void) | undefined;
-    onError?: import("../../../types").ChartKitOnError | undefined;
-    renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
+    id?: string;
+    isMobile?: boolean;
+    onLoad?: ((data?: import("../../..").ChartKitOnLoadData<"highcharts"> | undefined) => void) | undefined;
+    onRender?: (data: import("../../..").ChartKitOnRenderData) => void;
+    onChartLoad?: ((data: import("../../..").ChartKitOnChartLoad<"highcharts">) => void) | undefined;
+    onError?: import("../../..").ChartKitOnError;
+    renderError?: import("../../../types").RenderError;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader;
     validation?: {
-        seriesCountLimit?: number | undefined;
-    } | undefined;
+        seriesCountLimit?: number;
+    };
 } & {
     hoistConfigError?: boolean | undefined;
     nonBodyScroll?: boolean | undefined;
@@ -27,6 +27,6 @@ declare const HighchartsWidget: React.ForwardRefExoticComponent<{
         };
     }, state: {
         forceUpdate: boolean;
-    }, callExternalOnChange?: boolean | undefined) => void) | undefined;
+    }, callExternalOnChange?: boolean) => void) | undefined;
 } & React.RefAttributes<ChartKitWidgetRef | undefined>>;
 export default HighchartsWidget;

package/build/plugins/highcharts/renderer/components/HighchartsComponent.d.ts

@@ -551,10 +551,10 @@ export declare class HighchartsComponent extends React.PureComponent<Props, Stat
                 text: any;
             };
             series: any;
-            _externalComments: import("../../types").HighchartsComment[];
-            _internalComments: import("../../types").HighchartsComment[];
+            _externalComments: import("../..").HighchartsComment[];
+            _internalComments: import("../..").HighchartsComment[];
         };
-        callback: (chart: import("../../types").ExtendedHChart) => void;
+        callback: (chart: import("../..").ExtendedHChart) => void;
         isError: boolean;
     } | {
         isError: boolean;

package/build/plugins/highcharts/renderer/components/withSplitPane/withSplitPane.d.ts

@@ -6,13 +6,13 @@ declare enum PaneSplits {
     HORIZONTAL = "horizontal"
 }
 export declare const withSplitPane: <ComposedComponentProps extends {}>(ComposedComponent: React.ComponentType<ComposedComponentProps>) => React.ForwardRefExoticComponent<React.PropsWithoutRef<ComposedComponentProps & {
-    onPaneChange?: (() => void) | undefined;
-    onSplitPaneMountCallback?: ((chart: Highcharts.Chart) => void) | undefined;
-    paneSplitOrientation?: PaneSplits | undefined;
-    onSplitPaneOrientationChange?: ((orientation?: PaneSplits) => void) | undefined;
+    onPaneChange?: () => void;
+    onSplitPaneMountCallback?: (chart: Highcharts.Chart) => void;
+    paneSplitOrientation?: PaneSplits;
+    onSplitPaneOrientationChange?: (orientation?: PaneSplits) => void;
 } & {
     current: any;
     forwardedRef: React.Ref<ComposedComponentProps>;
-    callback?: Highcharts.ChartCallbackFunction | undefined;
+    callback?: Highcharts.ChartCallbackFunction;
 }> & React.RefAttributes<ComposedComponentProps>>;
 export {};

package/build/plugins/highcharts/renderer/helpers/config/config.d.ts

@@ -579,3 +579,4 @@ export function prepareConfig(data: any, options: any, isMobile: any, holidays:
 export const chartTypesWithoutCrosshair: string[];
 export const chartTypesWithoutYCrosshair: string[];
 export const chartTypesWithNativeTooltip: string[];
+import Highcharts from 'highcharts';

package/build/plugins/highcharts/renderer/helpers/config/utils/addShowInNavigatorToSeries.js

@@ -25,7 +25,7 @@ export const addShowInNavigatorToSeries = ({ linesMode, graphs, baseSeriesName,
             });
             const xMinValue = getXAxisThresholdValue(graphs, 'min');
             const xMaxValue = getXAxisThresholdValue(graphs, 'max');
-            const navigatorParams = Object.assign({}, params.navigator) || {};
+            const navigatorParams = Object.assign({}, params.navigator);
             if (navigatorParams.xAxis) {
                 navigatorParams.xAxis.min = xMinValue;
                 navigatorParams.xAxis.max = xMaxValue;

package/build/plugins/highcharts/renderer/helpers/config/utils/getXAxisThresholdValue.d.ts

@@ -1 +1 @@
-export declare const getXAxisThresholdValue: (graphs: Record<string, any>[], operation: 'min' | 'max') => number | null;
+export declare const getXAxisThresholdValue: (graphs: Record<string, any>[], operation: "min" | "max") => number | null;

package/build/plugins/highcharts/renderer/helpers/config/utils/index.d.ts

@@ -12,7 +12,7 @@ export { isSafari } from './isSafari';
 export { mergeArrayWithObject } from './mergeArrayWithObject';
 export { numberFormat } from './numberFormat';
 export { setNavigatorDefaultPeriod } from './setNavigatorDefaultPeriod';
-export declare const getSortedData: <T extends Record<string, any>>(data: T[], sort?: HighchartsSortData) => (number | T | (() => IterableIterator<T>) | {
+export declare const getSortedData: <T extends Record<string, any>>(data: T[], sort?: HighchartsSortData) => (number | T | (() => ArrayIterator<T>) | {
     [x: number]: boolean | undefined;
     length?: boolean | undefined;
     toString?: boolean | undefined;
@@ -49,27 +49,30 @@ export declare const getSortedData: <T extends Record<string, any>>(data: T[], s
     [Symbol.iterator]?: boolean | undefined;
     readonly [Symbol.unscopables]?: boolean | undefined;
     at?: boolean | undefined;
-} | ((start?: number | undefined, end?: number | undefined) => T[]) | (() => string) | (() => string) | (() => T | undefined) | ((...items: T[]) => number) | {
+} | ((start?: number, end?: number) => T[]) | (() => string) | {
+    (): string;
+    (locales: string | string[], options?: Intl.NumberFormatOptions & Intl.DateTimeFormatOptions): string;
+} | (() => T | undefined) | ((...items: T[]) => number) | {
     (...items: ConcatArray<T>[]): T[];
     (...items: (T | ConcatArray<T>)[]): T[];
-} | ((separator?: string | undefined) => string) | (() => T[]) | (() => T | undefined) | ((compareFn?: ((a: T, b: T) => number) | undefined) => T[]) | {
-    (start: number, deleteCount?: number | undefined): T[];
+} | ((separator?: string) => string) | (() => T[]) | (() => T | undefined) | ((compareFn?: ((a: T, b: T) => number) | undefined) => T[]) | {
+    (start: number, deleteCount?: number): T[];
     (start: number, deleteCount: number, ...items: T[]): T[];
-} | ((...items: T[]) => number) | ((searchElement: T, fromIndex?: number | undefined) => number) | ((searchElement: T, fromIndex?: number | undefined) => number) | {
+} | ((...items: T[]) => number) | ((searchElement: T, fromIndex?: number) => number) | ((searchElement: T, fromIndex?: number) => number) | {
     <S extends T>(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): this is S[];
     (predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): boolean;
 } | ((predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any) => boolean) | ((callbackfn: (value: T, index: number, array: T[]) => void, thisArg?: any) => void) | (<U>(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any) => U[]) | {
-    <S_1 extends T>(predicate: (value: T, index: number, array: T[]) => value is S_1, thisArg?: any): S_1[];
+    <S extends T>(predicate: (value: T, index: number, array: T[]) => value is S, thisArg?: any): S[];
     (predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any): T[];
 } | {
     (callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;
     (callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;
-    <U_1>(callbackfn: (previousValue: U_1, currentValue: T, currentIndex: number, array: T[]) => U_1, initialValue: U_1): U_1;
+    <U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;
 } | {
     (callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T): T;
     (callbackfn: (previousValue: T, currentValue: T, currentIndex: number, array: T[]) => T, initialValue: T): T;
-    <U_2>(callbackfn: (previousValue: U_2, currentValue: T, currentIndex: number, array: T[]) => U_2, initialValue: U_2): U_2;
+    <U>(callbackfn: (previousValue: U, currentValue: T, currentIndex: number, array: T[]) => U, initialValue: U): U;
 } | {
-    <S_2 extends T>(predicate: (value: T, index: number, obj: T[]) => value is S_2, thisArg?: any): S_2 | undefined;
+    <S extends T>(predicate: (value: T, index: number, obj: T[]) => value is S, thisArg?: any): S | undefined;
     (predicate: (value: T, index: number, obj: T[]) => unknown, thisArg?: any): T | undefined;
-} | ((predicate: (value: T, index: number, obj: T[]) => unknown, thisArg?: any) => number) | ((value: T, start?: number | undefined, end?: number | undefined) => T[]) | ((target: number, start: number, end?: number | undefined) => T[]) | (() => IterableIterator<[number, T]>) | (() => IterableIterator<number>) | (() => IterableIterator<T>) | ((searchElement: T, fromIndex?: number | undefined) => boolean) | (<U_3, This = undefined>(callback: (this: This, value: T, index: number, array: T[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | ((index: number) => T | undefined))[];
+} | ((predicate: (value: T, index: number, obj: T[]) => unknown, thisArg?: any) => number) | ((value: T, start?: number, end?: number) => T[]) | ((target: number, start: number, end?: number) => T[]) | (() => ArrayIterator<[number, T]>) | (() => ArrayIterator<number>) | (() => ArrayIterator<T>) | ((searchElement: T, fromIndex?: number) => boolean) | (<U, This = undefined>(callback: (this: This, value: T, index: number, array: T[]) => U | readonly U[], thisArg?: This | undefined) => U[]) | (<A, D extends number = 1>(this: A, depth?: D | undefined) => FlatArray<A, D>[]) | ((index: number) => T | undefined))[];

package/build/plugins/highcharts/renderer/helpers/config/utils/localStorage.js

@@ -7,7 +7,7 @@ class LocalStorage {
             }
             return JSON.parse(data);
         }
-        catch (err) {
+        catch (_err) {
             return null;
         }
     }

package/build/plugins/highcharts/renderer/helpers/config/utils/tooltip.d.ts

@@ -1,7 +1,7 @@
 import { HighchartsWidgetData } from '../../../../types';
 export declare const isTooltipShared: (chartType: string) => boolean;
 export declare const checkTooltipPinningAvailability: (args?: {
-    tooltip?: HighchartsWidgetData['config']['tooltip'];
+    tooltip?: HighchartsWidgetData["config"]["tooltip"];
     altKey?: boolean;
     metaKey?: boolean;
 }) => boolean;

package/build/plugins/highcharts/renderer/helpers/tooltip/render-shape-icon/utils.d.ts

@@ -1,6 +1,6 @@
 export declare const getParsedRect: ({ width, height }: {
-    width?: string | undefined;
-    height?: string | undefined;
+    width?: string;
+    height?: string;
 }) => {
     parsedWidth: number | undefined;
     parsedHeight: number | undefined;

package/build/plugins/indicator/renderer/IndicatorItem.d.ts

@@ -3,5 +3,5 @@ import type { ChartKitProps } from '../../../types';
 import type { IndicatorWidgetDataItem } from '../types';
 export declare const IndicatorItem: (props: IndicatorWidgetDataItem & {
     defaultColor?: string;
-    formatNumber?: ChartKitProps<'indicator'>['formatNumber'];
+    formatNumber?: ChartKitProps<"indicator">["formatNumber"];
 }) => React.JSX.Element;

package/build/plugins/indicator/renderer/IndicatorWidget.d.ts

@@ -4,18 +4,18 @@ import './IndicatorWidget.css';
 declare const IndicatorWidget: React.ForwardRefExoticComponent<{
     type: "indicator";
     data: import("..").IndicatorWidgetData;
-    id?: string | undefined;
-    isMobile?: boolean | undefined;
-    onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"indicator"> | undefined) => void) | undefined;
-    onRender?: ((data: import("../../../types").ChartKitOnRenderData) => void) | undefined;
-    onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"indicator">) => void) | undefined;
-    onError?: import("../../../types").ChartKitOnError | undefined;
-    renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
+    id?: string;
+    isMobile?: boolean;
+    onLoad?: ((data?: import("../../..").ChartKitOnLoadData<"indicator"> | undefined) => void) | undefined;
+    onRender?: (data: import("../../..").ChartKitOnRenderData) => void;
+    onChartLoad?: ((data: import("../../..").ChartKitOnChartLoad<"indicator">) => void) | undefined;
+    onError?: import("../../..").ChartKitOnError;
+    renderError?: import("../../../types").RenderError;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader;
     validation?: {
-        seriesCountLimit?: number | undefined;
-    } | undefined;
+        seriesCountLimit?: number;
+    };
 } & {
-    formatNumber?: (<T = any>(value: number, options?: T | undefined) => string) | undefined;
+    formatNumber?: (<T = any>(value: number, options?: T) => string) | undefined;
 } & React.RefAttributes<ChartKitWidgetRef | undefined>>;
 export default IndicatorWidget;

package/build/plugins/yagr/renderer/YagrWidget.d.ts

@@ -5,20 +5,20 @@ import '@gravity-ui/yagr/dist/index.css';
 import './YagrWidget.css';
 declare const YagrWidget: React.ForwardRefExoticComponent<{
     type: "yagr";
-    data: import("../types").YagrWidgetData;
-    id?: string | undefined;
-    isMobile?: boolean | undefined;
-    onLoad?: ((data?: import("../../../types").ChartKitOnLoadData<"yagr"> | undefined) => void) | undefined;
-    onRender?: ((data: import("../../../types").ChartKitOnRenderData) => void) | undefined;
-    onChartLoad?: ((data: import("../../../types").ChartKitOnChartLoad<"yagr">) => void) | undefined;
-    onError?: import("../../../types").ChartKitOnError | undefined;
-    renderError?: import("../../../types").RenderError | undefined;
-    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader | undefined;
+    data: import("..").YagrWidgetData;
+    id?: string;
+    isMobile?: boolean;
+    onLoad?: ((data?: import("../../..").ChartKitOnLoadData<"yagr"> | undefined) => void) | undefined;
+    onRender?: (data: import("../../..").ChartKitOnRenderData) => void;
+    onChartLoad?: ((data: import("../../..").ChartKitOnChartLoad<"yagr">) => void) | undefined;
+    onError?: import("../../..").ChartKitOnError;
+    renderError?: import("../../../types").RenderError;
+    renderPluginLoader?: import("../../../types").ChartKitRenderPluginLoader;
     validation?: {
-        seriesCountLimit?: number | undefined;
-    } | undefined;
+        seriesCountLimit?: number;
+    };
 } & {
-    tooltip?: (<T extends import("../types").CustomTooltipProps = import("../types").CustomTooltipProps>(props: T) => React.ReactNode) | undefined;
+    tooltip?: (<T extends import("..").CustomTooltipProps = import("..").CustomTooltipProps>(props: T) => React.ReactNode) | undefined;
 } & {
     id: string;
 } & React.RefAttributes<ChartKitWidgetRef | undefined>>;

package/build/plugins/yagr/renderer/polyfills.js

@@ -1,8 +1,6 @@
 "use strict";
 /* @see https://github.com/leeoniya/uPlot/issues/538#issuecomment-870711531 */
-// eslint-disable-next-line
 const oMatchMedia = window.matchMedia;
-// eslint-disable-next-line
 window.matchMedia = (query) => {
     const mql = oMatchMedia(query);
     if (!mql.addEventListener) {

package/build/plugins/yagr/renderer/tooltip/renderTooltip.d.ts

@@ -1,2 +1,2 @@
 import type { TooltipRenderOptions, YagrWidgetData } from '../../types';
-export declare const getRenderTooltip: (userData: YagrWidgetData['data']) => (data: TooltipRenderOptions) => string;
+export declare const getRenderTooltip: (userData: YagrWidgetData["data"]) => (data: TooltipRenderOptions) => string;

package/build/plugins/yagr/renderer/useWidgetData.d.ts

@@ -2,5 +2,5 @@ import type { YagrChartProps } from '@gravity-ui/yagr/react';
 import type { MinimalValidConfig, YagrWidgetProps } from '../types';
 export declare const useWidgetData: (props: YagrWidgetProps, id: string) => {
     config: MinimalValidConfig;
-    debug: YagrChartProps['debug'];
+    debug: YagrChartProps["debug"];
 };

package/build/plugins/yagr/renderer/utils.d.ts

@@ -16,7 +16,7 @@ export declare const detectClickOutside: (args: {
         pin: (state: boolean) => void;
         hide: () => void;
     };
-    yagr?: Yagr<MinimalValidConfig> | undefined;
+    yagr?: Yagr;
 }) => (event: MouseEvent) => void;
 /**
  * This function needs to align timezone that uplot is processing.

package/build/types/widget.d.ts

@@ -1,4 +1,3 @@
-/// <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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "7.41.1",
+  "version": "7.41.2",
   "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": "^1.38.3",
+    "@gravity-ui/charts": "^1.38.4",
     "@gravity-ui/date-utils": "^2.1.0",
     "@gravity-ui/i18n": "^1.0.0",
     "@gravity-ui/yagr": "^4.11.0",
@@ -56,23 +56,16 @@
     "tslib": "^2.6.2"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.22.6",
-    "@babel/preset-react": "^7.22.5",
-    "@babel/preset-typescript": "^7.22.5",
-    "@gravity-ui/eslint-config": "^3.1.1",
+    "@gravity-ui/eslint-config": "^4.2.1",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^7.4.0",
     "@jest/types": "^29.6.3",
     "@playwright/experimental-ct-react17": "^1.41.1",
-    "@storybook/addon-actions": "^7.6.14",
-    "@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": "^7.0.26",
-    "@storybook/react-webpack5": "^7.0.26",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/react": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
     "@types/d3": "^7.4.0",
     "@types/d3-selection": "^3.0.10",
     "@types/jest": "^28.1.3",
@@ -80,11 +73,12 @@
     "@types/node": "^18.0.0",
     "@types/react": "^17.0.48",
     "@types/react-dom": "^17.0.17",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^5.2.7",
     "d3": "^7.9.0",
-    "eslint": "^8.56.0",
+    "esbuild": "^0.25.0",
+    "eslint": "^9.39.4",
+    "eslint-plugin-storybook": "^10.2.16",
+    "globals": "^17.4.0",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-dart-sass": "^1.0.2",
@@ -98,17 +92,15 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.2.5",
     "react": "^17.0.2",
-    "react-docgen-typescript": "^2.2.2",
     "react-dom": "^17.0.2",
     "rimraf": "^5.0.5",
     "sass": "^1.56.2",
-    "sass-loader": "^10.2.1",
-    "storybook": "^7.0.26",
-    "style-loader": "^2.0.0",
+    "storybook": "^10.2.0",
     "stylelint": "^15.11.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^10.2.1",
-    "typescript": "^5.3.3"
+    "typescript": "^5.8.3",
+    "vite": "^6.0.0"
   },
   "peerDependencies": {
     "@gravity-ui/uikit": "^7.0.0",
@@ -120,8 +112,8 @@
     "clean": "gulp clean",
     "start": "storybook dev -p 7007",
     "build": "gulp",
-    "lint:js": "eslint --ext .js,.jsx,.ts,.tsx .",
-    "lint:js:fix": "npm run lint:js -- --fix",
+    "lint:js": "eslint .",
+    "lint:js:fix": "eslint . --fix",
     "lint:styles": "cross-env stylelint '{styles,src}/**/*.scss'",
     "lint:styles:fix": "cross-env npm run lint:styles -- --fix",
     "lint:prettier": "cross-env prettier --check '**/*.md'",
@@ -129,6 +121,7 @@
     "lint": "run-p lint:*",
     "typecheck": "tsc --noEmit",
     "prepublishOnly": "npm run build",
+    "build-storybook": "storybook build -o storybook-static",
     "test:playwright": "playwright test -c tests/playwright.config.ts"
   },
   "husky": {