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

package/{moderncssm → modern/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/{cssm → modern/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/{cssm → modern/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/{esm → modern/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 };

package/{moderncssm → modern/src}/types/tooltip.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, ReactText, SVGProps } from 'react';
 import { AnimationTiming } from 'recharts/types/util/types';
-interface TooltipProps {
+export interface TooltipProps {
     /**
      * Разделитель между именем и значением.
      */
@@ -67,4 +67,3 @@ interface TooltipProps {
      */
     content?: any;
 }
-export { TooltipProps };

package/{moderncssm → modern/src}/types/utils/axis.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, SVGProps } from 'react';
-interface AxisProps {
+export interface AxisProps {
     /**
      * Скрыть ось
      */
@@ -65,4 +65,3 @@ interface AxisProps {
      */
     tick?: SVGProps<SVGTextElement> | ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | boolean;
 }
-export { AxisProps };

package/{cssm → modern/src}/types/utils/coordinates.types.d.ts

@@ -1,4 +1,4 @@
-interface CoordinatesProps {
+export interface CoordinatesProps {
     /**
      * Значение координаты х.
      */
@@ -8,4 +8,3 @@ interface CoordinatesProps {
      */
     y: number;
 }
-export { CoordinatesProps };

package/{moderncssm → modern/src}/types/utils/data.types.d.ts

@@ -1,4 +1,4 @@
-interface DataProps {
+export interface DataProps {
     /**
      * Метка
      */
@@ -8,10 +8,9 @@ interface DataProps {
      */
     value: number;
 }
-interface DataDynamicProps {
+export interface DataDynamicProps {
     [key: string]: number | string;
 }
-interface DataDynamicBooleanProps {
+export interface DataDynamicBooleanProps {
     [key: string]: boolean;
 }
-export { DataProps, DataDynamicProps, DataDynamicBooleanProps };

package/{esm → modern/src}/types/utils/dot.types.d.ts

@@ -1,6 +1,6 @@
-import { CoordinatesProps } from "./coordinates.types";
-import { DataProps } from "./data.types";
-interface DotSettingProps {
+import { CoordinatesProps } from './coordinates.types';
+import { DataProps } from './data.types';
+export interface DotSettingProps {
     /**
      * Значение media query.
      */
@@ -22,7 +22,7 @@ interface DotSettingProps {
      */
     height: number;
 }
-interface ActiveDotProps {
+export interface ActiveDotProps {
     /**
      * Индекс предыдущей точки.
      */
@@ -32,11 +32,11 @@ interface ActiveDotProps {
      */
     active: number | null;
 }
-interface PointProps extends CoordinatesProps {
+export interface PointProps extends CoordinatesProps {
     value: string | number;
     payload: DataProps;
 }
-interface DotProps {
+export interface DotProps {
     /**
      * Индекс активной точки на графике.
      */
@@ -70,4 +70,3 @@ interface DotProps {
      */
     value: number;
 }
-export { DotSettingProps, ActiveDotProps, PointProps, DotProps };

package/{moderncssm → modern/src}/types/utils/gradient.types.d.ts

@@ -1,4 +1,4 @@
-interface GradientProps {
+export interface GradientProps {
     /**
      * Отступ.
      */
@@ -12,7 +12,7 @@ interface GradientProps {
      */
     stopOpacity: number;
 }
-interface LinearGradientProps {
+export interface LinearGradientProps {
     /**
      * Индефикатор графика.
      */
@@ -26,4 +26,3 @@ interface LinearGradientProps {
      */
     points: GradientProps[];
 }
-export { GradientProps, LinearGradientProps };

package/modern/src/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from './axis.types';
+export * from './coordinates.types';
+export * from './data.types';
+export * from './dot.types';
+export * from './gradient.types';
+export * from './tick.types';

package/{moderncssm → modern/src}/types/utils/tick.types.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { XAxisProps } from "../xAxis.types";
-interface TickProps {
+import { XAxisProps } from '../xAxis.types';
+export interface TickProps {
     payload: {
         coordinate: number;
         value: number;
@@ -16,4 +16,3 @@ interface TickProps {
      */
     xAxis: XAxisProps;
 }
-export { TickProps };

package/{cssm → modern/src}/types/xAxis.types.d.ts

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

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

@@ -0,0 +1,7 @@
+import { AxisProps } from './utils/axis.types';
+export interface YAxisProps extends AxisProps {
+    /**
+     * Ориентация оси
+     */
+    orientation?: 'left' | 'right';
+}

package/modern/types/brush.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=brush.types.js.map

package/modern/types/brush.types.js.map

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

package/modern/types/cartesianGrid.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=cartesianGrid.types.js.map

package/modern/types/cartesianGrid.types.js.map

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

package/modern/types/chart.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=chart.types.js.map

package/modern/types/chart.types.js.map

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

package/modern/types/composedChart.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=composedChart.types.js.map

package/modern/types/composedChart.types.js.map

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

package/modern/types/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/modern/types/index.js.map

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

package/modern/types/labelList.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=labelList.types.js.map

package/modern/types/labelList.types.js.map

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

package/modern/types/legend.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=legend.types.js.map

package/modern/types/legend.types.js.map

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

package/modern/types/options.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=options.types.js.map

package/modern/types/options.types.js.map

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

package/modern/types/payload.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=payload.types.js.map

package/modern/types/payload.types.js.map

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

package/modern/types/responsiveContainer.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=responsiveContainer.types.js.map

package/modern/types/responsiveContainer.types.js.map

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

package/modern/types/seria.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=seria.types.js.map

package/modern/types/seria.types.js.map

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

package/modern/types/tooltip.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=tooltip.types.js.map

package/modern/types/tooltip.types.js.map

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

package/modern/types/utils/axis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=axis.types.js.map

package/modern/types/utils/axis.types.js.map

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

package/modern/types/utils/coordinates.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=coordinates.types.js.map

package/modern/types/utils/coordinates.types.js.map

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

package/modern/types/utils/data.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=data.types.js.map

package/modern/types/utils/data.types.js.map

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

package/modern/types/utils/dot.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=dot.types.js.map

package/modern/types/utils/dot.types.js.map

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

package/modern/types/utils/gradient.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=gradient.types.js.map

package/modern/types/utils/gradient.types.js.map

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

package/modern/types/utils/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/modern/types/utils/index.js.map

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

package/modern/types/utils/tick.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=tick.types.js.map

package/modern/types/utils/tick.types.js.map

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

package/modern/types/xAxis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=xAxis.types.js.map

package/modern/types/xAxis.types.js.map

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

package/modern/types/yAxis.types.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=yAxis.types.js.map

package/modern/types/yAxis.types.js.map

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

package/moderncssm/Component.js

@@ -8,14 +8,10 @@ import { LinearGradient } from './components/LinearGradient.js';
 import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
+import { CustomizedHOC } from './hoc/Customized.js';
 import { useSettings } from './hooks/useSettings/index.js';
 import styles from './index.module.css';
 
-const CustomizedHOC = (Component, options) => {
-    const NewComponent = (props) => React.createElement(Component, { ...props, ...options });
-    return NewComponent;
-};
-
 /* eslint-disable @typescript-eslint/no-explicit-any,prefer-template */
 const Chart = (props) => {
     const [{ state, data, charts, filterCount }, { setCharts, setFilterCount }] = useSettings(props);
@@ -249,3 +245,4 @@ Chart.displayName = 'Chart';
 ResponsiveContainer.displayName = 'ResponsiveContainer';
 
 export { Chart };
+//# sourceMappingURL=Component.js.map

package/moderncssm/Component.js.map

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

package/moderncssm/components/CustomizedLabel.js

@@ -9,3 +9,4 @@ const CustomizedLabel = ({ x, y, value, offset, radius, height, width, formatter
 };
 
 export { CustomizedLabel };
+//# sourceMappingURL=CustomizedLabel.js.map

package/moderncssm/components/CustomizedLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedLabel.js","sources":["../../../src/components/CustomizedLabel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nimport { usePathBar } from '../hooks/usePathBar';\n\nexport const CustomizedLabel: React.FC<any> = ({\n    x,\n    y,\n    value,\n    offset,\n    radius,\n    height,\n    width,\n    formatter,\n}) => {\n    const [initHeight] = usePathBar({ radius, height });\n\n    return (\n        <text\n            x={x + width / 2}\n            y={y + height - (initHeight + offset)}\n            width={width}\n            height={initHeight}\n            textAnchor='middle'\n        >\n            <tspan x={x + width / 2}>{formatter ? formatter(value) : value}</tspan>\n        </text>\n    );\n};\n"],"names":[],"mappings":";;;AAAA;MAKa,eAAe,GAAkB,CAAC,EAC3C,CAAC,EACD,CAAC,EACD,KAAK,EACL,MAAM,EACN,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,GACZ,KAAI;AACD,IAAA,MAAM,CAAC,UAAU,CAAC,GAAG,UAAU,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;AAEnD,IAAA,QACI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,UAAU,GAAG,MAAM,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,EAClB,UAAU,EAAC,QAAQ,EAAA;QAEnB,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAG,EAAA,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAS,CACpE;AAEf;;;;"}

package/moderncssm/components/Dot/index.js

@@ -41,3 +41,4 @@ const Dot = React.forwardRef(({ cx, cy, index, activeDot, dataKey, dotSettings,
 });
 
 export { Dot };
+//# sourceMappingURL=index.js.map

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

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

package/moderncssm/components/Legends/index.js

@@ -34,3 +34,4 @@ const Legends = React.forwardRef(({ legend, series, id, charts, toggleChart }, r
 });
 
 export { Legends };
+//# sourceMappingURL=index.js.map

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

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

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

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

package/moderncssm/components/LinearGradient.js

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

package/moderncssm/components/LinearGradient.js.map

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

package/moderncssm/components/RectBar.js

@@ -25,3 +25,4 @@ const RectBar = ({ fill, x, y, width, height, radius, background }) => {
 };
 
 export { RectBar };
+//# sourceMappingURL=RectBar.js.map

package/moderncssm/components/RectBar.js.map

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

package/moderncssm/components/Tick/index.js

@@ -14,3 +14,4 @@ const Tick = ({ y, payload, tickFormatter, xAxis }) => {
 };
 
 export { Tick };
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,5 +1,3 @@
-/* */
-
 .tickText {
     fill: var(--color-light-text-primary);
     font-size: 16px;