@alfalab/core-components-chart 4.0.0 → 4.1.0-snapshot-92b8690

package/dynamic-mixins/components/Dot/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var Point = require('../../icons/Point.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Dot = React__default.default.forwardRef(function (_a, ref) {
+    var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke;
+    var _b = React.useState(0), windowWidth = _b[0], setWindowWidth = _b[1];
+    var _c = React.useState(0), height = _c[0], setHeight = _c[1];
+    var _d = React.useState(0), width = _d[0], setWidth = _d[1];
+    var _e = React.useState(null), option = _e[0], setOption = _e[1];
+    React.useEffect(function () {
+        var dotSetting = Array.isArray(dotSettings) && dotSettings.length > 0
+            ? dotSettings.find(function (item) { return item.media && windowWidth < item.media; })
+            : dotSettings;
+        if (Array.isArray(dotSettings) && dotSettings.length > 0 && !dotSetting) {
+            dotSetting = dotSettings[dotSettings.length - 1];
+        }
+        setWindowWidth(window.innerWidth);
+        setOption(dotSetting);
+    }, [dotSettings, windowWidth]);
+    React.useEffect(function () {
+        if (!option)
+            return;
+        if (typeof activeDot === 'number' && activeDot === index) {
+            setHeight(option.height * option.scale);
+            setWidth(option.width * option.scale);
+        }
+        else {
+            setHeight(option.height * option.initScale);
+            setWidth(option.width * option.initScale);
+        }
+    }, [activeDot, index, option]);
+    if (!value)
+        return null;
+    return (React__default.default.createElement("g", { ref: ref, className: cn__default.default(index_module.dot), transform: "translate(".concat(cx - width / 2, ", ").concat(cy - height / 2, ")") },
+        React__default.default.createElement("g", { className: cn__default.default(index_module.dotWrap), transform: "scale(".concat(activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0, ")") },
+            React__default.default.createElement("svg", { className: cn__default.default(index_module.dotItem, activeDot === index ? index_module.dotActive : '', typeof activeDot === 'number' && activeDot !== index
+                    ? index_module.dotUnfocused
+                    : ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },
+                React__default.default.createElement(Point.PointIcon, { fill: stroke })))));
+});
+
+exports.Dot = Dot;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/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":["React","useState","useEffect","cn","styles","PointIcon"],"mappings":"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"}

