@alfalab/core-components-chart 3.1.0 → 3.1.1

package/modern/components/RectBar.js

@@ -5,17 +5,13 @@ import { usePathBar } from '../hooks/usePathBar/index.js';
 // eslint-disable-next-line complexity
 const getPath = (x, width, height, initHeight, topRadius, bottomRadius, initY) => `
         M${x + ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight || 0}
-        Q${x} ${initY + initHeight} ${x} ${initY +
-    initHeight -
-    ((height !== 0 && bottomRadius) || 0)}
+        Q${x} ${initY + initHeight} ${x} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}
         L${x} ${initY + ((height !== 0 && topRadius) || 0)}
         Q${x} ${initY} ${x + ((height !== 0 && topRadius) || 0)} ${initY}
         L${x + width - ((height !== 0 && topRadius) || 0)} ${initY}
         Q${x + width} ${initY} ${x + width} ${initY + (topRadius || 0)}
         L${x + width} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}
-        Q${x + width} ${initY + initHeight} ${x +
-    width -
-    ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight}
+        Q${x + width} ${initY + initHeight} ${x + width - ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight}
         Z
     `;
 const RectBar = ({ fill, x, y, width, height, radius, background }) => {
@@ -25,8 +21,7 @@ const RectBar = ({ fill, x, y, width, height, radius, background }) => {
         background,
         y,
     });
-    const path = useMemo(() => (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })), [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
-    return React.createElement(React.Fragment, null, path);
+    return useMemo(() => (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })), [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
 };
 
 export { RectBar };

