@alfalab/core-components-chart 5.0.2 → 5.0.3

package/modern/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any,prefer-template */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport {\n    Area,\n    Bar,\n    Brush,\n    CartesianGrid,\n    Cell,\n    ComposedChart,\n    LabelList,\n    Legend,\n    Line,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\n} from 'recharts';\n\nimport { CustomizedLabel } from './components/CustomizedLabel';\nimport { Dot } from './components/Dot';\nimport { Legends } from './components/Legends';\nimport { LinearGradient } from './components/LinearGradient';\nimport { RectBar } from './components/RectBar';\nimport { Tick } from './components/Tick';\nimport { TooltipContent } from './components/TooltipContent';\nimport { CustomizedHOC } from './hoc/Customized';\nimport { useSettings } from './hooks/useSettings';\nimport {\n    type ActiveDotProps,\n    type CoordinatesProps,\n    type DataDynamicBooleanProps,\n    type DataDynamicProps,\n    type OptionsProps,\n    type SeriaProps,\n    type ToggleChartProps,\n} from './types';\n\nimport styles from './index.module.css';\n\nexport const Chart = (props: OptionsProps) => {\n    const [{ state, data, charts, filterCount }, { setCharts, setFilterCount }] =\n        useSettings(props);\n    const [activeDotsState, setActiveDotsState] = useState<ActiveDotProps>({\n        prev: null,\n        active: null,\n    });\n\n    const [yBrush, setYBrush] = useState<number | null>(null);\n    const [tooltipArrowSide, setTooltipArrowSide] = useState<boolean | null>(null);\n    const [heightLegend, setHeightLegend] = useState<number>(0);\n\n    const svgRef = useRef<HTMLDivElement>(null);\n    const tooltipRef = useRef<any>(null);\n\n    const renderGradient = useMemo(() => {\n        if (!state) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, gradient } = item;\n\n            if (chart !== 'gradient' || !gradient) return null;\n            const { gid, points } = gradient;\n\n            return (\n                <LinearGradient\n                    key={`${state.id}-${gid}`}\n                    id={state.id}\n                    gid={gid}\n                    points={points}\n                />\n            );\n        });\n    }, [state]);\n\n    const toggleChart = useCallback(\n        (item: ToggleChartProps): void => {\n            const {\n                chart,\n                properties: { dataKey },\n            } = item;\n\n            const withGrad = chart === 'area';\n            let changed = false;\n\n            if (charts[dataKey + ''] && filterCount > 1) {\n                changed = true;\n                setFilterCount((prev) => prev - 1);\n            }\n\n            if (!charts[dataKey + '']) {\n                changed = true;\n                setFilterCount((prev) => prev + 1);\n            }\n\n            if (!changed) return;\n            setCharts((prev: DataDynamicBooleanProps) => {\n                const newState = { ...prev };\n\n                newState[dataKey + ''] = !newState[dataKey + ''];\n                if (withGrad) newState[dataKey + '-gradient'] = !newState[dataKey + '-gradient'];\n\n                return newState;\n            });\n        },\n        [charts, filterCount, setCharts, setFilterCount],\n    );\n\n    const legendRef = useCallback((node: HTMLUListElement): void => {\n        if (node !== null) {\n            setTimeout(() => {\n                const { height } = node.getBoundingClientRect();\n\n                setHeightLegend(height);\n            }, 0);\n        }\n    }, []);\n\n    const renderLegend = useMemo((): React.ReactElement | null => {\n        if (!state?.legend) return null;\n\n        const translate =\n            state?.xAxis?.tickMargin && state?.legend?.verticalAlign !== 'top'\n                ? state.xAxis.tickMargin + (state?.brush?.brushMargin || 0)\n                : 0;\n\n        return (\n            <Legend\n                {...(state.legend || null)}\n                content={\n                    <Legends\n                        legend={state.legend}\n                        series={state.series}\n                        id={state.id}\n                        toggleChart={toggleChart}\n                        ref={legendRef}\n                        charts={charts}\n                    />\n                }\n                wrapperStyle={{\n                    transform: `translateY(${translate}px)`,\n                }}\n            />\n        );\n    }, [state, charts, toggleChart, legendRef]);\n\n    const renderCartesianGrid = useMemo((): React.ReactElement | null => {\n        if (!state?.cartesianGrid) return null;\n\n        return <CartesianGrid {...state.cartesianGrid} />;\n    }, [state]);\n\n    const renderXAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.xAxis) return null;\n\n        let tick;\n\n        if (state?.xAxis?.tickType === 'point') {\n            tick = CustomizedHOC(Tick, { xAxis: state.xAxis });\n        } else if (typeof state.xAxis.tick === 'boolean') {\n            tick = state.xAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <XAxis {...state.xAxis} tick={tick} />;\n    }, [state]);\n\n    const renderYAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.yAxis) return null;\n\n        let tick;\n\n        if (state?.yAxis?.tick) {\n            tick = CustomizedHOC(state.yAxis.tick, { state });\n        } else if (typeof state.yAxis.tick === 'boolean') {\n            tick = state.yAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <YAxis {...state.yAxis} tick={tick} />;\n    }, [state]);\n\n    const renderBrush = useMemo((): React.ReactElement | null => {\n        if (!state?.brush) return null;\n\n        return <Brush y={typeof yBrush === 'number' ? yBrush : 0} {...state.brush} />;\n    }, [state, yBrush]);\n\n    const renderTooltip = useMemo((): React.ReactElement | null => {\n        if (!state?.tooltip) return null;\n\n        return (\n            <Tooltip\n                {...state.tooltip}\n                content={CustomizedHOC(TooltipContent, {\n                    series: state.series,\n                    tooltipArrowSide,\n                    ref: tooltipRef,\n                })}\n            />\n        );\n    }, [state, tooltipArrowSide]);\n\n    const renderChartsItems = useMemo(() => {\n        if (!state || !charts) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, properties, radius, labelList } = item;\n            const show = charts[`${properties.dataKey}`];\n\n            switch (chart) {\n                case 'bar':\n                    return show && !item?.hide ? (\n                        <Bar\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            shape={<RectBar radius={radius} />}\n                        >\n                            {labelList && (\n                                <LabelList\n                                    dataKey={properties.dataKey.toString()}\n                                    {...labelList}\n                                    content={<CustomizedLabel radius={radius} />}\n                                />\n                            )}\n                            {data.map((_: DataDynamicProps, index: number) => {\n                                const key = `${state.id}-${properties.dataKey}-${index}`;\n\n                                return (\n                                    <Cell\n                                        key={key}\n                                        className={cn(\n                                            styles.bar,\n                                            typeof activeDotsState.active === 'number' &&\n                                                activeDotsState.active !== index\n                                                ? styles.unfocused\n                                                : '',\n                                        )}\n                                    />\n                                );\n                            })}\n                        </Bar>\n                    ) : null;\n\n                case 'area':\n                case 'line':\n                    return show && !item?.hide ? (\n                        <Line\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            dot={\n                                properties.dot && properties.dotSettings\n                                    ? CustomizedHOC(Dot, {\n                                          activeDot: activeDotsState.active,\n                                          dotSettings: properties.dotSettings,\n                                          inherit: properties?.inheritStroke\n                                              ? properties.inheritStroke\n                                              : false,\n                                      })\n                                    : false\n                            }\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                case 'gradient':\n                    return show && !item?.hide ? (\n                        <Area\n                            {...item.properties}\n                            key={`${state.id}-${item.properties.dataKey}`}\n                            dataKey={`${item.properties.dataKey}`}\n                            stroke='transparent'\n                            fill={\n                                item.gradient.gid\n                                    ? `url(#${state.id}-${item.gradient.gid})`\n                                    : item.properties.fill\n                            }\n                            dot={false}\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                default:\n                    return null;\n            }\n        });\n    }, [charts, state, activeDotsState, data]);\n\n    // Позиционирование brush\n    useEffect(() => {\n        if (!state?.brush) return;\n        if (!heightLegend || heightLegend === 0) return;\n\n        const align = state?.legend?.verticalAlign;\n        const legendHeight = align === 'top' ? 0 : heightLegend;\n        const marginTick = state?.xAxis?.tickMargin ? state?.xAxis?.tickMargin : 0;\n        const brushY =\n            (svgRef.current?.clientHeight ? svgRef.current.clientHeight : 0) -\n            legendHeight -\n            state.brush.height -\n            (state?.composeChart?.margin?.bottom ? state.composeChart.margin.bottom : 0) +\n            marginTick +\n            (state.brush?.brushMargin ? state.brush.brushMargin : 0);\n\n        setYBrush(brushY);\n    }, [heightLegend, state]);\n\n    const leaveEvent = (isTooltipActive: boolean): void => {\n        if (isTooltipActive) return;\n\n        if (typeof activeDotsState.prev !== 'number' || typeof activeDotsState.active !== 'number')\n            return;\n\n        setActiveDotsState({\n            prev: null,\n            active: null,\n        });\n    };\n\n    const arrowTooltipEvent = (activeCoordinate: CoordinatesProps): void => {\n        if (!state?.tooltip?.arrow) return;\n\n        if (state?.tooltip?.arrow && activeCoordinate?.x) {\n            const side =\n                (svgRef?.current?.clientWidth || 0) -\n                    (state?.composeChart?.margin?.right || 0) -\n                    activeCoordinate.x -\n                    (tooltipRef.current?.clientWidth || 0) >\n                20;\n\n            setTooltipArrowSide(side);\n        }\n    };\n\n    const hoverEvent = (isTooltipActive: boolean, activeTooltipIndex: number | undefined): void => {\n        if (!isTooltipActive) return;\n\n        if (\n            typeof activeDotsState.active === 'number' &&\n            activeTooltipIndex === activeDotsState.active\n        )\n            return;\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.active !== 'number') {\n            setActiveDotsState({\n                prev: activeTooltipIndex,\n                active: activeTooltipIndex,\n            });\n        }\n\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {\n            setActiveDotsState((prev: ActiveDotProps) => ({\n                prev: prev.active,\n                active: activeTooltipIndex,\n            }));\n        }\n    };\n\n    const mouseMove = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        arrowTooltipEvent(e.activeCoordinate);\n        hoverEvent(e.isTooltipActive, e.activeTooltipIndex);\n        leaveEvent(e.isTooltipActive);\n    };\n\n    const mouseLeave = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        leaveEvent(e.isTooltipActive);\n    };\n\n    if (!data || !charts || !state) return null;\n\n    return (\n        <div\n            className={styles.coreChart}\n            ref={svgRef}\n            id={state?.id || ''}\n            style={{ width: '100%', height: '100%' }}\n        >\n            <ResponsiveContainer\n                debounce={\n                    state?.responsiveContainer?.debounce ? state.responsiveContainer.debounce : 0\n                }\n                width='100%'\n            >\n                <ComposedChart\n                    {...state?.composeChart}\n                    onMouseMove={mouseMove}\n                    onMouseLeave={mouseLeave}\n                    data={data}\n                >\n                    <defs>{renderGradient}</defs>\n                    {state.cartesianGrid && renderCartesianGrid}\n                    {state.xAxis && renderXAxis}\n                    {state.yAxis && renderYAxis}\n                    {renderChartsItems}\n                    {state.tooltip && renderTooltip}\n                    {state.brush && renderBrush}\n                    {state.legend && renderLegend}\n                </ComposedChart>\n            </ResponsiveContainer>\n        </div>\n    );\n};\n\nChart.displayName = 'Chart';\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any,prefer-template */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport {\n    Area,\n    Bar,\n    Brush,\n    CartesianGrid,\n    Cell,\n    ComposedChart,\n    LabelList,\n    Legend,\n    Line,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\n} from 'recharts';\n\nimport { CustomizedLabel } from './components/CustomizedLabel';\nimport { Dot } from './components/Dot';\nimport { Legends } from './components/Legends';\nimport { LinearGradient } from './components/LinearGradient';\nimport { RectBar } from './components/RectBar';\nimport { Tick } from './components/Tick';\nimport { TooltipContent } from './components/TooltipContent';\nimport { CustomizedHOC } from './hoc/Customized';\nimport { useSettings } from './hooks/useSettings';\nimport {\n    type ActiveDotProps,\n    type CoordinatesProps,\n    type DataDynamicBooleanProps,\n    type DataDynamicProps,\n    type OptionsProps,\n    type SeriaProps,\n    type ToggleChartProps,\n} from './types';\n\nimport styles from './index.module.css';\n\nexport const Chart = (props: OptionsProps) => {\n    const [{ state, data, charts, filterCount }, { setCharts, setFilterCount }] =\n        useSettings(props);\n    const [activeDotsState, setActiveDotsState] = useState<ActiveDotProps>({\n        prev: null,\n        active: null,\n    });\n\n    const [yBrush, setYBrush] = useState<number | null>(null);\n    const [tooltipArrowSide, setTooltipArrowSide] = useState<boolean | null>(null);\n    const [heightLegend, setHeightLegend] = useState<number>(0);\n\n    const svgRef = useRef<HTMLDivElement>(null);\n    const tooltipRef = useRef<any>(null);\n\n    const renderGradient = useMemo(() => {\n        if (!state) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, gradient } = item;\n\n            if (chart !== 'gradient' || !gradient) return null;\n            const { gid, points } = gradient;\n\n            return (\n                <LinearGradient\n                    key={`${state.id}-${gid}`}\n                    id={state.id}\n                    gid={gid}\n                    points={points}\n                />\n            );\n        });\n    }, [state]);\n\n    const toggleChart = useCallback(\n        (item: ToggleChartProps): void => {\n            const {\n                chart,\n                properties: { dataKey },\n            } = item;\n\n            const withGrad = chart === 'area';\n            let changed = false;\n\n            if (charts[dataKey + ''] && filterCount > 1) {\n                changed = true;\n                setFilterCount((prev) => prev - 1);\n            }\n\n            if (!charts[dataKey + '']) {\n                changed = true;\n                setFilterCount((prev) => prev + 1);\n            }\n\n            if (!changed) return;\n            setCharts((prev: DataDynamicBooleanProps) => {\n                const newState = { ...prev };\n\n                newState[dataKey + ''] = !newState[dataKey + ''];\n                if (withGrad) newState[dataKey + '-gradient'] = !newState[dataKey + '-gradient'];\n\n                return newState;\n            });\n        },\n        [charts, filterCount, setCharts, setFilterCount],\n    );\n\n    const legendRef = useCallback((node: HTMLUListElement): void => {\n        if (node !== null) {\n            setTimeout(() => {\n                const { height } = node.getBoundingClientRect();\n\n                setHeightLegend(height);\n            }, 0);\n        }\n    }, []);\n\n    const renderLegend = useMemo((): React.ReactElement | null => {\n        if (!state?.legend) return null;\n\n        const translate =\n            state?.xAxis?.tickMargin && state?.legend?.verticalAlign !== 'top'\n                ? state.xAxis.tickMargin + (state?.brush?.brushMargin || 0)\n                : 0;\n\n        return (\n            <Legend\n                {...(state.legend || null)}\n                content={\n                    <Legends\n                        legend={state.legend}\n                        series={state.series}\n                        id={state.id}\n                        toggleChart={toggleChart}\n                        ref={legendRef}\n                        charts={charts}\n                    />\n                }\n                wrapperStyle={{\n                    transform: `translateY(${translate}px)`,\n                }}\n            />\n        );\n    }, [state, charts, toggleChart, legendRef]);\n\n    const renderCartesianGrid = useMemo((): React.ReactElement | null => {\n        if (!state?.cartesianGrid) return null;\n\n        return <CartesianGrid {...state.cartesianGrid} />;\n    }, [state]);\n\n    const renderXAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.xAxis) return null;\n\n        let tick;\n\n        if (state?.xAxis?.tickType === 'point') {\n            tick = CustomizedHOC(Tick, { xAxis: state.xAxis });\n        } else if (typeof state.xAxis.tick === 'boolean') {\n            tick = state.xAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <XAxis {...state.xAxis} tick={tick} />;\n    }, [state]);\n\n    const renderYAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.yAxis) return null;\n\n        let tick;\n\n        if (state?.yAxis?.tick) {\n            tick = CustomizedHOC(state.yAxis.tick, { state });\n        } else if (typeof state.yAxis.tick === 'boolean') {\n            tick = state.yAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <YAxis {...state.yAxis} tick={tick} />;\n    }, [state]);\n\n    const renderBrush = useMemo((): React.ReactElement | null => {\n        if (!state?.brush) return null;\n\n        return <Brush y={typeof yBrush === 'number' ? yBrush : 0} {...state.brush} />;\n    }, [state, yBrush]);\n\n    const renderTooltip = useMemo((): React.ReactElement | null => {\n        if (!state?.tooltip) return null;\n\n        return (\n            <Tooltip\n                {...state.tooltip}\n                content={CustomizedHOC(TooltipContent, {\n                    series: state.series,\n                    tooltipArrowSide,\n                    ref: tooltipRef,\n                })}\n            />\n        );\n    }, [state, tooltipArrowSide]);\n\n    const renderChartsItems = useMemo(() => {\n        if (!state || !charts) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, properties, radius, labelList } = item;\n            const show = charts[`${properties.dataKey}`];\n\n            switch (chart) {\n                case 'bar':\n                    return show && !item?.hide ? (\n                        <Bar\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            shape={<RectBar radius={radius} />}\n                        >\n                            {labelList && (\n                                <LabelList\n                                    dataKey={properties.dataKey.toString()}\n                                    {...labelList}\n                                    content={<CustomizedLabel radius={radius} />}\n                                />\n                            )}\n                            {data.map((_: DataDynamicProps, index: number) => {\n                                const key = `${state.id}-${properties.dataKey}-${index}`;\n\n                                return (\n                                    <Cell\n                                        key={key}\n                                        className={cn(\n                                            styles.bar,\n                                            typeof activeDotsState.active === 'number' &&\n                                                activeDotsState.active !== index\n                                                ? styles.unfocused\n                                                : '',\n                                        )}\n                                    />\n                                );\n                            })}\n                        </Bar>\n                    ) : null;\n\n                case 'area':\n                case 'line':\n                    return show && !item?.hide ? (\n                        <Line\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            dot={\n                                properties.dot && properties.dotSettings\n                                    ? CustomizedHOC(Dot, {\n                                          activeDot: activeDotsState.active,\n                                          dotSettings: properties.dotSettings,\n                                          inherit: properties?.inheritStroke\n                                              ? properties.inheritStroke\n                                              : false,\n                                      })\n                                    : false\n                            }\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                case 'gradient':\n                    return show && !item?.hide ? (\n                        <Area\n                            {...item.properties}\n                            key={`${state.id}-${item.properties.dataKey}`}\n                            dataKey={`${item.properties.dataKey}`}\n                            stroke='transparent'\n                            fill={\n                                item.gradient.gid\n                                    ? `url(#${state.id}-${item.gradient.gid})`\n                                    : item.properties.fill\n                            }\n                            dot={false}\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                default:\n                    return null;\n            }\n        });\n    }, [charts, state, activeDotsState, data]);\n\n    // Позиционирование brush\n    useEffect(() => {\n        if (!state?.brush) return;\n        if (!heightLegend || heightLegend === 0) return;\n\n        const align = state?.legend?.verticalAlign;\n        const legendHeight = align === 'top' ? 0 : heightLegend;\n        const marginTick = state?.xAxis?.tickMargin ? state?.xAxis?.tickMargin : 0;\n        const brushY =\n            (svgRef.current?.clientHeight ? svgRef.current.clientHeight : 0) -\n            legendHeight -\n            state.brush.height -\n            (state?.composeChart?.margin?.bottom ? state.composeChart.margin.bottom : 0) +\n            marginTick +\n            (state.brush?.brushMargin ? state.brush.brushMargin : 0);\n\n        setYBrush(brushY);\n    }, [heightLegend, state]);\n\n    const leaveEvent = (isTooltipActive: boolean): void => {\n        if (isTooltipActive) return;\n\n        if (typeof activeDotsState.prev !== 'number' || typeof activeDotsState.active !== 'number')\n            return;\n\n        setActiveDotsState({\n            prev: null,\n            active: null,\n        });\n    };\n\n    const arrowTooltipEvent = (activeCoordinate: CoordinatesProps): void => {\n        if (!state?.tooltip?.arrow) return;\n\n        if (state?.tooltip?.arrow && activeCoordinate?.x) {\n            const side =\n                (svgRef?.current?.clientWidth || 0) -\n                    (state?.composeChart?.margin?.right || 0) -\n                    activeCoordinate.x -\n                    (tooltipRef.current?.clientWidth || 0) >\n                20;\n\n            setTooltipArrowSide(side);\n        }\n    };\n\n    const hoverEvent = (isTooltipActive: boolean, activeTooltipIndex: number | undefined): void => {\n        if (!isTooltipActive) return;\n\n        if (\n            typeof activeDotsState.active === 'number' &&\n            activeTooltipIndex === activeDotsState.active\n        )\n            return;\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.active !== 'number') {\n            setActiveDotsState({\n                prev: activeTooltipIndex,\n                active: activeTooltipIndex,\n            });\n        }\n\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {\n            setActiveDotsState((prev: ActiveDotProps) => ({\n                prev: prev.active,\n                active: activeTooltipIndex,\n            }));\n        }\n    };\n\n    const mouseMove = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        arrowTooltipEvent(e.activeCoordinate);\n        hoverEvent(e.isTooltipActive, e.activeTooltipIndex);\n        leaveEvent(e.isTooltipActive);\n    };\n\n    const mouseLeave = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        leaveEvent(e.isTooltipActive);\n    };\n\n    if (!data || !charts || !state) return null;\n\n    return (\n        <div\n            className={styles.coreChart}\n            ref={svgRef}\n            id={state?.id || ''}\n            style={{ width: '100%', height: '100%' }}\n        >\n            <ResponsiveContainer\n                debounce={\n                    state?.responsiveContainer?.debounce ? state.responsiveContainer.debounce : 0\n                }\n                width='100%'\n            >\n                <ComposedChart\n                    {...state?.composeChart}\n                    onMouseMove={mouseMove}\n                    onMouseLeave={mouseLeave}\n                    data={data}\n                >\n                    <defs>{renderGradient}</defs>\n                    {state.cartesianGrid && renderCartesianGrid}\n                    {state.xAxis && renderXAxis}\n                    {state.yAxis && renderYAxis}\n                    {renderChartsItems}\n                    {state.tooltip && renderTooltip}\n                    {state.brush && renderBrush}\n                    {state.legend && renderLegend}\n                </ComposedChart>\n            </ResponsiveContainer>\n        </div>\n    );\n};\n\nChart.displayName = 'Chart';\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":[],"mappings":"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"}

