@alfalab/core-components-chart 3.4.11 → 3.4.12-snapshot-1393ffa

package/moderncssm/components/TooltipContent/index.js

@@ -24,3 +24,4 @@ const TooltipContent = ({ payload, separator, label, tooltipArrowSide, arrow, se
 };
 
 export { TooltipContent };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/TooltipContent/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Text } from '@alfalab/core-components-typography';\n\nimport { PayloadProps } from '../../types/payload.types';\nimport { SeriaProps } from '../../types/seria.types';\nimport { TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = ({\n    payload,\n    separator,\n    label,\n    tooltipArrowSide,\n    arrow,\n    series,\n    labelFormatter,\n    labelStyle,\n}: TooltipContentProps) => {\n    if (!label || payload.length === 0) return null;\n\n    return (\n        <div className={cn(styles.tooltip)}>\n            {arrow && (\n                <span\n                    className={cn(\n                        styles.tooltipArrow,\n                        tooltipArrowSide ? '' : styles.tooltipArrowRight,\n                    )}\n                />\n            )}\n            <ul className={cn(styles.tooltipList)}>\n                <li className={cn(styles.tooltipItem)} style={labelStyle}>\n                    <Text\n                        view='primary-medium'\n                        tag='span'\n                        weight='medium'\n                        className={cn(styles.tooltipLabel)}\n                    >\n                        {labelFormatter ? labelFormatter(label) : label}\n                    </Text>\n                </li>\n                {payload.map((entry: PayloadProps) => {\n                    const data: SeriaProps | undefined = series.find(\n                        (d: SeriaProps) => d.properties.dataKey === entry.dataKey,\n                    );\n\n                    if (data?.hideTooltip || data?.hide) return null;\n\n                    return (\n                        <li\n                            className={cn(styles.tooltipItem)}\n                            key={entry.dataKey}\n                            style={{ color: entry.color }}\n                        >\n                            <Text\n                                view='primary-medium'\n                                tag='span'\n                                weight='medium'\n                                className={cn(styles.tooltipValue)}\n                            >\n                                {entry?.formatter ? entry.formatter(entry.value) : entry.value}\n                                {separator || ' '}\n                            </Text>\n                            <Text\n                                view='secondary-large'\n                                tag='span'\n                                className={cn(styles.tooltipName)}\n                            >{`${entry.name}`}</Text>\n                        </li>\n                    );\n                })}\n            </ul>\n        </div>\n    );\n};\n"],"names":[],"mappings":";;;;;MAgBa,cAAc,GAAG,CAAC,EAC3B,OAAO,EACP,SAAS,EACT,KAAK,EACL,gBAAgB,EAChB,KAAK,EACL,MAAM,EACN,cAAc,EACd,UAAU,GACQ,KAAI;AACtB,IAAA,IAAI,CAAC,KAAK,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;IAE/C,QACI,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAA;QAC7B,KAAK,KACF,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,YAAY,EACnB,gBAAgB,GAAG,EAAE,GAAG,MAAM,CAAC,iBAAiB,CACnD,EAAA,CACH,CACL;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAA;YACjC,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,UAAU,EAAA;AACpD,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EACD,EAAA,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAA,EAEjC,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAC5C,CACN;AACJ,YAAA,OAAO,CAAC,GAAG,CAAC,CAAC,KAAmB,KAAI;gBACjC,MAAM,IAAI,GAA2B,MAAM,CAAC,IAAI,CAC5C,CAAC,CAAa,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,KAAK,KAAK,CAAC,OAAO,CAC5D;AAED,gBAAA,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,IAAI;AAAE,oBAAA,OAAO,IAAI;gBAEhD,QACI,KACI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EACjC,GAAG,EAAE,KAAK,CAAC,OAAO,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,EAAA;oBAE7B,KAAC,CAAA,aAAA,CAAA,IAAI,IACD,IAAI,EAAC,gBAAgB,EACrB,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,QAAQ,EACf,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EAAA;AAEjC,wBAAA,KAAK,EAAE,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,KAAK;wBAC7D,SAAS,IAAI,GAAG,CACd;oBACP,KAAC,CAAA,aAAA,CAAA,IAAI,EACD,EAAA,IAAI,EAAC,iBAAiB,EACtB,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,EAAA,EACnC,CAAG,EAAA,KAAK,CAAC,IAAI,CAAE,CAAA,CAAQ,CACxB;AAEb,aAAC,CAAC,CACD,CACH;AAEd;;;;"}

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

@@ -1,5 +1,3 @@
-/* */
-
 .tooltip {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);

package/moderncssm/hoc/Customized.js

@@ -0,0 +1,10 @@
+import React from 'react';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+const CustomizedHOC = (Component, options) => {
+    const NewComponent = (props) => React.createElement(Component, { ...props, ...options });
+    return NewComponent;
+};
+
+export { CustomizedHOC };
+//# sourceMappingURL=Customized.js.map

package/moderncssm/hoc/Customized.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Customized.js","sources":["../../../src/hoc/Customized.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nexport const CustomizedHOC = (Component: any, options: any) => {\n    const NewComponent = (props: any) => <Component {...props} {...options} />;\n\n    return NewComponent;\n};\n"],"names":[],"mappings":";;AAAA;MAGa,aAAa,GAAG,CAAC,SAAc,EAAE,OAAY,KAAI;AAC1D,IAAA,MAAM,YAAY,GAAG,CAAC,KAAU,KAAK,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,KAAK,EAAM,GAAA,OAAO,GAAI;AAE1E,IAAA,OAAO,YAAY;AACvB;;;;"}

package/moderncssm/hooks/usePathBar/index.js

@@ -35,3 +35,4 @@ const usePathBar = (props) => {
 };
 
 export { usePathBar };
+//# sourceMappingURL=index.js.map

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

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

package/moderncssm/hooks/usePathBar/utils/getRadius.js

@@ -4,3 +4,4 @@ const getRadius = (height, radius) => {
 };
 
 export { getRadius };
+//# sourceMappingURL=getRadius.js.map

package/moderncssm/hooks/usePathBar/utils/getRadius.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getRadius.js","sources":["../../../../../src/hooks/usePathBar/utils/getRadius.ts"],"sourcesContent":["export const getRadius = (height: number, radius: number): number => {\n    const result = radius && height / 2 < radius ? Math.ceil(height / 2) : radius || 0;\n\n    return result;\n};\n"],"names":[],"mappings":"MAAa,SAAS,GAAG,CAAC,MAAc,EAAE,MAAc,KAAY;IAChE,MAAM,MAAM,GAAG,MAAM,IAAI,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC;AAElF,IAAA,OAAO,MAAM;AACjB;;;;"}

package/moderncssm/hooks/useSettings/index.js

@@ -41,3 +41,4 @@ const useSettings = (options) => {
 };
 
 export { useSettings };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -10,3 +10,4 @@ const setComposedChartsMargin = (composeChart, legend, brush, xAxis) => ({
 });
 
 export { setComposedChartsMargin };
+//# sourceMappingURL=setComposedChartsMargin.js.map

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

@@ -0,0 +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;;;;"}

package/moderncssm/hooks/useSettings/utils/setDatas.js

@@ -30,3 +30,4 @@ const setDatas = (series, labels) => {
 };
 
 export { setDatas };
+//# sourceMappingURL=setDatas.js.map

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

@@ -0,0 +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;;;;"}

package/moderncssm/hooks/useSettings/utils/setGradientCharts.js

@@ -33,3 +33,4 @@ const setGradientCharts = (series) => {
 };
 
 export { setGradientCharts };
+//# sourceMappingURL=setGradientCharts.js.map

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

@@ -0,0 +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;;;;"}

package/moderncssm/hooks/useSettings/utils/setLegendMargin.js

@@ -12,3 +12,4 @@ const setLegendMargin = (brush, legend) => {
 };
 
 export { setLegendMargin };
+//# sourceMappingURL=setLegendMargin.js.map

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

@@ -0,0 +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;;;;"}

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

@@ -6,3 +6,4 @@ const sortByIndex = (series) => series.sort((a, b) => {
 });
 
 export { sortByIndex };
+//# sourceMappingURL=sortByIndex.js.map

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

@@ -0,0 +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;;;;"}

package/moderncssm/icons/Circle.js

@@ -4,3 +4,4 @@ const CircleIcon = ({ fill = '#FF5C5C', height = 16 }) => (React.createElement("
     React.createElement("circle", { cx: '8', cy: '8', r: '8', fill: fill })));
 
 export { CircleIcon };
+//# sourceMappingURL=Circle.js.map

package/moderncssm/icons/Circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Circle.js","sources":["../../../src/icons/Circle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const CircleIcon = ({ fill = '#FF5C5C', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 16 16' fill='none'>\n        <circle cx='8' cy='8' r='8' fill={fill} />\n    </svg>\n);\n"],"names":[],"mappings":";;AAOO,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAS,MAC/D,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;AACnF,IAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CACxC;;;;"}

package/moderncssm/icons/CircleLine.js

@@ -5,3 +5,4 @@ const CircleLineIcon = ({ fill = '#FF5C5C', height = 16 }) => (React.createEleme
     React.createElement("rect", { y: '5', width: '22', height: '2', fill: fill })));
 
 export { CircleLineIcon };
+//# sourceMappingURL=CircleLine.js.map

package/moderncssm/icons/CircleLine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleLine.js","sources":["../../../src/icons/CircleLine.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const CircleLineIcon = ({ fill = '#FF5C5C', height = 16 }: Props): React.ReactElement => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 12' fill='none'>\n        <circle cx='11' cy='6' r='6' fill={fill} />\n        <rect y='5' width='22' height='2' fill={fill} />\n    </svg>\n);\n"],"names":[],"mappings":";;AAOO,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAS,MACnE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;AACnF,IAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA;AAC3C,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,GAAG,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAI,CAAA,CAC9C;;;;"}

package/moderncssm/icons/FilledCircle.js

@@ -8,3 +8,4 @@ const FilledCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => (React.createEle
             React.createElement("stop", { offset: '1', stopColor: fill, stopOpacity: '0' })))));
 
 export { FilledCircleIcon };
