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

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

@@ -1,12 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var sortByIndex = function (series) {
-    return series.sort(function (a, b) {
-        if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {
-            return 1;
-        }
-        return -1;
-    });
-};
+var sortByIndex = function (series) { return series.sort(function (a, b) {
+    if ((a === null || a === void 0 ? void 0 : a.zIndex) && (b === null || b === void 0 ? void 0 : b.zIndex) && (a === null || a === void 0 ? void 0 : a.zIndex) > (b === null || b === void 0 ? void 0 : b.zIndex)) {
+        return 1;
+    }
+    return -1;
+}); };
 
 exports.sortByIndex = sortByIndex;

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

@@ -10,17 +10,17 @@
 
     /* Hard up */
 }
-.chart__coreChart_1jpq0 .recharts-line path {
+.chart__coreChart_1gg5z .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_1jpq0 .recharts-text tspan {
+.chart__coreChart_1gg5z .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
     }
-.chart__bar_1jpq0 {
+.chart__bar_1gg5z {
     transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
-.chart__unfocused_1jpq0 {
+.chart__unfocused_1gg5z {
     opacity: 0.3;
 }

package/chart/index.js

@@ -1,31 +1,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-993f2d93.js');
+require('./tslib.es6-fe17286e.js');
 require('react');
 require('classnames');
 require('recharts');
-var Component = require('./Component.js');
-require('./components/LinearGradient.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./hooks/usePathBar/index.js');
+require('./components/CustomizedLabel.js');
+require('./icons/Point.js');
+require('./components/Dot/index.js');
 require('../typography');
 require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
 require('./components/Legends/index.js');
-require('./icons/Point.js');
-require('./components/Dot/index.js');
+require('./components/LinearGradient.js');
+require('./components/RectBar.js');
+require('./components/Tick/index.js');
+require('./components/TooltipContent/index.js');
+var Component = require('./Component.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
 require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.js');
 require('./hooks/useSettings/index.js');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
-require('./components/CustomizedLabel.js');
-require('./components/RectBar.js');
-require('./components/Tick/index.js');
-require('./components/TooltipContent/index.js');
 
 
 

package/chart/modern/Component.js

@@ -1,36 +1,34 @@
 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;
 };
 
-var styles = {"coreChart":"chart__coreChart_1jpq0","bar":"chart__bar_1jpq0","unfocused":"chart__unfocused_1jpq0"};
+var styles = {"coreChart":"chart__coreChart_1gg5z","bar":"chart__bar_1gg5z","unfocused":"chart__unfocused_1gg5z"};
 require('./index.css');
 
 const Chart = (props) => {
@@ -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/Dot/index.css

@@ -1,19 +1,19 @@
 /* hash: 2cox0 */
-.chart__dotUnfocused_snngc {
+.chart__dotUnfocused_1kzzv {
     opacity: 0.3;
 }
 
-.chart__dot_snngc,
-.chart__dotItem_snngc,
-.chart__dotWrap_snngc {
+.chart__dot_1kzzv,
+.chart__dotItem_1kzzv,
+.chart__dotWrap_1kzzv {
     transition: all 0.2s ease;
 }
 
-.chart__dot_snngc {
-    animation: chart__showDot_snngc 0.5s ease;
+.chart__dot_1kzzv {
+    animation: chart__showDot_1kzzv 0.5s ease;
 }
 
-@keyframes chart__showDot_snngc {
+@keyframes chart__showDot_1kzzv {
     from {
         opacity: 0;
     }

package/chart/modern/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_snngc","dot":"chart__dot_snngc","dotItem":"chart__dotItem_snngc","dotWrap":"chart__dotWrap_snngc","showDot":"chart__showDot_snngc"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_1kzzv","dot":"chart__dot_1kzzv","dotItem":"chart__dotItem_1kzzv","dotWrap":"chart__dotWrap_1kzzv","showDot":"chart__showDot_1kzzv"};
 require('./index.css');
 
 const Dot = React.forwardRef(({ cx, cy, index, activeDot, dataKey, dotSettings, value, stroke }, ref) => {

package/chart/modern/components/Legends/index.css

@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_8uuxc {
+.chart__legendContent_i501f {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_8uuxc {
+.chart__legendWrap_i501f {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_8uuxc {
+.chart__legendItem_i501f {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_8uuxc:last-child {
+.chart__legendItem_i501f:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_8uuxc {
+.chart__legendUnactive_i501f {
     opacity: 0.3;
 }
-.chart__legendIcon_8uuxc {
+.chart__legendIcon_i501f {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_8uuxc {
+.chart__legendValue_i501f {
     text-transform: capitalize;
 }

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/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_8uuxc","legendWrap":"chart__legendWrap_8uuxc","legendItem":"chart__legendItem_8uuxc","legendUnactive":"chart__legendUnactive_8uuxc","legendIcon":"chart__legendIcon_8uuxc","legendValue":"chart__legendValue_8uuxc"};
+var styles = {"legendContent":"chart__legendContent_i501f","legendWrap":"chart__legendWrap_i501f","legendItem":"chart__legendItem_i501f","legendUnactive":"chart__legendUnactive_i501f","legendIcon":"chart__legendIcon_i501f","legendValue":"chart__legendValue_i501f"};
 require('./index.css');
 
 const icons = {

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/components/Tick/index.css

@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_1rn3j {
+.chart__tickText_1ftma {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_1rn3j {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_1rn3j {
+.chart__circle_1ftma {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/modern/components/Tick/index.js

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

package/chart/modern/components/TooltipContent/index.css

@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_smks2 {
+.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_smks2 {
+.chart__tooltipList_14g20 {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_smks2 {
+.chart__tooltipItem_14g20 {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_smks2 {
+.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_smks2: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_smks2 {
+.chart__tooltipArrowRight_14g20 {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/modern/components/TooltipContent/index.js

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Typography } from '../../../../typography/modern';
 
-var styles = {"tooltip":"chart__tooltip_smks2","tooltipList":"chart__tooltipList_smks2","tooltipItem":"chart__tooltipItem_smks2","tooltipArrow":"chart__tooltipArrow_smks2","tooltipArrowRight":"chart__tooltipArrowRight_smks2"};
+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/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 };