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

package/chart/{components/tick → esm/components/Tick}/index.css

@@ -1,4 +1,4 @@
-/* hash: 3lsk0 */
+/* hash: 10ajj */
 :root {
     --color-dark-bg-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
@@ -11,13 +11,17 @@
 
     /* Hard up */
 }
-.chart__tickText_1iu5l {
+.chart__tickText_1ddgc {
     fill: var(--color-light-text-primary);
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
 }
-.chart__circle_1iu5l {
+.chart__circle_1ddgc {
+    opacity: 0.3;
+    fill: var(--color-dark-bg-primary);
+}
+.chart__circle_1ddgc {
     opacity: 0.3;
     fill: var(--color-dark-bg-primary);
 }

package/chart/esm/components/{tick/Component.js → Tick/index.js}

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

package/chart/{modern/components/tooltip-content → esm/components/TooltipContent}/index.css

@@ -1,4 +1,4 @@
-/* hash: 1f4og */
+/* hash: 1dthf */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -19,7 +19,7 @@
 :root {
     --border-radius-m: 8px;
 }
-.chart__tooltip_9p5o8 {
+.chart__tooltip_qtxuh {
     background-color: var(--color-light-bg-primary);
     border: 1px solid var(--color-light-border-primary);
     box-shadow: var(--shadow-l);
@@ -28,7 +28,17 @@
     pointer-events: none;
     position: relative;
 }
-.chart__tooltipArrow_9p5o8 {
+.chart__tooltipList_qtxuh {
+    position: relative;
+    z-index: 5;
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+}
+.chart__tooltipItem_qtxuh {
+    margin-bottom: 10px;
+}
+.chart__tooltipArrow_qtxuh {
     position: absolute;
     left: 0;
     top: 50%;
@@ -38,7 +48,7 @@
     border: 1px solid var(--color-light-border-primary);
     background-color: var(--color-light-bg-primary);
 }
-.chart__tooltipArrow_9p5o8:before {
+.chart__tooltipArrow_qtxuh:before {
     content: '';
     position: absolute;
     left: -2px;
@@ -49,17 +59,7 @@
     border-width: 0 24px 24px 0;
     border-color: transparent var(--color-light-bg-primary) transparent transparent;
 }
-.chart__tooltipArrowRight_9p5o8 {
+.chart__tooltipArrowRight_qtxuh {
     left: 100%;
     transform: translate(-50%, -50%) scale(-1, 1) rotate(45deg);
 }
-.chart__tooltipList_9p5o8 {
-    position: relative;
-    z-index: 5;
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-}
-.chart__tooltipItem_9p5o8 {
-    margin-bottom: 10px;
-}

package/chart/esm/components/{tooltip-content/Component.d.ts → TooltipContent/index.d.ts}

@@ -1,16 +1,10 @@
 /// <reference types="react" />
-import { LegendProps } from "../../types/legend.types";
 import { PayloadProps } from "../../types/payload.types";
 import { SeriaProps } from "../../types/seria.types";
 import { TooltipProps } from "../../types/tooltip.types";
 interface TooltipContentProps extends TooltipProps {
     payload: PayloadProps[];
     series: SeriaProps[];
-    legend: LegendProps;
-    tooltip: TooltipProps;
 }
-interface JSXElementObject {
-    [name: string]: JSX.Element;
-}
-declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, amount, legend, tooltip, }: TooltipContentProps) => JSX.Element | null;
-export { TooltipContentProps, JSXElementObject, TooltipContent };
+declare const TooltipContent: ({ payload, separator, label, tooltipArrowSide, arrow, series, labelFormatter, labelStyle, }: TooltipContentProps) => JSX.Element | null;
+export { TooltipContentProps, TooltipContent };

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import cn from 'classnames';
+import { Typography } from '../../../../typography/esm';
+
+var styles = {"tooltip":"chart__tooltip_qtxuh","tooltipList":"chart__tooltipList_qtxuh","tooltipItem":"chart__tooltipItem_qtxuh","tooltipArrow":"chart__tooltipArrow_qtxuh","tooltipArrowRight":"chart__tooltipArrowRight_qtxuh"};
+require('./index.css');
+
+var TooltipContent = function (_a) {
+    var payload = _a.payload, separator = _a.separator, label = _a.label, tooltipArrowSide = _a.tooltipArrowSide, arrow = _a.arrow, series = _a.series, labelFormatter = _a.labelFormatter, labelStyle = _a.labelStyle;
+    if (!label || payload.length === 0)
+        return null;
+    return (React.createElement("div", { className: cn(styles.tooltip) },
+        arrow && (React.createElement("span", { className: cn(styles.tooltipArrow, tooltipArrowSide ? '' : styles.tooltipArrowRight) })),
+        React.createElement("ul", { className: cn(styles.tooltipList) },
+            React.createElement("li", { className: cn(styles.tooltipItem), style: labelStyle },
+                React.createElement(Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn(styles.tooltipLabel) }, labelFormatter ? labelFormatter(label) : label)),
+            payload.map(function (entry) {
+                var data = series.find(function (d) { return d.properties.dataKey === entry.dataKey; });
+                if ((data === null || data === void 0 ? void 0 : data.hideTooltip) || (data === null || data === void 0 ? void 0 : data.hide))
+                    return null;
+                return (React.createElement("li", { className: cn(styles.tooltipItem), key: entry.dataKey, style: { color: entry.color } },
+                    React.createElement(Typography.Text, { view: 'primary-medium', tag: 'span', weight: 'medium', className: cn(styles.tooltipValue) },
+                        (entry === null || entry === void 0 ? void 0 : entry.formatter) ? entry.formatter(entry.value) : entry.value,
+                        separator || ' '),
+                    React.createElement(Typography.Text, { view: 'secondary-large', tag: 'span', className: cn(styles.tooltipName) }, "" + entry.name)));
+            }))));
+};
+
+export { TooltipContent };

package/chart/esm/hooks/{use-path-bar → usePathBar}/index.js

@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { getRadius } from './utils/get-radius.js';
+import { getRadius } from './utils/getRadius.js';
 
 var usePathBar = function (props) {
     var _a = useState(0), topRadius = _a[0], setTopRadius = _a[1];

package/chart/esm/hooks/{use-settings → useSettings}/index.js

@@ -1,10 +1,10 @@
-import { _ as __assign } from '../../tslib.es6-b2334e08.js';
+import { _ as __assign } from '../../tslib.es6-87bcb4f0.js';
 import { useState, useEffect } from 'react';
-import { setComposedChartsMargin } from './utils/set-composed-charts-margin.js';
-import { setDatas } from './utils/set-datas.js';
-import { setGradientCharts } from './utils/set-gradient-charts.js';
-import { setLegendMargin } from './utils/set-legend-margin.js';
-import { sortByIndex } from './utils/sort-by-index.js';
+import { setComposedChartsMargin } from './utils/setComposedChartsMargin.js';
+import { setDatas } from './utils/setDatas.js';
+import { setGradientCharts } from './utils/setGradientCharts.js';
+import { setLegendMargin } from './utils/setLegendMargin.js';
+import { sortByIndex } from './utils/sortByIndex.js';
 
 var useSettings = function (options) {
     var _a = useState(null), state = _a[0], setState = _a[1];

package/chart/{hooks/use-settings/utils/set-datas.d.ts → esm/hooks/useSettings/utils/setDatas.d.ts}

@@ -2,5 +2,5 @@
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 import { SeriaProps } from "../../../types/seria.types";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: import("react").ReactText[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
 export { setDatas };

package/chart/esm/hooks/{use-settings/utils/set-datas.js → useSettings/utils/setDatas.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-b2334e08.js';
+import { _ as __assign } from '../../../tslib.es6-87bcb4f0.js';
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/esm/hooks/{use-settings/utils/set-gradient-charts.js → useSettings/utils/setGradientCharts.js}

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../../tslib.es6-b2334e08.js';
+import { _ as __assign } from '../../../tslib.es6-87bcb4f0.js';
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/esm/index.css

@@ -8,7 +8,7 @@
     /* Hard up */
 }
 .chart__bar_p1dmp {
-    transition: opacity 0.2s ease-out;
+    transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
 .chart__unfocused_p1dmp {
     opacity: 0.3;

package/chart/esm/index.js

@@ -1,33 +1,26 @@
-import './tslib.es6-b2334e08.js';
+import './tslib.es6-87bcb4f0.js';
 import 'react';
 import 'classnames';
 import '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 './hooks/use-settings/index.js';
-import './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 './components/dot/Component.js';
-import '../../amount/esm';
+import './components/LinearGradient.js';
 import '../../typography/esm';
-import './components/legends/Component.js';
-import './components/linear-gradient/Component.js';
-import './components/rect-bar/Component.js';
-import './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';
-export { ArrangeData } from './types/tooltip.types.js';
-import './components/tooltip-content/Component.js';
-import './customized-hoc-bb7a4ca8.js';
+import './icons/Circle.js';
+import './icons/CircleLine.js';
+import './icons/FilledCircle.js';
+import './icons/StrokeCircle.js';
+import './components/Legends/index.js';
+import './icons/Point.js';
+import './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 './hooks/useSettings/index.js';
+import './hooks/usePathBar/utils/getRadius.js';
+import './hooks/usePathBar/index.js';
+import './components/CustomizedLabel.js';
+import './components/RectBar.js';
+import './components/Tick/index.js';
+import './components/TooltipContent/index.js';
 export { Chart } from './Component.js';

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

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

package/chart/esm/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/esm/types/composedChart.types.d.ts

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

package/chart/esm/types/index.js

@@ -1 +1 @@
-export { ArrangeData } from './tooltip.types.js';
+

package/chart/esm/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/esm/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/esm/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/esm/types/tooltip.types.js

@@ -1,8 +1 @@
-var ArrangeData;
-(function (ArrangeData) {
-    ArrangeData["ICON"] = "ICON";
-    ArrangeData["NAME"] = "NAME";
-    ArrangeData["VALUE"] = "VALUE";
-})(ArrangeData || (ArrangeData = {}));
 
-export { ArrangeData };

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

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

package/chart/hooks/{use-path-bar → usePathBar}/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var hooks_usePathBar_utils_getRadius = require('./utils/get-radius.js');
+var hooks_usePathBar_utils_getRadius = require('./utils/getRadius.js');
 
 var usePathBar = function (props) {
     var _a = React.useState(0), topRadius = _a[0], setTopRadius = _a[1];

package/chart/hooks/{use-settings → useSettings}/index.js

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1c2852c7.js');
+var tslib_es6 = require('../../tslib.es6-f1c9e7cc.js');
 var React = require('react');
-var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/set-composed-charts-margin.js');
-var hooks_useSettings_utils_setDatas = require('./utils/set-datas.js');
-var hooks_useSettings_utils_setGradientCharts = require('./utils/set-gradient-charts.js');
-var hooks_useSettings_utils_setLegendMargin = require('./utils/set-legend-margin.js');
-var hooks_useSettings_utils_sortByIndex = require('./utils/sort-by-index.js');
+var hooks_useSettings_utils_setComposedChartsMargin = require('./utils/setComposedChartsMargin.js');
+var hooks_useSettings_utils_setDatas = require('./utils/setDatas.js');
+var hooks_useSettings_utils_setGradientCharts = require('./utils/setGradientCharts.js');
+var hooks_useSettings_utils_setLegendMargin = require('./utils/setLegendMargin.js');
+var hooks_useSettings_utils_sortByIndex = require('./utils/sortByIndex.js');
 
 var useSettings = function (options) {
     var _a = React.useState(null), state = _a[0], setState = _a[1];

package/chart/{cssm/hooks/use-settings/utils/set-datas.d.ts → hooks/useSettings/utils/setDatas.d.ts}

@@ -2,5 +2,5 @@
 import { DataDynamicBooleanProps, DataDynamicProps } from "../../../types/utils/data.types";
 import { SeriaProps } from "../../../types/seria.types";
 type DatasResultProps = [DataDynamicProps[], DataDynamicBooleanProps, number];
-declare const setDatas: (series: SeriaProps[], labels: import("react").ReactText[]) => DatasResultProps;
+declare const setDatas: (series: SeriaProps[], labels: import("react").Key[]) => DatasResultProps;
 export { setDatas };

package/chart/hooks/{use-settings/utils/set-datas.js → useSettings/utils/setDatas.js}

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-1c2852c7.js');
+var tslib_es6 = require('../../../tslib.es6-f1c9e7cc.js');
 
 var setDatas = function (series, labels) {
     var initData = [];

package/chart/hooks/{use-settings/utils/set-gradient-charts.js → useSettings/utils/setGradientCharts.js}

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../../tslib.es6-1c2852c7.js');
+var tslib_es6 = require('../../../tslib.es6-f1c9e7cc.js');
 
 var setGradientCharts = function (series) {
     var filterSeries = series.filter(function (item) { return item.chart !== 'gradient'; });

package/chart/index.css

@@ -8,7 +8,7 @@
     /* Hard up */
 }
 .chart__bar_p1dmp {
-    transition: opacity 0.2s ease-out;
+    transition: opacity 0.2s ease-out, d 0.2s ease-out;
 }
 .chart__unfocused_p1dmp {
     opacity: 0.3;