+//# sourceMappingURL=FilledCircle.js.map

package/moderncssm/icons/FilledCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilledCircle.js","sources":["../../../src/icons/FilledCircle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const FilledCircleIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 22' fill='none'>\n        <circle cx='11' cy='11' r='10' fill='url(#paint0_linear)' stroke={fill} strokeWidth='2' />\n        <defs>\n            <linearGradient\n                id='paint0_linear'\n                x1='11'\n                y1='1'\n                x2='11'\n                y2='21'\n                gradientUnits='userSpaceOnUse'\n            >\n                <stop stopColor={fill} stopOpacity='0.2' />\n                <stop offset='1' stopColor={fill} stopOpacity='0' />\n            </linearGradient>\n        </defs>\n    </svg>\n);\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAS,MACrE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;IACnF,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,qBAAqB,EAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAG,CAAA;AAC1F,IAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;QACI,KACI,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAA,EAAE,EAAC,eAAe,EAClB,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,aAAa,EAAC,gBAAgB,EAAA;AAE9B,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,KAAK,EAAG,CAAA;AAC3C,YAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,MAAM,EAAC,GAAG,EAAC,SAAS,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAG,CAAA,CACvC,CACd,CACL;;;;"}

package/moderncssm/icons/Point.js

@@ -5,3 +5,4 @@ const PointIcon = ({ fill = '#5A8ECF', height = 16 }) => (React.createElement("s
     React.createElement("circle", { cx: '9', cy: '9', r: '3', strokeWidth: '2', stroke: '#fff', fill: fill })));
 
 export { PointIcon };
+//# sourceMappingURL=Point.js.map

package/moderncssm/icons/Point.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Point.js","sources":["../../../src/icons/Point.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const PointIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg height={height} viewBox='0 0 18 18'>\n        <circle cx='9' cy='9' r='9' strokeWidth='1' fill={fill} fillOpacity='0.4' />\n        <circle cx='9' cy='9' r='3' strokeWidth='2' stroke='#fff' fill={fill} />\n    </svg>\n);\n"],"names":[],"mappings":";;AAOa,MAAA,SAAS,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAS,MAC9D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAA;IACpC,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,IAAI,EAAE,IAAI,EAAE,WAAW,EAAC,KAAK,EAAG,CAAA;IAC5E,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,WAAW,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,CACtE;;;;"}

