@alfalab/core-components 36.3.0 → 36.4.0

package/card-image/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_1r90r","rounded":"card-image__rounded_1r90r","image":"card-image__image_1r90r","loaded":"card-image__loaded_1r90r"};
+var styles = {"cardImage":"card-image__cardImage_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;
@@ -18,12 +18,12 @@ var CardImage = function (_a) {
             onLoad();
         }
     }, [onLoad]);
-    var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
-    var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
+    var cardImageUrl = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width);
+    var cardImageUrl2x = "".concat(baseUrl).concat(cardId, "/images?layers=").concat(layers, "&width=").concat(width * 2);
     return (React.createElement("div", { className: cn(styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH };

package/card-image/esm/index.css

@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_1r90r {
+.card-image__cardImage_fmudh {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_1r90r {
+.card-image__rounded_fmudh {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_1r90r .card-image__image_1r90r {
+.card-image__rounded_fmudh .card-image__image_fmudh {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_1r90r {
+.card-image__image_fmudh {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_1r90r {
+.card-image__loaded_fmudh {
     background: transparent
 }
-.card-image__loaded_1r90r .card-image__image_1r90r {
+.card-image__loaded_fmudh .card-image__image_fmudh {
         opacity: 1;
     }

package/card-image/esm/index.js

@@ -1,3 +1,3 @@
+export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH } from './Component.js';
 import 'react';
 import 'classnames';
-export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH } from './Component.js';

package/card-image/index.css

@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_1r90r {
+.card-image__cardImage_fmudh {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_1r90r {
+.card-image__rounded_fmudh {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_1r90r .card-image__image_1r90r {
+.card-image__rounded_fmudh .card-image__image_fmudh {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_1r90r {
+.card-image__image_fmudh {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_1r90r {
+.card-image__loaded_fmudh {
     background: transparent
 }
-.card-image__loaded_1r90r .card-image__image_1r90r {
+.card-image__loaded_fmudh .card-image__image_fmudh {
         opacity: 1;
     }

package/card-image/index.js

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
-var Component = require('./Component.js');
 
 
 

package/card-image/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useCallback } from 'react';
 import cn from 'classnames';
 
-var styles = {"cardImage":"card-image__cardImage_1r90r","rounded":"card-image__rounded_1r90r","image":"card-image__image_1r90r","loaded":"card-image__loaded_1r90r"};
+const styles = {"cardImage":"card-image__cardImage_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
 require('./index.css');
 
 const ASPECT_RATIO = 0.63;

package/card-image/modern/index.css

@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_1r90r {
+.card-image__cardImage_fmudh {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_1r90r {
+.card-image__rounded_fmudh {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_1r90r .card-image__image_1r90r {
+.card-image__rounded_fmudh .card-image__image_fmudh {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_1r90r {
+.card-image__image_fmudh {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_1r90r {
+.card-image__loaded_fmudh {
     background: transparent
 }
-.card-image__loaded_1r90r .card-image__image_1r90r {
+.card-image__loaded_fmudh .card-image__image_fmudh {
         opacity: 1;
     }

package/card-image/modern/index.js

@@ -1,3 +1,3 @@
+export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH } from './Component.js';
 import 'react';
 import 'classnames';
-export { ASPECT_RATIO, CardImage, DEFAULT_BASE_URL, DEFAULT_WIDTH } from './Component.js';

package/cdn-icon/Component.js

@@ -1,14 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = {"component":"cdn-icon__component_50p36"};
+var styles = {"component":"cdn-icon__component_d9c2f"};
 require('./index.css');
 
 var CDNIcon = function (_a) {
@@ -16,7 +9,7 @@ var CDNIcon = function (_a) {
     var _c = React.useState(''), icon = _c[0], setIcon = _c[1];
     React.useEffect(function () {
         var xhr = new XMLHttpRequest();
-        xhr.open('GET', baseUrl + "/" + name + ".svg");
+        xhr.open('GET', "".concat(baseUrl, "/").concat(name, ".svg"));
         xhr.send();
         xhr.onload = function onload() {
             var svg = xhr.response;
@@ -25,7 +18,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name, baseUrl]);
-    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles.component, className), 
+    return (React.createElement("span", { style: { color: color }, className: cn(styles.component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

package/cdn-icon/cssm/Component.js

@@ -1,21 +1,13 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-
 var CDNIcon = function (_a) {
     var name = _a.name, color = _a.color, dataTestId = _a.dataTestId, className = _a.className, _b = _a.baseUrl, baseUrl = _b === void 0 ? 'https://alfabank.servicecdn.ru/icons' : _b;
     var _c = React.useState(''), icon = _c[0], setIcon = _c[1];
     React.useEffect(function () {
         var xhr = new XMLHttpRequest();
-        xhr.open('GET', baseUrl + "/" + name + ".svg");
+        xhr.open('GET', "".concat(baseUrl, "/").concat(name, ".svg"));
         xhr.send();
         xhr.onload = function onload() {
             var svg = xhr.response;
@@ -24,7 +16,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name, baseUrl]);
-    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles__default['default'].component, className), 
+    return (React.createElement("span", { style: { color: color }, className: cn(styles.component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

package/cdn-icon/cssm/index.js

@@ -1,9 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 

package/cdn-icon/esm/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"cdn-icon__component_50p36"};
+var styles = {"component":"cdn-icon__component_d9c2f"};
 require('./index.css');
 
 var CDNIcon = function (_a) {
@@ -9,7 +9,7 @@ var CDNIcon = function (_a) {
     var _c = useState(''), icon = _c[0], setIcon = _c[1];
     useEffect(function () {
         var xhr = new XMLHttpRequest();
-        xhr.open('GET', baseUrl + "/" + name + ".svg");
+        xhr.open('GET', "".concat(baseUrl, "/").concat(name, ".svg"));
         xhr.send();
         xhr.onload = function onload() {
             var svg = xhr.response;

package/cdn-icon/esm/index.css

@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_50p36 {
+.cdn-icon__component_d9c2f {
     display: inline-flex;
 }
-.cdn-icon__component_50p36 svg {
+.cdn-icon__component_d9c2f svg {
     fill: currentColor;
 }
-.cdn-icon__component_50p36 path {
+.cdn-icon__component_d9c2f path {
     fill: inherit;
 }

package/cdn-icon/esm/index.js

@@ -1,3 +1,3 @@
+export { CDNIcon } from './Component.js';
 import 'react';
 import 'classnames';
-export { CDNIcon } from './Component.js';

package/cdn-icon/index.css

@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_50p36 {
+.cdn-icon__component_d9c2f {
     display: inline-flex;
 }
-.cdn-icon__component_50p36 svg {
+.cdn-icon__component_d9c2f svg {
     fill: currentColor;
 }
-.cdn-icon__component_50p36 path {
+.cdn-icon__component_d9c2f path {
     fill: inherit;
 }

package/cdn-icon/index.js

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
+var Component = require('./Component.js');
 require('react');
 require('classnames');
-var Component = require('./Component.js');
 
 
 

package/cdn-icon/modern/Component.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 
-var styles = {"component":"cdn-icon__component_50p36"};
+const styles = {"component":"cdn-icon__component_d9c2f"};
 require('./index.css');
 
 const CDNIcon = ({ name, color, dataTestId, className, baseUrl = 'https://alfabank.servicecdn.ru/icons', }) => {

package/cdn-icon/modern/index.css

@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_50p36 {
+.cdn-icon__component_d9c2f {
     display: inline-flex;
 }
-.cdn-icon__component_50p36 svg {
+.cdn-icon__component_d9c2f svg {
     fill: currentColor;
 }
-.cdn-icon__component_50p36 path {
+.cdn-icon__component_d9c2f path {
     fill: inherit;
 }

package/cdn-icon/modern/index.js

@@ -1,3 +1,3 @@
+export { CDNIcon } from './Component.js';
 import 'react';
 import 'classnames';
-export { CDNIcon } from './Component.js';

package/chart/Component.js

@@ -1,42 +1,35 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var tslib_es6 = require('./tslib.es6-27fe16ea.js');
+var tslib_es6 = require('./tslib.es6-4cc0ba82.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
-require('./hooks/usePathBar/utils/getRadius.js');
-require('./hooks/usePathBar/index.js');
 var components_CustomizedLabel = require('./components/CustomizedLabel.js');
-require('./icons/Point.js');
 var components_Dot_index = require('./components/Dot/index.js');
-require('../typography');
-require('./icons/Circle.js');
-require('./icons/CircleLine.js');
-require('./icons/FilledCircle.js');
-require('./icons/StrokeCircle.js');
 var components_Legends_index = require('./components/Legends/index.js');
 var components_LinearGradient = require('./components/LinearGradient.js');
 var components_RectBar = require('./components/RectBar.js');
 var components_Tick_index = require('./components/Tick/index.js');
 var components_TooltipContent_index = require('./components/TooltipContent/index.js');
+var hooks_useSettings_index = require('./hooks/useSettings/index.js');
+require('./hooks/usePathBar/index.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./icons/Point.js');
+require('../typography');
+require('./icons/Circle.js');
+require('./icons/CircleLine.js');
+require('./icons/FilledCircle.js');
+require('./icons/StrokeCircle.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
 require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.js');
-var hooks_useSettings_index = require('./hooks/useSettings/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
 var CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) { return React__default['default'].createElement(Component, tslib_es6.__assign({}, props, options)); };
+    var NewComponent = function (props) { return React.createElement(Component, tslib_es6.__assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_11fps","bar":"chart__bar_11fps","unfocused":"chart__unfocused_11fps"};
+var styles = {"coreChart":"chart__coreChart_tfbya","bar":"chart__bar_tfbya","unfocused":"chart__unfocused_tfbya"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -59,18 +52,18 @@ var Chart = function (props) {
             if (chart !== 'gradient' || !gradient)
                 return null;
             var gid = gradient.gid, points = gradient.points;
-            return (React__default['default'].createElement(components_LinearGradient.LinearGradient, { key: state.id + "-" + gid, id: state.id, gid: gid, points: points }));
+            return (React.createElement(components_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) {
+        if (charts["".concat(dataKey)] && filterCount > 1) {
             changed = true;
             setFilterCount(function (prev) { return prev - 1; });
         }
-        if (!charts["" + dataKey]) {
+        if (!charts["".concat(dataKey)]) {
             changed = true;
             setFilterCount(function (prev) { return prev + 1; });
         }
@@ -78,9 +71,9 @@ var Chart = function (props) {
             return;
         setCharts(function (prev) {
             var newState = tslib_es6.__assign({}, prev);
-            newState["" + dataKey] = !newState["" + dataKey];
+            newState["".concat(dataKey)] = !newState["".concat(dataKey)];
             if (withGrad)
-                newState[dataKey + "-gradient"] = !newState[dataKey + "-gradient"];
+                newState["".concat(dataKey, "-gradient")] = !newState["".concat(dataKey, "-gradient")];
             return newState;
         });
     }, [charts, filterCount, setCharts, setFilterCount]);
@@ -99,14 +92,14 @@ var Chart = function (props) {
         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_es6.__assign({}, (state.legend || null), { content: React__default['default'].createElement(components_Legends_index.Legends, { legend: state.legend, series: state.series, id: state.id, toggleChart: toggleChart, ref: legendRef, charts: charts }), wrapperStyle: {
-                transform: "translateY(" + translate + "px)",
+        return (React.createElement(recharts.Legend, tslib_es6.__assign({}, (state.legend || null), { content: React.createElement(components_Legends_index.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_es6.__assign({}, state.cartesianGrid));
+        return React.createElement(recharts.CartesianGrid, tslib_es6.__assign({}, state.cartesianGrid));
     }, [state]);
     var renderXAxis = React.useMemo(function () {
         var _a;
@@ -122,7 +115,7 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default['default'].createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
+        return React.createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
     }, [state]);
     var renderYAxis = React.useMemo(function () {
         var _a;
@@ -138,38 +131,38 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default['default'].createElement(recharts.YAxis, tslib_es6.__assign({}, state.yAxis, { tick: tick }));
+        return React.createElement(recharts.YAxis, tslib_es6.__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_es6.__assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+        return React.createElement(recharts.Brush, tslib_es6.__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_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(components_TooltipContent_index.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
+        return (React.createElement(recharts.Tooltip, tslib_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(components_TooltipContent_index.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["" + properties.dataKey];
+            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_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React__default['default'].createElement(components_RectBar.RectBar, { radius: radius }) }),
-                        labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(recharts.Bar, tslib_es6.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React.createElement(components_RectBar.RectBar, { radius: radius }) }),
+                        labelList && (React.createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
-                            var key = state.id + "-" + properties.dataKey + "-" + index;
-                            return (React__default['default'].createElement(recharts.Cell, { key: key, className: cn__default['default'](styles.bar, typeof activeDotsState.active === 'number' &&
+                            var key = "".concat(state.id, "-").concat(properties.dataKey, "-").concat(index);
+                            return (React.createElement(recharts.Cell, { key: key, className: cn(styles.bar, typeof activeDotsState.active === 'number' &&
                                     activeDotsState.active !== index
                                     ? styles.unfocused
                                     : '') }));
                         }))) : null;
                 case 'area':
                 case 'line':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Line, tslib_es6.__assign({ key: state.id + "-" + properties.dataKey }, properties, { dot: properties.dot && properties.dotSettings
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(recharts.Line, tslib_es6.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
                             ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
@@ -179,8 +172,8 @@ var Chart = function (props) {
                             })
                             : false, activeDot: false }))) : null;
                 case 'gradient':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React__default['default'].createElement(recharts.Area, tslib_es6.__assign({}, item.properties, { key: state.id + "-" + item.properties.dataKey, dataKey: "" + item.properties.dataKey, stroke: 'transparent', fill: item.gradient.gid
-                            ? "url(#" + state.id + "-" + item.gradient.gid + ")"
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(recharts.Area, tslib_es6.__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;
@@ -261,10 +254,10 @@ var Chart = function (props) {
     };
     if (!data || !charts || !state)
         return null;
-    return (React__default['default'].createElement("div", { className: styles.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_es6.__assign({}, state === null || state === void 0 ? void 0 : state.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
-                React__default['default'].createElement("defs", null, renderGradient),
+    return (React.createElement("div", { className: styles.coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
+        React.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.createElement(recharts.ComposedChart, tslib_es6.__assign({}, state === null || state === void 0 ? void 0 : state.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
+                React.createElement("defs", null, renderGradient),
                 state.cartesianGrid && renderCartesianGrid,
                 state.xAxis && renderXAxis,
                 state.yAxis && renderYAxis,

package/chart/components/CustomizedLabel.js

@@ -1,18 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
-require('../hooks/usePathBar/utils/getRadius.js');
 var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+require('../hooks/usePathBar/utils/getRadius.js');
 
 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 = hooks_usePathBar_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)));
+    return (React.createElement("text", { x: x + width / 2, y: y + height - (initHeight + offset), width: width, height: initHeight, textAnchor: 'middle' },
+        React.createElement("tspan", { x: x + width / 2 }, formatter ? formatter(value) : value)));
 };
 
 exports.CustomizedLabel = CustomizedLabel;

package/chart/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 1lzqe */
-.chart__dotUnfocused_1axnn {
+/* hash: 1vmhq */
+.chart__dotUnfocused_1iy1i {
     opacity: 0.3;
 }
 
-.chart__dot_1axnn,
-.chart__dotItem_1axnn,
-.chart__dotWrap_1axnn {
+.chart__dot_1iy1i,
+.chart__dotItem_1iy1i,
+.chart__dotWrap_1iy1i {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1axnn {
-    animation: chart__showDot_1axnn 0.5s ease;
+.chart__dot_1iy1i {
+    animation: chart__showDot_1iy1i 0.5s ease;
 }
 
-@keyframes chart__showDot_1axnn {
+@keyframes chart__showDot_1iy1i {
     from {
         opacity: 0;
     }

package/chart/components/Dot/index.js

@@ -1,18 +1,11 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
 var icons_Point = require('../../icons/Point.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = {"dotUnfocused":"chart__dotUnfocused_1axnn","dot":"chart__dot_1axnn","dotItem":"chart__dotItem_1axnn","dotWrap":"chart__dotWrap_1axnn","showDot":"chart__showDot_1axnn"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_1iy1i","dot":"chart__dot_1iy1i","dotItem":"chart__dotItem_1iy1i","dotWrap":"chart__dotWrap_1iy1i","showDot":"chart__showDot_1iy1i"};
 require('./index.css');
 
-var Dot = React__default['default'].forwardRef(function (_a, ref) {
+var Dot = React.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];
@@ -42,12 +35,12 @@ var Dot = React__default['default'].forwardRef(function (_a, ref) {
     }, [activeDot, index, option]);
     if (!value)
         return null;
-    return (React__default['default'].createElement("g", { ref: ref, className: cn__default['default'](styles.dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
-        React__default['default'].createElement("g", { className: cn__default['default'](styles.dotWrap), transform: "scale(" + (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'](styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
+    return (React.createElement("g", { ref: ref, className: cn(styles.dot), transform: "translate(".concat(cx - width / 2, ", ").concat(cy - height / 2, ")") },
+        React.createElement("g", { className: cn(styles.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.createElement("svg", { className: cn(styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
                     ? styles.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(icons_Point.PointIcon, { fill: stroke })))));
+                React.createElement(icons_Point.PointIcon, { fill: stroke })))));
 });
 
 exports.Dot = Dot;