package/dynamic-mixins/components/Dot/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"dotUnfocused":"chart__dotUnfocused_rcopc","dot":"chart__dot_rcopc","dotItem":"chart__dotItem_rcopc","dotWrap":"chart__dotWrap_rcopc"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/Dot/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":["../../src/components/Dot/index.module.css"],"sourcesContent":[".dotUnfocused {\n    opacity: 0.3;\n}\n\n.dot,\n.dotItem,\n.dotWrap {\n    transition: all 0.2s ease;\n}\n\n.dot {\n    animation: showDot 0.5s ease;\n}\n\n@keyframes showDot {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,cAAc,CAAC,2BAA2B,CAAC,KAAK,CAAC,kBAAkB,CAAC,SAAS,CAAC,sBAAsB,CAAC,SAAS,CAAC,sBAAuD,CAAC;;;;"}

package/dynamic-mixins/components/Legends/index.css

@@ -0,0 +1,26 @@
+:root {
+    --gap-2xl: 32px;
+    --gap-0: 0px;
+    --gap-32: var(--gap-2xl);
+} .chart__legendContent_q0gg4 {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+} .chart__legendWrap_q0gg4 {
+    width: 100%;
+    margin: var(--gap-0);
+    padding: var(--gap-0);
+} .chart__legendItem_q0gg4 {
+    margin-right: var(--gap-32);
+    cursor: pointer;
+    display: inline-block;
+} .chart__legendItem_q0gg4:last-child {
+    margin-right: var(--gap-0);
+} .chart__legendUnactive_q0gg4 {
+    opacity: 0.3;
+} .chart__legendIcon_q0gg4 {
+    margin-right: 13px;
+    display: flex;
+} .chart__legendValue_q0gg4 {
+    text-transform: capitalize;
+}

package/dynamic-mixins/components/Legends/index.d.ts

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

package/dynamic-mixins/components/Legends/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-typography/dynamic-mixins');
+var Circle = require('../../icons/Circle.js');
+var CircleLine = require('../../icons/CircleLine.js');
+var FilledCircle = require('../../icons/FilledCircle.js');
+var StrokeCircle = require('../../icons/StrokeCircle.js');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var icons = {
+    circleLine: CircleLine.CircleLineIcon,
+    filledCircle: FilledCircle.FilledCircleIcon,
+    strokeCircle: StrokeCircle.StrokeCircleIcon,
+    circle: Circle.CircleIcon,
+};
+var Legends = React__default.default.forwardRef(function (_a, ref) {
+    var legend = _a.legend, series = _a.series, id = _a.id, charts = _a.charts, toggleChart = _a.toggleChart;
+    var style = {
+        textAlign: legend.align || 'center',
+        transform: "translateY(".concat(((legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0) *
+            (legend.verticalAlign === 'top' ? -1 : 1), "px)"),
+    };
+    return (React__default.default.createElement("ul", { ref: ref, className: cn__default.default(index_module.legendWrap), style: style }, series.map(function (item) {
+        var _a, _b;
+        if (item.hideLegend || item.hide)
+            return null;
+        var Icon = icons[item.icon] || Circle.CircleIcon;
+        return (React__default.default.createElement("li", { role: 'presentation', key: "".concat(id, "-").concat(item.properties.dataKey), className: cn__default.default(index_module.legendItem, charts["".concat(item.properties.dataKey)] ? '' : index_module.legendUnactive), onClick: function () { return toggleChart(item); } },
+            React__default.default.createElement("div", { className: cn__default.default(index_module.legendContent) },
+                Icon ? (React__default.default.createElement("i", { className: cn__default.default(index_module.legendIcon) },
+                    React__default.default.createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) ||
+                            ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
+                            '', height: legend.iconHeight || 16 }))) : null,
+                React__default.default.createElement(dynamicMixins.Text, { view: 'primary-medium', tag: 'span', className: cn__default.default(index_module.legendValue) }, item.properties.name))));
+    })));
+});
+
+exports.Legends = Legends;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/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":["CircleLineIcon","FilledCircleIcon","StrokeCircleIcon","CircleIcon","React","cn","styles","Text"],"mappings":"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"}

package/dynamic-mixins/components/Legends/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"legendContent":"chart__legendContent_q0gg4","legendWrap":"chart__legendWrap_q0gg4","legendItem":"chart__legendItem_q0gg4","legendUnactive":"chart__legendUnactive_q0gg4","legendIcon":"chart__legendIcon_q0gg4","legendValue":"chart__legendValue_q0gg4"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/Legends/index.module.css.js.map

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

package/dynamic-mixins/components/LinearGradient.d.ts

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

package/dynamic-mixins/components/LinearGradient.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var LinearGradient = function (_a) {
+    var id = _a.id, gid = _a.gid, points = _a.points;
+    return (React__default.default.createElement("linearGradient", { key: "".concat(id, "-").concat(gid), id: "".concat(id, "-").concat(gid), x1: '0', y1: '0', x2: '0', y2: '1' }, points.map(function (point, index) { return (React__default.default.createElement("stop", { key: "".concat(id).concat(gid, "-").concat(index.toString()), offset: "".concat(point.offset, "%"), stopColor: point.stopColor, stopOpacity: point.stopOpacity })); })));
+};
+
+exports.LinearGradient = LinearGradient;
+//# sourceMappingURL=LinearGradient.js.map

