@alfalab/core-components 26.3.0-beta.9 → 26.3.1-beta.2

package/chart/cssm/index.js

@@ -4,50 +4,34 @@ require('./tslib.es6-2be2aee7.js');
 require('react');
 require('classnames');
 require('recharts');
-require('./hooks/use-path-bar/utils/get-radius.js');
-require('./hooks/use-path-bar/index.js');
-require('./hooks/use-settings/utils/set-composed-charts-margin.js');
-require('./hooks/use-settings/utils/set-datas.js');
-require('./hooks/use-settings/utils/set-gradient-charts.js');
-require('./hooks/use-settings/utils/set-legend-margin.js');
-require('./hooks/use-settings/utils/sort-by-index.js');
-require('./hooks/use-settings/index.js');
-require('./components/customized-label/Component.js');
-require('./icons/circle-icon.js');
-require('./icons/circle-line-icon.js');
-require('./icons/filled-circle-icon.js');
-require('./icons/point-icon.js');
-require('./icons/stroke-circle-icon.js');
-require('./components/dot/index.module.css');
-require('./components/dot/Component.js');
-require('../../amount/cssm');
+var Component = require('./Component.js');
+require('./components/LinearGradient.js');
 require('../../typography/cssm');
-require('./components/legends/index.module.css');
-require('./components/legends/Component.js');
-require('./components/linear-gradient/Component.js');
-require('./components/rect-bar/index.module.css');
-require('./components/rect-bar/Component.js');
-require('./components/tick/index.module.css');
-require('./components/tick/Component.js');
-require('./components/tooltip-content/tooltip-icon/index.module.css');
-require('./components/tooltip-content/tooltip-icon/index.js');
-require('./helpers/add-str.js');
-require('./components/tooltip-content/tooltip-name/index.js');
-require('./components/tooltip-content/tooltip-value/index.module.css');
-require('./components/tooltip-content/tooltip-value/index.js');
-var types_tooltip_types = require('./types/tooltip.types.js');
-require('./components/tooltip-content/index.module.css');
-require('./components/tooltip-content/Component.js');
-require('./customized-hoc-021dee4c.js');
+require('./icons/Circle.js');
+require('./icons/CircleLine.js');
+require('./icons/FilledCircle.js');
+require('./icons/StrokeCircle.js');
+require('./components/Legends/index.module.css');
+require('./components/Legends/index.js');
+require('./icons/Point.js');
+require('./components/Dot/index.module.css');
+require('./components/Dot/index.js');
+require('./hooks/useSettings/utils/setComposedChartsMargin.js');
+require('./hooks/useSettings/utils/setDatas.js');
+require('./hooks/useSettings/utils/setGradientCharts.js');
+require('./hooks/useSettings/utils/setLegendMargin.js');
+require('./hooks/useSettings/utils/sortByIndex.js');
+require('./hooks/useSettings/index.js');
+require('./hooks/usePathBar/utils/getRadius.js');
+require('./hooks/usePathBar/index.js');
+require('./components/CustomizedLabel.js');
+require('./components/RectBar.js');
+require('./components/Tick/index.module.css');
+require('./components/Tick/index.js');
+require('./components/TooltipContent/index.module.css');
+require('./components/TooltipContent/index.js');
 require('./index.module.css');
-var Component = require('./Component.js');
 
 
 
-Object.defineProperty(exports, 'ArrangeData', {
-	enumerable: true,
-	get: function () {
-		return types_tooltip_types.ArrangeData;
-	}
-});
 exports.Chart = Component.Chart;

package/chart/cssm/index.module.css

@@ -12,15 +12,13 @@
 .coreChart :global(.recharts-line path) {
         transition: d 0.2s ease-out;
     }
