@alfalab/core-components 38.3.0 → 38.4.0

package/cdn-icon/index.css

@@ -14,10 +14,10 @@
 } :root {
 } :root {
 } :root {
-} .cdn-icon__component_ic3ix {
+} .cdn-icon__component_1j7pz {
     display: inline-flex;
-} .cdn-icon__component_ic3ix svg {
+} .cdn-icon__component_1j7pz svg {
     fill: currentColor;
-} .cdn-icon__component_ic3ix path {
+} .cdn-icon__component_1j7pz path {
     fill: inherit;
 }

package/cdn-icon/modern/Component.js

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

package/cdn-icon/modern/index.css

@@ -14,10 +14,10 @@
 } :root {
 } :root {
 } :root {
-} .cdn-icon__component_ic3ix {
+} .cdn-icon__component_1j7pz {
     display: inline-flex;
-} .cdn-icon__component_ic3ix svg {
+} .cdn-icon__component_1j7pz svg {
     fill: currentColor;
-} .cdn-icon__component_ic3ix path {
+} .cdn-icon__component_1j7pz path {
     fill: inherit;
 }

package/chart/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-0b6c60d0.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -30,11 +30,11 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(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__default.default.createElement(Component, tslib.__assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_kzysl","bar":"chart__bar_kzysl","unfocused":"chart__unfocused_kzysl"};
+var styles = {"coreChart":"chart__coreChart_l53sx","bar":"chart__bar_l53sx","unfocused":"chart__unfocused_l53sx"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -75,7 +75,7 @@ var Chart = function (props) {
         if (!changed)
             return;
         setCharts(function (prev) {
-            var newState = tslib_es6.__assign({}, prev);
+            var newState = tslib.__assign({}, prev);
             newState["".concat(dataKey)] = !newState["".concat(dataKey)];
             if (withGrad)
                 newState["".concat(dataKey, "-gradient")] = !newState["".concat(dataKey, "-gradient")];
@@ -97,14 +97,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: {
+        return (React__default.default.createElement(recharts.Legend, tslib.__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(".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__default.default.createElement(recharts.CartesianGrid, tslib.__assign({}, state.cartesianGrid));
     }, [state]);
     var renderXAxis = React.useMemo(function () {
         var _a;
@@ -120,7 +120,7 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default.default.createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
+        return React__default.default.createElement(recharts.XAxis, tslib.__assign({}, state.xAxis, { tick: tick }));
     }, [state]);
     var renderYAxis = React.useMemo(function () {
         var _a;
@@ -136,17 +136,17 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default.default.createElement(recharts.YAxis, tslib_es6.__assign({}, state.yAxis, { tick: tick }));
+        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_es6.__assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+        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_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(components_TooltipContent_index.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
+        return (React__default.default.createElement(recharts.Tooltip, tslib.__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)
@@ -156,8 +156,8 @@ var Chart = function (props) {
             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: "".concat(state.id, "-").concat(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__default.default.createElement(recharts.Bar, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React__default.default.createElement(components_RectBar.RectBar, { radius: radius }) }),
+                        labelList && (React__default.default.createElement(recharts.LabelList, tslib.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default.default.createElement(components_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(styles.bar, typeof activeDotsState.active === 'number' &&
@@ -167,7 +167,7 @@ var Chart = function (props) {
                         }))) : 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: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
+                    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
                             ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
@@ -177,7 +177,7 @@ 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: "".concat(state.id, "-").concat(item.properties.dataKey), dataKey: "".concat(item.properties.dataKey), stroke: 'transparent', fill: item.gradient.gid
+                    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:
@@ -261,7 +261,7 @@ var Chart = function (props) {
         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(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,

package/chart/components/Dot/index.css

@@ -1,19 +1,19 @@
 /* hash: 1g8f5 */
-.chart__dotUnfocused_c54oz {
+.chart__dotUnfocused_112s3 {
     opacity: 0.3;
 }
 
-.chart__dot_c54oz,
-.chart__dotItem_c54oz,
-.chart__dotWrap_c54oz {
+.chart__dot_112s3,
+.chart__dotItem_112s3,
+.chart__dotWrap_112s3 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_c54oz {
-    animation: chart__showDot_c54oz 0.5s ease;
+.chart__dot_112s3 {
+    animation: chart__showDot_112s3 0.5s ease;
 }
 
-@keyframes chart__showDot_c54oz {
+@keyframes chart__showDot_112s3 {
     from {
         opacity: 0;
     }

package/chart/components/Dot/index.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_c54oz","dot":"chart__dot_c54oz","dotItem":"chart__dotItem_c54oz","dotWrap":"chart__dotWrap_c54oz","showDot":"chart__showDot_c54oz"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_112s3","dot":"chart__dot_112s3","dotItem":"chart__dotItem_112s3","dotWrap":"chart__dotWrap_112s3","showDot":"chart__showDot_112s3"};
 require('./index.css');
 
 var Dot = React__default.default.forwardRef(function (_a, ref) {

package/chart/components/Legends/index.css

@@ -15,25 +15,25 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .chart__legendContent_17km5 {
+} .chart__legendContent_v620y {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-} .chart__legendWrap_17km5 {
+} .chart__legendWrap_v620y {
     width: 100%;
     margin: 0;
     padding: 0;
-} .chart__legendItem_17km5 {
+} .chart__legendItem_v620y {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
-} .chart__legendItem_17km5:last-child {
+} .chart__legendItem_v620y:last-child {
     margin-right: 0;
-} .chart__legendUnactive_17km5 {
+} .chart__legendUnactive_v620y {
     opacity: 0.3;
-} .chart__legendIcon_17km5 {
+} .chart__legendIcon_v620y {
     margin-right: 13px;
     display: flex;
-} .chart__legendValue_17km5 {
+} .chart__legendValue_v620y {
     text-transform: capitalize;
 }

package/chart/components/Legends/index.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"legendContent":"chart__legendContent_17km5","legendWrap":"chart__legendWrap_17km5","legendItem":"chart__legendItem_17km5","legendUnactive":"chart__legendUnactive_17km5","legendIcon":"chart__legendIcon_17km5","legendValue":"chart__legendValue_17km5"};
+var styles = {"legendContent":"chart__legendContent_v620y","legendWrap":"chart__legendWrap_v620y","legendItem":"chart__legendItem_v620y","legendUnactive":"chart__legendUnactive_v620y","legendIcon":"chart__legendIcon_v620y","legendValue":"chart__legendValue_v620y"};
 require('./index.css');
 
 var icons = {

package/chart/components/Tick/index.css

@@ -16,15 +16,15 @@
 } :root {
 } :root {
 } :root {
-} .chart__tickText_owhel {
+} .chart__tickText_sx2d9 {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .chart__circle_owhel {
+} .chart__circle_sx2d9 {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
-} .chart__circle_owhel {
+} .chart__circle_sx2d9 {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/components/Tick/index.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tickText":"chart__tickText_owhel","circle":"chart__circle_owhel"};
+var styles = {"tickText":"chart__tickText_sx2d9","circle":"chart__circle_sx2d9"};
 require('./index.css');
 
 var Tick = function (_a) {

package/chart/components/TooltipContent/index.css

@@ -20,7 +20,7 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .chart__tooltip_1k3bn {
+} .chart__tooltip_1g2qp {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -28,15 +28,15 @@
     padding: var(--gap-s) var(--gap-m);
     pointer-events: none;
     position: relative;
-} .chart__tooltipList_1k3bn {
+} .chart__tooltipList_1g2qp {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
-} .chart__tooltipItem_1k3bn {
+} .chart__tooltipItem_1g2qp {
     margin-bottom: 10px;
-} .chart__tooltipArrow_1k3bn {
+} .chart__tooltipArrow_1g2qp {
     position: absolute;
     left: 0;
     top: 50%;
@@ -45,7 +45,7 @@
     height: 10px;
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
-} .chart__tooltipArrow_1k3bn:before {
+} .chart__tooltipArrow_1g2qp:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -55,7 +55,7 @@
     border-style: solid;
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
-} .chart__tooltipArrowRight_1k3bn {
+} .chart__tooltipArrowRight_1g2qp {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/components/TooltipContent/index.js

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"tooltip":"chart__tooltip_1k3bn","tooltipList":"chart__tooltipList_1k3bn","tooltipItem":"chart__tooltipItem_1k3bn","tooltipArrow":"chart__tooltipArrow_1k3bn","tooltipArrowRight":"chart__tooltipArrowRight_1k3bn"};
+var styles = {"tooltip":"chart__tooltip_1g2qp","tooltipList":"chart__tooltipList_1g2qp","tooltipItem":"chart__tooltipItem_1g2qp","tooltipArrow":"chart__tooltipArrow_1g2qp","tooltipArrowRight":"chart__tooltipArrowRight_1g2qp"};
 require('./index.css');
 
 var TooltipContent = function (_a) {

package/chart/cssm/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-19b064c1.js');
+var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -36,7 +36,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 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__default.default.createElement(Component, tslib.__assign({}, props, options)); };
     return NewComponent;
 };
 
@@ -78,7 +78,7 @@ var Chart = function (props) {
         if (!changed)
             return;
         setCharts(function (prev) {
-            var newState = tslib_es6.__assign({}, prev);
+            var newState = tslib.__assign({}, prev);
             newState["".concat(dataKey)] = !newState["".concat(dataKey)];
             if (withGrad)
                 newState["".concat(dataKey, "-gradient")] = !newState["".concat(dataKey, "-gradient")];
@@ -100,14 +100,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: {
+        return (React__default.default.createElement(recharts.Legend, tslib.__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(".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__default.default.createElement(recharts.CartesianGrid, tslib.__assign({}, state.cartesianGrid));
     }, [state]);
     var renderXAxis = React.useMemo(function () {
         var _a;
@@ -123,7 +123,7 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default.default.createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
+        return React__default.default.createElement(recharts.XAxis, tslib.__assign({}, state.xAxis, { tick: tick }));
     }, [state]);
     var renderYAxis = React.useMemo(function () {
         var _a;
@@ -139,17 +139,17 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React__default.default.createElement(recharts.YAxis, tslib_es6.__assign({}, state.yAxis, { tick: tick }));
+        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_es6.__assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+        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_es6.__assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(components_TooltipContent_index.TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
+        return (React__default.default.createElement(recharts.Tooltip, tslib.__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)
@@ -159,8 +159,8 @@ var Chart = function (props) {
             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: "".concat(state.id, "-").concat(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__default.default.createElement(recharts.Bar, tslib.__assign({ key: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { shape: React__default.default.createElement(components_RectBar.RectBar, { radius: radius }) }),
+                        labelList && (React__default.default.createElement(recharts.LabelList, tslib.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default.default.createElement(components_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(styles__default.default.bar, typeof activeDotsState.active === 'number' &&
@@ -170,7 +170,7 @@ var Chart = function (props) {
                         }))) : 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: "".concat(state.id, "-").concat(properties.dataKey) }, properties, { dot: properties.dot && properties.dotSettings
+                    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
                             ? CustomizedHOC(components_Dot_index.Dot, {
                                 activeDot: activeDotsState.active,
                                 dotSettings: properties.dotSettings,
@@ -180,7 +180,7 @@ 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: "".concat(state.id, "-").concat(item.properties.dataKey), dataKey: "".concat(item.properties.dataKey), stroke: 'transparent', fill: item.gradient.gid
+                    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:
@@ -264,7 +264,7 @@ var Chart = function (props) {
         return null;
     return (React__default.default.createElement("div", { className: styles__default.default.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(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,

package/chart/cssm/hooks/useSettings/index.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-19b064c1.js');
+var tslib = require('tslib');
 var React = require('react');
 var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
 var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');
@@ -13,7 +13,7 @@ var useSettings = function (options) {
     var _d = React.useState(0), filterCount = _d[0], setFilterCount = _d[1];
     React.useEffect(function () {
         var _a;
-        var settings = tslib_es6.__assign({}, options);
+        var settings = tslib.__assign({}, options);
         var brush = settings.brush, legend = settings.legend, series = settings.series, labels = settings.labels, composeChart = settings.composeChart, xAxis = settings.xAxis;
         if (((_a = settings.legend) === null || _a === void 0 ? void 0 : _a.margin) && brush && legend)
             settings.legend.margin.top = hooks_useSettings_utils_setLegendMargin.setLegendMargin(brush, legend);

package/chart/cssm/hooks/useSettings/utils/setDatas.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-19b064c1.js');
+var tslib = require('tslib');
 
 var setDatas = function (series, labels) {
     var initData = [];
@@ -23,7 +23,7 @@ var setDatas = function (series, labels) {
                 if (index === -1)
                     initData.push(obj);
                 else
-                    initData[index] = tslib_es6.__assign(tslib_es6.__assign({}, initData[index]), obj);
+                    initData[index] = tslib.__assign(tslib.__assign({}, initData[index]), obj);
             }
             return null;
         });

package/chart/cssm/hooks/useSettings/utils/setGradientCharts.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../../tslib.es6-19b064c1.js');
+var tslib = require('tslib');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });
@@ -15,7 +15,7 @@ var setGradientCharts = function (series) {
                     };
                 });
             }
-            accum.push(tslib_es6.__assign(tslib_es6.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib_es6.__assign(tslib_es6.__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
+            accum.push(tslib.__assign(tslib.__assign({}, item), { zIndex: -100, chart: 'gradient', hideLegend: true, hideTooltip: true, properties: tslib.__assign(tslib.__assign({}, item.properties), { dataKey: "".concat(item.properties.dataKey, "-gradient"), fill: fill }), data: newData || item.data }));
         }
         accum.push(item);
         return accum;

package/chart/cssm/index.js

@@ -1,5 +1,5 @@
 var Component = require('./Component.js');
-require('./tslib.es6-19b064c1.js');
+require('tslib');
 require('react');
 require('classnames');
 require('recharts');

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-1a68048d.js';
+import { __assign } from 'tslib';
 import React, { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { Legend, CartesianGrid, XAxis, YAxis, Brush, Tooltip, Area, Line, Bar, LabelList, Cell, ResponsiveContainer, ComposedChart } from 'recharts';
@@ -29,7 +29,7 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_kzysl","bar":"chart__bar_kzysl","unfocused":"chart__unfocused_kzysl"};
+var styles = {"coreChart":"chart__coreChart_l53sx","bar":"chart__bar_l53sx","unfocused":"chart__unfocused_l53sx"};
 require('./index.css');
 
 var Chart = function (props) {

package/chart/esm/components/Dot/index.css

@@ -1,19 +1,19 @@
 /* hash: 1g8f5 */
-.chart__dotUnfocused_c54oz {
+.chart__dotUnfocused_112s3 {
     opacity: 0.3;
 }
 
-.chart__dot_c54oz,
-.chart__dotItem_c54oz,
-.chart__dotWrap_c54oz {
+.chart__dot_112s3,
+.chart__dotItem_112s3,
+.chart__dotWrap_112s3 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_c54oz {
-    animation: chart__showDot_c54oz 0.5s ease;
+.chart__dot_112s3 {
+    animation: chart__showDot_112s3 0.5s ease;
 }
 
-@keyframes chart__showDot_c54oz {
+@keyframes chart__showDot_112s3 {
     from {
         opacity: 0;
     }

package/chart/esm/components/Dot/index.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
 import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_c54oz","dot":"chart__dot_c54oz","dotItem":"chart__dotItem_c54oz","dotWrap":"chart__dotWrap_c54oz","showDot":"chart__showDot_c54oz"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_112s3","dot":"chart__dot_112s3","dotItem":"chart__dotItem_112s3","dotWrap":"chart__dotWrap_112s3","showDot":"chart__showDot_112s3"};
 require('./index.css');
 
 var Dot = React.forwardRef(function (_a, ref) {

package/chart/esm/components/Legends/index.css

@@ -15,25 +15,25 @@
     --gap-2xl: 32px;
 } :root {
 } :root {
-} .chart__legendContent_17km5 {
+} .chart__legendContent_v620y {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
-} .chart__legendWrap_17km5 {
+} .chart__legendWrap_v620y {
     width: 100%;
     margin: 0;
     padding: 0;
-} .chart__legendItem_17km5 {
+} .chart__legendItem_v620y {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
-} .chart__legendItem_17km5:last-child {
+} .chart__legendItem_v620y:last-child {
     margin-right: 0;
-} .chart__legendUnactive_17km5 {
+} .chart__legendUnactive_v620y {
     opacity: 0.3;
-} .chart__legendIcon_17km5 {
+} .chart__legendIcon_v620y {
     margin-right: 13px;
     display: flex;
-} .chart__legendValue_17km5 {
+} .chart__legendValue_v620y {
     text-transform: capitalize;
 }

package/chart/esm/components/Legends/index.js

@@ -6,7 +6,7 @@ import { CircleLineIcon } from '../../icons/CircleLine.js';
 import { FilledCircleIcon } from '../../icons/FilledCircle.js';
 import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_17km5","legendWrap":"chart__legendWrap_17km5","legendItem":"chart__legendItem_17km5","legendUnactive":"chart__legendUnactive_17km5","legendIcon":"chart__legendIcon_17km5","legendValue":"chart__legendValue_17km5"};
+var styles = {"legendContent":"chart__legendContent_v620y","legendWrap":"chart__legendWrap_v620y","legendItem":"chart__legendItem_v620y","legendUnactive":"chart__legendUnactive_v620y","legendIcon":"chart__legendIcon_v620y","legendValue":"chart__legendValue_v620y"};
 require('./index.css');
 
 var icons = {

package/chart/esm/components/Tick/index.css

@@ -16,15 +16,15 @@
 } :root {
 } :root {
 } :root {
-} .chart__tickText_owhel {
+} .chart__tickText_sx2d9 {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .chart__circle_owhel {
+} .chart__circle_sx2d9 {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
-} .chart__circle_owhel {
+} .chart__circle_sx2d9 {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/esm/components/Tick/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"tickText":"chart__tickText_owhel","circle":"chart__circle_owhel"};
+var styles = {"tickText":"chart__tickText_sx2d9","circle":"chart__circle_sx2d9"};
 require('./index.css');
 
 var Tick = function (_a) {