package/dynamic-mixins/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":["React"],"mappings":";;;;;;;;;;AAIO,IAAM,cAAc,GAAG,UAAC,EAAwC,EAAA;AAAtC,IAAA,IAAA,EAAE,QAAA,EAAE,GAAG,GAAA,EAAA,CAAA,GAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;AAAgD,IAAA,QAC5FA,sBAAgB,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAA,GAAG,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,cAAI,GAAG,CAAE,EAAE,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,cAAI,GAAG,CAAE,EAAE,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,IAC/E,MAAM,CAAC,GAAG,CAAC,UAAC,KAAoB,EAAE,KAAa,EAAK,EAAA,QACjDA,sBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,GAAG,EAAE,EAAG,CAAA,MAAA,CAAA,EAAE,SAAG,GAAG,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,CAAC,QAAQ,EAAE,CAAE,EACtC,MAAM,EAAE,UAAG,KAAK,CAAC,MAAM,EAAA,GAAA,CAAG,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAChC,CAAA,IACL,CAAC,CACW;AAV2E;;;;"}

package/dynamic-mixins/components/RectBar.d.ts

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

package/dynamic-mixins/components/RectBar.js

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index = require('../hooks/usePathBar/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+// eslint-disable-next-line complexity
+var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
+    return "\n        M".concat(x + ((height !== 0 && bottomRadius) || 0), " ").concat(initY + initHeight || 0, "\n        Q").concat(x, " ").concat(initY + initHeight, " ").concat(x, " ").concat(initY + initHeight - ((height !== 0 && bottomRadius) || 0), "\n        L").concat(x, " ").concat(initY + ((height !== 0 && topRadius) || 0), "\n        Q").concat(x, " ").concat(initY, " ").concat(x + ((height !== 0 && topRadius) || 0), " ").concat(initY, "\n        L").concat(x + width - ((height !== 0 && topRadius) || 0), " ").concat(initY, "\n        Q").concat(x + width, " ").concat(initY, " ").concat(x + width, " ").concat(initY + (topRadius || 0), "\n        L").concat(x + width, " ").concat(initY + initHeight - ((height !== 0 && bottomRadius) || 0), "\n        Q").concat(x + width, " ").concat(initY + initHeight, " ").concat(x + width - ((height !== 0 && bottomRadius) || 0), " ").concat(initY + initHeight, "\n        Z\n    ");
+};
+var RectBar = function (_a) {
+    var fill = _a.fill, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius, background = _a.background;
+    var _b = index.usePathBar({
+        radius: radius,
+        height: height,
+        background: background,
+        y: y,
+    }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
+    return React.useMemo(function () { return (React__default.default.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
+};
+
+exports.RectBar = RectBar;
+//# sourceMappingURL=RectBar.js.map

package/dynamic-mixins/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":["usePathBar","useMemo","React"],"mappings":";;;;;;;;;;;AAAA;AAKA;AACA,IAAM,OAAO,GAAG,UACZ,CAAS,EACT,KAAa,EACb,MAAc,EACd,UAAkB,EAClB,SAAiB,EACjB,YAAoB,EACpB,KAAa,EAAA;AAEb,IAAA,OAAA,qBACO,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,UAAU,IAAI,CAAC,EAAA,aAAA,CAAA,CAAA,MAAA,CACpE,CAAC,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,UAAU,cAAI,CAAC,EAAA,GAAA,CAAA,CAAA,MAAA,CAC/B,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,EAAA,aAAA,CAAA,CAAA,MAAA,CAEvD,CAAC,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAA,aAAA,CAAA,CAAA,MAAA,CAC/C,CAAC,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,EAC7D,aAAA,CAAA,CAAA,MAAA,CAAA,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,EACvD,aAAA,CAAA,CAAA,MAAA,CAAA,CAAC,GAAG,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,CAAC,GAAG,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,IAAI,SAAS,IAAI,CAAC,CAAC,EAC3D,aAAA,CAAA,CAAA,MAAA,CAAA,CAAC,GAAG,KAAK,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,KAAK,GAAG,UAAU,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,wBACvE,CAAC,GAAG,KAAK,EAAI,GAAA,CAAA,CAAA,MAAA,CAAA,KAAK,GAAG,UAAU,EAAA,GAAA,CAAA,CAAA,MAAA,CAAI,CAAC,GAAG,KAAK,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,YAAY,KAAK,CAAC,CAAC,cACvF,KAAK,GAAG,UAAU,EAGrB,mBAAA,CAAA;AAdD,CAcC;AAEE,IAAM,OAAO,GAAG,UAAC,EAAsD,EAAA;AAApD,IAAA,IAAA,IAAI,UAAA,EAAE,CAAC,OAAA,EAAE,CAAC,OAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;IAC7D,IAAA,EAAA,GAAoDA,gBAAU,CAAC;AACjE,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,MAAM,EAAA,MAAA;AACN,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,CAAC,EAAA,CAAA;AACJ,KAAA,CAAC,EALK,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,KAAK,GAAA,EAAA,CAAA,CAAA,CAK/C;IAEF,OAAOC,aAAO,CACV,YAAA,EAAM,QACFC,+CACI,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,EACZ,CAAA,EALA,EAML,EACD,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CACvE;AACL;;;;"}

package/dynamic-mixins/components/Tick/index.css

@@ -0,0 +1,13 @@
+:root {
+    --color-dark-base-bg-primary: #121213;
+    --color-light-text-primary: rgba(3, 3, 6, 0.88);
+} .chart__tickText_1keo0 {
+    fill: var(--color-light-text-primary);
+    @mixin paragraph_primary_medium;
+} .chart__circle_1keo0 {
+    opacity: 0.3;
+    fill: var(--color-dark-base-bg-primary);
+} .chart__circle_1keo0 {
+    opacity: 0.3;
+    fill: var(--color-dark-base-bg-primary);
+}

package/dynamic-mixins/components/Tick/index.d.ts

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

package/dynamic-mixins/components/Tick/index.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var Tick = function (_a) {
+    var y = _a.y, payload = _a.payload, tickFormatter = _a.tickFormatter, xAxis = _a.xAxis;
+    var radius = 4;
+    var marginTick = (xAxis === null || xAxis === void 0 ? void 0 : xAxis.tickMargin) &&
+        (xAxis.tickMargin > 0 ? xAxis.tickMargin - radius / 2 : xAxis.tickMargin === 0)
+        ? (radius / 2) * -1
+        : null;
+    return (React__default.default.createElement("g", { className: cn__default.default(index_module.tick), opacity: '1', textAnchor: 'middle', transform: "translate(".concat(payload.coordinate, ", ").concat(y - (typeof marginTick === 'number' ? marginTick : 0) - radius * 2, ")") },
+        React__default.default.createElement("text", { className: cn__default.default(index_module.tickText), y: '30' }, tickFormatter ? tickFormatter(payload.value) : payload.value),
+        React__default.default.createElement("circle", { r: radius, className: cn__default.default(index_module.circle) })));
+};
+
+exports.Tick = Tick;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/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":["React","cn","styles"],"mappings":";;;;;;;;;;;;;AAOO,IAAM,IAAI,GAAG,UAAC,EAA+C,EAAA;QAA7C,CAAC,GAAA,EAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,aAAa,GAAA,EAAA,CAAA,aAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IACnD,IAAM,MAAM,GAAG,CAAC;IAEhB,IAAM,UAAU,GACZ,CAAA,KAAK,aAAL,KAAK,KAAA,MAAA,GAAA,MAAA,GAAL,KAAK,CAAE,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,QACIA,4CACI,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,IAAI,CAAC,EAC1B,OAAO,EAAC,GAAG,EACX,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAE,YAAa,CAAA,MAAA,CAAA,OAAO,CAAC,UAAU,EAAA,IAAA,CAAA,CAAA,MAAA,CACtC,CAAC,IAAI,OAAO,UAAU,KAAK,QAAQ,GAAG,UAAU,GAAG,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,EACnE,GAAA,CAAA,EAAA;AAEH,QAAAF,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAC,IAAI,EACvC,EAAA,aAAa,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,KAAK,CAC1D;AACP,QAAAF,sBAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,CAAC,EAAE,MAAM,EAAE,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,CAAC,EAAI,CAAA,CACnD;AAEZ;;;;"}

package/dynamic-mixins/components/Tick/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"tickText":"chart__tickText_1keo0","circle":"chart__circle_1keo0"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/Tick/index.module.css.js.map

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

package/dynamic-mixins/components/TooltipContent/index.css

@@ -0,0 +1,56 @@
+:root {
+    --color-light-base-bg-primary: #fff;
+    --color-light-neutral-400: #d2d3d9;
+} :root {
+    --shadow-l: 0 24px 32px rgba(0, 0, 0, 0.08), 0 20px 24px rgba(0, 0, 0, 0.08),
+        0 12px 16px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.04), 0 0 1px rgba(0, 0, 0, 0.04);
+} :root {
+    --border-radius-m: 8px;
+    --border-radius-8: var(--border-radius-m);
+} :root {
+    --gap-s: 12px;
+    --gap-m: 16px;
+    --gap-3xs-neg: -2px;
+    --gap-0: 0px;
+    --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
+    --gap-2-neg: var(--gap-3xs-neg);
+} .chart__tooltip_1dghu {
+    background-color: var(--color-light-base-bg-primary);
+    border: 1px solid var(--color-light-neutral-400);
+    box-shadow: var(--shadow-l);
+    border-radius: var(--border-radius-8);
+    padding: var(--gap-12) var(--gap-16);
+    pointer-events: none;
+    position: relative;
+} .chart__tooltipList_1dghu {
+    position: relative;
+    z-index: 5;
+    list-style-type: none;
+    padding: var(--gap-0);
+    margin: var(--gap-0);
+} .chart__tooltipItem_1dghu {
+    margin-bottom: 10px;
+} .chart__tooltipArrow_1dghu {
+    position: absolute;
+    left: var(--gap-0);
+    top: 50%;
+    transform: translate(-50%, -50%) scale(1, 1) rotate(45deg);
+    width: 10px;
+    height: 10px;
+    border: 1px solid var(--color-light-neutral-400);
+    background-color: var(--color-light-base-bg-primary);
+} .chart__tooltipArrow_1dghu:before {
+    content: '';
+    position: absolute;
+    left: var(--gap-2-neg);
+    top: var(--gap-2-neg);
+    width: 0;
+    height: 0;
+    border-style: solid;
+    border-width: 0 24px 24px 0;
+    border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
+} .chart__tooltipArrowRight_1dghu {
+    left: 100%;
+    transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
+}

package/dynamic-mixins/components/TooltipContent/index.d.ts

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

package/dynamic-mixins/components/TooltipContent/index.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var cn = require('classnames');
+var dynamicMixins = require('@alfalab/core-components-typography/dynamic-mixins');
+var index_module = require('./index.module.css.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+
+var TooltipContent = function (_a) {
+    var payload = _a.payload, separator = _a.separator, label = _a.label, tooltipArrowSide = _a.tooltipArrowSide, arrow = _a.arrow, series = _a.series, labelFormatter = _a.labelFormatter, labelStyle = _a.labelStyle;
+    if (!label || payload.length === 0)
+        return null;
+    return (React__default.default.createElement("div", { className: cn__default.default(index_module.tooltip) },
+        arrow && (React__default.default.createElement("span", { className: cn__default.default(index_module.tooltipArrow, tooltipArrowSide ? '' : index_module.tooltipArrowRight) })),
+        React__default.default.createElement("ul", { className: cn__default.default(index_module.tooltipList) },
+            React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), style: labelStyle },
+                React__default.default.createElement(dynamicMixins.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+            payload.map(function (entry) {
+                var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
+                if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
+                    return null;
+                return (React__default.default.createElement("li", { className: cn__default.default(index_module.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
+                    React__default.default.createElement(dynamicMixins.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn__default.default(index_module.tooltipValue) },
+                        (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
+                        separator || ' '),
+                    React__default.default.createElement(dynamicMixins.Text, { view: 'secondary-large', tag: 'span', className: cn__default.default(index_module.tooltipName) }, "".concat(entry.name))));
+            }))));
+};
+
+exports.TooltipContent = TooltipContent;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/components/TooltipContent/index.js.map

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

package/dynamic-mixins/components/TooltipContent/index.module.css.js

@@ -0,0 +1,8 @@
+'use strict';
+
+require('./index.css');
+
+var styles = {"tooltip":"chart__tooltip_1dghu","tooltipList":"chart__tooltipList_1dghu","tooltipItem":"chart__tooltipItem_1dghu","tooltipArrow":"chart__tooltipArrow_1dghu","tooltipArrowRight":"chart__tooltipArrowRight_1dghu"};
+
+module.exports = styles;
+//# sourceMappingURL=index.module.css.js.map

package/dynamic-mixins/components/TooltipContent/index.module.css.js.map

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

package/dynamic-mixins/hoc/Customized.d.ts

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

package/dynamic-mixins/hoc/Customized.js

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var CustomizedHOC = function (Component, options) {
+    var NewComponent = function (props) { return React__default.default.createElement(Component, tslib.__assign({}, props, options)); };
+    return NewComponent;
+};
+
+exports.CustomizedHOC = CustomizedHOC;
+//# sourceMappingURL=Customized.js.map

package/dynamic-mixins/hoc/Customized.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Customized.js","sources":["../../src/hoc/Customized.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nexport const CustomizedHOC = (Component: any, options: any) => {\n    const NewComponent = (props: any) => <Component {...props} {...options} />;\n\n    return NewComponent;\n};\n"],"names":["React","__assign"],"mappings":";;;;;;;;;;;AAGa,IAAA,aAAa,GAAG,UAAC,SAAc,EAAE,OAAY,EAAA;AACtD,IAAA,IAAM,YAAY,GAAG,UAAC,KAAU,IAAK,OAAAA,sBAAA,CAAA,aAAA,CAAC,SAAS,EAAAC,cAAA,CAAA,EAAA,EAAK,KAAK,EAAM,OAAO,CAAI,CAAA,CAAA,EAAA;AAE1E,IAAA,OAAO,YAAY;AACvB;;;;"}

package/dynamic-mixins/hooks/usePathBar/index.d.ts

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

package/dynamic-mixins/hooks/usePathBar/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var getRadius = require('./utils/getRadius.js');
+
+var usePathBar = function (props) {
+    var _a = React.useState(0), topRadius = _a[0], setTopRadius = _a[1];
+    var _b = React.useState(0), bottomRadius = _b[0], setBottomRadius = _b[1];
+    var _c = React.useState(0), initHeight = _c[0], setInitHeight = _c[1];
+    var _d = React.useState(0), initY = _d[0], setInitY = _d[1];
+    React.useEffect(function () {
+        var radius = props.radius, height = props.height, background = props.background, y = props.y;
+        var radiusTop = (radius === null || radius === void 0 ? void 0 : radius.top) ? getRadius.getRadius(height, radius.top) : 0;
+        var radiusBottom = (radius === null || radius === void 0 ? void 0 : radius.bottom) ? getRadius.getRadius(height, radius.bottom) : 0;
+        var heightCheck = (radius && height !== 0 && height / 2 < ((radius === null || radius === void 0 ? void 0 : radius.top) || 0)) ||
+            height / 2 < ((radius === null || radius === void 0 ? void 0 : radius.bottom) || 0);
+        // eslint-disable-next-line no-nested-ternary
+        var heightInit = heightCheck
+            ? (radiusTop || radiusBottom) && radiusTop + radiusBottom
+            : height > 0 && height < 2
+                ? 2
+                : height;
+        if (background && y) {
+            var yInit = heightCheck
+                ? background.height + background.y - (radiusTop + radiusBottom)
+                : y;
+            setInitY(yInit);
+        }
+        if (radiusTop !== 0)
+            setTopRadius(radiusTop);
+        if (radiusBottom !== 0)
+            setBottomRadius(radiusBottom);
+        if (heightInit !== 0)
+            setInitHeight(heightInit);
+    }, [props]);
+    return [initHeight, topRadius, bottomRadius, initY];
+};
+
+exports.usePathBar = usePathBar;
+//# sourceMappingURL=index.js.map

package/dynamic-mixins/hooks/usePathBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/hooks/usePathBar/index.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nimport { RadiusProp } from '../../types/seria.types';\n\nimport { getRadius } from './utils/getRadius';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport type usePathBarProps = {\n    radius?: RadiusProp;\n    height: number;\n    background?: {\n        x: number;\n        y: number;\n        height: number;\n        width: number;\n    };\n    y?: number;\n};\n\nexport const usePathBar = (props: usePathBarProps): number[] => {\n    const [topRadius, setTopRadius] = useState<number>(0);\n    const [bottomRadius, setBottomRadius] = useState<number>(0);\n    const [initHeight, setInitHeight] = useState<number>(0);\n    const [initY, setInitY] = useState<number>(0);\n\n    useEffect(() => {\n        const { radius, height, background, y } = props;\n        const radiusTop = radius?.top ? getRadius(height, radius.top) : 0;\n        const radiusBottom = radius?.bottom ? getRadius(height, radius.bottom) : 0;\n\n        const heightCheck =\n            (radius && height !== 0 && height / 2 < (radius?.top || 0)) ||\n            height / 2 < (radius?.bottom || 0);\n\n        // eslint-disable-next-line no-nested-ternary\n        const heightInit = heightCheck\n            ? (radiusTop || radiusBottom) && radiusTop + radiusBottom\n            : height > 0 && height < 2\n            ? 2\n            : height;\n\n        if (background && y) {\n            const yInit = heightCheck\n                ? background.height + background.y - (radiusTop + radiusBottom)\n                : y;\n\n            setInitY(yInit);\n        }\n\n        if (radiusTop !== 0) setTopRadius(radiusTop);\n        if (radiusBottom !== 0) setBottomRadius(radiusBottom);\n        if (heightInit !== 0) setInitHeight(heightInit);\n    }, [props]);\n\n    return [initHeight, topRadius, bottomRadius, initY];\n};\n"],"names":["useState","useEffect","getRadius"],"mappings":";;;;;;;AAmBO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;IACvC,IAAA,EAAA,GAA4BA,cAAQ,CAAS,CAAC,CAAC,EAA9C,SAAS,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,YAAY,GAAA,EAAA,CAAA,CAAA,CAAuB;IAC/C,IAAA,EAAA,GAAkCA,cAAQ,CAAS,CAAC,CAAC,EAApD,YAAY,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,eAAe,GAAA,EAAA,CAAA,CAAA,CAAuB;IACrD,IAAA,EAAA,GAA8BA,cAAQ,CAAS,CAAC,CAAC,EAAhD,UAAU,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,aAAa,GAAA,EAAA,CAAA,CAAA,CAAuB;IACjD,IAAA,EAAA,GAAoBA,cAAQ,CAAS,CAAC,CAAC,EAAtC,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAuB;AAE7C,IAAAC,eAAS,CAAC,YAAA;AACE,QAAA,IAAA,MAAM,GAA4B,KAAK,OAAjC,EAAE,MAAM,GAAoB,KAAK,CAAA,MAAzB,EAAE,UAAU,GAAQ,KAAK,CAAb,UAAA,EAAE,CAAC,GAAK,KAAK,EAAV;QACrC,IAAM,SAAS,GAAG,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,GAAG,IAAGC,mBAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QACjE,IAAM,YAAY,GAAG,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAN,MAAA,GAAA,MAAA,GAAA,MAAM,CAAE,MAAM,IAAGA,mBAAS,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC;QAE1E,IAAM,WAAW,GACb,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,IAAI,MAAM,GAAG,CAAC,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,GAAG,KAAI,CAAC,CAAC;AAC1D,YAAA,MAAM,GAAG,CAAC,IAAI,CAAA,MAAM,KAAA,IAAA,IAAN,MAAM,KAAA,MAAA,GAAA,MAAA,GAAN,MAAM,CAAE,MAAM,KAAI,CAAC,CAAC;;QAGtC,IAAM,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,IAAM,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/dynamic-mixins/hooks/usePathBar/utils/getRadius.d.ts

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

package/dynamic-mixins/hooks/usePathBar/utils/getRadius.js

@@ -0,0 +1,11 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getRadius = function (height, radius) {
+    var result = radius && height / 2 < radius ? Math.ceil(height / 2) : radius || 0;
+    return result;
+};
+
+exports.getRadius = getRadius;
+//# sourceMappingURL=getRadius.js.map

package/dynamic-mixins/hooks/usePathBar/utils/getRadius.js.map

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