@alfalab/core-components-chart 4.0.1 → 4.0.2

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/hooks/useSettings/index.tsx"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useState } from 'react';\n\nimport { OptionsProps } from '../../types/options.types';\nimport { DataDynamicBooleanProps, DataDynamicProps } from '../../types/utils/data.types';\n\nimport { setComposedChartsMargin } from './utils/setComposedChartsMargin';\nimport { setDatas } from './utils/setDatas';\nimport { setGradientCharts } from './utils/setGradientCharts';\nimport { setLegendMargin } from './utils/setLegendMargin';\nimport { sortByIndex } from './utils/sortByIndex';\n\ntype Settings = [\n    {\n        state: OptionsProps | null;\n        data: DataDynamicProps[];\n        charts: DataDynamicBooleanProps;\n        filterCount: number;\n    },\n    {\n        setState: Dispatch<SetStateAction<OptionsProps | null>>;\n        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;\n        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;\n        setFilterCount: Dispatch<SetStateAction<number>>;\n    },\n];\n\nexport const useSettings = (options: OptionsProps): Settings => {\n    const [state, setState] = useState<OptionsProps | null>(null);\n    const [charts, setCharts] = useState<DataDynamicBooleanProps>({});\n    const [data, setData] = useState<DataDynamicProps[]>([]);\n    const [filterCount, setFilterCount] = useState<number>(0);\n\n    useEffect(() => {\n        const settings: OptionsProps = { ...options };\n        const { brush, legend, series, labels, composeChart, xAxis } = settings;\n\n        if (settings.legend?.margin && brush && legend)\n            settings.legend.margin.top = setLegendMargin(brush, legend);\n\n        settings.series = setGradientCharts(series);\n        const [initData, chartsNames, count] = setDatas(settings.series, labels);\n\n        settings.composeChart.margin = setComposedChartsMargin(composeChart, legend, brush, xAxis);\n        settings.series = sortByIndex(settings.series);\n\n        setState(settings);\n        setData(initData);\n        setCharts(chartsNames);\n        setFilterCount(count);\n    }, [options]);\n\n    return [\n        {\n            state,\n            data,\n            charts,\n            filterCount,\n        },\n        {\n            setState,\n            setData,\n            setCharts,\n            setFilterCount,\n        },\n    ];\n};\n"],"names":[],"mappings":";;;;;;;AA0Ba,MAAA,WAAW,GAAG,CAAC,OAAqB,KAAc;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC;IACjE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAEzD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,QAAQ,GAAiB,EAAE,GAAG,OAAO,EAAE;AAC7C,QAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ;QAEvE,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,MAAM;AAC1C,YAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC;AAE/D,QAAA,QAAQ,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC3C,QAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;AAExE,QAAA,QAAQ,CAAC,YAAY,CAAC,MAAM,GAAG,uBAAuB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1F,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC;QAE9C,QAAQ,CAAC,QAAQ,CAAC;QAClB,OAAO,CAAC,QAAQ,CAAC;QACjB,SAAS,CAAC,WAAW,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC;AACzB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,OAAO;AACH,QAAA;YACI,KAAK;YACL,IAAI;YACJ,MAAM;YACN,WAAW;AACd,SAAA;AACD,QAAA;YACI,QAAQ;YACR,OAAO;YACP,SAAS;YACT,cAAc;AACjB,SAAA;KACJ;AACL;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/hooks/useSettings/index.ts"],"sourcesContent":["import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';\n\nimport { type OptionsProps } from '../../types/options.types';\nimport { type DataDynamicBooleanProps, type DataDynamicProps } from '../../types/utils/data.types';\n\nimport { setComposedChartsMargin } from './utils/setComposedChartsMargin';\nimport { setDatas } from './utils/setDatas';\nimport { setGradientCharts } from './utils/setGradientCharts';\nimport { setLegendMargin } from './utils/setLegendMargin';\nimport { sortByIndex } from './utils/sortByIndex';\n\ntype Settings = [\n    {\n        state: OptionsProps | null;\n        data: DataDynamicProps[];\n        charts: DataDynamicBooleanProps;\n        filterCount: number;\n    },\n    {\n        setState: Dispatch<SetStateAction<OptionsProps | null>>;\n        setData: Dispatch<SetStateAction<DataDynamicProps[]>>;\n        setCharts: Dispatch<SetStateAction<DataDynamicBooleanProps>>;\n        setFilterCount: Dispatch<SetStateAction<number>>;\n    },\n];\n\nexport const useSettings = (options: OptionsProps): Settings => {\n    const [state, setState] = useState<OptionsProps | null>(null);\n    const [charts, setCharts] = useState<DataDynamicBooleanProps>({});\n    const [data, setData] = useState<DataDynamicProps[]>([]);\n    const [filterCount, setFilterCount] = useState<number>(0);\n\n    useEffect(() => {\n        const settings: OptionsProps = { ...options };\n        const { brush, legend, series, labels, composeChart, xAxis } = settings;\n\n        if (settings.legend?.margin && brush && legend)\n            settings.legend.margin.top = setLegendMargin(brush, legend);\n\n        settings.series = setGradientCharts(series);\n        const [initData, chartsNames, count] = setDatas(settings.series, labels);\n\n        settings.composeChart.margin = setComposedChartsMargin(composeChart, legend, brush, xAxis);\n        settings.series = sortByIndex(settings.series);\n\n        setState(settings);\n        setData(initData);\n        setCharts(chartsNames);\n        setFilterCount(count);\n    }, [options]);\n\n    return [\n        {\n            state,\n            data,\n            charts,\n            filterCount,\n        },\n        {\n            setState,\n            setData,\n            setCharts,\n            setFilterCount,\n        },\n    ];\n};\n"],"names":[],"mappings":";;;;;;;AA0Ba,MAAA,WAAW,GAAG,CAAC,OAAqB,KAAc;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA0B,EAAE,CAAC;IACjE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC;IACxD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC;IAEzD,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,QAAQ,GAAiB,EAAE,GAAG,OAAO,EAAE;AAC7C,QAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,QAAQ;QAEvE,IAAI,QAAQ,CAAC,MAAM,EAAE,MAAM,IAAI,KAAK,IAAI,MAAM;AAC1C,YAAA,QAAQ,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,GAAG,eAAe,CAAC,KAAK,EAAE,MAAM,CAAC;AAE/D,QAAA,QAAQ,CAAC,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC;AAC3C,QAAA,MAAM,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;AAExE,QAAA,QAAQ,CAAC,YAAY,CAAC,MAAM,GAAG,uBAAuB,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC;QAC1F,QAAQ,CAAC,MAAM,GAAG,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC;QAE9C,QAAQ,CAAC,QAAQ,CAAC;QAClB,OAAO,CAAC,QAAQ,CAAC;QACjB,SAAS,CAAC,WAAW,CAAC;QACtB,cAAc,CAAC,KAAK,CAAC;AACzB,KAAC,EAAE,CAAC,OAAO,CAAC,CAAC;IAEb,OAAO;AACH,QAAA;YACI,KAAK;YACL,IAAI;YACJ,MAAM;YACN,WAAW;AACd,SAAA;AACD,QAAA;YACI,QAAQ;YACR,OAAO;YACP,SAAS;YACT,cAAc;AACjB,SAAA;KACJ;AACL;;;;"}

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