package/moderncssm/icons/StrokeCircle.js

@@ -4,3 +4,4 @@ const StrokeCircleIcon = ({ fill = '#5A8ECF', height = 16 }) => (React.createEle
     React.createElement("circle", { cx: '11', cy: '11', r: '10', stroke: fill, strokeWidth: '2', strokeDasharray: '8 8' })));
 
 export { StrokeCircleIcon };
+//# sourceMappingURL=StrokeCircle.js.map

package/moderncssm/icons/StrokeCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StrokeCircle.js","sources":["../../../src/icons/StrokeCircle.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n    fill?: string;\n    height?: number;\n};\n\nexport const StrokeCircleIcon = ({ fill = '#5A8ECF', height = 16 }: Props) => (\n    <svg xmlns='http://www.w3.org/2000/svg' height={height} viewBox='0 0 22 22' fill='none'>\n        <circle cx='11' cy='11' r='10' stroke={fill} strokeWidth='2' strokeDasharray='8 8' />\n    </svg>\n);\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,GAAG,SAAS,EAAE,MAAM,GAAG,EAAE,EAAS,MACrE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAA;IACnF,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAE,IAAI,EAAE,WAAW,EAAC,GAAG,EAAC,eAAe,EAAC,KAAK,EAAA,CAAG,CACnF;;;;"}

