@alfalab/core-components 21.0.0 → 21.2.1-beta.0

package/calendar-range/index.css

@@ -1,4 +1,4 @@
-/* hash: yutf8 */
+/* hash: jkizo */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_yutf8 {
+.calendar-range__component_jkizo {
     display: flex
 }
-.calendar-range__component_yutf8 button[aria-selected='true'] {
+.calendar-range__component_jkizo button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_yutf8 {
+.calendar-range__divider_jkizo {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_yutf8:after {
+.calendar-range__divider_jkizo:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-range/modern/Component.js

@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
 import { useCalendarMonthes } from './useCalendarMonthes.js';
 import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
 
-var styles = {"component":"calendar-range__component_yutf8","divider":"calendar-range__divider_yutf8"};
+var styles = {"component":"calendar-range__component_jkizo","divider":"calendar-range__divider_jkizo"};
 require('./index.css');
 
 /* eslint-disable multiline-comment-style */

package/calendar-range/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: yutf8 */
+/* hash: jkizo */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_yutf8 {
+.calendar-range__component_jkizo {
     display: flex
 }
-.calendar-range__component_yutf8 button[aria-selected='true'] {
+.calendar-range__component_jkizo button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_yutf8 {
+.calendar-range__divider_jkizo {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_yutf8:after {
+.calendar-range__divider_jkizo:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-range/modern/useCalendarMonthes.js

@@ -2,10 +2,18 @@ import { useState, useCallback } from 'react';
 import { startOfMonth, addMonths, subMonths } from 'date-fns';
 
 function useCalendarMonthes({ inputValueFrom, inputValueTo, defaultMonth, isPopover, }) {
-    const initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : startOfMonth(inputValueFrom.date).getTime();
-    const initialMonthTo = isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    const initialMonthFrom = (() => {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    const initialMonthTo = (() => {
+        if (inputValueTo.value && inputValueTo.date) {
+            return startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : addMonths(initialMonthFrom, 1).getTime();
+    })();
     const [monthFrom, setMonthFrom] = useState(initialMonthFrom);
     const [monthTo, setMonthTo] = useState(initialMonthTo);
     const handleMonthFromChange = useCallback((newMonthFrom) => {

package/calendar-range/useCalendarMonthes.js

@@ -5,10 +5,18 @@ var dateFns = require('date-fns');
 
 function useCalendarMonthes(_a) {
     var inputValueFrom = _a.inputValueFrom, inputValueTo = _a.inputValueTo, defaultMonth = _a.defaultMonth, isPopover = _a.isPopover;
-    var initialMonthFrom = !inputValueFrom.value || !inputValueFrom.date
-        ? defaultMonth
-        : dateFns.startOfMonth(inputValueFrom.date).getTime();
-    var initialMonthTo = isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    var initialMonthFrom = (function () {
+        if (inputValueFrom.value && inputValueFrom.date) {
+            return dateFns.startOfMonth(inputValueFrom.date).getTime();
+        }
+        return defaultMonth;
+    })();
+    var initialMonthTo = (function () {
+        if (inputValueTo.value && inputValueTo.date) {
+            return dateFns.startOfMonth(inputValueTo.date).getTime();
+        }
+        return isPopover ? initialMonthFrom : dateFns.addMonths(initialMonthFrom, 1).getTime();
+    })();
     var _b = React.useState(initialMonthFrom), monthFrom = _b[0], setMonthFrom = _b[1];
     var _c = React.useState(initialMonthTo), monthTo = _c[0], setMonthTo = _c[1];
     var handleMonthFromChange = React.useCallback(function (newMonthFrom) {

package/chart/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/Component.js

@@ -1,4 +1,6 @@
-var tslib_es6 = require('./tslib.es6-8e7742ab.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-5600ba09.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -36,7 +38,7 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_ftghw","bar":"chart__bar_ftghw","unfocused":"chart__unfocused_ftghw"};
+var styles = {"coreChart":"chart__coreChart_c0pd4","bar":"chart__bar_c0pd4","unfocused":"chart__unfocused_c0pd4"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -158,7 +160,7 @@ var Chart = function (props) {
             var show = charts["" + 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, { radius: radius }) }),
+                    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 }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -274,6 +276,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React__default['default'].memo(Chart);
 
-module.exports = Component;
+exports.Chart = Chart;

package/chart/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 1wctd */
-.chart__dotUnfocused_1wctd {
+/* hash: mirjf */
+.chart__dotUnfocused_mirjf {
     opacity: 0.3;
 }
 
-.chart__dot_1wctd,
-.chart__dotItem_1wctd,
-.chart__dotWrap_1wctd {
+.chart__dot_mirjf,
+.chart__dotItem_mirjf,
+.chart__dotWrap_mirjf {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1wctd {
-    animation: chart__showDot_1wctd 0.5s ease;
+.chart__dot_mirjf {
+    animation: chart__showDot_mirjf 0.5s ease;
 }
 
-@keyframes chart__showDot_1wctd {
+@keyframes chart__showDot_mirjf {
     from {
         opacity: 0;
     }

package/chart/components/Dot/index.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_1wctd","dot":"chart__dot_1wctd","dotItem":"chart__dotItem_1wctd","dotWrap":"chart__dotWrap_1wctd","showDot":"chart__showDot_1wctd"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_mirjf","dot":"chart__dot_mirjf","dotItem":"chart__dotItem_mirjf","dotWrap":"chart__dotWrap_mirjf","showDot":"chart__showDot_mirjf"};
 require('./index.css');
 
 var Dot = React__default['default'].forwardRef(function (_a, ref) {

package/chart/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: zwswg */
+/* hash: w41ro */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_zwswg {
+.chart__legendContent_w41ro {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_zwswg {
+.chart__legendWrap_w41ro {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_zwswg {
+.chart__legendItem_w41ro {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_zwswg:last-child {
+.chart__legendItem_w41ro:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_zwswg {
+.chart__legendUnactive_w41ro {
     opacity: 0.3;
 }
-.chart__legendIcon_zwswg {
+.chart__legendIcon_w41ro {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_zwswg {
+.chart__legendValue_w41ro {
     text-transform: capitalize;
 }

package/chart/components/Legends/index.js

@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"legendContent":"chart__legendContent_zwswg","legendWrap":"chart__legendWrap_zwswg","legendItem":"chart__legendItem_zwswg","legendUnactive":"chart__legendUnactive_zwswg","legendIcon":"chart__legendIcon_zwswg","legendValue":"chart__legendValue_zwswg"};
+var styles = {"legendContent":"chart__legendContent_w41ro","legendWrap":"chart__legendWrap_w41ro","legendItem":"chart__legendItem_w41ro","legendUnactive":"chart__legendUnactive_w41ro","legendIcon":"chart__legendIcon_w41ro","legendValue":"chart__legendValue_w41ro"};
 require('./index.css');
 
 var icons = {

package/chart/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/components/RectBar.js

@@ -1,3 +1,5 @@
+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');
@@ -25,6 +27,5 @@ var RectBar = function (_a) {
     var path = React.useMemo(function () { return (React__default['default'].createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React__default['default'].createElement(React__default['default'].Fragment, null, path);
 };
-var RectBar$1 = React__default['default'].memo(RectBar);
 
-module.exports = RectBar$1;
+exports.RectBar = RectBar;

package/chart/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: 1vfd9 */
+/* hash: utxut */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_1vfd9 {
+.chart__tickText_utxut {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_1vfd9 {
+.chart__circle_utxut {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_1vfd9 {
+.chart__circle_utxut {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/components/Tick/index.js

@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tickText":"chart__tickText_1vfd9","circle":"chart__circle_1vfd9"};
+var styles = {"tickText":"chart__tickText_utxut","circle":"chart__circle_utxut"};
 require('./index.css');
 
 var Tick = function (_a) {

package/chart/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: 1b2rk */
+/* hash: cn2xj */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_1b2rk {
+.chart__tooltip_cn2xj {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -28,17 +28,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipList_1b2rk {
+.chart__tooltipList_cn2xj {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_1b2rk {
+.chart__tooltipItem_cn2xj {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_1b2rk {
+.chart__tooltipArrow_cn2xj {
     position: absolute;
     left: 0;
     top: 50%;
@@ -48,7 +48,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_1b2rk:before {
+.chart__tooltipArrow_cn2xj:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -59,7 +59,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_1b2rk {
+.chart__tooltipArrowRight_cn2xj {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/chart/components/TooltipContent/index.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"tooltip":"chart__tooltip_1b2rk","tooltipList":"chart__tooltipList_1b2rk","tooltipItem":"chart__tooltipItem_1b2rk","tooltipArrow":"chart__tooltipArrow_1b2rk","tooltipArrowRight":"chart__tooltipArrowRight_1b2rk"};
+var styles = {"tooltip":"chart__tooltip_cn2xj","tooltipList":"chart__tooltipList_cn2xj","tooltipItem":"chart__tooltipItem_cn2xj","tooltipArrow":"chart__tooltipArrow_cn2xj","tooltipArrowRight":"chart__tooltipArrowRight_cn2xj"};
 require('./index.css');
 
 var TooltipContent = function (_a) {

package/chart/cssm/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/cssm/Component.js

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('./tslib.es6-2be2aee7.js');
 var React = require('react');
 var cn = require('classnames');
@@ -161,7 +163,7 @@ var Chart = function (props) {
             var show = charts["" + 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, { radius: radius }) }),
+                    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 }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -277,6 +279,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React__default['default'].memo(Chart);
 
-module.exports = Component;
+exports.Chart = Chart;

package/chart/cssm/components/RectBar.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ fill, x, y, width, height, radius, background }: any) => JSX.Element>;
-export { _default as default };
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/cssm/components/RectBar.js

@@ -1,3 +1,5 @@
+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');
@@ -25,6 +27,5 @@ var RectBar = function (_a) {
     var path = React.useMemo(function () { return (React__default['default'].createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill })); }, [x, width, height, initHeight, topRadius, bottomRadius, initY, fill]);
     return React__default['default'].createElement(React__default['default'].Fragment, null, path);
 };
-var RectBar$1 = React__default['default'].memo(RectBar);
 
-module.exports = RectBar$1;
+exports.RectBar = RectBar;

package/chart/cssm/index.d.ts

@@ -1 +1,2 @@
 export * from "./Component";
+export * from "./types/index";

package/chart/cssm/index.js

@@ -1,8 +1,10 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 require('./tslib.es6-2be2aee7.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./Component.js');
+var Component = require('./Component.js');
 require('./components/LinearGradient.js');
 require('../../typography/cssm');
 require('./icons/Circle.js');
@@ -29,3 +31,7 @@ require('./components/Tick/index.js');
 require('./components/TooltipContent/index.module.css');
 require('./components/TooltipContent/index.js');
 require('./index.module.css');
+
+
+
+exports.Chart = Component.Chart;

package/chart/cssm/types/index.d.ts

@@ -0,0 +1,14 @@
+export * from "./utils/index";
+export * from "./brush.types";
+export * from "./cartesianGrid.types";
+export * from "./chart.types";
+export * from "./composedChart.types";
+export * from "./labelList.types";
+export * from "./legend.types";
+export * from "./options.types";
+export * from "./payload.types";
+export * from "./responsiveContainer.types";
+export * from "./seria.types";
+export * from "./tooltip.types";
+export * from "./xAxis.types";
+export * from "./yAxis.types";

package/chart/cssm/types/utils/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./axis.types";
+export * from "./coordinates.types";
+export * from "./data.types";
+export * from "./dot.types";
+export * from "./gradient.types";
+export * from "./tick.types";

package/chart/cssm/types/utils/index.js

@@ -0,0 +1 @@
+

package/chart/esm/Component.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import React from 'react';
 import { OptionsProps } from "./types/options.types";
-declare const _default: React.MemoExoticComponent<(props: OptionsProps) => JSX.Element | null>;
-export { _default as default };
+declare const Chart: (props: OptionsProps) => JSX.Element | null;
+export { Chart };

package/chart/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-a3fbf5e6.js';
+import { _ as __assign } from './tslib.es6-f6456a4e.js';
 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';
@@ -20,7 +20,7 @@ import { useSettings } from './hooks/useSettings/index.js';
 import './hooks/usePathBar/utils/getRadius.js';
 import './hooks/usePathBar/index.js';
 import { CustomizedLabel } from './components/CustomizedLabel.js';
-import RectBar$1 from './components/RectBar.js';
+import { RectBar } from './components/RectBar.js';
 import { Tick } from './components/Tick/index.js';
 import { TooltipContent } from './components/TooltipContent/index.js';
 
@@ -31,7 +31,7 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_ftghw","bar":"chart__bar_ftghw","unfocused":"chart__unfocused_ftghw"};
+var styles = {"coreChart":"chart__coreChart_c0pd4","bar":"chart__bar_c0pd4","unfocused":"chart__unfocused_c0pd4"};
 require('./index.css');
 
 var Chart = function (props) {
@@ -153,7 +153,7 @@ var Chart = function (props) {
             var show = charts["" + properties.dataKey];
             switch (chart) {
                 case 'bar':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React.createElement(RectBar$1, { radius: radius }) }),
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Bar, __assign({ key: state.id + "-" + properties.dataKey }, properties, { shape: React.createElement(RectBar, { radius: radius }) }),
                         labelList && (React.createElement(LabelList, __assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React.createElement(CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
@@ -269,6 +269,5 @@ var Chart = function (props) {
                 state.brush && renderBrush,
                 state.legend && renderLegend))));
 };
-var Component = React.memo(Chart);
 
-export default Component;
+export { Chart };

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

@@ -1,19 +1,19 @@
-/* hash: 1wctd */
-.chart__dotUnfocused_1wctd {
+/* hash: mirjf */
+.chart__dotUnfocused_mirjf {
     opacity: 0.3;
 }
 
-.chart__dot_1wctd,
-.chart__dotItem_1wctd,
-.chart__dotWrap_1wctd {
+.chart__dot_mirjf,
+.chart__dotItem_mirjf,
+.chart__dotWrap_mirjf {
     transition: all 0.2s ease;
 }
 
-.chart__dot_1wctd {
-    animation: chart__showDot_1wctd 0.5s ease;
+.chart__dot_mirjf {
+    animation: chart__showDot_mirjf 0.5s ease;
 }
 
-@keyframes chart__showDot_1wctd {
+@keyframes chart__showDot_mirjf {
     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_1wctd","dot":"chart__dot_1wctd","dotItem":"chart__dotItem_1wctd","dotWrap":"chart__dotWrap_1wctd","showDot":"chart__showDot_1wctd"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_mirjf","dot":"chart__dot_mirjf","dotItem":"chart__dotItem_mirjf","dotWrap":"chart__dotWrap_mirjf","showDot":"chart__showDot_mirjf"};
 require('./index.css');
 
 var Dot = React.forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: zwswg */
+/* hash: w41ro */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_zwswg {
+.chart__legendContent_w41ro {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_zwswg {
+.chart__legendWrap_w41ro {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_zwswg {
+.chart__legendItem_w41ro {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_zwswg:last-child {
+.chart__legendItem_w41ro:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_zwswg {
+.chart__legendUnactive_w41ro {
     opacity: 0.3;
 }
-.chart__legendIcon_zwswg {
+.chart__legendIcon_w41ro {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_zwswg {
+.chart__legendValue_w41ro {
     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_zwswg","legendWrap":"chart__legendWrap_zwswg","legendItem":"chart__legendItem_zwswg","legendUnactive":"chart__legendUnactive_zwswg","legendIcon":"chart__legendIcon_zwswg","legendValue":"chart__legendValue_zwswg"};
+var styles = {"legendContent":"chart__legendContent_w41ro","legendWrap":"chart__legendWrap_w41ro","legendItem":"chart__legendItem_w41ro","legendUnactive":"chart__legendUnactive_w41ro","legendIcon":"chart__legendIcon_w41ro","legendValue":"chart__legendValue_w41ro"};
 require('./index.css');
 
 var icons = {