@alfalab/core-components-chart 4.0.1 → 4.0.2

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

@@ -1,3 +1,5 @@
+
+
 .tickText {
     fill: var(--color-light-text-primary);
     font-size: 16px;
@@ -9,8 +11,3 @@
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }
-
-.circle {
-    opacity: 0.3;
-    fill: var(--color-dark-base-bg-primary);
-}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { PayloadProps } from '../../types/payload.types';
-import { SeriaProps } from '../../types/seria.types';
-import { TooltipProps } from '../../types/tooltip.types';
+import { type PayloadProps } from '../../types/payload.types';
+import { type SeriaProps } from '../../types/seria.types';
+import { type TooltipProps } from '../../types/tooltip.types';
 export interface TooltipContentProps extends TooltipProps {
     payload: PayloadProps[];
     series: SeriaProps[];

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

@@ -1 +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;;;;"}
+{"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 { type PayloadProps } from '../../types/payload.types';\nimport { type SeriaProps } from '../../types/seria.types';\nimport { type TooltipProps } from '../../types/tooltip.types';\n\nimport styles from './index.module.css';\n\nexport interface TooltipContentProps extends TooltipProps {\n    payload: PayloadProps[];\n    series: SeriaProps[];\n}\n\nexport const TooltipContent = ({\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,3 +1,5 @@
+
+
 .tooltip {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/moderncssm/index.module.css

@@ -1,4 +1,5 @@
-.coreChart :global(.recharts-line path) {
+
+    .coreChart :global(.recharts-line path) {
         transition: d 0.2s ease-out;
     }
 
@@ -9,7 +10,9 @@
     }
 
 .bar {
-    transition: opacity 0.2s ease-out, d 0.2s ease-out;
+    transition:
+        opacity 0.2s ease-out,
+        d 0.2s ease-out;
 }
 
 .unfocused {

package/moderncssm/types/brush.types.d.ts

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

package/moderncssm/types/chart.types.d.ts

@@ -1,8 +1,8 @@
-import { ReactElement } from 'react';
-import { RectangleProps } from 'recharts';
-import { DataKey } from 'recharts/types/util/types';
-import { DataProps } from './utils/data.types';
-import { DotSettingProps } from './utils/dot.types';
+import { type ReactElement } from 'react';
+import { type RectangleProps } from 'recharts';
+import { type DataKey } from 'recharts/types/util/types';
+import { type DataProps } from './utils/data.types';
+import { type DotSettingProps } from './utils/dot.types';
 declare type CurveType = 'linear' | 'monotone' | 'step';
 export declare type RectangleShapeType = ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | RectangleProps | boolean;
 export interface ChartProps {

package/moderncssm/types/legend.types.d.ts

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

package/moderncssm/types/options.types.d.ts

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

package/moderncssm/types/payload.types.d.ts

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

package/moderncssm/types/responsiveContainer.types.d.ts

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

package/moderncssm/types/seria.types.d.ts

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

package/moderncssm/types/tooltip.types.d.ts

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

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

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

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

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

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

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

package/moderncssm/types/xAxis.types.d.ts

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

package/moderncssm/types/yAxis.types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-chart",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "description": "Chart component",
     "keywords": [],
     "license": "MIT",
@@ -10,7 +10,7 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-typography": "^5.0.1",
+        "@alfalab/core-components-typography": "^5.0.2",
         "classnames": "^2.5.1",
         "recharts": "^2.12.7",
         "tslib": "^2.4.0"
@@ -23,6 +23,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
+    "themesVersion": "14.1.2",
     "varsVersion": "10.1.0"
 }

package/src/Component.tsx

@@ -27,13 +27,13 @@ import { TooltipContent } from './components/TooltipContent';
 import { CustomizedHOC } from './hoc/Customized';
 import { useSettings } from './hooks/useSettings';
 import {
-    ActiveDotProps,
-    CoordinatesProps,
-    DataDynamicBooleanProps,
-    DataDynamicProps,
-    OptionsProps,
-    SeriaProps,
-    ToggleChartProps,
+    type ActiveDotProps,
+    type CoordinatesProps,
+    type DataDynamicBooleanProps,
+    type DataDynamicProps,
+    type OptionsProps,
+    type SeriaProps,
+    type ToggleChartProps,
 } from './types';
 
 import styles from './index.module.css';
@@ -287,7 +287,7 @@ export const Chart = (props: OptionsProps) => {
 
     // Позиционирование brush
     useEffect(() => {
-        if (!state || !state.brush) return;
+        if (!state?.brush) return;
         if (!heightLegend || heightLegend === 0) return;
 
         const align = state?.legend?.verticalAlign;

package/src/components/Dot/index.tsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import cn from 'classnames';
 
 import { PointIcon } from '../../icons/Point';
-import { DotProps, DotSettingProps } from '../../types/utils/dot.types';
+import { type DotProps, type DotSettingProps } from '../../types/utils/dot.types';
 
 import styles from './index.module.css';
 

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .legendContent {
     display: flex;

package/src/components/Legends/index.tsx

@@ -7,9 +7,9 @@ import { CircleIcon } from '../../icons/Circle';
 import { CircleLineIcon } from '../../icons/CircleLine';
 import { FilledCircleIcon } from '../../icons/FilledCircle';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle';
-import { LegendProps } from '../../types/legend.types';
-import { SeriaProps } from '../../types/seria.types';
-import { DataDynamicBooleanProps } from '../../types/utils/data.types';
+import { type LegendProps } from '../../types/legend.types';
+import { type SeriaProps } from '../../types/seria.types';
+import { type DataDynamicBooleanProps } from '../../types/utils/data.types';
 
 import styles from './index.module.css';
 

package/src/components/LinearGradient.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { GradientProps, LinearGradientProps } from '../types/utils/gradient.types';
+import { type GradientProps, type LinearGradientProps } from '../types/utils/gradient.types';
 
 export const LinearGradient = ({ id, gid, points }: LinearGradientProps): React.ReactElement => (
     <linearGradient key={`${id}-${gid}`} id={`${id}-${gid}`} x1='0' y1='0' x2='0' y2='1'>

package/src/components/RectBar.tsx

@@ -16,16 +16,16 @@ const getPath = (
     `
         M${x + ((height !== 0 && bottomRadius) || 0)} ${initY + initHeight || 0}
         Q${x} ${initY + initHeight} ${x} ${
-        initY + initHeight - ((height !== 0 && bottomRadius) || 0)
-    }
+            initY + initHeight - ((height !== 0 && bottomRadius) || 0)
+        }
         L${x} ${initY + ((height !== 0 && topRadius) || 0)}
         Q${x} ${initY} ${x + ((height !== 0 && topRadius) || 0)} ${initY}
         L${x + width - ((height !== 0 && topRadius) || 0)} ${initY}
         Q${x + width} ${initY} ${x + width} ${initY + (topRadius || 0)}
         L${x + width} ${initY + initHeight - ((height !== 0 && bottomRadius) || 0)}
         Q${x + width} ${initY + initHeight} ${x + width - ((height !== 0 && bottomRadius) || 0)} ${
-        initY + initHeight
-    }
+            initY + initHeight
+        }
         Z
     `;
 

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .tickText {
     fill: var(--color-light-text-primary);
@@ -9,8 +9,3 @@
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }
-
-.circle {
-    opacity: 0.3;
-    fill: var(--color-dark-base-bg-primary);
-}

package/src/components/Tick/index.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-import { TickProps } from '../../types/utils/tick.types';
+import { type TickProps } from '../../types/utils/tick.types';
 
 import styles from './index.module.css';
 

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

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 
 .tooltip {
     background-color: var(--color-light-base-bg-primary);

package/src/components/TooltipContent/index.tsx

@@ -3,9 +3,9 @@ import cn from 'classnames';
 
 import { Text } from '@alfalab/core-components-typography';
 
-import { PayloadProps } from '../../types/payload.types';
-import { SeriaProps } from '../../types/seria.types';
-import { TooltipProps } from '../../types/tooltip.types';
+import { type PayloadProps } from '../../types/payload.types';
+import { type SeriaProps } from '../../types/seria.types';
+import { type TooltipProps } from '../../types/tooltip.types';
 
 import styles from './index.module.css';
 

package/src/hooks/usePathBar/{index.tsx → index.ts}

@@ -1,6 +1,6 @@
 import { useEffect, useState } from 'react';
 
-import { RadiusProp } from '../../types/seria.types';
+import { type RadiusProp } from '../../types/seria.types';
 
 import { getRadius } from './utils/getRadius';
 
@@ -36,8 +36,8 @@ export const usePathBar = (props: usePathBarProps): number[] => {
         const heightInit = heightCheck
             ? (radiusTop || radiusBottom) && radiusTop + radiusBottom
             : height > 0 && height < 2
-            ? 2
-            : height;
+              ? 2
+              : height;
 
         if (background && y) {
             const yInit = heightCheck

package/src/hooks/useSettings/{index.tsx → index.ts}

@@ -1,7 +1,7 @@
-import { Dispatch, SetStateAction, useEffect, useState } from 'react';
+import { type Dispatch, type SetStateAction, useEffect, useState } from 'react';
 
-import { OptionsProps } from '../../types/options.types';
-import { DataDynamicBooleanProps, DataDynamicProps } from '../../types/utils/data.types';
+import { type OptionsProps } from '../../types/options.types';
+import { type DataDynamicBooleanProps, type DataDynamicProps } from '../../types/utils/data.types';
 
 import { setComposedChartsMargin } from './utils/setComposedChartsMargin';
 import { setDatas } from './utils/setDatas';

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

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

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

@@ -1,8 +1,8 @@
-import { SeriaProps } from '../../../types/seria.types';
+import { type SeriaProps } from '../../../types/seria.types';
 import {
-    DataDynamicBooleanProps,
-    DataDynamicProps,
-    DataProps,
+    type DataDynamicBooleanProps,
+    type DataDynamicProps,
+    type DataProps,
 } from '../../../types/utils/data.types';
 
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];