package/moderncssm/index.js

@@ -1 +1,2 @@
 export { Chart } from './Component.js';
+//# sourceMappingURL=index.js.map

package/moderncssm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/index.module.css

@@ -1,5 +1,3 @@
-/* */
-
 .coreChart :global(.recharts-line path) {
         transition: d 0.2s ease-out;
     }

package/moderncssm/src/Component.d.ts

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

package/moderncssm/src/components/CustomizedLabel.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomizedLabel: React.FC<any>;

package/moderncssm/src/components/Dot/index.d.ts

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

package/moderncssm/src/components/Legends/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { LegendProps } from '../../types/legend.types';
+import { SeriaProps } from '../../types/seria.types';
+import { DataDynamicBooleanProps } from '../../types/utils/data.types';
+interface Props {
+    legend: LegendProps;
+    series: SeriaProps[];
+    id: string;
+    charts: DataDynamicBooleanProps;
+    toggleChart(item: SeriaProps): void;
+}
+export declare const Legends: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+export {};

package/moderncssm/src/components/LinearGradient.d.ts

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

package/moderncssm/src/components/RectBar.d.ts

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

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

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

package/moderncssm/src/components/TooltipContent/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { PayloadProps } from '../../types/payload.types';
+import { SeriaProps } from '../../types/seria.types';
+import { TooltipProps } from '../../types/tooltip.types';
+export interface TooltipContentProps extends TooltipProps {
+    payload: PayloadProps[];
+    series: SeriaProps[];
+}
+export declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }: TooltipContentProps) => React.JSX.Element | null;

package/moderncssm/src/hoc/Customized.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CustomizedHOC: (Component: any, options: any) => (props: any) => React.JSX.Element;

package/moderncssm/src/hooks/usePathBar/index.d.ts

@@ -0,0 +1,13 @@
+import { RadiusProp } from '../../types/seria.types';
+export declare type usePathBarProps = {
+    radius?: RadiusProp;
+    height: number;
+    background?: {
+        x: number;
+        y: number;
+        height: number;
+        width: number;
+    };
+    y?: number;
+};
+export declare const usePathBar: (props: usePathBarProps) => number[];

package/moderncssm/src/hooks/usePathBar/utils/getRadius.d.ts

@@ -0,0 +1 @@
+export declare const getRadius: (height: number, radius: number) => number;

package/{modern → moderncssm/src}/hooks/useSettings/index.d.ts

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

package/moderncssm/src/hooks/useSettings/utils/setComposedChartsMargin.d.ts

@@ -0,0 +1,12 @@
+import { BrushProps } from '../../../types/brush.types';
+import { ComposedChartProps } from '../../../types/composedChart.types';
+import { LegendProps } from '../../../types/legend.types';
+import { XAxisProps } from '../../../types/xAxis.types';
+declare type ComposedChartsMarginResultProps = {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};
+export declare const setComposedChartsMargin: (composeChart: ComposedChartProps, legend: LegendProps | undefined, brush: BrushProps | undefined, xAxis: XAxisProps) => ComposedChartsMarginResultProps;
+export {};

package/moderncssm/src/hooks/useSettings/utils/setDatas.d.ts

@@ -0,0 +1,5 @@
+import { SeriaProps } from '../../../types/seria.types';
+import { DataDynamicBooleanProps, 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/moderncssm/src/hooks/useSettings/utils/setGradientCharts.d.ts

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

package/moderncssm/src/hooks/useSettings/utils/setLegendMargin.d.ts

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

package/moderncssm/src/hooks/useSettings/utils/sortByIndex.d.ts

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

package/moderncssm/src/icons/Circle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/moderncssm/src/icons/CircleLine.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const CircleLineIcon: ({ fill, height }: Props) => React.ReactElement;
+export {};

package/moderncssm/src/icons/FilledCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const FilledCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/moderncssm/src/icons/Point.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const PointIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/moderncssm/src/icons/StrokeCircle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare type Props = {
+    fill?: string;
+    height?: number;
+};
+export declare const StrokeCircleIcon: ({ fill, height }: Props) => React.JSX.Element;
+export {};

package/moderncssm/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Component';
+export * from './types';

package/{esm → moderncssm/src}/types/brush.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactText } from 'react';
 import { DataKey } from 'recharts/types/util/types';