package/modern/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: xjd99 */
+/* hash: 874re */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_ey3tb {
+.chart__tickText_1ftma {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_ey3tb {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_ey3tb {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/modern/components/Tick/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"tickText":"chart__tickText_ey3tb","circle":"chart__circle_ey3tb"};
+var styles = {"tickText":"chart__tickText_1ftma","circle":"chart__circle_1ftma"};
 require('./index.css')
 
 const Tick = ({ y, payload, tickFormatter, xAxis }) => {

package/modern/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: fcic0 */
+/* hash: 14oqt */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_47jo6 {
+.chart__tooltip_14g20 {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -28,17 +28,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_47jo6 {
+.chart__tooltipList_14g20 {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_47jo6 {
+.chart__tooltipItem_14g20 {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_47jo6 {
+.chart__tooltipArrow_14g20 {
     position: absolute;
     left: 0;
     top: 50%;
@@ -48,7 +48,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_47jo6:before {
+.chart__tooltipArrow_14g20:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -59,7 +59,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_47jo6 {
+.chart__tooltipArrowRight_14g20 {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/modern/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '@alfalab/core-components-typography/modern';
 
-var styles = {"tooltip":"chart__tooltip_47jo6","tooltipList":"chart__tooltipList_47jo6","tooltipItem":"chart__tooltipItem_47jo6","tooltipArrow":"chart__tooltipArrow_47jo6","tooltipArrowRight":"chart__tooltipArrowRight_47jo6"};
+var styles = {"tooltip":"chart__tooltip_14g20","tooltipList":"chart__tooltipList_14g20","tooltipItem":"chart__tooltipItem_14g20","tooltipArrow":"chart__tooltipArrow_14g20","tooltipArrowRight":"chart__tooltipArrowRight_14g20"};
 require('./index.css')
 
 const TooltipContent = ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }) => {

package/modern/hooks/useSettings/index.d.ts

@@ -1,16 +1,19 @@
 import { Dispatch, SetStateAction } from 'react';
 import { OptionsProps } from "../../types/options.types";
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../types/utils/data.types";
-type Settings = [{
-    state: OptionsProps | null;
-    data: DataDynamicProps[];
-    charts: DataDynamicBooleanProps;
-    filterCount: number;
-}, {
-    setState: Dispatch<SetStateAction<OptionsProps | null>>;
-    setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
-    setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
-    setFilterCount: Dispatch<SetStateAction<number>>;
-}];
+type Settings = [
+    {
+        state: OptionsProps | null;
+        data: DataDynamicProps[];
+        charts: DataDynamicBooleanProps;
+        filterCount: number;
+    },
+    {
+        setState: Dispatch<SetStateAction<OptionsProps | null>>;
+        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;
+        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;
+        setFilterCount: Dispatch<SetStateAction<number>>;
+    }
+];
 declare const useSettings: (options: OptionsProps) => Settings;
 export { useSettings };

package/modern/hooks/useSettings/utils/setComposedChartsMargin.d.ts

@@ -1,7 +1,7 @@
-import { XAxisProps } from "../../../types/xAxis.types";
 import { BrushProps } from "../../../types/brush.types";
-import { LegendProps } from "../../../types/legend.types";
 import { ComposedChartProps } from "../../../types/composedChart.types";
+import { LegendProps } from "../../../types/legend.types";
+import { XAxisProps } from "../../../types/xAxis.types";
 type ComposedChartsMarginResultProps = {
     top: number;
     bottom: number;

package/modern/hooks/useSettings/utils/setComposedChartsMargin.js

@@ -1,14 +1,12 @@
-const setComposedChartsMargin = (composeChart, legend, brush, xAxis) => {
-    return {
-        top: (composeChart?.initMargin?.top || 0) +
-            (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),
-        bottom: (composeChart?.initMargin?.bottom || 0) +
-            (xAxis?.tickMargin || 0) +
-            (brush?.brushMargin || 0) +
-            (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),
-        left: composeChart?.initMargin?.left || 0,
-        right: composeChart?.initMargin?.right || 0,
-    };
-};
+const setComposedChartsMargin = (composeChart, legend, brush, xAxis) => ({
+    top: (composeChart?.initMargin?.top || 0) +
+        (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),
+    bottom: (composeChart?.initMargin?.bottom || 0) +
+        (xAxis?.tickMargin || 0) +
+        (brush?.brushMargin || 0) +
+        (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),
+    left: composeChart?.initMargin?.left || 0,
+    right: composeChart?.initMargin?.right || 0,
+});
 
 export { setComposedChartsMargin };

package/modern/hooks/useSettings/utils/setDatas.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 import { SeriaProps } from "../../../types/seria.types";
+import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: Array<string | number>) => DatasResultProps;
 export { setDatas };

package/modern/hooks/useSettings/utils/setLegendMargin.d.ts

@@ -1,4 +1,4 @@
-import { LegendProps } from "../../../types/legend.types";
 import { BrushProps } from "../../../types/brush.types";
+import { LegendProps } from "../../../types/legend.types";
 declare const setLegendMargin: (brush: BrushProps, legend: LegendProps) => number;
 export { setLegendMargin };

package/modern/hooks/useSettings/utils/sortByIndex.js

@@ -1,10 +1,8 @@
-const sortByIndex = (series) => {
-    return series.sort((a, b) => {
-        if (a?.zIndex && b?.zIndex && a?.zIndex > b?.zIndex) {
-            return 1;
-        }
-        return -1;
-    });
-};
+const sortByIndex = (series) => series.sort((a, b) => {
+    if (a?.zIndex && b?.zIndex && a?.zIndex > b?.zIndex) {
+        return 1;
+    }
+    return -1;
+});
 
 export { sortByIndex };

package/modern/icons/Circle.js

@@ -1,8 +1,6 @@
 import React from 'react';
 
-const CircleIcon = ({ fill = '#FF5C5C', height = 16 }) => {
-    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
-        React.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
-};
+const CircleIcon = ({ fill = '#FF5C5C', height = 16 }) => (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 16 16', fill: 'none' },
+    React.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
 
 export { CircleIcon };

package/modern/icons/CircleLine.d.ts

@@ -4,5 +4,5 @@ type Props = {
     fill?: string;
     height?: number;
 };
-declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement;
 export { CircleLineIcon };

package/modern/icons/CircleLine.js

@@ -1,9 +1,7 @@
 import React from 'react';
 
-const CircleLineIcon = ({ fill = '#FF5C5C', height = 16 }) => {
-    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
-        React.createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
-        React.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
-};
+const CircleLineIcon = ({ fill = '#FF5C5C', height = 16 }) => (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 12', fill: 'none' },
+    React.createElement("circle", { cx: '11', cy: '6', r: '6', fill: fill }),
+    React.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
 
 export { CircleLineIcon };

package/modern/icons/FilledCircle.js

@@ -1,12 +1,10 @@
 import React from 'react';
 
-const FilledCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => {
-    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
-        React.createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
-        React.createElement("defs", null,
-            React.createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
-                React.createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
-                React.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
-};
+const FilledCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+    React.createElement("circle", { cx: '11', cy: '11', r: '10', fill: 'url(#paint0_linear)', stroke: fill, strokeWidth: '2' }),
+    React.createElement("defs", null,
+        React.createElement("linearGradient", { id: 'paint0_linear', x1: '11', y1: '1', x2: '11', y2: '21', gradientUnits: 'userSpaceOnUse' },
+            React.createElement("stop", { stopColor: fill, stopOpacity: '0.2' }),
+            React.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
 
 export { FilledCircleIcon };

package/modern/icons/StrokeCircle.js

@@ -1,8 +1,6 @@
 import React from 'react';
 
-const StrokeCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => {
-    return (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
-        React.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
-};
+const StrokeCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => (React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', height: height, viewBox: '0 0 22 22', fill: 'none' },
+    React.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
 
 export { StrokeCircleIcon };

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: eq4rl */
+/* hash: w6rzj */
 :root {
     --color-light-text-primary: #0b1f35;
 }
@@ -10,17 +10,17 @@
 
     /* Hard up */
 }
-.chart__coreChart_1xrvo .recharts-line path {
+.chart__coreChart_1gg5z .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_1xrvo .recharts-text tspan {
+.chart__coreChart_1gg5z .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_1xrvo {
+.chart__bar_1gg5z {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_1xrvo {
+.chart__unfocused_1gg5z {
     opacity: 0.3;
 }

package/modern/index.js

@@ -1,25 +1,25 @@
 import 'react';
 import 'classnames';
 import 'recharts';
-export { Chart } from './Component.js';
-import './components/LinearGradient.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './hooks/usePathBar/index.js';
+import './components/CustomizedLabel.js';
+import './icons/Point.js';
+import './components/Dot/index.js';
 import '@alfalab/core-components-typography/modern';
 import './icons/Circle.js';
 import './icons/CircleLine.js';
 import './icons/FilledCircle.js';
 import './icons/StrokeCircle.js';
 import './components/Legends/index.js';
-import './icons/Point.js';
-import './components/Dot/index.js';
+import './components/LinearGradient.js';
+import './components/RectBar.js';
+import './components/Tick/index.js';
+import './components/TooltipContent/index.js';
+export { Chart } from './Component.js';
 import './hooks/useSettings/utils/setComposedChartsMargin.js';
 import './hooks/useSettings/utils/setDatas.js';
 import './hooks/useSettings/utils/setGradientCharts.js';
 import './hooks/useSettings/utils/setLegendMargin.js';
 import './hooks/useSettings/utils/sortByIndex.js';
 import './hooks/useSettings/index.js';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
-import './components/CustomizedLabel.js';
-import './components/RectBar.js';
-import './components/Tick/index.js';
-import './components/TooltipContent/index.js';

package/modern/types/chart.types.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import { RectangleProps } from 'recharts';
 import { DataKey } from 'recharts/types/util/types';
-import { DotSettingProps } from "./utils/dot.types";
 import { DataProps } from "./utils/data.types";
+import { DotSettingProps } from "./utils/dot.types";
 type CurveType = 'linear' | 'monotone' | 'step';
 type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 interface ChartProps {

package/modern/types/options.types.d.ts

@@ -4,11 +4,11 @@ import { BrushProps } from "./brush.types";
 import { CartesianGridProps } from "./cartesianGrid.types";
 import { ComposedChartProps } from "./composedChart.types";
 import { LegendProps } from "./legend.types";
+import { ResponsiveContainerProps } from "./responsiveContainer.types";
+import { SeriaProps } from "./seria.types";
 import { TooltipProps } from "./tooltip.types";
 import { XAxisProps } from "./xAxis.types";
 import { YAxisProps } from "./yAxis.types";
-import { SeriaProps } from "./seria.types";
-import { ResponsiveContainerProps } from "./responsiveContainer.types";
 interface OptionsProps {
     /**
      * Индефикатор графика

package/modern/types/seria.types.d.ts

@@ -1,7 +1,7 @@
-import { ChartProps } from "./chart.types";
-import { LabelListProps } from "./labelList.types";
 import { DataProps } from "./utils/data.types";
 import { GradientProps } from "./utils/gradient.types";
+import { ChartProps } from "./chart.types";
+import { LabelListProps } from "./labelList.types";
 type RadiusProp = {
     top?: number;
     bottom?: number;

package/modern/types/tooltip.types.d.ts

@@ -57,7 +57,7 @@ interface TooltipProps {
     /**
      * Стиль метки всплывающей подсказки по умолчанию, которая является элементом p.
      */
-    labelStyle?: {};
+    labelStyle?: Record<string, unknown>;
     /**
      * Значение метки, которое сейчас активно, обычно рассчитывается внутри компании.
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-chart",
-    "version": "3.1.0",
+    "version": "3.1.1",
     "description": "Chart component",
     "keywords": [],
     "license": "MIT",
@@ -14,7 +14,7 @@
         "directory": "dist"
     },
     "dependencies": {
-        "@alfalab/core-components-typography": "^3.0.2",
+        "@alfalab/core-components-typography": "^3.0.3",
         "classnames": "^2.3.1",
         "recharts": "^2.1.2"
     },

package/{esm/tslib.es6-f1220da2.d.ts → tslib.es6-fe17286e.d.ts}

@@ -12,9 +12,12 @@ declare function __generator(thisArg: any, body: any): {
 declare function __exportStar(m: any, o: any): void;
 declare function __values(o: any): any;
 declare function __read(o: any, n: any): any;
+/** @deprecated */
 declare function __spread(...args: any[]): any[];
+/** @deprecated */
 declare function __spreadArrays(...args: any[]): any[];
-declare function __await(v: any): any;
+declare function __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
 declare class __await {
     constructor(v: any);
     v: any;
@@ -25,8 +28,9 @@ declare function __asyncValues(o: any): any;
 declare function __makeTemplateObject(cooked: any, raw: any): any;
 declare function __importStar(mod: any): any;
 declare function __importDefault(mod: any): any;
-declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
-declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
+declare function __classPrivateFieldGet(receiver: any, state: any, kind: any, f: any): any;
+declare function __classPrivateFieldSet(receiver: any, state: any, value: any, kind: any, f: any): any;
+declare function __classPrivateFieldIn(state: any, receiver: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/{cssm/tslib.es6-2be2aee7.js → tslib.es6-fe17286e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-/*! *****************************************************************************
+/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any

package/types/chart.types.d.ts

@@ -1,8 +1,8 @@
 import { ReactElement } from 'react';
 import { RectangleProps } from 'recharts';
 import { DataKey } from 'recharts/types/util/types';
-import { DotSettingProps } from "./utils/dot.types";
 import { DataProps } from "./utils/data.types";
+import { DotSettingProps } from "./utils/dot.types";
 type CurveType = 'linear' | 'monotone' | 'step';
 type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 interface ChartProps {

package/types/options.types.d.ts

@@ -4,11 +4,11 @@ import { BrushProps } from "./brush.types";
 import { CartesianGridProps } from "./cartesianGrid.types";
 import { ComposedChartProps } from "./composedChart.types";
 import { LegendProps } from "./legend.types";
+import { ResponsiveContainerProps } from "./responsiveContainer.types";
+import { SeriaProps } from "./seria.types";
 import { TooltipProps } from "./tooltip.types";
 import { XAxisProps } from "./xAxis.types";
 import { YAxisProps } from "./yAxis.types";
-import { SeriaProps } from "./seria.types";
-import { ResponsiveContainerProps } from "./responsiveContainer.types";
 interface OptionsProps {
     /**
      * Индефикатор графика

package/types/seria.types.d.ts

@@ -1,7 +1,7 @@
-import { ChartProps } from "./chart.types";
-import { LabelListProps } from "./labelList.types";
 import { DataProps } from "./utils/data.types";
 import { GradientProps } from "./utils/gradient.types";
+import { ChartProps } from "./chart.types";
+import { LabelListProps } from "./labelList.types";
 type RadiusProp = {
     top?: number;
     bottom?: number;

package/types/tooltip.types.d.ts

@@ -57,7 +57,7 @@ interface TooltipProps {
     /**
      * Стиль метки всплывающей подсказки по умолчанию, которая является элементом p.
      */
-    labelStyle?: {};
+    labelStyle?: Record<string, unknown>;
     /**
      * Значение метки, которое сейчас активно, обычно рассчитывается внутри компании.
      */