@@ -1,7 +1,7 @@
-import { BrushProps } from '../../../types/brush.types';
-import { ComposedChartProps } from '../../../types/composedChart.types';
-import { LegendProps } from '../../../types/legend.types';
-import { XAxisProps } from '../../../types/xAxis.types';
+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 = {
     top: number;
     bottom: number;

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

@@ -1 +1 @@
-{"version":3,"file":"setComposedChartsMargin.js","sources":["../../../../src/hooks/useSettings/utils/setComposedChartsMargin.ts"],"sourcesContent":["import { BrushProps } from '../../../types/brush.types';\nimport { ComposedChartProps } from '../../../types/composedChart.types';\nimport { LegendProps } from '../../../types/legend.types';\nimport { XAxisProps } from '../../../types/xAxis.types';\n\ntype ComposedChartsMarginResultProps = {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n};\n\nexport const setComposedChartsMargin = (\n    composeChart: ComposedChartProps,\n    legend: LegendProps | undefined,\n    brush: BrushProps | undefined,\n    xAxis: XAxisProps,\n): ComposedChartsMarginResultProps => ({\n    top:\n        (composeChart?.initMargin?.top || 0) +\n        (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),\n    bottom:\n        (composeChart?.initMargin?.bottom || 0) +\n        (xAxis?.tickMargin || 0) +\n        (brush?.brushMargin || 0) +\n        (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),\n    left: composeChart?.initMargin?.left || 0,\n    right: composeChart?.initMargin?.right || 0,\n});\n"],"names":[],"mappings":"AAYO,MAAM,uBAAuB,GAAG,CACnC,YAAgC,EAChC,MAA+B,EAC/B,KAA6B,EAC7B,KAAiB,MACkB;IACnC,GAAG,EACC,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;SAClC,MAAM,EAAE,aAAa,KAAK,KAAK,IAAI,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3F,MAAM,EACF,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AACtC,SAAC,KAAK,EAAE,UAAU,IAAI,CAAC,CAAC;AACxB,SAAC,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC;AACzB,SAAC,MAAM,EAAE,aAAa,KAAK,KAAK,IAAI,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;AACjF,IAAA,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,IAAI,CAAC;AACzC,IAAA,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAC9C,CAAA;;;;"}
+{"version":3,"file":"setComposedChartsMargin.js","sources":["../../../../src/hooks/useSettings/utils/setComposedChartsMargin.ts"],"sourcesContent":["import { type BrushProps } from '../../../types/brush.types';\nimport { type ComposedChartProps } from '../../../types/composedChart.types';\nimport { type LegendProps } from '../../../types/legend.types';\nimport { type XAxisProps } from '../../../types/xAxis.types';\n\ntype ComposedChartsMarginResultProps = {\n    top: number;\n    bottom: number;\n    left: number;\n    right: number;\n};\n\nexport const setComposedChartsMargin = (\n    composeChart: ComposedChartProps,\n    legend: LegendProps | undefined,\n    brush: BrushProps | undefined,\n    xAxis: XAxisProps,\n): ComposedChartsMarginResultProps => ({\n    top:\n        (composeChart?.initMargin?.top || 0) +\n        (legend?.verticalAlign === 'top' && legend?.marginTop ? Math.abs(legend.marginTop) : 0),\n    bottom:\n        (composeChart?.initMargin?.bottom || 0) +\n        (xAxis?.tickMargin || 0) +\n        (brush?.brushMargin || 0) +\n        (legend?.verticalAlign !== 'top' && legend?.marginTop ? legend.marginTop : 0),\n    left: composeChart?.initMargin?.left || 0,\n    right: composeChart?.initMargin?.right || 0,\n});\n"],"names":[],"mappings":"AAYO,MAAM,uBAAuB,GAAG,CACnC,YAAgC,EAChC,MAA+B,EAC/B,KAA6B,EAC7B,KAAiB,MACkB;IACnC,GAAG,EACC,CAAC,YAAY,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;SAClC,MAAM,EAAE,aAAa,KAAK,KAAK,IAAI,MAAM,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC3F,MAAM,EACF,CAAC,YAAY,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AACtC,SAAC,KAAK,EAAE,UAAU,IAAI,CAAC,CAAC;AACxB,SAAC,KAAK,EAAE,WAAW,IAAI,CAAC,CAAC;AACzB,SAAC,MAAM,EAAE,aAAa,KAAK,KAAK,IAAI,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;AACjF,IAAA,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,IAAI,IAAI,CAAC;AACzC,IAAA,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;AAC9C,CAAA;;;;"}

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

@@ -1,5 +1,5 @@
-import { SeriaProps } from '../../../types/seria.types';
-import { DataDynamicBooleanProps, DataDynamicProps } from '../../../types/utils/data.types';
+import { type SeriaProps } from '../../../types/seria.types';
+import { type DataDynamicBooleanProps, type DataDynamicProps } from '../../../types/utils/data.types';
 declare 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 { SeriaProps } from '../../../types/seria.types';\nimport {\n    DataDynamicBooleanProps,\n    DataDynamicProps,\n    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;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;;;;"}

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

@@ -1,2 +1,2 @@
-import { SeriaProps } from '../../../types/seria.types';
+import { type SeriaProps } from '../../../types/seria.types';
 export declare const setGradientCharts: (series: SeriaProps[]) => SeriaProps[];

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

@@ -1 +1 @@
-{"version":3,"file":"setGradientCharts.js","sources":["../../../../src/hooks/useSettings/utils/setGradientCharts.ts"],"sourcesContent":["import { SeriaProps } from '../../../types/seria.types';\nimport { 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;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;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"setLegendMargin.js","sources":["../../../../src/hooks/useSettings/utils/setLegendMargin.ts"],"sourcesContent":["import { BrushProps } from '../../../types/brush.types';\nimport { 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;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;;;;"}

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

@@ -1,2 +1,2 @@
-import { SeriaProps } from '../../../types/seria.types';
+import { type SeriaProps } from '../../../types/seria.types';
 export declare const sortByIndex: (series: SeriaProps[]) => SeriaProps[];

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

@@ -1 +1 @@
-{"version":3,"file":"sortByIndex.js","sources":["../../../../src/hooks/useSettings/utils/sortByIndex.ts"],"sourcesContent":["import { 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;AACX;IAED,OAAO,EAAE;AACb,CAAC;;;;"}

package/modern/index.css

@@ -1,13 +1,15 @@
 :root {
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
-} .chart__coreChart_1fp0c .recharts-line path {
+} .chart__coreChart_v2vfw .recharts-line path {
         transition: d 0.2s ease-out;
-    } .chart__coreChart_1fp0c .recharts-text tspan {
+    } .chart__coreChart_v2vfw .recharts-text tspan {
         fill: var(--color-light-text-primary);
         font-size: 16px;
         line-height: 22px;
-    } .chart__bar_1fp0c {
-    transition: opacity 0.2s ease-out, d 0.2s ease-out;
-} .chart__unfocused_1fp0c {
+    } .chart__bar_v2vfw {
+    transition:
+        opacity 0.2s ease-out,
+        d 0.2s ease-out;
+} .chart__unfocused_v2vfw {
     opacity: 0.3;
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"coreChart":"chart__coreChart_1fp0c","bar":"chart__bar_1fp0c","unfocused":"chart__unfocused_1fp0c"};
+const styles = {"coreChart":"chart__coreChart_v2vfw","bar":"chart__bar_v2vfw","unfocused":"chart__unfocused_v2vfw"};
 
 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/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        font-size: 16px;\n        line-height: 22px;\n    }\n}\n\n.bar {\n    transition: opacity 0.2s ease-out, 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/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        font-size: 16px;\n        line-height: 22px;\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/brush.types.d.ts

@@ -1,5 +1,5 @@
-import { ReactText } from 'react';
-import { DataKey } from 'recharts/types/util/types';
+import { type ReactText } from 'react';
+import { type DataKey } from 'recharts/types/util/types';
 export interface BrushProps {
     /**
      * Ключ данных

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

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
-import { RectangleProps } from 'recharts';
-import { DataKey } from 'recharts/types/util/types';
-import { DataProps } from './utils/data.types';
-import { DotSettingProps } from './utils/dot.types';
+import { type ReactElement } from 'react';
+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;
 export interface ChartProps {

package/modern/types/legend.types.d.ts

@@ -1,4 +1,4 @@
-import { Formatter } from 'recharts/types/component/DefaultLegendContent';
+import { type Formatter } from 'recharts/types/component/DefaultLegendContent';
 export interface LegendProps {
     /**
      * Выравнивание элементов легенды в вертикальном направлении.

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DataDynamicBooleanProps } from './utils/data.types';
+import { type DataDynamicBooleanProps } from './utils/data.types';
 export interface PayloadProps {
     /**
      * Цвет графика

package/modern/types/responsiveContainer.types.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import type React from 'react';
 export interface ResponsiveContainerProps {
     /**
      * Debounce функция при ресайзе

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

@@ -1,7 +1,7 @@
-import { DataProps } from './utils/data.types';
-import { GradientProps } from './utils/gradient.types';
-import { ChartProps } from './chart.types';
-import { LabelListProps } from './labelList.types';
+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 = {
     top?: number;
     bottom?: number;

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

@@ -1,5 +1,5 @@
-import { ReactElement, ReactText, SVGProps } from 'react';
-import { AnimationTiming } from 'recharts/types/util/types';
+import { type ReactElement, type ReactText, type SVGProps } from 'react';
+import { type AnimationTiming } from 'recharts/types/util/types';
 export interface TooltipProps {
     /**
      * Разделитель между именем и значением.

package/modern/types/utils/axis.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, SVGProps } from 'react';
+import { type ReactElement, type SVGProps } from 'react';
 export interface AxisProps {
     /**
      * Скрыть ось

package/modern/types/utils/dot.types.d.ts

@@ -1,5 +1,5 @@
-import { CoordinatesProps } from './coordinates.types';
-import { DataProps } from './data.types';
+import { type CoordinatesProps } from './coordinates.types';
+import { type DataProps } from './data.types';
 export interface DotSettingProps {
     /**
      * Значение media query.

package/modern/types/utils/tick.types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { XAxisProps } from '../xAxis.types';
+import { type XAxisProps } from '../xAxis.types';
 export interface TickProps {
     payload: {
         coordinate: number;

package/modern/types/xAxis.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 export interface XAxisProps extends AxisProps {
     /**
      * Ключ данных, отображаемых на оси.

package/modern/types/yAxis.types.d.ts

@@ -1,4 +1,4 @@
-import { AxisProps } from './utils/axis.types';
+import { type AxisProps } from './utils/axis.types';
 export interface YAxisProps extends AxisProps {
     /**
      * Ориентация оси

package/moderncssm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { OptionsProps } from './types';
+import { type OptionsProps } from './types';
 export declare const Chart: {
     (props: OptionsProps): React.JSX.Element | null;
     displayName: string;

package/moderncssm/Component.js

@@ -159,7 +159,7 @@ const Chart = (props) => {
     }, [charts, state, activeDotsState, data]);
     // Позиционирование brush
     useEffect(() => {
-        if (!state || !state.brush)
+        if (!state?.brush)
             return;
         if (!heightLegend || heightLegend === 0)
             return;

package/moderncssm/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    ActiveDotProps,\n    CoordinatesProps,\n    DataDynamicBooleanProps,\n    DataDynamicProps,\n    OptionsProps,\n    SeriaProps,\n    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                ref={tooltipRef}\n                {...state.tooltip}\n                content={CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide })}\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 || !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?.state?.boxWidth || 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                ref={tooltipRef}\n                {...state.tooltip}\n                content={CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide })}\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?.state?.boxWidth || 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/moderncssm/components/Dot/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { DotProps } from '../../types/utils/dot.types';
+import { type DotProps } from '../../types/utils/dot.types';
 export declare const Dot: React.ForwardRefExoticComponent<DotProps & React.RefAttributes<SVGSVGElement>>;

package/moderncssm/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 { DotProps, 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/moderncssm/components/Legends/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { LegendProps } from '../../types/legend.types';
-import { SeriaProps } from '../../types/seria.types';
-import { DataDynamicBooleanProps } from '../../types/utils/data.types';
+import { type LegendProps } from '../../types/legend.types';
+import { type SeriaProps } from '../../types/seria.types';
+import { type DataDynamicBooleanProps } from '../../types/utils/data.types';
 interface Props {
     legend: LegendProps;
     series: SeriaProps[];

package/moderncssm/components/Legends/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { LegendProps } from '../../types/legend.types';\nimport { SeriaProps } from '../../types/seria.types';\nimport { DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </Text>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;AAuBA,MAAM,KAAK,GAAG;AACV,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,MAAM,EAAE,UAAU;CACrB;MAEY,OAAO,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,KAAwB;AACrE,IAAA,MAAM,KAAK,GAAwB;AAC/B,QAAA,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ;AACnC,QAAA,SAAS,EAAE,CACP,WAAA,EAAA,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC;AACzC,aAAC,MAAM,CAAC,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC,CAC5C,CAAK,GAAA,CAAA;KACR;IAED,QACI,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EACvD,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAgB,KAAI;AAC7B,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;QAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,UAAU;QAE3C,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAE,CAAA,EACvC,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAA,CAAE,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,cAAc,CACpE,EACD,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAAA;AAEhC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAA;AACnC,gBAAA,IAAI,IACD,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAA;oBAC/B,KAAC,CAAA,aAAA,CAAA,IAAI,IACD,IAAI,EACA,IAAI,CAAC,UAAU,EAAE,IAAI;4BACrB,IAAI,CAAC,UAAU,EAAE,MAAM;AACvB,4BAAA,EAAE,EAEN,MAAM,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE,EAAA,CACjC,CACF,IACJ,IAAI;AACR,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAEhC,EAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAClB,CACL,CACL;KAEZ,CAAC,CACD;AAEb,CAAC;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Legends/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { CircleIcon } from '../../icons/Circle';\nimport { CircleLineIcon } from '../../icons/CircleLine';\nimport { FilledCircleIcon } from '../../icons/FilledCircle';\nimport { StrokeCircleIcon } from '../../icons/StrokeCircle';\nimport { type LegendProps } from '../../types/legend.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type DataDynamicBooleanProps } from '../../types/utils/data.types';\n\nimport styles from './index.module.css';\n\ninterface Props {\n    legend: LegendProps;\n    series: SeriaProps[];\n    id: string;\n    charts: DataDynamicBooleanProps;\n    toggleChart(item: SeriaProps): void;\n}\n\nconst icons = {\n    circleLine: CircleLineIcon,\n    filledCircle: FilledCircleIcon,\n    strokeCircle: StrokeCircleIcon,\n    circle: CircleIcon,\n};\n\nexport const Legends = React.forwardRef<HTMLUListElement, Props>(\n    ({ legend, series, id, charts, toggleChart }, ref): React.ReactElement => {\n        const style: React.CSSProperties = {\n            textAlign: legend.align || 'center',\n            transform: `translateY(${\n                (legend?.marginTop ? legend.marginTop : 0) *\n                (legend.verticalAlign === 'top' ? -1 : 1)\n            }px)`,\n        };\n\n        return (\n            <ul ref={ref} className={cn(styles.legendWrap)} style={style}>\n                {series.map((item: SeriaProps) => {\n                    if (item.hideLegend || item.hide) return null;\n\n                    const Icon = icons[item.icon] || CircleIcon;\n\n                    return (\n                        <li\n                            role='presentation'\n                            key={`${id}-${item.properties.dataKey}`}\n                            className={cn(\n                                styles.legendItem,\n                                charts[`${item.properties.dataKey}`] ? '' : styles.legendUnactive,\n                            )}\n                            onClick={() => toggleChart(item)}\n                        >\n                            <div className={cn(styles.legendContent)}>\n                                {Icon ? (\n                                    <i className={cn(styles.legendIcon)}>\n                                        <Icon\n                                            fill={\n                                                item.properties?.fill ||\n                                                item.properties?.stroke ||\n                                                ''\n                                            }\n                                            height={legend.iconHeight || 16}\n                                        />\n                                    </i>\n                                ) : null}\n                                <Text\n                                    view='primary-medium'\n                                    tag='span'\n                                    className={cn(styles.legendValue)}\n                                >\n                                    {item.properties.name}\n                                </Text>\n                            </div>\n                        </li>\n                    );\n                })}\n            </ul>\n        );\n    },\n);\n"],"names":[],"mappings":";;;;;;;;;AAuBA,MAAM,KAAK,GAAG;AACV,IAAA,UAAU,EAAE,cAAc;AAC1B,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,MAAM,EAAE,UAAU;CACrB;MAEY,OAAO,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,GAAG,KAAwB;AACrE,IAAA,MAAM,KAAK,GAAwB;AAC/B,QAAA,SAAS,EAAE,MAAM,CAAC,KAAK,IAAI,QAAQ;AACnC,QAAA,SAAS,EAAE,CACP,WAAA,EAAA,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,CAAC;AACzC,aAAC,MAAM,CAAC,aAAa,KAAK,KAAK,GAAG,EAAE,GAAG,CAAC,CAC5C,CAAK,GAAA,CAAA;KACR;IAED,QACI,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EACvD,EAAA,MAAM,CAAC,GAAG,CAAC,CAAC,IAAgB,KAAI;AAC7B,QAAA,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;QAE7C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,UAAU;QAE3C,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,IAAI,EAAC,cAAc,EACnB,GAAG,EAAE,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,IAAI,CAAC,UAAU,CAAC,OAAO,CAAE,CAAA,EACvC,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,UAAU,EACjB,MAAM,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,CAAA,CAAE,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,cAAc,CACpE,EACD,OAAO,EAAE,MAAM,WAAW,CAAC,IAAI,CAAC,EAAA;AAEhC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAA;AACnC,gBAAA,IAAI,IACD,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,EAAA;oBAC/B,KAAC,CAAA,aAAA,CAAA,IAAI,IACD,IAAI,EACA,IAAI,CAAC,UAAU,EAAE,IAAI;4BACrB,IAAI,CAAC,UAAU,EAAE,MAAM;AACvB,4BAAA,EAAE,EAEN,MAAM,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE,EAAA,CACjC,CACF,IACJ,IAAI;AACR,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACD,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAEhC,EAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAClB,CACL,CACL;KAEZ,CAAC,CACD;AAEb,CAAC;;;;"}

package/moderncssm/components/Legends/index.module.css

@@ -1,3 +1,5 @@
+
+
 .legendContent {
     display: flex;
     align-items: center;

package/moderncssm/components/LinearGradient.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { LinearGradientProps } from '../types/utils/gradient.types';
+import { type LinearGradientProps } from '../types/utils/gradient.types';
 export declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement;

package/moderncssm/components/LinearGradient.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinearGradient.js","sources":["../../src/components/LinearGradient.tsx"],"sourcesContent":["import React from 'react';\n\nimport { GradientProps, LinearGradientProps } from '../types/utils/gradient.types';\n\nexport const LinearGradient = ({ id, gid, points }: LinearGradientProps): React.ReactElement => (\n    <linearGradient key={`${id}-${gid}`} id={`${id}-${gid}`} x1='0' y1='0' x2='0' y2='1'>\n        {points.map((point: GradientProps, index: number) => (\n            <stop\n                key={`${id}${gid}-${index.toString()}`}\n                offset={`${point.offset}%`}\n                stopColor={point.stopColor}\n                stopOpacity={point.stopOpacity}\n            />\n        ))}\n    </linearGradient>\n);\n"],"names":[],"mappings":";;MAIa,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAuB,MACnE,wCAAgB,GAAG,EAAE,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,EAAE,EAAE,EAAE,EAAE,CAAG,EAAA,EAAE,IAAI,GAAG,CAAA,CAAE,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,EAC/E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAoB,EAAE,KAAa,MAC5C,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,GAAG,EAAE,CAAA,EAAG,EAAE,CAAG,EAAA,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAE,CAAA,EACtC,MAAM,EAAE,CAAA,EAAG,KAAK,CAAC,MAAM,GAAG,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAChC,CACL,CAAC,CACW;;;;"}
+{"version":3,"file":"LinearGradient.js","sources":["../../src/components/LinearGradient.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type GradientProps, type LinearGradientProps } from '../types/utils/gradient.types';\n\nexport const LinearGradient = ({ id, gid, points }: LinearGradientProps): React.ReactElement => (\n    <linearGradient key={`${id}-${gid}`} id={`${id}-${gid}`} x1='0' y1='0' x2='0' y2='1'>\n        {points.map((point: GradientProps, index: number) => (\n            <stop\n                key={`${id}${gid}-${index.toString()}`}\n                offset={`${point.offset}%`}\n                stopColor={point.stopColor}\n                stopOpacity={point.stopOpacity}\n            />\n        ))}\n    </linearGradient>\n);\n"],"names":[],"mappings":";;MAIa,cAAc,GAAG,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAuB,MACnE,wCAAgB,GAAG,EAAE,CAAG,EAAA,EAAE,CAAI,CAAA,EAAA,GAAG,EAAE,EAAE,EAAE,EAAE,CAAG,EAAA,EAAE,IAAI,GAAG,CAAA,CAAE,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAA,EAC/E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAoB,EAAE,KAAa,MAC5C,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,GAAG,EAAE,CAAA,EAAG,EAAE,CAAG,EAAA,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAE,CAAA,EACtC,MAAM,EAAE,CAAA,EAAG,KAAK,CAAC,MAAM,GAAG,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,GAChC,CACL,CAAC,CACW;;;;"}

package/moderncssm/components/RectBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"RectBar.js","sources":["../../src/components/RectBar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useMemo } from 'react';\n\nimport { usePathBar } from '../hooks/usePathBar';\n\n// eslint-disable-next-line complexity\nconst getPath = (\n    x: number,\n    width: number,\n    height: number,\n    initHeight: number,\n    topRadius: number,\n    bottomRadius: number,\n    initY: number,\n): string =>\n    `\n        M${x + ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight || 0}\n        Q${x} ${initY + initHeight} ${x} ${\n        initY + initHeight - ((height !== 0 && bottomRadius) || 0)\n    }\n        L${x} ${initY + ((height !== 0 && topRadius) || 0)}\n        Q${x} ${initY} ${x + ((height !== 0 && topRadius) || 0)} ${initY}\n        L${x + width - ((height !== 0 && topRadius) || 0)} ${initY}\n        Q${x + width} ${initY} ${x + width} ${initY + (topRadius || 0)}\n        L${x + width} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}\n        Q${x + width} ${initY + initHeight} ${x + width - ((height !== 0 && bottomRadius) || 0)} ${\n        initY + initHeight\n    }\n        Z\n    `;\n\nexport const RectBar = ({ fill, x, y, width, height, radius, background }: any): JSX.Element => {\n    const [initHeight, topRadius, bottomRadius, initY]: any = usePathBar({\n        radius,\n        height,\n        background,\n        y,\n    });\n\n    return useMemo(\n        () => (\n            <path\n                d={getPath(x, width, height, initHeight, topRadius, bottomRadius, initY)}\n                stroke='none'\n                fill={fill}\n            />\n        ),\n        [x, width, height, initHeight, topRadius, bottomRadius, initY, fill],\n    );\n};\n"],"names":[],"mappings":";;;AAAA;AAKA;AACA,MAAM,OAAO,GAAG,CACZ,CAAS,EACT,KAAa,EACb,MAAc,EACd,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,KAAa,KAEb;AACO,SAAA,EAAA,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC;WACpE,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC,CAAA,CAAA,EAC/B,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAC7D;AACO,SAAA,EAAA,CAAC,CAAI,CAAA,EAAA,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC;AAC/C,SAAA,EAAA,CAAC,IAAI,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK;AAC7D,SAAA,EAAA,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK;AACvD,SAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,IAAI,SAAS,IAAI,CAAC,CAAC;AAC3D,SAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC;WACvE,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,CAAI,CAAA,EAAA,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,CAAA,CAAA,EACvF,KAAK,GAAG,UACZ;;KAEC;MAEQ,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAO,KAAiB;IAC3F,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAAQ,UAAU,CAAC;QACjE,MAAM;QACN,MAAM;QACN,UAAU;QACV,CAAC;AACJ,KAAA,CAAC;IAEF,OAAO,OAAO,CACV,OACI,KACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,EACxE,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,EAAA,CACZ,CACL,EACD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CACvE;AACL;;;;"}
+{"version":3,"file":"RectBar.js","sources":["../../src/components/RectBar.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useMemo } from 'react';\n\nimport { usePathBar } from '../hooks/usePathBar';\n\n// eslint-disable-next-line complexity\nconst getPath = (\n    x: number,\n    width: number,\n    height: number,\n    initHeight: number,\n    topRadius: number,\n    bottomRadius: number,\n    initY: number,\n): string =>\n    `\n        M${x + ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight || 0}\n        Q${x} ${initY + initHeight} ${x} ${\n            initY + initHeight - ((height !== 0 && bottomRadius) || 0)\n        }\n        L${x} ${initY + ((height !== 0 && topRadius) || 0)}\n        Q${x} ${initY} ${x + ((height !== 0 && topRadius) || 0)} ${initY}\n        L${x + width - ((height !== 0 && topRadius) || 0)} ${initY}\n        Q${x + width} ${initY} ${x + width} ${initY + (topRadius || 0)}\n        L${x + width} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}\n        Q${x + width} ${initY + initHeight} ${x + width - ((height !== 0 && bottomRadius) || 0)} ${\n            initY + initHeight\n        }\n        Z\n    `;\n\nexport const RectBar = ({ fill, x, y, width, height, radius, background }: any): JSX.Element => {\n    const [initHeight, topRadius, bottomRadius, initY]: any = usePathBar({\n        radius,\n        height,\n        background,\n        y,\n    });\n\n    return useMemo(\n        () => (\n            <path\n                d={getPath(x, width, height, initHeight, topRadius, bottomRadius, initY)}\n                stroke='none'\n                fill={fill}\n            />\n        ),\n        [x, width, height, initHeight, topRadius, bottomRadius, initY, fill],\n    );\n};\n"],"names":[],"mappings":";;;AAAA;AAKA;AACA,MAAM,OAAO,GAAG,CACZ,CAAS,EACT,KAAa,EACb,MAAc,EACd,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,KAAa,KAEb;AACO,SAAA,EAAA,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC;WACpE,CAAC,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC,CAAA,CAAA,EAC3B,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAC7D;AACG,SAAA,EAAA,CAAC,CAAI,CAAA,EAAA,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC;AAC/C,SAAA,EAAA,CAAC,IAAI,KAAK,CAAA,CAAA,EAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK;AAC7D,SAAA,EAAA,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK;AACvD,SAAA,EAAA,CAAC,GAAG,KAAK,CAAI,CAAA,EAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,IAAI,SAAS,IAAI,CAAC,CAAC;AAC3D,SAAA,EAAA,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC;WACvE,CAAC,GAAG,KAAK,CAAA,CAAA,EAAI,KAAK,GAAG,UAAU,CAAI,CAAA,EAAA,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,CAAA,CAAA,EACnF,KAAK,GAAG,UACZ;;KAEH;MAEQ,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAO,KAAiB;IAC3F,MAAM,CAAC,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,GAAQ,UAAU,CAAC;QACjE,MAAM;QACN,MAAM;QACN,UAAU;QACV,CAAC;AACJ,KAAA,CAAC;IAEF,OAAO,OAAO,CACV,OACI,KACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,CAAC,EACxE,MAAM,EAAC,MAAM,EACb,IAAI,EAAE,IAAI,EAAA,CACZ,CACL,EACD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CACvE;AACL;;;;"}

package/moderncssm/components/Tick/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { TickProps } from '../../types/utils/tick.types';
+import { type TickProps } from '../../types/utils/tick.types';
 export declare const Tick: ({ y, payload, tickFormatter, xAxis }: TickProps) => React.JSX.Element;

package/moderncssm/components/Tick/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Tick/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { TickProps } from '../../types/utils/tick.types';\n\nimport styles from './index.module.css';\n\nexport const Tick = ({ y, payload, tickFormatter, xAxis }: TickProps) => {\n    const radius = 4;\n\n    const marginTick =\n        xAxis?.tickMargin &&\n        (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)\n            ? (radius / 2) * -1\n            : null;\n\n    return (\n        <g\n            className={cn(styles.tick)}\n            opacity='1'\n            textAnchor='middle'\n            transform={`translate(${payload.coordinate}, ${\n                y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2\n            })`}\n        >\n            <text className={cn(styles.tickText)} y='30'>\n                {tickFormatter ? tickFormatter(payload.value) : payload.value}\n            </text>\n            <circle r={radius} className={cn(styles.circle)} />\n        </g>\n    );\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAa,KAAI;IACpE,MAAM,MAAM,GAAG,CAAC;AAEhB,IAAA,MAAM,UAAU,GACZ,KAAK,EAAE,UAAU;SAChB,KAAK,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,CAAC;UACxE,CAAC,MAAM,GAAG,CAAC,IAAI;UACf,IAAI;IAEd,QACI,2BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC1B,OAAO,EAAC,GAAG,EACX,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,CAAa,UAAA,EAAA,OAAO,CAAC,UAAU,CAAA,EAAA,EACtC,CAAC,IAAI,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CACrE,CAAG,CAAA,CAAA,EAAA;AAEH,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAC,IAAI,EACvC,EAAA,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAC1D;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAI,CAAA,CACnD;AAEZ;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Tick/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { type TickProps } from '../../types/utils/tick.types';\n\nimport styles from './index.module.css';\n\nexport const Tick = ({ y, payload, tickFormatter, xAxis }: TickProps) => {\n    const radius = 4;\n\n    const marginTick =\n        xAxis?.tickMargin &&\n        (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)\n            ? (radius / 2) * -1\n            : null;\n\n    return (\n        <g\n            className={cn(styles.tick)}\n            opacity='1'\n            textAnchor='middle'\n            transform={`translate(${payload.coordinate}, ${\n                y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2\n            })`}\n        >\n            <text className={cn(styles.tickText)} y='30'>\n                {tickFormatter ? tickFormatter(payload.value) : payload.value}\n            </text>\n            <circle r={radius} className={cn(styles.circle)} />\n        </g>\n    );\n};\n"],"names":[],"mappings":";;;;AAOO,MAAM,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAa,KAAI;IACpE,MAAM,MAAM,GAAG,CAAC;AAEhB,IAAA,MAAM,UAAU,GACZ,KAAK,EAAE,UAAU;SAChB,KAAK,CAAC,UAAU,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,GAAG,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,UAAU,KAAK,CAAC;UACxE,CAAC,MAAM,GAAG,CAAC,IAAI;UACf,IAAI;IAEd,QACI,2BACI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAC1B,OAAO,EAAC,GAAG,EACX,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,CAAa,UAAA,EAAA,OAAO,CAAC,UAAU,CAAA,EAAA,EACtC,CAAC,IAAI,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CACrE,CAAG,CAAA,CAAA,EAAA;AAEH,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAC,IAAI,EACvC,EAAA,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAC1D;AACP,QAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,EAAI,CAAA,CACnD;AAEZ;;;;"}