-interface BrushProps {
+export interface BrushProps {
     /**
      * Ключ данных
      */
@@ -38,4 +38,3 @@ interface BrushProps {
      */
     stroke?: string;
 }
-export { BrushProps };

package/moderncssm/{types → src/types}/cartesianGrid.types.d.ts

@@ -1,4 +1,4 @@
-interface CartesianGridProps {
+export interface CartesianGridProps {
     /**
      * Отображение горизонтальной сетки
      */
@@ -20,4 +20,3 @@ interface CartesianGridProps {
      */
     fill?: string;
 }
-export { CartesianGridProps };

package/{esm → moderncssm/src}/types/chart.types.d.ts

@@ -1,11 +1,11 @@
 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";
-type CurveType = 'linear' | 'monotone' | 'step';
-type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
-interface ChartProps {
+import { DataProps } from './utils/data.types';
+import { 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 {
     /**
      * Название графика (отображается в легендах и тултипе)
      */
@@ -51,11 +51,11 @@ interface ChartProps {
      */
     strokeDasharray?: string | number;
 }
-interface ToggleChartProps {
+export interface ToggleChartProps {
     chart?: 'line' | 'area' | 'bar' | 'gradient';
     data?: DataProps[];
     icon?: 'circleLine' | 'filledCircle' | 'strokeCircle' | 'circle';
     order?: number;
     properties: ChartProps;
 }
-export { RectangleShapeType, ChartProps, ToggleChartProps };
+export {};

package/moderncssm/{types → src/types}/composedChart.types.d.ts

@@ -1,4 +1,4 @@
-interface ComposedChartProps {
+export interface ComposedChartProps {
     /**
      * Отступы графика на момент инициализации компонента
      */
@@ -30,4 +30,3 @@ interface ComposedChartProps {
      */
     barGap?: number;
 }
-export { ComposedChartProps };

package/moderncssm/src/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from './utils';
+export * from './brush.types';
+export * from './cartesianGrid.types';
+export * from './chart.types';
+export * from './composedChart.types';
+export * from './labelList.types';
+export * from './legend.types';
+export * from './options.types';
+export * from './payload.types';
+export * from './responsiveContainer.types';
+export * from './seria.types';
+export * from './tooltip.types';
+export * from './xAxis.types';
+export * from './yAxis.types';

package/moderncssm/src/types/labelList.types.d.ts

@@ -0,0 +1,4 @@
+export interface LabelListProps {
+    formatter: Function;
+    ofsset: number;
+}

package/{cssm → moderncssm/src}/types/legend.types.d.ts

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

package/{cssm → moderncssm/src}/types/options.types.d.ts

@@ -1,15 +1,14 @@
-/// <reference types="react" />
 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";
-interface OptionsProps {
+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';
+export interface OptionsProps {
     /**
      * Индефикатор графика
      */
@@ -56,4 +55,3 @@ interface OptionsProps {
     labels: Array<string | number>;
     children?: React.ReactNode;
 }
-export { OptionsProps };

package/moderncssm/{types → src/types}/payload.types.d.ts

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

package/moderncssm/{types → src/types}/responsiveContainer.types.d.ts

@@ -1,10 +1,8 @@
-/// <reference types="react" />
 import React from 'react';
-interface ResponsiveContainerProps {
+export interface ResponsiveContainerProps {
     /**
      * Debounce функция при ресайзе
      */
     debounce?: number;
     children?: React.ReactNode;
 }
-export { ResponsiveContainerProps };

package/{cssm → moderncssm/src}/types/seria.types.d.ts

@@ -1,12 +1,12 @@
-import { DataProps } from "./utils/data.types";
-import { GradientProps } from "./utils/gradient.types";
-import { ChartProps } from "./chart.types";
-import { LabelListProps } from "./labelList.types";
-type RadiusProp = {
+import { DataProps } from './utils/data.types';
+import { GradientProps } from './utils/gradient.types';
+import { ChartProps } from './chart.types';
+import { LabelListProps } from './labelList.types';
+export declare type RadiusProp = {
     top?: number;
     bottom?: number;
 };
-interface SeriaProps {
+export interface SeriaProps {
     /**
      * Скрыть график
      */
@@ -69,4 +69,3 @@ interface SeriaProps {
      */
     data: DataProps[];
 }
-export { RadiusProp, SeriaProps };