@alfalab/core-components 34.0.1-beta.0 → 35.0.0

package/chart/modern/Component.js

@@ -1,32 +1,30 @@
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
-import { LinearGradient } from './components/LinearGradient.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './hooks/usePathBar/index.js';
+import { CustomizedLabel } from './components/CustomizedLabel.js';
+import './icons/Point.js';
+import { Dot } from './components/Dot/index.js';
 import '../../typography/modern';
 import './icons/Circle.js';
 import './icons/CircleLine.js';
 import './icons/FilledCircle.js';
 import './icons/StrokeCircle.js';
 import { Legends } from './components/Legends/index.js';
-import './icons/Point.js';
-import { Dot } from './components/Dot/index.js';
+import { LinearGradient } from './components/LinearGradient.js';
+import { RectBar } from './components/RectBar.js';
+import { Tick } from './components/Tick/index.js';
+import { TooltipContent } from './components/TooltipContent/index.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 { useSettings } from './hooks/useSettings/index.js';
-import './hooks/usePathBar/utils/getRadius.js';
-import './hooks/usePathBar/index.js';
-import { CustomizedLabel } from './components/CustomizedLabel.js';
-import { RectBar } from './components/RectBar.js';
-import { Tick } from './components/Tick/index.js';
-import { TooltipContent } from './components/TooltipContent/index.js';
 
 const CustomizedHOC = (Component, options) => {
-    const NewComponent = props => {
-        return React.createElement(Component, Object.assign({}, props, options));
-    };
+    const NewComponent = props => React.createElement(Component, { ...props, ...options });
     return NewComponent;
 };
 