-.coreChart :global(.recharts-label-list tspan),
-    .coreChart :global(.recharts-text tspan) {
+.coreChart :global(.recharts-text tspan) {
         fill: var(--color-light-text-primary);
         font-size: 16px;
-        line-height: 20px;
-        font-weight: 400;
+        line-height: 22px;
     }
 .bar {
-    transition: opacity 0.2s ease-out;
+    transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
 .unfocused {
     opacity: 0.3;

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

@@ -8,7 +8,7 @@ interface BrushProps {
     /**
      * Ширина ползунков
      */
-    travellerWidth?: number;
+    travallerWidth?: number;
     /**
      * Начальный индекс интервала показа
      */

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

@@ -1,4 +1,3 @@
-import { AmountProps } from "../../../amount";
 import { ReactElement } from 'react';
 import { RectangleProps } from 'recharts';
 import { DataKey } from 'recharts/types/util/types';
@@ -11,10 +10,6 @@ interface ChartProps {
      * Название графика (отображается в легендах и тултипе)
      */
     name?: string;
-    /**
-     * Числовое значение
-     */
-    amount?: AmountProps;
     /**
      * Ключ данных
      */

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

@@ -29,9 +29,5 @@ interface ComposedChartProps {
      * Разрыв между двумя столбцами одной категории
      */
     barGap?: number;
-    /**
-     * Делать опасити всем элементам кроме наведенного
-     */
-    unfocusedAnimation?: boolean;
 }
 export { ComposedChartProps };

package/chart/cssm/types/index.js

@@ -1,12 +1 @@
-Object.defineProperty(exports, '__esModule', { value: true });
 
-var types_tooltip_types = require('./tooltip.types.js');
-
-
-
-Object.defineProperty(exports, 'ArrangeData', {
-	enumerable: true,
-	get: function () {
-		return types_tooltip_types.ArrangeData;
-	}
-});

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

@@ -1,4 +1,3 @@
-import { TextProps } from "../../../typography";
 import { Formatter } from 'recharts/types/component/DefaultLegendContent';
 interface LegendProps {
     /**
@@ -27,11 +26,5 @@ interface LegendProps {
      * Высота иконок
      */
     iconHeight?: number;
-    /**
-     * Пропсы для Typography.Text легенд
-     */
-    typography?: {
-        label: TextProps;
-    };
 }
 export { LegendProps };

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

@@ -38,7 +38,7 @@ interface SeriaProps {
     /**
      * Оффсет для градиента (только для типа area)
      */
-    offset?: number;
+    offset: number;
     /**
      * Заливка графика
      */
@@ -46,7 +46,7 @@ interface SeriaProps {
     /**
      * Прозрачность
      */
-    gradient?: {
+    gradient: {
         /**
          * Индефикатор градиента
          */

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

@@ -1,12 +1,5 @@
 import { ReactElement, ReactText, SVGProps } from 'react';
-import { TextProps } from "../../../typography";
 import { AnimationTiming } from 'recharts/types/util/types';
-import { AmountProps } from "../../../amount";
-declare enum ArrangeData {
-    ICON = "ICON",
-    NAME = "NAME",
-    VALUE = "VALUE"
-}
 interface TooltipProps {
     /**
      * Разделитель между именем и значением.
@@ -73,20 +66,5 @@ interface TooltipProps {
      * Контент для тултипа
      */
     content?: any;
-    /**
-     * Контент для тултипа
-     */
-    amount?: AmountProps;
-    /**
-     * Пропсы для Typography.Text в тултипе
-     */
-    typography?: {
-        title: TextProps;
-        text: TextProps;
-    };
-    /**
-     * Порядок элементов в тултипе
-     */
-    arrangeData: ArrangeData[];
 }
-export { ArrangeData, TooltipProps };
+export { TooltipProps };

package/chart/cssm/types/tooltip.types.js

@@ -1,7 +1 @@
-Object.defineProperty(exports, '__esModule', { value: true });
 
-(function (ArrangeData) {
-    ArrangeData["ICON"] = "ICON";
-    ArrangeData["NAME"] = "NAME";
-    ArrangeData["VALUE"] = "VALUE";
-})(exports.ArrangeData || (exports.ArrangeData = {}));

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

@@ -69,9 +69,5 @@ interface DotProps {
      * Значения по этим координатам.
      */
     value: number;
-    /**
-     * Выключение анимации при фокусе
-     */
-    unfocusedAnimation?: boolean;
 }
 export { DotSettingProps, ActiveDotProps, PointProps, DotProps };

package/chart/esm/Component.js

@@ -1,35 +1,35 @@
-import { _ as __assign } from './tslib.es6-b2334e08.js';
+import { _ as __assign } from './tslib.es6-87bcb4f0.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';
-import './hooks/use-path-bar/utils/get-radius.js';
-import './hooks/use-path-bar/index.js';
-import './hooks/use-settings/utils/set-composed-charts-margin.js';
-import './hooks/use-settings/utils/set-datas.js';
-import './hooks/use-settings/utils/set-gradient-charts.js';
-import './hooks/use-settings/utils/set-legend-margin.js';
-import './hooks/use-settings/utils/sort-by-index.js';
-import { useSettings } from './hooks/use-settings/index.js';
-import { CustomizedLabel } from './components/customized-label/Component.js';
-import './icons/circle-icon.js';
-import './icons/circle-line-icon.js';
-import './icons/filled-circle-icon.js';
-import './icons/point-icon.js';
-import './icons/stroke-circle-icon.js';
-import { Dot } from './components/dot/Component.js';
-import '../../amount/esm';
+import { LinearGradient } from './components/LinearGradient.js';
 import '../../typography/esm';
-import { Legends } from './components/legends/Component.js';
-import { LinearGradient } from './components/linear-gradient/Component.js';
-import { RectBar } from './components/rect-bar/Component.js';
-import { Tick } from './components/tick/Component.js';
-import './components/tooltip-content/tooltip-icon/index.js';
-import './helpers/add-str.js';
-import './components/tooltip-content/tooltip-name/index.js';
-import './components/tooltip-content/tooltip-value/index.js';
-import './types/tooltip.types.js';
-import { TooltipContent } from './components/tooltip-content/Component.js';
-import { C as CustomizedHOC } from './customized-hoc-bb7a4ca8.js';
+import './icons/Circle.js';
+import './icons/CircleLine.js';
+import './icons/FilledCircle.js';
+import './icons/StrokeCircle.js';
+import { Legends } from './components/Legends/index.js';
+import './icons/Point.js';
+import { Dot } from './components/Dot/index.js';
+import './hooks/useSettings/utils/setComposedChartsMargin.js';
+import './hooks/useSettings/utils/setDatas.js';
+import './hooks/useSettings/utils/setGradientCharts.js';
+import './hooks/useSettings/utils/setLegendMargin.js';
+import './hooks/useSettings/utils/sortByIndex.js';
+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 { Tick } from './components/Tick/index.js';
+import { TooltipContent } from './components/TooltipContent/index.js';
+
+var CustomizedHOC = function (Component, options) {
+    var NewComponent = function (props) {
+        return React.createElement(Component, __assign({}, props, options));
+    };
+    return NewComponent;
+};
 
 var styles = {"coreChart":"chart__coreChart_p1dmp","bar":"chart__bar_p1dmp","unfocused":"chart__unfocused_p1dmp"};
 require('./index.css');
@@ -143,28 +143,21 @@ var Chart = function (props) {
     var renderTooltip = useMemo(function () {
         if (!(state === null || state === void 0 ? void 0 : state.tooltip))
             return null;
-        return (React.createElement(Tooltip, __assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(TooltipContent, {
-                series: state.series,
-                tooltipArrowSide: tooltipArrowSide,
-                legend: state.legend,
-                tooltip: state.tooltip,
-            }) })));
+        return (React.createElement(Tooltip, __assign({ ref: tooltipRef }, state.tooltip, { content: CustomizedHOC(TooltipContent, { series: state.series, tooltipArrowSide: tooltipArrowSide }) })));
     }, [state, tooltipArrowSide]);
     var renderChartsItems = useMemo(function () {
         if (!state || !charts)
             return null;
         return state.series.map(function (item) {
-            var _a;
             var chart = item.chart, properties = item.properties, radius = item.radius, labelList = item.labelList;
             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, { radius: radius, activeDotsState: activeDotsState, unfocusedAnimation: state.composeChart.unfocusedAnimation }) }),
+                    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;
                             return (React.createElement(Cell, { key: key, className: cn(styles.bar, typeof activeDotsState.active === 'number' &&
-                                    state.composeChart.unfocusedAnimation &&
                                     activeDotsState.active !== index
                                     ? styles.unfocused
                                     : '') }));
@@ -177,11 +170,11 @@ var Chart = function (props) {
                                 dotSettings: properties.dotSettings,
                                 inherit: (properties === null || properties === void 0 ? void 0 : properties.inheritStroke) ? properties.inheritStroke
                                     : false,
-                                unfocusedAnimation: state.composeChart.unfocusedAnimation || false,
                             })
                             : false, activeDot: false }))) : null;
                 case 'gradient':
-                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Area, __assign({}, item.properties, { key: state.id + "-" + item.properties.dataKey, dataKey: "" + item.properties.dataKey, stroke: 'transparent', fill: ((_a = item === null || item === void 0 ? void 0 : item.gradient) === null || _a === void 0 ? void 0 : _a.gid) ? "url(#" + state.id + "-" + item.gradient.gid + ")"
+                    return show && !(item === null || item === void 0 ? void 0 : item.hide) ? (React.createElement(Area, __assign({}, item.properties, { key: state.id + "-" + item.properties.dataKey, dataKey: "" + item.properties.dataKey, stroke: 'transparent', fill: item.gradient.gid
+                            ? "url(#" + state.id + "-" + item.gradient.gid + ")"
                             : item.properties.fill, dot: false, activeDot: false }))) : null;
                 default:
                     return null;

package/chart/esm/components/{customized-label/Component.js → CustomizedLabel.js}

@@ -1,6 +1,6 @@
 import React from 'react';
-import '../../hooks/use-path-bar/utils/get-radius.js';
-import { usePathBar } from '../../hooks/use-path-bar/index.js';
+import '../hooks/usePathBar/utils/getRadius.js';
+import { usePathBar } from '../hooks/usePathBar/index.js';
 
 var CustomizedLabel = function (_a) {
     var x = _a.x, y = _a.y, value = _a.value, offset = _a.offset, radius = _a.radius, height = _a.height, width = _a.width, formatter = _a.formatter;

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

@@ -0,0 +1,23 @@
+/* hash: be8fr */
+.chart__dotUnfocused_16iqv {
+    opacity: 0.3;
+}
+
+.chart__dot_16iqv,
+.chart__dotItem_16iqv,
+.chart__dotWrap_16iqv {
+    transition: all 0.2s ease;
+}
+
+.chart__dot_16iqv {
+    animation: chart__showDot_16iqv 0.5s ease;
+}
+
+@keyframes chart__showDot_16iqv {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}

package/chart/esm/components/{dot/Component.js → Dot/index.js}

@@ -1,12 +1,12 @@
 import React, { useState, useEffect } from 'react';
 import cn from 'classnames';
-import { PointIcon } from '../../icons/point-icon.js';
+import { PointIcon } from '../../icons/Point.js';
 
-var styles = {"dotUnfocused":"chart__dotUnfocused_14r9i","dot":"chart__dot_14r9i","dotItem":"chart__dotItem_14r9i","dotWrap":"chart__dotWrap_14r9i","showDot":"chart__showDot_14r9i"};
+var styles = {"dotUnfocused":"chart__dotUnfocused_16iqv","dot":"chart__dot_16iqv","dotItem":"chart__dotItem_16iqv","dotWrap":"chart__dotWrap_16iqv","showDot":"chart__showDot_16iqv"};
 require('./index.css');
 
 var Dot = React.forwardRef(function (_a, ref) {
-    var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke, unfocusedAnimation = _a.unfocusedAnimation;
+    var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke;
     var _b = useState(0), windowWidth = _b[0], setWindowWidth = _b[1];
     var _c = useState(0), height = _c[0], setHeight = _c[1];
     var _d = useState(0), width = _d[0], setWidth = _d[1];
@@ -37,9 +37,7 @@ var Dot = React.forwardRef(function (_a, ref) {
         return null;
     return (React.createElement("g", { ref: ref, className: cn(styles.dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
         React.createElement("g", { className: cn(styles.dotWrap), transform: "scale(" + (activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0) + ")" },
-            React.createElement("svg", { className: cn(styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' &&
-                    activeDot !== index &&
-                    unfocusedAnimation
+            React.createElement("svg", { className: cn(styles.dotItem, activeDot === index ? styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
                     ? styles.dotUnfocused
                     : ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },
                 React.createElement(PointIcon, { fill: stroke })))));

package/chart/esm/components/{legends → Legends}/index.css

@@ -1,4 +1,4 @@
-/* hash: 1q7dr */
+/* hash: zvtoo */
 :root {
 
     /* Hard */
@@ -8,40 +8,33 @@
     /* Hard up */
 }
 :root {
-    --gap-2xs: 4px;
     --gap-2xl: 32px;
 }
-.chart__legendContent_1cjw3 {
+.chart__legendContent_5vx0d {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
 }
-.chart__legendWrap_1cjw3 {
+.chart__legendWrap_5vx0d {
     width: 100%;
     margin: 0;
     padding: 0;
 }
-.chart__legendItem_1cjw3 {
+.chart__legendItem_5vx0d {
     margin-right: var(--gap-2xl);
     cursor: pointer;
     display: inline-block;
 }
-.chart__legendItem_1cjw3:last-child {
+.chart__legendItem_5vx0d:last-child {
     margin-right: 0;
 }
-.chart__legendUnactive_1cjw3 {
+.chart__legendUnactive_5vx0d {
     opacity: 0.3;
 }
-.chart__legendIcon_1cjw3 {
+.chart__legendIcon_5vx0d {
     margin-right: 13px;
     display: flex;
 }
-.chart__legendValue_1cjw3 {
+.chart__legendValue_5vx0d {
     text-transform: capitalize;
 }
-.chart__amount_1cjw3 {
-    margin-left: var(--gap-2xs)
-}
-.chart__amount_1cjw3 > span {
-        font-weight: var(--amount-major-part-font-weight);
-    }

package/chart/esm/components/Legends/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import React from 'react';
+import { DataDynamicBooleanProps } from "../../types/utils/data.types";
+import { LegendProps } from "../../types/legend.types";
+import { SeriaProps } from "../../types/seria.types";
+interface Props {
+    legend: LegendProps;
+    series: SeriaProps[];
+    id: string;
+    charts: DataDynamicBooleanProps;
+    toggleChart(item: SeriaProps): void;
+}
+declare const Legends: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLUListElement>>;
+export { Legends };

package/chart/esm/components/{legends/Component.js → Legends/index.js}

@@ -1,14 +1,12 @@
-import { _ as __assign } from '../../tslib.es6-b2334e08.js';
 import React from 'react';
 import cn from 'classnames';
-import { CircleIcon } from '../../icons/circle-icon.js';
-import { CircleLineIcon } from '../../icons/circle-line-icon.js';
-import { FilledCircleIcon } from '../../icons/filled-circle-icon.js';
-import { StrokeCircleIcon } from '../../icons/stroke-circle-icon.js';
-import { Amount } from '../../../../amount/esm';
 import { Typography } from '../../../../typography/esm';
+import { CircleIcon } from '../../icons/Circle.js';
+import { CircleLineIcon } from '../../icons/CircleLine.js';
+import { FilledCircleIcon } from '../../icons/FilledCircle.js';
+import { StrokeCircleIcon } from '../../icons/StrokeCircle.js';
 
-var styles = {"legendContent":"chart__legendContent_1cjw3","legendWrap":"chart__legendWrap_1cjw3","legendItem":"chart__legendItem_1cjw3","legendUnactive":"chart__legendUnactive_1cjw3","legendIcon":"chart__legendIcon_1cjw3","legendValue":"chart__legendValue_1cjw3","amount":"chart__amount_1cjw3"};
+var styles = {"legendContent":"chart__legendContent_5vx0d","legendWrap":"chart__legendWrap_5vx0d","legendItem":"chart__legendItem_5vx0d","legendUnactive":"chart__legendUnactive_5vx0d","legendIcon":"chart__legendIcon_5vx0d","legendValue":"chart__legendValue_5vx0d"};
 require('./index.css');
 
 var icons = {
@@ -19,18 +17,13 @@ var icons = {
 };
 var Legends = React.forwardRef(function (_a, ref) {
     var legend = _a.legend, series = _a.series, id = _a.id, charts = _a.charts, toggleChart = _a.toggleChart;
-    var _b, _c;
     var style = {
         textAlign: legend.align || 'center',
         transform: "translateY(" + ((legend === null || legend === void 0 ? void 0 : legend.marginTop) ? legend.marginTop : 0) *
             (legend.verticalAlign === 'top' ? -1 : 1) + "px)",
     };
-    var label = (_c = (_b = legend === null || legend === void 0 ? void 0 : legend.typography) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : {
-        view: 'primary-medium',
-        tag: 'span',
-    };
     return (React.createElement("ul", { ref: ref, className: cn(styles.legendWrap), style: style }, series.map(function (item) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b;
         if (item.hideLegend || item.hide)
             return null;
         var Icon = icons[item.icon] || CircleIcon;
@@ -39,9 +32,8 @@ var Legends = React.forwardRef(function (_a, ref) {
                 Icon ? (React.createElement("i", { className: cn(styles.legendIcon) },
                     React.createElement(Icon, { fill: ((_a = item.properties) === null || _a === void 0 ? void 0 : _a.fill) || ((_b = item.properties) === null || _b === void 0 ? void 0 : _b.stroke) ||
                             '', height: legend.iconHeight || 16 }))) : null,
-                React.createElement(Typography.Text, __assign({}, label, { className: cn(styles.legendValue, (_c = label.className) !== null && _c !== void 0 ? _c : '') }), item.properties.name),
-                item.properties.amount && (React.createElement(Amount, __assign({}, item.properties.amount, { className: cn(styles.amount, (_f = (_e = (_d = item === null || item === void 0 ? void 0 : item.properties) === null || _d === void 0 ? void 0 : _d.amount) === null || _e === void 0 ? void 0 : _e.className) !== null && _f !== void 0 ? _f : '') }))))));
+                React.createElement(Typography.Text, { view: 'primary-medium', tag: 'span', className: cn(styles.legendValue) }, item.properties.name))));
     })));
 });
 
-export { Legends, icons };
+export { Legends };

package/chart/esm/components/{linear-gradient/Component.d.ts → LinearGradient.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { LinearGradientProps } from "../../types/utils/gradient.types";
+import { LinearGradientProps } from "../types/utils/gradient.types";
 declare const LinearGradient: ({ id, gid, points }: LinearGradientProps) => React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
 export { LinearGradient };

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const RectBar: ({ fill, x, y, width, height, radius, background }: any) => JSX.Element;
+export { RectBar };

package/chart/esm/components/{rect-bar/Component.js → RectBar.js}

@@ -1,10 +1,6 @@
 import React, { useMemo } from 'react';
-import cn from 'classnames';
-import '../../hooks/use-path-bar/utils/get-radius.js';
-import { usePathBar } from '../../hooks/use-path-bar/index.js';
-
-var styles = {"bar":"chart__bar_15nwl","unfocused":"chart__unfocused_15nwl"};
-require('./index.css');
+import '../hooks/usePathBar/utils/getRadius.js';
+import { usePathBar } from '../hooks/usePathBar/index.js';
 
 // eslint-disable-next-line complexity
 var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, initY) {
@@ -14,31 +10,15 @@ var getPath = function (x, width, height, initHeight, topRadius, bottomRadius, i
         width -
         ((height !== 0 && bottomRadius) || 0)) + " " + (initY + initHeight) + "\n        Z\n    ";
 };
-var RectBar = function (props) {
-    var fill = props.fill, x = props.x, y = props.y, width = props.width, height = props.height, radius = props.radius, background = props.background, activeDotsState = props.activeDotsState, index = props.index, unfocusedAnimation = props.unfocusedAnimation;
-    var _a = usePathBar({
+var RectBar = function (_a) {
+    var fill = _a.fill, x = _a.x, y = _a.y, width = _a.width, height = _a.height, radius = _a.radius, background = _a.background;
+    var _b = usePathBar({
         radius: radius,
         height: height,
         background: background,
         y: y,
-    }), initHeight = _a[0], topRadius = _a[1], bottomRadius = _a[2], initY = _a[3];
-    var path = useMemo(function () { return (React.createElement("path", { d: getPath(x, width, height, initHeight, topRadius, bottomRadius, initY), stroke: 'none', fill: fill, className: cn(styles.bar, typeof activeDotsState.active === 'number' &&
-            unfocusedAnimation &&
-            activeDotsState.active !== index
-            ? styles.unfocused
-            : '') })); }, [
-        x,
-        width,
-        height,
-        initHeight,
-        topRadius,
-        bottomRadius,
-        initY,
-        fill,
-        activeDotsState.active,
-        unfocusedAnimation,
-        index,
-    ]);
+    }), initHeight = _b[0], topRadius = _b[1], bottomRadius = _b[2], initY = _b[3];
+    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);
 };