@alfalab/core-components-chart 1.2.0 → 2.0.0

package/CHANGELOG.md

@@ -3,6 +3,86 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.0.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-chart@1.2.2...@alfalab/core-components-chart@2.0.0) (2022-03-01)
+
+
+### Features
+
+* Исправить импорты в сторях. ([#998](https://github.com/alfa-laboratory/core-components/issues/998)) ([e6a654a](https://github.com/alfa-laboratory/core-components/commit/e6a654a0599451c7d149484cb61d8067eed083b7))
+
+
+* refactor/calendar-range (#984) ([714f615](https://github.com/alfa-laboratory/core-components/commit/714f61590586bafe1060e652943e95c133ed002a)), closes [#984](https://github.com/alfa-laboratory/core-components/issues/984)
+
+
+### BREAKING CHANGES
+
+* Большое обновление CalendarRange
+
+* feat(date-input): add some improvements
+
+* feat(date-input): some updates
+
+* feat(date-input): validation
+
+* feat(calendar): change period selection logic
+
+* fix(calendar): range styles
+
+* fix(calendar): fix styles, add rangeComplete flag
+
+* refactor(calendar-range): temporary
+
+* fix(calendar-range): fix hook
+
+* fix(calendar-range): fix period
+
+* fix(calendar-range): fix tests, fix max date
+
+* fix: update exports
+
+* feat(calendar): allow empty values for PeriodSlider, update today
+
+* fix(calendar-range): hide error icon
+
+* chore(calendar-range): demo
+
+* feat(calendar): use IconButton
+
+* feat(calendar-range): add onChange, update demo
+
+* fix(calendar-range): update width
+
+* test(calendar-range): update snapshot
+
+* fix: import date-fns separately
+
+* fix(calendar-range): fix rest props
+
+Co-authored-by: dmitrsavk <dmitrsavk@yandex.ru>
+
+
+
+
+
+## [1.2.2](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-chart@1.2.1...@alfalab/core-components-chart@1.2.2) (2022-01-17)
+
+**Note:** Version bump only for package @alfalab/core-components-chart
+
+
+
+
+
+## [1.2.1](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-chart@1.2.0...@alfalab/core-components-chart@1.2.1) (2021-10-19)
+
+
+### Bug Fixes
+
+* **chart:** fix deps, export types ([b46450a](https://github.com/alfa-laboratory/core-components/commit/b46450ae954b10f0138c393482fe1271b001f085))
+
+
+
+
+
 # [1.2.0](https://github.com/alfa-laboratory/core-components/compare/@alfalab/core-components-chart@1.1.0...@alfalab/core-components-chart@1.2.0) (2021-10-11)
 
 

package/dist/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/dist/Component.js

@@ -1,6 +1,8 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-3d19766a.js');
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-c72c948d.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');
@@ -38,7 +40,7 @@ var CustomizedHOC = function (Component, options) {
     return NewComponent;
 };
 
-var styles = {"coreChart":"chart__coreChart_1btmk","bar":"chart__bar_1btmk","unfocused":"chart__unfocused_1btmk"};
+var styles = {"coreChart":"chart__coreChart_4ogl7","bar":"chart__bar_4ogl7","unfocused":"chart__unfocused_4ogl7"};
 require('./index.css')
 
 var Chart = function (props) {
@@ -160,7 +162,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;
@@ -276,6 +278,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/dist/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 9g95g */
-.chart__dotUnfocused_9g95g {
+/* hash: 11tnr */
+.chart__dotUnfocused_13nr2 {
     opacity: 0.3;
 }
 
-.chart__dot_9g95g,
-.chart__dotItem_9g95g,
-.chart__dotWrap_9g95g {
+.chart__dot_13nr2,
+.chart__dotItem_13nr2,
+.chart__dotWrap_13nr2 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_9g95g {
-    animation: chart__showDot_9g95g 0.5s ease;
+.chart__dot_13nr2 {
+    animation: chart__showDot_13nr2 0.5s ease;
 }
 
-@keyframes chart__showDot_9g95g {
+@keyframes chart__showDot_13nr2 {
     from {
         opacity: 0;
     }

package/dist/components/Dot/index.js

@@ -11,7 +11,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_9g95g","dot":"chart__dot_9g95g","dotItem":"chart__dotItem_9g95g","dotWrap":"chart__dotWrap_9g95g","showDot":"chart__showDot_9g95g"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_13nr2","dot":"chart__dot_13nr2","dotItem":"chart__dotItem_13nr2","dotWrap":"chart__dotWrap_13nr2","showDot":"chart__showDot_13nr2"};
 require('./index.css')
 
 var Dot = React__default['default'].forwardRef(function (_a, ref) {

package/dist/components/Legends/index.css

@@ -1,4 +1,4 @@
-/* hash: v8ezw */
+/* hash: 1hoci */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_v8ezw {
+.chart__legendContent_1e90m {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_v8ezw {
+.chart__legendWrap_1e90m {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_v8ezw {
+.chart__legendItem_1e90m {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_v8ezw:last-child {
+.chart__legendItem_1e90m:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_v8ezw {
+.chart__legendUnactive_1e90m {
     opacity: 0.3;
 }
-.chart__legendIcon_v8ezw {
+.chart__legendIcon_1e90m {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_v8ezw {
+.chart__legendValue_1e90m {
     text-transform: capitalize;
 }

package/dist/components/Legends/index.js

@@ -15,7 +15,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_v8ezw","legendWrap":"chart__legendWrap_v8ezw","legendItem":"chart__legendItem_v8ezw","legendUnactive":"chart__legendUnactive_v8ezw","legendIcon":"chart__legendIcon_v8ezw","legendValue":"chart__legendValue_v8ezw"};
+var styles = {"legendContent":"chart__legendContent_1e90m","legendWrap":"chart__legendWrap_1e90m","legendItem":"chart__legendItem_1e90m","legendUnactive":"chart__legendUnactive_1e90m","legendIcon":"chart__legendIcon_1e90m","legendValue":"chart__legendValue_1e90m"};
 require('./index.css')
 
 var icons = {

package/dist/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/dist/components/RectBar.js

@@ -1,5 +1,7 @@
 'use strict';
 
+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');
@@ -27,6 +29,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/dist/components/Tick/index.css

@@ -1,4 +1,4 @@
-/* hash: 1cwrr */
+/* hash: 1umff */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,17 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_1cwrr {
+.chart__tickText_sxzxj {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_1cwrr {
+.chart__circle_sxzxj {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }
-.chart__circle_1cwrr {
+.chart__circle_sxzxj {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/dist/components/Tick/index.js

@@ -10,7 +10,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_1cwrr","circle":"chart__circle_1cwrr"};
+var styles = {"tickText":"chart__tickText_sxzxj","circle":"chart__circle_sxzxj"};
 require('./index.css')
 
 var Tick = function (_a) {

package/dist/components/TooltipContent/index.css

@@ -1,4 +1,4 @@
-/* hash: 8ie71 */
+/* hash: 1ie0c */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_8ie71 {
+.chart__tooltip_csamk {
     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_8ie71 {
+.chart__tooltipList_csamk {
     position: relative;
     z-index: 5;
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
-.chart__tooltipItem_8ie71 {
+.chart__tooltipItem_csamk {
     margin-bottom: 10px;
 }
-.chart__tooltipArrow_8ie71 {
+.chart__tooltipArrow_csamk {
     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_8ie71:before {
+.chart__tooltipArrow_csamk: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_8ie71 {
+.chart__tooltipArrowRight_csamk {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }

package/dist/components/TooltipContent/index.js

@@ -11,7 +11,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_8ie71","tooltipList":"chart__tooltipList_8ie71","tooltipItem":"chart__tooltipItem_8ie71","tooltipArrow":"chart__tooltipArrow_8ie71","tooltipArrowRight":"chart__tooltipArrowRight_8ie71"};
+var styles = {"tooltip":"chart__tooltip_csamk","tooltipList":"chart__tooltipList_csamk","tooltipItem":"chart__tooltipItem_csamk","tooltipArrow":"chart__tooltipArrow_csamk","tooltipArrowRight":"chart__tooltipArrowRight_csamk"};
 require('./index.css')
 
 var TooltipContent = function (_a) {

package/dist/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/dist/cssm/Component.js

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var tslib_es6 = require('./tslib.es6-2be2aee7.js');
 var React = require('react');
 var cn = require('classnames');
@@ -163,7 +165,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;
@@ -279,6 +281,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/dist/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/dist/cssm/components/RectBar.js

@@ -1,5 +1,7 @@
 'use strict';
 
+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');
@@ -27,6 +29,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/dist/cssm/index.d.ts

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

package/dist/cssm/index.js

@@ -1,10 +1,12 @@
 'use strict';
 
+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('@alfalab/core-components-typography/dist/cssm');
 require('./icons/Circle.js');
@@ -32,3 +34,6 @@ require('./components/TooltipContent/index.module.css');
 require('./components/TooltipContent/index.js');
 require('./index.module.css');
 
+
+
+exports.Chart = Component.Chart;

package/dist/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/dist/cssm/types/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/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/dist/cssm/types/utils/index.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/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/dist/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-606922e2.js';
+import { _ as __assign } from './tslib.es6-6de29960.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 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_1btmk","bar":"chart__bar_1btmk","unfocused":"chart__unfocused_1btmk"};
+var styles = {"coreChart":"chart__coreChart_4ogl7","bar":"chart__bar_4ogl7","unfocused":"chart__unfocused_4ogl7"};
 require('./index.css')
 
 var Chart = function (props) {
@@ -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/dist/esm/components/Dot/index.css

@@ -1,19 +1,19 @@
-/* hash: 9g95g */
-.chart__dotUnfocused_9g95g {
+/* hash: 11tnr */
+.chart__dotUnfocused_13nr2 {
     opacity: 0.3;
 }
 
-.chart__dot_9g95g,
-.chart__dotItem_9g95g,
-.chart__dotWrap_9g95g {
+.chart__dot_13nr2,
+.chart__dotItem_13nr2,
+.chart__dotWrap_13nr2 {
     transition: all 0.2s ease;
 }
 
-.chart__dot_9g95g {
-    animation: chart__showDot_9g95g 0.5s ease;
+.chart__dot_13nr2 {
+    animation: chart__showDot_13nr2 0.5s ease;
 }
 
-@keyframes chart__showDot_9g95g {
+@keyframes chart__showDot_13nr2 {
     from {
         opacity: 0;
     }

package/dist/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_9g95g","dot":"chart__dot_9g95g","dotItem":"chart__dotItem_9g95g","dotWrap":"chart__dotWrap_9g95g","showDot":"chart__showDot_9g95g"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_13nr2","dot":"chart__dot_13nr2","dotItem":"chart__dotItem_13nr2","dotWrap":"chart__dotWrap_13nr2","showDot":"chart__showDot_13nr2"};
 require('./index.css')
 
 var Dot = React.forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-/* hash: v8ezw */
+/* hash: 1hoci */
 :root {
 
     /* Hard */
@@ -10,31 +10,31 @@
 :root {
     --gap-2xl: 32px;
 }
-.chart__legendContent_v8ezw {
+.chart__legendContent_1e90m {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_v8ezw {
+.chart__legendWrap_1e90m {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_v8ezw {
+.chart__legendItem_1e90m {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_v8ezw:last-child {
+.chart__legendItem_1e90m:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_v8ezw {
+.chart__legendUnactive_1e90m {
     opacity: 0.3;
 }
-.chart__legendIcon_v8ezw {
+.chart__legendIcon_1e90m {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_v8ezw {
+.chart__legendValue_1e90m {
     text-transform: capitalize;
 }

package/dist/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_v8ezw","legendWrap":"chart__legendWrap_v8ezw","legendItem":"chart__legendItem_v8ezw","legendUnactive":"chart__legendUnactive_v8ezw","legendIcon":"chart__legendIcon_v8ezw","legendValue":"chart__legendValue_v8ezw"};
+var styles = {"legendContent":"chart__legendContent_1e90m","legendWrap":"chart__legendWrap_1e90m","legendItem":"chart__legendItem_1e90m","legendUnactive":"chart__legendUnactive_1e90m","legendIcon":"chart__legendIcon_1e90m","legendValue":"chart__legendValue_1e90m"};
 require('./index.css')
 
 var icons = {

package/dist/esm/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/dist/esm/components/RectBar.js

@@ -21,6 +21,5 @@ var RectBar = function (_a) {
     var path = useMemo(function () { return (React.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.createElement(React.Fragment, null, path);
 };
-var RectBar$1 = React.memo(RectBar);
 
-export default RectBar$1;
+export { RectBar };