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

package/components/Dot/index.css

@@ -1,18 +1,18 @@
-.chart__dotUnfocused_18g67 {
+.chart__dotUnfocused_rcopc {
     opacity: 0.3;
 }
 
-.chart__dot_18g67,
-.chart__dotItem_18g67,
-.chart__dotWrap_18g67 {
+.chart__dot_rcopc,
+.chart__dotItem_rcopc,
+.chart__dotWrap_rcopc {
     transition: all 0.2s ease;
 }
 
-.chart__dot_18g67 {
-    animation: chart__showDot_18g67 0.5s ease;
+.chart__dot_rcopc {
+    animation: chart__showDot_rcopc 0.5s ease;
 }
 
-@keyframes chart__showDot_18g67 {
+@keyframes chart__showDot_rcopc {
     from {
         opacity: 0;
     }

package/components/Dot/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_18g67","dot":"chart__dot_18g67","dotItem":"chart__dotItem_18g67","dotWrap":"chart__dotWrap_18g67"};
+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/components/Legends/index.css

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

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"legendContent":"chart__legendContent_1v9lz","legendWrap":"chart__legendWrap_1v9lz","legendItem":"chart__legendItem_1v9lz","legendUnactive":"chart__legendUnactive_1v9lz","legendIcon":"chart__legendIcon_1v9lz","legendValue":"chart__legendValue_1v9lz"};
+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/components/Legends/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/Legends/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/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;;;;"}
+{"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/components/Tick/index.css

@@ -1,15 +1,15 @@
 :root {
     --color-dark-base-bg-primary: #121213;
     --color-light-text-primary: rgba(3, 3, 6, 0.88);
-} .chart__tickText_14nma {
+} .chart__tickText_1keo0 {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .chart__circle_14nma {
+} .chart__circle_1keo0 {
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
-} .chart__circle_14nma {
+} .chart__circle_1keo0 {
     opacity: 0.3;
     fill: var(--color-dark-base-bg-primary);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tickText":"chart__tickText_14nma","circle":"chart__circle_14nma"};
+var styles = {"tickText":"chart__tickText_1keo0","circle":"chart__circle_1keo0"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/Tick/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/Tick/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/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;;;;"}
+{"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/components/TooltipContent/index.css

@@ -15,7 +15,7 @@
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
     --gap-2-neg: var(--gap-3xs-neg);
-} .chart__tooltip_ifp4p {
+} .chart__tooltip_1dghu {
     background-color: var(--color-light-base-bg-primary);
     border: 1px solid var(--color-light-neutral-400);
     box-shadow: var(--shadow-l);
@@ -23,15 +23,15 @@
     padding: var(--gap-12) var(--gap-16);
     pointer-events: none;
     position: relative;
-} .chart__tooltipList_ifp4p {
+} .chart__tooltipList_1dghu {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: var(--gap-0);
     margin: var(--gap-0);
-} .chart__tooltipItem_ifp4p {
+} .chart__tooltipItem_1dghu {
     margin-bottom: 10px;
-} .chart__tooltipArrow_ifp4p {
+} .chart__tooltipArrow_1dghu {
     position: absolute;
     left: var(--gap-0);
     top: 50%;
@@ -40,7 +40,7 @@
     height: 10px;
     border: 1px solid var(--color-light-neutral-400);
     background-color: var(--color-light-base-bg-primary);
-} .chart__tooltipArrow_ifp4p:before {
+} .chart__tooltipArrow_1dghu:before {
     content: '';
     position: absolute;
     left: var(--gap-2-neg);
@@ -50,7 +50,7 @@
     border-style: solid;
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-base-bg-primary) transparent transparent;
-} .chart__tooltipArrowRight_ifp4p {
+} .chart__tooltipArrowRight_1dghu {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

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

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"tooltip":"chart__tooltip_ifp4p","tooltipList":"chart__tooltipList_ifp4p","tooltipItem":"chart__tooltipItem_ifp4p","tooltipArrow":"chart__tooltipArrow_ifp4p","tooltipArrowRight":"chart__tooltipArrowRight_ifp4p"};
+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/components/TooltipContent/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["../../src/components/TooltipContent/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/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;;;;"}
+{"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/Component.d.ts

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

package/dynamic-mixins/Component.js

@@ -0,0 +1,263 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var recharts = require('recharts');
+var CustomizedLabel = require('./components/CustomizedLabel.js');
+var index$4 = require('./components/Dot/index.js');
+var index$1 = require('./components/Legends/index.js');
+var LinearGradient = require('./components/LinearGradient.js');
+var RectBar = require('./components/RectBar.js');
+var index$2 = require('./components/Tick/index.js');
+var index$3 = require('./components/TooltipContent/index.js');
+var Customized = require('./hoc/Customized.js');
+var index = require('./hooks/useSettings/index.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 Chart = function (props) {
+    var _a;
+    var _b = index.useSettings(props), _c = _b[0], state = _c.state, data = _c.data, charts = _c.charts, filterCount = _c.filterCount, _d = _b[1], setCharts = _d.setCharts, setFilterCount = _d.setFilterCount;
+    var _e = React.useState({
+        prev: null,
+        active: null,
+    }), activeDotsState = _e[0], setActiveDotsState = _e[1];
+    var _f = React.useState(null), yBrush = _f[0], setYBrush = _f[1];
+    var _g = React.useState(null), tooltipArrowSide = _g[0], setTooltipArrowSide = _g[1];
+    var _h = React.useState(0), heightLegend = _h[0], setHeightLegend = _h[1];
+    var svgRef = React.useRef(null);
+    var tooltipRef = React.useRef(null);
+    var renderGradient = React.useMemo(function () {
+        if (!state)
+            return null;
+        return state.series.map(function (item) {
+            var chart = item.chart, gradient = item.gradient;
+            if (chart !== 'gradient' || !gradient)
+                return null;
+            var gid = gradient.gid, points = gradient.points;
+            return (React__default.default.createElement(LinearGradient.LinearGradient, { key: "".concat(state.id, "-").concat(gid), id: state.id, gid: gid, points: points }));
+        });
+    }, [state]);
+    var toggleChart = React.useCallback(function (item) {
+        var chart = item.chart, dataKey = item.properties.dataKey;
+        var withGrad = chart === 'area';
+        var changed = false;
+        if (charts[dataKey + ''] && filterCount > 1) {
+            changed = true;
+            setFilterCount(function (prev) { return prev - 1; });
+        }
+        if (!charts[dataKey + '']) {
+            changed = true;
+            setFilterCount(function (prev) { return prev + 1; });
+        }
+        if (!changed)
+            return;
+        setCharts(function (prev) {
+            var newState = tslib.__assign({}, prev);
+            newState[dataKey + ''] = !newState[dataKey + ''];
+            if (withGrad)
+                newState[dataKey + '-gradient'] = !newState[dataKey + '-gradient'];
+            return newState;
+        });
+    }, [charts, filterCount, setCharts, setFilterCount]);
+    var legendRef = React.useCallback(function (node) {
+        if (node !== null) {
+            setTimeout(function () {
+                var height = node.getBoundingClientRect().height;
+                setHeightLegend(height);
+            }, 0);
+        }
+    }, []);
+    var renderLegend = React.useMemo(function () {
+        var _a, _b, _c;
+        if (!(state === null || state === void 0 ? void 0 : state.legend))
+            return null;
+        var translate = ((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickMargin) && ((_b = state === null || state === void 0 ? void 0 : state.legend) === null || _b === void 0 ? void 0 : _b.verticalAlign) !== 'top'
+            ? state.xAxis.tickMargin + (((_c = state === null || state === void 0 ? void 0 : state.brush) === null || _c === void 0 ? void 0 : _c.brushMargin) || 0)
+            : 0;
+        return (React__default.default.createElement(recharts.Legend, tslib.__assign({}, (state.legend || null), { content: React__default.default.createElement(index$1.Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
+                transform: "translateY(".concat(translate, "px)"),
+            } })));
+    }, [state, charts, toggleChart, legendRef]);
+    var renderCartesianGrid = React.useMemo(function () {
+        if (!(state === null || state === void 0 ? void 0 : state.cartesianGrid))
+            return null;
+        return React__default.default.createElement(recharts.CartesianGrid, tslib.__assign({}, state.cartesianGrid));
+    }, [state]);
+    var renderXAxis = React.useMemo(function () {
+        var _a;
+        if (!(state === null || state === void 0 ? void 0 : state.xAxis))
+            return null;
+        var tick;
+        if (((_a = state === null || state === void 0 ? void 0 : state.xAxis) === null || _a === void 0 ? void 0 : _a.tickType) === 'point') {
+            tick = Customized.CustomizedHOC(index$2.Tick, { xAxis: state.xAxis });
+        }
+        else if (typeof state.xAxis.tick === 'boolean') {
+            tick = state.xAxis.tick;
+        }
+        else {
+            tick = true;
+        }
+        return React__default.default.createElement(recharts.XAxis, tslib.__assign({}, state.xAxis, { tick: tick }));
+    }, [state]);
+    var renderYAxis = React.useMemo(function () {
+        var _a;
+        if (!(state === null || state === void 0 ? void 0 : state.yAxis))
+            return null;
+        var tick;
+        if ((_a = state === null || state === void 0 ? void 0 : state.yAxis) === null || _a === void 0 ? void 0 : _a.tick) {
+            tick = Customized.CustomizedHOC(state.yAxis.tick, { state: state });
+        }
+        else if (typeof state.yAxis.tick === 'boolean') {
+            tick = state.yAxis.tick;
+        }
+        else {
+            tick = true;
+        }
+        return React__default.default.createElement(recharts.YAxis, tslib.__assign({}, state.yAxis, { tick: tick }));
+    }, [state]);
+    var renderBrush = React.useMemo(function () {
+        if (!(state === null || state === void 0 ? void 0 : state.brush))
+            return null;
+        return React__default.default.createElement(recharts.Brush, tslib.__assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+    }, [state, yBrush]);
+    var renderTooltip = React.useMemo(function () {
+        if (!(state === null || state === void 0 ? void 0 : state.tooltip))
+            return null;
+        return (React__default.default.createElement(recharts.Tooltip, tslib.__assign({ ref: tooltipRef }, state.tooltip, { content: Customized.CustomizedHOC(index$3.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
+    }, [state, tooltipArrowSide]);
+    var renderChartsItems = React.useMemo(function () {
+        if (!state || !charts)
+            return null;
+        return state.series.map(function (item) {
+            var chart = item.chart, properties = item.properties, radius = item.radius, labelList = item.labelList;
+            var show = charts["".concat(properties.dataKey)];
+            switch (chart) {
+                case 'bar':
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Bar, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React__default.default.createElement(RectBar.RectBar, { radius: radius }) }),
+                        labelList && (React__default.default.createElement(recharts.LabelList, tslib.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default.default.createElement(CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
+                        data.map(function (_, index) {
+                            var key = "".concat(state.id, "-").concat(properties.dataKey, "-").concat(index);
+                            return (React__default.default.createElement(recharts.Cell, { key: key, className: cn__default.default(index_module.bar, typeof activeDotsState.active === 'number' &&
+                                    activeDotsState.active !== index
+                                    ? index_module.unfocused
+                                    : '') }));
+                        }))) : null;
+                case 'area':
+                case 'line':
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Line, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
+                            ? Customized.CustomizedHOC(index$4.Dot, {
+                                activeDot: activeDotsState.active,
+                                dotSettings: properties.dotSettings,
+                                inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke)
+                                    ? properties.inheritStroke
+                                    : false,
+                            })
+                            : false, activeDot: false }))) : null;
+                case 'gradient':
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default.default.createElement(recharts.Area, tslib.__assign({}, item.properties, { key: "".concat(state.id, "-").concat(item.properties.dataKey), dataKey: "".concat(item.properties.dataKey), stroke: 'transparent', fill: item.gradient.gid
+                            ? "url(#".concat(state.id, "-").concat(item.gradient.gid, ")")
+                            : item.properties.fill, dot: false, activeDot: false }))) : null;
+                default:
+                    return null;
+            }
+        });
+    }, [charts, state, activeDotsState, data]);
+    // Позиционирование brush
+    React.useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!state || !state.brush)
+            return;
+        if (!heightLegend || heightLegend === 0)
+            return;
+        var align = (_a = state === null || state === void 0 ? void 0 : state.legend) === null || _a === void 0 ? void 0 : _a.verticalAlign;
+        var legendHeight = align === 'top' ? 0 : heightLegend;
+        var marginTick = ((_b = state === null || state === void 0 ? void 0 : state.xAxis) === null || _b === void 0 ? void 0 : _b.tickMargin) ? (_c = state === null || state === void 0 ? void 0 : state.xAxis) === null || _c === void 0 ? void 0 : _c.tickMargin : 0;
+        var brushY = (((_d = svgRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) ? svgRef.current.clientHeight : 0) -
+            legendHeight -
+            state.brush.height -
+            (((_f = (_e = state === null || state === void 0 ? void 0 : state.composeChart) === null || _e === void 0 ? void 0 : _e.margin) === null || _f === void 0 ? void 0 : _f.bottom) ? state.composeChart.margin.bottom : 0) +
+            marginTick +
+            (((_g = state.brush) === null || _g === void 0 ? void 0 : _g.brushMargin) ? state.brush.brushMargin : 0);
+        setYBrush(brushY);
+    }, [heightLegend, state]);
+    var leaveEvent = function (isTooltipActive) {
+        if (isTooltipActive)
+            return;
+        if (typeof activeDotsState.prev !== 'number' || typeof activeDotsState.active !== 'number')
+            return;
+        setActiveDotsState({
+            prev: null,
+            active: null,
+        });
+    };
+    var arrowTooltipEvent = function (activeCoordinate) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        if (!((_a = state === null || state === void 0 ? void 0 : state.tooltip) === null || _a === void 0 ? void 0 : _a.arrow))
+            return;
+        if (((_b = state === null || state === void 0 ? void 0 : state.tooltip) === null || _b === void 0 ? void 0 : _b.arrow) && (activeCoordinate === null || activeCoordinate === void 0 ? void 0 : activeCoordinate.x)) {
+            var side = (((_c = svgRef === null || svgRef === void 0 ? void 0 : svgRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) || 0) -
+                (((_e = (_d = state === null || state === void 0 ? void 0 : state.composeChart) === null || _d === void 0 ? void 0 : _d.margin) === null || _e === void 0 ? void 0 : _e.right) || 0) -
+                activeCoordinate.x -
+                (((_g = (_f = tooltipRef.current) === null || _f === void 0 ? void 0 : _f.state) === null || _g === void 0 ? void 0 : _g.boxWidth) || 0) >
+                20;
+            setTooltipArrowSide(side);
+        }
+    };
+    var hoverEvent = function (isTooltipActive, activeTooltipIndex) {
+        if (!isTooltipActive)
+            return;
+        if (typeof activeDotsState.active === 'number' &&
+            activeTooltipIndex === activeDotsState.active)
+            return;
+        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.active !== 'number') {
+            setActiveDotsState({
+                prev: activeTooltipIndex,
+                active: activeTooltipIndex,
+            });
+        }
+        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {
+            setActiveDotsState(function (prev) { return ({
+                prev: prev.active,
+                active: activeTooltipIndex,
+            }); });
+        }
+    };
+    var mouseMove = function (e) {
+        if (!(state === null || state === void 0 ? void 0 : state.tooltip))
+            return;
+        arrowTooltipEvent(e.activeCoordinate);
+        hoverEvent(e.isTooltipActive, e.activeTooltipIndex);
+        leaveEvent(e.isTooltipActive);
+    };
+    var mouseLeave = function (e) {
+        if (!(state === null || state === void 0 ? void 0 : state.tooltip))
+            return;
+        leaveEvent(e.isTooltipActive);
+    };
+    if (!data || !charts || !state)
+        return null;
+    return (React__default.default.createElement("div", { className: index_module.coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
+        React__default.default.createElement(recharts.ResponsiveContainer, { debounce: ((_a = state === null || state === void 0 ? void 0 : state.responsiveContainer) === null || _a === void 0 ? void 0 : _a.debounce) ? state.responsiveContainer.debounce : 0, width: '100%' },
+            React__default.default.createElement(recharts.ComposedChart, tslib.__assign({}, state === null || state === void 0 ? void 0 : state.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
+                React__default.default.createElement("defs", null, renderGradient),
+                state.cartesianGrid && renderCartesianGrid,
+                state.xAxis && renderXAxis,
+                state.yAxis && renderYAxis,
+                renderChartsItems,
+                state.tooltip && renderTooltip,
+                state.brush && renderBrush,
+                state.legend && renderLegend))));
+};
+Chart.displayName = 'Chart';
+recharts.ResponsiveContainer.displayName = 'ResponsiveContainer';
+
+exports.Chart = Chart;
+//# sourceMappingURL=Component.js.map

package/dynamic-mixins/Component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any,prefer-template */\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport cn from 'classnames';\nimport {\n    Area,\n    Bar,\n    Brush,\n    CartesianGrid,\n    Cell,\n    ComposedChart,\n    LabelList,\n    Legend,\n    Line,\n    ResponsiveContainer,\n    Tooltip,\n    XAxis,\n    YAxis,\n} from 'recharts';\n\nimport { CustomizedLabel } from './components/CustomizedLabel';\nimport { Dot } from './components/Dot';\nimport { Legends } from './components/Legends';\nimport { LinearGradient } from './components/LinearGradient';\nimport { RectBar } from './components/RectBar';\nimport { Tick } from './components/Tick';\nimport { TooltipContent } from './components/TooltipContent';\nimport { CustomizedHOC } from './hoc/Customized';\nimport { useSettings } from './hooks/useSettings';\nimport {\n    ActiveDotProps,\n    CoordinatesProps,\n    DataDynamicBooleanProps,\n    DataDynamicProps,\n    OptionsProps,\n    SeriaProps,\n    ToggleChartProps,\n} from './types';\n\nimport styles from './index.module.css';\n\nexport const Chart = (props: OptionsProps) => {\n    const [{ state, data, charts, filterCount }, { setCharts, setFilterCount }] =\n        useSettings(props);\n    const [activeDotsState, setActiveDotsState] = useState<ActiveDotProps>({\n        prev: null,\n        active: null,\n    });\n\n    const [yBrush, setYBrush] = useState<number | null>(null);\n    const [tooltipArrowSide, setTooltipArrowSide] = useState<boolean | null>(null);\n    const [heightLegend, setHeightLegend] = useState<number>(0);\n\n    const svgRef = useRef<HTMLDivElement>(null);\n    const tooltipRef = useRef<any>(null);\n\n    const renderGradient = useMemo(() => {\n        if (!state) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, gradient } = item;\n\n            if (chart !== 'gradient' || !gradient) return null;\n            const { gid, points } = gradient;\n\n            return (\n                <LinearGradient\n                    key={`${state.id}-${gid}`}\n                    id={state.id}\n                    gid={gid}\n                    points={points}\n                />\n            );\n        });\n    }, [state]);\n\n    const toggleChart = useCallback(\n        (item: ToggleChartProps): void => {\n            const {\n                chart,\n                properties: { dataKey },\n            } = item;\n\n            const withGrad = chart === 'area';\n            let changed = false;\n\n            if (charts[dataKey + ''] && filterCount > 1) {\n                changed = true;\n                setFilterCount((prev) => prev - 1);\n            }\n\n            if (!charts[dataKey + '']) {\n                changed = true;\n                setFilterCount((prev) => prev + 1);\n            }\n\n            if (!changed) return;\n            setCharts((prev: DataDynamicBooleanProps) => {\n                const newState = { ...prev };\n\n                newState[dataKey + ''] = !newState[dataKey + ''];\n                if (withGrad) newState[dataKey + '-gradient'] = !newState[dataKey + '-gradient'];\n\n                return newState;\n            });\n        },\n        [charts, filterCount, setCharts, setFilterCount],\n    );\n\n    const legendRef = useCallback((node: HTMLUListElement): void => {\n        if (node !== null) {\n            setTimeout(() => {\n                const { height } = node.getBoundingClientRect();\n\n                setHeightLegend(height);\n            }, 0);\n        }\n    }, []);\n\n    const renderLegend = useMemo((): React.ReactElement | null => {\n        if (!state?.legend) return null;\n\n        const translate =\n            state?.xAxis?.tickMargin && state?.legend?.verticalAlign !== 'top'\n                ? state.xAxis.tickMargin + (state?.brush?.brushMargin || 0)\n                : 0;\n\n        return (\n            <Legend\n                {...(state.legend || null)}\n                content={\n                    <Legends\n                        legend={state.legend}\n                        series={state.series}\n                        id={state.id}\n                        toggleChart={toggleChart}\n                        ref={legendRef}\n                        charts={charts}\n                    />\n                }\n                wrapperStyle={{\n                    transform: `translateY(${translate}px)`,\n                }}\n            />\n        );\n    }, [state, charts, toggleChart, legendRef]);\n\n    const renderCartesianGrid = useMemo((): React.ReactElement | null => {\n        if (!state?.cartesianGrid) return null;\n\n        return <CartesianGrid {...state.cartesianGrid} />;\n    }, [state]);\n\n    const renderXAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.xAxis) return null;\n\n        let tick;\n\n        if (state?.xAxis?.tickType === 'point') {\n            tick = CustomizedHOC(Tick, { xAxis: state.xAxis });\n        } else if (typeof state.xAxis.tick === 'boolean') {\n            tick = state.xAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <XAxis {...state.xAxis} tick={tick} />;\n    }, [state]);\n\n    const renderYAxis = useMemo((): React.ReactElement | null => {\n        if (!state?.yAxis) return null;\n\n        let tick;\n\n        if (state?.yAxis?.tick) {\n            tick = CustomizedHOC(state.yAxis.tick, { state });\n        } else if (typeof state.yAxis.tick === 'boolean') {\n            tick = state.yAxis.tick;\n        } else {\n            tick = true;\n        }\n\n        return <YAxis {...state.yAxis} tick={tick} />;\n    }, [state]);\n\n    const renderBrush = useMemo((): React.ReactElement | null => {\n        if (!state?.brush) return null;\n\n        return <Brush y={typeof yBrush === 'number' ? yBrush : 0} {...state.brush} />;\n    }, [state, yBrush]);\n\n    const renderTooltip = useMemo((): React.ReactElement | null => {\n        if (!state?.tooltip) return null;\n\n        return (\n            <Tooltip\n                ref={tooltipRef}\n                {...state.tooltip}\n                content={CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide })}\n            />\n        );\n    }, [state, tooltipArrowSide]);\n\n    const renderChartsItems = useMemo(() => {\n        if (!state || !charts) return null;\n\n        return state.series.map((item: SeriaProps) => {\n            const { chart, properties, radius, labelList } = item;\n            const show = charts[`${properties.dataKey}`];\n\n            switch (chart) {\n                case 'bar':\n                    return show && !item?.hide ? (\n                        <Bar\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            shape={<RectBar radius={radius} />}\n                        >\n                            {labelList && (\n                                <LabelList\n                                    dataKey={properties.dataKey.toString()}\n                                    {...labelList}\n                                    content={<CustomizedLabel radius={radius} />}\n                                />\n                            )}\n                            {data.map((_: DataDynamicProps, index: number) => {\n                                const key = `${state.id}-${properties.dataKey}-${index}`;\n\n                                return (\n                                    <Cell\n                                        key={key}\n                                        className={cn(\n                                            styles.bar,\n                                            typeof activeDotsState.active === 'number' &&\n                                                activeDotsState.active !== index\n                                                ? styles.unfocused\n                                                : '',\n                                        )}\n                                    />\n                                );\n                            })}\n                        </Bar>\n                    ) : null;\n\n                case 'area':\n                case 'line':\n                    return show && !item?.hide ? (\n                        <Line\n                            key={`${state.id}-${properties.dataKey}`}\n                            {...properties}\n                            dot={\n                                properties.dot && properties.dotSettings\n                                    ? CustomizedHOC(Dot, {\n                                          activeDot: activeDotsState.active,\n                                          dotSettings: properties.dotSettings,\n                                          inherit: properties?.inheritStroke\n                                              ? properties.inheritStroke\n                                              : false,\n                                      })\n                                    : false\n                            }\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                case 'gradient':\n                    return show && !item?.hide ? (\n                        <Area\n                            {...item.properties}\n                            key={`${state.id}-${item.properties.dataKey}`}\n                            dataKey={`${item.properties.dataKey}`}\n                            stroke='transparent'\n                            fill={\n                                item.gradient.gid\n                                    ? `url(#${state.id}-${item.gradient.gid})`\n                                    : item.properties.fill\n                            }\n                            dot={false}\n                            activeDot={false}\n                        />\n                    ) : null;\n\n                default:\n                    return null;\n            }\n        });\n    }, [charts, state, activeDotsState, data]);\n\n    // Позиционирование brush\n    useEffect(() => {\n        if (!state || !state.brush) return;\n        if (!heightLegend || heightLegend === 0) return;\n\n        const align = state?.legend?.verticalAlign;\n        const legendHeight = align === 'top' ? 0 : heightLegend;\n        const marginTick = state?.xAxis?.tickMargin ? state?.xAxis?.tickMargin : 0;\n        const brushY =\n            (svgRef.current?.clientHeight ? svgRef.current.clientHeight : 0) -\n            legendHeight -\n            state.brush.height -\n            (state?.composeChart?.margin?.bottom ? state.composeChart.margin.bottom : 0) +\n            marginTick +\n            (state.brush?.brushMargin ? state.brush.brushMargin : 0);\n\n        setYBrush(brushY);\n    }, [heightLegend, state]);\n\n    const leaveEvent = (isTooltipActive: boolean): void => {\n        if (isTooltipActive) return;\n\n        if (typeof activeDotsState.prev !== 'number' || typeof activeDotsState.active !== 'number')\n            return;\n\n        setActiveDotsState({\n            prev: null,\n            active: null,\n        });\n    };\n\n    const arrowTooltipEvent = (activeCoordinate: CoordinatesProps): void => {\n        if (!state?.tooltip?.arrow) return;\n\n        if (state?.tooltip?.arrow && activeCoordinate?.x) {\n            const side =\n                (svgRef?.current?.clientWidth || 0) -\n                    (state?.composeChart?.margin?.right || 0) -\n                    activeCoordinate.x -\n                    (tooltipRef.current?.state?.boxWidth || 0) >\n                20;\n\n            setTooltipArrowSide(side);\n        }\n    };\n\n    const hoverEvent = (isTooltipActive: boolean, activeTooltipIndex: number | undefined): void => {\n        if (!isTooltipActive) return;\n\n        if (\n            typeof activeDotsState.active === 'number' &&\n            activeTooltipIndex === activeDotsState.active\n        )\n            return;\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.active !== 'number') {\n            setActiveDotsState({\n                prev: activeTooltipIndex,\n                active: activeTooltipIndex,\n            });\n        }\n\n        if (typeof activeTooltipIndex === 'number' && typeof activeDotsState.prev === 'number') {\n            setActiveDotsState((prev: ActiveDotProps) => ({\n                prev: prev.active,\n                active: activeTooltipIndex,\n            }));\n        }\n    };\n\n    const mouseMove = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        arrowTooltipEvent(e.activeCoordinate);\n        hoverEvent(e.isTooltipActive, e.activeTooltipIndex);\n        leaveEvent(e.isTooltipActive);\n    };\n\n    const mouseLeave = (e: any): void => {\n        if (!state?.tooltip) return;\n\n        leaveEvent(e.isTooltipActive);\n    };\n\n    if (!data || !charts || !state) return null;\n\n    return (\n        <div\n            className={styles.coreChart}\n            ref={svgRef}\n            id={state?.id || ''}\n            style={{ width: '100%', height: '100%' }}\n        >\n            <ResponsiveContainer\n                debounce={\n                    state?.responsiveContainer?.debounce ? state.responsiveContainer.debounce : 0\n                }\n                width='100%'\n            >\n                <ComposedChart\n                    {...state?.composeChart}\n                    onMouseMove={mouseMove}\n                    onMouseLeave={mouseLeave}\n                    data={data}\n                >\n                    <defs>{renderGradient}</defs>\n                    {state.cartesianGrid && renderCartesianGrid}\n                    {state.xAxis && renderXAxis}\n                    {state.yAxis && renderYAxis}\n                    {renderChartsItems}\n                    {state.tooltip && renderTooltip}\n                    {state.brush && renderBrush}\n                    {state.legend && renderLegend}\n                </ComposedChart>\n            </ResponsiveContainer>\n        </div>\n    );\n};\n\nChart.displayName = 'Chart';\nResponsiveContainer.displayName = 'ResponsiveContainer';\n"],"names":["useSettings","useState","useRef","useMemo","React","LinearGradient","useCallback","__assign","Legend","Legends","CartesianGrid","CustomizedHOC","Tick","XAxis","YAxis","Brush","Tooltip","TooltipContent","Bar","RectBar","LabelList","CustomizedLabel","Cell","cn","styles","Line","Dot","Area","useEffect","ResponsiveContainer","ComposedChart"],"mappings":"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"}

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

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

package/dynamic-mixins/components/CustomizedLabel.js

@@ -0,0 +1,21 @@
+'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 */
+var CustomizedLabel = function (_a) {
+    var x = _a.x, y = _a.y, value = _a.value, offset = _a.offset, radius = _a.radius, height = _a.height, width = _a.width, formatter = _a.formatter;
+    var initHeight = index.usePathBar({ radius: radius, height: height })[0];
+    return (React__default.default.createElement("text", { x: x + width / 2, y: y + height - (initHeight + offset), width: width, height: initHeight, textAnchor: 'middle' },
+        React__default.default.createElement("tspan", { x: x + width / 2 }, formatter ? formatter(value) : value)));
+};
+
+exports.CustomizedLabel = CustomizedLabel;
+//# sourceMappingURL=CustomizedLabel.js.map

package/dynamic-mixins/components/CustomizedLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomizedLabel.js","sources":["../../src/components/CustomizedLabel.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\n\nimport { usePathBar } from '../hooks/usePathBar';\n\nexport const CustomizedLabel: React.FC<any> = ({\n    x,\n    y,\n    value,\n    offset,\n    radius,\n    height,\n    width,\n    formatter,\n}) => {\n    const [initHeight] = usePathBar({ radius, height });\n\n    return (\n        <text\n            x={x + width / 2}\n            y={y + height - (initHeight + offset)}\n            width={width}\n            height={initHeight}\n            textAnchor='middle'\n        >\n            <tspan x={x + width / 2}>{formatter ? formatter(value) : value}</tspan>\n        </text>\n    );\n};\n"],"names":["usePathBar","React"],"mappings":";;;;;;;;;;;AAAA;AAKO,IAAM,eAAe,GAAkB,UAAC,EAS9C,EAAA;QARG,CAAC,GAAA,EAAA,CAAA,CAAA,EACD,CAAC,GAAA,EAAA,CAAA,CAAA,EACD,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA;AAEF,IAAA,IAAA,UAAU,GAAIA,gBAAU,CAAC,EAAE,MAAM,EAAA,MAAA,EAAE,MAAM,EAAA,MAAA,EAAE,CAAC,GAAlC;AAEjB,IAAA,QACIC,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAChB,CAAC,EAAE,CAAC,GAAG,MAAM,IAAI,UAAU,GAAG,MAAM,CAAC,EACrC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,UAAU,EAClB,UAAU,EAAC,QAAQ,EAAA;QAEnBA,sBAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAG,EAAA,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAS,CACpE;AAEf;;;;"}

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

@@ -0,0 +1,22 @@
+.chart__dotUnfocused_rcopc {
+    opacity: 0.3;
+}
+
+.chart__dot_rcopc,
+.chart__dotItem_rcopc,
+.chart__dotWrap_rcopc {
+    transition: all 0.2s ease;
+}
+
+.chart__dot_rcopc {
+    animation: chart__showDot_rcopc 0.5s ease;
+}
+
+@keyframes chart__showDot_rcopc {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}

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

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