@@ -91,14 +89,14 @@ const Chart = (props) => {
         const translate = state?.xAxis?.tickMargin && state?.legend?.verticalAlign !== 'top'
             ? state.xAxis.tickMargin + (state?.brush?.brushMargin || 0)
             : 0;
-        return (React.createElement(Legend, Object.assign({}, (state.legend || null), { content: React.createElement(Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
+        return (React.createElement(Legend, { ...(state.legend || null), content: React.createElement(Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
                 transform: `translateY(${translate}px)`,
-            } })));
+            } }));
     }, [state, charts, toggleChart, legendRef]);
     const renderCartesianGrid = useMemo(() => {
         if (!state?.cartesianGrid)
             return null;
-        return React.createElement(CartesianGrid, Object.assign({}, state.cartesianGrid));
+        return React.createElement(CartesianGrid, { ...state.cartesianGrid });
     }, [state]);
     const renderXAxis = useMemo(() => {
         if (!state?.xAxis)
@@ -113,7 +111,7 @@ const Chart = (props) => {
         else {
             tick = true;
         }
-        return React.createElement(XAxis, Object.assign({}, state.xAxis, { tick: tick }));
+        return React.createElement(XAxis, { ...state.xAxis, tick: tick });
     }, [state]);
     const renderYAxis = useMemo(() => {
         if (!state?.yAxis)
@@ -128,17 +126,17 @@ const Chart = (props) => {
         else {
             tick = true;
         }
-        return React.createElement(YAxis, Object.assign({}, state.yAxis, { tick: tick }));
+        return React.createElement(YAxis, { ...state.yAxis, tick: tick });
     }, [state]);
     const renderBrush = useMemo(() => {
         if (!state?.brush)
             return null;
-        return React.createElement(Brush, Object.assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+        return React.createElement(Brush, { y: typeof yBrush === 'number' ? yBrush : 0, ...state.brush });
     }, [state, yBrush]);
     const renderTooltip = useMemo(() => {
         if (!state?.tooltip)
             return null;
-        return (React.createElement(Tooltip, Object.assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide }) })));
+        return (React.createElement(Tooltip, { ref: tooltipRef, ...state.tooltip, content: CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide }) }));
     }, [state, tooltipArrowSide]);
     const renderChartsItems = useMemo(() => {
         if (!state || !charts)
@@ -148,8 +146,8 @@ const Chart = (props) => {
             const show = charts[`${properties.dataKey}`];
             switch (chart) {
                 case 'bar':
-                    return show && !item?.hide ? (React.createElement(Bar, Object.assign({ key: `${state.id}-${properties.dataKey}` }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
-                        labelList && (React.createElement(LabelList, Object.assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(CustomizedLabel, { radius: radius }) }))),
+                    return show && !item?.hide ? (React.createElement(Bar, { key: `${state.id}-${properties.dataKey}`, ...properties, shape: React.createElement(RectBar, { radius: radius }) },
+                        labelList && (React.createElement(LabelList, { dataKey: properties.dataKey.toString(), ...labelList, content: React.createElement(CustomizedLabel, { radius: radius }) })),
                         data.map((_, index) => {
                             const key = `${state.id}-${properties.dataKey}-${index}`;
                             return (React.createElement(Cell, { key: key, className: cn(styles.bar, typeof activeDotsState.active === 'number' &&
@@ -159,7 +157,7 @@ const Chart = (props) => {
                         }))) : null;
                 case 'area':
                 case 'line':
-                    return show && !item?.hide ? (React.createElement(Line, Object.assign({ key: `${state.id}-${properties.dataKey}` }, properties, { dot: properties.dot && properties.dotSettings
+                    return show && !item?.hide ? (React.createElement(Line, { key: `${state.id}-${properties.dataKey}`, ...properties, dot: properties.dot && properties.dotSettings
                             ? CustomizedHOC(Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
@@ -167,11 +165,11 @@ const Chart = (props) => {
                                     ? properties.inheritStroke
                                     : false,
                             })
-                            : false, activeDot: false }))) : null;
+                            : false, activeDot: false })) : null;
                 case 'gradient':
-                    return show && !item?.hide ? (React.createElement(Area, Object.assign({}, item.properties, { key: `${state.id}-${item.properties.dataKey}`, dataKey: `${item.properties.dataKey}`, stroke: 'transparent', fill: item.gradient.gid
+                    return show && !item?.hide ? (React.createElement(Area, { ...item.properties, key: `${state.id}-${item.properties.dataKey}`, dataKey: `${item.properties.dataKey}`, stroke: 'transparent', fill: item.gradient.gid
                             ? `url(#${state.id}-${item.gradient.gid})`
-                            : item.properties.fill, dot: false, activeDot: false }))) : null;
+                            : item.properties.fill, dot: false, activeDot: false })) : null;
                 default:
                     return null;
             }
@@ -229,12 +227,10 @@ const Chart = (props) => {
             });
         }
         if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {
-            setActiveDotsState((prev) => {
-                return {
-                    prev: prev.active,
-                    active: activeTooltipIndex,
-                };
-            });
+            setActiveDotsState((prev) => ({
+                prev: prev.active,
+                active: activeTooltipIndex,
+            }));
         }
     };
     const mouseMove = (e) => {
@@ -253,7 +249,7 @@ const Chart = (props) => {
         return null;
     return (React.createElement("div", { className: styles.coreChart, ref: svgRef, id: state?.id || '', style: { width: '100%', height: '100%' } },
         React.createElement(ResponsiveContainer, { debounce: state?.responsiveContainer?.debounce ? state.responsiveContainer.debounce : 0, width: '100%' },
-            React.createElement(ComposedChart, Object.assign({}, state?.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
+            React.createElement(ComposedChart, { ...state?.composeChart, onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data },
                 React.createElement("defs", null, renderGradient),
                 state.cartesianGrid && renderCartesianGrid,
                 state.xAxis && renderXAxis,

package/chart/modern/components/Legends/index.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import React from 'react';
-import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 import { LegendProps } from "../../types/legend.types";
 import { SeriaProps } from "../../types/seria.types";
+import { DataDynamicBooleanProps } from "../../types/utils/data.types";
 interface Props {
     legend: LegendProps;
     series: SeriaProps[];

package/chart/modern/components/LinearGradient.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 import { LinearGradientProps } from "../types/utils/gradient.types";
-declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement;
 export { LinearGradient };

package/chart/modern/components/LinearGradient.js

@@ -1,7 +1,5 @@
 import React from 'react';
 
-const LinearGradient = ({ id, gid, points }) => {
-    return (React.createElement("linearGradient", { key: `${id}-${gid}`, id: `${id}-${gid}`, x1: '0', y1: '0', x2: '0', y2: '1' }, points.map((point, index) => (React.createElement("stop", { key: `${id}${gid}-${index.toString()}`, offset: `${point.offset}%`, stopColor: point.stopColor, stopOpacity: point.stopOpacity })))));
-};
+const LinearGradient = ({ id, gid, points }) => (React.createElement("linearGradient", { key: `${id}-${gid}`, id: `${id}-${gid}`, x1: '0', y1: '0', x2: '0', y2: '1' }, points.map((point, index) => (React.createElement("stop", { key: `${id}${gid}-${index.toString()}`, offset: `${point.offset}%`, stopColor: point.stopColor, stopOpacity: point.stopOpacity })))));
 
 export { LinearGradient };

package/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/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/chart/modern/index.js

@@ -1,25 +1,25 @@
 import 'react';
 import 'classnames';
 import 'recharts';
-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 '../../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';
 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';
 export { Chart } from './Component.js';

package/chart/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/chart/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/chart/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/chart/modern/types/tooltip.types.d.ts

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

package/chart/tslib.es6-f4dd8066.d.ts

@@ -0,0 +1,36 @@
+declare function __extends(d: any, b: any): void;
+declare function __rest(s: any, e: any): {};
+declare function __decorate(decorators: any, target: any, key: any, desc: any, ...args: any[]): any;
+declare function __param(paramIndex: any, decorator: any): (target: any, key: any) => void;
+declare function __metadata(metadataKey: any, metadataValue: any): any;
+declare function __awaiter(thisArg: any, _arguments: any, P: any, generator: any): any;
+declare function __generator(thisArg: any, body: any): {
+    next: (v: any) => any;
+    throw: (v: any) => any;
+    return: (v: any) => 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 __spreadArray(to: any, from: any, pack: any, ...args: any[]): any;
+declare function __await(v: any): __await;
+declare class __await {
+    constructor(v: any);
+    v: any;
+}
+declare function __asyncGenerator(thisArg: any, _arguments: any, generator: any): {};
+declare function __asyncDelegator(o: any): {};
+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, 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, __spreadArray, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __classPrivateFieldIn, __assign, __createBinding };

package/chart/{tslib.es6-993f2d93.js → tslib.es6-f4dd8066.js}

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

package/chart/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/chart/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/chart/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/chart/types/tooltip.types.d.ts

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