package/modern/components/Dot/index.css

@@ -1,18 +1,18 @@
-.chart__dotUnfocused_y9lol {
+.chart__dotUnfocused_1ngnw {
     opacity: 0.3;
 }
 
-.chart__dot_y9lol,
-.chart__dotItem_y9lol,
-.chart__dotWrap_y9lol {
+.chart__dot_1ngnw,
+.chart__dotItem_1ngnw,
+.chart__dotWrap_1ngnw {
     transition: all 0.2s ease;
 }
 
-.chart__dot_y9lol {
-    animation: chart__showDot_y9lol 0.5s ease;
+.chart__dot_1ngnw {
+    animation: chart__showDot_1ngnw 0.5s ease;
 }
 
-@keyframes chart__showDot_y9lol {
+@keyframes chart__showDot_1ngnw {
     from {
         opacity: 0;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Dot/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { PointIcon } from '../../icons/Point';\nimport { type DotProps, type DotSettingProps } from '../../types/utils/dot.types';\n\nimport styles from './index.module.css';\n\nexport const Dot = React.forwardRef<SVGSVGElement, DotProps>(\n    (\n        { cx, cy, index, activeDot, dataKey, dotSettings, value, stroke },\n        ref,\n    ): React.ReactElement | null => {\n        const [windowWidth, setWindowWidth] = useState<number>(0);\n\n        const [height, setHeight] = useState<number>(0);\n        const [width, setWidth] = useState<number>(0);\n        const [option, setOption] = useState<DotSettingProps | null>(null);\n\n        useEffect(() => {\n            let dotSetting: DotSettingProps =\n                Array.isArray(dotSettings) && dotSettings.length > 0\n                    ? dotSettings.find((item) => item.media && windowWidth < item.media)\n                    : dotSettings;\n\n            if (Array.isArray(dotSettings) && dotSettings.length > 0 && !dotSetting) {\n                dotSetting = dotSettings[dotSettings.length - 1];\n            }\n\n            setWindowWidth(window.innerWidth);\n            setOption(dotSetting);\n        }, [dotSettings, windowWidth]);\n\n        useEffect(() => {\n            if (!option) return;\n\n            if (typeof activeDot === 'number' && activeDot === index) {\n                setHeight(option.height * option.scale);\n                setWidth(option.width * option.scale);\n            } else {\n                setHeight(option.height * option.initScale);\n                setWidth(option.width * option.initScale);\n            }\n        }, [activeDot, index, option]);\n\n        if (!value) return null;\n\n        return (\n            <g\n                ref={ref}\n                className={cn(styles.dot)}\n                transform={`translate(${cx - width / 2}, ${cy - height / 2})`}\n            >\n                <g\n                    className={cn(styles.dotWrap)}\n                    transform={`scale(${\n                        activeDot === index ? option?.scale || 0 : option?.initScale || 0\n                    })`}\n                >\n                    <svg\n                        className={cn(\n                            styles.dotItem,\n                            activeDot === index ? styles.dotActive : '',\n                            typeof activeDot === 'number' && activeDot !== index\n                                ? styles.dotUnfocused\n                                : '',\n                        )}\n                        data-id={index}\n                        data-name={dataKey}\n                        width={option?.width || 0}\n                        height={option?.height || 0}\n                    >\n                        <PointIcon fill={stroke} />\n                    </svg>\n                </g>\n            </g>\n        );\n    },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Dot/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport cn from 'classnames';\n\nimport { PointIcon } from '../../icons/Point';\nimport { type DotProps, type DotSettingProps } from '../../types/utils/dot.types';\n\nimport styles from './index.module.css';\n\nexport const Dot = React.forwardRef<SVGSVGElement, DotProps>(\n    (\n        { cx, cy, index, activeDot, dataKey, dotSettings, value, stroke },\n        ref,\n    ): React.ReactElement | null => {\n        const [windowWidth, setWindowWidth] = useState<number>(0);\n\n        const [height, setHeight] = useState<number>(0);\n        const [width, setWidth] = useState<number>(0);\n        const [option, setOption] = useState<DotSettingProps | null>(null);\n\n        useEffect(() => {\n            let dotSetting: DotSettingProps =\n                Array.isArray(dotSettings) && dotSettings.length > 0\n                    ? dotSettings.find((item) => item.media && windowWidth < item.media)\n                    : dotSettings;\n\n            if (Array.isArray(dotSettings) && dotSettings.length > 0 && !dotSetting) {\n                dotSetting = dotSettings[dotSettings.length - 1];\n            }\n\n            setWindowWidth(window.innerWidth);\n            setOption(dotSetting);\n        }, [dotSettings, windowWidth]);\n\n        useEffect(() => {\n            if (!option) return;\n\n            if (typeof activeDot === 'number' && activeDot === index) {\n                setHeight(option.height * option.scale);\n                setWidth(option.width * option.scale);\n            } else {\n                setHeight(option.height * option.initScale);\n                setWidth(option.width * option.initScale);\n            }\n        }, [activeDot, index, option]);\n\n        if (!value) return null;\n\n        return (\n            <g\n                ref={ref}\n                className={cn(styles.dot)}\n                transform={`translate(${cx - width / 2}, ${cy - height / 2})`}\n            >\n                <g\n                    className={cn(styles.dotWrap)}\n                    transform={`scale(${\n                        activeDot === index ? option?.scale || 0 : option?.initScale || 0\n                    })`}\n                >\n                    <svg\n                        className={cn(\n                            styles.dotItem,\n                            activeDot === index ? styles.dotActive : '',\n                            typeof activeDot === 'number' && activeDot !== index\n                                ? styles.dotUnfocused\n                                : '',\n                        )}\n                        data-id={index}\n                        data-name={dataKey}\n                        width={option?.width || 0}\n                        height={option?.height || 0}\n                    >\n                        <PointIcon fill={stroke} />\n                    </svg>\n                </g>\n            </g>\n        );\n    },\n);\n"],"names":[],"mappings":"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"}

package/modern/components/Dot/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"dotUnfocused":"chart__dotUnfocused_y9lol","dot":"chart__dot_y9lol","dotItem":"chart__dotItem_y9lol","dotWrap":"chart__dotWrap_y9lol"};
+const styles = {"dotUnfocused":"chart__dotUnfocused_1ngnw","dot":"chart__dot_1ngnw","dotItem":"chart__dotItem_1ngnw","dotWrap":"chart__dotWrap_1ngnw"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/Legends/index.css

@@ -3,31 +3,31 @@
     --gap-0: 0px;
     --gap-32: var(--gap-2xl);
 }
-.chart__legendContent_5fpw7 {
+.chart__legendContent_1vdsn {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_5fpw7 {
+.chart__legendWrap_1vdsn {
     width: 100%;
     margin: var(--gap-0);
     padding: var(--gap-0);
 }
-.chart__legendItem_5fpw7 {
+.chart__legendItem_1vdsn {
     margin-right: var(--gap-32);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_5fpw7:last-child {
+.chart__legendItem_1vdsn:last-child {
     margin-right: var(--gap-0);
 }
-.chart__legendUnactive_5fpw7 {
+.chart__legendUnactive_1vdsn {
     opacity: 0.3;
 }
-.chart__legendIcon_5fpw7 {
+.chart__legendIcon_1vdsn {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_5fpw7 {
+.chart__legendValue_1vdsn {
     text-transform: capitalize;
 }

package/modern/components/Legends/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"legendContent":"chart__legendContent_5fpw7","legendWrap":"chart__legendWrap_5fpw7","legendItem":"chart__legendItem_5fpw7","legendUnactive":"chart__legendUnactive_5fpw7","legendIcon":"chart__legendIcon_5fpw7","legendValue":"chart__legendValue_5fpw7"};
+const styles = {"legendContent":"chart__legendContent_1vdsn","legendWrap":"chart__legendWrap_1vdsn","legendItem":"chart__legendItem_1vdsn","legendUnactive":"chart__legendUnactive_1vdsn","legendIcon":"chart__legendIcon_1vdsn","legendValue":"chart__legendValue_1vdsn"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/Legends/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/Legends/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.legendContent {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.legendWrap {\n    width: 100%;\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n}\n\n.legendItem {\n    margin-right: var(--gap-32);\n    cursor: pointer;\n    display: inline-block;\n}\n\n.legendItem:last-child {\n    margin-right: var(--gap-0);\n}\n\n.legendUnactive {\n    opacity: 0.3;\n}\n\n.legendIcon {\n    margin-right: 13px;\n    display: flex;\n}\n\n.legendValue {\n    text-transform: capitalize;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,4BAA4B,CAAC,YAAY,CAAC,yBAAyB,CAAC,YAAY,CAAC,yBAAyB,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,YAAY,CAAC,yBAAyB,CAAC,aAAa,CAAC,0BAA0B,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/Legends/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.legendContent {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n}\n\n.legendWrap {\n    width: 100%;\n    margin: var(--gap-0);\n    padding: var(--gap-0);\n}\n\n.legendItem {\n    margin-right: var(--gap-32);\n    cursor: pointer;\n    display: inline-block;\n}\n\n.legendItem:last-child {\n    margin-right: var(--gap-0);\n}\n\n.legendUnactive {\n    opacity: 0.3;\n}\n\n.legendIcon {\n    margin-right: 13px;\n    display: flex;\n}\n\n.legendValue {\n    text-transform: capitalize;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,eAAe,CAAC,4BAA4B,CAAC,YAAY,CAAC,yBAAyB,CAAC,YAAY,CAAC,yBAAyB,CAAC,gBAAgB,CAAC,6BAA6B,CAAC,YAAY,CAAC,yBAAyB,CAAC,aAAa,CAAC,0BAA0B,CAAC;;;;"}

package/modern/components/RectBar.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;

package/modern/components/Tick/index.css

@@ -6,14 +6,14 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.chart__tickText_w5meh {
+.chart__tickText_1ulb1 {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     font-family: var(--font-family-system);
 }
-.chart__circle_w5meh {
+.chart__circle_1ulb1 {
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }

package/modern/components/Tick/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"tickText":"chart__tickText_w5meh","circle":"chart__circle_w5meh"};
+const styles = {"tickText":"chart__tickText_1ulb1","circle":"chart__circle_1ulb1"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/Tick/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/Tick/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.tickText {\n    fill: var(--color-light-text-primary);\n    @mixin paragraph_primary_medium;\n}\n\n.circle {\n    opacity: 0.3;\n    fill: var(--color-dark-base-bg-primary);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/Tick/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.tickText {\n    fill: var(--color-light-text-primary);\n    @mixin paragraph_primary_medium;\n}\n\n.circle {\n    opacity: 0.3;\n    fill: var(--color-dark-base-bg-primary);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,UAAU,CAAC,uBAAuB,CAAC,QAAQ,CAAC,qBAAqB,CAAC;;;;"}

package/modern/components/TooltipContent/index.css

@@ -21,7 +21,7 @@
     --gap-16: var(--gap-m);
     --gap-2-neg: var(--gap-3xs-neg);
 }
-.chart__tooltip_bt0p1 {
+.chart__tooltip_1ceg4 {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);
     box-shadow: var(--shadow-l);
@@ -30,17 +30,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_bt0p1 {
+.chart__tooltipList_1ceg4 {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: var(--gap-0);
     margin: var(--gap-0);
 }
-.chart__tooltipItem_bt0p1 {
+.chart__tooltipItem_1ceg4 {
     margin-bottom: var(--gap-10);
 }
-.chart__tooltipArrow_bt0p1 {
+.chart__tooltipArrow_1ceg4 {
     position: absolute;
     left: var(--gap-0);
     top: 50%;
@@ -50,7 +50,7 @@
     border: 1px solid var(--color-light-neutral-400);
     background-color: var(--color-light-base-bg-primary);
 }
-.chart__tooltipArrow_bt0p1:before {
+.chart__tooltipArrow_1ceg4:before {
     content: '';
     position: absolute;
     left: var(--gap-2-neg);
@@ -61,7 +61,7 @@
     border-width: 0 14px 14px 0;
     border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_bt0p1 {
+.chart__tooltipArrowRight_1ceg4 {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <TypographyText\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </TypographyText>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </TypographyText>\n                                <TypographyText\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</TypographyText>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport { TypographyText } from '@alfalab/core-components-typography';\n\nimport { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = forwardRef<HTMLDivElement, TooltipContentProps>(\n    (\n        {\n            payload,\n            separator,\n            label,\n            tooltipArrowSide,\n            arrow,\n            series,\n            labelFormatter,\n            labelStyle,\n            contentFormatter,\n        },\n        ref,\n    ) => {\n        if (!label || payload.length === 0) return null;\n\n        if (typeof contentFormatter === 'function') {\n            return (\n                <div className={cn(styles.tooltip)} ref={ref}>\n                    {arrow && (\n                        <span\n                            className={cn(styles.tooltipArrow, {\n                                [styles.tooltipArrowRight]: !tooltipArrowSide,\n                            })}\n                        />\n                    )}\n                    {contentFormatter?.({ label, payload })}\n                </div>\n            );\n        }\n\n        return (\n            <div className={cn(styles.tooltip)} ref={ref}>\n                {arrow && (\n                    <span\n                        className={cn(styles.tooltipArrow, {\n                            [styles.tooltipArrowRight]: !tooltipArrowSide,\n                        })}\n                    />\n                )}\n                <ul className={cn(styles.tooltipList)}>\n                    <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                        <TypographyText\n                            view='primary-medium'\n                            tag='span'\n                            weight='medium'\n                            className={cn(styles.tooltipLabel)}\n                        >\n                            {labelFormatter ? labelFormatter(label) : label}\n                        </TypographyText>\n                    </li>\n                    {payload.map((entry: PayloadProps) => {\n                        const data: SeriaProps | undefined = series.find(\n                            (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                        );\n\n                        if (data?.hideTooltip || data?.hide) return null;\n\n                        return (\n                            <li\n                                className={cn(styles.tooltipItem)}\n                                key={entry.dataKey}\n                                style={{ color: entry.color }}\n                            >\n                                <TypographyText\n                                    view='primary-medium'\n                                    tag='span'\n                                    weight='medium'\n                                    className={cn(styles.tooltipValue)}\n                                >\n                                    {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                    {separator || ' '}\n                                </TypographyText>\n                                <TypographyText\n                                    view='secondary-large'\n                                    tag='span'\n                                    className={cn(styles.tooltipName)}\n                                >{`${entry.name}`}</TypographyText>\n                            </li>\n                        );\n                    })}\n                </ul>\n            </div>\n        );\n    },\n);\n"],"names":[],"mappings":"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"}

package/modern/components/TooltipContent/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"tooltip":"chart__tooltip_bt0p1","tooltipList":"chart__tooltipList_bt0p1","tooltipItem":"chart__tooltipItem_bt0p1","tooltipArrow":"chart__tooltipArrow_bt0p1","tooltipArrowRight":"chart__tooltipArrowRight_bt0p1"};
+const styles = {"tooltip":"chart__tooltip_1ceg4","tooltipList":"chart__tooltipList_1ceg4","tooltipItem":"chart__tooltipItem_1ceg4","tooltipArrow":"chart__tooltipArrow_1ceg4","tooltipArrowRight":"chart__tooltipArrowRight_1ceg4"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/components/TooltipContent/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/TooltipContent/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.tooltip {\n    background-color: var(--color-light-base-bg-primary);\n    border: 1px solid var(--color-light-neutral-400);\n    box-shadow: var(--shadow-l);\n    border-radius: var(--border-radius-8);\n    padding: var(--gap-12) var(--gap-16);\n    pointer-events: none;\n    position: relative;\n}\n\n.tooltipList {\n    position: relative;\n    z-index: 5;\n    list-style-type: none;\n    padding: var(--gap-0);\n    margin: var(--gap-0);\n}\n\n.tooltipItem {\n    margin-bottom: var(--gap-10);\n}\n\n.tooltipArrow {\n    position: absolute;\n    left: var(--gap-0);\n    top: 50%;\n    transform: translate(-50%, -50%) scale(1, 1) rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 1px solid var(--color-light-neutral-400);\n    background-color: var(--color-light-base-bg-primary);\n}\n\n.tooltipArrow:before {\n    content: '';\n    position: absolute;\n    left: var(--gap-2-neg);\n    top: var(--gap-2-neg);\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 14px 14px 0;\n    border-color: transparent var(--color-light-base-bg-primary) transparent transparent;\n}\n\n.tooltipArrowRight {\n    left: 100%;\n    transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,0BAA0B,CAAC,aAAa,CAAC,0BAA0B,CAAC,cAAc,CAAC,2BAA2B,CAAC,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/TooltipContent/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.tooltip {\n    background-color: var(--color-light-base-bg-primary);\n    border: 1px solid var(--color-light-neutral-400);\n    box-shadow: var(--shadow-l);\n    border-radius: var(--border-radius-8);\n    padding: var(--gap-12) var(--gap-16);\n    pointer-events: none;\n    position: relative;\n}\n\n.tooltipList {\n    position: relative;\n    z-index: 5;\n    list-style-type: none;\n    padding: var(--gap-0);\n    margin: var(--gap-0);\n}\n\n.tooltipItem {\n    margin-bottom: var(--gap-10);\n}\n\n.tooltipArrow {\n    position: absolute;\n    left: var(--gap-0);\n    top: 50%;\n    transform: translate(-50%, -50%) scale(1, 1) rotate(45deg);\n    width: 10px;\n    height: 10px;\n    border: 1px solid var(--color-light-neutral-400);\n    background-color: var(--color-light-base-bg-primary);\n}\n\n.tooltipArrow:before {\n    content: '';\n    position: absolute;\n    left: var(--gap-2-neg);\n    top: var(--gap-2-neg);\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 14px 14px 0;\n    border-color: transparent var(--color-light-base-bg-primary) transparent transparent;\n}\n\n.tooltipArrowRight {\n    left: 100%;\n    transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,SAAS,CAAC,sBAAsB,CAAC,aAAa,CAAC,0BAA0B,CAAC,aAAa,CAAC,0BAA0B,CAAC,cAAc,CAAC,2BAA2B,CAAC,mBAAmB,CAAC,gCAAgC,CAAC;;;;"}

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

@@ -1,5 +1,5 @@
 import { type RadiusProp } from '../../types/seria.types';
-export declare type usePathBarProps = {
+export type usePathBarProps = {
     radius?: RadiusProp;
     height: number;
     background?: {

package/modern/hooks/usePathBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/usePathBar/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { type RadiusProp } from '../../types/seria.types';\n\nimport { getRadius } from './utils/getRadius';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport type usePathBarProps = {\n    radius?: RadiusProp;\n    height: number;\n    background?: {\n        x: number;\n        y: number;\n        height: number;\n        width: number;\n    };\n    y?: number;\n};\n\nexport const usePathBar = (props: usePathBarProps): number[] => {\n    const [topRadius, setTopRadius] = useState<number>(0);\n    const [bottomRadius, setBottomRadius] = useState<number>(0);\n    const [initHeight, setInitHeight] = useState<number>(0);\n    const [initY, setInitY] = useState<number>(0);\n\n    useEffect(() => {\n        const { radius, height, background, y } = props;\n        const radiusTop = radius?.top ? getRadius(height, radius.top) : 0;\n        const radiusBottom = radius?.bottom ? getRadius(height, radius.bottom) : 0;\n\n        const heightCheck =\n            (radius && height !== 0 && height / 2 < (radius?.top || 0)) ||\n            height / 2 < (radius?.bottom || 0);\n\n        // eslint-disable-next-line no-nested-ternary\n        const heightInit = heightCheck\n            ? (radiusTop || radiusBottom) && radiusTop + radiusBottom\n            : height > 0 && height < 2\n              ? 2\n              : height;\n\n        if (background && y) {\n            const yInit = heightCheck\n                ? background.height + background.y - (radiusTop + radiusBottom)\n                : y;\n\n            setInitY(yInit);\n        }\n\n        if (radiusTop !== 0) setTopRadius(radiusTop);\n        if (radiusBottom !== 0) setBottomRadius(radiusBottom);\n        if (heightInit !== 0) setInitHeight(heightInit);\n    }, [props]);\n\n    return [initHeight, topRadius, bottomRadius, initY];\n};\n"],"names":[],"mappings":";;;AAmBa,MAAA,UAAU,GAAG,CAAC,KAAsB,KAAc;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAE7C,SAAS,CAAC,MAAK;QACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK;QAC/C,MAAM,SAAS,GAAG,MAAM,EAAE,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QACjE,MAAM,YAAY,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QAE1E,MAAM,WAAW,GACb,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1D,MAAM,GAAG,CAAC,IAAI,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;;QAGtC,MAAM,UAAU,GAAG;cACb,CAAC,SAAS,IAAI,YAAY,KAAK,SAAS,GAAG;AAC7C,cAAE,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG;AACvB,kBAAE;kBACA,MAAM;QAEd,IAAI,UAAU,IAAI,CAAC,EAAE;YACjB,MAAM,KAAK,GAAG;AACV,kBAAE,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,IAAI,SAAS,GAAG,YAAY;kBAC5D,CAAC;YAEP,QAAQ,CAAC,KAAK,CAAC;AAClB;QAED,IAAI,SAAS,KAAK,CAAC;YAAE,YAAY,CAAC,SAAS,CAAC;QAC5C,IAAI,YAAY,KAAK,CAAC;YAAE,eAAe,CAAC,YAAY,CAAC;QACrD,IAAI,UAAU,KAAK,CAAC;YAAE,aAAa,CAAC,UAAU,CAAC;AACnD,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AACvD;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/usePathBar/index.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { type RadiusProp } from '../../types/seria.types';\n\nimport { getRadius } from './utils/getRadius';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport type usePathBarProps = {\n    radius?: RadiusProp;\n    height: number;\n    background?: {\n        x: number;\n        y: number;\n        height: number;\n        width: number;\n    };\n    y?: number;\n};\n\nexport const usePathBar = (props: usePathBarProps): number[] => {\n    const [topRadius, setTopRadius] = useState<number>(0);\n    const [bottomRadius, setBottomRadius] = useState<number>(0);\n    const [initHeight, setInitHeight] = useState<number>(0);\n    const [initY, setInitY] = useState<number>(0);\n\n    useEffect(() => {\n        const { radius, height, background, y } = props;\n        const radiusTop = radius?.top ? getRadius(height, radius.top) : 0;\n        const radiusBottom = radius?.bottom ? getRadius(height, radius.bottom) : 0;\n\n        const heightCheck =\n            (radius && height !== 0 && height / 2 < (radius?.top || 0)) ||\n            height / 2 < (radius?.bottom || 0);\n\n        // eslint-disable-next-line no-nested-ternary\n        const heightInit = heightCheck\n            ? (radiusTop || radiusBottom) && radiusTop + radiusBottom\n            : height > 0 && height < 2\n              ? 2\n              : height;\n\n        if (background && y) {\n            const yInit = heightCheck\n                ? background.height + background.y - (radiusTop + radiusBottom)\n                : y;\n\n            setInitY(yInit);\n        }\n\n        if (radiusTop !== 0) setTopRadius(radiusTop);\n        if (radiusBottom !== 0) setBottomRadius(radiusBottom);\n        if (heightInit !== 0) setInitHeight(heightInit);\n    }, [props]);\n\n    return [initHeight, topRadius, bottomRadius, initY];\n};\n"],"names":[],"mappings":";;;AAmBa,MAAA,UAAU,GAAG,CAAC,KAAsB,KAAc;IAC3D,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IACrD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAC3D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAE7C,SAAS,CAAC,MAAK;QACX,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,EAAE,GAAG,KAAK;QAC/C,MAAM,SAAS,GAAG,MAAM,EAAE,GAAG,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QACjE,MAAM,YAAY,GAAG,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QAE1E,MAAM,WAAW,GACb,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;YAC1D,MAAM,GAAG,CAAC,IAAI,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC;;QAGtC,MAAM,UAAU,GAAG;cACb,CAAC,SAAS,IAAI,YAAY,KAAK,SAAS,GAAG;AAC7C,cAAE,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG;AACvB,kBAAE;kBACA,MAAM;AAEd,QAAA,IAAI,UAAU,IAAI,CAAC,EAAE;YACjB,MAAM,KAAK,GAAG;AACV,kBAAE,UAAU,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC,IAAI,SAAS,GAAG,YAAY;kBAC5D,CAAC;YAEP,QAAQ,CAAC,KAAK,CAAC;;QAGnB,IAAI,SAAS,KAAK,CAAC;YAAE,YAAY,CAAC,SAAS,CAAC;QAC5C,IAAI,YAAY,KAAK,CAAC;YAAE,eAAe,CAAC,YAAY,CAAC;QACrD,IAAI,UAAU,KAAK,CAAC;YAAE,aAAa,CAAC,UAAU,CAAC;AACnD,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC;AACvD;;;;"}

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

@@ -1,7 +1,7 @@
 import { type Dispatch, type SetStateAction } from 'react';
 import { type OptionsProps } from '../../types/options.types';
 import { type DataDynamicBooleanProps, type DataDynamicProps } from '../../types/utils/data.types';
-declare type Settings = [
+type Settings = [
     {
         state: OptionsProps | null;
         data: DataDynamicProps[];

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

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

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

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

package/modern/hooks/useSettings/utils/setDatas.js.map

@@ -1 +1 @@
-{"version":3,"file":"setDatas.js","sources":["../../../../src/hooks/useSettings/utils/setDatas.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\nimport {\n    type DataDynamicBooleanProps,\n    type DataDynamicProps,\n    type DataProps,\n} from '../../../types/utils/data.types';\n\ntype DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];\n\nexport const setDatas = (\n    series: SeriaProps[],\n    labels: Array<string | number>,\n): DatasResultProps => {\n    const initData: DataDynamicProps[] = [];\n    const chartsNames: DataDynamicBooleanProps = {};\n    let count = 0;\n\n    for (let i = 0; i < series.length; i++) {\n        const {\n            properties: { dataKey = '' } = {},\n            data: seriaData = [],\n            hideLegend,\n            hide,\n        } = series[i];\n\n        if (!hideLegend && !hide) count += 1;\n\n        labels.map((label) => {\n            const item = seriaData.find((d: DataProps) => d.label === label);\n\n            if (item) {\n                const obj: DataDynamicProps = {\n                    label,\n                };\n\n                obj[`${dataKey}`] = item.value;\n\n                if (!chartsNames[`${dataKey}`]) chartsNames[`${dataKey}`] = true;\n\n                const index = initData\n                    .map((dataItem: DataDynamicProps) => dataItem.label)\n                    .indexOf(label);\n\n                if (index === -1) initData.push(obj);\n                else initData[index] = { ...initData[index], ...obj };\n            }\n\n            return null;\n        });\n    }\n\n    return [initData, chartsNames, count];\n};\n"],"names":[],"mappings":"MASa,QAAQ,GAAG,CACpB,MAAoB,EACpB,MAA8B,KACZ;IAClB,MAAM,QAAQ,GAAuB,EAAE;IACvC,MAAM,WAAW,GAA4B,EAAE;IAC/C,IAAI,KAAK,GAAG,CAAC;AAEb,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,EACF,UAAU,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,EAAE,EACjC,IAAI,EAAE,SAAS,GAAG,EAAE,EACpB,UAAU,EACV,IAAI,GACP,GAAG,MAAM,CAAC,CAAC,CAAC;AAEb,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI;YAAE,KAAK,IAAI,CAAC;AAEpC,QAAA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACjB,YAAA,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAY,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;AAEhE,YAAA,IAAI,IAAI,EAAE;AACN,gBAAA,MAAM,GAAG,GAAqB;oBAC1B,KAAK;iBACR;gBAED,GAAG,CAAC,GAAG,OAAO,CAAA,CAAE,CAAC,GAAG,IAAI,CAAC,KAAK;AAE9B,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAG,EAAA,OAAO,EAAE,CAAC;AAAE,oBAAA,WAAW,CAAC,CAAG,EAAA,OAAO,EAAE,CAAC,GAAG,IAAI;gBAEhE,MAAM,KAAK,GAAG;qBACT,GAAG,CAAC,CAAC,QAA0B,KAAK,QAAQ,CAAC,KAAK;qBAClD,OAAO,CAAC,KAAK,CAAC;gBAEnB,IAAI,KAAK,KAAK,EAAE;AAAE,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;;AAC/B,oBAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,EAAE;AACxD;AAED,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;AACL;AAED,IAAA,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC;AACzC;;;;"}
+{"version":3,"file":"setDatas.js","sources":["../../../../src/hooks/useSettings/utils/setDatas.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\nimport {\n    type DataDynamicBooleanProps,\n    type DataDynamicProps,\n    type DataProps,\n} from '../../../types/utils/data.types';\n\ntype DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];\n\nexport const setDatas = (\n    series: SeriaProps[],\n    labels: Array<string | number>,\n): DatasResultProps => {\n    const initData: DataDynamicProps[] = [];\n    const chartsNames: DataDynamicBooleanProps = {};\n    let count = 0;\n\n    for (let i = 0; i < series.length; i++) {\n        const {\n            properties: { dataKey = '' } = {},\n            data: seriaData = [],\n            hideLegend,\n            hide,\n        } = series[i];\n\n        if (!hideLegend && !hide) count += 1;\n\n        labels.map((label) => {\n            const item = seriaData.find((d: DataProps) => d.label === label);\n\n            if (item) {\n                const obj: DataDynamicProps = {\n                    label,\n                };\n\n                obj[`${dataKey}`] = item.value;\n\n                if (!chartsNames[`${dataKey}`]) chartsNames[`${dataKey}`] = true;\n\n                const index = initData\n                    .map((dataItem: DataDynamicProps) => dataItem.label)\n                    .indexOf(label);\n\n                if (index === -1) initData.push(obj);\n                else initData[index] = { ...initData[index], ...obj };\n            }\n\n            return null;\n        });\n    }\n\n    return [initData, chartsNames, count];\n};\n"],"names":[],"mappings":"MASa,QAAQ,GAAG,CACpB,MAAoB,EACpB,MAA8B,KACZ;IAClB,MAAM,QAAQ,GAAuB,EAAE;IACvC,MAAM,WAAW,GAA4B,EAAE;IAC/C,IAAI,KAAK,GAAG,CAAC;AAEb,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QACpC,MAAM,EACF,UAAU,EAAE,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,EAAE,EACjC,IAAI,EAAE,SAAS,GAAG,EAAE,EACpB,UAAU,EACV,IAAI,GACP,GAAG,MAAM,CAAC,CAAC,CAAC;AAEb,QAAA,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI;YAAE,KAAK,IAAI,CAAC;AAEpC,QAAA,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;AACjB,YAAA,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC,CAAY,KAAK,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC;YAEhE,IAAI,IAAI,EAAE;AACN,gBAAA,MAAM,GAAG,GAAqB;oBAC1B,KAAK;iBACR;gBAED,GAAG,CAAC,GAAG,OAAO,CAAA,CAAE,CAAC,GAAG,IAAI,CAAC,KAAK;AAE9B,gBAAA,IAAI,CAAC,WAAW,CAAC,CAAG,EAAA,OAAO,EAAE,CAAC;AAAE,oBAAA,WAAW,CAAC,CAAG,EAAA,OAAO,EAAE,CAAC,GAAG,IAAI;gBAEhE,MAAM,KAAK,GAAG;qBACT,GAAG,CAAC,CAAC,QAA0B,KAAK,QAAQ,CAAC,KAAK;qBAClD,OAAO,CAAC,KAAK,CAAC;gBAEnB,IAAI,KAAK,KAAK,EAAE;AAAE,oBAAA,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC;;AAC/B,oBAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,QAAQ,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,EAAE;;AAGzD,YAAA,OAAO,IAAI;AACf,SAAC,CAAC;;AAGN,IAAA,OAAO,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC;AACzC;;;;"}

package/modern/hooks/useSettings/utils/setGradientCharts.js.map

@@ -1 +1 @@
-{"version":3,"file":"setGradientCharts.js","sources":["../../../../src/hooks/useSettings/utils/setGradientCharts.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\nimport { type DataProps } from '../../../types/utils/data.types';\n\nexport const setGradientCharts = (series: SeriaProps[]): SeriaProps[] => {\n    const filterSeries = series.filter((item) => item.chart !== 'gradient');\n\n    return filterSeries.reduce((accum: SeriaProps[], item: SeriaProps) => {\n        const { chart, data: dataSeria, offset, fill } = item;\n\n        if (chart === 'area') {\n            let newData = null;\n\n            if (offset) {\n                newData = dataSeria.map((d: DataProps) => {\n                    const { label, value } = d;\n\n                    return {\n                        label,\n                        value: Math.ceil(value - value * offset),\n                    };\n                });\n            }\n\n            accum.push({\n                ...item,\n                zIndex: -100,\n                chart: 'gradient',\n                hideLegend: true,\n                hideTooltip: true,\n                properties: {\n                    ...item.properties,\n                    dataKey: `${item.properties.dataKey}-gradient`,\n                    fill,\n                },\n                data: newData || item.data,\n            });\n        }\n\n        accum.push(item);\n\n        return accum;\n    }, []);\n};\n"],"names":[],"mappings":"AAGa,MAAA,iBAAiB,GAAG,CAAC,MAAoB,KAAkB;AACpE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC;IAEvE,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,KAAmB,EAAE,IAAgB,KAAI;AACjE,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;QAErD,IAAI,KAAK,KAAK,MAAM,EAAE;YAClB,IAAI,OAAO,GAAG,IAAI;AAElB,YAAA,IAAI,MAAM,EAAE;gBACR,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAY,KAAI;AACrC,oBAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC;oBAE1B,OAAO;wBACH,KAAK;wBACL,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;qBAC3C;AACL,iBAAC,CAAC;AACL;YAED,KAAK,CAAC,IAAI,CAAC;AACP,gBAAA,GAAG,IAAI;gBACP,MAAM,EAAE,IAAI;AACZ,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,UAAU,EAAE;oBACR,GAAG,IAAI,CAAC,UAAU;AAClB,oBAAA,OAAO,EAAE,CAAG,EAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAW,SAAA,CAAA;oBAC9C,IAAI;AACP,iBAAA;AACD,gBAAA,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,IAAI;AAC7B,aAAA,CAAC;AACL;AAED,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAEhB,QAAA,OAAO,KAAK;KACf,EAAE,EAAE,CAAC;AACV;;;;"}
+{"version":3,"file":"setGradientCharts.js","sources":["../../../../src/hooks/useSettings/utils/setGradientCharts.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\nimport { type DataProps } from '../../../types/utils/data.types';\n\nexport const setGradientCharts = (series: SeriaProps[]): SeriaProps[] => {\n    const filterSeries = series.filter((item) => item.chart !== 'gradient');\n\n    return filterSeries.reduce((accum: SeriaProps[], item: SeriaProps) => {\n        const { chart, data: dataSeria, offset, fill } = item;\n\n        if (chart === 'area') {\n            let newData = null;\n\n            if (offset) {\n                newData = dataSeria.map((d: DataProps) => {\n                    const { label, value } = d;\n\n                    return {\n                        label,\n                        value: Math.ceil(value - value * offset),\n                    };\n                });\n            }\n\n            accum.push({\n                ...item,\n                zIndex: -100,\n                chart: 'gradient',\n                hideLegend: true,\n                hideTooltip: true,\n                properties: {\n                    ...item.properties,\n                    dataKey: `${item.properties.dataKey}-gradient`,\n                    fill,\n                },\n                data: newData || item.data,\n            });\n        }\n\n        accum.push(item);\n\n        return accum;\n    }, []);\n};\n"],"names":[],"mappings":"AAGa,MAAA,iBAAiB,GAAG,CAAC,MAAoB,KAAkB;AACpE,IAAA,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,KAAK,UAAU,CAAC;IAEvE,OAAO,YAAY,CAAC,MAAM,CAAC,CAAC,KAAmB,EAAE,IAAgB,KAAI;AACjE,QAAA,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;AAErD,QAAA,IAAI,KAAK,KAAK,MAAM,EAAE;YAClB,IAAI,OAAO,GAAG,IAAI;YAElB,IAAI,MAAM,EAAE;gBACR,OAAO,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAY,KAAI;AACrC,oBAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC;oBAE1B,OAAO;wBACH,KAAK;wBACL,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;qBAC3C;AACL,iBAAC,CAAC;;YAGN,KAAK,CAAC,IAAI,CAAC;AACP,gBAAA,GAAG,IAAI;gBACP,MAAM,EAAE,IAAI;AACZ,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,UAAU,EAAE,IAAI;AAChB,gBAAA,WAAW,EAAE,IAAI;AACjB,gBAAA,UAAU,EAAE;oBACR,GAAG,IAAI,CAAC,UAAU;AAClB,oBAAA,OAAO,EAAE,CAAG,EAAA,IAAI,CAAC,UAAU,CAAC,OAAO,CAAW,SAAA,CAAA;oBAC9C,IAAI;AACP,iBAAA;AACD,gBAAA,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,IAAI;AAC7B,aAAA,CAAC;;AAGN,QAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;AAEhB,QAAA,OAAO,KAAK;KACf,EAAE,EAAE,CAAC;AACV;;;;"}

package/modern/hooks/useSettings/utils/setLegendMargin.js.map

@@ -1 +1 @@
-{"version":3,"file":"setLegendMargin.js","sources":["../../../../src/hooks/useSettings/utils/setLegendMargin.ts"],"sourcesContent":["import { type BrushProps } from '../../../types/brush.types';\nimport { type LegendProps } from '../../../types/legend.types';\n\nexport const setLegendMargin = (brush: BrushProps, legend: LegendProps): number => {\n    let top = 0;\n\n    if (typeof brush?.brushMargin !== 'number' || !legend?.verticalAlign) return top;\n\n    if (legend.verticalAlign === 'top') {\n        top = legend.marginTop ? Number(legend.marginTop * -1) : 0;\n    } else {\n        top = legend?.marginTop ? legend.marginTop + (brush?.brushMargin || 0) : brush?.brushMargin;\n    }\n\n    return top;\n};\n"],"names":[],"mappings":"MAGa,eAAe,GAAG,CAAC,KAAiB,EAAE,MAAmB,KAAY;IAC9E,IAAI,GAAG,GAAG,CAAC;IAEX,IAAI,OAAO,KAAK,EAAE,WAAW,KAAK,QAAQ,IAAI,CAAC,MAAM,EAAE,aAAa;AAAE,QAAA,OAAO,GAAG;AAEhF,IAAA,IAAI,MAAM,CAAC,aAAa,KAAK,KAAK,EAAE;QAChC,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC;AAC7D;AAAM,SAAA;QACH,GAAG,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW;AAC9F;AAED,IAAA,OAAO,GAAG;AACd;;;;"}
+{"version":3,"file":"setLegendMargin.js","sources":["../../../../src/hooks/useSettings/utils/setLegendMargin.ts"],"sourcesContent":["import { type BrushProps } from '../../../types/brush.types';\nimport { type LegendProps } from '../../../types/legend.types';\n\nexport const setLegendMargin = (brush: BrushProps, legend: LegendProps): number => {\n    let top = 0;\n\n    if (typeof brush?.brushMargin !== 'number' || !legend?.verticalAlign) return top;\n\n    if (legend.verticalAlign === 'top') {\n        top = legend.marginTop ? Number(legend.marginTop * -1) : 0;\n    } else {\n        top = legend?.marginTop ? legend.marginTop + (brush?.brushMargin || 0) : brush?.brushMargin;\n    }\n\n    return top;\n};\n"],"names":[],"mappings":"MAGa,eAAe,GAAG,CAAC,KAAiB,EAAE,MAAmB,KAAY;IAC9E,IAAI,GAAG,GAAG,CAAC;IAEX,IAAI,OAAO,KAAK,EAAE,WAAW,KAAK,QAAQ,IAAI,CAAC,MAAM,EAAE,aAAa;AAAE,QAAA,OAAO,GAAG;AAEhF,IAAA,IAAI,MAAM,CAAC,aAAa,KAAK,KAAK,EAAE;QAChC,GAAG,GAAG,MAAM,CAAC,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC;;SACvD;QACH,GAAG,GAAG,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,IAAI,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,EAAE,WAAW;;AAG/F,IAAA,OAAO,GAAG;AACd;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"sortByIndex.js","sources":["../../../../src/hooks/useSettings/utils/sortByIndex.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\n\nexport const sortByIndex = (series: SeriaProps[]): SeriaProps[] =>\n    series.sort((a: SeriaProps, b: SeriaProps) => {\n        if (a?.zIndex && b?.zIndex && a?.zIndex > b?.zIndex) {\n            return 1;\n        }\n\n        return -1;\n    });\n"],"names":[],"mappings":"AAEa,MAAA,WAAW,GAAG,CAAC,MAAoB,KAC5C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAa,EAAE,CAAa,KAAI;AACzC,IAAA,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE;AACjD,QAAA,OAAO,CAAC;AACX;IAED,OAAO,EAAE;AACb,CAAC;;;;"}
+{"version":3,"file":"sortByIndex.js","sources":["../../../../src/hooks/useSettings/utils/sortByIndex.ts"],"sourcesContent":["import { type SeriaProps } from '../../../types/seria.types';\n\nexport const sortByIndex = (series: SeriaProps[]): SeriaProps[] =>\n    series.sort((a: SeriaProps, b: SeriaProps) => {\n        if (a?.zIndex && b?.zIndex && a?.zIndex > b?.zIndex) {\n            return 1;\n        }\n\n        return -1;\n    });\n"],"names":[],"mappings":"AAEa,MAAA,WAAW,GAAG,CAAC,MAAoB,KAC5C,MAAM,CAAC,IAAI,CAAC,CAAC,CAAa,EAAE,CAAa,KAAI;AACzC,IAAA,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,MAAM,EAAE;AACjD,QAAA,OAAO,CAAC;;IAGZ,OAAO,EAAE;AACb,CAAC;;;;"}

package/modern/icons/Circle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fill?: string;
     height?: number;
 };

package/modern/icons/CircleLine.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fill?: string;
     height?: number;
 };

package/modern/icons/FilledCircle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fill?: string;
     height?: number;
 };

package/modern/icons/Point.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fill?: string;
     height?: number;
 };

package/modern/icons/StrokeCircle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     fill?: string;
     height?: number;
 };

package/modern/index.css

@@ -5,10 +5,10 @@
     --font-family-system:
         system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
 }
-.chart__coreChart_1fkto .recharts-line path {
+.chart__coreChart_1bs2j .recharts-line path {
         transition: d 0.2s ease-out;
     }
-.chart__coreChart_1fkto .recharts-text tspan {
+.chart__coreChart_1bs2j .recharts-text tspan {
         fill: var(--color-light-text-primary);
 
         font-size: 16px;
@@ -19,11 +19,11 @@
 
         font-family: var(--font-family-system);
     }
-.chart__bar_1fkto {
+.chart__bar_1bs2j {
     transition:
         opacity 0.2s ease-out,
         d 0.2s ease-out;
 }
-.chart__unfocused_1fkto {
+.chart__unfocused_1bs2j {
     opacity: 0.3;
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"coreChart":"chart__coreChart_1fkto","bar":"chart__bar_1fkto","unfocused":"chart__unfocused_1fkto"};
+const styles = {"coreChart":"chart__coreChart_1bs2j","bar":"chart__bar_1bs2j","unfocused":"chart__unfocused_1bs2j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.coreChart {\n    & :global(.recharts-line path) {\n        transition: d 0.2s ease-out;\n    }\n\n    & :global(.recharts-text tspan) {\n        fill: var(--color-light-text-primary);\n\n        @mixin paragraph_component_primary;\n    }\n}\n\n.bar {\n    transition:\n        opacity 0.2s ease-out,\n        d 0.2s ease-out;\n}\n\n.unfocused {\n    opacity: 0.3;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.coreChart {\n    & :global(.recharts-line path) {\n        transition: d 0.2s ease-out;\n    }\n\n    & :global(.recharts-text tspan) {\n        fill: var(--color-light-text-primary);\n\n        @mixin paragraph_component_primary;\n    }\n}\n\n.bar {\n    transition:\n        opacity 0.2s ease-out,\n        d 0.2s ease-out;\n}\n\n.unfocused {\n    opacity: 0.3;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,wBAAwB,CAAC,KAAK,CAAC,kBAAkB,CAAC,WAAW,CAAC,wBAAwB,CAAC;;;;"}

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

@@ -3,8 +3,8 @@ import { type RectangleProps } from 'recharts';
 import { type DataKey } from 'recharts/types/util/types';
 import { type DataProps } from './utils/data.types';
 import { type DotSettingProps } from './utils/dot.types';
-declare type CurveType = 'linear' | 'monotone' | 'step';
-export declare type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
+type CurveType = 'linear' | 'monotone' | 'step';
+export type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 export interface ChartProps {
     /**
      * Название графика (отображается в легендах и тултипе)

package/modern/types/payload.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type DataDynamicBooleanProps } from './utils/data.types';
 export interface PayloadProps {
     /**

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

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