@alfalab/core-components 36.4.0 → 36.5.1-beta.0

package/calendar-with-skeleton/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rskq */
+/* hash: 1dqti */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_1vq2x {
+.calendar-with-skeleton__component_kevtn {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1vq2x {
+.calendar-with-skeleton__calendarVisible_kevtn {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1vq2x {
+.calendar-with-skeleton__skeleton_kevtn {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1vq2x {
+.calendar-with-skeleton__header_kevtn {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1vq2x {
+.calendar-with-skeleton__weekDays_kevtn {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1vq2x {
+.calendar-with-skeleton__row_kevtn {
     height: 32px
 }
-.calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
+.calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1vq2x,
-.calendar-with-skeleton__enterActive_1vq2x,
-.calendar-with-skeleton__exit_1vq2x {
+.calendar-with-skeleton__enter_kevtn,
+.calendar-with-skeleton__enterActive_kevtn,
+.calendar-with-skeleton__exit_kevtn {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1vq2x {
+.calendar-with-skeleton__exitActive_kevtn {
     opacity: 0;
 }

package/calendar-with-skeleton/modern/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { Calendar } from '../../calendar/modern';
 import { Skeleton } from '../../skeleton/modern';
 
-const styles = {"component":"calendar-with-skeleton__component_1vq2x","calendarVisible":"calendar-with-skeleton__calendarVisible_1vq2x","skeleton":"calendar-with-skeleton__skeleton_1vq2x","header":"calendar-with-skeleton__header_1vq2x","weekDays":"calendar-with-skeleton__weekDays_1vq2x","row":"calendar-with-skeleton__row_1vq2x","enter":"calendar-with-skeleton__enter_1vq2x","enterActive":"calendar-with-skeleton__enterActive_1vq2x","exit":"calendar-with-skeleton__exit_1vq2x","exitActive":"calendar-with-skeleton__exitActive_1vq2x"};
+const styles = {"component":"calendar-with-skeleton__component_kevtn","calendarVisible":"calendar-with-skeleton__calendarVisible_kevtn","skeleton":"calendar-with-skeleton__skeleton_kevtn","header":"calendar-with-skeleton__header_kevtn","weekDays":"calendar-with-skeleton__weekDays_kevtn","row":"calendar-with-skeleton__row_kevtn","enter":"calendar-with-skeleton__enter_kevtn","enterActive":"calendar-with-skeleton__enterActive_kevtn","exit":"calendar-with-skeleton__exit_kevtn","exitActive":"calendar-with-skeleton__exitActive_kevtn"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {

package/calendar-with-skeleton/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1rskq */
+/* hash: 1dqti */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -38,15 +38,15 @@
 
     /* marker */
 }
-.calendar-with-skeleton__component_1vq2x {
+.calendar-with-skeleton__component_kevtn {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_1vq2x {
+.calendar-with-skeleton__calendarVisible_kevtn {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_1vq2x {
+.calendar-with-skeleton__skeleton_kevtn {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -61,25 +61,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_1vq2x {
+.calendar-with-skeleton__header_kevtn {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_1vq2x {
+.calendar-with-skeleton__weekDays_kevtn {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_1vq2x {
+.calendar-with-skeleton__row_kevtn {
     height: 32px
 }
-.calendar-with-skeleton__row_1vq2x + .calendar-with-skeleton__row_1vq2x {
+.calendar-with-skeleton__row_kevtn + .calendar-with-skeleton__row_kevtn {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_1vq2x,
-.calendar-with-skeleton__enterActive_1vq2x,
-.calendar-with-skeleton__exit_1vq2x {
+.calendar-with-skeleton__enter_kevtn,
+.calendar-with-skeleton__enterActive_kevtn,
+.calendar-with-skeleton__exit_kevtn {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_1vq2x {
+.calendar-with-skeleton__exitActive_kevtn {
     opacity: 0;
 }

package/card-image/Component.js

@@ -1,7 +1,12 @@
 var React = require('react');
 var cn = require('classnames');
 
-var styles = {"cardImage":"card-image__cardImage_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
+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 styles = {"cardImage":"card-image__cardImage_1xejx","rounded":"card-image__rounded_1xejx","image":"card-image__image_1xejx","loaded":"card-image__loaded_1xejx"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;
@@ -20,10 +25,10 @@ var CardImage = function (_a) {
     }, [onLoad]);
     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: {
+    return (React__default.default.createElement("div", { className: cn__default.default(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: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React__default.default.createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

package/card-image/cssm/Component.js

@@ -2,6 +2,12 @@ var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
 var ASPECT_RATIO = 0.63;
 var DEFAULT_WIDTH = 280;
 var DEFAULT_BASE_URL = 'https://online.alfabank.ru/cards-images/cards/';
@@ -18,10 +24,10 @@ var CardImage = function (_a) {
     }, [onLoad]);
     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: {
+    return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.cardImage, rounded && styles__default.default.rounded, loaded && styles__default.default.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: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React__default.default.createElement("img", { ref: image, className: styles__default.default.image, width: width, height: height, src: cardImageUrl, srcSet: "".concat(cardImageUrl2x, " 2x"), alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

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_fmudh","rounded":"card-image__rounded_fmudh","image":"card-image__image_fmudh","loaded":"card-image__loaded_fmudh"};
+var styles = {"cardImage":"card-image__cardImage_1xejx","rounded":"card-image__rounded_1xejx","image":"card-image__image_1xejx","loaded":"card-image__loaded_1xejx"};
 require('./index.css');
 
 var ASPECT_RATIO = 0.63;

package/card-image/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: cl267 */
+/* hash: 19p81 */
 :root {
 
     /* Hard */
@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_fmudh {
+.card-image__cardImage_1xejx {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_fmudh {
+.card-image__rounded_1xejx {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_fmudh .card-image__image_fmudh {
+.card-image__rounded_1xejx .card-image__image_1xejx {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_fmudh {
+.card-image__image_1xejx {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_fmudh {
+.card-image__loaded_1xejx {
     background: transparent
 }
-.card-image__loaded_fmudh .card-image__image_fmudh {
+.card-image__loaded_1xejx .card-image__image_1xejx {
         opacity: 1;
     }

package/card-image/index.css

@@ -1,4 +1,4 @@
-/* hash: cl267 */
+/* hash: 19p81 */
 :root {
 
     /* Hard */
@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_fmudh {
+.card-image__cardImage_1xejx {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_fmudh {
+.card-image__rounded_1xejx {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_fmudh .card-image__image_fmudh {
+.card-image__rounded_1xejx .card-image__image_1xejx {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_fmudh {
+.card-image__image_1xejx {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_fmudh {
+.card-image__loaded_1xejx {
     background: transparent
 }
-.card-image__loaded_fmudh .card-image__image_fmudh {
+.card-image__loaded_1xejx .card-image__image_1xejx {
         opacity: 1;
     }

package/card-image/modern/Component.js

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

package/card-image/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: cl267 */
+/* hash: 19p81 */
 :root {
 
     /* Hard */
@@ -14,28 +14,28 @@
     --card-image-background: #e7e8ea;
     --card-image-border-radius: var(--border-radius-m);
 }
-.card-image__cardImage_fmudh {
+.card-image__cardImage_1xejx {
     position: relative;
     display: inline-block;
     background: var(--card-image-background);
     transition: background 0.2s ease;
 }
-.card-image__rounded_fmudh {
+.card-image__rounded_1xejx {
     border-radius: var(--card-image-border-radius)
 }
-.card-image__rounded_fmudh .card-image__image_fmudh {
+.card-image__rounded_1xejx .card-image__image_1xejx {
         border-radius: var(--card-image-border-radius);
     }
-.card-image__image_fmudh {
+.card-image__image_1xejx {
     display: block;
     max-width: 100%;
     height: auto;
     opacity: 0;
     transition: opacity 0.2s ease;
 }
-.card-image__loaded_fmudh {
+.card-image__loaded_1xejx {
     background: transparent
 }
-.card-image__loaded_fmudh .card-image__image_fmudh {
+.card-image__loaded_1xejx .card-image__image_1xejx {
         opacity: 1;
     }

package/cdn-icon/Component.js

@@ -1,7 +1,12 @@
 var React = require('react');
 var cn = require('classnames');
 
-var styles = {"component":"cdn-icon__component_d9c2f"};
+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 styles = {"component":"cdn-icon__component_160nq"};
 require('./index.css');
 
 var CDNIcon = function (_a) {
@@ -18,7 +23,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name, baseUrl]);
-    return (React.createElement("span", { style: { color: color }, className: cn(styles.component, className), 
+    return (React__default.default.createElement("span", { style: { color: color }, className: cn__default.default(styles.component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

package/cdn-icon/cssm/Component.js

@@ -2,6 +2,12 @@ var React = require('react');
 var cn = require('classnames');
 var styles = require('./index.module.css');
 
+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 styles__default = /*#__PURE__*/_interopDefaultCompat(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];
@@ -16,7 +22,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name, baseUrl]);
-    return (React.createElement("span", { style: { color: color }, className: cn(styles.component, className), 
+    return (React__default.default.createElement("span", { style: { color: color }, className: cn__default.default(styles__default.default.component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

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_d9c2f"};
+var styles = {"component":"cdn-icon__component_160nq"};
 require('./index.css');
 
 var CDNIcon = function (_a) {

package/cdn-icon/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: jnzmz */
+/* hash: n2dc9 */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_d9c2f {
+.cdn-icon__component_160nq {
     display: inline-flex;
 }
-.cdn-icon__component_d9c2f svg {
+.cdn-icon__component_160nq svg {
     fill: currentColor;
 }
-.cdn-icon__component_d9c2f path {
+.cdn-icon__component_160nq path {
     fill: inherit;
 }

package/cdn-icon/index.css

@@ -1,4 +1,4 @@
-/* hash: jnzmz */
+/* hash: n2dc9 */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_d9c2f {
+.cdn-icon__component_160nq {
     display: inline-flex;
 }
-.cdn-icon__component_d9c2f svg {
+.cdn-icon__component_160nq svg {
     fill: currentColor;
 }
-.cdn-icon__component_d9c2f path {
+.cdn-icon__component_160nq 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_d9c2f"};
+const styles = {"component":"cdn-icon__component_160nq"};
 require('./index.css');
 
 const CDNIcon = ({ name, color, dataTestId, className, baseUrl = 'https://alfabank.servicecdn.ru/icons', }) => {

package/cdn-icon/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: jnzmz */
+/* hash: n2dc9 */
 :root {
 
     /* Hard */
@@ -7,12 +7,12 @@
 
     /* Hard up */
 }
-.cdn-icon__component_d9c2f {
+.cdn-icon__component_160nq {
     display: inline-flex;
 }
-.cdn-icon__component_d9c2f svg {
+.cdn-icon__component_160nq svg {
     fill: currentColor;
 }
-.cdn-icon__component_d9c2f path {
+.cdn-icon__component_160nq path {
     fill: inherit;
 }

package/chart/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-4cc0ba82.js');
+var tslib_es6 = require('./tslib.es6-68ea5b8e.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -24,12 +24,17 @@ require('./hooks/useSettings/utils/setGradientCharts.js');
 require('./hooks/useSettings/utils/setLegendMargin.js');
 require('./hooks/useSettings/utils/sortByIndex.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 CustomizedHOC = function (Component, options) {
-    var NewComponent = function (props) { return React.createElement(Component, tslib_es6.__assign({}, props, options)); };
+    var NewComponent = function (props) { return React__default.default.createElement(Component, tslib_es6.__assign({}, props, options)); };
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_tfbya","bar":"chart__bar_tfbya","unfocused":"chart__unfocused_tfbya"};
+var styles = {"coreChart":"chart__coreChart_14sj5","bar":"chart__bar_14sj5","unfocused":"chart__unfocused_14sj5"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -52,7 +57,7 @@ var Chart = function (props) {
             if (chart !== 'gradient' || !gradient)
                 return null;
             var gid = gradient.gid, points = gradient.points;
-            return (React.createElement(components_LinearGradient.LinearGradient, { key: "".concat(state.id, "-").concat(gid), id: state.id, gid: gid, points: points }));
+            return (React__default.default.createElement(components_LinearGradient.LinearGradient, { key: "".concat(state.id, "-").concat(gid), id: state.id, gid: gid, points: points }));
         });
     }, [state]);
     var toggleChart = React.useCallback(function (item) {
@@ -92,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.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: {
+        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(".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.createElement(recharts.CartesianGrid, tslib_es6.__assign({}, state.cartesianGrid));
+        return React__default.default.createElement(recharts.CartesianGrid, tslib_es6.__assign({}, state.cartesianGrid));
     }, [state]);
     var renderXAxis = React.useMemo(function () {
         var _a;
@@ -115,7 +120,7 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React.createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
+        return React__default.default.createElement(recharts.XAxis, tslib_es6.__assign({}, state.xAxis, { tick: tick }));
     }, [state]);
     var renderYAxis = React.useMemo(function () {
         var _a;
@@ -131,17 +136,17 @@ var Chart = function (props) {
         else {
             tick = true;
         }
-        return React.createElement(recharts.YAxis, tslib_es6.__assign({}, state.yAxis, { tick: tick }));
+        return React__default.default.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.createElement(recharts.Brush, tslib_es6.__assign({ y: typeof yBrush === 'number' ? yBrush : 0 }, state.brush));
+        return React__default.default.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.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_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)
@@ -151,18 +156,18 @@ 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.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 }) }))),
+                    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 }) }))),
                         data.map(function (_, index) {
                             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' &&
+                            return (React__default.default.createElement(recharts.Cell, { key: key, className: cn__default.default(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.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_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,
@@ -172,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.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_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:
@@ -254,10 +259,10 @@ var Chart = function (props) {
     };
     if (!data || !charts || !state)
         return null;
-    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),
+    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),
                 state.cartesianGrid && renderCartesianGrid,
                 state.xAxis && renderXAxis,
                 state.yAxis && renderYAxis,

package/chart/components/CustomizedLabel.js

@@ -2,11 +2,15 @@ var React = require('react');
 var hooks_usePathBar_index = require('../hooks/usePathBar/index.js');
 require('../hooks/usePathBar/utils/getRadius.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
 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.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)));
+    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;

package/chart/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 1vmhq */
-.chart__dotUnfocused_1iy1i {
+/* hash: 6blwv */
+.chart__dotUnfocused_k6705 {
     opacity: 0.3;
 }
 
-.chart__dot_1iy1i,
-.chart__dotItem_1iy1i,
-.chart__dotWrap_1iy1i {
+.chart__dot_k6705,
+.chart__dotItem_k6705,
+.chart__dotWrap_k6705 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1iy1i {
-    animation: chart__showDot_1iy1i 0.5s ease;
+.chart__dot_k6705 {
+    animation: chart__showDot_k6705 0.5s ease;
 }
 
-@keyframes chart__showDot_1iy1i {
+@keyframes chart__showDot_k6705 {
     from {
         opacity: 0;
     }